修平科技大學資訊網路技術系實務專題

App 程式實作-老人版指導老師：蔡篤校

學生：陳俊瑜 BN103009

許紘齊 BN103011

唐楷翔 BN103012

徐頌崴 BN103017

中華民國 107 年 10 月 16 日1

3

修 平 科 技 大 學資 訊 網 路 技 術 系 實 務 專 題 報 告 APP 程 式 實 作 - 老 人 版 唐楷翔 徐頌崴

陳俊瑜 許紘齊 103

修平科技大學資訊網路技術系實務專題

App 程式實作-老人版學生： 陳俊瑜 BN103009

許紘齊 BN103011

唐楷翔 BN103012

徐頌崴 BN103017

指導老師： _______蔡篤校______老師

4

評審老師: ___________________老師 ___________________老師 ___________________老師

5

目錄摘要........................................................................................................................9

第一章 序論...............................................................................................10

（一）研究背景：............................................................................................10

（二）研究動機：............................................................................................11

（四）時程規劃：............................................................................................13

第二章 系統開發平台介紹.........................................................................14

（一）Android 介紹：..................................................................................14

（二）Android 系統介紹..............................................................................15

（三）Android 系統介紹：Application、Application Framework17

（四）Android 系統介紹：Libraries........................................................18

（五）Android 系統介紹：Android Runtime、Linux Kernel........19

（六）Appy Builder 介紹：.......................................................................20

（七）Appy Builder 專題製作、管理........................................................21

第三章 系統流程........................................................................................24

（一）遊戲操作流程........................................................................................24

第四章 遊戲系統實作................................................................................25

第五章 結論與心得..............................................................................................32

（一） 完成目標........................................................................................32

（二） 結論心得........................................................................................32

（三） 遭遇問題與解決方式.....................................................................32

第六章 程式碼......................................................................................................34

6-1 遊戲程式碼...............................................................................................34

第七章 參考文獻..................................................................................................53

6

圖目錄圖一【遊戲佔比成長率】..........................................................................12圖二【Android 系統市占率】...............................................................15圖三【Android 系統架構圖】...............................................................15圖四【Android 系統架構圖】...............................................................17圖五【Android 系統架構圖】...............................................................17圖六【Android 系統架構圖】...............................................................18圖七【Android 系統架構圖】...............................................................19圖八【Android 系統架構圖】...............................................................19圖九【Appy Builder 專題製作、管理】...........................................21圖十【Appy Builder 專題製作、管理】...........................................22圖十一【Appy Builder 專題製作、管理】.......................................22圖十二【Appy Builder 專題製作、管理】.......................................23圖十三【操作流程循序圖】......................................................................24圖十四【遊戲主選單】..............................................................................25圖十五【遊戲說明】..................................................................................26圖十六【遊戲介面】..................................................................................27圖十七【遊戲介面】..................................................................................28圖十八【遊戲介面】..................................................................................29圖十九【遊戲介面】..................................................................................30圖二十【遊戲介面】..................................................................................31圖二十一【程式碼】..................................................................................34圖二十二【程式碼】..................................................................................35圖二十三【程式碼】..................................................................................36圖二十四【程式碼】..................................................................................37圖二十五【程式碼】..................................................................................38圖二十六【程式碼】..................................................................................39圖二十七【程式碼】..................................................................................40圖二十八【程式碼】..................................................................................41圖二十九【程式碼】..................................................................................42圖三十【程式碼】......................................................................................43圖三十一【程式碼】..................................................................................44圖三十二【程式碼】..................................................................................45圖三十三【程式碼】..................................................................................46圖三十四【程式碼】..................................................................................47圖三十五【程式碼】..................................................................................48

7

圖三十六【程式碼】..................................................................................49圖三十七【程式碼】..................................................................................50圖三十八【程式碼】..................................................................................51圖三十九【程式碼】..................................................................................52

8

表目錄表一【時程規劃】......................................................................................13

