跳到主要內容

簡易檢索 / 詳目顯示

回結果列表
研究生： 薛寅海
YIN-HAI SYUE
論文名稱： 子由數學e學堂：數位教室平板介面設計I
指導教授： 吳維漢
口試委員:
學位類別： 碩士
Master
系所名稱： 理學院 - 數學系
Department of Mathematics
論文出版年： 2015
畢業學年度： 103
語文別： 中文
論文頁數： 46
中文關鍵詞： 子由 、e學堂
相關次數： 點閱：8  下載：0 
分享至:
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報

    • 「子由數學 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.

    摘 要 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學堂：平版介面設計，中央大學數學系碩士論文。

    QR CODE
    :::