| 姓名 |
薛寅海(YIN-HAI SYUE)
查詢紙本館藏 |
畢業系所 |
數學系 |
| 論文名稱 |
子由數學e學堂：數位教室平板介面設計I
|
| 相關論文 | |
| 檔案 |
 [Endnote RIS 格式]
[Bibtex 格式]
 [相關文章]  [文章引用]  [完整記錄]  [館藏目錄]  [檢視] [下載]- 本電子論文使用權限為同意立即開放。
- 已達開放權限電子全文僅授權使用者為學術研究之目的，進行個人非營利性質之檢索、閱讀、列印。
- 請遵守中華民國著作權法之相關規定，切勿任意重製、散佈、改作、轉貼、播送，以免觸法。
|
| 摘要(中) |
「子由數學 e 學堂」為針對國小數學所設計的師生互動式學習平臺，老師可透過此平臺的自動出題系統來協助學生學習數學。原有 e 學堂是以滑鼠操作方式為設計的主要考量，但以觸控式平版已漸漸成為數位教室的主要學習工具。為因應此趨勢，本論文將以手指觸控為主的方式來重新設計此學習平臺，筆者除了重新設計 e 學堂的幾個主要功能外，也特別使用Bootstrap 軟體工具使得對不同尺寸的觸控平臺仍會有一致的輸出畫面與統一的操作步驟。 |
| 摘要(英) |
「ziyou emathschool」is an interactive mathematics learning platform designed specifically for the elementary school children in Taiwan. Inside the platform, teachers can utilize mathematic problems generated by automatic problem generator to help students to learn mathematics. The original webpage of emathschool are designed with assuming that users use mouse to interact with the platform. However, it is gradually out-of-date due to the sudden rise of touching-screen mobile device. The thesis will discuss how to redesign the emathschool so that it would be possible to use fingers to operate between webpages. Besides the redesign some major functions of emathschool, we also use the Bootstrap in our platform so that users will still have the same user interface on their screen even using different screen size of mobile device. |
| 關鍵字(中) |
★ 子由
★ e學堂 |
關鍵字(英) |
|
| 論文目次 |
摘 要 i
Abstract ii
誌 謝 iii
目 錄 iv
圖 目 錄 vii
表 目 錄 ix
一、緒論 1
1.1 「子由數學e學堂」歷史沿革 1
1.2 「子由數學e學堂」簡介 2
1.3 設計動機 3
1.4網站開發規劃 4
1.5 論文架構 4
二、網頁開發工具 5
2.1 Bootstrap 5
2.1.1 Bootstrap 簡介 5
2.1.2 Bootstrap的特性 6
2.1.3 Bootstrap的功能簡介 6
2.2 MySQL資料庫 7
2.2.1 MySQL 資料庫介紹 7
2.2.2 MySQL資料庫系統特色 8
2.3 jQuery 8
2.3.1 jQuery簡介 8
2.3.2 jQuery特色 10
2.3.3 jQuery的主要功能 10
三、智慧裝置介面設計 11
3.1 網頁介面架構 11
3.2 設計原則 12
3.3 設計方法與功能介紹 14
3.3.1登入頁面 14
3.3.2 首頁選單設計 15
3.3.3 內容框設計 18
3.3.4 頁底設計 19
四.出題區設計 21
4.1介面使用說明 21
4.2功能介紹 25
4.2.1選擇版本與學期按鈕 25
4.2.2 選擇框自動偵測長度 26
4.2.3 單元資訊依照使用者喜好更改設定 26
4.2.4 版型大小切換 27
4.2.5 題目顯示 28
4.2.6 題目拖曳排序 30
五、結論與未來展望 32
參考文獻 33
|
| 參考文獻 |
[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] 徐瑋駿，2011，互動式國小數學隨機題庫網站設計，中央大學數學系碩士論文。
[13] 江浚豪，2012，子由數學e學堂網頁設計I，中央大學數學系碩士論文。
[14] 張鈞凱，2012，子由數學e學堂網頁設計II，中央大學數學系碩士論文。
[15] 許世侖，2013，子由數學e學堂：網頁介面設計，中央大學數學系碩士論文。
[16] 黃攸，2013，子由數學e學堂：平版介面設計，中央大學數學系碩士論文。
|
| 指導教授 |
吳維漢
|
審核日期 |
2015-1-29 |
| 推文 |
 facebook  plurk  twitter  funp  google  live  udn  HD  myshare  reddit  netvibes  friend  youpush  delicious  baidu
|
| 網路書籤 |
 Google bookmarks  del.icio.us  hemidemi myshare
|
