子由數學小學堂 Android App 開發：操作介面設計

以作者查詢圖書館館藏

、以作者查詢臺灣博碩士

、以作者查詢全國書目

、勘誤回報

、線上人數：25

、訪客IP：3.129.247.196

姓名

吳均熠(CHUN-YI WU) 查詢紙本館藏

畢業系所

數學系

論文名稱

子由數學小學堂 Android App 開發：操作介面設計

相關論文

★ 子由數學e 學堂：平板介面設計	★ 平行物件化程式在有限元素法之應用
★ 物件導向複合區域網格生成系統在叢集電腦系統的應用	★ 物件導向設計在複合區域網格生成系統的應用
★ 遞迴網格生成法	★ C++物件導向之數值方法在叢集電腦上的應用
★ Sparse PCG Solver之物件導向設計在叢集電腦上的應用	★ 在二維空間中使用矩形元素 p-version 有限元素法程式設計
★ 在二維空間上使用三角形元素的 p-version 有限元素法程式設計	★ 3D 表面網格生成程式設計
★ 簡易3D表面網格生成法	★ 國小中低年級數學應用題算式產生器初探
★ 互動式國小數學隨機題庫網站設計	★ 國小中低年級數學應用題題目產生器初探
★ 子由數學e學堂網站設計II	★ 子由數學小學堂網頁設計

檔案

[Endnote RIS 格式]

[Bibtex 格式]

[相關文章]

[文章引用]

[完整記錄]

[館藏目錄]

[檢視]

[下載]

本電子論文使用權限為同意立即開放。
已達開放權限電子全文僅授權使用者為學術研究之目的，進行個人非營利性質之檢索、閱讀、列印。
請遵守中華民國著作權法之相關規定，切勿任意重製、散佈、改作、轉貼、播送，以免觸法。

摘要(中)

「子由數學小學堂 App 開發」是為了因應智慧型手機的普及，使用者越來
越多的情況下，從網頁版子由數學小學堂的加以改良成適合使用平板介面做題
的 App 軟體。
子由數學小學堂 App 主要有四大功能，分別為「快速出題」、「精選試
卷」、「試卷紀錄」以及「題庫樂園」，其中「試卷紀錄」以及「題庫樂園」
為 App 版本新增的功能。本篇論文主要介紹 App 中四大功能的前端操作設計架
構以及圖片在不同平板上的自適應方法，後端程式設計請參考(簡寬宇)[1] 。

摘要(英)

The "Ziyou Mathematics Primary School App Development" was
developed in response to the popularity of smartphones. With more and more
users, the web version has been improved from the Mathematics Primary School
to an App suitable for using a tablet interface to make questions.
The Ziyou Mathematics Primary School App has four main functions,
namely "Quick Question Creation", "Selected Test Papers", "Test Paper
Recording" and "Question Amusement Park". Among them, "Test Paper
Recording" and "Question Amusement Park" are newly added in the App
version. This paper mainly introduces the front-end operation design
architecture of the four major functions of the App and the adaptive method of
pictures on different tablets. For the back-end programming design, please refer
to (KuanYu Chien)[1].

關鍵字(中)

★ 子
★ 由
★ 子由數學

關鍵字(英)

論文目次

