中文摘要
數位教學應用於作文教學上，是目前最薄弱的一個教學領域，為了提升
教學的活潑性，並改善教學內容的生動性，本論文以數位影音動畫為基礎來
建構一個教學完整、互動性高、教材內容活潑之作文動畫輔助教學網站，其
內容包括教師專區、作文教學、線上測驗、成語美詞、文學賞析、寫作攻略、
親師互動、好書欣賞與訪客留言等九大功能。此外利用網站平台及線上串流
影音的技術，讓教師透過會員的帳號、密碼登錄，來播放作文的輔助教學，
讓動畫教學來導引學生了解該次的教學目的與動機。也透過網路的普及性，
提供老師與學生一個高度互動的平台，能讓老師隨時回答學生所提出學習上
所遭遇的問題。

Abstract
Remedial education in writing instruction is the weakest in the e-teaching
course currently. In order to enhance the vitality of teaching and improve the
vitality of teaching content, a digital video animation based on the theory to
construct a teaching integrity is studied in this thesis. It is high interaction,
teaching materials and lively animation of composition teaching support materials.
Its content includes a sixth grade animation assisted animation teaching, idioms
teaching, six major online animation test system. In addition, the teacher can use
web platform and online streaming audio and video technology to play the
composition of remedial teaching. It is animation to guide the students to
understand the views of the teaching purpose, motivation, and the study effect.

目錄
摘要 i
Abstract ii
謝誌 iii
目錄 iv
圖目錄 v
第一章緒論 1
1.1 研究動機與目的 1
1.2 論文架構 3
第二章文獻探討 5
2.1 作文教學 5
2.2 數位教學探討 7
2.3 網路學習平台探討 10
第三章作文簿落格之設計 21
3.1 作文遠距教學系統平台 22
3.2 學校班級子網頁系統平台 25
第四章結果與討論 28
4.1 簿落上課之作文輔助教學動畫影音系統 30
4.2 線上測驗之成語美詞線上遊戲互動系統 34
4.3 成語美詞之輔助教學動畫影音互動查詢系統 37
4.4 簿落文學之線上作文投稿登錄平台系統 39
4.5 寫作攻略之線上作文寫作技巧查詢系統 41
4.6 簿落討論之開放式線上作文寫作互動留言平台 45
第五章結論與未來研究方向 47
5.1 研究結論 47
5.2 未來研究方向 48
參考文獻 49

圖目錄
圖2-1 中區區域教學資源中心…………………………………………… 11
圖2-2 e 化教學交流平台………………………………………………… 12
圖2-3 校際課程教交流平台……………………………………………… 12
圖2-4 Moodle 課程資訊網……………………………………………… 14
圖2-5 英文學習網站……………………………………………………… 15
圖2-6 英文專訪影片……………………………………………………… 15
圖2-7 英語聽力訓練教室………………………………………………… 16
圖2-8 英文「閱讀專區」………………………………………………… 16
圖2-9 偏鄉地區中小學網路課業輔導服務……………………………… 17
圖2-10 作文易學堂……………………………………………………… 18
圖2-11 作文學習網站…………………………………………………… 19
圖3-1 作文簿落格系統關聯圖…………………………………………… 21
圖3-2 實體上課的預設流程……………………………………………… 22
圖3-3 備課及上課架構流程……………………………………………… 23
圖3-4 作文遠距教學平台之首頁………………………………………… 24
圖3-5 學校遠距教學主網與班級子網的關聯性………………………… 25
圖3-6 學校班級網頁架構圖……………………………………………… 25
圖3-7 母子網站搜尋相關資訊的流程…………………………………… 27
圖3-8 母子網站資料互相呈現之畫面…………………………………… 27
圖4-1 作文遠距教學輔助平台-作文簿落格之六大主功能架構……… 28
圖4-2 作文簿落格遠距教學平台首頁…………………………………… 29
圖4-3 作文教學動畫的製作流程………………………………………… 30
圖4-4 作文輔助教學動畫影音系統後台管理介面……………………… 31
圖4-5 作文輔助教學動畫影音系統前台管理介面……………………… 32
圖4-6 教師進行備課教學的流程………………………………………… 33
圖4-7 教師進行備課教學的主題畫面…………………………………… 33
圖4-8 遊戲測驗程式設計流程圖………………………………………… 34
圖4-9 線上測驗的9 種背景圖像………………………………………… 35
圖4-10 線上測驗登操作平台……………………………………………… 36
圖4-11 成語美詞編輯登錄查詢流程……………………………………… 37
圖4-12 提供文字解說、注音、動畫的播放畫面………………………… 38
圖4-13 蒐集最新的5 筆文學作品顯示於首頁…………………………… 39
圖4-14 母子網站彙整文學賞析系統處理流程…………………………… 40
圖4-15 『寫作攻略』前後台登錄與搜尋系統作業流程………………… 42

