You are on page 1of 30

線上課程管理系統研習

九十三至九十四學年高中職社區化鳳山區建構適性學習社區
計劃編號: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
安裝基本伺服器環境..................................................................................................5
appserv 伺服器軟體...........................................................................................................................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 Zend
Optimizer2.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 學生帳號

.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 的指令,通常將檔案設為可讀寫指令為[chmod


777 檔案或資料夾 (-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 日