摘要........................................................................................................................ I
Abstract................................................................................................................. II
誌謝...................................................................................................................... III
圖目錄.................................................................................................................. VI
表目錄................................................................................................................ VIII
一、緒論............................................................................................................... 1
1.1「子由數學小學堂 App」簡介................................................................................. 2
1.2 「子由數學小學堂」歷史沿革................................................................................ 2
1.3 研究動機與目的...................................................................................................... 4
1.4 論文架構 ................................................................................................................. 5
二、Android App 開發工具................................................................................... 6
2.1 架構設計 ................................................................................................................. 6
2.1.1 MVC....................................................................................................................................... 6
2.1.2 MVP....................................................................................................................................... 8
2.1.3 MVVM ................................................................................................................................... 9
2.2 專案下的程式結構 ................................................................................................ 11
2.3 小結....................................................................................................................... 14
三、Android 螢幕尺寸與佈局..............................................................................15
3.1 螢幕尺寸、解析度與畫素密度.............................................................................. 15
3.1.1 尺寸單位............................................................................................................................. 16
3.1.2 drawable 下的圖片解析度................................................................................................. 17
3.2 Android Layout 七大佈局 ...................................................................................... 19
3.2.1 LinearLayout 線性佈局....................................................................................................... 20
3.2.2 ConstraintLayout 約束佈局................................................................................................ 22
3.2.3 RelativeLayout 相對佈局.................................................................................................... 25
3.2.4 AbsoluteLayout 絕對佈局................................................................................................... 27
3.2.5 TableLayout 表格佈局........................................................................................................ 27
3.2.6 GridLayout 網格佈局.......................................................................................................... 29
3.2.7 FrameLayout 框架佈局....................................................................................................... 30
3.3 小結....................................................................................................................... 31
四、App 四大功能介面佈局設計.........................................................................32
4.1 使用者登入介面.................................................................................................... 32
4.1.1 使用者登入介面操作......................................................................................................... 33
4.2 快速出題 ............................................................................................................... 35
4.3 作答頁面 ............................................................................................................... 37
4.3.1 題目自適應特殊處理......................................................................................................... 39
4.3.2 題目總覽功能..................................................................................................................... 40
4.3.3 結算頁面............................................................................................................................. 40
4.4 試卷紀錄 ............................................................................................................... 42
4.5 精選試卷 ............................................................................................................... 43
4.6 題庫樂園功能........................................................................................................ 47
4.6.1 完成進度............................................................................................................................. 48
4.6.2 獎品區................................................................................................................................. 50
4.7 小結........................................................................................................................................ 51
五、結論及未來展望 ...........................................................................................52
參考文獻..............................................................................................................53

參考文獻

[1] 子由數學小學堂。http://www.emath.math.ncu.edu.tw/e_school/
[2] 簡寬宇，『子由數學小學堂 App 開發：後端程式設計』，國立中央大學，
碩士論文。
[3] 彭博煒，『新版國小文字應用題程式實作：Debugger』，國立中央大學，
碩士論文。
[4] 林琨勗，『新版國小文字應用題程式實作：整數、分數、小數』，國立中
央大學，碩士論文。
[5] 蔡宗憲，『數學遊戲 App 融入國小五年級數學補救教學之行動研究』，國
立屏東大學，碩士論文。
[6] 李明翰，『子由數學小學堂 2.0 介面設計』，國立中央大學，碩士論文。
[7] 孔令任，『子由數學小學堂：主題出題系統與功能更新』，國立中央大學，
碩士論文。
[8] 許舜雯，『子由數學小學堂-平板介面設計』，國立中央大學，碩士論文。
[9] 許志宇，『子由數學 e 學堂 2.0』，國立中央大學，碩士論文。
[10] 林永鴻，『子由數學小小學堂』，國立中央大學，碩士論文。
[11] 謝汶玲，『子由數學小學堂：搜尋、直式與線上練習功能設計』，國立中
央大學，碩士論文。
[12] 張敬華，『子由數學 e 學堂：數位出題系統管理設計』，國立中央大學，
碩士論文。
[13] 徐錦余，『子由數學 e 學堂：帳號管理介面設計』，國立中央大學，碩士
論文。
[14] 許仲賢，『子由數學 e 學堂：網頁遊戲設計』，國立中央大學，碩士論文。
[15] Android for Developers。https://developer.android.com/?hl=zh-tw
54
[16] MIS 腳印-Android 專案目錄。https://www.footmark.info/programminglanguage/android/android-studio-project-directory-structure/
[17] iT 邦幫忙-Data Binding。https://ithelp.ithome.com.tw/articles/10219729
[18] iT 邦幫忙-MVC->MVP->MVVM。
https://ithelp.ithome.com.tw/articles/10235762
[19] 維基百科-MVC。https://zh.wikipedia.org/wiki/MVC
[20] 維基百科-MVP。https://zh.wikipedia.org/wiki/Model-view-presenter
[21] 調色盤網-七大佈局。https://www.tspweb.com/key/android 布局有哪些.html
[22] Android Studio 開發工具。https://www.flag.com.tw/android/AndroidStudio/
[23] ITREAD01-螢幕自適配。https://www.itread01.com/p/1354649.html
[24] 痞客邦-單位介紹。https://rx1226.pixnet.net/blog/post/249961987
[25] 程式人生-App 目錄結構。https://www.796t.com/article.php?id=21691
[26] stackoverflow。https://stackoverflow.com
[27] Java。https://www.java.com/zh-TW/
[28] 維基百科-Android Studio。https://zh.wikipedia.org/wiki/Android_Studio
[29] 維基百科-JDK。https://zh.wikipedia.org/wiki/JDK

指導教授

吳維漢(WEI-HAN WU)

審核日期

2021-10-26

推文