授業のテーマ

Webデザイン応用。表現のメディアとしてのWWW。

現在、World Wide Web(= WWW)を通して、日々膨大な情報がやりとりされています。情報を伝達するための手段として、Webは欠かすことのできないメディアとなっています。しかし、Webは単純な情報の伝達手段を越えた表現のためのメディアとしての大きな可能性を秘めています。Webブラウザの進化、Webに関連する様々なテクノロジーの進歩によって、Webを用いた表現の幅は日々拡張されています。

この授業では、Webを表現のためのメディアと捉え、様々な技術を学びながらその可能性を探っていきます。

講義ノート

• 2011.10.02 : 第１回：HTML5とは何か?
• 2011.10.16 : 第２回：jQuery入門
• 2011.10.23 : 第３回：jQuery2 – イベントを理解する
• 2011.10.30 : 第４回：jQueryプラグイン – フォトギャラリーを作成する
• 2011.11.07 : 第５回：jQueryのプラグインを使用してフォトギャラリーをつくる(実習)
• 2011.11.13 : 第６回：中間講評会 – jQueryのプラグインを使用たフォトギャラリー
• 2011.11.20 : 第７回：HTML5 Canvas + JavaScriptで図形を描く
• 2011.11.27 : 第８回：Canvasアニメーション
• 2011.12.04 : 第９回：HTML5 実践 – “jsdo.it” を使ってみる
• 2011.12.11 : 第10回：HTML5 実践 – Canvasで画像を使う
• 2011.12.19 : 第11回：HTML5 実践 – video要素で映像を表示
• 2011.12.25 : 第12回：HTML5 実践 – canvas + JavaScriptで時計をつくる
• 2012.01.15 : 第13回：JavaScriptとCanvasで時間を表現する

授業計画及び内容

1. オリエンテーション：Webをめぐるここ数年の状況
2. HTML、CSSの基礎についての確認
3. HTML5 (1)：文書の構造化のための新要素
4. HTML5 (2)：音声、動画などマルチメディアのための新要素
5. CSS 3 (1)：CSS3によるWebデザイン1
6. CSS 3 (2)：CSS3によるWebデザイン2
7. 中間課題講評
8. Webサービスの活用 (1)：写真、動画の共有
9. Webサービスの活用 (2)：ソーシャルメディアの活用
10. Canvas要素とJavascript
11. jQuery (1)：jQueryとは、簡単なアニメーションを作成
12. jQuery (2)：jQueryのプラグインの活用
13. jQuery (3)：jQueryUIを活用した高度なGUIの作成
14. 様々なメディアを利用した、Web表現の実践
15. 最終課題講評会

開講日時

月曜5限

教材・参考書

授業資料はWebサイト(https://yoppa.org/)に掲載します。

参考図書

• 「Webデザインメソッド」　矢野りん　ワークスコーポレーション
• 「IA100-ユーザエクスペリエンスデザインのための情報アーキテクチャ設計」　長谷川敦士　ビー・エヌ・エヌ新社

成績評価の方法

出席数、履修態度、課題提出(中間課題・最終課題)の内容を総合的に評価します。

履修上の指示事項

HTMLとCSSの初歩について、理解していることを前提にします。また、Macの基本操作(マウスの操作、文字の入力、ファイルやフォルダの操作)は理解している前提で授業を行います。

備考