デジタルハリウッド大学WEBサービス ヘルプ
シラバス参照
シラバス検索 > シラバス参照
講義名 Webサイトプロトタイプ演習
(副題)
開講責任部署 デジタルハリウッド大学デジタルコミュニケーション学部デジタルコンテンツ学科
講義開講時期 4 Q 講義区分 演習
基準単位数 2.00 時間 0
代表曜日 金曜日 代表時限 5限
科目分類名 演習
科目分野名 Web
年次 1~2
必修/選択 選択必修

担当教員
職種氏名所属
非常勤講師◎ 布田 隆介教員

学習目標(到達目標) 履修生のPCを使用し、WEB制作フローにおいて重要な「プロトタイプ」の作成方法を学ぶことで、実践的なWEBサイト構築スキルを習得する。
WEB業界でのエンジニアでもデザイナーでもないディレクターの立ち位置、仕事内容を理解し将来のキャリアに役立てる。
授業のゴールは3つ
1. WEB制作の流れを理解
2. プロトタイプの手法、制作方法の会得
3. プロトタイピングツールを使えるようになる
授業概要(教育目的) 企画からWEBサイトができるまでの工程とその中で必要な役割を理解し、主にディレクターと呼ばれる職種に関して実践を交えて理解する。
WEBサイト構築を行なう上で重要となる「プロトタイプ」の理解を深め、精度の高いプロトタイプがつくれるようになる。
授業内容(キーワード/スキルとそのレベル) 【授業内容】
- WEBサイトができるまでの工程
- プロトタイピングの流れ
- スケッチの理解と実践
- ワイヤーフレームの理解と実践
- モックアップの理解と実践
- UI/UX

【獲得できるスキル】
- WEBサイト制作の流れ
- プロトタイプツールの使い方
- UI/UX設計の基礎知識
- WEBディレクターの基礎知識
授業計画表
『Web制作フローと設計フェーズの重要性』  
内容
第1回・Webの制作工程、企画、設計について
第2回・プロトタイピング実践~スケッチ~
第3回・プロトタイピング実践~ワイヤーフレーム~
第4回・プロトタイピング実践~モックアップ~
・WEBサイトにおけるUI/UXとは
第5回・WEB業界の理解
・現役WEB業界のゲスト講演
第6回・テーマを元にオリジナルのプロトタイプ制作(1)
第7回・テーマを元にオリジナルのプロトタイプ制作(2)
第8回・制作したプロトタイプをプレゼン
・総評
授業形式 講義と個別のワーク、グループワークをバランス良く行う。
成績評価方法・基準 授業態度:20%
授業内の演習・課題:30%
最終課題:50%
期末試験の内容(提出方法・実施日) 【本試験】
- 試験方法  課題提出
- 試験内容  授業内で発表される最終課題資料の内容に基づき、指定されたテーマでWEBサイトプロトタイプを制作する
- 提出方法  最終授業にて提出
- 実施日   第8週までに実施
- 提出〆切  授業内で発表される最終課題資料を参照

【追試験】
- 実施なし

【再試験】
- 実施なし
履修条件および学生へのメッセージ 授業は講義とホワイトボード使って進めるので、メモは各自取ること。ペーパーは基本的に配布しない。