atutor 1.4 (chinese pdf)

線上課程管理系統研習

九十三至九十四學年高中職社區化鳳山區建構適性學習社區

計劃編號：36-01-A-基-研-17

計劃名稱：線上課程管理系統研習

軟體系統：Atutor 1.4

主辦單位：國立鳳山商工學校資料處理科

參與學校：鳳山區十四所合作學校

參與人員：(依筆畫序)林淑娟師、唐偉功師、邱清文師、員志清先生

主編：邱清文師

中華民國94年 3月 8日 編

．1． AD04年 11月 4日

表一、11 月 26 日下午研習課程表

時間 課程內容 負責人員 備註

1:30 ~ 2:00 報到及環境介紹 助教 報到

2:00～2:50 在 windows 環境安裝基

本伺服器環境

邱清文師 1 Appserv 安裝教學

2 phpmyadmin 簡介

2:50～3:00 交流及分享 全體學員

3:00～3:50 安裝線上課程管理軟體

及實作線上課程

邱清文師 1 安裝 Atutor 教學

2 使用 Atutor

3:50～4:00 交流及分享 全體學員

4:00 ～4:50 基礎編輯課程軟體介紹 林淑娟師

邱清文師

Html 及 fronpage、

dreamweaver 簡介

4:50～5:00 交流及分享 全體學員

5:00 ~ 5:30 實作課程、討論及交流 邱清文師

5:30～ 賦歸及場地清理 全體學員

．2． AD04年 11月 4日

內容目錄

緣起：..........................................................................................................................4自由軟體：........................................................................................................................................4數位學習：........................................................................................................................................4

安裝基本伺服器環境..................................................................................................5appserv 伺服器軟體...........................................................................................................................5

簡介：...........................................................................................................................................5安裝...............................................................................................................................................6測試：...........................................................................................................................................9問題與解答：.............................................................................................................................10

帳號密碼表......................................................................................................................................10

安裝線上課程管理軟體............................................................................................11軟體需求：......................................................................................................................................11

一、ATutor 課程伺服器.............................................................................................................11二、資料庫使用者.....................................................................................................................11三、網頁瀏覽器.........................................................................................................................11四、安裝：.................................................................................................................................11

安裝圖例：......................................................................................................................................13

基礎編輯課程............................................................................................................21一、建立一學科目錄：..................................................................................................................21二、建立一教學科目：..................................................................................................................22三、上線註冊一學生帳號：..........................................................................................................24四、模擬學生學習狀況：..............................................................................................................24五、結語：......................................................................................................................................25

NVU............................................................................................................................26伙伴、講師及助教列表：........................................................................................28

本研習教學目標：

1 學習架設自由軟體伺服器 Appserv。

2 學習架設線上課程管理軟體 Atutor。3 瞭解 Atutor 的管理者和一般帳號的權限。

4 瞭解自由軟體精神。

5 操作自由軟體。

本研習之起點行為：

1 與會學員必須熟悉中文輸入、網路概念。

．3． AD04年 11月 4日

2 能學習編輯網頁格式(即 html 語法)3 有意願架設實驗之線上課程教學網站。

．4． AD04年 11月 4日

緣起：

自由軟體：

最近常有人問我，什麼是自由軟體？為什麼喜歡自由軟體？是在什麼動機下使用自由軟

體？又為什麼逢人便推薦自由軟體？

OLS3: 自由軟體是一種生活習慣及態度。OLS3: 改變習慣最好的方法就是每天做它，一直

到你非用它不可。使用自由軟體也是如此。

數位學習：

今日的學習為明天挑戰做準備：

數位學習（e-learning）具備隨時隨地的高取得特性，尤其符合現代社會快速變遷的模式，

擺脫傳統教學空間、時間的限制，可營造一個自主的、個人的學習空間，因此，數位學習將是

未來網路時代的重要趨勢，並讓全民教育、終身教育的目標，有機會更加具體落實。[桃園縣

楊梅鎮楊明國民小學數位學習網 ]

