華文數位學習網

元培科技大學

資訊管理系畢業專題

華

文

數

位

學

習

網

指導老師：杜建志 老師

組 別：A19

組 長：吳秉儒(0971408104)

組 員：洪彬哲(0971408085)

林紹培(0971408093)

林虹育(0971408126)

中

華

民

國

一

百

年

十

二

月

摘 要

在科技發展蓬勃的現今，數位學習也漸漸將要成為主流，並彌補了舊有學習 方法的缺點，因為資料是放在於網路上，當有需求的人，尌可以依照自己的意願 隨時閱讀學習，而且只要在有網路的地方，便不會受到限制於地點上，也可以依 照著自己的意願隨地閱讀學習，當有疑問時，也可利用網路在線上討論，這樣不 僅可以讓人隨時隨地的學習，還可與大多數人交流討論著各種問題。 而本專題是要做一個數位學習的網站，有著發音矯正、測驗、成語故事、留 言板等功能，本專題有學習記錄的功能，這功能可以記錄測驗的分數，統計並產 生出圖表，這樣的分數記錄可以讓使用者更了解自己的學習成果。 學習歷程記錄這個功能必頇要先登入會員(一般使用者不提供這個功能)，一 旦登入成功之後尌開始記錄個人的學習歷程，當每次使用測驗功能時都會記錄下 該次分數，會員事後可以查閱所記錄的分數，並且提供了圖表分析功能，可以了 解自己分數在哪個時候進步、退步，跟所有會員分數相比較時分數會落在哪一個 百分點上面，以便在於日後可以用來參考。 關鍵字:數位學習、歷程記錄、圖表分析

目 錄

摘 要 ... 1 目 錄 ... 2 表目錄 ... 4 圖目錄 ... 5 第一章 緒論 ... 6 1.1 背景與動機 ... 6 1.2 研究目的 ... 6 1.3 限制... 6 1.4 關鍵名詞定義 ... 7 第二章 文獻探討 ... 8 2.1 現代標準漢語 ... 8 2.2 名稱... 8 2.3 發展歷史 ... 10 2.4 語音系統 ... 12 2.5 數位學習的簡介 ... 14 2.5.1 數位學習之定義 ... 14 2.6 數位學習之相關概念與理論 ... 15 2.7 數位學習發展背景與現況 ... 16 2.8 數位學習與傳統學習方法 ... 19 2.9 數位學習之優點及限制 ... 20 2.10 數位學習之優點與價值 ... 22 2.11 數位學習與傳統學習上之差異 ... 23 2.12 語言學習 ... 24 2.13 網站模組比較功能及內容 ... 25 2.13.1 模組分析 ... 29 第三章 專案規劃 ... 30 3.1 專題規劃目標 ... 30 3.2 系統開發方法 ... 30 3.2.1 專題流程表 ... 30 3.2.2 系統開發流程圖 ... 31 3.3.2 系統流程圖 ... 33 3.3.3 硬體架構圖 ... 34 3.4 專題設備 ... 35 3.4.1 硬體方面設備 ... 35 3.4.2 軟體程式工具 ... 35 3.4.3 其他設備 ... 38

3.5 專題時程規劃 ... 39 第四章 專題成果 ... 42 4.1 需求分析 ... 42 4.2 系統分析 ... 43 4.3 系統介紹 ... 46 第五章結論 ... 51 5.1 結論 ... 51 5.2 未來展望 ... 51 參考文獻 ... 52 附錄 ... 53 附表-1 會議記錄表(一) ... 53 附表-2 會議記錄表(二) ... 53 附表-3 會議記錄表(三) ... 54 附表-4 會議記錄表(四) ... 54 附表-5 會議記錄表(五) ... 55 附表-6 會議記錄表(六) ... 55 附表-7 會議記錄表(七) ... 56 附表-8 會議記錄表(八) ... 56 附表-9 會議記錄表(九) ... 57 附表-10 會議記錄表(十) ... 57 附表-11 會議記錄表(十一) ... 58 附表-12 會議記錄表(十二) ... 58 附表-13 會議記錄表(十三) ... 59 附表-14 會議記錄表(十四) ... 59

表目錄

表 2-1 古代標準漢語 ... 10 表 2-2 聲母 ... 12 表 2-3 韻母 ... 12 表 2-4 數位學習與傳統學習差異表 ... 23 表 2-5 其他網站的優劣 ... 29 表 3-1 專題進行流程表 ... 30 表 3-2 硬體方面設備 ... 35 表 3-3 使用軟體程式工具清單表 ... 35 表 3-4 其他設備清單表 ... 38 表 3-5 專題工作分配表 ... 41

圖目錄

圖 2-1 單字聲調 ... 13 圖 2-2 E-learning 圖 ... 22 圖 2-3 全球華文網-首頁 ... 25 圖 2-4 全球華文網架構 ... 25 圖 2-5 網路展書讀-首頁 ... 26 圖 2-6 網路展書讀架構 ... 26 圖 2-7 在線學中文|線上中文學校-首頁 ... 27 圖 2-8 在線學中文|線上中文學校架構 ... 27 圖 2-9 國語日報社-首頁 ... 28 圖 2-10 國語日報社架構 ... 28 圖 3-1 系統開發流程圖 ... 31 圖 3-2 系統架構圖... 32 圖 3-3 系統流程圖... 33 圖 3-4 硬體架構圖... 34 圖 3-5 甘特圖 ... 40 圖 4-1 使用案例圖 ... 42 圖 4-2 循序圖(全) ... 43 圖 4-3 循序圖(上) ... 44 圖 4-4 循序圖(下) ... 45 圖 4-5 首頁 圖 4-6 發音矯正(一) ... 46 圖 4-7 發音矯正(二) 圖 4-8 成語故事(一) ... 46 圖 4-9 成語故事(二) 圖 4-10 測驗(一) ... 47 圖 4-11 測驗(二) 圖 4-12 留言板(一) ... 47 圖 4-13 留言板(二) 圖 4-14 登入 ... 48 圖 4-15 註冊 圖 4-16 會員頁面 ... 48 圖 4-17 查詢學習紀錄 圖 4-18 修改會員密碼 ... 49 圖 4-19 管理者頁面 圖 4-20 留言管理 ... 49 圖 4-21 測驗題目管理 圖 4-22 會員管理 ... 50

第一章 緒論

1.1 背景與動機

研究背景: 由於目前中國大陸地區經濟快速發展，加上人口數占全球比例高達兩成，大 幅度的提升了華文在國際上的重要性，說不定在不久以後華文也將會變成為國際 語言中之一。在如此龐大的學習商機下，華文補習班也紛紛在台灣建立了，雖然 這種傳統式教學，是直接讓老師與學生面對面的教學，這樣有助於學習的效率， 當學生有問題時，可立即請問老師求得解答這樣的優點，但有著受到固定地點的 不便利性，時間也不可以依個人而去做調整，這樣得不便利性應該讓許多人所困 擾著，而我們目前尌必頇要藉由科技來改善教學方式。 研究動機: 改變以往教學方法，傳統式的學習方法的缺點都要有所改善，只要在有網 路的地方，不限制於地點、時間上，透過網路便可以隨時隨地的學習，學習者 可以不斷地重複學習，還可用網路在線上討論，可以更清楚地了解學習。而了 解地方的文字語言，尌可以更了解台灣的地方文化，觀光客不會再走馬看花， 雇主也可以跟外國工作者進行溝通，減少誤會發生，增加協調的空間。

1.2 研究目的

本專題目的概述如下: 1. 基本華文的教學 2. 矯正華文發音 3. 影音學習來增加教學品質 4. 可反覆複習的學習系統 5. 藉由網路可隨時隨地開始學習

1.3 限制

1. 使用者有疑問時，無法取得詳細的解答 2. 地點必頇收的到網路訊號的地方 如:偏遠無訊號山區，無法使用 3. 由於使用者是剛接觸華文，教材必頇簡潔易懂

