| 姓名 |
許志宇(Chih-Yu Hsu)
查詢紙本館藏 |
畢業系所 |
數學系 |
| 論文名稱 |
子由數學e學堂2.0
(nono)
|
| 相關論文 | |
| 檔案 |
 [Endnote RIS 格式]
[Bibtex 格式]
 [相關文章]  [文章引用]  [完整記錄]  [館藏目錄]  [檢視] [下載]- 本電子論文使用權限為同意立即開放。
- 已達開放權限電子全文僅授權使用者為學術研究之目的，進行個人非營利性質之檢索、閱讀、列印。
- 請遵守中華民國著作權法之相關規定，切勿任意重製、散佈、改作、轉貼、播送，以免觸法。
|
| 摘要(中) |
「子由數學e學堂」是民國102設計的數學學習網路平台應用於師生之間的互動，目前的研究試圖重新設計網頁的結構與功能，以解決舊設計難以維護與添加新功能的缺陷。我們設計了第二代的帳號系統和試卷管理系統，讓系統的維護與擴展變得更加容易。新的帳號系統包括登入系統、帳號權限和註冊系統。試卷管理系統則提供了試卷轉換、試卷寄送與線上作答等功能。
第二代的「子由數學e學堂」也有兩個新功能好友系統與班級管理系統，好友系統用於提供朋友之間的互動，而班級管理系統則讓學校管理員可以添加或移除班級裡的成員。
|
| 摘要(英) |
Ziyou Emath was a teacher-student interactive mathematics web platform designed on 2013. The current study tries to redesign the web architecture and functions to resolve the deficiencies of old design such as difficulty to maintain or to add new features.
We designs the 2nd generation account system and the test paper management system so that the maintenance and the extension of system become easier. New account system includes login system, access authority and registration system. The test paper management system provides functions such as test paper relocation, test paper submit and online testing.
The 2nd generation of Ziyou Emath also have two new features as Buddy system and class management system. Buddy system is used for providing interaction among friends and class management system used by school manager to add/delete members of class.
|
| 關鍵字(中) |
★ e學堂
★ 線上學習
★ 數學學習網站 |
關鍵字(英) |
★ Emathschool
★ E-Learning
★ Mathematics learning website |
| 論文目次 |
摘要-----------------------------------i
Abstract-------------------------------ii
誌謝-----------------------------------iii
目錄-----------------------------------iv
圖目錄---------------------------------ix
一、緒論--------------------------------1
1-1子由數學e學堂簡介---------------------1
1-2子由數學e學堂歷史沿革-----------------2
1-3研究動機與目的------------------------3
1-4論文架構-----------------------------4
二、網頁開發工具-------------------------5
2-1 HTML5畫布(canvas)-------------------5
2-1-1 canvas 簡介-----------------------5
2-1-2 canvas的使用方法-------------------6
2-1-3 canvas的應用-----------------------7
2-2 Google Charts圖表工具----------------7
2-2-1 Google Charts簡介------------------7
2-2-2 Google Charts的匯入----------------7
2-2-3 製圖函式---------------------------8
2-2-4 Google Charts的應用----------------12
2-3 結語----------------------------------12
三、介面設計-------------------------------14
3-1 網頁介面架構與流程----------------------14
3-1-1 e學堂管理員與學校管理員介面架構--------15
3-1-2 師長介面架構--------------------------16
3-1-3 學生介面架構--------------------------17
3-2 介面設計原則----------------------------18
3-3 網站開發規劃----------------------------18
3-4 結語------------------------------------19
四、會員帳號系統---------------------------------20
4-1 過去帳號系統的缺失----------------------------20
4-2 二代e學堂的帳號設計原則-----------------------21
4-2-1 e學堂管理員帳號---------------------------21
4-2-2 學校管理員---------------------------------21
4-2-3 師長帳號-----------------------------------21
4-2-4 學生帳號-----------------------------------21
4-3 資料數據-------------------------------------22
4-3-1 學校---------------------------------------22
4-3-2 帳號---------------------------------------22
4-3-3 密碼---------------------------------------23
4-3-4 電子郵件-----------------------------------23
4-3-5 圖像---------------------------------------24
4-3-6 最後登入時間與登入次數-----------------------24
4-4 註冊帳號--------------------------------------25
4-5 帳號登入--------------------------------------27
4-6 忘記密碼--------------------------------------27
4-7 好友系統--------------------------------------28
4-7-1 好友狀態------------------------------------28
4-7-2 邀請碼--------------------------------------28
4-7-3 好友通知------------------------------------29
4-7-4 加入好友------------------------------------31
4-8 班級管理系統-----------------------------------31
4-8-1 新增成員------------------------------------32
4-8-2 移除成員------------------------------------32
4-9 結語------------------------------------------32
五、試卷管理系統-----------------------------------34
5-1 過去試卷系統的缺失-----------------------------34
5-2 二代e學堂的試卷設計原則-------------------------35
5-3 資料數據--------------------------------------36
5-3-1 試卷ID--------------------------------------36
5-3-2 試卷寄送人-----------------------------------36
5-3-3 試卷標題-------------------------------------36
5-3-4 配分與訂正標準-------------------------------37
5-3-5 時間-----------------------------------------37
5-3-6 作答情況與分數--------------------------------37
5-4 試卷相關功能------------------------------------38
5-4-1 出題-----------------------------------------38
5-4-2 資料夾頁面------------------------------------39
5-4-3 轉換-----------------------------------------41
5-4-4 寄送-----------------------------------------41
5-4-5 線上作答--------------------------------------42
5-4-6 統計------------------------------------------43
5-5 結語--------------------------------------------44
六、線上作答介面與功能-------------------------------46
6-1 傳統作答與線上作答的差異-------------------------46
6-2 介面設計----------------------------------------46
6-2-1 圖檔分類--------------------------------------47
6-2-2 調整圖檔的公式--------------------------------48
6-2-3 特殊情形--------------------------------------49
6-3 功能介紹----------------------------------------49
6-3-1 作答與送出答案功能-----------------------------50
6-3-2 計算紙功能------------------------------------50
6-3-3 題目總覽功能----------------------------------51
6-4 結語-------------------------------------------52
七、結論與未來展望-----------------------------------53
7-1 結論--------------------------------------------53
7-2 未來展望----------------------------------------53
參考文獻--------------------------------------------56
書目文獻--------------------------------------------56
網路文獻--------------------------------------------56
論文文獻--------------------------------------------57
|
| 參考文獻 |
書目文獻：
[1] Studio Tib.（譯）（民101）。jQuery UI 使用者介面設計（原作者：Eric Sarrion）。臺北市：歐萊禮-碁峯資訊有限公司。（原著出版年：2012）
[2] 山田祥寬（民102）。10天就懂！一定學會jQuery的36堂關鍵課程。新北市：博碩文化股份有限公司。
[3] 白石俊平（民100）。HTML5 & API 網頁程式設計。臺北市：旗標出版股份有限公司。
[4] 成林（民104）。CSS3學習手冊。臺北市：上奇資訊股份有限公司。
[5] 林耕溥（譯）（民103）。PHP程式設計（第三版）（原作者：Rasmus Lerdorf,Kevin Tatroe,Peter MacIntyre）。臺北市：歐萊禮-碁峯資訊有限公司。（原著出版年：2013）
[6] 施威銘研究室著（民101）。最新PHP+MySQL+Ajax網頁程式設計。臺北市：旗標出版股份有限公司。
[7] 陳會安（民105）。從HTML5+CSS3+JavaScript到jQuery+Node.js程式設計。臺北市：旗標出版股份有限公司。
[8] 黃信溢（民103）。挑戰PHP/MySQL程式設計與超強專題特訓班。臺北市：碁峯資訊有限公司。
[9] 楊尊一（譯）（民104）。JavaScript & jQuery : The Missing Manual國際中文版（第三版）（原作者：David Sawyer McFarland）。臺北市：歐萊禮-碁峯資訊有限公司。（原著出版年：2014）
[10] 賴屹民（譯）(民104)。PHP、MySQL與JavaScript學習手冊（第四版）(原作者：Robin Nixon)。臺北市：歐萊禮-碁峯資訊有限公司。（原著出版年：2013）
網路文獻：
[11] Animate.css。https://daneden.github.io/animate.css/
[12] Facebook。https://www.facebook.com/
[13] Google Charts。https://developers.google.com/chart/?hl=zh-TW
[14] Instagram。https://www.instagram.com/
[15] jQuery UI。https://jqueryui.com/
[16] Line。https://line.me/zh-hant/
[17] PHP。 http://php.net/
[18] MySQL 5.7 Reference Manual。https://dev.mysql.com/doc/refman/5.7/en/
[19] W3Schools Online Web Tutorials。https://www.w3schools.com/
[20] wiki-User_experience。https://en.wikipedia.org/wiki/User_experience
[21] wiki-User_interface。https://en.wikipedia.org/wiki/User_interface
[22] xajax。https://github.com/Xajax/Xajax
[23] 子由數學小學堂。http://www.emath.math.ncu.edu.tw/e_school/
[24] 政府資料開放平台-國名小學名錄。https://data.gov.tw/dataset/6087
論文文獻：
[25] 孔令任（民105）。子由數學小學堂：主題出題系統與功能更新（碩士論文）。取自國立中央大學博碩士論文系統。
[26] 江浚豪（民101）。子由數學e學堂網頁設計I（碩士論文）。取自國立中央大學博碩士論文系統。
[27] 李明翰（民104）。子由數學小學堂2.0介面設計（碩士論文）。取自國立中央大學博碩士論文系統。
[28] 李銘雄（民101）。開發國小數學科線上學習及評量系統（碩士論文）。取自南華大學博碩士論文系統。
[29] 辛莉萍(民99)。以網路社群使用者的知覺價值探討持續使用行為意向:以Facebook為例（碩士論文）。中華大學博碩士論文系統。
[30] 林永鴻（民107）。子由數學小小學堂，中央大學數學系論文（碩士論文）。取自國立中央大學博碩士論文系統。
[31] 徐瑋駿（民100）。互動式國小數學隨機題庫網站設計（碩士論文）。取自國立中央大學博碩士論文系統。
[32] 徐錦余（民105）。子由數學e學堂：帳號管理介面設計（碩士論文）。取自國立中央大學博碩士論文系統。
[33] 徐嘉良（民95）。使用者經驗應用於概念發想之研究（碩士論文）。取自國立交通大學博碩士論文系統。
[34] 翁國維（民95）。以學習者為導向之線上學習環境架構研究（碩士論文）。取自銘傳大學博碩論文系統。
[35] 張鈞凱（民101）。子由數學e學堂網頁設計II（碩士論文）。取自國立中央大學博碩士論文系統。
[36] 張敬華（民105）。子由數學e學堂：數位出題系統管理設計（碩士論文）。取自國立中央大學博碩士論文系統。
[37] 許世侖（民102）。子由數學e學堂：網頁介面設計（碩士論文）。取自國立中央大學博碩士論文系統。
[38] 許仲賢（民105）。子由數學e學堂：網頁遊戲設計（碩士論文）。取自國立中央大學博碩士論文系統。
[39] 黃?攸（民102）。子由數學e學堂：平板介面設計（碩士論文）。取自國立中央大學博碩士論文系統。
[40] 謝汶玲 (民107)。子由數學小學堂：搜尋、直式與線上練習功能設計（碩士論文）。取自國立中央大學博碩士論文系統。
[41] 薛寅海（民104）。子由數學e學堂：數位教室平板介面設計I（碩士論文）。取自國立中央大學博碩士論文系統。
|
| 指導教授 |
吳維漢(Wei-Han Wu)
|
審核日期 |
2018-1-18 |
| 推文 |
 facebook  plurk  twitter  funp  google  live  udn  HD  myshare  reddit  netvibes  friend  youpush  delicious  baidu
|
| 網路書籤 |
 Google bookmarks  del.icio.us  hemidemi myshare
|