9

摘要依據 2017 年國際失智症協會（ADI）資料，推估 2017 年將新增

1 千萬名新增失智症案例，平均每 3 秒就有一人罹患失智症。2017

年全球失智症人口近 5 千萬人，到了 2050 年人數將高達 1 億 3150

萬人。時代與科技的進步，使電腦的功能逐漸在手機上實現，然而網路

的技術發達與普及後，使手機發展出無限可能。主要是因為具有獨立的操作系統及軟體應用程式(APP)，使手機的功能更具便利及效率，也提供休閒娛樂的功能，刺激人們大腦的活動。

本專題的目的主要是打造一個適合老人簡單操作又具有益智的手機遊戲，期望給予使用者娛樂功能，讓使用者在閒暇之餘可以打發時間，同時多了益智讓大腦活動延緩失智症。

第一章 序論（一）研究背景：

10

台灣失智症協會依據國家發展委員會於 105 年 8 月公告之「中華民國人口推計（105 年至 150 年）」之全國總人口成長中推計資料，再加上失智症五歲盛行率推估，106 年底失智人口超過 27 萬人；民國 120 年失智人口逾 46 萬人，屆時每 100 位台灣人有 2 位失智者；民國 130 年失智人口逾 66 萬人，每 100 位台灣人有 3 位失智者。未來的 45 年中台灣失智人口數以平均每天增加 35 人**；每 40 分鐘***增加 1 位失智者的速度成長著，政府及民間都應及早準備。

智慧型手機與平板電腦等相關產品在近年來受到廣大消費者的喜愛，App 老人相關應用程式的開發也如雨後春筍般湧出，智慧型手機已是隨處可見，消費者習慣使用查詢地圖、玩遊戲已是逐漸融入生活中的一部分。

11

（二）研究動機：根據國外著名遊戲業界媒體 Gameslndustry.biz 就統計彙總

了 2017 年全球遊戲市場數據。2017 年全球遊戲市場達到了1160 億美元，同比增長 10.7%PC 遊戲市場份額占比 28%，為323 億美元，同比增長 1.5%，主機市場的份額是 29%，為 333

億美元，同比增長 3.7%，手遊市場份額是 43%，為 504 億美元，同比增長 23.3%。

12

以此數據來看，相形比較之下，電腦遊戲的市場雖然仍然有所市場，但智慧型手機的手遊市場比例上更為巨大，這表示智慧型手機已漸漸取代電腦，它能做到電腦許多能做的事情，卻有更多專屬於智慧型手機的優點，智慧型手機已是融入你我生活中的一部分了。

圖 1【遊戲佔比成長率】

13

（三）研究目的：根據研究背景與動機對於全球智慧型手機的發展趨勢，手機與平

板應用程式逐漸的增加，事實上每個 App 都是一個產品，而每為 App

開發者都是創業家，因此除了需要具備概念與技術外，更需要有創新的思考。

因此本專題希望做出一款讓老人操作簡便、遊戲目的明確、帶有益智性，考驗老人隨著遊戲關卡能有不同的思考性多活動大腦延緩老化，讓老人的生活除了電視之外還有其他的娛樂選擇。（四）時程規劃：

9月

10月

11月

12月

1月

2月

3月

4月

5月

6月

7月

8月

專題構思資料蒐集程式設計整體測試校正除錯報告撰寫

表 1【時程規劃】

14

第二章 系統開發平台介紹 （一）Android 介紹：

Android 是以 Linux核心的開放原始碼作業系統，是智慧型手機的作業系統之一，Android 系統最初由Andy Rubin 等人所開發製作，於 2005 年被美國科技企業Google所收購，2007 年在 Google 的領導下，成立開放手持裝置聯盟(Open Handset Alliance)。

