陳文誌 . W enzhi Chen 長庚大學 工業設計系 . Department of Industrial Design, Chang Gung University

1. 網際網路在設計課程的應用： 線上輔助設計課程的建構初探Internet Mediated Design Course: The Pilot Study on IMDC Model 陳文誌 . Wenzhi Chen 長庚大學 工業設計系 . Department of Industrial Design, Chang Gung University 國立雲林科技大學 設計學研究所 . Institute of Design, National Yunlin University of Science and Technology 游萬來 . Manlai You 國立雲林科技大學 設計學研究所 . Institute of Design, National Yunlin University of Science and Technology 中華民國設計學會第六屆全國設計學術研究成果研討會 @ 樹德科技大學 June 16, 2001

2. Content • 前言 • 網路教學與學習 • 設計與設計教育 • 線上學習環境與線上設計課程 • 線上課程環境評估與建構架構 • 結語

3. 前言 前言 網路教學與學習 設計與設計教育 線上學習環境與線上設計課程 線上課程環境評估與建構架構 結語 • 成長與改變 • 資訊科技的成長造成設計與教育的變化 • 設計：[Haymaker et al., 2000] • 專精化 (Specialization) • 授權化 (Delegation) • 合作化 (Cooperation) • 分散化 (Distribution) • 設計教育與訓練：[Simeon & Maher, 2000] • 方法 (The methods) • 模式 (Models) • 技術 (Techniques )

4. 網路教學與學習 • 前言 • 網路教學與學習 • 電腦與學習 • 網路教學 • 設計與設計教育 • 線上學習環境與線上設計課程 • 線上課程環境評估與建構架構 • 結語 • 電腦與網路媒体的快速發展，改變了教育的一些方法、模型、與技術。網路與電腦克服了時間與空間的限制，使得學生的學習，不再局限於教室內，學生隨時可以透過電腦與網路預習、學習、與複習各項課程內容。此種的方法，對於設計教育與專業訓練，都具有改變創革的潛力。

5. 電腦與學習 • 前言 • 網路教學與學習 • 電腦與學習 • 網路教學 • 設計與設計教育 • 線上學習環境與線上設計課程 • 線上課程環境評估與建構架構 • 結語 • 電腦輔助教學與學習 (CAI/CAL) 早期大都將電腦視為教學材料的準備工具。 • Hyper Card (1987) 配合人機介面的開發與改進，使 CAI/CAL 變成以學習者為主体，其重心置於學生認知過程的主動建構與情境的學習 [湯清二, 1997]。 • 網路學習 近年來，由於網際網路的普及與技術的進步，提供了更多的功能與更優良的操作介面，同時配合硬体基礎建設的益趨完善，傳統的電腦輔助學習，已轉向網路學習的方向發展 [Couras et al, 1999; Simoff & Maher, 1997]。 • Web-based / E Learning

6. 網路教學 • 前言 • 網路教學與學習 • 電腦與學習 • 網路教學 • 設計與設計教育 • 線上學習環境與線上設計課程 • 線上課程環境評估與建構架構 • 結語 • 類型：Asynchronous /Synchronous • 特點：Geographic Independence, Temporal Independence, Context-based Communication, Computer Mediated Interactive, Hyperlink, Explosion, Student Centered, Community & Collaboration, Knowledge shared, Multimedia • 優點：CAI/CAL's attributes, Cost down, CMC:Computer-mediated Communication, Social interactive • 限制：Communication, Video quality, Bandwidth, Pre-investment, Security, Navigation, Deep learning, Social interactive, Computer skill • 議題：Learning theory, Communication and interactive, System and interface design, Assessment and evaluation, Learning history, Culture

7. 設計與設計教育 • 前言 • 網路教學與學習 • 設計與設計教育 • 設計知識 • 設計教育與教學策略 • 線上學習環境與線上設計課程 • 線上課程環境評估與建構架構 • 結語 • 設計的知識  • 設計教育的特徵 • 理論與實務的結合 • 藝術與科學之間 • 團隊合作 • 設計教學策略 • 建構式的教學原則 • 問題解決的學習方式 • 經由過程學習 • 知識的統合 • 合作方式的演練與學習 Studies relevant to the poiesis of design [Narvaez, 2000]

8. 線上學習環境 • 前言 • 網路教學與學習 • 設計與設計教育 • 線上學習環境與線上設計課程 • 線上學習環境 • 線上設計課程 • 線上課程環境評估與建構架構 • 結語 • 線上學習環境 • 由技術的考量轉移到學習本身的問題 • 科技與課程內容、方式 [Carr & Duchastel, 2000] • 環境認同感與自動評估 [Simoff & Maher, 2000] • 課程的需求與條件，所需花費的成本、可獲得的效果與實現上的問題 [Hsu et al., 1999] • 設計教學環境需求 • 媒体、媒介 • 溝通方式