參考文獻：
[1] 林景蘇，兒童作文教學的設計理念與教學策略，第167-194 頁。
[2] 鄭瓊華，國民中學情境作文教學之研究，高雄師範大學國文教學碩士班
碩士論文，2008 年。
[3] 吳雪麗，情境作文教學設計之舉隅，北縣教育，第六十九期，
第99-103 頁，2009 年。
[4] D. Collins, A. Deck, M. McCrickard, “Computer Aided Instruction: A Study
of Student Evaluations and Academic Performance,” ERIC Online, 2010.
[5] 湯新鴻，“交互式CAI 教學模式實踐研究”，Journal of Huanggang
Normal University，2009 年。
[6] 翁毓欣，動畫故事發想的創意方法，國立臺灣藝術大學多媒體動畫藝
術學系碩士論文，2008 年。
[7] 楊儒仁，電腦輔助教學對數學低成就學生補救教學成效之個案研究－
以柱體的體積為例，國立臺南大學數位學習科技學系碩士在職專班碩
士論文，2009 年。
[8] 謝筱梅，互動引導作文網站對學生寫作影響之研究，國立臺北教育大學
教育傳播與科技研究所碩士論文，2008。
[9] 國立暨南國際大學，語文教學研究中心，http://web.ncnu.edu.tw/。
[10] 簡文章，Moodle 初階課程講義，http://moodle.ncnu.edu.tw，2010 年。
[11] 新世代暨大網路多媒體英語教室，http://english.csie.ncnu.edu.tw/。
[12] 國立暨南國際大學，語文教學研究中心，http://web.ncnu.edu.tw/。
[13] 偏鄉地區中小學網路課業輔導服務，
http://www2.cc.ncnu.edu.tw/pop/nasc/main.htm。
[14] 財團法人中華民國電腦技能基金會中文寫作測驗中心，
http://www.cwt.org.tw/。
[15] 邱中堅，知識庫建構研究：以易經知識庫之建立為例，樹德科技大學
資訊工程學系碩士論文，2003 年。
[16] 吳建達，動態網頁應用程式調校-以Apache+PHP+MySQL 為例，國立
清華大學資訊系統與應用研究所碩士論文，2005 年。
[17] 阮氏惠，設計透過立體互動的虛擬實境教學遊戲系統，國立中央大學資
訊工程研究所碩士論文，2009 年。
[18] 蔡昌均，電腦輔助教學專家系統中知識管理之研究，國立交通大學資
訊科學系博士論文，2001 年。
[19] 邱欽祥，個人化知識庫建立：多領域網頁文件自動擷取關鍵詞，雲林
科技大學資訊工程研究所碩士論文，2009 年。
[20] 吳聯科，網際網路上國語文學習系統之建置與成效研究，臺南師範學院
資訊教育研究所碩士論文，2001 年。
[21] 黃秋雯，線上文學討論圈對EFL 大學生培養其英語閱讀態度及閱讀理解
能力之效能，東海大學外國語文學系碩士論文，2008 年。