線上教學網頁設計與管理-以MediaWiki為例

全文

(1)國立臺灣師範大學數學系教學碩士班碩士論文. 指導教授：. 黃. 聰. 明博士. 線上教學網頁設計與管理-以 MediaWiki 為例. 研究生：. 黃. 俊. 賓. 中華民國一百零三年六月.

(2) 線上教學網頁設計與管理 -以 MediaWiki為例研究生 : 黃俊賓. 指導教授 : 黃聰明教授國立臺灣師範大學教學碩士班. 摘要在傳統教學中，教師面對著一個班級數十位程度參差不齊的學生，往往教授相同的課程教材並且實施相同的教學進度，導致程度好的學生無法作加深加廣的學習，而程度差的學生無法適應、跟不上進度，甚至放棄學習。此外，在數學科的教學現場中，經常可見教師以一支粉筆、一面黑板，即完成課程內容的講述，導致學生興趣缺缺，而數學也往往變成最不受學生喜愛的科目。隨著電腦科技的日新月異、電腦與網際網路的普及，「資訊科技融入教學」、「線上學習」的概念漸漸受到認同，文獻探討指出此兩種概念除了有學習理論的支持外，種種研究亦證實應用在學生的學習上確實可提升學習成效，因此如何在教學中應用資訊科技以達成教學目標，成為教師們無法迴避的課題。本研究嘗試介紹一個架設簡易、功能齊全與管理方便的網頁軟體-MediaWiki，以提供所有教育工作者建立個人的教學網站，在教學過程加上線上學習作為輔助以滿足各種程度學生的需求。架設MediaWiki網頁採用平常使用的電腦即可，且架設過程不複雜。維基百科是使用MediaWiki軟體架設而成的成功範例，在各項功能上可說是受過重量級應用的考驗。而且，MediaWiki是受到維基媒體基金會所支持的軟體，持續開發更新以及在功能、後台配備、安全方面將不斷完善化。在管理部分，因為有眾多網頁採用MediaWiki軟體來架設，所以在網路上可輕易地蒐尋到相關管理資訊。有鑑於Mac系統、Windows系統是最廣泛使用的兩種作業系統，因此我們分別以Mac mini server（軟體Mac Os X Server Lion 10.7.5）與Windows XP，成功架設MediaWiki 網頁並以文字、圖示記錄下各架設步驟，以滿足不同系統使用者的需求。此外，管理網頁可能會用到的後台管理方法、文章編輯語法、問題與解決方式亦在本研究中以文字、圖示敘述說明。希冀能協助教育工作者輕鬆、快速地建立網站並易於管理網頁內容，以發揮資訊科技的優點，進而提升學習者的學習效果，造福所有學習者。. 關鍵字：MediaWiki、線上教學網頁、資訊科技融入教學. i.

(3) 誌謝大學畢業之後，有幸立即進入國民中學任教，經過六年教學工作的洗禮，再次回到學生的身分，感覺有點熟悉、有點陌生。回到母校讀書的三個暑假，課程比我想像中還要繁重許多，密集式的從早到晚上課、準備報告、寫作業，雖然辛苦卻也甘之如飴，很珍惜這樣的學生生活。也很慶幸能夠回到學校進修，有了工作經驗後，再回到學校學習，不管是在數學教育或數學專業部份都讓人有更深的體會。我要感謝在這三個暑假中授課的老師們，包括：李恭晴教授、趙文敏教授、曹博盛副教授、謝豐瑞教授、楊凱琳副教授、郭君逸助理教授、蔡蓉青教授、陳創義教授。此外，感謝我的教學碩士班所有同班同學們，在這三年中，大家不吝於分享自己所注意到的課程相關內容、個人報告、畢業應注意的資訊，讓班上形成一個有效率、有戰鬥力的team。這特別要歸功於91級的文傑學長，有他的領導以及細心的提醒，讓大家得以順利的畢業。也感激班上同學在這三年中，認真的準備各種報告，讓我獲益匪淺。感謝我的指導教授黃聰明老師，讓我有機會可以嘗試作這個研究，雖然不是學資訊出身，在探索MediaWiki軟體過程中，也經常遇到困難需要花很多時間解決，但是卻始終感到有趣，能夠成功建構出跟維基百科一樣的網頁，也讓我挺有成就感。也謝謝台大的王偉仲教授、師大的謝世峰副教授，能在百忙之中撥空擔任我的口試委員並給予意見。最後，我要特別感謝我的哥哥黃俊銘，沒有他在資訊方面給予我的協助、意見，我絕對無法如此順利的完成碩士學位。. ii.

(4) 目. 錄. 摘要.......................................................................................................................................... i 誌謝..........................................................................................................................................ii 第 1 章緒論...........................................................................................................................1 1.1 研究背景及動機....................................................................................................1 1.2 研究目的................................................................................................................2 第 2 章文獻探討...................................................................................................................3 2.1 網路教學與傳統教學的比較................................................................................3 2.2 資訊科技融入教學的理論基礎............................................................................5 2.3 資訊科技在學校教育使用之現況........................................................................8 2.4 電腦視覺化對數學學習的幫助..........................................................................10 第 3 章 MediaWiki 介紹......................................................................................................12 3.1 概述......................................................................................................................12 3.2 歷史......................................................................................................................12 3.3 支援的作業系統與語言......................................................................................14 3.4 MediaWiki 的優勢與特色...................................................................................14 第 4 章如何在 Mac 系統建立 MediaWiki..........................................................................19 4.1 4.2. 硬體環境與作業系統..........................................................................................19 建立 MediaWiki 環境..........................................................................................19 4.2.1 Apache.....................................................................................................20 4.2.2 PHP...........................................................................................................21 4.3 安裝 MediaWiki 軟體...........................................................................................22 第 5 章如何在 Windows 系統建立 MediaWiki...................................................................29 5.1 5.2. 硬體環境與作業系統..........................................................................................29 建立 MediaWiki 環境...........................................................................................29 5.2.1 Apache.....................................................................................................29 5.2.2 PHP...........................................................................................................34 5.2.3 MySQL.......................................................................................................36 5.2.4 phpMyAdmin.............................................................................................43. 5.3 安裝MediaWiki軟體............................................................................................44 第 6 章管理 MediaWiki......................................................................................................52 6.1 MediaWiki 網站的備份與回復...........................................................................52 6.2 MediaWiki 網站的後台管理...............................................................................53 6.2.1 啟動上傳檔案功能.................................................................................53 6.2.2 取消某些檔案類型的禁止上傳.............................................................53 6.2.3 修改上傳檔案大小限制.........................................................................54 6.2.4 更改 Sidebar...........................................................................................54 iii.

(5) 6.3. 6.2.5 修改網站的 Logo.....................................................................................55 6.2.6 設定可編輯數學符號、數學語法.........................................................56 6.2.7 更改面板.................................................................................................58 6.2.8 更改網頁顯示時間.................................................................................58 MediaWiki 文章編輯語法...................................................................................59 6.3.1 在同一頁網頁中的標題與內容編輯.....................................................59 6.3.2 連結外部網頁、連結內部頁面與檔案..................................................59 6.3.3 文字居中及斷行.....................................................................................59 6.3.4 跳過一行.................................................................................................60 6.3.5 後退幾格.................................................................................................60 6.3.6 字體放大.................................................................................................60 6.3.7 字體改顏色.............................................................................................60 6.3.8 字體加底線.............................................................................................61 6.3.9 斜體、粗體、粗斜體..............................................................................61 6.3.10 表格.......................................................................................................61 6.3.11 表格加上底色.......................................................................................63 6.3.12 加入圖像...............................................................................................63 6.3.13 分隔線...................................................................................................64. 6.4. 6.3.14 嵌入 Youtube 影片................................................................................65 問題與解決方式..................................................................................................65 6.4.1 改用舊 data 目錄與舊 MediaWiki 目錄所產生的問題.........................65 6.4.2 上傳檔案出現「無法建立目錄」問題..................................................66 6.4.3 上傳檔案出現「檔案擴展名不配所偵測的 MIME 類型(text/plain)」問題........................................................................................................67. 6.5 MediaWiki 網站連上網路的方法.......................................................................67 第7章研究結果與建議......................................................................................................68 參考文獻................................................................................................................................69. iv.

