◎系所教育目標：
1.培育兼具理論與實務專業能力之數位學習人才。
2.培育兼具統整學科內容與媒體應用能力之分析設計人才。
3.培育兼具管理知能與科技應用技能之教育訓練人才。
4.培育兼具教學變革與學術創新之教育研究人才。 |
| ◎核心能力 | 關聯性 |
| 1.兼具理論與實務之專業能力。 | 4 關聯性稍強 |
| 2.數位媒體分析設計與應用之能力。 | 3 關聯性中等 |
| 3.熟悉導入策略，有效管理數位學習專案。 | 3 關聯性中等 |
| 4.領導團隊合作之能力，並能引領組織之學習風氣。 | 4 關聯性稍強 |
◎本學科內容概述：
探討網頁設計師如何建立需求並利用設計的技巧，創造出具有使用性並且能和使用者有效率溝通和互動的網站。本課程的內容先從了解使用者，建立需求開始製作網站，之後再撰寫完整的論文報告。因此，本課程是以了解使用者需求為主，並輔以網頁設計的教學，以建立兼具使用性與美感的網頁設計。 |
◎本學科教學內容大綱：
1.互動系統設計的基本概念說明。
2.互動系統設計的原則與實作。
3.基本網頁設計軟體教學。
4.網頁設計的原則。 |
◎本學科學習目標：
• 學生能了解情感設計在教材上的重要性
• 學生能了解情感設計中美感設計的原則
• 學生能使用專業軟體製作電子書教材
• 學生能有基本收集資料和詮釋資料的能力
• 學生能有基本分析評估教材的能力
• 學生能撰寫完整的教材製作流程與評估之報告 |
| ◎教學進度： |
| 週次 | 主題 | 教學內容 | 教學方法 |
01
| 課程介紹/基本理論：介紹PACT的設計介面流程 | 課程目標，教學活動進行，學習評量 | 操作/實作、講授、討論。
授課方式：遠距(非同步) |
02
| 基本理論：互動系統設計的原則與實作 | 定義，目的，分類，應用方式 | 作業/習題演練、講授。
授課方式：遠距(非同步) |
03
| 基本理論：研讀相關研究報告 | 定義，目的，分類，應用方式 | 作業/習題演練、講授。
授課方式：面授 |
04
| 建立需求表：互動設計的組織系統 | 定義，目的，分類，應用方式 | 作業/習題演練、講授。
授課方式：遠距(非同步) |
05
| 建立需求表：互動設計的標籤系統I | 定義，目的，分類，應用方式 | 操作/實作、講授。
授課方式：遠距(非同步) |
06
| 建立需求表：互動設計的標籤系統II | 定義，目的，分類，應用方式 | 作業/習題演練、講授。
授課方式：遠距(非同步) |
07
| 建立需求表：互動設計的導覽系統 | 定義，目的，分類，應用方式 | 作業/習題演練、講授。
授課方式：遠距(非同步) |
08
| 建立需求表：設計與文件說明 | 定義，目的，分類，應用方式 | 作業/習題演練、講授。
授課方式：遠距(非同步) |
09
| 原型製作定稿發表 (建立需求單) | 建立需求單 | 作業/習題演練、講授。
授課方式：面授 |
10
| 期中考 | 期中考 | 講授。
授課方式：遠距(非同步) |
11
| 製作網站：網頁設計的原則
製作網站：網頁軟體教學CodePen | 基本網頁設計軟體教學 | 作業/習題演練、操作/實作。
授課方式：遠距(非同步) |
12
| 製作網站：網頁軟體教學CodePen | 基本網頁設計軟體教學 | 作業/習題演練、操作/實作、講授。
授課方式：遠距(非同步) |
13
| 製作網站：網頁軟體教學CodePen | 基本網頁設計軟體教學 | 作業/習題演練、操作/實作、講授。
授課方式：遠距(非同步) |
14
| 製作網站：網頁軟體教學CodePen | 基本網頁設計軟體教學 | 操作/實作。
授課方式：遠距(非同步) |
15
| 製作網站：網頁軟體教學CodePen
原型製作定稿發表 | 基本網頁設計軟體教學 | 作業/習題演練。
授課方式：面授 |
16
| 評估網站：資料的分析 | 資料的分析 | 口頭報告。
授課方式：面授 |
17
| 線上討論:期末作品發表 | 期末作品發表 | 作業/習題演練、口頭報告、討論、同步。
授課方式：遠距(非同步) |
18
| 線上討論:期末評量 | 期末評量 | 作業/習題演練、口頭報告、討論。
授課方式：遠距(非同步) |
◎課程要求：
所有學生需具有中文的基本聽說讀寫之能力以及電腦操作基本之能力，並具有英文基本聽說讀寫之能力。 |
◎成績考核
課堂參與討論26% : 針對上課老師的測驗題逐題作答，並在課堂結束後，於期限內上傳檔案至指定討論區。（共十三次作答）。
期中考20% : 指定論文的撰寫和分析
期末考34% : 作品的優劣與期末口頭報告以及書面報告
作業/習題演練20% : 上課完成指定之作業，共10次作業
|
◎參考書目與學習資源
Benyon, et al. (2005), Designing interactive systems: people, activates, contexts, technologies. Addison-Wesley.
Morville, et al. (2006), Information architecture for the www, 3rd, O’reilly.
Brinck, et al. (2001), Usability for the Web: Designing Web Sites that Work, 1st, Morgan Kaufmann.
跟Adobe 徹底研究 Dreamweaver 上奇出版社
正確學會Dreamweaver的16堂課 旗標出版社
Dreamweaver CS5 help 中文 Adobe出版
Dreamweaver CS5魔法書 旗標出版社 |
| ◎教材講義 請改以帳號登入校務系統選擇全校課程查詢方能查看教材講義 |
| 適合修習對象：本課程之修課學生均為嘉義大學數位學習設計與管理碩士班一年級學生。學生背景包含資工領域、資管領域、教育領域以及設計領域，亦有少部分在職學生。在職學生多從事學校教職或是與公家或私人機構從事教學設計之相關工作。雖然背景較多元，但幾乎未有了解使用者需求、訊息整理評估與網站設計之整體研究之經驗。這門課對多數學生而言是第一門的整體網站設計之入門課程。 |
| 教學方式：
■提供線上課程主要及補充教材
■提供線上非同步教學
■有線上教師或線上助教
■提供面授教學, 次數：4次， 總時數：12.0小時
■提供線上同步教學, 次數：1次， 總時數：3小時
■每週上課時數(遠距教學)：0.83小時
■提供線上非同步13次，面授4次，17-18周以線上討論方式，作為補課。 |
| 學習管理系統：
1、提供給系統管理者進行學習管理系統資料庫管理
■個人資料
■課程資訊
2、提供教師(助教)、學生必要之學習管理系統功能
■最新消息發佈及覽
■教材內容設計、觀看及下載
■成績系統管理及查詢
■進行線上測驗及發佈
■學習資訊
■互動式學習設計(聊天室或討論區)
■各種教學活動之功能呈現 |
| 作業繳交方式：
■提供線上說明作業內容
■線上測驗 |
上課注意事項：
碩一生 |