This course is offered in Spring semester
URL of this course: http://ceiba.cc.ntu.edu.tw/th7_530
Other Web Courses offered by Dr. Hsien-Hui Lee
上學期學生作業


﹝選課學生名單﹞
﹝如何在你的大學的 WWW Server 建立自己的網頁﹞

專題報導：新世紀教育風貌： 網路人、創意人、文明人 ── 曾志朗先生

本課程精簡版：網頁規劃設計與品質評估

參考網站：http://www.useit.com/alertbox/

課程綱要：
 

　　透過遠距教學的教學方式，本課程的目的在使學生了解互動式多媒體的理論與實務之間的關係。

　　本課程分理論和實務兩部份。

　　理論部份透過對國內外傑出多媒體作品的介紹和分析﹝包括多媒體光碟軟體及全球資訊網的網頁﹞，從視辨能力、多媒體藝術理論、認知心理學、教學設計理論當中探討互動式多媒體的規劃設計與品質管制的概念。

　　實務部份是根據互動式多媒體規劃設計的過程，詳細說明設計過程中最重要的三部曲──資訊設計、互動設計、視覺表現設計。同時介紹各種網頁編輯軟體，並逐步引導學生依照設計過程完成個人之網頁。

　　修完本課程的學生，應該學會

  • 了解各種互動式多媒體的技術。
  • 了解教學設計原理及運用到互動式多媒體資訊設計上。
  • 能為自己建立有用的個人網頁之外，也能進一步規劃教學網頁。

參考書目：
  1. 《天馬行空─話說多媒體概論與實務》
    ←← 本書為教科書。
    李賢輝著，台北：財團法人資訊工業策進會，1999。
    請參考本書內容介紹
  2. 《多媒體設計入門》
    Gary Olson 著，許明潔譯，台北：龍溪圖書，1998。

  3. 《CD-TITLE 企劃與製作》
    黃永達編著，台北：亞邁多媒體，1999。

  4. "Computers as Theatre"
    Brenda Laurel. New York: Addison-Wesley, 1993。
  5. " Multimedia Demystified"
    Apple-New Media Series. New York: Random House, 1994。
  6. "Seeing is Believing: An Introduction to Visual Communication"
    Arthur Asa Berger. MountainView, California: Mayfield, 1989。
  7. 《台灣大學戲劇研究所虛擬圖書館》
    李賢輝編，台北：台灣大學，1999。

授課內容：

﹝第 1 講﹞多媒體與溝通的藝術

﹝第 2 講﹞如何運用 Netscape Composer 迅速建立個人網頁

﹝第 3 講﹞如何迅速建立有效的網際網路資訊

﹝第 4 講﹞多媒體範例介紹

﹝第 5 講﹞多媒體網頁設計注意事項 ﹝第 6 講﹞多媒體製作程序
  • 建構多媒體製作小組
  • 專案計劃書與合約
    • 專案計劃書
      • 溝通目標的陳述
      • 專案的處理方法
      • 專案的內容
      • 費用總結或預算
      • 製作進度管制表
    • 合約
  • 設計階段
    • 創意腦力激盪會議
    • 紙上設計
      • 內容導覽流程圖
      • 分鏡腳本
      • 互動功能操作規範
    • 產品雛形製作
  • 發展階段
    • 使用者測試
    • 產品生產
      • 阿法測試
      • 貝塔測試
      • 母片製作
    • 找尋產品缺點
﹝第 7 講﹞設計階段的要領與程序 ﹝第 8 講﹞教學設計

﹝第 9 講﹞資訊設計

﹝第 10 講﹞從認知心理學談圖像的設計

  • 認知心理學
    • 感官信號的貯存
    • 注意力
    • 記憶結構
  • 圖像設計
    • 影像、符號與圖像之間的關係
    • 圖像如何幫助人溝通
    • 圖像設計的四個要件

﹝第 11 講﹞互動設計

  • 互動設計的意義
    • 互動設計為使用者提供閱覽方向
  • 人體工學﹝ergonomics﹞
    • 可見度 ﹝visibility﹞
    • 概念模式 ﹝conceptual model ﹞
    • 回饋 ﹝feedback﹞
    • 隱喻和提示﹝metaphors and affordances﹞
  • 互動設計的基本工作
    • 瀏覽方向 ﹝orientation﹞
    • 影像圖集和隱喻﹝image maps and metaphors﹞
    • 導航 ﹝navigation﹞
    • 可使用度﹝usability﹞
    • 功能性﹝functionability﹞
    • 分鏡腳本﹝storyboard﹞

﹝第 12 講﹞網頁設計與版面編排原則

﹝第 13 講﹞視覺表現設計

  • 風格與主題﹝style and theme﹞
  • 呈現速度與時刻﹝pace and timing﹞
  • 呈現時間長度﹝running length﹞
  • 導航﹝navigation﹞
  • 結論﹝summary﹞

評分方式：
  • 作業一：﹝25%﹞以 WordPad 或 MSWord，一週編寫一篇有關遠距教學的文章。初期可以只用文字表達，然後學習逐漸加入數位影像，並逐週登載於個人網頁上。﹝一學期最少要完成九篇文章。﹞
     
  • 作業二：﹝25%﹞以書面的方式，依照課堂內所陳述的要點，說明設計過程所需考慮的事項與觀點，再依資訊設計、互動設計、視覺表現設計的過程，設計個人之 HOMEPAGE 腳本。
    請注意：作業三必須是你個人的 HOMEPAGE ，而不是介紹某一個專題或介紹某一個你喜歡的人。
     
  • 作業三：﹝25%﹞根據作業二的腳本製作成個人之 HOMEPAGE。
     
  • 作業四：﹝25%﹞依照講義所陳述的要點，並參考國外網頁設計，任選國內一個政府機關的網頁，改善其設計，甚至重新設計之。

Lecture: Dr. Hsien-Hui Lee
E-MAIL: hsienlee@ms4.hinet.net
Address: 1 Roosevelt Road, Section 4, Taipei, TAIWAN, Republic of China
Telephone: 886-2-2363-0231 ext 3644; 　
FAX: 886-2-2369-1350
(Last Update: Feb 15, 2000)