隨後，Google 以 Apache免費開放原始碼許可證的授權方式，發布Android 的原始碼，所有廠商都不須經過Google和開放手持裝置聯盟的授權任意使用 Android 作業系統；但是廠商不能在未授權下在產品上使用 Google 的標誌和應用程式，例如:Google Play 等。

在 2017 全年度行動作業系統市占率調查，報告指出，在智慧型手機部分，Android 系統市場佔有率比達 85.9%，與其他作業系統相互比較，Android 已成智慧型手機作業系統的主流之一。

15

圖 2【Android 系統市占率】（二）Android 系統介紹2-1 Android 系統架構圖

圖 3【Android 系統架構圖】

16

由圖所示，Android 系統架構由五部分組成，分別是 Linux

Kernel、Android Runtime、Libraries、Application

Framework、Applications。

17

（三）Android 系統介紹：Application、Application Framework3-1 Applications

圖 4【Android 系統架構圖】Android裝配一個核心應用程式集合、包括電子郵件客戶端、

SMS 程序、日曆、地圖、瀏覽器、聯繫人和其他裝置。所有應用程式都是用 Java 程式語言寫的。3-2 Application Framework

圖 5【Android 系統架構圖】開發者可以完全使用核心應用程式所使用的框架。應用程式的體

系結構旨在簡化組件的重用，任何應用程式都能發布他的功能且任何其他應用程式可以使用這些功能。這一機制允許用戶替換組件。

18

（四）Android 系統介紹：Libraries4-1 Libraries

圖 6【Android 系統架構圖】Android包含一個 C/C++庫的集合，供 Android 系統的各個組

件所使用。這些功能通過Android 的應用程式框架(Application

Framework)給開發者。

19

（五）Android 系統介紹：Android Runtime、Linux Kernel5-1 Android Runtime

圖 7【Android 系統架構圖】Android包含一個核心庫的集合，提供大部分在 Java 程式語言核

心類庫中可用的功能。每一個 Android 應用程式是 Dalvik虛擬機中的實例，運行在他們自己的進程中。Dalvik虛擬機設計成，在一個設備可以高效地運行多個虛擬機。Dalvik虛擬機的 dex文件壓縮格式，相當適合內存和處理器速度有限的系統。5-2 Linux Kernel

圖 8【Android 系統架構圖】Android基於 Linux 提供核心系統服務，例如：安全、內存管理、

進程管理、驅動模型。Linux Kernel 也作為硬體和軟體之間的抽象層，它隱藏具體硬體細節而為上層提供統一的服務。

20

（六）Appy Builder 介紹：Appy Builder 是 App Inventor 2和 Thunkable基於 Web 的

Android 應用程序開發環境的替代品。與其兩個競爭對手一樣，它可使用拖放拼塊和Android屏幕布局圖像，以及與 Android設備上的應用程序的交互式連接。整體上大部分都具備 App Inventor 2 的功能，也支援了樂高 NTX 機器人，但畫面佈局更有著許多不同元件的選擇。不過Appy Builder並沒有手機模擬器供用戶使用，所有運行只能在實機上進行使用。

21

（七）Appy Builder 專題製作、管理

7-1　Appy Builder 開發工具 開啟網址「http://appybuilder.com/」並選擇「BUILD NOW」

圖 9【Appy Builder 專題製作、管理】22

7-2 點選 Start new project

圖 10【Appy Builder 專題製作、管理】

7-3 之後輸入專案名稱

圖 11【Appy Builder 專題製作、管理】

23

7-4 開始實作

圖 12【Appy Builder 專題製作、管理】

24

第三章 系統流程（一）遊戲操作流程

圖 13【操作流程循序圖】25

第四章 遊戲系統實作4-1 遊戲系統介紹：4-1-1

圖 14【遊戲主選單】此畫面為遊戲主選單，可以選擇遊戲開始進行遊玩或是遊戲說明查看說明。

26

4-1-2

圖 15【遊戲說明】玩家點選遊戲說明，便可得知遊戲物件的觸發以及規則。

27