網路教學的特點：

一、多媒體優勢：

二、多人共同討論學習：類似討論區版主、家族的家長等。

三、省時、省力、省錢且有效的教學工具：

四、基本技巧：打字、html 編輯器(含所視及所得)、專業。

網路教學注意事項：

一、網路教學並不能取代傳統的課堂教學。

二、網路教學不是目的而是方法[http://www.edu.cn/20030922/3091479.shtml]

．5． AD04年 11月 4日

安裝基本伺服器環境

appserv 伺服器軟體

簡介：

AppServ 是 PHP 網頁架站工具組合包，泰國的作者將一些網路上免費的架站資源重新包

裝成單一的安裝程式，以方便初學者快速完成架站，AppServ 所包含的軟體有：Apache、

PHP、MySQL等架站軟體。目前版本為 2.4x(穩定版)及 2.5x(發展版)，本次研習使用的是 2.4x的穩定版。

必須先從架設一個 web server開始，在 Windows 的系統上，雖然從win2k開始就已經內

建了 IIS這套web server，但不如使用網路上整合 web server、database server 及 SSI 語言的免費

套件包，如 AppServ 及 Foxserv 都是蠻有名的套件，不過 Foxserv從 3.1beta1 之後就沒再更新了，

所以這裡我們採用 AppServ 為範例。

AppServ 現在改成 2.4.x 及 2.5.x兩種版本發佈，差別在於 2.4.x 的版本是採用較穩定的

PHP 4xx 為核心，適合架站使用，而 2.5.x 是採用 PHP5.x，目的是要給程式開發者做測試用，

但 PHP5對目前就有的函式支援不多，所以作者就採用兩種不同的版本來做區別。而為了穩定

我們使用 AppServ2.4.1版本，其中包括：Apache 1.3.31 PHP 4.3.8 MySQL 4.0.20 ZendOptimizer2.5.3 phpMyAdmin 2.6.0-rc1 Perl 5.8.4

．6． AD04年 11月 4日

安裝

首先先下載 AppServ2.4.1，然後選擇執行，基本上就像在 windows 上安裝任何一個軟體一

樣，只要不斷的按下一步即可。

設定安裝目錄：

設定使用機器的 DomainName 及 port(一般設為 80，小心和其他的 Web Server相衝)。

．7． AD04年 11月 4日

將管理者 email 改成你的 email，按[Next]按鈕。

將 Chrset 改成 big5

．8． AD04年 11月 4日

安裝程式中

選擇啟動 Apache 及 MySQL，按[close]按鈕。

Apache啟動畫面，若有任何錯誤在這畫面會停留很久。若有錯誤可以將 appserv 作反安

裝的動作，再將 c:\Appserv 的目錄刪除，即可重新安裝。

**以下的動作如果作為正式上線的機器，則一定要作，如此可以加強安全性。

接下要做一些小修改，請使用筆記本之類的編輯軟體修改

C:\AppServ\www\phpMyAdmin\config.inc.php這個檔案，找到

$cfg['PmaAbsoluteUri'] = '';

修改為

$cfg['PmaAbsoluteUri'] = 'http://localhost/phpMyAdmin';

還有

．9． AD04年 11月 4日

$cfg['Servers'][$i]['auth_type'] = 'config';$cfg['Servers'][$i]['user'] = 'root'; $cfg['Servers'][$i]['password'] = '';

如果你要採取自動登入的話，就不用作修改，但這樣十分危險，等於是任何人都可以登

入到你的資料庫中，所以建議修改成：

$cfg['Servers'][$i]['auth_type'] = 'http';

這樣會在登入到 phpmyadmin 時詢問帳號密碼，這時預設管理帳號是 root，預設密碼是空

白，使用者可登入後選擇更改密碼。在本研習中密碼變更為 123456，請與會貴賓手動變更。

測試：

請打開瀏覽器，輸入網址：http://localhost 或 http://127.0.0.1 ，看到 appserv首頁，表示安

裝成功。

．10． AD04年 11月 4日

問題與解答：

Q：任何一部機器都可以架設伺服器？

A：是的，以本次研習而言，只要是 winodws平台 PC，任何機器皆可架設。

Q：免費嗎？

A：是比免費更高級的「自由」(Free)。[free.tnc.edu.tw/modules/news/article.php?storyid=1585]

Q：

A：

帳號密碼表

編號 軟體 帳號 密碼 密碼 備註

1 mysql root 操作 mysql 時需要

2 Atutor admin 管理者帳號

3 User 一般帳號--教師帳號

4 Std 學生帳號

5

．11． AD04年 11月 4日

安裝線上課程管理軟體

軟體需求：

一、ATutor 課程伺服器

．HTTP 網頁伺服器(建議Apache 1.3.x. 但是不建議使用 Apache 2.x).

．PHP 4.3.0 或更高的版本 需支援 Zlib 及 mysql

．MySQL 3.23.x 或更高的版本，(MySQL 4.1.x 和 5.x 並沒有官方支援).

二、資料庫使用者

需要一個有資料庫建立表格權限的使用者名稱，可參考mysql 的使用手冊。

三、網頁瀏覽器

建議以下的版本： Netscape (7+) 、 Mozilla 、Microsoft Internet Explorer 4+、Opera 5+.

四、安裝：

在安裝的每個步驟中，若是沒有錯誤發生，那您將會成功的使用 Atutor，並且在 unix 和

windows 的環境中的安裝方式是類似的。

在安裝之前，您要先熟悉 unix 中 chmod 的指令，通常將檔案設為可讀寫指令為[chmod777 檔案或資料夾 (-R)] ，其中-R只有在資料夾可使用。若是 windows系統，則是對著檔案或

資料夾按右鍵，選[內容]，在唯讀的選項上動作。

下載的 Atutor 程式解壓縮至web server 的主資料夾，本研習資料夾為

c:\appserv\www，在瀏覽器上輸入 http://localhost/atutor 即可按照步驟一步一步的安裝 。

1 使用限制：Atutor 是使用 GNU General Public License (GPL)授權，如果您要使用

Atutor那您必需同意 GPL 的授權。

2 資料庫：Atutor 需要 mysql 來工作，所以您需要祥細的知道mysql 的連結方式。在

本研習中，mysql 的帳號預設是：root，

．12． AD04年 11月 4日

3 管理者密碼及系統參數設定：本次研習的管理者帳號設為：admin，密碼設為

1234，若您已熟悉本軟體則請自行變更。

4 一般帳號及基本歡迎課程：除了管理者帳號外，atutor還有學生及教師帳號，此

兩種帳號均是一般帳號，系統建立之初會請您輸入一個一般帳號，本次研習設定帳號

為 user，密碼為 1234。

5 內容儲存目錄：因為課程需要上傳至某一目錄，必須設定一目錄為課程內容，本

次研習設定為 c:\appserv\www\Atutor\content。

6儲存以上設定。

7開始上線測試。

．13． AD04年 11月 4日

安裝圖例：

將主程式解壓縮至Web Server 的目錄下。本研習的目錄是 C:\Appserv\www\。

安裝開始：請輸入網址 http://localhost/ATutor/install，按下 install 的按鈕開始安裝。

．14． AD04年 11月 4日

版權畫面：請按 I Agree 按鈕。

資料庫設定畫面：Database Username處輸入 root，Databse Password處輸入 123456。這和

之前的 mysql 設定有關。接下來請按Next按鈕。

．15． AD04年 11月 4日

資料庫建立完成。

設定系統管理者：此處設定帳號 admin 密碼 1234電子郵件 x@fsvs.ks.edu.tw。

．16． AD04年 11月 4日

建立一個一般帳號：帳號 user 密碼 1234

手動建立一存放課程內容的目錄，預設是 c:\appserv\www\ATutor\content。

．17． AD04年 11月 4日

因為 windows xp 的安全性原則，必須將 content 目錄的存取權限設定給 everyone，若是

linux則需要使用設定 chmod 的方式。

內容放置的預設目錄。

．18． AD04年 11月 4日

將設定寫入設定檔中。

安裝完成，按 log-in按鈕來登入。

．19． AD04年 11月 4日

請先使用 admin系統管理者來登入，密碼為 1234。

修改語言選項，增加中文，按【瀏覽】取得中文語系檔 atutor.1.4.2.zht，按下[Import]按鈕。

．20． AD04年 11月 4日

選擇中文語文界面，按下[set]按鈕，回首頁之後，全部的語文由英文轉為中文。

註：因為 big5 的體質先天不良，所以在網頁使用上會造成一些困擾，未來我們將轉向

utf8 環境。

註：big5 碼常見的問題是衝碼，如「許功蓋」等字有時在網頁處理上會產生亂碼。另外 big5碼的缺字問題也是相當的嚴重。

．21． AD04年 11月 4日

基礎編輯課程

底下針對學生如何使用 Atutor；如何創造及管理線上課程；及如何管理伺服器。

一、建立一學科目錄：

1 使用管理者帳號密碼登入系統(帳號 admin 密碼 1234)，按下[課程分類]，分類名稱輸入

[計算機概論](可由與會貴賓自定)，按下[建立]。(請注意此分類下還可增加子分類，本次研習

中不討論子分類，學員可自行測試)

2 登出

註：學科目錄的分類及次分類是由系統管理員主控。

．22． AD04年 11月 4日

二、建立一教學科目：

1 請用一般帳號登入(帳號 user 密碼 1234)，建立一新課程。輸入課程名稱、語系、內容描述、

分類等，按下[建立一個新課程

]

2 請注意頁面說明，關於新增公告及新增主題。

說明：您正在瀏覽課程區。請點選下方的新增公告 來增加課程公告。這頁是學生進入這個

課程的首頁。注意連結到這個地方的內容及上方有一個 全區選單

您可以點選新增主題來增加內容主題頁面，這樣同時會在選單上增加一個選項。注意選單

上也有一個 "新增主題" 的選項，所以您也可以從選單上新增主題頁面。

．23． AD04年 11月 4日

3 建立一新主題，依序輸入，並按下[儲存變更]。此部分複雜很多，期待下次的研習來祥

細說明如何建立一個良好的課程範例。

．24． AD04年 11月 4日

三、上線註冊一學生帳號：

課程建立完成後，我們需要一個一般帳號來測試，而這個帳號主要是學習課程使用，暫

時我們叫他學生帳號，其實只要透過管理者設定，任何一個一般帳號也都可以開課程。

1開啟瀏覽器，輸入網址 http://localhost/ATutor ，選擇[建立一個免費帳號]。

2 輸入必要的資訊：登入名稱：std；密碼：1234；再次輸入密碼：1234；電子郵件：

z@fsvs.ks.edu.tw(請注意不可和其他一般帳號重複登入名稱及電子郵件)。

四、模擬學生學習狀況：

1利用新建立的學生密碼登入：按下[登入]按鈕，按下[瀏覽課程]按鈕，選擇課程[計算機

概論][計算機發展]，開始網路學習課程。

．25． AD04年 11月 4日

五、結語：

引用：http://free.tnc.edu.tw/modules/news/article.php?storyid=1017

兩個 PHP 的線上課程管理系統(LMS)

http://sourceforge.net/projects/atutor/前比較熱門的是 MOODLE：

http://sourceforge.net/projects/moodle/MOODLE 的介面是比較單純，而且繁體中文的語系檔案也很完整，不過ATUTOR 特別的地

方是，符合 SCORM 標準！

符合這個標準有什麼特別的呢？簡單的說就是兩個：

1. 課程內容可以獨立存在

也就是上課的人不見得一定要在連線的狀態下才能閱讀課程內容，也可以線上將課程內容匯

出，在離線的狀態下閱讀

2. 課程系統之間可以很容易的交流課程內容

這樣子一來就很容易匯集大家的努力，不過不同的系統之間還是有些差異，至少同樣使用

ATUTOR所發展出來的課程可以交流

．26． AD04年 11月 4日

NVU

NVU 是一套同樣以 Mozilla 為核心的網頁編輯器 (就像市面上常見的 FrontPage 或是

Dreamweaver 等等網頁編輯程式)， 目前由 Linspire (以前的 Lindows) 主導開發。

承襲了 Mozilla 的特色， NVU 是一套開放源碼(Open Source)、 跨平台(Cross Platform)、免費的程式， 任何人都可以自由下載使用。

下載：(windows平台)http://www.moztw.org/dls/nvu/nvu-0.50-win32-zhTW-installer.exe

官方網址：(英) http://nvu.com/

本次研習並不是教授 html 輯編軟體，只是藉用其 html 的視覺化編輯工具，如果您能了解

html 語法是更好的選擇。

安裝：(略)

使用：

1啟動 NVU

2 開始輸入所需文字

．27． AD04年 11月 4日

3 切換至[html原始碼]，複製所需文字。

4 轉貼至Atutor 內。

研習後語：

1 本研習所使用的光碟為台南縣網製作之「自由天碟」2.0

說明：http://free.tnc.edu.tw/modules/news/article.php?storyid=1536

2 下年度的研習重點將放在線上課程製作，歡迎各類科老師參與。

．28． AD04年 11月 4日

伙伴、講師及助教列表：

編

號學校名稱 科別/職稱 姓名

性

別電話(含分機) 電子郵件(Email)

1高雄縣立福

誠高級中學電腦科 胡瑞芬 女 07-8224646-47 hrf8311@yahoo.om.tw

2 中山工商 教學組長 唐文宗 男 07-7815311-290 0800916@mail.csic.khc.edu.tw

3 中山工商 設備組長 林文男 男 07-7815311-200 0820805@mail1.csic.khc.edu.tw

4高雄縣立林

園高級中學設備組長 李章興 男 07-6412059 ex26 t192@mail.ly.ks.edu.tw

5 文山高中 教學組長 王英州 男 7477761轉 21 qwaz@m1.wsm.ks.edu.tw

6高雄市中正

國小電腦教師 沈惠平 男 7225936#121 hps@mail.ccps.kh.edu.tw

7新光國小 教師 廖仲文 男 972321672 klia1125@yahoo.com.tw

8高雄縣立特

殊教育學校教師助理 程國瑞 男 374-9788 (50) tino321@seed.net.tw

9普門高中 圖書館主任 陳椿榮 男 6562676#120 chunrong@ms.pmsh.khc.edu.tw

10鳳新高中藝能科/電腦教師

林光耀 男 07-7658288#412 fcsh412@yahoo.com.tw

11鳳山商工 資處科技士 員志清 男 07-7403455 yjc21001@fsvs.ks.edu.tw

12鳳山商工 資料處理科 林淑娟 女 7462602 ext 272 cisse@fsvs.ks.edu.tw

13鳳中高中 技服組長 吳賜昌 男 7463150ex70 mis@fssh.khc.edu.tw

．29． AD04年 11月 4日

14高雄縣立仁

武高級中學電腦 崔俊平 男 07-3721640 ext26

15高雄縣立仁

武高級中學

電腦/實習教

師陳秀如 女 07-3721640 ext20 n9090028@webmail.stut.edu.tw

16 高英工商 資訊科主任 林泰 男 7832991#266 tender@kyicvs.khc.edu.tw

17高雄縣私立

正義中學設備組長 歐淑芳 女 07-7225529 ext23 m8752612@student.nsysu.edu.tw

18高雄縣福誠

高中電腦科 教師 蔡章弘 男 8224646#27 hiterlar38@yahoo.com.tw

19鳳山商工 導師 鄭翔中 男 07-7462602＃241

20鳳山商工 邱清文 男 07-7403455 chingwen@fsvs.ks.edu.tw

．30． AD04年 11月 4日