投稿類別 : 資訊類篇名 : 代辦事項管理程式作者 : 朱恩平麗山高中高二 6 班指導老師 : 謝碧景老師

Size: px

Start display at page:

Download "投稿類別 : 資訊類篇名 : 代辦事項管理程式作者 : 朱恩平麗山高中高二 6 班指導老師 : 謝碧景老師"

洒绒巫
4 years ago
Views:

1 投稿類別 : 資訊類篇名 : 作者 : 朱恩平麗山高中高二 6 班指導老師 : 謝碧景老師

壹前言一研究動機隨著高中年級增加, 課業隨之加重, 加上社團等課外活動常常使自己手忙腳亂, 雖然曾用筆記本或利用手機程式將代辦事項記錄下來以防忘記, 但卻因無法彈性且方便快速地變更內容而放棄為了能更有彈性的記錄事項, 我決定利用 MIT App Inventor 2 製作手機程式專題, 並將優先性導入使用概念, 創作更快速及便利使用的專題實作 : 二研究目的

2 壹前言一研究動機隨著高中年級增加, 課業隨之加重, 加上社團等課外活動常常使自己手忙腳亂, 雖然曾用筆記本或利用手機程式將代辦事項記錄下來以防忘記, 但卻因無法彈性且方便快速地變更內容而放棄為了能更有彈性的記錄事項, 我決定利用 MIT App Inventor 2 製作手機程式專題, 並將優先性導入使用概念, 創作更快速及便利使用的專題實作 : 二研究目的除了能夠與市面上的記錄程式一樣, 有基本的記錄與修改功能外, 另客製化添加優先度使用者自訂及備份功能, 以利使用者結合生活所需, 更加快速便利的數位化管理與應用, 並解決生活中的代辦事項三研究方法因為是初次接觸與學習 App 程式, 因此決定使用 MIT App Inventor2 程式積木拼圖方式, 來開發 Android 裝置 App 程式, 並以 Play 商店眾多程式為基準標竿, 動手實作, 添加下述功能, 由做中學達成 App 之學習與應用貳正文 ( 一 ) 增加優先度功能, 讓使用者在瀏覽與做決定時, 更加快速且便利管理 ( 二 ) 增加使用者自訂功能, 讓使用者能根據自己的想法加入內容 ( 三 ) 增加備份功能, 能夠將目前資料轉移到另一台行動裝置上安心使用一 MIT App Inventor 簡介根據 AppInventor 中文學習網及其出版書籍皆提及 MIT App Inventor2 是一個完全線上開發的 Android 程式環境, 拋棄複雜的程式碼而使用樂高積木式的堆疊法來完成 Android 程式 ( 曾吉弘等,2016) 其環境非常近似同為麻省理工學院開發的 Scratch, 以圖形化程式積木拼塊堆疊設計, 讓初學 App 設計者, 易於學習 1

3 圖一 :App Inventor 網頁編輯器 ( 圖一資料來源 : 研究者拍攝 ) 二專題總覽 ( 圖二 ) 為該專題程式設計完成後, 以模擬器執行的結果 ( 即截圖畫面 ): 主頁記錄清單資訊圖二 : 專題程式執行畫面 ( 圖二資料來源 : 研究者拍攝 ) 設定 2

4 三程式邏輯流程圖圖三 : 程式邏輯流程圖 ( 圖三資料來源 : 研究者拍攝 ) 四專題頁面功能介紹 ( 一 ) 專題主頁圖四 : 主頁 ( 圖四資料來源 : 研究者拍攝 ) ( 圖四 ) 為進入程式的第一頁 ( 即主畫面 ) 可以從此頁面前往記錄清單和設定等功能頁面頁面上方會顯示目前未完成事項中優先度最高的事項 3

5 ( 二 ) 記錄事項頁面圖五 : 記錄 ( 圖五資料來源 : 研究者拍攝 ) ( 圖五 ) 資料可於此處輸入, 記錄完成後會自動轉至資訊頁面所有事項記錄完成時的優先度預設都為 1 此外, 為符合使用者需求, 在科目和類別皆可以增加新選項 ( 三 ) 清單圖六 : 清單 ( 圖六資料來源 : 研究者拍攝 ) ( 圖六 ) 顯示事項的詳細資料, 當記錄完成或是在清單頁面點選時進入對應資料可以修改其優先度完成與否刪除或修改資料 4

