• 沒有找到結果。

網路互助教學平台

N/A
N/A
Protected

Academic year: 2021

Share "網路互助教學平台"

Copied!
86
0
0

加載中.... (立即查看全文)

全文

(1)

國立台灣科技大學資訊工程系 國立台灣科技大學資訊工程系 國立台灣科技大學資訊工程系 國立台灣科技大學資訊工程系

九十七學年度第一學期專題研究 總報告

網路互助教學平台 網路互助教學平台 網路互助教學平台 網路互助教學平台

研 究 組 員

鄭乃碩 B9415005 林螢君 B9415016 周炎綱 B9415022 葉俊材 B9415032

指導老師:

中 華 民 國 97 年 1 月 5 日

(2)

摘要 摘要 摘要 摘要

「網路互助教學平台」這套系統的研製,主要是發展一 套互助網路平台,透過「Moodle (Modular Object-Oriented Dynamic Learning Environment)」、「Java RMI (Remote Method Invocation)」以及「PHP」結合成一個完整的網路 互助教學平台。以中小學生為主要對象,透過志工服務進行 課後教學,此系統講求方便、具親和力且直覺的操作介面,

幫助中小學生有管道能輕易的解決課業問題,進而縮短城鄉

差距及數位落差。

(3)

致謝 致謝 致謝 致謝

本專題在全組員的共同努力分工合作及學長姐跟老師 的細心指導之下完成,首先要非常感謝李漢銘老師辛苦的指 導,從題目的選定到製作過程、會議記錄、工作日誌,到最 後參加教育部校園軟體創意競賽取得佳作成績,老師及學長 姐都給予我們許多的指導與鼓勵,在研究上及資訊人員應有 的態度也都給我們很多建議,使本專題可以順利的完成。

最後本組全組同學以最誠摯的心意,向所有曾經協助本

組完成專題的師長及學長姐致上萬分的謝意。

(4)

目錄 目錄 目錄 目錄

摘要………I 致謝………II 目錄………III

Chapter 1 前言 ……… 1

1.1 系統目標 ……… 1

1.2 創作背景及動機 ……… 2

1.3 操作介面及功能簡述 ……… 3

Chapter 2 系統規格 ……… 4

2.1 系統架構 ……… 4

2.2 軟硬體需求規格 ……… 5

Chapter 3 安裝流程 ……… 6

3.1 系統安裝 ……… 6

3.2 Client 端安裝 ……… 36

Chapter 4 功能簡介 ………41

4.1 Wiki 共同教材 ………41

4.2 討論區 ………43

4.3 教學聊天室 ………47

Chapter 5 專題附件 ………59

(5)

5.1 壓力測試報告 ………59

參考文獻 ………62

附錄 專利文件

(6)

Chapter 1 前言 前言 前言 前言

1.1 系統目標 系統目標 系統目標 系統目標

為實現網路無距離的互助精神,讓有志願幫忙的大哥哥大姊 姊,以及課後沒有教學資源的小朋友們,提供了一個「網路免費 教學互動平台」,讓台灣各地的大哥哥大姊姊們能夠透過使用這 個平台,隨時隨地來幫助小朋友解決課業上的問題,使得小朋友 在學習上能夠更順利,並且同時地解決了部份地區因教育資源不 足而造成的「數位落差」 。

因此我們希望可以召集各方志同道合的同伴們一起透過「任 你網上學」此一網路免費互動教學平台,將教育的資源集中起 來。在此方面,現在各大專院校中,有許多熱心參予社區服務的 社團及志工們,也有具有教學經驗的愛心大學生們可以一起來使 用這個平台。

小學生在下課後,如果學習時沒有足夠的教學資源幫助他

們,大部分便會轉向作別的事情,像是玩遊戲、看電視...等

等課外活動。我們也預期在「任你網上學」的愛心老師集中起來

時,能夠提供足夠的教育資源讓小學生順利解決課業問題,減少

小朋友課外時徬徨無助的狀況。

(7)

1.2 創作背景及動機 創作背景及動機 創作背景及動機 創作背景及動機

由於學校社服團的活動,乃碩在一次的活動接觸到了中南部 的小學生。當學校放學時,乃碩在圖書館看到了一個小朋友坐在 電腦前,滑鼠移來移去,不知道要做什麼。乃碩便向前問:

「怎麼不來寫作業呢?」

「作業好難,我都不會寫,課本我也看不懂。」

「可以回家問爸爸媽媽啊~」

「爸爸媽媽都在工作,沒時間幫我看功課,家中只有我一個人。」

經過這次的活動,乃碩發現現在資訊科技的進步,竟然還會 讓小朋友沒辦法順利解決課業相關問題。於是便詢問了俊材、炎 綱以及螢君。俊材說他父母看到他弟弟整天耗在遊戲中,就一個 頭兩個大,根本沒辦法幫弟弟解決課業問題;擔任家教的炎綱,

從教導的過程得知,小朋友時常不知道自己哪裡有問題,等到做 題目時才會發現;螢君則是提起他以前國小都是這個樣子,讓她 感覺國小很沒有充實感。

我們將這件事情告訴泰良學長,泰良說:「什麼!?我這邊

有好多認識的同學,都巴不得想要好好照顧小朋友,幫助小朋友

們。這個社會上竟然還有這麼多小朋友有這樣的問題!」乃碩回

(8)

道:「對啊!我們是不是應該作些什麼事情!?讓這些小朋友的 問題隨時隨地都可以得到解決!?」

這句話點醒了所有在場的人!眾人異口同聲的說:「我們要 建 立 一 個 能 夠 讓 大 哥 哥 大 姊 姊 和 小 朋 友 進 行 教 學 交 流 的 平 台!」,之後大家都興奮的討論著各自要在這計劃中負責什麼,

螢君首先出聲了「我要負責此網頁的 Logo 及版型」 , 炎綱也說

「我知道一些 Open Source 的東西說不定可以應用上」乃碩和俊 材則自告奮勇的要負責網站的開發,在台灣科技大學資工系的李 漢銘 教授,提供技術的顧問與指導。

「任你網上學」就在幾個熱血青年及老師的協助下逐漸成形。

1.3 操作介面及功能簡述 操作介面及功能簡述 操作介面及功能簡述 操作介面及功能簡述

因為網際網路的方便性,我們使用 PHP 做出 Wiki 共同教材

及討論區等相關的網站功能以及 Java 互動聊天室,提供一個免

費的網路互動教學平台,學生不需要申請任何帳號即可用類似

Guest 方式登入,省去申請帳號的繁雜步驟,就能享用「任你網

上學」的網站功能。老師身份則需要申請帳號,擁有開啟互動聊

(9)

Chapter 2 系統規格

2.1 系統 系統 系統 系統架構 架構 架構 架構

Flash進站動畫

「任你網上學」首頁

聊天室教學 (Java)

登入老師身分

討論區 網站介紹

各科聊天室選單

聊天室空間

電子白板

未解決問題

Wik共同教材

語音對話

各科目共同教材

教師編輯區

已解決問題

(10)

