【國立彰化高商 資料處理科 專題製作成果報告書】
題
目：Help！SOS求救 App
指導老師：陳隨益 老師
參賽學生：曾雅鈞 33 林姿伶 25 黃詩雯 36 _粘家毓 10
學校名稱：國立彰化高級商業職業學校 群
別：商業與管理群
科
別：資料處理科
中
華
民
國
103
年
06
月
16
日
目錄 摘要--------------------------------------------------------------------------------------------------------1 壹、前言--------------------------------------------------------------------------------------------------一、研究動機-----------------------------------------------------------------------------------------1 二、研究目的-----------------------------------------------------------------------------------------1 貮、文獻探討--------------------------------------------------------------------------------------------一、App Inventor-------------------------------------------------------------------------------------1 二、協作平台(Google Site)------------------------------------------------------------------------2 三、TinyDB-------------------------------------------------------------------------------------------3 四、全球定位系統 (GPS) --------------------------------------------------------------------------3 五、緊急救難系統 (SOS) --------------------------------------------------------------------------3 參、研究架構--------------------------------------------------------------------------------------------一、研究方法-----------------------------------------------------------------------------------------4 二、研究流程-----------------------------------------------------------------------------------------4 肆、系統實作及測試-----------------------------------------------------------------------------------一、系統架構-----------------------------------------------------------------------------------------5 二、系統操作流程-----------------------------------------------------------------------------------6 三、實作過程-----------------------------------------------------------------------------------------7 四、系統功能展示---------------------------------------------------------------------------------16 伍、結果與討論-----------------------------------------------------------------------------------------一、可行性之評估---------------------------------------------------------------------------------23 二、問題與討論------------------------------------------------------------------------------------23 六、結論與建議-----------------------------------------------------------------------------------------一、結論---------------------------------------------------------------------------------------------23 二、改善與建議------------------------------------------------------------------------------------23
表目錄 表一 研究流程------------------------------------------------------------------------------------------4 表二 系統架構------------------------------------------------------------------------------------------5 表三 系統操作流程------------------------------------------------------------------------------------6
圖目錄 圖一 App Inventor 頁面--------------------------------------------------------------------------------2 圖二 協作平台------------------------------------------------------------------------------------------2 圖三 GPS 示意圖---------------------------------------------------------------------------------------3 圖四 SOS 標誌------------------------------------------------------------------------------------------3 圖五 首頁頁面------------------------------------------------------------------------------------------7 圖六 首頁頁面-程式碼--------------------------------------------------------------------------------7 圖七 發送簡訊頁面------------------------------------------------------------------------------------8 圖八 發送簡訊程式碼 -1------------------------------------------------------------------------------8 圖九 發送簡訊程式碼 -2------------------------------------------------------------------------------9 圖十 發送簡訊程式碼 -3------------------------------------------------------------------------------9 圖十一 發送簡訊程式碼 -4---------------------------------------------------------------------------9 圖十二 發送簡訊程式碼 -5---------------------------------------------------------------------------9 圖十三 發送簡訊程式碼 -6-------------------------------------------------------------------------10 圖十四 撥打電話頁面--------------------------------------------------------------------------------10 圖十五 撥打電話程式碼 -1-------------------------------------------------------------------------10 圖十六 撥打電話程式碼 -2--------------------------------------------------------------------------11 圖十七 撥打電話程式碼 -3--------------------------------------------------------------------------11 圖十八 撥打電話程式碼 -4--------------------------------------------------------------------------11 圖十九 撥打電話程式碼 -5--------------------------------------------------------------------------11 圖二十 GPS 定位頁面--------------------------------------------------------------------------------11 圖二十一 GPS 定位程式碼 -1----------------------------------------------------------------------12 圖二十二 GPS 定位程式碼 -2----------------------------------------------------------------------12 圖二十三 GPS 定位程式碼 -3----------------------------------------------------------------------12 圖二十四 GPS 定位程式碼 -4----------------------------------------------------------------------13 圖二十五 GPS 定位程式碼 -5----------------------------------------------------------------------13 圖二十六 救護小常識頁面--------------------------------------------------------------------------13 圖二十七 救護小常識頁面程式碼-----------------------------------------------------------------14 圖二十八 救護小常識內容頁 -1-------------------------------------------------------------------14 圖二十九 救護小常識內容頁 -2-------------------------------------------------------------------14 圖三十 使用滿意度頁面---------------------------------------------------------------------------15 圖三十一 使用說明頁面-----------------------------------------------------------------------------15 圖三十二 版本頁面-----------------------------------------------------------------------------------15 圖三十三 App – icon -1------------------------------------------------------------------------------16
圖三十四 App – icon -2------------------------------------------------------------------------------16 圖三十五 首頁畫面-----------------------------------------------------------------------------------16 圖三十六 發送簡訊畫面-----------------------------------------------------------------------------17 圖三十七 新增訊息提示畫面-----------------------------------------------------------------------17 圖三十八 新增電話提示畫面-----------------------------------------------------------------------17 圖三十九 訊息選擇畫面-----------------------------------------------------------------------------18 圖四十 電話選擇畫面------------------------------------------------------------------------------18 圖四十一 準備發送訊息畫面-----------------------------------------------------------------------18 圖四十二 已發送訊息提示畫面--------------------------------------------------------------------18 圖四十三 接收訊息畫面-----------------------------------------------------------------------------19 圖四十四 撥打電話畫面-----------------------------------------------------------------------------19 圖四十五 新增電話提示畫面-----------------------------------------------------------------------19 圖四十六 電話選擇畫面-----------------------------------------------------------------------------20 圖四十七 準備撥打電話畫面-----------------------------------------------------------------------20 圖四十八 GPS 定位畫面-----------------------------------------------------------------------------20 圖四十九 救護小常識選單 - 1----------------------------------------------------------------------21 圖五十 救護小常識選單 - 2-----------------------------------------------------------------------21 圖五十一 救護小常識畫面 -1----------------------------------------------------------------------21 圖五十二 救護小常識畫面 -2----------------------------------------------------------------------21 圖五十三 使用滿意度問卷--------------------------------------------------------------------------22 圖五十四 使用說明畫面-----------------------------------------------------------------------------22 圖五十五 版本畫面-----------------------------------------------------------------------------------22
Help！SOS 求救 App 摘要 在這危機重重的社會裡，我們希望利用 App Inventor 製作一個 SOS 求救系統， 能夠讓使用者在緊急的時候可以馬上向外界求助，以降低發生無法挽回的憾事機 率。我們設立發送簡訊功能，能夠快速和自己的親友或當地的警局聯繫。另外，我 們結合了 GPS 全球定位系統，及時提供自己的精準所在位置，大大的縮短尋找受 難者的時間。這個 App 中還加入了鳴笛系統，即使身邊沒帶哨子，只要按下按鍵， 就能發出極大的聲響來引起注目。最後，我們也提供了一些救護的小常識和小工 具，希望能夠加強使用者對常見護理常識的印象，避免突發狀況時的不知所措， 能夠提供最即時的幫助。 關鍵字：商管群、專題製作、APP、SOS
壹、前言 一、研究動機 在現今的社會裡，犯罪事件是層出不窮，我們該如何保護自己與他人？當遇 到了突發狀況，我們又應該如何去應變？其實如果在事情發生的當下，可以向外 求助，那麼也許能為自己救回一條性命。因此，我們決定建立一個 APP，是專門 用來處理緊急狀況時所使用的。加上現代人出門手機是不可或缺的，也幾乎是人 手一機，所以想利用 App Inventor 製作一個「SOS 求救系統」。
二、研究目的 在這人手一機的時代裡，有了智慧型手機，雖然方便，但也使許多人變成了 「低頭族」。可是，手機真的只是為了玩樂而存在的嗎？一開始的理念，不就是為 了增加生活的便利性而發明的嗎？所以，我們建立一個 APP─「SOS 求救系統」， 大大的提升手機的實用性，讓手機不再只是用來打發時間或是簡易的通話功能。 並且希望能夠因為這個 APP，因而救回許多生命，也讓社會更安定。
貳 、 文獻探討 一、App Inventor 1.App Inventor 的特色 (1) 雲端運算：開發環境基本上都是 Web 介面，不管你在那裡，只要打開 網頁，就可以繼續你剛剛還沒有寫完的程式。 (2) 直覺、圖像化的設計介面：使用者在設計程式時，幾乎都可以透過「拖拉 點選」來完成。 2.基本環境介紹 設計畫面就是一個手機的模擬畫面，拉來的元件就會顯示在畫面上，若 是”不可見的元件，則會顯示在畫面下方。每當使用者完成一個階段，還可 以存一個 Checkpoint，為程式版本做記錄。Component 的方塊，代表的是你拉
1
進來使用的元件有那些 ，下方也可以新增一些圖片、聲音等多媒體素材。屬性 區塊，每一個不同的元件，都有自己可以設計調整的屬性欄位。[註 1]
圖(一) App Inventor 頁面
二、協作平台(Google Site) 協作平台為 Google 公司所提供的免費小工具之一，用途是架設個人網站。且 Google 提供了超過 10 GB 的儲存空間，加上每個專業版使用者帳戶各 500 MB 的 儲存空間，不用擔心檔案容納不下的問題。[註 3]
圖(二) 協作平台
三、TinyDB 2
TinyDB 系統在操作上主要由兩部分構成，一部分是在基站上工作的數據庫， 作為用戶和應用程式查詢訊息的窗口，接收一般的查詢和控製程序，以及 TinyDB 系統的特定的查詢；另一部分是在每個節點上工作的嵌入的數據查詢執 行引擎，它的任務是管理無線傳感器網絡的數據、傳感器節點的活動和多查詢的 執行的操作等。
四、全球定位系統 (GPS) 是美國國防部研製和維護的中距離圓型 軌道衛星導航系統。它可以為地球表面絕大部 分地區（98%）提供準確的定位、測速和高精 度的時間標準。全球定位系統可滿足位於全球 任何地方或近地空間的軍事用戶連續精確的 確定三維位置、三維運動和時間的需要。 GPS系統擁有如下多種優點：使用低頻 訊號，縱使天候不佳仍能保持相當的訊號穿 透性；全球覆蓋（高達98%）；三維定速定 時高精度；快速、省時、高效率；應用廣泛、多 功能；可移動定位；不同於雙星定位系統， 使用過程中接收機不需要發出任何信號增加 圖(三) GPS示意圖 了隱蔽性，提高了其軍事應用效能。[註4]
五、緊急救難系統 (SOS) SOS 第一次被採用在 1905 年 4 月 1 日，由德國政府規定於無線電的管理條例。 並於 1906 年 11 月 3 日成為國際標準。在 1908 年 7 月 1 日後被廣泛採用。有記錄的 首次使用 SOS 求救信號時間是在 1909 年 8 月 11 日，當時汽船阿拉帕霍號（S.S. Arapahoe）駛至北卡羅來納州的哈特拉斯角後燃油殆盡，發出救援 36 小時後被救。 日 常 中 ， SOS 通 常 被 理 解 為 ： 「 Save Our Ship 」 （ 拯 救 我 們 的 船 ） 或 「Save Our Souls」（拯救我們的靈魂）。但當初制定規範時是沒有意思的，純粹因 摩斯電碼是全點及全橫而方便記載。SOS 這三個字母的摩爾斯電碼分別是『···』 『─ ─ ─』 『···』，念為『滴滴滴』 『答答答』 『滴滴滴』，也就是『三短音』 『三長音』 『三短音』 。 極為簡潔明確，即便是未經訓練的民眾，也可以輕易的利用手邊的器物發出這樣 的信號。[註 5] 圖(四) SOS標誌
參、研究架構 1、
研究方法 3
我們希望利用 App Inventor 製作一個求救系統，在系統中我們用 TinyDB 來儲 存緊急聯絡人的電話、預設訊息。然後將 GPS 定位系統以及 Google Map 做連結， 讓使用者在緊急時刻可以查看自己所在的正確位置。另外，我們也利用所學的 Photo Impact 及 Flash 來美化版面，最後使用 Google 協作平台來記錄我們一路上 建置歷程。
二、研究流程 研究流程如下表(一)所示
表(一) 研究流程
4
肆、系統實作及測試 1、
系統架構 我們將 App 分成三大部分、八大頁面 [如下表(二)所示] (一)、求救功能：發送簡訊、電話撥打、鳴笛聲響 (二)、其他功能：GPS 定位、救護小常識 (三)、使用者頁面：使用者頁面、使用說明、版本
表(二) 系統架構
5
2、
系統操作流程
開啟 App 後，進入到首頁畫面，首頁畫面上會有八大頁面的連結按鈕，其按 鈕及功能如下表(三)所示。
表(三) 系統操作流程
6
三、實作過程 首頁頁面建置，共有 8 個功能選項鍵
圖(五) 首頁頁面 切換各 App 頁面及鳴笛聲響的程式碼
圖(六) 首頁頁面-程式碼
7
發送簡訊頁面設置及程式碼介紹：
圖(七) 發送簡訊頁面
圖(八) 發送簡訊程式碼 程式初始化程式碼 程式開啟後，呼叫上次所儲存在 TinyDB 的資料
8
圖(九) 發送簡訊程式碼 新增電話完成後會出現 提示頁面並將資料儲存
圖(十) 發送簡訊程式碼 新增訊息內容完成後會出 現提示頁面並將資料儲存
圖(十一) 發送簡訊程式碼 在傳送前，先取得目 前所在地，將目前所 在地的地址也一併傳 送給親友
圖(十二) 發送簡訊程式碼 宣告程式原先內建的預設值
9
圖(十三) 發送簡訊程式碼 顯示使用者從 List Picker 中選擇之前所儲存的資料
撥打電話頁面設置及程式碼介紹：
圖(十四) 撥打電話頁面
10
圖(十五) 撥打電話程式碼 程式初始化 程式開啟後，呼叫上次所儲存在 TinyDB 的 資料 圖(十六) 撥打電話程式碼 新增電話完成後會出現提示 頁面並將資料儲存
圖(十七) 撥打電話程式碼 宣告程式原先內建的預設值 圖(十八) 撥打電話程式碼 顯示使用者從 List Picker 中 選擇之前所儲存的資料 圖(十九) 電話撥打功能程式碼
GPS 定位頁面設置及程式碼介紹：
11
圖(二十) GPS 定位頁面
圖(二十一) GPS 定位程式碼 開啟此頁面，先 呼叫上次定位的 資料，並顯示在 畫面上
12
圖(二十二) GPS 定位程式碼 按下按鈕定位，顯 示目前地址及經緯 度
圖(二十三) GPS 定位 按下按鈕，連結 Google 地圖，可以更清楚查看目前位置 圖(二十四) GPS 定位程式碼 按下按鈕定位後，每 30 秒更新一次最新位置
13
圖(二十五) GPS 定位程式碼 利 用 Location Sensor 工具偵測目前位置
救護小常識頁面設置及程式碼介紹：
圖(二十六) 救護小常識頁面
14
圖(二十七) 救護小常識頁面 各畫面切換程式碼
圖(二十八) 救護小常識內容頁-1
圖(二十九) 救護小常識內容頁-2
15
圖(三十) 使用滿意度頁面
圖(三十一) 使用說明頁面
圖(三十二) 版本頁面 16
17
四、系統功能展示
圖(三十三) App – icon -1
圖(三十四) App – icon -2
圖(三十五) 首頁畫面
18
圖(三十六) 發送簡訊畫面
圖(三十七) 新增訊息提示畫面
圖(三十八) 新增電話提示畫面
19
圖(三十九) 訊息選擇畫面
圖(四十一) 準備發送訊息畫面
圖(四十) 電話選擇畫面
圖(四十二) 已發送訊息提示畫面
20
圖(四十三) 接收訊息畫面
圖(四十四) 撥打電話畫面
圖(四十五) 新增電話提示畫面
21
圖(四十六) 電話選擇畫面
圖(四十七) 準備撥打電話畫面
圖(四十八) GPS 定位畫面
22
圖(四十九) 救護小常識選單- 1
圖(五十) 救護小常識選單- 2
圖(五十一) 救護小常識畫面-1
圖(五十二) 救護小常識畫面-2
23
圖(五十三) 使用滿意度問卷
圖(五十四) 使用說明畫面
圖(五十五) 版本畫面
24
伍、結果與討論 1、
可行性之評估
這個 APP 有別於一般所看到的求救系統只有單一個鳴笛的功能，它包括了簡 訊和 GPS 追蹤以及救護小常識等功能，讓使用者可以在緊急求救時發揮最大效用， 大致上是個非常便利可行的系統，但還是有些部分還能夠繼續改進，例如 GPS 追 蹤如果是在室內就無法精確的發送正確位置，甚至是無法定位，所以如果能夠改 善這個問題，這個 APP 一定能更加利於使用。
二、問題與討論 因為我們算是第一次接觸這部分的 App 製作，難免有不熟悉的部分，但因為 我們是個 team，遇到問題會一起想辦法去解決，去詢問老師或是上網找答案。做 這 App 的過程中，遇到的問題大多是程式碼寫錯，或是小 bug，但我們也都也找 出來，及時解決。
陸、結論與建議 1、
結論
在決定這個題目前，其實我們討論很多也想了很多，但是很多題目學長姊都 做過，我們想做的，是一個創新且兼具實用性的，而且是可以廣泛被運用的。感 覺上我們想做的，是一個遙不可及的夢想。那時，都快想破了頭，突然想到，其 實不一定只能看去年學長姐的，我們決定再參考更之前的。終於，可以算是皇天 不負苦心人吧，我們看到一個出現率很低的題目─求救系統，當下我們就決定是 他了！ 在做 App 的這段日子以來，我們不斷的想如何讓這 App 更貼近我們的生活， 將它變成一個既實用又美觀的 App，當初雖然想這夢想好像遙不可及，但…經過 幾個禮拜的努力，感覺又離夢想更近一步了！
二、改善與建議 其實有點可惜的部分是，當初的構想是想讓第一次使用的使用者建立屬於自 己的聯絡網，就像是註冊會員那樣。讓使用者設定密碼，防止求救訊號被人為刻 意取消。也可以和當地的警局隨時做連線的動作，一收到求救訊息，就立刻請求 支援。但有利必有弊，若是虛驚一場，也應該發送取消的訊息，以免造成不必要 的社會資源浪費。
25
參考文獻 註1 ( 2010 ) App Inventor初探。 http://www.inside.com.tw/2010/07/24/app-inventor-first-play 註2 ( 2010 ) Photo Impact簡介。 http://163.32.98.8/CCY/photoX3/ch1/ch1.htm 註3 ( 2014 ) Google。協作平台。 http://www.google.com/sites/help/intl/zh-TW/overview.html 註4 ( 2014 ) 維基百科。全球定位系統。 http://zh.wikipedia.org/wiki/%E5%85%A8%E7%90%83%E5%AE%9A%E4%BD%8D %E7%B3%BB%E7%BB%9F 註5 ( 2014 ) 維基百科。SOS。 http://zh.wikipedia.org/wiki/SOS
26