6 ( 四 ) 資訊圖七 : 資訊 ( 圖七資料來源 : 研究者拍攝 ) ( 圖七 ) 顯示所有已記錄的事項, 可於上方選擇顯示完成未完成或所有, 也可利用搜尋欄找尋事項點選事項可前往對應的資訊頁面 ( 五 ) 設定圖八 : 設定 ( 圖八資料來源 : 研究者拍攝 ) ( 圖八 ) 該頁面可修改或刪除新增加的科目或類別選項紀錄五重要程式積木拼圖說明 ( 一 ) 在記錄頁面輸入資料時, 若預設科目和類別的選項不敷使用, 使用者可選擇增加項目增加所需內容 ( 部分程式碼參照圖九 ) 所有加入選項都會儲存於 5

圖十資料來源 : 研究者拍攝 ) ( 三 ) 進入資訊頁前, 會利用進入前於記錄頁面或清單頁面取得的初始值在 Tiny DB

7 儲存系統 (Tiny DB) 中方便使用者管理圖九 : 記錄頁面使用者自定程式碼 ( 圖九資料來源 : 研究者拍攝 ) ( 二 ) 當於記錄頁面輸入完成資料後, 會把資料導入 Tiny DB 相對應位置 ( 部分程式碼參照圖十 ) 圖十 : 記錄頁面儲存程式碼 ( 圖十資料來源 : 研究者拍攝 ) ( 三 ) 進入資訊頁前, 會利用進入前於記錄頁面或清單頁面取得的初始值在 Tiny DB 中獲取相應資料並顯示 ( 部分程式碼參照圖十一 ) 此外, 當要修改優先度時, 也是針對相應位置的數值進行修改 ( 程式碼參照圖十二 ) 6

