• 東京藝術大学 芸術情報センター(AMC)
• 2014年前期、金曜3限

授業のテーマ

Webの技術を駆使して、情報を表現し発信する。

現在、情報を伝達するための手段としてWebは欠かすことのできないメディアとなっています。しかし、Webは単純な情報の伝達手段を越えた表現のためのメディアとしての大きな可能性を秘めています。Webブラウザの進化、Webに関連する様々なテクノロジーの進歩によって、Webを用いた表現の幅は日々拡張されています。この授業では、Webを表現のためのメディアと捉え、様々な技術を学びながらその可能性を探っていきます。最終的に自分自身でWebを用いて表現し発信できることを目標とします。

授業計画及び内容

• WWW概論
• HTML入門
• HTML入門2 – ハイパーリンク、インラインイメージ、リスト
• HTML入門 3 情報を整理する – リスト、テーブル
• HTML5とは何か? HTML5はじめの一歩
• HTML5でマークアップ
• Processing.js (1) : 基本操作と、基本図形の描画
• Processing.js (2) : アニメーション1 基本
• Webサーバーの準備 – Github PagesでWebサイト開設
• Github Pagesで作品を公開、Automatic Page Generatorでサイトを生成
• Processing.jsによるデータの可視化と生成的表現
• Processingによるデータの可視化 – 時系列のデータを可視化する
• 最終課題に向けて: 芸大電力消費量のデータをProcessing.jsでビジュアライズする 01
• 最終課題に向けて: 芸大電力消費量のデータをProcessing.jsでビジュアライズする 02
• 最終課題講評会

教材・参考書

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

参考図書

• 羽田野太巳『徹底解説　HTML5マークアップガイドブック　最終草案対応版　全要素・全属性完全収録』秀和システム、2011年
• 西畑一馬『Web制作の現場で使うjQueryデザイン入門』アスキー・メディアワークス、2013年
• 田中孝太郎、前川 峻志『Built with Processing[Ver. 1.x対応版] -デザイン/アートのためのプログラミング入門 』ビー・エヌ・エヌ新社、2010年

成績評価の方法

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

履修上の指示事項

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