2.2 軟硬體需求規格 軟硬體需求規格 軟硬體需求規格 軟硬體需求規格 2.2.1 軟體需求

 Microsoft Windows XP or Vista or Linux

 Java Runtime Environment Version6 Update 7

 Internet Explorer or Mozilla Firefox Browser 2.2.2 硬體需求

 Personal Computer or Notebook

A. Intel Pentium 3 CPU 1GHz

B. 512 MB RAM

C. 擁有上網功能之主機板 or 網路卡

(11)

Chapter 3 安裝流程 安裝流程 安裝流程 安裝流程

3.1 系統安裝 系統安裝 系統安裝 系統安裝

I.

安裝流程 安裝流程 安裝流程 安裝流程

1. 安裝 Linux 系統

2. 安裝 Linux 必要的函式庫 3. 下載必要軟體

4. 安裝 MySQL

5. 安裝 PHP 及 Apache 6. 安裝 JDK 1.6

7. 設定各軟體環境配置

8. 載入「任你網上學」網站資料 9. 啟動「任你網上學」網站 Server

1.

1.

1.

1. 安裝安裝安裝 Linux 安裝Linux Linux Linux 系系統統:

硬體需求 硬體需求 硬體需求 硬體需求

至少 256MB 記憶體,建議 512 MB 以上。

至少 4 GB 的硬碟空間。

(12)

安裝 安裝 安裝

安裝流程 流程 流程: 流程 : : :

1. 下載 Ubuntu。

2. 安裝 Ubuntu Linux。

首先先 首先先 首先先

首先先下 下 下載 下 載 載 載 Ubuntu Ubuntu Ubuntu Ubuntu 程式 程式 程式 程式

選擇適合的選項,下載 Ubuntu Linux 光碟 CD 映像檔(iso 檔)。

Kubuntu 下載位址 (臺灣的鏡像站) -

http://tw.archive.ubuntu.com/ubuntu-releases/kubuntu/8.04/

Xubuntu 下載位址 (國外伺服器) -

http://cdimage.ubuntu.com/xubuntu/releases/8.04/release/

Kubuntu-KDE4 下載位址 (國外伺服器) -

http://cdimage.ubuntu.com/kubuntu-kde4/releases/hardy/release/

使用燒錄軟體,燒錄此映像檔到 CD 空白片。建議使用可重複讀寫 的 CD-RW,以響應環保。你也可以檢查下載的檔案是否正確無誤。

(13)

安裝 安裝 安裝

安裝 Ubuntu Linux Ubuntu Linux Ubuntu Linux Ubuntu Linux

先將電腦開機,並將 Desktop CD 放入光碟機,看是否出現 Ubuntu 的 開機畫面。若是進入系統既有的作業系統,則可能需要設定 BIOS 裡 的開機順序設定,如下:

重新開機,出現畫面後按「Del (Delete) 」鍵進入 BIOS ,將開機順 序設定成優先用光碟機開機,存檔後離開 BIOS,會再次重新開機。

註:每台電腦主機板 BIOS 設定不盡相同,但只要尋找 "Boot" 字樣

的設定,多半就可找到。若不清楚如何設定,建議請身邊有重灌經驗

的朋友操作或參考廠商提供的說明文件。

(14)

如果您進入的是 Windows,則無須以上設定,您只要在 Windows 中 放入 Desktop CD 就會出現選單如右圖所示,點選 Demo and full installation,該程式將會在重新開機後引導進入 Ubuntu 的開機畫面。

開機畫面 開機畫面 開機畫面 開機畫面

會先出現語言選單,請先選擇『中文(繁體)』,則選單變成中文,

同時安裝時也會安裝中文界面。

選擇好後,會看到如下開機畫面,中間有五個項目,由上下鍵作選擇。

試用 Ubuntu 而不變更電腦中的任何內容 (T) : 會進入完整的 Ubuntu 作業系統,就像安裝在硬碟上一樣,可以使用 Live CD 光碟上提供的工具工作,但又不影響原本硬碟中的作業系統

(例:Windows) 。可以先盡情嘗試,看看是否適合使用 Ubuntu,

喜歡的話再執行安裝程式將 Ubuntu 裝到硬碟。

安裝 Ubuntu (I) : 直接進入安裝介面,非先進入上述桌面環境。

檢查 CD 是否有問題 : 檢查此片是否檔案正確,以免發生安裝

過程中發生檔案錯誤。

(15)

記憶體測試 (M) : 若對此機器的記憶體有疑問,用此項目檢 查,不過檢查要花一般時間,請耐心等候。

從第一個硬碟開機 (B) : 不想用此光碟片開機,改用硬碟開機,

亦即不安裝 Ubuntu,請用此項目。

進入安裝程式 進入安裝程式 進入安裝程式

進入安裝程式, , ,開始安裝 , 開始安裝 開始安裝 開始安裝! ! ! !

選擇『安裝 Ubuntu (I)』,進入安裝程式。

選擇語系 選擇語系 選擇語系

選擇語系、 、 、 、時區 時區 時區 時區、 、 、 、鍵盤排列 鍵盤排列 鍵盤排列 鍵盤排列

(16)

請選擇安裝語系,決定 Ubuntu 的預設語言。按下一步,選擇所在地 時區。再按下一步,選擇您的鍵盤排列方式。一般用戶,請用選『美 國』(U.S. English)

建立分割區 建立分割區 建立分割區 建立分割區

建立分割區會在硬碟上空出一個區域用來安裝 Ubuntu。請小心操 作,以免損毀您電腦上的原有資料。

Ubuntu 安裝程式提供四種磁碟分割方式,除了「手動」是全部讓使

用者自行處理外,其他幾個「導引」的選項都會自動以 Ubuntu 建議

的方式,幫你自動建立必要的分割區,適合不清楚如何分割硬碟的新

手。

(17)

手動建立磁碟分割 手動建立磁碟分割 手動建立磁碟分割 手動建立磁碟分割

這段教學,主要是給需要「手動」建立分割區的使用者看的,若您選 用「導引」方式來分割磁碟,沒興趣的話,可以直接略過這部份開始 分割硬碟,將 Ubuntu 指定到安裝的位置。

筆者以常用於桌面的分割法,將一硬碟,分割成一塊 / (root 放置 系統資料),/home(放置個人資料)以及 swap (虛擬記憶體)為 例。(您可以想成 Windows 下,將硬碟分成 C: (放置系統資料), D:

(放置個人資料) 兩個分割區。)

指定要安裝的硬碟,按「New partition table」 建立全新分割表「free

space」。

(18)

IDE 硬碟代號為 /dev/sd 開頭

SCSI 硬碟代號為 /dev/sd 開頭,SATA 硬碟代號與 SCSI 相 同。

Linux 中目錄結構與 Windows 不同,不使用 C: D: E: 之類分割區代 號做目錄。分割區就像虛擬光碟,為掛載於目錄上使用,也就是把分 割區對應到特定目錄。Linux 目錄以 root 目錄為最頂層,其下又分 出 home、etc、usr 等依照放置資料不同規畫的目錄。

選「Free space」,按「New partition」,出現建立視窗。建立 / (root 分割區)。

選擇『主分割區』