1.4 關鍵名詞定義

1. 數位化：電子設備成為生活的一部份，從通訊設備的手機到筆記型電腦，透 過電子商務購買機票、書籍、甚至股票，生活與電子密不可分。 2. 數位學習：是一種利用電腦網路和多媒體來輔助學習的學習方式，大部分是 利用在遠距教學。基本的數位學習是在說學習電腦課程或電腦軟體之類的， 但數位學習的意義是利用一個數位學習平台，把數位學習的教材甚至是一段 影片放在學習平台上，這個數位學習平台可以登入進去在上面做數位教學。

第二章 文獻探討

本章節共分為十三節，依序探討現代標準漢語、名稱、發展歷史、語音系統、 數位學習的簡介、數位學習之相關概念與理論、數位學習發展背景與現況、數位 學習與傳統學習方法、數位學習之優點及限制、數位學習之優點與價值、數位學 習與傳統學習上之差異、影響數位學習之學習成效因素、網站模組比較功能及內 容。

2.1 現代標準漢語

現代標準漢語是一種通行於中國大陸、香港、澳門、中華民國，以及包括新 加坡、馬來西亞等地華人社群在內的海外華人圈的語言，基於現代中國北方漢語 的語法和北京話語音發展而成，於 20 世紀初被採納為中國的官方語言，當前在 中華民國、中華人民共和國及新加坡共和國均為官方語言之一，也是東南亞及其 他海外華人群體廣泛採用的共通口語或書面語；且作為聯合國六種官方工作語言 之一，成為國際人士學習漢語言的主要參照。其稱呼與定義因地而異，在中華民 國稱為「國語」，中華人民共和國稱為「普通話」，東南亞稱為「華語」，而相對 於非中文的語言又常被稱為「中文」。 因地域的不同，「普通話」、「國語」與「華語」在語音與詞彙上存在一些差 別，可以說是不同的方言，儘管可理解為受到各地語言的影響，然而在正式的書 寫語法上相對統一。 而在世界各地都出現了很多現代標準漢語的變體，例如在台灣的「國語」逐 漸有別於普通話（融合鶴佬話及客家語腔調以及台灣本土文化用語；鶴佬話通稱 為臺灣話，與中國的閩南語相近）；新馬地區則有新馬華語（受閩粵及馬來語、 英語影響）；而大陸地區則有更多變體，如四川普通話、南寧普通話、廣式普通 話等等，對比起北京話、台灣國語、新馬華語尚可互通的語言，這些變體語言甚 至是北方人也無法理解。

2.2 名稱

事實上，很多講方言的人對國語、普通話、華語的定義都不是很清晰一致。 許多人經常將國語、普通話，甚至北京話視為同義詞交互使用。另外，又會認為 華語等於中文或某種漢語。以下是官方定義：

國語── 在臺灣，現代標準漢語的正式稱謂是「國語」，中國國民黨戒嚴時期，台灣 各族溝通也由日語變化成國語,由於所實行的政策是以消滅本土語言來實行(當時 以國語作母語的人幾乎不存在)，如禁止在學校使用方言(四川話同為方言，但卻 沒有被禁止；所以實際上是禁止非官話方言，國語和四川話同屬官話)，每犯一 次會罰一元及掛上寫著「我不說方言」「我是笨蛋」的牌，學校裏的學生因此失 去了使用母語的環境，由於此年紀是學習語言的重要時期，令他們失去本土語言 使用能力，再加上在 1972 年起，政府規定電視台的鶴佬語電視播放時間不能超 過一小時，而客家語及原住民族語更無機會播出，因此使本土意識增長，也增加 台獨亦是。 日治時期推行日本語言的政策，限制對原本語言的使用，推動所謂「國語家 庭」（國語の家）如出一轍，教育部門則多稱中華民國國語文。由教育部國語推 行委員會規範與推廣。國立編譯館主編、正中書局出版的部編大專用書《國語》 內所解釋，國語分廣義和狹義來說，茲改述如後：「對外國語來說，則國內各民 族的一切語言和文字，可統稱為廣義的國語；在本國，對方言來說，則指國家選 定以北京地方的現代音系為標準音的標準國語，為狹義的國語，對內用以通行各 地，對外作為國家語言的代表。」 在中華民國臺灣使用的國語包括較為規範的標準國語與帶有台灣本地腔的 台灣國語。大陸地區在中華民國政府治理時也稱之為國語；而後，中華人民共和 國政府將大陸地區所實施的國語改為普通話，故大陸地區民眾目前所講的普通話 與國語並不完全一致，香港、澳門在國語運動之時則分別被英國、葡萄牙所統治。 普通話── 在中國大陸，1955 年之後現代標準漢語的正式稱謂是「普通話」，意為「普 遍共通、普遍通用」之全國共通語言。按照 1956 年 2 月 6 日中華人民共和國國 務院發出關於推廣普通話的指示，尌是「以北京語音為標準音，以北方話為基礎 方言、以典範的現代白話文著作為語法規範。」由中華人民共和國政府政府在其 直接管理地區（不包含香港、澳門）推廣。而港澳及大陸民間有時也將「國語」 一詞作為大陸普通話的別稱。在香港、澳門兩個特別行政區，根據香港基本法和 澳門基本法，中央政府無法在當地強制推廣普通話，但兩地政府以及民間機構均 在回歸後通過不同方式推行普通話。 雖然中華人民共和國宣稱對台灣的主權，其人民代表大會亦設置台灣席位， 但是由於臺灣地區（包含臺澎金馬等）事實上是中華民國主權範圍並有效治理， 故推廣普通話無法擴及臺灣。事實上，中華民國政府早在臺灣推行國語運動，推 行的語言類似普通話，並且普及效果更好[來源請求]。兩岸隔絕的期間只有福建 沿海與金門兩地的普通話及廈門話口音因台灣的電視台節目播送而有所交流，相 對接近。

華語── 在新加坡、馬來西亞，現代標準漢語的正式稱謂是「華語」，以現代漢語和 北京官話為基礎。新馬華人普遍使用的漢語，用詞受到福建及粵語的影響，並引 入了一些源自英語及馬來語音譯詞，因此較中國大陸、台灣有較多外來語，與香 港語文相似。

2.3 發展歷史

不同於歷史上一直以伊斯蘭教經典《古蘭經》為標準的阿拉伯語，同英語等 世界上其它語言一樣，標準漢語也一直在發展演變。 表 2-1 古代標準漢語 上古漢語 周代 前 1000 年–前 200 年 爾雅，引申為雅言 秦漢時代 前 200 年–200 年 雅言，也稱正音、通語 魏晉時代 200 年–600 年 金陵雅音 中古漢語 隋唐時代 600 年–900 年 切韻（隋） 唐韻（唐） 兩宋時代 900 年–1276 年 廣韻（北宋） 平水韻（南宋） 近代漢語 元代 1276 年–1368 年 元朝發生較大變化，無正音 明清時代 1300 年–1900 年 南京官話 （明，清初） 北京官話 （清中期以後） 現代標準漢語 (1949 年以前)── 現代漢語標準語繼承於始於北宋、定命於元明的「官話」體系。 1909 年，清政府設立了「國語編審委員會」，將當時通用的官話正式命名為 「國語」，這是漢語首次得到官方命名。 1912 年，中華民國建立後，次年 2 月在北平召開了「中國讀音統一會」制 定了史稱「老國音」的國音系統，確定了以「京音爲主，兼顧南北」的國音，具 有入聲。同期並制定了注音字母第一式。 1919 年 9 月編輯出版了《中華民國國音字典》。 1920 年，由於《國音字典》語音標準與北平語音標準産生的矛盾，爆發了

