スポンサーリンク
マルチメディアシステム

【マルチメディア】Webサイト構築・運用

Webサイト構築と運用

WWW (World Wide Web)

インターネットを介してウェブ資源を得るための情報空間

Web ブラウザ

Webページを閲覧するためのソフト
(例) NCSA Mosaic, Internet Explorer, Safari, Firefox, Google Chrome, Microsoft Edge, etc…

プロキシサーバー

ローカルネットワーク外のWebアクセスを管理する

Cookie

ブラウザをとうしてユーザーのコンピュータに情報を書き込む仕組み

Plug-in

Webブラウザに追加機能を実現するプログラム

 

コンセプトメイキング

コンテンツを作成する際の方針を決定していく処理

課題や問題の分析

企画の具現化に必要なものの選定

ヒアリング

コンテンツ制作依頼者の意図を汲み取る

5W2Hからヒアリングの内容を整理する
Why → なぜ、そのコンテンツを作成するか
What → どんなコンテンツを提供するあ
Where → どのような印象を与えたいのか
When → いつ実現したいのか
who → 誰に提供するか
How → どのように実現したいのか
How much → コンテンツを制作する利益はどこにあるのか

コンセプトの分類

・デザインコンセプト
スクリーンにおける部品のレイアウト

・システムコンセプト
部品を動かすシステムの使用

プロトタイプ

プロトタイプ(仮作成物)による問題点の洗い出し

コンテンツ制作手順

①コンセプト決定
②仕様策定
③プロトタイプ作成
④プログラミング
⑤ベータテスト
⑥デバックと修正
⑦完成

ナビゲーション

ユーザを特定の情報資源に誘導する機能

サイト内の案内

メニュー

サイトマップ

サイト内検索機能

現在の位置の表示

パンくずリスト

メニューフォーカス

進度表示

クリッカブルマップ

画像の中に複数のリンクを設定(クリックした位置に応じて異なるリンク先に移動する)

 

Webプログラミング

HTML

JavaScript

Java

PHP (サーバーサイドスクリプト)

XML (サーバーサイドスクリプト)

Webサイト運営

Webサイトのテスト

テスト チェック項目
リンクテスト 正しいリンク先にジャンプするかを検証する
動作テスト インタラクティブな動作をする箇所が正しく機能するかを検証する。ポップアップウィンドウのサイズなどをチェックする
Webブラウザ別テスト Firefox, chrome, safariといったWebブラウザの種類、バージョンの違いによる表示や動作の際に検証する
ユーザー環境別テスト WindowsやOS XなどのOSの種類、バージョンによる表示や動作の差異を検証する。文字化けなどがないかを確認する
性能テスト 低速な回線での表示などを検証する。アクセスが集中した状態での動作を検証する。

アクセスログ解析

Webサーバーで保存されたログを解析しWebサイトを評価する。

コンテンツ管理

CMS(Contents Management System)

テキストや画像、レイアウト情報などをデータベースで管理

ユーザー管理

アカウント管理

 

 

スポンサーリンク