至少分配 4G 空間。因為 1G=1024MB,所以 5G 請填入 5120。

從剩餘空間前面開始算起 (Beginning)

(19)

使用檔案格式 ext3

掛載目錄為 / (root 目錄) 。

選「Free space」,按「New partition」,出現建立視窗。建立 swap 。 swap 是作虛擬記憶體,當實體記憶體不夠用,才會使用 swap。如果 實體記憶體夠用就不需切太大,否則過多 Swap 空間亦會拖慢系統速 度。

選擇 『主分割區』或『邏輯分割區』都可。基本上都不會影響 運作。

分配 256 mb 空間

從剩餘空間前面開始算起 (Beginning)

使用檔案格式 swap

(20)

選「free space」,按「New partition」,出現建立視窗。建立 /home (home 分割區)。

選擇 『主分割區』或『邏輯分割區』都可。選哪個分割區類型 基本上都不會影響運作。

分配剩下空間

從剩餘空間前面開始算起 (Beginning)

使用檔案格式 ext3

掛載目錄為 /home (home 目錄)

硬碟規劃完成,檢查分割表是否正確,無誤請按下一頁。

匯入 匯入 匯入

匯入////搬移文件設定 搬移文件設定 搬移文件設定 搬移文件設定

若您的電腦有安裝 Windows 系列,Ubuntu 會幫助您匯入 Windows

內。匯入功能,只會把 Windows 下的資料複製到 Ubuntu 下,不會

刪除原本 Windows 下的資料,您的 Windows 仍然可以正常使用。

(21)

您的桌布 您的書籤 您的音樂 您的相片

並指定匯入到 Ubuntu 建立的帳號。

顯示已找到資料,指定匯入至 Ubuntu 帳號。

建立使用者帳號 建立使用者帳號 建立使用者帳號 建立使用者帳號

Ubuntu 考量到安全性問題,預設把系統管理員 root 關閉,禁止直接

登入。Ubuntu 管理系統的方法是利用 sudo 應用程式鍵入自己的密

碼,來讓管理者暫時取得 root 權限去完成他的管理工作,而您在安

裝系統的時候所建立的那個帳號就是預設的 sudoer。

(22)

依序輸入

您的全名

您的登入名稱:登入 Ubuntu 時輸入的名稱。

用戶名稱有分大小寫 用戶名稱有分大小寫 用戶名稱有分大小寫 用戶名稱有分大小寫。

您的密碼:登入 Ubuntu 時輸入的密碼

您的電腦名稱

最後確定安裝項目 最後確定安裝項目 最後確定安裝項目 最後確定安裝項目

最後確定安裝項目,若正確無誤開始安裝。

「進階...」選項中有:

開機載入器 開機載入器 開機載入器 開機載入器 - 讓你選擇開機程式 GRUB 安裝的位置,若有其 他多重開機程式管理,可以指定 Ubuntu 指定到其他位置。建 議不要改動這選項。

人氣統計 人氣統計 人氣統計 人氣統計 - 決定是否參加統計調查。預設是不參加。

(23)

開始安裝 開始安裝 開始安裝 開始安裝

安裝完成,請選擇重新開機。請記得把 Desktop CD 移走,再按下

Enter 鍵。

(24)

第一次開機 第一次開機 第一次開機 第一次開機

請輸入安裝過程中所建立的帳號及密碼,就可以登入 Ubuntu。

恭喜您,當出現桌面畫面表示已經成功把 Ubuntu 安裝至您的電腦。

2.2.

2.2. 安裝安裝 Linux安裝安裝LinuxLinuxLinux 必要的函式庫必要的函式庫必要的函式庫必要的函式庫:

因為各種不同版本的 Linux 除了核心之外,可能包含不同的函式庫。

這裡補充一些會用到的函式庫。

接上網路線並設定好 IP 資訊,可以上網之後。

開啟桌面上的終端機,或是在上方的工作列中開啟終端機。

(25)

iShare@iShare-desktop:~# sudo -s

[sudo] password for iShare: 這輸入密碼,螢幕不會顯示出來 root@iShare-desktop:~#

這時候就可以在 root 權限下工作,平常盡量避免使用 root 以免造成 安全性上的問題

root@iShare-desktop:~# apt-get update

root@iShare-desktop:~# apt-get install gcc root@iShare-desktop:~# apt-get install bison root@iShare-desktop:~# apt-get install flex

以上為補充可能因為 Linux 版本造成的函式庫缺失問題

輸入以上四行會有兩種結果 其一為:

讀取套件清單... 完成 了解套件依存關係中

Reading state information... 完成

「*****」已經是最新版本了。

更新 0 個套件,新安裝 0 個套件,刪除 0 個套件,另不更新 *** 個 套件。

若出現這個代表函式庫已經是最新版,不需要安裝

13

(26)

其二為:

讀取套件清單... 完成 了解套件依存關係中

Reading state information... 完成 下列的「新」套件都將被安裝:

***

建議(Suggested)的套件:

****** ******

下列的套件都將被更新:

***

更新 ** 個套件,新安裝 ** 個套件,刪除 0 個套件,另不更新 **

個套件。

需要下載 **kB 的檔案。

After this operation, **B of additional disk space will be used.

繼續執行嗎? 是按[Y]鍵,否按[N]鍵

若是出現這個代表有函式需要更新,輸入 Y 將所需要的函式更新至最 新版本。

(27)

3.

3.

3.

3. 下載必要軟體下載必要軟體:下載必要軟體下載必要軟體

在安裝之前請先至以下這些網站下載 MySQL,PHP,Apache 以及 JDK 1.6。

 MySQL 官方下載網頁

http://dev.mysql.com/downloads/mysql/5.0.html

 PHP 官方下載網頁

http://www.php.net/downloads.php

 Apache 官方網頁

http://httpd.apache.org/

 Java 英文官方下載網頁

http://www.sun.com/download/index.jsp

(28)

4.

4.

4.

4. 安裝安裝 MySQL安裝安裝 MySQL MySQL MySQL:

經過上一步驟,就可以開始安裝 Server 所需要的環境。

這裡採用的版本也許跟您下載到的版本不同,但是安裝基本上大同小 異,如果有出現什麼問題可以去查閱 install 檔案內的說明。

將下載好的檔案都解壓縮,並放到 /usr/local/ 當中。

以下是安裝流程:

root@iShare-desktop:~# cd /usr/local/mysql-5.0.18

如果您把檔案解壓所至 /usr/local/ 當中的話,那 MySQL 的資料 夾應該在此。

root@iShare-desktop:/usr/local/mysql-5.0.18# ./co nfigure --prefix=/usr/local/mysql

--localstatedir=/usr/local/mysql/var

上面這個步驟在檢查你的系統,以設定適合你的系統的資料。

其中, --prefix 後面接你要安裝的 MySQL 目錄所在,而 --localstatedir

後面則是接你要將資料庫放置的地方,通常我們都會設定在 var 裡 面。

root@iShare-desktop:/usr/local/mysql-5.0.18# make root@iShare-desktop:/usr/local/mysql-5.0.18# make install

上面兩個步驟在安裝 mysql 到你剛剛設定的