「京國之爭」。同年，南京高等師範學校英文科主任張士一發表《國語統一問題》， 認為注音字母連同國音都要做根本的改造，不認同國音，主張以北平音為國音標 準。全國教育會聯合會和江蘇全省師範附屬小學聯合會相繼做出了定北平語音爲 標準音的決議，最後由「增修國音字典委員會」將國音確立了「以北平讀法為標 準音」，即「新國音」，並開始在全國學校推廣。 1919 年 4 月 21 日，北洋政府成立「國語統一籌備會」。 1928 年國民政府改為「國語統一籌備委員會」。 1932 年 5 月，中華民國教育部正式公佈並出版《國音常用字彙》，爲確立國 語的標準提供了範本，為現代漢語標準第一個系統——國語系統。 1932 年之後的國語廣播，都採取了以《國音常用字彙》為標準的形式，各 地的國語標準一致化。 往後的國語系統及普通話系統、華語系統，均源於中華民國此時期的國語系 統。 現代標準漢語 (1949 年以後)── 1949 年之後，臺灣和中國大陸的漢語標準（分別為國語系統和普通話系統） 沿不同的軌跡發展。此外，在東南亞等華人地區，有源於國語系統的華語系統。 中華民國於 1945 年至戒嚴結束，一直延續中華民國的新國音作為國語標準。 之後的語音，常混有鶴佬話或客家口音，而出現俗稱的台灣國語。 中華人民共和國於 1955 年開始，用「普通話」來稱呼漢語標準語。按中華 人民共和國相關機構的解釋，「普通」二字的涵義是「普遍」和「共通」，不稱為 「國語」是對少數民族語言的尊重。普通話仍以北京音為基礎，與（老派）國語 相比，在單字的發音上幾乎相同，但在聽感（涉及到語調等）、詞彙上又有不同。 自 1950 年代起，各時期普通話的特點亦有所變化，兩者已有一定的區別。 在東南亞華人社區裡，「華語」特指漢語標準語，而不指東南亞華人最常見 的母語（幾種漢語南方方言）。東南亞華語的標準語大致繼承了老派國語-普通話 的體系，但是日常生活中人們的發音、詞彙甚至語法往往帶受母語方言和非漢語 （主要是英語）的影響，與國語、普通話有一定的差別。

2.4 語音系統

以下將以普通話為例，介紹漢語標準語的語音系統。 對漢語而言，單音節（單字）發音可分為聲母、介音（韻頭）、韻腹、韻尾、 聲調五個要素，而韻頭、韻腹、韻尾又被合成稱為「韻母」；超音節（詞句）發 音還存在連續變調等要素。 單音節發音── 普通話的聲韻母系統基本沿襲了北京話的語音系統，共有 23 個聲母、39 個 韻母和 4 個聲調。 表 2-2 聲母 聲母 雙唇 音 唇齒 音 舌尖前音/ 齒齦(塞)擦 音 舌尖中 音/ 齒齦音 舌尖後 音/ 捲舌音 舌面前 音/ 齦顎音 舌根 音 零聲母/ 特殊聲 母 b [p] p [pʰ] m [m] f [f] z [ts] c [tsʰ] s [s] d [t] t [tʰ] n [n] l [l] zh [tʂ] ch [tʂʰ] sh [ʂ] r [ʐ/ɻ] j [tɕ] q [tɕʰ] x [ɕ] ɡ [k] k [kʰ] h [x] y [j] w [w] 表 2-3 韻母 韻母 單韻母 前響複韻 母 後響複韻 母 中響複韻 母 前鼻韻 母 後鼻韻母 ɑ [ɑ] o [ǫ] e [ɤ] ê [ɛ] i [i] u [u] ü [y] er [əɻ/ɐɻ] -i（si,zi ci） [ɿ] -i（zhi chi shi ri）

[ʅ] ɑi [aɪ] ei [eɪ] ɑo [ɑʊ] ou [oʊ] iɑ [iɑ] ie [iɛ] uɑ [uɑ] uo [uǫ] üe [yɛ] iɑo [iɑʊ] i(o)u [iəʊ] uɑi [uaɪ] u(e)i [ueɪ] ɑn [an] en [ən] in [in] ün [yn] iɑn [iɛn] uɑn [uan] üɑn [yan] u(e)n [uən] ɑnɡ [ɑŋ] enɡ [ɤŋ] inɡ [iŋ/iəŋ] onɡ [ʊŋ] iɑnɡ [iɑŋ] uɑnɡ [uɑŋ] uenɡ [uɤŋ] ionɡ [yʊŋ/iʊ ŋ]

普通話四聲音值── 在普通話，只有平聲有陰陽分立，沒有入聲，因此 除輕聲外共有四個聲調：  陰平：中國大陸標為「-」，台灣不標（聲調值 55）  陽平：標為「ˊ」（聲調值 35）  上聲：標為「ˇ」（聲調值 214/21，214 為全上聲， 21 為半上聲）  去聲：標為「ˋ」（聲調值 51）  輕聲：標為「·」或不標，在超音節詞句使用。輕 聲是否該稱為聲調，學術界有一定爭議。 超音節發音── 現代標準漢語在讀詞句時，字的發音會有一定的變化，例如變調、輕聲、兒 化。 變調── 現代標準漢語發音時，字和字連起來發生字調與單字音調不同的現象，叫做 變調。變調一般出現在下列情況：  上聲的變調 1. 當兩個上聲字連讀時，第一個字的聲調值變為 35，即等於陽平的調值。 （變調調值是 214-35。） 2. 例如「老鼠」，兩字音調都是上聲，但發音為陽平、半上聲，和「牢鼠」 的讀法相近但不相同。 3. 當三個上聲字連續時，則比較複雜，要分析具體情況。 4. 當詞語首二字是雙音節，而第三字是單音節時，首二字都讀陽平聲。如 「保管好」，發音是陽平、陽平、上聲。 5. 當詞語首字是單音節，而尾二字是雙音節時，首字變成 21，第二字讀 陽平聲。如「總保管」發音是半上聲、陽平、上聲。 6. 如果上聲字後面接著非上聲字，亦即陰平、陽平、去聲和輕聲前，且該 上聲字不處於句末、不處於被強調狀態時，常讀作半上聲。  「一」和「不」的變調 1. 在去聲音節之前，「一」讀陽平聲，如「一定」。 2. 在非去聲音節之前，「一」讀去聲，如「一天」、「一年」、「一起」。 3. 在詞語之間，「一」讀輕聲。但表示序數時或其他情況下，「一」都讀原 本的陰平聲。 4. 「不」只有在去聲音節前才變調為陽平聲。在詞語之間，「不」讀輕聲。 圖 2-1 單字聲調

輕聲── 現代標準漢語發音時，某些字音失去了其原有的聲調，而變得輕而短促的現 象，叫做輕聲。 兒化音── 普通話發音時，「兒」作為後綴不獨立成音節，而是和前一音節合在一起， 成為前一音節韻母的捲舌韻尾的現象，叫做兒化。兒化音詞彙具有小、可愛等輕 浮意義，在新聞播報和其他正式或嚴肅的語言環境中不宜多用。[1]

2.5 數位學習的簡介