(6) 第 1 章緒論 1.1 研究背景與動機如何提升教師的教學品質與學生的學習成效，一直以來都是教育最核心的問題。隨著電腦科技的日益發達與網際網路的普及化，電腦輔助教學的概念漸漸地受到重視與付諸執行。藉由科技媒體及網路的便利性，在教學活動過程中，適時的透過動畫、影片、網頁等相關資訊科技，以提升學生的學習興趣，達到教學目標。此外，應以學生為教學活動的中心，進行小組討論、合作學習，同時也可以整合其他領域的學科知識，最終希望學生養成獨立思考與解決問題的能力[1]。2001 年教育部為了推動中小學資訊科技融入教學，提出「中小學資訊教育總藍圖」，以期盼協助學生進行有效學習，培養各項應具備的能力。甚至為了因應個體在學習的差異、節省學習所需耗費的時間、金錢與人力，採取透過網際網路來進行線上學習，此即為現代教育的趨勢。不論是學校正規教育的學習或是社會非正規教育的終身學習，網路學習皆能提供學習者更適性化的選擇，學生透過線上課程或學習資源，隨時依照自己的需求進行學習，程度好的學習者能進一步作加深加廣的學習；程度差的學生沒有時間上的壓力，可以按照自己的情形增加學習時間。因此，此種學習模式將使學習者對自己欲求得的知識擁有更多的反思及回應的機會[2]。除了空中大學首開全面採取網路學習以取得學位外，多所國內大學也先後提供遠距教學課程或網路學習平台，使更多學子蒙受其利，也加速了知識的流通。「資訊融入教學」與「網路學習」已成為當前教育的趨勢及教育工作者無法迴避的課題。研究者從事國中數學教學已有 10 年經驗，在教學現場中面臨到兩點教學困難。第一點、學生的學習動機低落：數學往往是最令學生感到困難的一科，對於代數中文字符號感到不適應，亦對幾何中的各種概念感到艱深，相對於其他科目，數學科的內容也較為枯燥乏味，因此數學常常是學生最不感興趣的一科。第二點、學生的程度不一：班級學生的組成方式，近年來的教育政策採取的是常態編班，因此教師要面對的教學對象往往是各種程度的學生，造成學習能力極佳與學習能力極差的學習者身處同一個教學場所，面對著人數過多（一個班級人數約 30 人）與教學進度的壓力，教師往往被迫採取單一的教學進度，導致能力佳的學生覺得進度太慢而壓縮了學習的深廣度；能力差的學生無法跟上教學進度，學習效果不彰，甚至放棄學習。為了改善上述兩點困境，「資訊融入教學」與「網路學習」確實可有效解決此困難。採用資訊設備以活潑化教學活動，凝聚學生的注意力，吸引學生參與課堂的討論，提高學生的學習動機。教學過程加上網路學習做為輔助可以滿足各種程度學生的不同需求。因此研究者嘗試介紹一個架設簡易、功能齊全與管理方便的網頁軟體，以提供所有教育工作者來建立個人的教學網站。而這個軟體亦是著名的維基百科所採用的網頁軟體-MediaWiki。. 1.

(7) 1.2 研究目的本研究旨在推廣 MediaWiki 軟體，以協助各級教師建立個人的教學網站，進而提升學生的學習成效。此外，由於 windows 與 mac 是最為廣泛使用的兩種作業系統，研究者分別探討如何在 windows 與 mac 系統建立 MediaWiki 網頁，讓教師依原本就有的電腦設備進行網站的建構，不需額外再花錢購置電腦設備，以提升教師建構網站的意願。茲將此研究的研究目的詳列如下： 1、探討 MediaWiki 軟體的歷史、支援的作業系統與語言、網頁運作方式，以促使教師能對此軟體有更全面的認識。 2、探討 MediaWiki 軟體的優勢與特色，以釐清何以選擇此軟體來進行網站的建構。 3、探討如何在 Mac 系統中建立 MediaWiki 網頁並整理出各個建立步驟的說明與圖示，以協助教師能快速地建立網站。 4、探討如何在 Windows 系統中建立 MediaWiki 網頁並整理出各個建立步驟的說明與圖示，以協助教師能快速地建立網站。 5、探討 MediaWiki 網頁的管理方式，以協助教師能輕易的進行網站內容的設定、編輯與問題排除。. 2.

(8) 第 2 章文獻探討本研究所欲探討的主題為「線上教學網頁設計與管理-以 MediaWiki 為例」，因此本章針對線上教學是否有助於學習進行文獻探討。第一節網路教學與傳統教學比較，旨在闡述網路教學是否比傳統教學更能達到有效學習的目標；第二節資訊科技融入教學的理論基礎，旨在探討資訊科技融入教學有助於學習，其背後所支持的學習理論的內容；第三節資訊科技在學校教育使用之現況，旨在了解當前學校教育如何實施資訊科技融入教學，進一步確認這是個正確的學習方式並行之有年；第四節電腦視覺化對數學學習的幫助，由於研究者本身從事數學科的教學，亦期待能將網頁軟體 MediaWiki 介紹給所有數學科教師來進行線上教學網頁的建構，因此有必要針對數學學習，進一步探討電腦視覺化對於學習的助益。經由文獻探討，確認了網路教學確實有助於學習後，第 3 章便進行 MediaWiki 網頁軟體的相關介紹。. 2.1 網路教學與傳統教學的比較傳統教學（Conventional Instruction）是指教師與學生在同一地點、同一時間所進行的學習活動。在教材呈現、教學模式、師生互動等…方面，往往受到環境因素、學生人數與學生程度的影響，必需遵循著某些固定型態[3]。在國民中學的教學現場，往往教師扮演著知識提供者的角色，將課程內容傳授給學生，學生被動的接受知識，學習的內容、時間皆由教師主導，可以說是「以教師為中心」的學習方式。網路教學則是教師透過網路科技教學媒體，將教材進行系統化的設計，學生依照引導學習教材內容，包括：觀看課程教學影片或動畫、作練習題、進行線上測驗，最後達到教師所設定的學習目標[4]。在網路教學中，教師扮演引導者的角色，透過更多元化的呈現方式，學習者依照個別狀況或需求，不受時間、空間的限制進行線上學習，此種學習方式，學習者掌握較多的主控權，可以說是「以學習者為中心」的學習方式。網路教學與傳統教學在時間地點、學習主體、學習空間、教學重點、教材呈現、教學方式等…各方面皆有所差異，比較如表2-1[4]所示。表 2-1 網路教學與傳統教學的特性比較表[4] 特性. 網路教學. 傳統教學. 時間地點. 同步、非同步，任何地點. 同步，同一地點. 學習主體. 網路教學是以學習者為主體，學習者處於主動地位，有權選擇屬於自己的學習主題與內容，學習者容易從教學中得到自我實現。. 傳統式教學的學習主體為學校教師，基本上學生對於學習主題、內容沒有選擇的權利，只有被動的吸收。. 學習空間. 開放無限延伸之界. 學校班級封閉系統. 教學重點. 在教學過程中重視學生『如何在教學過程中重視教師『如何 3.

(9) 學』的問題，因此教學研究通常集中於學習者身上。文字、圖片、動畫、圖表等各教材呈現種多媒體元素 1. 重視學習者個別差異，並配合適當的電腦科技來提昇教學的成效。 2. 強調合作學習、建構學習的教學方式重要性。強調啟發、獨立思考的學習。 3. 由學習者主動的導入並消化外來的資訊，以建構屬於自己的知識。進度控制學習者依自己進度學習 1. 教學強化媒體的溝通模式，提供雙向溝通的管道。師生互動 2. 不受時空限制。 3. 教師幫助學生學習，是一種雙向溝通。教師是知識的傳播者，也是知識的輔導者、協助者與提供教師的角色者。師生之間關係已發展為相互協助的新關係。學生的角色積極、主動的參與者。教學過程學習路徑. 教學評量. 認知迷思. 教』的問題，因此教學研究的焦點集中在教學者身上。教師操作示範、課本、指引 1. 重視理論與概念方面的訓練，在教學方式著重團體學習的成效。 2. 整班教學，偏重知識灌輸的學習。 3. 單向的由教師傳輸出去，再由學生被動的接受。教師教學並控制進度以教師為中心之『言談互動』，只能面對面溝通。. 教師是知識的傳播者、知識唯一的供應者。扮演聽眾與被動的學習者。. 認為『結果』雖然重要，但是傳統式的教學在教學過程方『過程』才是教學所要重視的。面，強調『結果』重於『過程』。多元化學習路徑，可供學習者單一學習路徑選擇。重視學習過程與個別差異及適著重學科知識的獲得與課程的性，故著重形成性評量與多元重要性，故偏向於總結性評量化的動態評量。與紙筆測驗。因為文件的交互參考，容易造為單一路徑學習，不容易迷失成學習者的認知迷失. 由上表可知，網路教學具備了眾多優點：（1）無時空限制：一個設計優良的線上教學網站可以提供給不同地方的學習者學習，並且任何時間皆可以上網學習，排除了空間、時間的侷限，受惠的學習者人數難以估計，效益遠比傳統教學大。（2）適性學習：在各個階段的教學現場中，所遇到的最大困難是學習者的程度不一，同樣的教學進度，程度佳的學習者覺得慢導致其所能學習到的知識的深廣度減少；程度差的學習者覺得快，造成其跟不上進度，無法即時吸收以適應後來的課程，甚至最終放棄學習。而網路教學便有效地解決了此一難題，學習者是積極、主動的參與者，對於學習的內 4.