圖十二 : 優先度修改程式碼 ( 圖十二資料來源 : 研究者拍攝 ) 圖十一 : 資訊頁面獲取資料程式碼 (

W,2010) 將數值最小者排至前方 ( 程式碼參照圖十三 ) 圖十三 : 清單頁面優先度大小比較 (

8 圖十二 : 優先度修改程式碼 ( 圖十二資料來源 : 研究者拍攝 ) 圖十一 : 資訊頁面獲取資料程式碼 ( 圖十一資料來源 : 研究者拍攝 ) ( 四 ) 於清單頁面顯示事項時, 其順序是經由比較各事項的優先度數值, 利用泡沫排序法 ( 藉由逐次比較相鄰的兩筆資料, 並依照排序條件 ( 由大至小或由小至大 ) 交換資料直到排序完成為止 ( 小參 C.E.W,2010) 將數值最小者排至前方 ( 程式碼參照圖十三 ) 圖十三 : 清單頁面優先度大小比較 ( 圖十三資料來源 : 研究者拍攝 ) ( 五 ) 使用者可於設定頁面管理新增的科目和類別項目, 這些項目在記錄頁面被新增後會儲存於 Tiny DB 中, 當要管理時會把整列叫出, 讓使用者修改或刪除 ( 部分程式碼參照圖十四 ) 7

圖十四 : 設定頁面新增項目管理 ( 圖十四資料來源 : 研究者拍攝 ) 六問題討論與解決方法 ( 一 ) 優先度數值比較原先想法是利用內建的 min 功能 ( 參照圖十五 ) 取最小值, 但因為此功能必須將比較數值於編寫時就分別導入, 而非使用時能依據需比較數值數量而調整為此我把資料以類似陣列的型態儲存於 Tiny DB 中, 並利用泡沫排序法將其位置調整, 達到比較大小的功能 ( 二

9 圖十四 : 設定頁面新增項目管理 ( 圖十四資料來源 : 研究者拍攝 ) 六問題討論與解決方法 ( 一 ) 優先度數值比較原先想法是利用內建的 min 功能 ( 參照圖十五 ) 取最小值, 但因為此功能必須將比較數值於編寫時就分別導入, 而非使用時能依據需比較數值數量而調整為此我把資料以類似陣列的型態儲存於 Tiny DB 中, 並利用泡沫排序法將其位置調整, 達到比較大小的功能 ( 二 ) 資料儲存格式圖十五 :App Inventor 內建取最小值功能 ( 圖十五資料來源 : 研究者拍攝 ) 在資料儲存設計方法上, 我在臺灣博碩士論文知識加值系統中搜尋參閱設計一套具記帳與電子發票功能的行動 APP 之研究 - 以 MIT App Inventor 2 為開發工具 ( 李榮耀蔡佳倫,2016) 碩士論文, 及書籍手機應用程式設計超簡單 :App Inventor 2 專題特訓 8

班 ( 文淵閣工作室,2014) 與手機應用程式設計超簡單 :App Inventor 2 資料庫專題特訓班 ( 文淵閣工作室,2016) 等, 學習到 Tiny DB 有兩種方式可運用 : 一種為使用多個 Tiny DB 作為儲存資料的分隔 ; 另一種是將單一 Tiny DB 切成多格區域儲存我原本是使用第一種方式, 但基於方便使用, 決定還是採用第二種方式基本上兩種方式就結果而論,

10 班 ( 文淵閣工作室,2014) 與手機應用程式設計超簡單 :App Inventor 2 資料庫專題特訓班 ( 文淵閣工作室,2016) 等, 學習到 Tiny DB 有兩種方式可運用 : 一種為使用多個 Tiny DB 作為儲存資料的分隔 ; 另一種是將單一 Tiny DB 切成多格區域儲存我原本是使用第一種方式, 但基於方便使用, 決定還是採用第二種方式基本上兩種方式就結果而論, 都可將資料以陣列儲存並跨頁面存取修改七專案程式執行成果網站為讓專題研究與 App 學習社群共享, 研究者架設該專題網站, 展示程式碼及錄製執行成果影片, 上傳 YouTube 網站, 讓專題程式社群給予更多的指導與精進, 分享執行成果網址如 ( 圖十六 ) 執行成果網站展示參結論圖十六 : 執行成果網站展示 ( 圖十六資料來源 : 研究者拍攝 ) 經過不斷測試與修改, 程式功能運作正常當使用者記錄事項完成後, 資料會正確儲存紀錄, 即使用者自訂功能具備, 並可於清單頁面查看, 於主頁也可透過最上方得知, 目前優先度第一的未完成事項為何, 以提醒使用者注意此外, 備份功能也正進行開發撰寫中透過該專題設計下載成果發表與分享, 在做中學的實作中, 讓自己與專題同學們更加瞭解 App 的設計, 並能夠快速紀錄與便捷管理生活中的代辦事務肆引註資料曾吉弘等 (2016) TQC+ 創意 App 程式設計認證指南解題秘笈 :App Inventor 2 臺北市 : 松崗出版社 AppInventor 中文學習網 2016 年 10 月 27 日, 取自 AppInventor 中文學習網 2016 年 11 月 3 日, 取自 Infinite Loop: 演算氣泡排序法 -Bubble Sort 2010 年 3 月 27 日, 取自李榮耀蔡佳倫 (2016) 設計一套具記帳與電子發票功能的行動 APP 之研究 - 以 MIT App Inventor 2 為開發工具國立交通大學理學院科技與數位學習學程碩士論文 9

11 文淵閣工作室 (2014) 手機應用程式設計超簡單 :App Inventor 2 專題特訓班臺北市 : 碁峰出版社文淵閣工作室 (2016) 手機應用程式設計超簡單 :App Inventor 2 資料庫專題特訓班臺北市 : 碁峰出版社 10

0 0 = 1 0 = 0 1 = = 1 1 = 0 0 = 1

0 0 = 1 0 = 0 1 = = 1 1 = 0 0 = 1 0 0 = 1 0 = 0 1 = 0 1 1 = 1 1 = 0 0 = 1 : = {0, 1} : 3 (,, ) = + (,, ) = + + (, ) = + (,,, ) = ( + )( + ) + ( + )( + ) + = + = = + + = + = ( + ) + = + ( + ) () = () ( + ) = + + = ( + )( + ) + = = + 0

投稿類別 : 資訊類 篇名 : 代辦事項管理程式 作者 : 朱恩平 麗山高中 高二 6 班 指導老師 : 謝碧景老師

投稿類別 : 資訊類篇名 : 代辦事項管理程式作者 : 朱恩平麗山高中高二 6 班指導老師 : 謝碧景老師