| 姓名 |
李明翰(Ming-han Lee)
查詢紙本館藏 |
畢業系所 |
數學系 |
| 論文名稱 |
子由數學小學堂2.0介面設計
|
| 相關論文 | |
| 檔案 |
 [Endnote RIS 格式]
[Bibtex 格式]
 [相關文章]  [文章引用]  [完整記錄]  [館藏目錄]  [檢視] [下載]- 本電子論文使用權限為同意立即開放。
- 已達開放權限電子全文僅授權使用者為學術研究之目的，進行個人非營利性質之檢索、閱讀、列印。
- 請遵守中華民國著作權法之相關規定，切勿任意重製、散佈、改作、轉貼、播送，以免觸法。
|
| 摘要(中) |
「子由數學小學堂」是一個依據臺灣國小數學課程綱要所設計的數學學習網站，使用者可以透過此網站在線上即時產生符合需求的數學練習卷。為了提昇功能，小學堂的核心出題引擎在民國 102 年全面改寫，本論文探討如何配合這些更動來重新設計後端的題型編輯系統與前端的使用者出題介面，使得小學堂得以更順利的運作。 |
| 摘要(英) |
"Ziyou Emathschool" is an elementary mathematics-learning website in which the mathematics problems can be generated online by various computer programs. All mathematics problems in the website are designed to follow the offical mathematical curriculum for Taiwan elementary school closely. On the year of 2013, to enhance its functionalities, the mathematics problem generator behind the website was redesigned from the start. With response to the changes of problem engine, the thesis discusses how to redesign the rear-end interface of mathematical problem editor system and front-end user interface used to generate the mathematics problems in order to get smoother operations for the new website engine. |
| 關鍵字(中) |
★ 子由
★ 小學堂
★ 子由數學小學堂
★ 出題 |
關鍵字(英) |
|
| 論文目次 |
目 錄
摘要 i
Abstract ii
致 謝 iii
目 錄 iv
圖 目 錄 vii
表 目 錄 xi
一、 緒論 1
1.1「子由數學小學堂」簡介 2
1.2「子由數學小學堂」歷史沿革 3
1.3論文架構 7
二、 網頁開發工具 8
2.1 Bootstrap 8
2.1.1 Bootstrap 簡介 8
2.1.2 Bootstrap的特性 9
2.1.3 Bootstrap的功能簡介 9
2.2 MySQL資料庫 11
2.2.1 MySQL 資料庫介紹 11
2.2.2 MySQL資料庫系統特色 11
2.3 jQuery 12
2.3.1 jQuery簡介 12
2.3.2 jQuery特色 13
2.3.3 jQuery的主要功能 13
2.4 PHP網頁程式 14
2.4.1 PHP網頁程式簡介 14
2.4.2 PHP特色 15
2.5 xajax函式庫 16
2.5.1 xajax物件函式庫簡介 16
2.5.2 xajax物件函式庫撰寫步驟 17
三、 後端題庫編輯系統 18
3.1題庫製作流程 18
3.2數學題型資料架構 18
3.2.1舊式的數學題型資料 19
3.2.2新式的數學題型資料 21
3.3題庫編輯系統網頁功能 27
3.3.1題目新增 27
3.3.2查詢題目 29
3.3.3題目統計表 31
3.3.4其他功能1 31
3.3.5其他功能2 32
四、 網頁介面設計 34
4.1網頁基本架構 34
4.2設計原則 35
4.3功能介紹 36
4.3.1首頁 37
4.3.2關於我們 38
4.3.3快速出題 39
4.3.4自組試卷 44
4.3.5館藏習作 57
4.3.6夏日題本 58
4.3.7意見回饋 59
五、 未來展望 60
參考文獻 62
附錄一 國內外國小數學練習網站調查 63
附錄二 網頁使用狀況 68
|
| 參考文獻 |
[1] 山田祥寬，許郁文，2013年9月，10天就懂！一定學會jQuery的36堂關鍵課程。博碩文化股份有限公司
[2] 張子秋，2012年5月，jQuery風暴-打造最友善的網頁介面。台北市：佳魁資訊股份有限公司。
[3] Ian Lunn，陳亦苓，2013年6月，CSS3網頁設計優化：新手也能快速建立跨平台網頁。台北市：松崗資產管理股份有限公司。
[4] Bootstrap，The world′s most popular mobile-first and responsive front-end framework。http://getbootstrap.com/
[5] jQuery UI Touch Punch - Touch Event Support for jQuery UI。http://touchpunch.furf.com/
[6] http://jquery.com/ 。http://jquery.com/
[7] W3Schools Online Web Tutorials 。http://www.w3schools.com/
[8] MySQL重要語法。http://mail.hmes.kh.edu.tw/~jona/redhat/mysqlphp/mysqlsyntax.htm
[9] CSS Transitions, Transforms and Animation Tutorial。http://css3.bradshawenterprises.com/
[10] CSS Tricks。http://css-tricks.com/
[11] xajax PHP Class Library- The easiest way to develop asynchronous Ajax applications with PHP。 http://www.xajax-project.org/
[12] 杜修宇，2012，子由數學小學堂網頁設計，中央大學數學系碩士論文。
[13] 張鈞凱，2012，子由數學e學堂網頁設計II，中央大學數學系碩士論文。
[14] 許世侖，2013，子由數學e學堂：網頁介面設計，中央大學數學系碩士論文。
[15] 黃攸，2013，子由數學e學堂：平版介面設計，中央大學數學系碩士論文。
[16] 薛寅海，2015，子由數學e學堂：數位教室平板介面設計I，中央大學數學系碩士論文。
|
| 指導教授 |
吳維漢(Wei-Han Wu)
|
審核日期 |
2015-7-28 |
| 推文 |
 facebook  plurk  twitter  funp  google  live  udn  HD  myshare  reddit  netvibes  friend  youpush  delicious  baidu
|
| 網路書籤 |
 Google bookmarks  del.icio.us  hemidemi myshare
|