(10) 容掌有主控權，依個人狀況選擇學習內容、決定學習進度，使所有學習者都能有效學習並盡可能的學習到更多內容。（3）提高學習興趣：網路教學除了可加入原本傳統教學的教師講述，更可採用各種資訊科技作為教材，軟體、影片、音樂、動畫、數學軟體、網路上豐富的資源，活潑生動的呈現方式可以提高學習興趣，有效提升學習成效。（4）著重形成性評量：在傳統教學中，由於學習時間有限，往往在一個段落教學結束才進行評量，無法針對知識內容的每一個步驟檢驗學習者是否已學會，因此可能導致某些學習者無法跟上學習的進度。而在網路教學中，學習時間不設限，資訊科技亦可針對每個知識內容步驟設計動態評量，使學習者能馬上檢視學習情況，以決定是否進行下一個階段的學習。除了上述4項主要優點外，網路教學尚有如下優勢：可以節省時間與成本，學生不必花費時間到上課地點，省下交通所需時間，甚至省下到上課地點的差旅費用、教室場地費或維護費用。網路教學的教材內容，易於調整、更新，學習者隨時可以得到最新資訊。此外，課程內容透過網際網路呈現，由於電腦、網路的普及化，學習者若想線上學習，只要有基本的電腦設備，不分種族、貧富、職業…等因素，皆能上網學習，取得網路教學資格的門檻可說是相當低。網路亦連結了各地的學習者，形成了一個學習社群，針對問題進行討論、分享，更有機會學習到各式各樣的想法。總而言之，網際網路具備跨國界、文化、種族與時空的限制之特性，讓教育資源以最省錢、省時、省力的方式散播至世界各地，使網際網路成為一個廣大且優質的學習環境[5]。在教學活動中融入電腦軟體（word、ppt、excel、gsp）、網際網路、多媒體（flash、 youtube、mp3、mediaplayer）等…資訊科技日漸普遍，探討其成效的研究亦日漸增加。 Hartman於1995年的研究中探討了教學方式對於學習寫作的影響，發現採用電腦輔助寫作教學組在師生間的互動比起一般寫作教學組來的更加熱絡（引用自姚德瑜[6]）。 McIntyre與Wolff於1998年以大學生為研究對象，以程式語言課程為教授之內容，發現相較於未採用網頁互動式學習方式，採用網頁互動式學習方式獲得較好的學習成效（引用自巫靜宜[7]）。種種研究證實了網路教學的效果。因此，課程學習若能採用網路教學，輔以教師從旁引導，避免學生迷失，這將會是最有效的學習方式。. 2.2 資訊科技融入教學的理論基礎資訊融入教學意指在教學過程中，發揮資訊媒體及網路的優點，適時的透過動畫、影片、網頁…等相關資訊科技來引導學生學習，促使課程活潑生動以提升學習動機，有效達成教學目標 [1]。資訊融入教學是教師所需具備的素養，其理論與實務上的實施措施，在教師養成過程中或是已在教學現場時，皆有相關課程或研習，教育行政單位亦時常推廣此概念甚至舉辦相關競賽，因此教師們對於資訊融入教學之概念是不陌生的。張國恩（2002）提出教師常用的三種資訊融入教學模式如下：（1）簡報展示：簡報展示內容包括文字敘述、圖片、影片與網際網路的連結，讓課程內容清楚地呈現，亦以多元的方式令學習者感到有趣、不枯燥。（2） CAI的運用：將教材或觀念轉換成以視覺化的方式呈現，學生可反覆觀看或進行問題的回答，以一種互動的方式幫助學生了解與習得知識。 5.

(11) （3）網際網路資源：網路上的資源豐富，教師作適當的擷取和整合，對學生達到學習目標相當有助益[8]。然而，資訊融入教學其背後所支持的學習理論基礎究竟為何，為何對學習有所助益，若能釐清，有助於教師們在實施資訊融入教學時能採取更有效的方式。 I、訊息處理學習論訊息處理學習論（information-processing theory of learning）探討並解釋人類在環境中面對各種刺激時，經由感官覺察、注意，進而編碼、記憶或辨識、譯碼… 等內在心理活動如何交互運作，也就是如何吸收或運用知識的歷程。此學習論將個體的認知歷程分為三個階段解釋，第一個階段為感官收錄（sensory register），指個體憑感覺器官感應到外界刺激，會引起短暫記憶。個體將會抉擇是否將刺激視為重要訊息，若決定進一步處理時，就加以注意（attention）並予以編碼，此訊息才會被遷移到「短期記憶」中，否則此訊息將會被遺忘。第二個階段為短期記憶（short-term memory），指感官收錄後再經注意而在時間上延續到20秒以內的記憶，譬如：從電話簿查到號碼再到電話機上撥號，這期間一般是靠短期記憶。短期記憶有兩個重要的作用，其一為對從感官收錄輸入進來的訊息作出適當的反應，如完成反應不再進一步處理，此訊息隨即流失，形成遺忘。另一作用為如個體認為所處理的訊息是重要的，便採用複習或理解等方式，然後輸入長期記憶，因此具有運作記憶的功能。第三個階段為長期記憶（long-term memory），指保持訊息長久不忘的永久記憶。長期記憶與短期記憶的差別在於短期記憶是限量記憶，刺激後所記得的數字或文字是有限的，而長期記憶的容量是無限的。另外，兩階段中的訊息在性質上亦不同，短期記憶階段所處理的訊息，都是片段的事件或單字；而儲存在長期記憶中的訊息大致分為兩類，一類為情節記憶，指有關生活情境的實況記憶。另一類為語意記憶，指有關語文所表達之意義的記憶[9]。. 圖 2-2-1 訊息處理流程圖[9] 6.

(12) 訊息處理學習論對於認知歷程的解釋，意味著電腦科技的相關特性有助於學習，其說明如下：（1）訊息處理學習論告訴我們學習的第一個階段為感官收錄，因此呈現教材（刺激）時，必需先引起學生的注意，否則訊息無法進入短期記憶，遑論進入長期記憶。在網路教學中，透過多媒體的運用或網際網路的連結，影片、音樂的聲光效果與歷歷在目的真實現象或其他生動活潑的呈現方式，增加了教學環境中的刺激，快速有效地吸引了學生的目光，引起學習動機。（2）在中小學教學現場中，往往所重視的是學生在長期記憶中所存放的訊息為何，因此評量（紙筆測驗）只針對長期記憶中的知識進行檢視，而忽略了在教學過程中學生是否已將知識成功地由短期記憶中遷移到長期記憶中。訊息處理學習論告訴我們在短期記憶階段，若能進行重複複習，便可將訊息輸入長期記憶。電腦教學中讓學習者可重複進行演練的程式，譬如：質數的記憶練習程式、十字交乘法練習程式，便有助於學習者將訊息由短期記憶遷移至長期記憶。（3）在訊息處理的過程中，短期記憶以聲碼為主，長期記憶以意碼為主。若能同時接收到聲碼與意碼，能強化長期記憶的永久保存。而在網路學習中，教材結合了文字、圖片、動畫、影片…等，其豐富的影像、聲光效果，有助於學習者較輕易地了解知識並將知識牢固地存入長期記憶中[6]。. II、建構主義學習理論經過多年來的發展，建構主義並非特指某一種理論，而是一個具有多種意義的理論。「傳統建構主義」認為知識是認知個體主動的建構，不是被動的接受或吸收。古希臘哲學家 Xenophanes（約公元前 570 年－前 470 年）亦認為人不可能得到真知 (有關上帝或世界的真理) ，因為人的所有知覺和判斷都會受到個人生活背景和態度的影響。「個人建構主義」強調知識是個人主觀的建構，只反映個人經驗的現實，只存在於每一個人的腦中，也只有對個人自己才有意義。皮亞傑是這一派的先驅。「社會建構主義」強調個人建構知識是在社會文化的環境之下建構的，因此所建構之知識與社會文化脫不了關係。所建構之知識的意義雖然是相當主觀，但也不是隨意的任意建構，而是需要與別人磋商和和解來不斷的加以調整和修整，而且會受到當時文化與社會的影響。建構主義（Constructivism）強調知識是由個體主動建構而形成，而非被動地接受。學習的過程就是建構知識的過程，學習時個體會將所遇到的新經驗與舊知識作結合，不斷修正原本舊有的知識，從而建構出新知識[2]。Von Glasersfeld（1987）認為知識的習得是基於個人的先備知識，透過感官的接收，再進行篩選、解釋和重組建構而形成（引用自姚德瑜[6]）。每個人依照生活中所獲得的經驗主動建構知識，即使接收相同的訊息，由於個體先備知識的不同，所建構出來的知識也隨之不同。因此，學習方式應該要著重學習者自身對知識的建構與組織，而非齊一式的給予相同學習內容、相同的學習進度，網路教學正提供了一個可讓學習者自行決定教材並建構知識的 7.