(29)

/usr/local/mysql 路徑中。

注意,上面的步驟依你的 CPU 有可能耗掉很長的時間!(約 3~15 分 鐘不等)

root@iShare-desktop:/usr/local/mysql-5.0.18# ./sc ripts/mysql_install_db

如果你之前已經安裝過 MySQL 的話,這一步驟就不用安裝了,

這個步驟會產生 grant tables 也就是資料庫。

這個步驟很重要,如果沒有此步驟, MySQL 是不會動的。

root@iShare-desktop:/usr/local/mysql# adduser mysql

root@iShare-desktop:/usr/local/mysql# chown -R mysql:mysql /usr/local/mysql

註:上面這段沒有換行

上面這個步驟在產生 mysql 這個帳號及群組名稱,另外, 將 /usr/local/mysql

這個剛安裝完畢的資料指定為 mysql 的所有,

這是為了安全性的考量,因為 mysql 的帳號與你原本 Linux 的帳 號是不同的。

root@iShare-desktop:/usr/local/mysql# cd /usr/local/mysql/share/mysql

root@iShare-desktop:/usr/local/mysql# chmod 777 mysql.server

上面這個步驟將你的 mysql.server 這個啟動 mysql 的執行

(30)

檔,開啟權限

設定成大家都可以使用的格式。

root@iShare-desktop:/usr/local/mysql# cd share/mysql

root@iShare-desktop:/usr/local/mysql/share/mysql#

./mysql.server start

上面這一行在以 mysql 這個人來啟動 mysql 的服務。

root@iShare-desktop:/# cd /usr/local/mysql/bin/

root@iShare-desktop:/usr/local/mysql/bin# ./mysql admin -u root password abcde

上面這一行在設定 root 的 mysql 密碼,其中 abcde 是密碼,

您可以自行設定。

這樣 MySQL 就安裝完畢,完成安裝後就開始安裝 PHP 以及 Apache。

5.

5.

5.

5. 安裝安裝 PHP安裝安裝PHPPHPPHP 及及 ApacheApacheApache:Apache

基本上,PHP 可視為 Apache 的一個模組,由於是屬於 apache 的一 個模組,因此必須先針對 Apache 進行一次 configure 的設定偵測,

這樣才能將 php 增加至 apache 當中,詳細步驟如下:

root@iShare-desktop:/# cd /usr/local/apache-2.2.0 root@iShare-desktop:/usr/local/apache-2.2.0# ./co nfigure --prefix=/usr/local/apache –enable-so

註:上面這段沒有換行

(31)

上面的指令是要將 apache 安裝在 /usr/local/apache 的意 思

root@iShare-desktop:/usr/local/apache-2.2.0# make root@iShare-desktop:/usr/local/apache-2.2.0# make install

上面兩個步驟在安裝 Apache 到你剛剛設定的 /usr/local/apache 路徑中。

注意,上面的步驟依你的 CPU 有可能耗掉很長的時間!(約 3~15 分鐘不等)

root@iShare-desktop:/usr/local/apache-2.2.0# cd /usr/local/php-4.4.2

root@iShare-desktop:/usr/local/php-4.4.2# ./confi gure \

> --with-apxs2=/usr/local/apache-2.2.0 \

> --with-mysql=/usr/local/mysql --enable-track-vars

請注意上面的指令,上面兩行後面接一個 \ 的符號,這是指令繼續 的意思,

也就是說,上面三行視為同一行的指令,也可以將上面的指令寫成一 長串。

另外,要注意 apache 需要指向剛剛偵測過設定的目錄,而 mysql 則指向

已經安裝完畢的目錄。

(32)

root@iShare-desktop:/usr/local/php-4.4.2# make root@iShare-desktop:/usr/local/php-4.4.2# make install

開始安裝,安裝完畢之後,會在

/usr/local/apache-2.2.0/src/modules 中

多一個 php4 的子目錄,裡面就存在了 php4 的主要程式庫。

注意,上面的步驟依你的 CPU 有可能耗掉很長的時間!(約 3~15 分鐘不等)

root@iShare-desktop:/usr/local/php-4.4.2# cp /usr/local/php-4.4.2/php.ini-dist

/usr/local/lib/php.ini

將主要的 php 設定檔 php.ini-dist 拷貝成 /usr/local/lib/php.ini 這個檔案,

這是因為 apache 或其他程式執行 php 時需要到 usr/local/lib/ 中去使用這檔案,

如果您對 php 熟悉的話,可以修改 /usr/local/lib/php.ini 這個檔案,以符合你的

設定。

在 /usr/local/apache-2.2.0/src/modules 中存在 php4 的目錄,就是安裝 成功了。

16

(33)

root@iShare-desktop:/# cd /usr/local/apache-2.2.0 root@iShare-desktop:/usr/local/apache-2.2.0# ./c onfigure \ >--prefix=/usr/local/apache \

>--activate-module=src/modules/php4/libphp4.a

要注意 --activate-module 這一行,必須先安裝過 php 才能使 用這一個模組。

這樣就安裝完畢了,但是還不能馬上開始使用,接下來要安裝 JDK 1.6

6.6.

6.6. 安裝安裝 JDK 1.6 安裝安裝JDK 1.6 JDK 1.6 JDK 1.6

root@iShare-desktop:/# cd /usr/local/jdk1.6/

root@iShare-desktop:/usr/local/jdk1.6# chmod 777 jdk-6u1-linux-i586.bin

以上這個動作,會將 jdk 的權限開啟,接下來才能進行安裝

root@iShare-desktop:/usr/local/jdk1.6# ./jdk-6u1- linux-i586.bin

閱讀完畢之後輸入 yes 便會開始安裝

注意,上面的步驟依你的 CPU 有可能耗掉很長的時間!(約 1~5 分 鐘不等)

顯示 done 就代表安裝完成了,這樣所有必要軟體都安裝完成,但還

需要設定一些執行環境的參數,接著就進行下一步。

(34)

7.

7.

7.

7. 設定各項軟體環境配置設定各項軟體環境配置 設定各項軟體環境配置設定各項軟體環境配置

設定使用者權限 設定使用者權限 設定使用者權限 設定使用者權限

在進行軟體環境設定之前,我們要先開啟使用者權限

這樣在非 root 的情況下,或是其他外部使用者才能夠存取其中的檔案

iShare@iShare-desktop:~# sudo –s

首先要先確定你是在 root 之下做這件事,如果之前有關掉終端機 則必須重新打上面這行指令

[sudo] password for iShare:

這裡輸入密碼,螢幕不會顯示 出來

root@iShare-desktop:~# cd /usr/local/

root@iShare-desktop:/usr/local# chmod 777 *

以上這行會開啟使用者使用/usr/local 資料夾的權限

root@iShare-desktop:/usr/local# cd apache

root@iShare-desktop:/usr/local/apache# chmod 777 *

以上這步會開啟使用者使用/usr/local/apache 資料夾的權限

root@iShare-desktop:/usr/local# cd /usr/local/mysql/share/mysql

root@iShare-desktop:/usr/local/mysql/share/mysql#

chmod 777 *