4-1-3

圖 16【遊戲介面】玩家進入遊戲可以看到關卡的題目，以及利用上下左右操作人物的畫面。

28

4-1-4

圖 17【遊戲介面】將箱子推入右側一格軌道，便會移動到上方軌道區，箱子便會移動至井字木板區，而題目中的 XYZ則是由上至下核對的軌道。

29

4-1-5

圖 18【遊戲介面】角色碰觸紅色按鈕便會將軌道區的數字進行運算，如果正確便可進入下一關。

30

4-1-6

圖 19【遊戲介面】當玩家碰觸紅色按鈕如果答案錯誤或是箱子無法推動到軌道區時，玩家可以碰觸藍色按鈕將該關卡重新開始。

31

4-1-7

圖 20【遊戲介面】當玩家進行到第九關，將題目進行解答後，遊戲關卡已完全通關，便可點擊返回鍵回到主畫面。

32

第五章 結論與心得（一）完成目標運用了推箱計算的模式，除了增加趣味性，以及讓玩家邊動腦邊

進行遊戲，也在益智的設計上有不少變化。（二）結論心得透過這次專題讓我學習到，少許接觸過的數據面向的部分，由數

據了解到了現今已是智慧型 3c 的時代，這是現今發展下的趨勢，已是變為人們生活中不可或缺的一部分。

程式設計所設計出來的成品，同時也是在生活中隨處可見的情況，本次專題以寓教娛樂的方式來進行設計，在玩樂的過程中進行學習，達成一舉兩得的模式。雖然此次設計上遇到許多種種困難，例如程式上的衝突導致需要

不斷經過測試修改才能修正，在每一次小組討論進行合作討論，才有此次專題的完成。（三）遭遇問題與解決方式碰觸藍色按鈕時，關卡無法進行重製：

在測試的時候所發現的問題，發現是程式碼沒放入該關卡的重製設定，將程式碼修正後，之後做這一部分以更加注意有沒有放入重製

33

設定程式碼。上方軌道無法進行運算：

在測試軌道運算的時候，發現人物碰觸紅色按鈕時，沒有辦法將上方軌道進行運算，後來發現是井字木板區，沒有進行與數字箱子碰觸的程式碼設定，導致無法運算，修正了之後已無大礙。人物穿過物件沒有進行阻擋：

在測試時，進行人物與地圖的互動，發現人物穿過木板到達軌道區，發現問題後，將木板區增加阻擋程式碼，將其確認過之後，人物已無法進入軌道區。

34

第六章 程式碼6-1 遊戲程式碼

圖 21【程式碼】

35

圖 22【程式碼】

36

圖 23【程式碼】

37

圖 24【程式碼】

38

圖 25【程式碼】

39

圖 26【程式碼】

40

圖 27【程式碼】

41

圖 28【程式碼】

42

圖 29【程式碼】

43

圖 30【程式碼】

44

圖 31【程式碼】

45

圖 32【程式碼】

46

圖 33【程式碼】

47

圖 34【程式碼】

48

圖 35【程式碼】

49

圖 36【程式碼】

50

圖 37【程式碼】51

圖 38【程式碼】

52

圖 39【程式碼】53

第七章 參考文獻【1】遊戲佔比成長率概況圖片：https://www.steamxo.com/2017/12/21/105279/【2】Android 系統介紹圖片：https://read01.com/zh-tw/5Q2zQd.html#.W5SYhc4zaUl【3】AppyBuilder 系統介紹圖片https://appybuilder.com/【4】老人失智預防http://miss5850.pixnet.net/blog/post/167163648-%E8%80%81%E4%BA%BA%E5%A4%B1%E6%99%BA--%E5%8F%AF%E4%BB%A5%E9%A0%90%E9%98%B2【5】老人失智http://www.tada2002.org.tw/About/IsntDementia

【6】老人失智大腦運動https://health.udn.com/health/story/10698/2556730

54