(13) 學習環境。另外，社會建構論者強調具有對話和討論的教學，透過集思廣益、闡述、附議或質疑、反思與辯護，所形成的知識內容將較為週詳、具深度，這種模式包含合作學習的概念，與網路學習中所強調的透過學員互動、溝通來學習，是非常一致的[6]。教學網頁中的討論區便是一個可讓學習者提問、討論甚至是解答問題的園地，由於電腦的普遍性，提高了參與互動的人數，更有助於學的更深更廣。在教學過程中適當地使用資訊科技，突破了許多傳統教具的限制，讓學習變的更生動有趣，有效地凝聚學生的注意力，也提高了學生參與課程討論的意願，由於學習動機的引起，讓學習變得更有效果。國內外有許多研究（Bolyard, 2006；Butzin, 2001； Ku, Liu, Tompson, ＆ Cheng, 2007；Renwick,2006；Smith, 2006）證實了資訊科技的確對教學有所助益：使用電腦虛擬輔助教具或教學軟體，對學生的學習效果相當有幫助（引用自林意晨[10]）。學生對於數學課程搭配3D虛擬實境教學軟體多持正面肯定的態度，以眼見為憑的方式、清楚地看見細節，對於知識內容的了解、迷思的澄清、學習專注度的提升，皆有助益[11]。動態幾何軟體GSP（The Geometer’s Sketchpad，簡稱GSP）可說是學習幾何的優良輔助軟體之一，透過圖形的呈現，學習者對於幾何知識有更進一步的理解。透過電腦的互動操作，不只準確而彌補了實際尺規作圖所造成的誤差，也節省了作圖所需花費的時間。當遇到難題、迷思時，透過GSP描繪圖形進行思考、檢驗，亦是一個有效的解題策略。此外，使用GSP進行作圖，使學習幾何變得具體、活潑化，改變學生對於數學只有靜態的看法，有效地吸引學生的注意力，提升學習興趣。. 2.3 資訊科技在學校教育使用之現況新加坡在1997年提出的「資訊教育總藍圖」中，把資訊科技在教學上的應用列為重點項目，明訂教師必須有30%的教學時數應用資訊科技。香港亦在1998年提出「應用資訊科技發展優質教育」計劃，明定教師在教學時數中必須有25%時間應用資訊科技，以達成優質教育目標。而美國也在2001年提出「No Child Left Behind」教育政策，明確宣示五大方向：補助中小學更多的軟硬體經費、e化行政公文、過濾不良網路內容、設定資訊教育評鑑目標確保教育成效、於貧瘠區域設立資訊科技中心（引用自林意晨 [10]）。可見資訊融入教學這種教學型態受到各國的認同，並陸續推動相關配套措施，以提升教育品質。在國內，2001年教育部為了推動中小學資訊科技融入教學，提出「中小學資訊教育總藍圖」，總藍圖的推動是以老師為起始點，然後藉由老師帶動學生、學生影響家長，進而提昇全民運用資訊的能力與學習素養。為了落實這項政策，亦訂定出七點指標以做為施行之依據：一、師師用電腦，處處上網路。教師置備有可進行教學準備與實施教學的資訊科技設備，師師用電腦，班班上網路，教學資料與學習資訊傳輸無障礙。二、教師(含新任及在職)均能運用資訊科技融入教學，教學活動時間達20%。透過各項培訓，讓所有教師均具有資訊科技融入教學之專業能力，同時要求教師於教學活動中，應用資訊科技佔其教學總時數應達20%，讓學生體驗不同的學習方法，以提高學生學習興趣，提升教學品質。三、教材全面上網，各學習領域均擁有豐富且具特色之教學資源(含素材庫、教 8.

(14) 材庫…等)。教師能夠透過開放教育平台以及網路上的教學素材、教材及活動設計…等之分享機制，分享、討論、改進，交換教學經驗，共創、共享網路教學資源，使各學習領域均擁有豐富且具特色之教學資源。四、學生均具備正確資訊學習態度、瞭解並尊重資訊倫理。發展以生命關懷為本的資訊教育，養成正面的學習態度，包括主動學習、創意學習、合作學習，同時建立學生的校園資訊倫理及對網路著作權與智慧財產權的正確觀念，讓學生均具有科技時代的人文情懷。五、建立600所(20%)種子學校，發展資訊教學特色。種子學校數逐年增加到600所(約20%)，充分發揮在校內及校群中之示範作用，進而提昇同一地區學校資訊教育的水準。六、全面建構學校無障礙網路學習環境，縮短數位落差。所有學校(含特殊教育學校)皆是無障礙網路學習環境，協助特殊教育等弱勢族群享有便捷資訊學習環境。七、各縣市教育行政工作均達資訊化、自動化、透明化。教育部與各級教育行政機關由下而上縱向連貫，各級教育行政機關充份掌握所需教育行政資料，簡化教育行政管理工作，提昇教育行政效率，讓行政人員成為教師推動資訊科技融入教學的最佳夥伴。綜觀過去十年教育部的施政方針，每年皆有一點是關於「資訊融入教學」或「網路學習」的相關政策說明。譬如：2005年施政方針第十一點：「發展數位化教材，充實網路學習內涵，推動資訊融入教學模式，加強師生資訊能力與網路學習素養；建立數位學習課程認證機制與標竿課程、學程，引導數位學習質量並進；結合政府部門及民間團體，強化網路不當資訊防制與宣導；加強偏遠地區資訊教育資源，縮減數位落差；提升教育行政電子化效率及品質。」；2009年施政方針第十點：「保障並促進數位機會均等，提升師生正確應用資訊科技能力，建構優質教育與研究之網路基礎環境，發展與整合多元數位教育資源。」；2013年施政方針第十一點：「推動臺灣學術網路（TANet）骨幹躍升，強化校園資安防護；加強學生數位學習能力，深耕數位關懷，推動資訊倫理與上網安全；營造永續校園，提升師生環保素養及防災應變能力。」綜上所述，可見資訊融入教學在國內受到認同，並持續在推動這個學習型態。此外，經過幾年來的努力，也有了一些成果，在資訊教育基礎建設方面，成果如下： (一)全國國民中小學校電腦教室資訊教學設備，自 94 年度起逐年更新，協助改善資訊教學設備維運，以確保全國國民中小學校電腦教室資訊教學設備能正常運作，應用優質數位化學習內容。 (二)至 97 年底已完成全國國民中小學資訊教學設備更新。由於資訊設備更新快速，擬續依使用年限 4 年為一期，98 年至 101 年持續辦理資訊設備更新補助，以確保師生教學品質。為期資源整合與有效利用，已請縣市規劃並善用尚堪使用之資訊教學設備，如將電腦教室汰換之電腦設備配置於一般教室，供師生於各領域實施資訊融入教學課程時使用，以增加學生學習與運用的時間。 (三)98 年推動「建置中小學優質化均等數位教育環境計畫」，已建置完成國民中小學 9.

(15) 6,620 間「多功能 e 化專科教室」及 37,580 間「多功能 e 化數位教室」。有別於傳統面對面的教學方式，我國於1986年創立國立空中大學，教學方式以遠距教學為主，面授教學為輔，透過電視、廣播、網際網路…等管道播送教學內容。空中大學目前有6學系（人文學系、社會科學系、商學系、公共行政學系、管理與資訊學系、生活科學系）與通識教育中心，多年來提供學子們一個便利、自主的學習管道。一般大學部分，交通大學於2008年初開始集結全台有志一同的公私立大學，希望集合眾校之力廣泛地開放不同領域之知識，共同為知識分享努力。在得到許多學校的熱烈回應後，決定於12月24日正式成立「台灣開放式課程聯盟(TOCWC)」。成員目前包括交通大學、政治大學、清華大學、臺灣大學、臺灣師範大學…等共26所大專院校與一所市立高中(台中市立東山高中)。此聯盟整合了各學校的開放式課程，內含高品質的數位教材，無償地開放網路上的資源供大眾分享與學習。教育部亦建構了「數位教學資源入口網」，針對國中小、高中職、大專院校這些學習階段，提供了社會、自然與生活科技、數學、藝術與人文、英文…等學習領域的數位教材，檔案格式包括文件（doc、 ppt、pdf、txt、excel）、圖片/相片（gif/jpeg/bmp）、聲音（wma）、影片（wmv）、網頁（html）、Flash（swf）。此外，針對國中課程，教育部委託國家教育研究院製作國中數學、自然與英語教學多媒體170個單元，同時結合新北市等13縣市國教輔導團，研發國中基測五科學習資源手冊及評量題庫，完成「國民中學學習資源網」建置。以數學科為例，提供國中課程所有單元的學習資源，包括重點整理、範例、練習題、線上影音教學，亦有線上測驗系統、線上討論區，是一個極為完整的線上教學網站，值得國中階段的學子們善加使用。著名的數學教學網站「昌爸工作坊」，內含各式各樣的學習資源，「數學CAI」以互動的方式學習數學概念；「數位教材」提供影音教學；「數學試題」包含資優試題、基測試題、平時測驗/複習試題、各校段考試題、線上測驗。除了國中課程內容外，也收集了數學故事、趣味數學、數學遊戲、甚至是數學競賽試題，有助於培養對於數學的興趣，程度優異的學生，亦可以挑戰高難度的題目。. 2.4 電腦視覺化對數學學習的幫助 Bruner（認知心理學家，1915~）將人類對其環境中週遭事物，經知覺而將外在物體或事件轉換為內在心裡事件的過程，稱為認知表徵[9]。他將人類認知表徵的發展分為三個階段：動作表徵、形象表徵（或圖像表徵）、符號表徵（或象徵表徵）。這意謂著在學習知識的過程中，應先提供具體實物或圖形表徵，再進入形式化的符號運算與思考。因此，教材的呈現應將概念「視覺化」呈現，利用「圖形」來引導學習者思考，防止過早語言化、符號化。雙碼理論(Clark and Paivio,1991)指出人的記憶系統主要包含兩個符號記憶系統(Symbolic memory)：語言性系統(verbal system)、非語言性系統(non-verbal system)又稱圖像(imagery system)系統。Paivio認為相較於單獨的語言性系統或單獨的非語言性系統進行編碼所形成的知識，同時以語言性、非語言性系統兩種形式進行編碼所形成的知識更易於存放於記憶系統中。此外，單獨的非語言性系統的編碼又比單獨的語言性系統的編碼更易於存放於記憶系統中。（引用自呂偉慈 [2]）。 10.