以上這步會開啟使用者使用/usr/local/mysql/share/mysql 資料夾的權限

root@iShare-desktop:/usr/local# cd

(35)

/usr/local/jdk1.6

root@iShare-desktop:/usr/local/jdk1.6# chmod 777 *

以上這步會開啟使用者使用/usr/local/jdk1.6 資料夾的權限

設定 設定 設定 設定 Java Java Java Java

Java 需要設定他的路徑,步驟依序如下:

root@iShare-desktop:~# cd /etc/profile.d/

root@iShare-desktop:/etc/profile.d# vi java.sh

在此新增一個檔案,按 Insert 進入編輯模式並輸入以下路徑

export JAVA_HOME=/usr/local/jdk1.6

export JAVA_BIN=/usr/local/jdk1.6/bin export PATH=$PATH:$JAVA_HOME/bin

export

CLASSPATH=.:$JAVA_HOME/lib/rt.jar:$JAVA_HOME/lib/

tools.jar

再按一次 Insert 後輸入 :wq 存檔離開

設定 設定 設定

設定 mime.types mime.types mime.types mime.types

root@iShare-desktop:/etc/profile.d# cd ..

root@iShare-desktop:/etc# vi mine.types

開啟 mime.types 按 Insert 新增參數(不管打在哪裡都可以,但 不可打在#後面)

application/x-httpd-php phtml pht php application/x-httpd-php4 php4

application/x-java-jnlp-file jnlp

再按一次 Insert 後輸入 :wq 存檔離開

(36)

設定 設定

設定 設定 A A Apache A pache pache pache

root@iShare-desktop:/etc# cd /usr/local/apache/conf

root@iShare-desktop:/usr/local/apache/conf# vi httpd.conf

開啟 Apache 的 httpd.conf 按 Insert 新增參數

AddType

application/x-httpd-php .php .phtml .inc .p hp3

AddType application/x-httpd-source .phps

再按一次 Insert 後輸入 :wq 存檔離開

root@iShare-desktop:/usr/local/apache/conf# vi mime.types

開啟 Apache 的 mime.types 按 Insert 新增參數

application/x-httpd-php .php .phtml .inc .p hp3

application/x-httpd-source .phps

再按一次 Insert 後輸入 :wq 存檔離開

設定 設定 設定

設定 MySQL MySQL MySQL MySQL

root@iShare-desktop:/usr/local# cd mysql/bin root@iShare-desktop:/usr/local/mysql/bin# ./mysql –u root –p

Enter password:

這裡輸入你的 MySQL 帳號 root 的密碼,螢幕

不會顯示出來

(37)

Welcome to MySQL monitor. Commands end with ; or \g.

Type ‘help;’ or ‘\h’ for help. Type ‘\c’ to clear the buffer.

mysql>

這樣就進入了 MySQL 當中,接著要建立一個使用者可以存取 ishare 網站資料

mysql> GRANT ALL ON *.* TO ‘ishare’@‘localhost’

IDENTIFIED BY ‘54cjo4’;

這樣 MySQL 權限就建立完成了

開機自動啟動設定 開機自動啟動設定 開機自動啟動設定 開機自動啟動設定

新增這個設定可以讓電腦重新開機時,自動啟動 Apache 及 MySQL 的 服務,就不用每次都要手動開啟網站 Server

root@iShare-desktop:~# cd /etc/

root@iShare-desktop:etc# vi rc.local

開啟 etc 中的 rc.local 按 Insert 新增兩條指令 (不管打在哪裡都可以,但不可打在#後面)

/usr/local/apache/bin/apachectl start

/usr/local/mysql/share/mysql/mysql.server start

再按一次 Insert 後輸入 :wq 存檔離開

(38)

8.

8.

8.

8. 載入載入「載入載入「任你網上學任你網上學任你網上學任你網上學」」網站資料網站資料網站資料網站資料:

經過以上的步驟之後,就幾乎完成了所有 Server 的設定。

接著把光碟中的「任你網上學」網站資料複製一份到 /usr/local/apache/htdocs/ 底下並將其解壓縮完畢。

開啟 開啟

開啟 開啟「 「 「任你網上學 「 任你網上學 任你網上學」 任你網上學 」 」 」網站資料的權限 網站資料的權限 網站資料的權限 網站資料的權限

iShare@iShare-desktop:~# sudo –s

首先要先確定你是在 root 之下做這件事,如果之前有關掉終端機 則必須重新打上面這行指令

[sudo] password for iShare:

這裡輸入密碼,螢幕不會顯示 出來

root@iShare-desktop:~# cd /usr/local/apache/htdocs root@iShare-desktop:/usr/local/apache/htdocs#

chmod 777 *

以上這步會開啟使用者使用存放於 apache 當中的「任你網上學」

網站權限

root@iShare-desktop:/usr/local/apache/htdocs# cd moodle

root@iShare-desktop:/usr/local/apache/htdocs/mood le# chmod 777 *

以上這步會開啟使用者使用存放於 apache 當中的 Moodle 權限

(39)

匯入 匯入

匯入 匯入 MySQL Database MySQL Database MySQL Database 資料 MySQL Database 資料 資料 資料

接著將光碟中的 ishare.sql 複製到 /usr/local/ 底下,準備進行資料庫 匯入

root@iShare-desktop:/usr/local# chmod 777 ishare.sql

開啟 ishare.sql 這個檔案的使用權限

root@iShare-desktop:/usr/local# cd mysql/bin root@iShare-desktop:/usr/local/mysql/bin# ./mysql –u root –p < /usr/local/ishare.sql

Enter password:

這裡輸入你的 MySQL 帳號 root 的密碼,螢幕 不會顯示出來

輸入完密碼之後,就會從 ishare.sql 匯入資料庫資料到電腦中。

其中 ishare.sql 不一定要放在 /usr/local 底下,若放在其他 地方語法依以下方式修改

./mysql –u root –p < /路徑/ishare.sql 注意:一樣必須先開啟 ishare.sql 的使用權限

如此一來資料庫的資料便成功匯入電腦了, 「任你網上學」網站 Server

的安裝也大功告成。

(40)

9.

9.

9.

9. 啟動啟動「啟動啟動「任你網上學任你網上學任你網上學任你網上學」」網站網站網站網站 ServerServerServer:Server

安裝好「任你網上學」網站 Server 後,接下來就是啟動它。

啟動 啟動 啟動

啟動 A A Apache A pache pache pache 服務 服務 服務 服務: : : :

基本上只要啟動 Apache 之後,就可以在瀏覽器上看到「任你網上學」

首頁了

Apache 啟動的方式如下:

root@iShare-desktop:~# cd /usr/local/apache/bin root@iShare-desktop:/usr/local/apache/bin# ./apac hectl start

這樣就啟動了 Apache 的服務

apachectl 其他的參數如下:

apachectl stop:停止 WWW 的服務。

apachectl restart:重新啟動 WWW 的服務,在你修改了 apache 的

參數或網站內容之後,重新啟動 apache 服務。

(41)

啟動 啟動

啟動 啟動 MySQL MySQL MySQL 服務 MySQL 服務 服務 服務: : : :

啟動 Apache 之後,還需要啟動 MySQL 才能正確的進入「任你網上學」

網站

MySQL 啟動的方式如下:

root@iShare-desktop:~# cd /usr/local/mysql/share/mysql

root@iShare-desktop:/usr/local/mysql/share/mysql#

./mysql.server start

這樣就啟動了 MySQL 的服務

接著輸入您的主機 IP 位址於瀏覽器中 就可以順利進入「任你網上學」網站了。

至此 至此 至此

至此「 「 「任你網上學 「 任你網上學 任你網上學」 任你網上學 」 」 」網站已完全安裝完畢 網站已完全安裝完畢 網站已完全安裝完畢 網站已完全安裝完畢。 。 。 。

(42)

3.2 Client 端安裝 端安裝 端安裝 端安裝

I.

安裝流程 安裝流程 安裝流程 安裝流程

10. 下載必要軟體

11. 安裝 JRE Version 6 Update 7 12. 進入任你網上學網站

1.

1.

1.

1. 下載必要軟體下載必要軟體下載必要軟體:下載必要軟體

 Java 中文官方網頁

http://www.java.com/zh_TW/

2.

2.

2.

2. 安裝安裝 JRE 安裝安裝JRE JRE JRE Version 6 Update 7Version 6 Update 7Version 6 Update 7Version 6 Update 7

(43)

連結到 Java 中文官方網頁之後,點選中間的「 「 「 「免費 免費 免費 免費 Java Java Java 下載 Java 下載 下載」 下載 」 」 」。

如果您是使用 Internet Explorer 瀏覽器則會看到如上圖的畫面,請點

選跳出視窗當中的「 「 「安裝 「 安裝 安裝」 安裝 」 」 」選項,就會開始自動安裝 JRE Ver6 Upd 7。

(44)

如果您是使用 Firefox 瀏覽器則會看到如上圖的畫面,

選擇「 「 「免費 「 免費 免費 免費 Java Java Java 下載 Java 下載 下載 下載」 」 」 」。

使用 Internet Explorer 瀏覽器按下「安裝」

或是使用 Firefox 瀏覽器將安裝檔案下載至桌面後,滑鼠雙擊

之後變會進入準備安裝…的程序

(45)

進入安裝程序後,檢視 Sun Microsystems, Inc 的授權合約,之後點選

「接受 接受 接受 接受」 」 」 」進入下一步安裝。

取消位於左上角的「 「 「OpenOffice.org 「 OpenOffice.org OpenOffice.org OpenOffice.org 安裝程式 安裝程式 安裝程式」 安裝程式 」 」 」 ,使用任你網上學相關

的功能並不需要使用到它,接著繼續按「 「 「 「下一步 下一步 下一步 下一步」 」 」 」開始安裝。

(46)

依據不同的電腦,大約等待 3~5 分鐘,即可安裝完畢!

恭喜您,在 Client 端需求的環境 JRE Version6 Update7 已經安裝完畢!

3.

3.

3.

3. 進入任你網上學網站進入任你網上學網站進入任你網上學網站 進入任你網上學網站

接著就可以直接進入任你網上學網站享受我們提供的服務!

http://140.118.126.95/

(47)

Chapter 4 功能簡介 功能簡介 功能簡介 功能簡介

4.1 Wiki 功能簡介 功能簡介 功能簡介 功能簡介

「任你網上學」網站提供的第一個功能於左邊選單最上方「 「 「 「共同教 共同教 共同教 共同教 材

材 材

材」 」 」,是採用類似 Wikipedia 的方式,讓所有的老師都可以一起編輯 」 適合學生們瀏覽的共同教材點選「 「 「 「共同教材 共同教材 共同教材 共同教材」 」 」 」進入網頁如下圖:

(48)

點選位於左方的任一個選項,即可進入該項目的 Wikipedia 頁面。如

果該項目還沒有內容則會自動進入編輯畫面如上。可以於中間編輯區

域內編寫教材,完成後儲存就會即時更新到 Wikipedia 頁面上。例如

下圖所示:

(49)

4.2 討論區 討論區 討論區 討論區

「任你網上學」網站另外還提供「 「 「 「討論區 討論區 討論區」 討論區 」 」 」功能,老師可以進入屬於

各科的討論區,替發問的學生解決問題,除了使用聊天室教學之外,

(50)

也能解決學生的問題。

點擊左方列表的「 「 「 「討論區 討論區 討論區 討論區」 」 」 」按鈕之後如下圖所示:

點擊上方紅色方框所圈起來的圖示,就能進入其對應的討論區!

(51)

以國文討論區為例,進入後即會顯示目前在討論區當中的文章。注意 紅色方框所圈起來的部份,這裡會顯示目前是列出哪些文章。

文章總共分成兩類:

待解決文章 待解決文章 待解決文章 待解決文章

已解決文章 已解決文章 已解決文章 已解決文章

1. 待解決文章:此類型的文章通常是新發表的問題,或是已有人解 答,但是問題還沒有完全解決的文章,可以按「 「 「 「顯 顯 顯 顯 示待解決文章

示待解決文章 示待解決文章

示待解決文章」 」 」來列出所有此類型的文章。 」

2. 已解決文章:此類型的文章通常是已確認問題已解決,可以瀏覽 此類型的文章,也許還有不完整的部份,可以讓文 章重新回到「待解決」狀態,以供「任你網上學」

其他老師解題。可以按「 「 「 「顯示已解決文章 顯示已解決文章 顯示已解決文章 顯示已解決文章」 」 」 」來列出 所有此類型的文章。

若想新增一篇文章,則點下位於畫面中央的「 「 「 「新增一個討論主題 新增一個討論主題 新增一個討論主題 新增一個討論主題」 」 」 」 ,

就可以新編輯一篇文章參與討論。

(52)

以「12 * 13 = ?」這篇問題為例,點擊進入文章之後就可看到如上圖 所示的頁面,藍色方框所示為按鈕「 「 「回應 「 回應 回應」 回應 」 」,擁有老師資格的帳號都 」 可以解答此篇文章。

回應完畢之後,若覺得此文章已經解決,可以點選上方紅色方框「 「 「 「變 變 變 變 更為已解決文章

更為已解決文章 更為已解決文章

更為已解決文章」 」 」 」 ,則下次在討論區版面搜尋文章時,這篇文章會被

歸類在「已解決」區域。

(53)

如上圖所示,這篇文章已經解題完畢。若有其他人認為解答仍不完 整,仍然可以重新變更回「 「 「 「待解決文章 待解決文章 待解決文章 待解決文章」 」 」,讓其他老師來回應。 」

4.3 教學聊天室 教學聊天室 教學聊天室 教學聊天室 4.3.1 教師功能 教師功能 教師功能 教師功能

「任你網上學」核心的教學聊天室。

直接於「任你網上學」網站首頁中間部份,點選位於「 「 「課程園地 「 課程園地 課程園地 課程園地」 」 」下 」 方,由紅色方框所圈選的部份,即可進入對應的「聊天室清單」頁面,

如下圖所示。

(54)

擁有老師資格可以點選紅色方框所圈選的部份「 「 「 「建立新聊天室 建立新聊天室 建立新聊天室」 建立新聊天室 」 」 」,就

可以開啟一個新聊天室,讓學生可以進入以便進行即時教學。

文字教學文字教學 文字教學文字教學

在畫面中央的訊息欄位打字輸入 Hello 我是「任你網上學」小老師,

接著按下「 「 「 「傳送 傳送 傳送 傳送」 」 」 」,就可以把訊息傳出去讓所有的學生都看到囉。

(55)

位於「 「 「 「傳送 傳送 傳送 傳送」 」 」 」右方的「 「 「顏色 「 顏色 顏色 顏色」 」 」 」按鈕點擊下去,如下圖會跳出一個視窗,

可以選擇你想要使用的文字顏色。

若是想修改背景的圖片,點選紅色框框內的「 「 「 「背景更改 背景更改 背景更改 背景更改」 」 」 」 ,可以選擇

自己想要的背景圖。

(56)

語音教學語音教學 語音教學語音教學

老師的語音對話功能如下:

「 「

「 「下拉式選單 下拉式選單 下拉式選單 下拉式選單」 」 」 」 :選擇某位學生,之後可以按「連線」跟他進行語音

(57)

連線。

「連線按鈕 連線按鈕 連線按鈕 連線按鈕」 」 」:開始語音連線。 」

「離線按鈕 離線按鈕 離線按鈕 離線按鈕」 」 」:解除連線狀態。 」

「 「

「 「忙碌 忙碌 忙碌 忙碌」 」 」 」:老師暫時離開位子時,可以通知所有的學生老師暫離。

「 「

「 「有空 有空 有空 有空」 」 」 」:解除上述的忙碌狀態。

狀態列表:顯示目前語音的連線狀態

如果顯示「 「 「 「沒人語音連線 沒人語音連線 沒人語音連線 沒人語音連線...」 」 」 」 ,代表此時沒有跟學生進行語音連線。

如果顯示「 「 「 「正在跟 正在跟 正在跟 正在跟 XXX 連線 連線 連線 連線」 」 」 」,就代表正在跟某位學生語音連線。

電子白板 電子白板 電子白板 電子白板

聊天室的下方區域,即是電子白板,可以在此使用白板的功能。

(58)

1. 介面下方有基本畫圖工具,如直線 直線 直線 直線、圓形 圓形 圓形 圓形、方形 方形 方形、畫筆 方形 畫筆 畫筆 畫筆及橡皮擦 橡皮擦 橡皮擦 橡皮擦。

只要點選其圖示,使圖示上方灰色區域呈現深灰色,就可以使用那個 白板工具。

2. 白板區域上方有「 「 「清除 「 清除 清除 清除」 」 」 」 、 「 「 「 「選擇顏色 選擇顏色 選擇顏色 選擇顏色」 」 」 」按鈕及一個數字捲軸欄。 「 「 「 「清 清 清 清 除

除 除

除」 」 」 」可以將目前白板上的圖案全部清空;「 「 「選擇顏色 「 選擇顏色 選擇顏色」 選擇顏色 」 」 」為選擇目前畫 圖時顯示的顏色。數字捲軸欄為讓你調整線條的粗細。範圍為 1~5。

3. 基本畫圖工具圖示最右邊為「 「 「 「特殊符號 特殊符號 特殊符號 特殊符號」 」 」 」按鈕。 「 「 「 「特殊符號 特殊符號 特殊符號 特殊符號」 」 」 」可立 即開啟一個包含許多特殊符號畫圖工具的視窗可以選擇。使用方法跟 基本畫圖工具一樣,點選圖示讓灰色的區域變為深灰色即可使用。

4.3.2 學生功能 學生功能 學生功能 學生功能

在以學生身份登入之後

(59)

直接在「任你網上學」網站首頁中間部份,點「 「 「課程園地 「 課程園地 課程園地 課程園地」 」 」下方,紅 」 色框框圈起來的地方,就可以進入每個科目的「 「 「聊天室清單 「 聊天室清單 聊天室清單」 聊天室清單 」 」 」如下圖:

這裡顯示為,目前還沒有小老師開啟聊天室,所以我們還不能進去。

假設現在有一個小老師開啟新的聊天室囉,目前有哪些老師有開啟聊

天室,可以在這個畫面當中看到一個列表。可以選擇其中一個進入跟

老師聊天。

(60)

滑鼠左鍵點擊「 「 「進入 「 進入 進入 進入」 」 」,就可以進去囉,如下圖。 」

文字教學 文字教學 文字教學 文字教學

在畫面中央的訊息欄位打字輸入 Hello 接著按下「 「 「傳送 「 傳送 傳送 傳送」 」 」,就 」 可以把訊息傳出去讓老師看到。

(61)

為於「 「 「 「傳送 傳送 傳送 傳送」 」 」 」右方的「 「 「顏色 「 顏色 顏色 顏色」 」 」 」按鈕點擊下去,如下圖會跳出一個視窗,

可以選擇你想要使用的文字顏色。

若是想修改背景的圖片,點選紅色框框內的「 「 「 「背景更改 背景更改 背景更改 背景更改」 」 」 」 ,可以選擇

(62)

自己想要的背景圖。

語音教學 語音教學 語音教學 語音教學

(63)

聊天室右上方的區域,是語音連線的功能,有連線跟離線兩個按鈕。

「連線按鈕 連線按鈕 連線按鈕 連線按鈕」 」 」:可以連線到老師,跟老師進行對話。 」

「離線按鈕 離線按鈕 離線按鈕 離線按鈕」 」 」:解除語音連線狀態。 」

按鈕下方的狀態列表,則會顯示目前語音的連線狀態。

如果顯示「 「 「 「可與 可與 可與 可與老師對話 老師對話 老師對話」 老師對話 」 」 」,此時就可以跟老師進行語音連線。

如果顯示「 「 「 「老師忙碌中 老師忙碌中 老師忙碌中..」 老師忙碌中 」 」 」 ,則代表老師正在跟其他人連線,或是老師 暫時離開了稍後才能跟老師連線。

電子白板 電子白板 電子白板 電子白板

聊天室的下方區域,即是電子白板,可以在此使用白板的功能。

(64)

1. 介面下方有基本畫圖工具,如直線 直線 直線 直線、圓形 圓形 圓形 圓形、方形 方形 方形、畫筆 方形 畫筆 畫筆 畫筆及橡皮擦 橡皮擦 橡皮擦 橡皮擦。

只要點選其圖示,使圖示上方灰色區域呈現深灰色,就可以使用那個 白板工具。

2. 白板區域上方有「 「 「清除 「 清除 清除 清除」 」 」 」 、 「 「 「 「選擇顏色 選擇顏色 選擇顏色 選擇顏色」 」 」 」按鈕及一個數字捲軸欄。 「 「 「 「清 清 清 清 除

除 除

除」 」 」 」可以將目前白板上的圖案全部清空;「 「 「選擇顏色 「 選擇顏色 選擇顏色」 選擇顏色 」 」 」為選擇目前畫 圖時顯示的顏色。數字捲軸欄為讓你調整線條的粗細。範圍為 1~5。

3. 基本畫圖工具圖示最右邊為「 「 「 「特殊符號 特殊符號 特殊符號 特殊符號」 」 」 」按鈕。 「 「 「 「特殊符號 特殊符號 特殊符號 特殊符號」 」 」 」可立

即開啟一個包含許多特殊符號畫圖工具的視窗可以選擇。使用方法跟

基本畫圖工具一樣,點選圖示讓灰色的區域變為深灰色即可使用。

(65)

Chapter 5 專題附件 專題附件 專題附件 專題附件

5.1 壓力測試報告 壓力測試報告 壓力測試報告 壓力測試報告

壓力測試目的 壓力測試目的 壓力測試目的 壓力測試目的:

壓力測試之目的為測試 Server 端可同時承受多少使用者同時使用,

以及在不同的網路環境之下的使用者是否會造成網路延遲等現象。

主機規格 主機規格 主機規格 主機規格: : :

CPU : Intel Core2 Duo E8700 Memory : 4GB

OS : Linux Ubuntu 8.0

網路:台科大學術網路

http://140.118.126.95

壓力測試結果表格 壓力測試結果表格 壓力測試結果表格 壓力測試結果表格:

壓力測試分成兩個部份 兩個部份 兩個部份,老師與學生皆是實體 IP 的網路環境及老師 兩個部份 跟學生其中存在著 NAT 虛擬 IP 的網路環境,另外每個部份再分成三 三 三 三 個細部測試

個細部測試 個細部測試

個細部測試,文字傳輸延遲,語音對話延遲,以及電子白板書寫延遲。

(66)

壓力測試結果: (實體 IP←→實體 IP)

壓力測試情況 老師與學生傳輸(sec) Server 壓力(%) 環境 聊天室數 學生數 文字 語音 白板 Memory CPU

1 1 即時 1 0.5~1 2.1% 0.4%

1 5 即時 1 0.5~1 2.2% 0.5%

1 20 即時 1 0.5~1 2.3% 0.6%

5 1 x 5 即時 1 0.5~1 10.1% 2.9%

5 5 x 5 即時 1 0.5~1 10.2% 2.9%

5 20 x 5 即時 1 0.5~1 10.3% 3.0%

20 1 x 20 即時 1 0.5~1 42.0% 11.6%

20 5 x 20 即時 1 0.5~1 42.1% 11.6%

實體 IP

實體 IP

老師與 學生皆 無 NAT

環境 20 20 x 20 即時 1 0.5~1 42.2% 11.7%

壓力測試結果: (NAT←→實體 IP or NAT←→NAT)

壓力測試情況 老師與學生傳輸(sec) Server 端壓力(%) 環境 聊天室數 學生數 文字 語音 白板 Memory CPU

1 1 即時 3~6 0.5~2 2.1% 0.5%

1 5 即時 3~6 0.5~2 2.2% 0.5%

1 20 即時 3~6 0.5~2 2.3% 0.6%

5 1 x 5 即時 3~10 0.5~5 10.1% 2.9%

5 5 x 5 即時 3~10 0.5~5 10.2% 2.9%

5 20 x 5 即時 3~10 0.5~5 10.3% 3.0%

20 1 x 20 即時 3~20 0.5~8 42.0% 11.6%

20 5 x 20 即時 3~20 0.5~8 42.1% 11.6%

NAT

NAT 或 實體 IP

NAT

20 20 x 20 即時 3~20 0.5~8 42.2% 11.7%

(67)

壓力測試結論 壓力測試結論 壓力測試結論 壓力測試結論:

1. 學生的數量增加,幾乎不增加 Server 端的 CPU 及 Memory 負擔,

只會極小的上升。

2. 每開啟一個新的聊天室,就會增加 Server 端 2%左右的記憶體使 用量,以我們的主機 4GB 來算大約是 80MB 的使用量,依此數量估 計主機可以承受同時間 50 個聊天室同時使用。

3. 在(實體 IP←→實體 IP)的環境之下,不管同時存在著多少聊天 室,對於聊天室的使用者(老師及學生)來說,都不影響文字語音與 白板的延遲。

4. 在(NAT←→實體 IP or NAT←→NAT)的環境之下,同時存在越 多的聊天室對使用者(老師及學生)來說,會增加語音及白板的延遲,

但是文字訊息的傳輸則不受影響。

(68)

參考文獻 參考文獻 參考文獻 參考文獻

Moodle:

Moodle (Modular Object-Oriented Dynamic Learning Environment)

是一個線上學習教學平台全世界有 150 多個國家被翻譯成 70 餘種語 言所使用,特色是他是個跨平台線上教學 Open Source 平台,跟一 般商業軟體不同。他使用了 OO 的概念,讓此平台內的各個部件可以 分別由不同的程式設計師共同開發,在網路上自由的發展使得此套系 統在不同的領域不斷的發展進步。Moodle 支援在各種 OS (Unix, Linux, FreeBSD, Windows, Mac OS X, NetWare)等支援 PHP 的平 台皆可執行。

創立者為:Martin Dougiamas Moodle 官方網站

http://moodle.org/

中文 Moodle 加油站

http://moodle.club.tw/moodle/

(69)

Java RMI:

Java RMI (Java Remote Method Invocation)

是 Java 程式語言當中,一種用於實現遠程方法調用的技術,他可以 使 Client 端上運行的程式得以使用遠端 Server 上的物件。此技術方 法使得 Java 程式設計師能夠在網路的環境中分佈操作。

我們則使用 RMI 的技術來完成電子白板的操作,透過此技術讓多人 使用電子白板時可以同步的看到所有資訊,而非只能一對一的使用電 子白板功能。

Java RMI 官方網站

http://java.sun.com/javase/technologies/core/basic/rmi/index.jsp

Java Programming : Distributed Whiteboard

http://www.stanford.edu/~jatinder/academic/projects/grad/JAVAPro g/distrWhiteboard/distrWhiteboard.html

參考文獻

相關文件

在上圖中,最上層的物件是 Root,代表電腦的桌面(Desktop),而 每個桌面可以有多個 MATLAB 圖形視窗(Figures),所以我們通常 定義 Figure 是 Root 的孩子(Child),而 Root

 你一定要知道伺服器是在哪個網路區段內,它們才可以直接相互通訊

(二)使用 PHP 語言、MySQL 資料庫與 Apache 伺服軟體開發互

 區域網路 (Local Area Network, LAN) 為規模最小 的網路, 範圍通常在 2 公里內, 例如:同一層樓的 辦公室, 或是同一棟建築物內的網路。...

則察看自己的 cache 是否有紀錄,若否才前往 root(.)3. DNS 主機會先將該查詢記錄記憶在自己的

Client: Angular 、 Cordova Server: Node.js(Express) 資料庫: MySQL. 套件管理: Node Package

The following features were evaluated: location, border, shape, relationship of the lesion with the impacted tooth, displacement of adjacent teeth, root resorption and

floating number system, precision, accuarcy and error analysis, higher dimensional root finding methods and convergence analysis, numerical methods for linear systems, numerical