【103 學年度國立彰化高商學生實務專題製作成果報告書】
題
目：沃克起步走
指導老師：陳隨益
參賽學生： 王思雅 林欣錞 胡文馨 張育慈
學校名稱：國立彰化高級商業職業學校 群
別：商管群
科
別：資料處理科
中 華 民 國
1 0 3
年
6
月
1 8
日
目錄 摘要 --------------------------------------------------------------------- 1 壹、前言 ----------------------------------------------------------------- 1 一、研究動機 ----------------------------------------------------------- 1 二、研究目的 ----------------------------------------------------------- 1 貮、文獻探討 ------------------------------------------------------------- 1 一、App Inventor 2 ------------------------------------------------------ 1 二、協作平台(Google Site) ----------------------------------------------- 3 三、雲端硬碟(Google Drive) ---------------------------------------------- 3 四、Google 地圖(Google Maps) ------------------------------------------ 4 參、研究架構 ------------------------------------------------------------- 5 一、研究方法 ----------------------------------------------------------- 5 二、研究流程 ----------------------------------------------------------- 5 肆、系統實作及測試 ------------------------------------------------------- 5 一、系統架構 ----------------------------------------------------------- 5 二、系統操作流程 ------------------------------------------------------- 6 三、實作過程 ----------------------------------------------------------- 6 四、系統功能展示 ------------------------------------------------------- 7 伍、結果與討論 ---------------------------------------------------------- 12 一、可行性之評估 ------------------------------------------------------ 12 二、問題與討論 -------------------------------------------------------- 12 六、結論與建議 ---------------------------------------------------------- 12 一、結論 -------------------------------------------------------------- 12 二、改善與建議 -------------------------------------------------------- 12 參考文獻 ---------------------------------------------------------------- 13
圖目錄 圖一 圖二 圖三 圖四 圖五 圖六 圖七 圖八
App Inventor 的主要畫面 --------------------------------------------- 2 功能選項 ----------------------------------------------------------- 2 我們的協作平台 ----------------------------------------------------- 3 我們的雲端空間-包含我的地圖 ---------------------------------------- 3 街景服務涵蓋範圍 --------------------------------------------------- 4 規劃路線 ----------------------------------------------------------- 4 研究流程圖 --------------------------------------------------------- 5 系統功能架構圖 ----------------------------------------------------- 5
圖九 系統操作流程圖 ----------------------------------------------------- 6 圖十 App 扉頁畫面截取 --------------------------------------------------- 7 圖十一 App 首頁畫面截取 --------------------------------------------------- 7 圖十二起步走!運動趣!頁面截取 --------------------------------------------- 8 圖十三運動方式選取畫面截取 ----------------------------------------------- 8 圖十四儲存畫面截取 ------------------------------------------------------- 9 圖十五足跡頁面截取 ------------------------------------------------------- 9 圖十六每日記錄頁面截取 -------------------------------------------------- 10 圖十七享瘦激勵頁面截取 -------------------------------------------------- 10 圖十八飲食調整篇畫面截取 ------------------------------------------------ 11 圖十九發奮運動篇畫面截取 ------------------------------------------------ 11
沃克起步走 摘要 這是我們第一次結合 App 製作專題，做的是一個可以幫助你運動的 App，在 這個大家都非常重視運動的時代，這個 App 能夠幫助你紀錄運動的時間、走過的 路線、消耗的熱量、里程數…，結合 Google Earth 利用 GPS 定位你現在的位置， 讓你可以清楚知道目前的確切位置，移動到哪裡都會幫你記錄，就成了「我的足 跡」，除此之外，還有記錄你的體重，讓你知道運動後的成果，如果覺得沒有動 機想運動的話，也可以看看我們的「享瘦激勵」 ，這可能會讓你燃起運動的渴望。
關鍵字：App Inventor、協作平台、運動、專題製作、商管群
壹、前言 一、研究動機 在清晨、午後或者接近傍晚時分，有時我們會注意到週遭有許多人們在慢跑、 快走或是慢步，在生活的習慣下人們可能開始發現自己活的不夠健康了，許多人 開始會注意自己的健康，想要改變自己的身材等，而很多人會選擇跑步這項運動， 但是有了開始之後卻往往不能堅持到底，因此，我們想到是否可以製作一個能讓 人設立自我目標、紀錄運動過程並且激勵人們運動的 App。
二、研究目的 現今社會的人們忙碌於生活、工作，許多人都沒有運動的習慣，等到驚覺自 己的體力退步、身體不那麼健康了，才開始想要運卻早已經來不及了，運動最重 要的就是有計畫，如何讓現代人有計畫的運動是我們主要目的，幫你計時間、里 程數、消耗的熱量，還可以記錄體重的變化，讓你運動的資訊一把在手、希望無 窮，因此，我們就做了這個 App，讓大家可以輕鬆的運動。
貳、文獻探討 一、App Inventor 2 是本次專題最主要的工具，使用 MIT App Inventor2 程式拼圖來開發 Android 裝置應用程式，用它來做 App，對於我們來說再方便不過了，只要有些程式設計 的技巧就能夠很容易的操作，MIT App Inventor 2 網站還提供雲端服務，減少了 很多不必要的麻煩，用 App Inventor 做的程式可以連接手機或電腦，所以當你成 功之後就可以看看成品了啦！ 1
(圖一)App Inventor 的主要畫面
(圖二)功能選項 2
二、協作平台(Google Site) 輕鬆的為小組成立網站，簡單的編輯器讓你可以新增、編輯文字、上傳圖片 影片、新增網頁，或者更改協作平台的範本、背景主題、嵌入日曆、地圖、影片、 試算表及簡報等內容，都可以提升協作平台的豐富性，讓所有人只要造訪一個地 方，就能看到全部的最新消息和內容，可選擇協作平台的開放對象為特定範圍或 網路上所有的使用者。
(圖三)我們的協作平台
三、雲端硬碟(Google Drive) 免費提供 15GB 的儲存空間，儲存的資料包含相片、繪圖、影音、簡報... 等，各種檔案都可以，在行動裝置或電腦上存取 Google 雲端硬碟，讓你方便隨 時隨地找到資料，也可以在雲端硬碟存取我的地圖，像我們的路徑檔就是存在雲 端上，假使想要傳文件給好友，就直接在雲端點選資料開啟共用，彼此就共同擁 有一個檔案，還能再上面一起操作，相當實用。
(圖四)我們的雲端空間-包含我的地圖 3
四、Google地圖(Google Maps) 可以運用 Google 地圖搜尋及探索地點，還能規劃路線儲存成我的地圖，您 可以儲存開車路線、單車路線或步行路線，隨時隨地紀錄走過的路線，或與他人 共用，而 Google Maps 最大的功能就是定位與導航，像是透過 Google 將位置資 訊傳送到您的汽車，還有街景服務，利用小黃人 到各個地方探索(某些區域無 法使用街景服務)，不過目前該功能已經覆蓋了數十個國家核地區的主要城市。
(圖五)街景服務涵蓋範圍
(圖六)規劃路線
4
參、研究架構 一、研究方法 先選定主題，確定本次專題的計畫，寫專題計畫書，參考一些現在市場上的 APP，然後開始決定我們的APP要有什麼功能，再來用APP Inventor編輯版面， 先簡單的做一些按鈕，有按鈕之後就寫程式，程式則是從網路上先搜尋，研究之 後發現有錯誤就問老師，而APP Inventor有雲端功能，非常方便，所以不用擔心 儲存的問題，只不過太多的程式了，經常搞混，在APP Inventor上有一些基礎之 後，就可以下載到手機上測試功能了，最後則是美化APP，讓它可以更加精緻。
二、研究流程
擬定主
確立研究
題題目
動機與目的
設計及架 構系統
文獻探討
(圖七)研究流程圖
肆、系統實作及測試 一、系統架構
(圖八)系統功能架構圖 5
結果討論
結論與建 議
二、系統操作流程
開始
紀錄時間、消耗熱 量、運動速度與運 動里程數
暫停/繼續 起步走！ 運動趣！ 結束
足跡
紀錄填寫
儲存紀錄
足跡紀錄 查詢讀取
日期、運動(min)、 腰圍(cm)、臀圍 (cm)、體重(kg)
每日記錄 點我儲存
飲食調整篇
享瘦激勵
激勵語錄 發奮運動篇
(圖九)系統操作流程圖
三、實作過程 在一開始做這個 App 的時候真的很茫然，把版面配置好之後就準備開始寫 程式，從定位開始上網查了很多資料，看了別人寫的程式，也問了老師，但總是 有點不順利，做好了一個部份，又要解決別的問題，起出可能對程式蠻有興趣， 到後來真的感到很疲憊，但是，我們的組長總是不辭辛勞常常去問老師，我們的 程式才越來越完整，整個過程雖然辛苦但也有不收穫。
6
四、系統功能展示 (一) App進入扉頁
(圖十)App 扉頁畫面截取
(二)App 首頁 可從首頁連接至各個系統功能。
(圖十一)App 首頁畫面截取 7
(三)起步走!運動趣!頁面 自動定位使用者目前位置，按下開始即可紀錄各項運動訊息。
(圖十二)起步走!運動趣!頁面截取
(四)選擇運動方式 按下開始後會跳出運動方式選擇訊息
(圖十三)運動方式選取畫面截取 8
(五)按下結束按鈕 按下結束後即可選擇是否儲存此次運動紀錄
(圖十四)儲存畫面截取
(六)足跡頁面 儲存的資料可在足跡頁面讀取。
(圖十五)足跡頁面截取 9
(七)每日記錄頁面 可由此紀錄自己每天的運動時間與身體狀況。
(圖十六)每日記錄頁面截取
(八)享瘦激勵頁面 共分為飲食調整篇與發奮運動篇兩個類別。
(圖十七)享瘦激勵頁面截取 10
(九)飲食調整篇 收錄各種激勵自己控自飲食的話語。
(圖十八)飲食調整篇畫面截取
(十)發奮運動篇 收錄各種激勵自己運動的話語。
(圖十九)發奮運動篇畫面截取 11
伍、結果與討論 一、可行性之評估 在我們的 App 終於完成後，我們都認為我們的 App 是可行的，所以我們迫 不及待地給了班上的同學和其他人試用，大多數人覺得是可以用來記錄自己的運 動狀況的，只是功能和介面可能不夠完善，會出現一些小 bug，也希望能增加更 多方便的功能提供給使用者來使用，這樣這個 App 才能有別於其他常見的運動 類型 App，有更加好用的功能來吸引更多人來使用。
二、問題與討論 做的過程中最大的問題就是程式，雖然比起之前的 asp.Net 已經簡單不少， 但問題還是層出不窮，從一開始 GPS 無法定位，到後來能夠紀錄走過的路線， 還添加了許多功能， 只不過在計算速度和里程的功能方面還是有一點問題需要 改善。
陸、結論與建議 一、結論 這次的專題除了學做 APP 之外，更重要的是做專題時的態度，一路上跌跌 撞撞，程式老是成功不了，可能有時候心有餘而力不足，但是我們的組長都帶領 著組員們一步一步前進，雖然程式上還有一點瑕疵，至少我們都有努力過，沒有 放棄，這是比完成 APP 更為重要的事，除此之外，也學到很多製作 APP 的技術， 知道如何定位、計時...，當然，更感謝的事我們的指導老師，給我們這次機會， 他除了檢查我們的程式、評每次的報告、監督 APP 的進度，最感動的是，有問 必答，可能有些問題也是他第一次遇到，但他總會有管道能讓我們學習，真的非 常謝謝！
二、改善與建議 做這個 APP 真的挺辛苦，有人常常熬夜，程式也都要思考很久，像我們的 程式還是有小部份需要改進，所以真的不是一天兩天可以做的好，必須投入很多 的耐性，但是，重點就是做的過程，也許辛苦，但如果完成之後，成功在手機上 能夠使用真的會無比開心，開心會比辛苦來的多十倍，因此，希望再來有機會學 習的人能夠好好把握，讓自己成長。
12
參考文獻 App Inventor 2 -資訊學科中心。2015/06/18。取自 http://icerc.tnssh.tn.edu.tw/download/epaper/epa per98/1030630.pdf Google 協作平台說明。2015/06/18。取自 https://www.google.com.tw/intx/zh-TW/work/apps/busine ss/products/sites/ 雲端硬碟。2015/06/18。取自 https://support.google.com/drive/answer/6558?hl=zh-Hant&ref_topic=2 375005 Google Maps。2015/06/18。取自 https://support.google.com/maps/?hl=zh-Hant#topic=3092425 街景服務。2015/06/18。取自 https://support.google.com/maps/answer/68384?hl=zh-Hant&ref_topic =6002888
13