(16) Cunningham(1991)認為視覺化的好處包括能夠將焦點放在複雜問題的特定組成部份或是細節上，顯現作用的變動過程，以及增加對於數學問題和解題過程的瞭解，有助於往後遇到相關問題時的直觀判斷。他也認為一個視覺化的教學應給學生適當的機會來進行探索和操作。（引用自李俊儀、袁媛[12]）。譬如：GSP便是一個非常適合學習幾何學的數學軟體，能夠真實呈現圖形全貌，在問題的釐清上、紙筆難以描繪的軌跡或是驗證思考的正確與否，都能給予幫助，透過學習者實際的電腦操作，更能加深對於幾何知識的記憶。Antonio R., Quesada, Mary E., and Maxwell (1994) 從三個學期的修課生，共710名，針對「電腦繪圖計算軟體教學與傳統教科書教學對學生先修微積分的學習成效之差異」進行研究，結果發現，接受電腦繪圖計算軟體教學的學生的期末分數比接受傳統教學的學生高，並達顯著水準。從訪談結果得知，接受電腦繪圖計算軟體教學的學生認為電腦繪圖計算軟體能幫助他們：(1)更容易理解概念、(2)提供確認答案的機會、(3)能節省時間在冗長乏味的計算上（引用自呂偉慈[2]）。通常數學以形式化的定義開始，而數學概念往往是經過長久時間的發展所得到的結果，因此對於初學者來說經常有一定的難度，導致學習不適應、學習意願低落。此外，數學概念的表達往往透過數學符號來呈現，其枯燥、抽象化的表達方式也一直為人所詬病。若透過電腦的多媒體特性，多樣化、視覺化的呈現出來，並減少計算技巧與計算方法的記憶學習，不僅可促進理解，亦能提高學習動機和增進學習效果[13]。. 11.

(17) 第 3 章 MediaWiki 介紹 3.1 概述維基百科提供不同專業背景的網友們自由地進行線上編輯，不受時間、空間的限制，透過通力合作，讓某一種物件、知識、事件…等內容，形成更完整、豐富的介紹。而 MediaWiki 正是建構維基百科網頁的 Wiki 軟體。 Wiki 軟體，或稱為 Wiki 引擎，是指用來架設 Wiki 的軟體，也就是一種軟體能作為網路共筆，供網友自行編輯，並最終彙整成一個資料龐大的資料庫。Wiki 軟體有 36 種以上，而 MediaWiki 是其中的一種。 MediaWiki 軟體最初是自由內容百科全書維基百科所開發，今日已被一些公司機構部署為內部的知識管理和內容管理系統。MediaWiki 採用 PHP 程式語言寫成，並可使用 MySQL、PostgreSQL 或 SQLite 作為其關聯式資料庫管理系統。. 3.2 歷史 Medawiki 軟體最初是由德國科隆大學學生以及程式開發員 Magnus Manske 所設計，用來編寫維基百科。在此基礎之下，後來由程式開發員 Lee Daniel Crocker（美國人，出生於 1963 年）為維基百科編寫了現行的 MediaWiki 軟體版本。維基百科最初使用 Perl 語言所編寫的小型 wiki 引擎 UseModWiki 來作為後台，其後，則改採 Magnus Manske 所設計的 PHP 編寫的軟體來提供更多的功能。隨著使用量的日益增長，頁面載入的問題日益嚴重，促使 Lee Daniel Crocker 重寫了該軟體，採用了擴充功能性更強的 MySQL 資料庫。 2003 年 6 月 20 日，維基媒體基金會宣布成立，維基媒體基金會的技術長 Brion Vibber 成為該軟體的釋出經理及其最活躍的開發者。從 Manske 程式第一版的釋出， MediaWiki 軟體被賦予一些非正式的名稱，以表示當時的開發狀態，這些非正式的名稱為：「PHP 指令碼」（the PHP script）、「第二期」（phase II）、「第三期」（phase III）、「新代碼庫」（the new codebase）。由於「Wikimedia」（維基媒體）的靈感，維基百科貢獻者 Daniel Mayer 創造了「MediaWiki」一詞來稱呼這一軟體，並在 2003 年 8 月開始逐步得到採用。 MediaWiki 的標誌的設計者為 Erik Möller。標誌中間是一朵太陽花，此花為 Florence Nibart-Devouard（法國人）所拍攝的圖片。太陽花兩側的雙重方括弧象徵著 MediaWiki 用來建立超連結到其他 wiki 頁面的語法。表 3-1-1 MediaWiki 軟體的發行歷史版本. 發行日期. 重大更新. 1.1. 2003 年 12 月 8 日. 新的 wiki 表格語法. 1.2. 2004 年 3 月 24 日. 生成縮圖 方便學習 wiki 語法的編輯工具列 12.

(18) 在 wiki 內對使用者許可權進行管理 1.3. 2004 年 8 月 11 日. 新的預設面板「MonoBook」 分類功能. 1.4. 2005 年 3 月 20 日. 使用者可修改其使用者介面語言 支援對條目的舊修訂進行壓縮以減少儲存需求 支援生成圖片畫廊、最近上傳影像列表。. 1.5. 2005 年 10 月 5 日 大幅重新設計資料庫，顯著提升部分操作的效能。（支援 MySQL 3 的 支援在發生更改時以電子郵件提醒。最後版本）. 1.6. 2006 年 4 月 5 日 使用新的擴充功能，進行頁面的保護和解除保護。（支援 PHP 4 的最 改進對模板使用的溯查後版本） MediaWiki 1.7 需要使用 PHP 5（推薦使用 5.1），不再支援 PHP 4。 可恢復已刪除檔案. 1.7. 2006 年 7 月 7 日. 1.8. 2006 年 10 月 10 日 完全支援 PostgreSQL（8.1 或更高版本）後台資料庫 對使用者權限的多項改進，權限影響到使用特定 IP 位址的未註冊使用者。 可從公開可存取的 URL 位址進行上傳檔案. 1.9. 2007 年 1 月 10 日. 對特殊頁面快取的多項改進 在監視列表和近期變動中顯示修訂的記錄. 1.10 2007 年 5 月 9 日. 改進工具提示和快捷鍵功能 對特殊頁面快取的多項改進. 1.11. 增加變數$wgAddGroups 和$wgRemoveGroups，以更好管理. 2007 年 9 月 10 日. 使用者。 1.12. 2008 年 3 月 20 日. 國際化與在地化大幅改進，增加了更多語言的翻譯. 1.13. 2008 年 8 月 14 日. 新的特殊頁面：FileDuplicateSearch（搜尋重複檔案）、 ListGroupRights（群組許可權列表）. 1.14. 2009 年 2 月 22 日. 可連結到任意的標題或 URL 頁面的歷史頁面可選擇欲搜尋的日期 檔案上傳的頁面可為每一檔案的縮圖. 1.15. 2009 年 6 月 10 日. 支援檔案名更改. 1.16. 2010 年 7 月 28 日. 新的介面「Vector」 能從 Special:Emailuser 禁止使用者發電郵 提供監視列表清單 可於特殊頁面封禁用戶 可支援 SQLite 資料庫. 1.17. 2011 年 6 月 22 日. 新的安裝介面 13.

