# 手機單字APP ## 需求擷取 希望能做一個記錄單字的app,並能養成背單字的習慣! ## 需求分析 1. 記錄單字 2. 背單字習慣養成養成 3. 記錄每天背多少單字 ## 使用案例 ```plantuml @startuml :user:-->(use) :user:-->(uses) "APP"as Admin "輸入單字"as (use) "輸入每天背多少單字"as (uses) Admin --> (顯示單字) Admin --> (記錄每天背多少單字) ``` ## 使用者故事 1. 小美想要在學測倒數前養成背單字的習慣,決定每天在背單字app上紀錄10個單字。 2. 小華想養成背單字的習慣,早上晚上都各要背15個單字,並且記錄每次背的單字量以督促自己‧。 ## 流程圖 ### 紀錄單字 ```plantuml @startuml (*) --> "輸入英文單字、詞性、中文單字" -->"送出" -->"顯示英文單字、詞性、中文單字" --> (*) @enduml ``` ### 記錄背多少單字 ```plantuml @startuml (*) --> "輸入數字" -->"送出" -->"顯示當時背多少單字" --> (*) @enduml ``` ## UI及元件說明 ### 使用者介面 ![](https://i.imgur.com/qUNaDMU.png) ![](https://i.imgur.com/ozc7b2l.png) ![](https://i.imgur.com/y0b9PHU.png) ### 元件說明 * 初始畫面 Vocabulary按鍵 : 進入記錄單字的畫面 Record按鍵 : 進入打卡紀錄的畫面 * 記錄單字的畫面 英文單字輸入盒 : 輸入英文單字 詞性輸入盒 : 輸入該英文單字的 中文意思輸入盒 : 輸入英文單字中文意思 新增按鈕 : 將以上輸入盒的內容新增至單字顯示器 單字顯示器 : 顯示紀錄的單字 返回鍵 : 回到初始畫面 * 打卡紀錄的畫面 文字輸入盒 : 輸入背多少個單字。 送出鍵 : 將背了多少個的單字記錄在清單顯示器 清單顯示器 : 顯示紀錄單字的時間跟背了多少個單字 返回鍵 : 回到初始畫面 https://youtu.be/L4JgVFEy_co https://gallery.appinventor.mit.edu/?galleryid=cab00e2e-9b2b-4a65-8753-e1a18e879090 ## 程式截圖 ![](https://i.imgur.com/SRtyoST.png) ![](https://i.imgur.com/pn5fI6e.png) ![](https://i.imgur.com/o0bBlVa.png) ![](https://i.imgur.com/kjvTypV.png) ## 結論與心得 首先,我的背單字app除了有記錄單字的功能,也因為原本還有一個目的是希望能夠透過一個方法去有效的背單字,所以我之後又做了一個類似打卡的畫面去記錄自己哪時候背了幾個單字。 在做這個app的過程中,遇到比較大的問題是,我想要去排列字母的字首,但是試過很多方法都不太行,網路上也找不太到相關的教學。這部分我希望之後自己可以嘗試繼續研究看看。 在一開始的時候,我有很多對於我這個專題的想法,像是想要讓單字字首按照順序去排列,還有想要再做個單字的小測驗之類的,但是在實際的去實作的時候才發現有很多實際上遇到的問題是當初沒想到或是想得太簡單了,也因為這堂課是有關我不太常接觸的範圍(寫程式),所以很多問題到最後都是透過網路上的教學加上老師有教過的東西去解決的。不過也因為這堂課讓我有機會接觸了新的事物,我學習到了不少的東西。 ## 參考資料 * https://www.omdte.com/app-inventor%E5%AD%B8%E7%BF%92%E8%A8%98%E9%8C%8462%EF%BC%8C%E6%96%B0%E5%A2%9E%E6%88%96%E5%88%AA%E9%99%A4%E6%B8%85%E5%96%AE%E9%A1%AF%E7%A4%BA%E5%99%A8%E7%9A%84%E9%A0%85%E7%9B%AE%EF%BC%8C%E5%81%9A/ * https://www.omdte.com/app-inventor%E5%AD%B8%E7%BF%92%E8%A8%98%E9%8C%8462-2%EF%BC%8C%E7%B0%A1%E5%96%AE%E8%A8%98%E4%BA%8B%E6%9C%AC%E8%A3%9C%E4%B8%8A%E5%BE%AE%E5%9E%8B%E8%B3%87%E6%96%99%E5%BA%AB%EF%BC%8C%E5%8A%A0%E5%85%A5/ * https://youtu.be/Lj7bxygRcVM