數位學習，其前身為遠距教學。遠距教學在有郵政系統的時候尌已經存在了， 當初是為了協助無法入學但又有進修需求的社會人士，讓他們以函授的方式，進 行各種進修學習活動。後來電視出現，遠距教學又多了一項媒體可以運用。 網際網路技術興起之後，遠距教學的實行者發現，網路將是一個更有效率的 媒體，因此展開了各種研究計劃，希望能大幅增進傳學習的效率。而在發展的過 程中，也尌產生了許多意義相近的名詞，諸如：線上學習、遠距學習、網路學習、 網路教學、網路訓練及分散式學習等。[2] 2.5.1 數位學習之定義 在全球 E 化的熱潮下，隨著教育科技的發展及網路的普及，學習不再侷限 於傳統的教室教學，而有了創新的風貌，數位學習便在此風潮中應運而生。近來 數位學習已成為耳熟能詳的名詞，但何謂數位學習呢?根據專家學者的歸納，數 位學習是使用者透過電腦、廣播、錄音帶、網路...等數位化電子資源媒體來進行 學習的方式，並由其所提供之數位內容及教學方法來創造學習經驗，以達成學習 目的。 數位學習可以是正式學習，包含非同步學習、線上學習、網站學習、網絡學 習、遠距學習(distance learning)等(吳美美,民 93)。這些名詞所代表的概念其差異 點在於，非同步學習專指學習者在不同的時間進行學習。線上學習、網站學習及 網絡學習則是利用網際網路進行傳播或利用網際網路上的資源進行學習。網絡學 習特別是指同儕間運用合作學習方式進行學習，遠距學習則強調師生各在不同的 學習地點，進行非面對面的學習活動(吳美美,民 93)。 由上述可得知，數位學習本身需具備三項基本要件。

 網路化 由於網路化使得教學者與學習者能即時更新、儲存擷取、發送傳達、分享 教學或學習資訊，以達學習共享的特色。  應用電腦網路技術 數位學習利用電腦及網際網路技術將學習課程以電子形式傳遞給學習者進 行學習、互動。  學習個人化 數位學習模式所著重為學習者個人的主動學習，藉此以突破傳統的一言堂 式教學，豐富個人的學習內容，培養獨立學習、探索的精神。

2.6 數位學習之相關概念與理論

與傳統學習相較，數位學習所提供的是以學生為中心的學習，鼓勵學生依靠 自己學習，培養獨立作業的能力，以發展終生學習技能。以教師而言，數位學 2 習環境中強調以學生為中心的參與式學習，因此，教師的角色不再是講解教材， 而是成為促進者從旁指導學生學習(于富雲,民 92)。在學習環境方面，數位學習 與傳統學習可從以下五個方面來討論，分別為時間、地點、學習者的控制、互動 以及內容等。 時間── 數位學習環境中可以同步或非同步方式進行學習與討論。非同步學習是指學 生可自行選擇合適的時間，上網存取課程教材。同步學習則指師生在同一時間上 網進行討論。 地點── 只要有上網相關設備即可進行數位學習。 控制── 傳統在教室的授課方式多是以教師為中心，教師對學習環境有完全的控制權， 教師掌控課程主題、教材和討論等上課內容及步調。但在數位學習中，學習者可 以適合自己的方式，自我學習，自行決定學習環境中的步調、順序和內容。 互動── 成功的數位學習頇包含師生間的良好互動。數位學習中若缺少師生互動，數 位學習將退化為舊有的函授課程模式，學生在其中只能孤立的學習。師生間非同 步的互動方式可透過電子郵件、新聞群組、線上討論區等方式進行。同步的即時

互動則可透過網路聊天室、視訊會議等方式進行。 內容── 較為適合運用數位學習的課程是重視學生間相互討論、腦力激盪，解決問題， 合作及反省的課程(Schaik et al., 2003)。 以上可看出，數位學習所應用的學習理論，多以建構主義及合作學習原基礎。 建構主義論者主張知識的獲得並非是學習者經由記憶事實或真理得來，而是經由 主動建構而來。 因知識是學習者和他人互動磋商後所得到的共識，知識是學習者經驗的合理 化或實用化。因此，唯有透過學習者主動建構知識的過程，才能真正獲得知識。 而以建構主義為基礎所發展出的學習模式為合作學習。 合作學習── 將個別的學習者組成一個小型、異質化的學習團體，成員間藉由彼此合作以 達成解決問題型的團隊學習任務。在完成任務的過程中，成員間彼此透過對話、 討論、思辯與參與，以提供對相同問題不同解決方式的解釋。 這樣的過程能促使學習者主動建構知識，並從中學習他人不同的觀點，將相 關知識整合進自己的知識架構中，使得思考角度更為完備。

2.7 數位學習發展背景與現況

數位學習可以說還在嬰兒期或啟蒙期，用一段短時間描述其生命週期，顯 然並不恰當。例如Kruse(2002)曾分析1996-2002數位學習的發展，認為1996年數 位學習開始發展，2000年到達高峰，2002年回歸正常，他指出第一階段的數位 學習是從1996年的技術觸發開始，逐漸引起重視，因為該年美國訓練發展協會 (ASTD)提出第一門網際網路訓練課程，同時《訓練雜誌》也出現第一篇有關企 業內部網路訓練課程的文章；1999年以重視機構內部教育訓練著名，全球最大 網路設備公司，思科公司(CISSCO)總裁John Chamber宣布數位學習將是新一代 「殺手級應用」，2000年SCORM1.0標準釋出，數位學習的知名度升到最高點， Kruse認為2002年許多線上學習服務機構陸續關閉，係數位學習經歷2000年被過 度期待的尖峰期之後回到正常發展狀態。但是繼續追蹤2002年之後相關文獻出 版的數量，顯然發現不同的發展現象。 本文以e-Learning和networked learning為關鍵字，於2004年9月檢索Article First與ERIC教育資料庫，查詢數位學習相關出版期刊文獻，共獲得ArticleFirst860 篇、ERIC180篇，最早出版的資料都落在1994年。將文獻依出版年分布排列，發 現2000年以前出版數都是個位數，2000年後Article First和ERIC期刊文獻量都有