(19) 分類排序的改進 1.18 2011 年 11 月 28 日 自 1.18 版起，math 語法自 MediaWiki 核心中抽離，改為（支援 MySQL 4 的以外掛 Extension:Math 來支援。最後版本） 更好的書寫方向支援 1.19. 2012 年 5 月 2 日（支援 PHP 5.2.3 的最後版本）. 只支援 MySQL 5.0.2 以上的版本. 1.20. 2012 年 11 月 7 日. 只支援 PHP 5.3.2 以上的版本 改進清晰度，以及對色盲用戶更友善. 1.21. 2013 年 5 月 25 日. 新的內容處理程式. 3.3 支援的作業系統與語言 MediaWiki 軟體可安裝在任何一種可以執行 PHP5 與 MySQL 的作業系統，包含使用人數眾多的微軟系統 Microsoft Windows 與蘋果系統 Mac OS X，或者是 Linus、BSD 系統，皆可安裝 MediaWiki 軟體，因此架設 MediaWiki 網頁相當便利，不受到作業系統的限制。 MediaWiki 軟體支援多國語言，光是中文，針對不同地區的使用者所採用的繁體、簡體與用語上的差別，MediaWiki 軟體便提供了中文（台灣）、中文（中國大陸）、中文（香港）、中文（澳門）、中文（新加坡）、中文（馬來西亞）供作選擇，語言類別完整，便於世界各地的使用者建立 MediaWiki 網頁。. 3.4 MediaWiki 的優勢與特色對於中小學教師來說，欲架設一個教學網站，主要考量點不外乎架設簡易、功能齊全與管理方便。根據維基百科所列出的 Wiki 軟體種類便有 36 種，網頁 http://zh. wikipedia.org/wiki/Wiki%E8%BB%9F%E4%BB%B6%E6%AF%94%E8%BC%83#.E6.A6.82.E8.B F.B0 列出了不同的 Wiki 軟體的各種資訊對照表，可讓有意架設 Wiki 網頁的網路使用者按照需求選擇 Wiki 軟體。相較於其他 Wiki 軟體，MediaWiki 同時擁有了諸多優勢。首先，電腦環境要求很低，架設過程簡潔，即使新手也可以迅速建立自己的網頁，支援多語言版本可讓各地的中小學教師得以採用此軟體。此外，知識整合平台-維基百科便是使用 MediaWiki 的成功範例，功能非常豐富，數據量、訪問量都極為龐大，因此可說是受過重量級應用的考驗。其次，在管理部分，有眾多網頁採用 MediaWiki 來架設，在網路上搜尋便可輕易找到很多採用此軟體所架設的網頁，管理方式的相關資訊或筆記不難找到。此外透過維基百科，由於有大量的熱心的人參與編輯，資料多，容易找到各種管理資訊或問題的解答，更可與來自各地的使用者互相交流，因此在管理方面可以說是容易的。更重要的是，由於 MediaWiki 是受到維基媒體基金會所支持的軟體，持續開發更新以 14.

(20) 及在功能、後台配備、安全方面將不斷完善化，這使得網頁的經營得以長久持續與完善化。 MediaWiki 軟體的主要特色：（1）多元的編輯功能 MediaWiki 具備基本的文字編輯功能，譬如：粗斜體、字體顏色、底色、表格、分章節編輯…等，亦可上傳各種檔案類型，並在 MediaWiki 網頁上作檔案連結。除了連結其他文章頁面外，亦可連結到網際網路上的網頁。此外，透過簡易文字編輯即可連結到 youtube 中的影片，讓網頁資訊更加豐富、完整。也可以安裝 latex 進行各種數學式子的編輯。圖 3-4-1. MediaWiki 網頁連結至 youtube. 圖 3-4-2 數學式的編輯. 15.

(21) （2）可監視所感興趣的頁面： MediaWiki 的監視功能可讓使用者監視所感興趣、關注的文章，了解文章最新的變化，有助於快速獲取新增內容。使用者登入後，只要點選文章頁面上方「檢視歷史」中的「監視」，便可對該頁面進行監視，如下圖。. 使用者登入後，透過頁面頂部的「我的監視列表」，選擇「監視列表選項」中的時間、所欲隱藏或顯示特定對象的編輯，點選「差異」或「歷史」即可觀看文章修改紀錄。. 差異呈現了最新的編輯內容（也就是與之前的文章內容的差別）；歷史則顯示了一些關於最後一次編輯的詳細的信息：日期、時間、當前版本和上一次編輯的版本的差異、用戶名。每個被編輯的頁面只顯示最後一次的修改。 16.

(22) （3）易於連結文章頁面在 MediaWiki 網頁中，欲編輯一個頁面時，需先決定頁面名稱，並輸入如下語法： [[頁面名稱]]，MediaWiki 將自動產生鏈接，此時便可開始進行內容編輯，譬如：[[大型線性系統與特徵值問題 (2010 年春季短期課程林文偉)]]。另外，此軟體允許使用模板，方便相同內容的重複使用、更新。換句話說，在網頁其他位置做編輯時，只要輸入[[大型線性系統與特徵值問題 (2010 年春季短期課程林文偉)]]，便可連結到此頁面。點選編輯，輸入頁面名稱。. 點選閱讀，出現文章頁面的連結，便可進行頁面的內容編輯。. 17.

(23) 閱讀所編輯的頁面。. （4）可限制用戶權限 MediaWiki 軟體可針對不同屬性、需求的網頁設定用戶權限。MediaWiki 有四種用戶權限的選項：傳統 wiki、需要註冊帳號、編輯受限、非公開 wiki。教學網頁或企業網頁，需考慮安全因素以防網頁遭受任意破壞，適合選擇「編輯受限」模式，只允許獲批准的用戶編輯，但對公眾開放頁面瀏覽（包括歷史記錄）。一個小型團體若要共同維護某一種屬性的網頁，亦很適合這種模式的用戶權限。需要集結眾人的力量來形成內容的網頁，譬如：維基百科，便可選擇「傳統 wiki」或「需要註冊帳號」模式。兩者的差異在於「傳統 wiki」模式允許包括未登錄用戶在內的所有人編輯，所有使用者都可以參與編輯，訊息來源更廣。而「需要註冊帳號」模式的網頁需要額外的註冊流程，可能會阻礙隨意貢獻者。「非公開 wiki」模式則只允許獲批准的用戶瀏覽、編輯頁面，適合個人日記寫作、團體資料匯集的平台等…，各種不需要公開資料的需求，適合採取此模式。. 18.

(24) 第 4 章如何在 Mac 系統建立 MediaWiki 4.1 硬體環境與作業系統建構一個教學網頁，需要一個穩定性高的伺服器，而 mac 系統可滿足這樣的需求。我們採用 mac 系統建立一個 MediaWiki 網頁，相關硬體環境與作業系統如下所示：機型：Mac mini Server 處理器：2 GHz Intel Core i7 記憶體：8GB 1333 MHz DDR3 軟體：Mac Os X Server Lion 10.7.5. 圖 4-1-1 mac mini server. 4.2 建立 MediaWiki 環境安裝 MediaWiki 軟體之前，伺服器環境需具備 Apache（網頁伺服器）、PHP（程式語言）、SQLite（資料庫）。依照 MediaWiki 官網中 Manual:Running MediaWiki on Mac OS X 的說明，mac 系統已內建 Apache、PHP 並可直接啟動。SQLite 則在安裝 MediaWiki 過程中選擇即可。. 19.

(25) 4.2.1 Apache Mac OS X 已內建 Apache webserver，啟動方式如下： Step1：進入「系統偏好設定」，點選「共享」. Step2：勾選「網頁共享」. 20.

(26) OS X Mountain Lion (10.8.x)無法使用系統偏好設定來開關 Apache 伺服器，開關 Apache 伺服器就必須透過終端機。啟動、關閉、重新啟動 Apache 的指令如下： sudo apachectl start (啟動) sudo apachectl stop (關閉) sudo apachectl restart (重新啟動). 4.2.2. PHP. Mac OS Server 有內建 PHP，在「Server」程式中，選擇「網頁」選項並開啟它，然後勾選「啟動 PHP 網頁應用程式」即可。. 21.

(27) 若欲測試 PHP 是否可運作或欲觀看 PHP 中的各項設定，則需建立一個文字檔，檔名 index.php，檔案內容為<?php phpinfo(); ?>，並將檔案置於 ntnu/Sites，最後網頁連上 127.0.0.1/~ntnu/index.php，若出現如下畫面，即可觀看 PHP 中的各項設定，亦表示 PHP 已成功運作。（ntnu 指的是電腦登入的帳號，此處依個人設定而替換）. index.php是讀PHP各項設定的程式碼，通常用來確定可不可以執行PHP， <?php ?>表示包在裡面的code是PHP語言，phpinfo()表示欲看PHP的相關資料。. 4.3 安裝 MediaWiki 軟體 MediaWiki 官網持續更新軟體版本，最新的 MediaWiki 軟體可在官網下載（網址 http://www.MediaWiki.org/wiki/Manual:Downloading_MediaWiki），各種版本的軟體亦可透過網路搜尋找到，如：http://pkgs.fedoraproject.org/repo/pkgs/mediawiki/ 收集了 1.5 至 1.22 版本並提供下載。下載了 1.19.2 版（MediaWiki-1.19.2.tar.gz， google 搜尋 MediaWiki-1.19.2.tar.gz 可直接找到下載網頁）後進行安裝讓伺服器支援 MediaWiki 網站，安裝過程如下： Step1：MediaWiki-1.19.2.tar.gz 解壓縮到 Sites 目錄（進入 Sites 目錄的方式：系統偏好設定→共享→打開個人網站檔案夾）. 22.