9. 線上設計課程 • 前言 • 網路教學與學習 • 設計與設計教育 • 線上學習環境與線上設計課程 • 線上學習環境 • 線上設計課程 • 線上課程環境評估與建構架構 • 結語 • Integrated Web-based Design Education Environment [Simeon & Maher, 2000] • 非結構化的線上合作設計模式 [Craig & Zimring, 2000] • Filter mediated design 設計環境 [Haymaker et al., 2000] • NII 推動小組 [1994成立] • 教學網站與平台建立 • 亞卓市、非同步網路教學課程中心…..

10. 線上設計課程 • 前言 • 網路教學與學習 • 設計與設計教育 • 線上學習環境與線上設計課程 • 線上學習環境 • 線上設計課程 • 線上課程環境評估與建構架構 • 結語 • 成功大學工設系 • 雲林科技大學空設系 • 長庚大學工設系

11. 線上學習環境的評估模型 • 前言 • 網路教學與學習 • 設計與設計教育 • 線上學習環境與線上設計課程 • 線上課程環境評估與建構架構 • 評估模型 • IMDC 模型 • 結語 • Pentel, 1997 • Blair, 2000 • Zwar & Resnick, 2000

12. Framework for CWBLE[Pantel, 1997] • 前言 • 網路教學與學習 • 設計與設計教育 • 線上學習環境與線上設計課程 • 線上課程環境評估與建構架構 • 評估模型 • IMDC 模型 • 結語 • 評估線上學習環境 • 從教育理論與人機介面兩方向切入 • 考慮學習者、教學者、系統管理者與組織管理者的不同需求 • 17項評估項目

13. Framework for EWBI[Blair, 2000] • 前言 • 網路教學與學習 • 設計與設計教育 • 線上學習環境與線上設計課程 • 線上課程環境評估與建構架構 • 評估模型 • IMDC 模型 • 結語 • 透過對使用以Web為基礎的線上室內設計輔助課程的評估，來了解使用線上課程的成效。

14. r t n e e C t r o p R p u e s S o e u c r c n e a s m r C o e f r n e t e P r LEARNING CENTER Curriculum Development A Publisher s r s e e t Distance Learning s n s e Management m C e e n t t a d C p e U n t e r C r e o t l l n a e b C o r n a o t i TKM Model [Zwar & Resnick, 2000] • 前言 • 網路教學與學習 • 設計與設計教育 • 線上學習環境與線上設計課程 • 線上課程環境評估與建構架構 • 評估模型 • IMDC 模型 • 結語 • 從知識管理角度切入 • 學習中心包含9個功能模組 • 需考慮學習者、教學者與組織的需求

15. Internet Mediated Design Course Model • 前言 • 網路教學與學習 • 設計與設計教育 • 線上學習環境與線上設計課程 • 線上課程環境評估與建構架構 • 評估模型 • IMDC 模型 • 結語

16. Internet Mediated Design Course Model • 前言 • 網路教學與學習 • 設計與設計教育 • 線上學習環境與線上設計課程 • 線上課程環境評估與建構架構 • 評估模型 • IMDC 模型 • 結語

17. Internet Mediated Design Course Model • 前言 • 網路教學與學習 • 設計與設計教育 • 線上學習環境與線上設計課程 • 線上課程環境評估與建構架構 • 評估模型 • IMDC 模型 • 結語

18. Internet Mediated Design Course Model • 前言 • 網路教學與學習 • 設計與設計教育 • 線上學習環境與線上設計課程 • 線上課程環境評估與建構架構 • 評估模型 • IMDC 模型 • 結語

19. Internet Mediated Design Course Model • 前言 • 網路教學與學習 • 設計與設計教育 • 線上學習環境與線上設計課程 • 線上課程環境評估與建構架構 • 評估模型 • IMDC 模型 • 結語

20. Internet Mediated Design Course Model • 前言 • 網路教學與學習 • 設計與設計教育 • 線上學習環境與線上設計課程 • 線上課程環境評估與建構架構 • 評估模型 • IMDC 模型 • 結語

21. 結語 前言 網路教學與學習 設計與設計教育 線上學習環境與線上設計課程 線上課程環境評估與建構架構 結語 • Thinking • Mediator or tool? • What is an ideal online design course? • How to be a online learner or instructor? • Concluding Remarks • The power of the Internet for learning • Practice and research • What are we waiting for?

22. The End Thank You Wenzhi@mail.cgu.edu.tw Youm@pine.yuntech.edu.tw http://id.cgu.edu.tw/wenzhi http://cid.org.tw/hms/ali/index.htm