100年銘傳大學「課程重構計畫」 互動式電子書規劃與設計

商業設計系/王開立

前言

• 本計劃將以「網站規劃與設計」課程為重構對象，結

合網頁製作軟體教學並導入數位學習與電子書設計製

作之觀念於教學課程中，期望學生能藉由電子書的編

輯與製作過程，提高設計專業知識之吸收與學習效果。

計畫動機

1. 為了因應大專校院數位學習、軟體認證及專業技術

等之相關需求，發展優質的數位閱讀與建構電子書

教學模式。

2. 針對目前數位學習與電子書操作技術發展趨勢，建

立平面設計課程數位教材之教學策略、應用模式與

評量方式，以提供日後設計相關課程數位化之依循。

學習目標

1. 引導學生如何善用數位學習工具來提高設計專業

知識之學習績效。

2. 透過電子書編輯技術與互動機制的學習，讓學生

接觸最新數位閱讀媒體相關知識。

3. 讓學生體驗多媒體化的數位學習互動機制與教學

方式。

課程內容 1. 本課程之重構計畫是將「網站規劃與設計」課程

重心從原本著重在主題網站之編輯建構與軟體教

學擴展到數位學習與閱讀的領域，讓學習者可以

通盤了解目前在網路科技發展技術方面的應用現

況，並且實際嘗試編輯製作出互動性強且資訊豐

富的電子書。

2. 將原本平面出版品之設計概念轉換成為互動形式

之電子翻頁書呈現，並輔以動畫特效以增加閱讀

趣味性。學生將學習如何進行主題企劃、資料編

整、互動性介面設計之電子書模型。

教學策略

1. 針對設計教育的特性融入建構主義之教學方法與主

張，鼓勵學生主動參與各項之課程活動。

2. 以現有課程架構結合ADDIE教學設計模式進行教材

開發與實施，以符合數位學習之教學趨勢。

3. 藉由實作評量方式來檢視學生整學期來各階段之的

學習成效。

課程進度

製作工具

• 本計劃將採用FlippingBook™ HTML Edition來編輯翻頁書

，這套電子書模組是以目前流通最廣的SWF格式來製作書

籍內頁，一般網路瀏覽器均能閱讀，相容性極高，且製作

軟體FLASH也極適合設計科系學生來進行互動機制的設計

，也是學生較為熟悉的製作工具。

• 網頁製作軟體:Flash CS5 、Dreamweaver CS5

• 影像編輯軟體: Photoshop CS5 、Illustrator CS5

學習評量

1. 研究報告：電子書市場與產品分析(20%)。

2. 電子書企劃：主題設定與腳本製作(20%)

3. 電子書實作：翻頁式電子書 (50%)

4. 線上測驗：Flash與Dreamweaver題庫測驗(10%)。

學生電子書研究報告(PPT格式)

學生電子書研究報告(PDF格式)

電子書腳本

學生電子翻頁書作品(HTML+SWF格式)

學生電子翻頁書作品(HTML+SWF格式)

實施成效與心得

• 學生對於在目前課程中導入電子書製作單元普遍抱持

肯定的態度，但對於軟體學習與課程進度感到吃力。

• 由於軟體操作熟練度不足，目前作品的創意與精緻度

仍有極大的進步空間。

• 關於數位閱讀與電子書的相關研究與資料蒐集成果令

人滿意。

• 本重構計畫須經過一段較長的實施過程，始可累積出

更豐富的學習成效。建議以一學年的時間融入教學活

動為宜。

結語

• 以現今電子書技術發展趨勢看來，互動式電子書

(Interactive E-book)似乎可以將各式教材格式的特色整合

起來，兼具圖文閱讀、影音動畫、內容檢索、互動式操作

等特性，讓數位教材變得更加輕巧、易於閱讀。

• 雖然強調互動式的教材設計或電子書具有較高的學習評價，

但相對的其技術門檻也比較高，非一般師資能力所及，培

育一批熟悉數位教材製作技術的人才來投入互動式電子書

的製作與開發，似乎成為當務之急。

報告完畢

謝謝聆聽