(28) Step2：選擇 MediaWiki 1.19.2 資料夾中的 mw-config 資料夾並按右鍵，點選「檔案夾動作設定」，再點選「add-new item alert.scpt」並按下「附加」。. Step3：連上 http://localhost/~ntnu/MediaWiki-1.19.2/就可看到如下畫面，此時 MediaWiki 已連上伺服器。. 23.

(29) Step4：MediaWiki 連上伺服器後，按下「set up the wiki」即可看到如下畫面，系統已經將語言預設為中文(台灣)，故按下「繼續」即可。. Step5：描述環境檢查與版權和條款，按下「繼續」即可。. 24.

(30) Step6：資料庫選擇 SQLite，SQLite 的資料目錄更改為/Users/ntnu/Sites/data，然後按下「繼續」。. 同時，亦需透過終端機建立放置資料庫的 data 目錄並設定權限。進入終端機後，輸入「cd Sites」，這表示進入 Sites 目錄。接著輸入「mkdir data」，這表示在 Sites 目錄中建立了一個新的目錄，即 data 目錄。最後輸入「chmod 777 data」，這表示將 data 目錄的權限設定為可讀寫。待 MediaWiki 安裝完成後，data 目錄中便會出現一個資料庫檔，檔名為 my_wiki.sqlite。表 4-3-1 終端機指令指令. 含意. ls. 顯示所有子目錄與相關資訊. cd Sites. 進入 Sites 目錄. mkdir data. 建立 data 目錄. chmod 777 data. 將 data 目錄權限設定為可讀寫. ls -l. 觀看目錄中所有檔案的權限. cd ... 進入上一層(上一個目錄). cd ~. 至~ntnu，即最外層. (各指令輸入後，需按鍵盤的 enter 鍵) 此外，MySQL 已安裝在 Mac OS X Server 中。第三版的 SQLite（又稱 SQLite3）也已安裝在 10.5 Leopard 及之後的版本，故安裝 MediaWiki 時，為了支援 MySQL 只需選擇 SQLite 即可，不需要安裝 MySQL 也不需要建立與手動地操縱一個資料庫。. 25.

(31) Step7：資料庫設定，按下「繼續」即可。. Step8：輸入 wiki 欲使用的名稱、管理員的帳號與密碼，然後按下「繼續」。. 26.

(32) Step9：選擇用戶權限配置，MediaWiki 有四種用戶權限的選項（傳統 wiki、需要註冊帳號、編輯受限、非公開 wiki）。四種選項說明如下：傳統 wiki 允許包括未登錄用戶在內的所有人編輯。需要註冊帳號的 wiki 需要額外的註冊流程，這有可能會阻礙隨意貢獻者。編輯受限模式只允許獲批准的用戶編輯，但對公眾開放頁面瀏覽（包括歷史記錄）。非公開 wiki 則只允許獲批准的用戶瀏覽、編輯頁面。我們的教學網頁選擇了編輯受限模式，接著勾選「啟用檔案上傳」。. 27.

(33) Step10：下載所生成的 LocalSettings.php 檔，並放置在 MediaWiki-1.19.2 目錄中。. 按下「進入您的 wiki」便可看到 MediaWiki 網站。. 之後，欲重新進入 mediawi 網頁，連上 http://localhost/~ntnu/MediaWiki-1.19.2/ 或 http://127.0.0.1/~ntnu/MediaWiki-1.19.2/ 即可。. 28.

(34) 第 5 章如何在 windows 系統建立 MediaWiki 由於 windows 系統的普及，亦嘗試在 windows XP 系統建立 MediaWiki 網站，以期能協助更多人透過 MediaWiki 來建立教學網頁。. 5.1 硬體環境與作業系統機型：none-882eclfc25 處理器：AMD Athlom(tm) 64 X2 Dual Core Processor 6000+ 3.01GHz 記憶體：2.00GB 軟體：windows XP. 5.2 建立 MediaWiki 環境安裝 MediaWiki 軟體之前，伺服器環境需具備 Apache（網頁伺服器）、PHP（程式語言）、MySQL（資料庫）、phpMyAdmin（針對 MySQL 資料庫系統的 Web 管理界面）。 5.2.1 Apache 軟體安裝版本為 httpd-2.2.21-win32-x86-openssl-0.9.8r，下載網址： http://archive.apache.org/dist/httpd/binaries/win32/ 安裝流程如下： Step1：開啟軟體後便可看到此畫面，按下「Next」即可。. 29.

(35) Step2：點選「I accept the terms in the license agreement」，按下「Next」。. Step3：關於 Apache 的介紹，按下「Next」即可。. 30.

(36) Step4：輸入 Network Domain、Server Name（此二項填入所申請的網域，若不知道可填入 localhost）、Administrator’s Email Address 資料，按下「Next」。. Step5：點選「Typical」，按下「Next」。. 31.

(37) Step6：可更改 Apache2.2 目錄的存放位置或選擇不改，接著按下「Next」。. Step7：準備開始安裝，按下「Install」。. 32.

(38) Step8：安裝完成，按下「Finish」即完成了 Apache 的安裝。. 若欲測試 Apache 是否可執行，在 IE 打上 127.0.0.1 或 localhost，若出現如下畫面，便表示 Apahce 已成功安裝並可正常運作。此外 Apache 成功後，電腦桌面右下方會出現 Apache 圖示，可用來啟動或關閉 Apache。. Apache 圖示. 33.

(39) 5.2.2 PHP 軟體安裝版本為 php-5.2.17-Win32-VC6-x86。如果要在 IIS 上執行 PHP，則必須使用 VC9 版本；如果要在 Apache 1.x 或 Apache 2.x 上執行 PHP，則必須使用 VC6 版本。軟體下載網址 http://museum.php.net/php5/ ，安裝與配置步驟為：（1）將所下載的 zip 檔解壓縮至 C 槽，目錄名改為 php。（2）複製 C:\php 中的 php.ini-recommended 檔，將檔名改為 php.ini，置放於 C:\php 中。（3）php.ini 檔中的 extension_dir = "./" 更改為 extension_dir = "c:/php/ext/" （4）打開位於 C:\Program Files\Apache SoftwareFoundation\Apache2.2\conf 的 httpd 檔，在最下方加上如下兩行： LoadModule php5_module "c:/php/php5apache2_2.dll" PHPIniDir "c:/php" （5）找到 httpd 檔中的<IfModule mime_module>，其下方加上（位置需在</IfModule> 上方）AddType application/x-httpd-php .php （6）httpd 檔中的<IfModule dir_module>下方的 DirectoryIndex index.html 改成： DirectoryIndex index.php index.html 若欲測試 PHP 是否可運作或欲觀看 PHP 中的各項設定，則需建立一個文字檔，檔名 index.php，檔案內容為<?php phpinfo(); ?>，並將檔案置於 C:\Program Files\Apache\Soft wareFoundation\Apache2.2\htdocs，最後網頁連上 127.0.0.1/index.php，若出現如下頁的畫面，表示 PHP 已成功運作，亦可觀看 PHP 中的各項設定。. 34.

(40) 若無法由文字檔建立php檔，可從MediaWiki目錄中任取一個php檔，複製後檔名改為index.php，其內容改為 <?php phpinfo(); ?> 即可。 index.php是讀PHP各項設定的程式碼，通常用來確定可不可以執行PHP， <?php ?> 表示包在裡面的code是PHP語言，phpinfo()表示欲看PHP的相關資料。. 35.

(41) 5.2.3 MySQL 軟體安裝版本為 mysql-installer-5.5.15.0，軟體下載網址： http://mysql.isu.edu.tw/Downloads/MySQLInstaller/ ，在 windows XP 系統，安裝 MySQL 之前須先安裝 Net Framwork 4.0、Windows XP Service Pack3，安裝此二軟體後，便可開始安裝 MySQL，流程如下。 Step1：開啟軟體後便可看到此畫面，點選「Install MySQL Products」。. Step2：勾選「I accept the license terms」，然後按下「Next」。. 36.

(42) Step3：勾選「Skip the check for updates(not recommended)」，然後按下「Next」。. Step4：點選「Full」，然後按下「Next」。. 37.

(43) Step5：確認需先安裝的軟體是否已安裝，然後按下「Next」即可。. Step6：待安裝的軟體，按下「Execute」即可。. 38.

(44) Step7：安裝完畢，按下「Next」即可。. Step8：按下「Next」。. 39.

(45) Step9：勾選「Developer Machine」，然後按下「Next」。. Step10：輸入 MySQL Root Password 與 Repeat Password（進入 phpMyAdmin 操作介面與安裝 MediaWiki 時需輸入此密碼），然後按下「Next」。. 40.

(46) Step11：安裝完成，按下「Finish」即可。. 接著，需對PHP進行配置，在php.ini檔中找到;extension=php_mssql.dll，在其下加上extension=php_mysql.dll 。最後需設定 path，方法為：（1）我的電腦按右鍵 →內容 →進階 →環境變數 →系統變數中點選變數 Path，按下編輯. 41.