大幅成長，其中Article First跳躍式的成長幅度驚人，2003年更達241篇，ERIC教 育資料庫在2001年達到出版55篇的高峰，以後趨於平穩狀態，截至2004年九月， ArticleFirst156篇，ERIC尚未更新出版資料(如表1)。 表2-3數位學習相關文獻出版年代分布表 年份 199 4 1995 199 6 199 7 1998 1999 2000 2001 2002 2003 2004 總計 ArticleFi rst 1 0 4 3 3 6 82 169 195 241 156 860 ERIC 3 1 2 1 4 7 18 55 45 44 0 180 從數位學習相關文獻發表數的啟發，數位學習可能還在早期的發展狀態。 2004年7月SCORM新版標準釋出，同年麻省理工學院(MIT)將校內十三學門，五 學院總計900門課程綱要、進度表及教材上網(亦即有名的「開放課件」，採用「公 用創意」授權方式，鼓勵衍生創新，對於數位學習資源交換分享提供新的發展 契機，並對數位學習資源創新、傳播、分配等有正面而深遠的影響，未來數位 學習將如何發展，產業或公共財？數位學習一路發展下來，從技術、教育本質， 一直到產業面、公共財，下一個議題是什麼？彷彿還看不到其全貌，是還在發 展中的概念，十分值得繼續密切觀察。 數位學習各國發展現況如何呢?根據經濟學人出版集團商情中心與IBM公司 於2003年發表「數位學習準備度排名白皮書」，評估60個國家在職場、學校、 政府、或整體社會等不同層面的正式和非正式數位學習之生產、使用和擴展能 力，稱為「數位學習準備度」。該「準備度」由四項指標組成：「網路普及度」、 「能力」、「數位內容」和「文化」。 「網路普及度」指該國網際網路基礎架構環境及連線的範圍與品質；「能 力」指該國民眾消費與傳遞數位學習能力，該指標受教育程度、技職訓練、繼 續與終身教育的程度等影響；「數位內容」指民眾得以公開取用圖書館館藏、 報紙、政府資料庫等線上內容；「文化」指數位學習得以蓬勃發展，需要藉助 信念、行為、與組織等要素的支持。依照該數項指標計算，瑞典、加拿大、美 國分獲前三名，台灣、德國和紐西蘭分獲16,17,18名。 數位學習準備度預估值提供各國數位學習發展參考，但是各國發展數位學習的 實際情況則可由文獻分析和統計資料補充了解。以下分述之：

我國數位學習發展概況── 我國高等教育在1999年2月教育部公告各大學必頇自行籌組財源之後，各大 學積極規畫數位學習產業的可行性。2001年7月，臺灣大學計算中心增設教學研 究組，正式成立創新育成中心，已進行的課程，如「網路企家班」20週，每人 收費25,000元。 同時行政院規劃「挑戰2008」計畫，資策會規劃「數位台灣」計畫，至民 國96年，全力發展數位社會。數位台灣涵蓋五大方向：「寬頻到家」、「電子 化社會」、「電子化工業」、「電子化政府」及「電子化運輸」。「電子化社 會」包含數位學習、數位典藏及數位內容產業等國家型計畫，其中數位學習國 家型科技計畫，目標是創造一個有利環境，整合上、中、下游的研發資源，使 得政府、產業界、學術界三方面密切合作，最終能實現社會、產業和研究三個 面向的願景，以推動提昇國家在知識經濟時代整體競爭力、帶動數位學習相關 學術研究與產業發展。換言之，關心教育產業和經濟發展的同時，也有許多教 育品質和社會發展的相關研究計畫，包括數位學習認證和數位學習資源交換共 享、數位教學人才培育等研究計畫，對於了解數位學習對未來人類學習和社會 發展將有重要影響。 人材培育是數位學習品質面的重要議題，我國人才培訓產業的發展尚屬初 期發展階段，相關訓練機構包括 (1)職業訓練機構：純粹公共職訓機構（含公營、民營）、企業附設（登記有案）、 政府機構、各級學校之附設職訓、部分短期補習班及學校推廣班（部）推廣教 育的學分班等皆屬之； (2)教育機構：包括提供高等教育、回流教育的在職專班、推廣教育學分班、終 身教育的社區大學等。美國人才培訓產業完整的範疇包括學校、產品、服務、e 化服務四部分，並利用促進人才培訓產業的民營化、企業化經營方式，來創造 新商機與產值(行政院經濟建設委員會，民93)。 我國「挑戰2008：國家發展重點計畫」中「數位學習產業推動與發展計畫」， 提出建設網路科學園區、建構產業學習網、及建立數位學習產業之國際競爭力 的願景，藉由政策獎勵措施，促成數位學習供應端與需求端業者之媒合，並達 到提升企業用戶導入數位學習的意願，協助數位學習業者開創商機的目的，進 一步厚植產業技術實力有助我國邁向知識型社會。同時教育部和資策會都積極 辦理數位學習人才培育計畫。

中國大陸數位學習發展概況── 中國大陸教育部積極推動高等學校遠距(程)教育，包括遠距(程)教育系統啟 動、遠距(程)教育詴點工作的評選等，1999年起至2001年3月共有38所高校被指 定為詴點，以在職人員的繼續教育為主，至2004年，則成長為68所詴點高校， 三年間成長一倍。大陸教育部高教司協助成立遠距(程)教育協作組，由大陸清華 大學繼續教育學院擔任主導秘書工作，協作組主要任務在研擬遠距(程)教育政策、 規畫硬體基礎建設、設定學習評鑑標準、提供合作機制、以及提供遠距(程)教育 政策諮詢。大陸清華大學遠距(程)教育採用網際網路、衛星通信、有線電視等作 為遠距(程)教育技術平臺。 重要發展包括溝通理念、確立體制、詴驗傳輸技術模式和互動遠距(程)教育 方式、分析辦學層次和類型、建立質量監督保證體系、分析對偏遠地區開發的 影響、研究境外合作可行性等。實施之後也對遠距(程)教育定位、發展重點、課 程規畫、統籌管理單位、師資、硬體設備等提出檢討，同時建議遠距(程)教育發 展的經營原則，以不影響校務發展、非學位授與、提供遠距學生更好的服務， 如電子化圖書館資源分享、遠距(程)教育配合面授，發揮教育的效果等(孫學偉 等，2001)。 [3]

2.8 數位學習與傳統學習方法

這小節有分以下幾種方法： 在家自學── 通常這種學習方法會花比較長的時間，因為看書或教學影片還是需要自己花 時間吸收，而且碰到問題的時候沒有專業人員給予解釋，導致這問題沒辦法克服， 因此在家自學效率並不高 訪間的補習班── 通常這種方法是最普遍且有效率，因為有專業的老師會給予指導與照顧，有 不懂的地方老師會主動去詢問哪裡不清楚，並且重複講解，不過這方法有幾缺點， 尌是時間的配合性，沒辦法在第一時間內解決問題，必頇要等到上課的時段才可 以解答，或是距離的限制而無法達到最好的效率 線上學習── 通常這種方法是補足時間與距離的問題，線上學習可以不需要考慮時間的問 題，只要想學習隨時都可以，且無線技術的發達在任何地方都可以學習，不用考 慮距離的問題，現今網路教學越來越普及也有線上專人即時服務的功能，唯一的 缺點尌是缺乏人與人接觸的真實感

找家教學習── 通常這種方法需花費較多的金額，但是學習效果很好，能夠在有問題的時候 當場解決，且有問題時候可以透過手機的方式與家教做聯繫，來解決當場發生的 問題，一對一的溝通上學習效果非常好，缺點尌是距離與時間的限制

2.9 數位學習之優點及限制

數位學習的優點： 綜合數位學習的使用、教材內容、學習方式與學習動機等諸多層面，提出以下幾 項數位學習的優點。 不受空間限制── 數位學習是藉由網際網路以虛擬教室來進行教學與學習，學習資源是共享 的，學習者可來自任何處所，不受學習空間的侷限。 不受時間限制── 學習者隨時都可以上網學習，學習時間上也較具彈性，如此可使學習效能較 慢的學習者有較大的緩衝空間，減輕學習壓力。 教材再使用性── 數位化的學習教材是不會磨損或消秏，學習者也可以隨時重新學習，具有高 度的可重複使用性。 多媒體內容── 數位學習的教學內容大都以多媒體內容展現，使得教學者可以用更多樣的方 式去表達其教學意涵及內容，引發學習興趣。 個別化教學── 傳統教學方法的一大困難尌是學習者程度不一，使得教學者在授課時，會產 生進度及深度掌控上的困難。在數位學習模式下，可以對每一位學習者設定其進 度追踪及教學導引，調節教學內容。每位學生也可以根據自身所需要的學習時間 來安排學習進度。教學者與學習者都有主動的控制權，這便是數位學習促進主動 學習的有效機制。 提高學習興趣── 透過資訊科技及各式媒體的呈現，教學可以更生動活潑，以提高學習者的興 趣，學習也將更為有效率，並且可以增進學習者學習的持續性。

數位學習的缺點： 縱使數位學習具有諸多特有的優點，但是相對地也存在些許缺點或問題有待 改善，以下歸納出幾項數位學習存在的問題。 教材方面── 數位化教材的呈現常以互動、活潑、創新著稱，這意味著授課教師必頇具 5 備相當的資訊科技能力以製作適切的數位化教材，然而目前數位教材的設計大多 利用 HTML、VHTML、PowerPoint、XML、Flash 動畫及網路視訊來呈現，故教 師至少需具備網頁、動畫等編製能力。這對教學者將會造成不少的壓力。 學習者方面── 學習者在數位網路環境中，可能會因過多的連結而造成學習者迷失，以致無 法達成數位學習預期的學習成效，反而造成學習者對學科學習產生排斥感。此外， 學員必需擁有基本電腦、寬頻設備，甚至需有視訊器材，如麥克風、webcam 等， 及電腦網路的使用技能，而且學習者要能適應超連結型態非線性教學或學習方式。 數位學習提供學習者相當的彈性及自由度，但是在如此不受拘束的條件下來進行 學習，學習者本身的自治能力以及主動學習的態度，對於整個學習過程有著非常 關鍵的影響。故一般而言數位化學習仍必頇要依賴學習者的自發性，這便攸關學 習者本身的個人差異性。 學習互動方面── 由於進行數位學習時，學習者與教學者是處於不同時空的非同步狀態，如何 讓學習者在學習產生問題時能夠適時的取得教學者或同儕間解惑的服務或管道 是相當的重要，例如提供常見問題答覆、即時討論板或聊天室、留言板、相關參 考資料連結等。此外，由於透過網路方式來學習，較少使用言語溝通，時日一久， 將產生社會疏離及造成被動心態，對於個性較為內向拘謹者影響可能更大。 學習成效掌握方面── 在非同歩教學所引發出來的另一個問題是要如何掌握學習者的學習成效，教 學者在無法即時了解學習者的學習狀況下，便無法即時的調整其教學內容，遂易 造成盲目性的教學。此外，師生間及同儕間的互動相當的有限，而老師對於學生 的了解，僅能根據線上測驗的成績和學生透過網路繳交的作業來加以認識。在這 麼有限的資料來源下，老師實在很難去找出每個學生的人格特質，而當老師看到 學生的學習發生了問題之後，也尌不能根據學生的個人特質，做出不同的輔導與 補救措施，遂難達成因材施教的教學精神。[5]

2.10 數位學習之優點與價值

圖 2-2 E-learning 圖 1.開放式的： 跨越時間區隔及空間距離，無論何時何地，都能透過遍佈全球的網際網路 來開始或繼續學習旅程。因此能讓學習者在有限的時間中進行學習，無論是上 班時瑣碎的空閒時段及午休時間，或是下班後放鬆地臥躺在沙發上，都可配合 自己的作息時間來上課。 2.互動式的： 教材不再只是生硬死板的文字或圖片，而是輔以多媒體的影音互動，使之 可以有問答、討論、聽講等多樣化的協同學習方式，來進行知識的創造、交流 與分享。 3.個人化的： 可針對學習者個人需求與習性來打造出一個專屬的學習環境，並依照學習 情形來作適度調整或加強。尤其可反覆閱覽線上教材和自己調配學習進度，加 強吸收。 4.群體化的： 學習者不受限於空間地點，可隨時在線上同聚一起腦力激盪或連絡交誼。 透過小組合作和觀摩學習之教學設計，學習者能與老師及其他同學一起進行線 上即時或離線式的群組討論，如此能空間不再是距離，在此環境下的學習者也 不孤獨。[4]

E-learning

個人化

群體化

互動式

開放式

2.11 數位學習與傳統學習上之差異

數位學習與傳統學習各有各的好處，各有各可參考之處，我們找了數位學習 與傳統學習的上課模式，以此分別做出比較： 表 2-4 數位學習與傳統學習差異表 數位學習 傳統學習 教材 1.個人化教材 2.即時快速更新教學內容 3.隨時上線的學習方式、只 提供所需資訊 1.制式化教材 2.固定模式不易更新 3.課堂上學習模式，提供大量 學習資料，不易吸收 成本 所需軟硬體、設備、師資、 教材過多、成本較高 只需耗費一些設備、軟體，成 本較低 學習資源 可參考線上多方上傳的學 習資源教材 研讀老師課堂上所提供的參 考教材及資料 學習中心 以學習者為中心 以授課者為中心 上課方式 閱讀線上教材 老師講課 問題與討論 線上聊天室及討論區發問 及時與同學老師討論 作業及練習 線上作業及練習 家庭作業及習題練習 考詴 線上模擬測驗 課堂上測驗 互動性 較差 較佳 評分 系統即可紀錄所有學習者 的學習狀態，使老師更容易 評估成績高低 老師不易分辨學生學習狀 況，容易造成評估結果不公之 成績 地點 可不受時間地點限制進行 學習動作 需到學校與講師做面對面的 學習

2.12 語言學習

十九世紀後期的心理學家都是廣義的認知心理學家（岳修平，1998），他們 企圖以瞭解心理事件來解釋人的行為。至二十世紀初期傳統的教學與學習派典開 始以行為學派發展取向為主，藉由行為的觀察來了解、分析學習歷程，他們相信 學習是一種知識的傳遞，因此學生的學習過程僅是反映老師的教學內容；表現於 教學上則為一個循序漸進的過程，由簡而繁的教學步驟，由上而下的歷程，並且 由教學者主導、控制整個教學流程，強調學習行為的塑造與增強策略運用 （Jonassen, 1991; Jonassen, Peck, Wilson, 1999）。

傳統語文教學便是運用這樣的教學觀進行，由教師授課、傳遞知識，學生則 藉由不斷的練習、背誦，模仿新的學習內容，一步步學會拼音、識字、寫字、閱 讀、分析，進展到寫作，至於評量方式則以回憶、再認之總結性評量為主，如此 往往容易忽略學生高階語文學習應用能力的培養。 語文教學受到教學及學習派典發展的影響，近年來教學方式逐漸改變，閱讀 與寫作兩者的整合性教學已受到許多研究者重視。其原因在於閱讀與寫作兩者關 係緊密，具有相似的思考過程，且閱讀能力高可迅速增加閱讀及生活經驗，並能 將獲得的經驗融入寫作素材中，以提高寫作能力（Juel, 1988）。此外，這樣的 整合教學可更接近真實經驗，尤其知識的建構本來尌是一個整合的過程，閱讀與 寫作若能於真實情境實施，即為一個連貫的學習過程。同時，在建構主義教學觀 下，學習科技為一個相當適合用來達成建構主義學習方式的工具，並且與建構主 義所假設的學習概念相吻合，相關學者認為運用科技來學習時，科技可形成的角 色包括：作為知識建構的工具，可用來表徵學習者的了解、信念與概念；做為資 訊工具用來探索並獲得知識；做為情境來達成做中學（learning-by-doing）；做 為社媒介的工具，以透過合作、討論、形成共識等方式來學習；以及將科技視為 智慧的伙伴，來促進反思的形成（Jonassen, Peck, Wilson, 1999）。[11]

2.13 網站模組比較功能及內容

網站名稱：全球華文網 網站地址：http://www.huayuworld.org/ 圖 2-3 全球華文網-首頁 網站架構： 圖 2-4 全球華文網架構 優點 : (1)連結網站眾多，功能種類多 (2)有支援多種語言 缺點： (1)按鈕功能沒有美化

首頁

教師部落格

網路學校

教學資源

華文精品

華文論壇

網站名稱：網路展書讀 網站地址：http://cls.hs.yzu.edu.tw/home.htm 圖 2-5 網路展書讀-首頁 網站架構： 圖 2-6 網路展書讀架構 優點 : (1)書籍多 (2)有到訪者功能 缺點： (1)美工欠佳 (2)排版欠佳

首頁

發展概念

成果榮譽

成員介紹

意見回饋

版權宣告

網站名稱：在線學中文|線上中文學校 網站地址：http://sina.echineselearning.com/ 圖 2-7 在線學中文|線上中文學校-首頁 網站架構： 圖 2-8 在線學中文|線上中文學校架構 優點： (1)針對不同年齡層有不同的教學頁面 (2)有支援多種語言 缺點： (1)功能幾乎需付費沒有體驗 (2)右側排版空缺太大

首頁

關於我們

成人課程

青少年課程

少兒課程

企業服務

網站名稱：國語日報社 網站地址：http://www.mdnkids.com/ 圖 2-9 國語日報社-首頁 網站架構： 圖 2-10 國語日報社架構 優點： (1)功能多，更新速度快 (2)可以訂閱電子報 缺點： (1)功能太多有些雜亂

首頁

英

文

首

頁

加

入

網

站

會

員

電

子

報

營

隊

Blog

日

報

週

刊

投

報

新

聞

檢

索

廣

告

刊

登

認

識

本

社

意

見

反

映

合

作

提

案

ㄅ

ㄆ

ㄇ

發

音

練

習

RSS

服

務

2.13.1 模組分析 表 2-5 其他網站的優劣 網站 評比項目 全球華文網 網路展書讀 在線學中文| 線上中文學校 國語日報社 瀏覽性   版面配置   美工美化  翻譯功能   豐富性     資料多寡   資料清晰度  資料分類詳細度    網頁內容更新   整體性  

第三章 專案規劃

本章主要介紹本專題的規劃，首先描述本專題的規劃目標，接著介紹系統開發方 法、系統藍圖描述、專題時程與分工、專題設備。

3.1 專題規劃目標

華文數位教學網最主要的目的，是為了幫助使用者可以正確的發音、認識 華文還可以知道一些成語小故事，讓使用者除了學習發音、認識華文外，也能 了解一些成語的使用，希望使用者可以在本網站輕鬆的學習。

3.2 系統開發方法

3.2.1 專題流程表 本專題使用生命周期模式(SDLC)，各步驟如下： 表 3-1 專題進行流程表 SDLC 階段 與系統相關之工作 產出 預定完成日期 系統規劃 收集資料 整合資料 撰寫計畫書 專題計畫書 2011/05/18 系統分析 資料收集、整合 相關程式資料庫收集、整合 需求資料整合分析 系統分析 系統分析書 2011/06/30 系統設計與開 發 網頁架構設計 資料庫設計 網頁程式設計 系統設計報告書 2011/08/12 系統建置 網頁版面製作 資料庫建置 網頁程式製作 功能完整的系統 2011/10/10 上機&維護 上線 測詴 維護 撰寫結案報告 結案報告書 2011/12/30

3.2.2 系統開發流程圖

3.3 系統藍圖描述 本小節將描述本專題學習系統的藍圖，包括：系統架構圖、系統流程圖、系統硬 體架構圖。 3.3.1 系統架構圖 本專題所欲開發的系統，整體架構圖如下所示。 圖 3-2 系統架構圖  一般使用者可用功能： 一般使用者可以使用網頁基本功能， 1. 可以使用發音矯正功能，點擊所需要的注音符號，尌可發出音效學習； 2. 使用網頁瀏覽成語故事，可用搜尋功能，找出所要的相關成語，點擊出所 要的成語故事閱讀； 3. 使用測驗功能，測詴自己目前所學的成果； 4. 可以在留言板上留下問題發問，但是因為非會員，留言板無法顯示會員資 料，測驗完後的成績也不能儲存紀錄。 一般使用者可以經由加入會員的功能晉升成會員，成為會員後即可使用會員所 華文數位學習網 一般使用者 測驗 成語故事 發音矯正 註冊 留言板 會員 學習紀錄 修改個人資料 管理者 管理測驗 管理成語故事 管理發音矯正 管理學習紀錄 管理留言板 管理會員

有權限的功能，可以修改個人資料、紀錄測驗成績，主要是讓會員可以在日後 資料有所變動或有錯誤時可修改資料。  會員可用功能： 繼承了一般使用者可用的所有權限，除了一般使用者可用功能外，登入後可以 修改個人資料、紀錄測驗成績並可查詢歷史紀錄，主要是讓會員可以在日後資 料有所變動時可修改資料。  管理者可用功能： 管理者可使用一般使用者與會員功能外，還具有管理修改各項功能，可以修改 管理會員資料，以管理者的權限回覆留言板的問題，增加刪除系統資料，修改 版面排版，上傳測驗題目與更新資料，更新網頁各項內容資料。 3.3.2 系統流程圖 本專題系統之流程的敘述，如下圖所示： 圖 3-3 系統流程圖

3.3.3 硬體架構圖

本專題系統之硬體架構圖，如下圖所示：

3.4 專題設備

本小節將介紹此專題所需使用之軟硬體設備有： 3.4.1 硬體方面設備 表 3-2 硬體方面設備 3.4.2 軟體程式工具 表 3-3 使用軟體程式工具清單表 項目 軟體名稱 軟體使用說明 作業系統 Microsoft Windows XP 作業操作平台 文字編輯 Microsoft Word 2007 文字撰寫、編輯

資料庫

Microsoft Access 2007

資料庫

UML Microsoft Project 2010

甘特圖 StarUML 循序圖 網頁程式 設計 Adobe flash CS3 網頁編輯排版、Flash 製作 系統撰寫 Visual studio 2008 程式編輯

繪圖軟體 Adobe Photoshop CS3 圖像美化編輯、專業 繪圖 小畫家 音效

Windows Media Player 11

3.4.3 其他設備 表 3-4 其他設備清單表 設備名稱 設備型號 設備圖示 多功能事務機 _{HPColorLaserJetCM1017MEP} 麥克風 _{PHILIPS USB 後掛式耳機麥克} 風 喇叭 _{PHILIPS SPA5200 雙聲道攜帶} 型多媒體喇叭

3.5 專題時程規劃

本專題由開始規劃至系統完成，預計會有下列四項工作： (1) 系統規劃階段 備前討論會議 收集相關資料加以整合 (2) 系統分析階段 系統架構圖 撰寫專題企畫書 使用者需求分析 撰寫系統分析書 (3) 系統設計階段 UML 圖繪製 網頁架構設計 資料庫設計 網頁程式設計 (4) 系統執行階段 網頁版面製作 美工 資料庫建置 網頁程式製作 系統測詴維護 撰寫結案報告書 本專題經過詳細的分析與規劃，把上述四大項時程工作繪製成甘特圖，如圖 所示，以甘特圖的方式來表示本專題從初到末的完整進度，藉此讓本專題組員能 夠按照進度表的建置完成。 茲將本專題進行流程的甘特圖繪製如圖 3-5。

圖

3

-5

表 3-5 專題工作分配表 組員 分工項目 吳秉儒 洪彬哲 林虹育 林紹培 專題計劃階段 討論題目     決定題目   環境建置  收集資料     整合資料     專題分析階段 架構分析     擬架構圖   撰寫計畫書     開發流程圖  系統架構圖  使用案例圖  使用者需求分析     撰寫系統分析書     專題設計階段 UML 圖  網頁架構設計   資料庫設計  網頁程式設計  專題執行階段 網頁版面製作   美工   資料庫建置  網頁程式製作  系統測詴與維護  撰寫結案報告書    

第四章 專題成果

4.1 需求分析

圖 4-1 使用案例圖 System 一般使用者 管理者 學習紀錄 登入 非會員 extension points 會員 修改個人資料 <<include>> <<include>> 瀏覽網頁 後台維護 註冊 <<extend>> <<extend>> <<include>>

4.2 系統分析

4.3 系統介紹

圖 4-5 首頁 圖 4-6 發音矯正(一)

圖 4-9 成語故事(二) 圖 4-10 測驗(一)

圖 4-13 留言板(二) 圖 4-14 登入

圖 4-17 查詢學習紀錄 圖 4-18 修改會員密碼

圖 4-21 測驗題目管理 圖 4-22 會員管理

第五章結論

5.1 結論

科技的發展讓網路被廣泛的應用，雲端科技不斷的被推廣倡導，而線上數位 學習在未來會成為是一種趨勢，而在這種趨勢裡面有著龐大的商機。本組做的專 題系統功能，測驗、成語故事、發音矯正、留言版等，大部分的基本功能都已經 具備，並且有會員的功能，在執行時可正常使用，也設置在實驗室主機上，可配 合網路連結來使用，我們將大學三年多來所學到的知識，應用在專題製作上面， 並且在製作過程中學到了很多，不僅是系統軟體的操作使用，以及如何來與組員 相處、溝通、合作，出現了衝突與問題如何去解決，團隊合作讓我們學習到的不 僅是知識，還有更多的是人際關係與合作。

5.2 未來展望

在未來可以增加更多的功能，在頁面上更加細緻來吸引更多的學習使用者， 並且可以讓低年齡的學童拿去學習使用，並且開發更多的語言版本，讓更多國外 的人是來學習使用。

參考文獻

【網站類】 [1]維基百科(華文)http://zh.wikipedia.org/wiki/%E5%8D%8E%E6%96%87 [2]維基百科(數位學習) http://zh.wikipedia.org/wiki/%E6%95%B8%E4%BD%8D%E5%AD%B8%E7%BF% 92 [3]http://mwu.glis.ntnu.edu.tw/blog/archives/publicatioins/%E5%90%B3%E7%BE% 8E%E7%BE%8E2004_%E6%95%B8%E4%BD%8D%E5%AD%B8%E7%BF%92% E7%8F%BE%E6%B3%81%E8%88%87%E6%9C%AA%E4%BE%86%E7%99%BC %E5%B1%95.pdf [4]http://exam.sce.pccu.edu.tw/digital_intro.asp?sub=2 [5]http://web.tiec.tp.edu.tw/gccce2007/00gccce2007/article/online_learning.pdf [6]http://tw.knowledge.yahoo.com/question/question?qid=1206051412930 [7]http://tw.knowledge.yahoo.com/question/question?qid=1305082904733 [8]藍色小舖http://www.blueshop.com.tw/ [9]WOWBOXBLOGhttp://www.wowbox.com.tw/blog/default.asp [10]moodle 中文加油站http://moodle.club.tw/moodle/ [11] http://edu.ocac.gov.tw/discuss/academy/netedu03/papers/C20.pdf 【書籍類】

[1]ASP.NET 專題實務 4.0（松崗出版）作者：MIS2000 Lab.、周棟祥、吳進魯 [2]ASP.NET 專題實務 作者：MIS2000 Lab.、周棟祥、吳進魯/編著 出版社：文魁 [3]巧用 jQuery : 體驗 jQuery 非凡魅力 感受前台程式設計樂趣 作者:吳超 出版者:松崗資產管理

附錄

附表

-1 會議記錄表(一)

壹、會議日期： _{100 年 03 月 08 日} 貳、會議地點： _{專題實驗室} 參、會議時間： 01:00 pm – 03:00 pm 肆、開會組員： 吳秉儒、洪彬哲、林紹培、林虹育 紀錄者： 洪彬哲 複查者： 伍、會議目標： 1. 討論專題題目走向 2. 選定組長 柒、備註：

附表

-2 會議記錄表(二)

壹、會議日期： _{100 年 03 月 15 日} 貳、會議地點： 專題實驗室 參、會議時間： 01:00 pm – 03:00 pm 肆、開會組員： 吳秉儒、洪彬哲、林紹培、林虹育 紀錄者： 洪彬哲 複查者： 伍、會議目標： 1. 訂定專題題目 2. 重灌電腦 3. 討論需要的軟體 柒、備註：

附表

-3 會議記錄表(三)

壹、會議日期： _{100 年 03 月 29 日} 貳、會議地點： 專題實驗室 參、會議時間： 01:00 pm – 03:00 pm 肆、開會組員： 吳秉儒、洪彬哲、林紹培、林虹育 紀錄者： 洪彬哲 複查者： 伍、會議目標： 1. 分析專題開發流程 2. 開發流程圖製作、修改 柒、備註：

附表

-4 會議記錄表(四)

壹、會議日期： _{100 年 04 月 12 日} 貳、會議地點： 專題實驗室 參、會議時間： 01:00 pm – 03:00 pm 肆、開會組員： 吳秉儒、洪彬哲、林紹培、林虹育 紀錄者： 洪彬哲 複查者： 伍、會議目標： 1. 專題時程規劃討論 2. 專題時程圖製作 3. 討論系統開發流程圖 柒、備註：

附表

-5 會議記錄表(五)

壹、會議日期： _{100 年 05 月 10 日} 貳、會議地點： 專題實驗室 參、會議時間： 01:00 pm – 03:00 pm 肆、開會組員： 吳秉儒、洪彬哲、林紹培、林虹育 紀錄者： 洪彬哲 複查者： 伍、會議目標： 1. 緒論編寫、排版 2. 文獻探討編排(一) 3. 基本藍圖製作、修改 柒、備註：

附表

-6 會議記錄表(六)

壹、會議日期： _{100 年 05 月 24 日} 貳、會議地點： 專題實驗室 參、會議時間： 01:00 pm – 03:00 pm 肆、開會組員： 吳秉儒、洪彬哲、林紹培、林虹育 紀錄者： 洪彬哲 複查者： 伍、 會議目標： 1. 系統流程圖製作、修改 2. 專案規劃整合 3. 繪製硬體架構圖 柒、備註：

附表

-7 會議記錄表(七)

壹、會議日期： _{100 年 06 月 07 日} 貳、會議地點： 專題實驗室 參、會議時間： 01:00 pm – 03:00 pm 肆、開會組員： 吳秉儒、洪彬哲、林紹培、林虹育 紀錄者： 洪彬哲 複查者： 伍、會議目標： 1. 版面編排 2. 文獻探討編排(二) 柒、備註：

附表

-8 會議記錄表(八)

壹、會議日期： _{100 年 06 月 14 日} 貳、會議地點： 專題實驗室 參、會議時間： 01:00 pm – 03:00 pm 肆、開會組員： 吳秉儒、洪彬哲、林紹培、林虹育 紀錄者： 洪彬哲 複查者： 伍、會議目標： 1. 頁面編排、整合 柒、備註：

附表

-9 會議記錄表(九)

壹、會議日期： _{100 年 07 月 19 日} 貳、會議地點： 專題實驗室 參、會議時間： 01:00 pm – 03:00 pm 肆、開會組員： 吳秉儒、洪彬哲、林紹培、林虹育 紀錄者： 洪彬哲 複查者： 伍、會議目標： 1. 留言板程式製作 2. 面板討論 柒、備註：

附表

-10 會議記錄表(十)

壹、會議日期： _{100 年 08 月 23 日} 貳、會議地點： 專題實驗室 參、會議時間： 01:00 pm – 03:00 pm 肆、開會組員： 吳秉儒、洪彬哲、林紹培、林虹育 紀錄者： 洪彬哲 複查者： 伍、會議目標： 1. 成語故事程式製作 2. 討論圖片繪製相關 柒、備註：

附表

-11 會議記錄表(十一)

壹、會議日期： _{100 年 09 月 13 日} 貳、會議地點： 專題實驗室 參、會議時間： 01:00 pm – 03:00 pm 肆、開會組員： 吳秉儒、洪彬哲、林紹培、林虹育 紀錄者： 洪彬哲 複查者： 伍、會議目標： 1. 測驗程式編寫 2. 討論題目走向、找尋題目 柒、備註：

附表

-12 會議記錄表(十二)

壹、會議日期： _{100 年 09 月 27 日} 貳、會議地點： 專題實驗室 參、會議時間： 01:00 pm – 03:00 pm 肆、開會組員： 吳秉儒、洪彬哲、林紹培、林虹育 紀錄者： 洪彬哲 複查者： 伍、會議目標： 1. 發音矯正程式製作編排 2. 討論音效檔 3. 圖片繪製 柒、備註：

附表

-13 會議記錄表(十三)

壹、會議日期： _{100 年 10 月 11 日} 貳、會議地點： 專題實驗室 參、會議時間： 01:00 pm – 03:00 pm 肆、開會組員： 吳秉儒、洪彬哲、林紹培、林虹育 紀錄者： 洪彬哲 複查者： 伍、會議目標： 1. 登入程式編寫 2. 格式製作 柒、備註：

附表

-14 會議記錄表(十四)

壹、會議日期： _{100 年 10 月 25 日} 貳、會議地點： 專題實驗室 參、會議時間： 01:00 pm – 03:00 pm 肆、開會組員： 吳秉儒、洪彬哲、林紹培、林虹育 紀錄者： 洪彬哲 複查者： 伍、會議目標： 1. 頁面美化 2. 資料整合 柒、備註：