(47) →在變數值的最後加上;c:\php. →點選「確定」→點選「確定」→系統內容點選「確定」（2）點選桌面左下方的「開始」→執行→cmd→輸入 path，然後按下 enter→重新啟動電腦。若欲測試MySQL是否安裝成功，則需在瀏覽器輸入127.0.0.1/index.php，PHP設定資料中若出現mysql資料(如下圖)，即表示安裝成功。. 另外，開啟mysql的方法：開始→執行→cmd→確定→輸入net start mysql55→enter；關閉mysql的方法：開始→執行→cmd→確定→輸入net stop mysql55→enter。. 42.

(48) 5.2.4 phpMyAdmin 軟體安裝版本 phpMyAdmin-3.4.5-all-languages，軟體下載網址： http://sourceforge.net/projects/phpmyadmin/files/phpMyAdmin/3.4.5/ ，將其解壓縮至 Apache 的 htdocs 目錄下，並更改目錄名稱為 phpMyAdmin 。在瀏覽器輸入 http://localhost/phpMyAdmin/ ，便可出現如下畫面：. 點選 phpMyAdmin-3.4.5-all-languages/，便會出現如下畫面。用戶名為 root，密碼則是安裝 MySQL 時所輸入之密碼。. 43.

(49) 5.3 安裝MediaWiki軟體軟體安裝版本為 MediaWiki-1.19.2.tar，軟體下載網址： http://www.mediawiki.org/wiki/MediaWiki/zh-hant ，安裝流程如下： Step1：將 MediaWiki-1.19.2.tar 解壓縮至 C:\Program Files\Apache Software Foundation\Apache2.2\htdocs，接著在瀏覽器輸入 localhost/MediaWiki-1.19.2/，便可出現如下畫面，點選「MediaWiki-1.19.2」。. Step2：點選「set up the wiki」。. 44.

(50) Step3：語言配置，按下「繼續」即可。. Step4：環境檢查以及版權條款，按下「繼續」即可。. 45.

(51) Step5：資料庫主機名稱可修改。資料庫密碼需輸入，密碼為安裝 MySQL 時所輸入之密碼，最後按下「繼續」。. 46.

(52) Step6：資料庫設定，按下「繼續」即可。. 47.

(53) Step7：輸入 Wiki 名稱（例如 MCLB）、您的名字（例如 MCLB）、密碼、再次輸入密碼（安裝 MySQL 時所輸入之密碼）、E-mail 地址，最後按下「繼續」。. 48.

(54) Step8：選擇用戶權限配置，勾選「啟用檔案上傳」，然後按下「繼續」。. 49.

(55) Step9：安裝確認，按下「繼續」即可。. Step10：按下「繼續」即可。. 50.

(56) Step11：下載 LocalSettings.php 檔，放在 MediaWiki-1.19.2 目錄中。接著按下「進入您的 wiki」。. Step12：安裝完成，此即為 MediaWiki 網頁。. 51.

(57) 第 6 章管理 MediaWiki 6.1 MediaWiki 網站的備份與回復在/Users/ntnu/Sites 中的 MediaWiki-1.19.2 為網站的根目錄，也就是形成 MediaWiki 網頁整個架構內容的程式資料。在/Users/ntnu/Sites 中的 data 目錄(內有 my_wiki.sqlite)則是網站的資料庫檔，在 MediaWiki 網頁中所作的一切編輯都會儲存在這個資料庫檔 my_wiki.sqlite 中。因此，要進行網站的備份時，需要備份根目錄 MediaWiki-1.19.2 與資料庫目錄 data 即可。要回復 MediaWiki 網站時，只要將根目錄與資料庫目錄放在/Users/ntnu/Sites 即可，只是會發生網站無法登入（密碼無效）的問題，解決方式為終端機輸入如下兩行： chgrep _www mywiki chmod_g+w. （意思為將 mywiki 授權給_www）（意思為將 group 設定成可寫入）. 52.

(58) 6.2 MediaWiki 網站的後台管理 6.2.1 啟動上傳檔案功能 1、將 LocalSettings.php 裡的$wgEnableUploads = false 修改為$wgEnableUploads = true。 2、設定可上傳的檔案類型：在 LocalSettings.php 加上$wgFileExtensions = array( 'png', 'gif', 'jpg', 'jpeg','zip','doc','ppt','pdf','xls')，括號中可新增欲上傳的檔案類型。 3、是否要嚴格限制不允許的檔案類型上傳，若為 false，則仍可上傳，但會提醒。 $wgStrictFileExtensions = true，建議設為 false，可給予使用較多的彈性，意即改為$wgStrictFileExtensions = false。 4、將 MediaWiki-1.19.2 中的 images 目錄設定為共享： images 目錄按右鍵，選擇簡介，勾選「共享的檔案夾」並將 everyone 的權限設定成「讀取和寫入」。. 6.2.2 取消某些檔案類型的禁止上傳系統預設某些檔案類型無法上傳，取消方式為在 MediaWiki/LocalSettings.php 中， (1)$wgFileExtensions 增加欲取消的檔案類型 (2)加入$wgFileBlacklist = array_diff( $wgFileBlacklist, array ('欲取消的檔案類型') ; 仍有欲取消的檔案類型再加入 array 內即可。 53.

(59) 6.2.3 修改上傳檔案大小限制 MediaWiki 網站可限制上傳檔案大小，將限制上傳檔案大小改為 2G 的設定方式：（1）在 LocalSettings.php 加入兩行： $wgUploadSizeWarning = 2147483648; $wgMaxUploadSize = 2147483648; （2）進入 Server HD 中的/private/etc，打開 php.ini 檔，將下列三種設定值改為 2048M（此動作在調整 PHP 提交文件的檔案大小的最大值）。 memory_limit = 2048M upload_max_filesize = 2048M post_max_size = 2048M （3）啟動终端機並輸入 sudo apachectl restart，重啟 apache。 6.2.4 更改 Sidebar MediaWiki 網站左方的選單稱之為 Sidebar，其中的選項是可以更改的，其修改方式：（1）使用行政管理者帳號登入，也就是安裝時輸入的帳號及密碼。（2）搜尋列輸入 MediaWiki:Sidebar，然後按「進入」。（3）若是第一次修改，會出現找不到連結的訊息，但仍請點入 MediaWiki:Sidebar 的連結。（4）進入 Sidebar 的頁面進行修改。選項可以有好幾個，用單顆星（*）來區分；而雙星號代表其下的連結。 MCLB 教學網站的 Sidebar 設定如下圖所示，每個項目左邊是內部連結名稱（不需加上雙中括號[[]]）而直線|的右邊是網頁所顯示出來的名稱，在編輯好後存檔即可更改左方的 Sidebar 內容。. 54.

(60) 6.2.5 修改網站的 Logo 內部圖檔連結：將圖檔放在 Sites/MediaWiki-1.19.2/skins/common/images，並修改 LocalSettings.php 中的$wgLogo = "$wgStylePath/common/images/圖檔檔名"; 範例：下圖左上方的圖示即為網站的 Logo. 外部圖檔連結：譬如到 http://zh.wikipedia.org/（維基百科網站），使用 image:wiki.png 的指令搜尋，再複製其中一個維基百科 Logo 圖檔的連結路徑，將$wgLogo 的內容修改成 $wgLogo = "http://upload.wikimedia.org/wikipedia/zh/archive/b/bc/20130207160240%21Wiki.png";. 即可顯示如下畫面。. 55.

(61) 6.2.6 設定可編輯數學符號、數學語法一、設定方式（1）需灌軟體：latex，dvips，convert，dvipng 軟體位置：http://www.MediaWiki.org/wiki/Manual:Enable_TeX →Getting 或檢查軟體是否存在：終端機輸入 which+空格+檔名 (觀看執行檔是否存在) （2）至 http://www.MediaWiki.org/wiki/Special:ExtensionDistributor/Math 下載 Math extension（我們所建構的 MCLB 網頁選擇的是 1.19 版本），下載後檔名更改為 Math，放在 extension 目錄中。（3）在 MediaWiki/LocalSettings.php 中加上： require_once("extensions/Math/math.php");. （4）修改 MediaWiki/extensions/Math/math/renser.ml 檔 4 個地方 將 let cmd_dvips tmpprefix = "dvips -q -R -E " ^ tmpprefix ^ ".dvi -f >" ^ tmpprefix ^".ps" 改為 let cmd_dvips tmpprefix = "/usr/texbin/dvips -q -R -E " ^ tmpprefix ^ ".dvi-f >" ^ tmpprefix ^ ".ps". 將 let cmd_latex tmpprefix = "latex " ^ tmpprefix ^ ".tex >/dev/null" 改為 let cmd_latex tmpprefix = "/usr/texbin/latex " ^ tmpprefix ^ ".tex >/dev/null". 將 let cmd_convert tmpprefix finalpath = "convert -quality 100 -density 120 " ^ tmpprefix ^ ".ps" ^ finalpath ^ " >/dev/null 2>/dev/null" 改為 let cmd_convert tmpprefix finalpath = "/usr/local/bin/convert -quality 100-density 120 " ^ tmpprefix ^ ".ps " ^ finalpath ^ " >/dev/null 2>/dev/null". 56.