第二章 開發工具介紹
2.2 Android
2.2.2 架構
圖2.1 Android 系統架構圖 Application
在 Android SDK 所用的手機模擬器及未來實體的手機中，是以 Java 作為開 發語言，讓使用者透過基本的功能來使用手機，應用程式包括了電子郵件、簡訊、
行事曆、電子地圖、通訊錄等其它相關應用程式。
Application Framework
在 Android SDK，此層架構主要目的是讓開發者能擁有一套使用標準的應用 程式介面，這麼一來，能夠容易的重複使用各個功能元件。
Libraries
Libraries 屬於系統元件，讓開發者來使用，而這組系統元件所使用的為 C/C++的函式庫，開發者可以透過 Application Framework 使用這些功能。
Android Runtime
作業系統上的運行環境，取代 Dalvik 虛擬機，Android Runtime 改善了性能、
垃圾回收以及除錯與分析。
Linux Kernel
在 Android SDK(軟體開發套件)的作業系統是用 Linux，其版本為 2.6 版。
2.3 Server 2014 Management Studio
Microsoft SQL Server 為 Microsoft 所推出的 Relational Database 解決方案，
SQL Server Management Studio 為預設的管理工具，最初的內建語言是 SQL 語 言，但已擴充而成為作業用 SQL。
支援如下：
1. 於 ASP，可用 ADO 對於 SQL Server 來進行存取。
2. 於 ASP.NET，可用 ADO.NET 對於 SQL Server 來進行存取。
3. 於 Java 或 JSP，可用 JDBC 對於 SQL Server 來進行存取。
4. 於 PHP，可用 PDO 對於 SQL Server 來進行存取。
2.4 HTC
HTC 為台灣一家知名的智慧型手機公司。在 2008 年 6 月公司正式英文名稱 自 High Tech Computer Corporation 更名為 HTC Corporation。2009 年 10 月宏達 電公司宣佈推出以新的 品牌定位 Quietly Brilliant(品牌標語)。宏達電早期專注於 代工業務，2002 年開始生產全球第一台搭載微軟 Smartphone 2002 平台的智慧型 手機，一度擁有 Windows Mobile 智慧型手機 80%市場。2006 年 6 月開始推出自 創品牌的智慧型手機，由代工廠轉型為自有品牌。公司在 2011 年發展迅速，成 為全球知名手機生產商。現在 HTC 系列手機以搭載 Android 系統和 Windows Phone 系統最為普遍。2012 年，HTC 在世界手機市場以 1.8%的市佔率位列第 10 名。
表2.2 各品牌手機比較表
Full HD1080P
5.7 吋 5 吋 5 吋
1810mAh 2300mAh 3500mAh 3100mAh 2410mAh 整體
選用 HTC ONE 801e 原因
作業環境：Windows 10 瀏覽器：Chrome
資料庫：SQL Server 2014
網站開發軟體：Visual Studio 2015 ASP.Net MVC 個人伺服器：Apache 2.4.7
[2] 硬體環境
CPU：Intel Core i5-3337U 記憶體：8GB
手機：HTC ONE801e
第三章 專案規劃
3.1 專案管理運作流程
本系統的開發流程圖如圖 3.1 所示，首先是功能構思，到底怎麼設計才會吸 引到使用者，我們生活缺乏什麼幫助。再來是系統開發，三個人分別開發資料庫、
手機 App、網頁。再來是系統整合，在開發差不多之後，我們將系統前後端合併。
最後是系統測試，是最重要的一步，測試系統是否正常運作。
圖3.1 開發流程圖
3.2 工作分配及甘特圖
表 3.1 為工作分配表，將開發流程每個時期的工作都平均分配給每位組員，
一同開發。
表3.1 工作分配表
成員 工作內容
李明哲 架構設計
子系統網站部分
文件處理
李霽烝 需求分析
Android 設計測試
系統整合
莊育豪 流程規劃
資料庫建立
API 整理
表 3.2 為甘特圖，橫軸為時間縱軸為專題階段，塗黑的部分代表專題的進度。
表3.2 甘特圖
第四章 系統分析與設計
使用者可以自行輸入與別人約定的事情、時間與地點，手機會透過定位提 醒功能對使用者作提醒，使用者也可以觀看有什麼重要的事項。
[4] 手機 App 的記帳功能
使用者可以自行輸入當天的花費，資料會儲存在手機端的資料庫，手機會 自動計算使用者該月的花費，用 1 萬去扣除，顯示給使用者看目前剩餘金額，並 且顯示哪些是必要花費，哪些是不必要。
[5] 手機 App 的生活作息功能
此功能可以給使用者觀看一整天的行程，若行程有錯，使用者可以上傳新 的行程到後端資料庫來新增事件，行程會在每晚 12 點做更新。
[6] 手機 App 的登入功能
透過此功能，可以讓使用者客製化他的生活作息。
[7] 手機 App 的狀態功能
透過此功能，可以修改使用者當前狀態，讓朋友知道接下來的活動是否會 出席，也能觀看朋友是否會出席。
4.2 整體系統架構
本系統整體架構圖如圖 4.1 所示，系統主要分為前台的手機 APP 和網頁以及 後台資料庫系統，而手機透過 API 連接後端資料庫，獲得使用者資料進行提醒等 功能，網頁透過後端資料庫獲得使用者的各項資料進行統計資料數據。
圖4.1 系統架構圖
4.3 使用者需求 Use Case Diagram
本系統 Use Case 圖如圖 4.2 所示，使用者能使用的功能有：登入、天氣、生 活作息、行事曆、記帳、登出、網頁查詢。
圖4.2 使用者 Use Case Diagram
4.4 功能流程圖
4.4.1 APP 使用流程圖
本系統之 APP 使用流程圖如圖 4.3 所示，透過會員制方式進行自動提醒、天 氣、行事曆、生活作息、記帳等五大功能。
圖4.3 APP 使用流程圖 4.4.2 網頁使用流程圖
本系統之 APP 使用流程圖如錯誤! 找不到參照來源。.4 所示，可透過網頁 進行註冊、下載 APP、查詢生活紀錄以及觀看群組的公開行程。
圖4.4 網頁使用流程圖
4.5 資料庫欄位
資料表名稱：P1_User_Account
資料表用途：作為帳號登入用
表4.1 P1_User_Account 資料表
欄位名稱 資料格式 中文名稱 Null 備註
id int 使用者帳號編號 否 FK
email varchar(50) 使用者信箱帳號 否 password varchar(50) 事件詳細說明 否
資料表名稱：P1_User_Detail
資料表用途：存放使用者基本資料
表4.2 P1_User_Detail 資料表
欄位名稱 資料格式 中文名稱 Null 備註
資料表名稱：P1_Record
資料表名稱：P1_Record_Correct
資料表用途：存放使用者回傳紀錄準確表
表4.5 P1_Record_Correct 資料表
欄位名稱 資料格式 中文名稱 Null 備註
rc_id int 記錄正確編號 否 自動產生
event varchar(50) 事件名稱 否
correct bit 是否準確 否
date datetime 記錄發生時間 否
第五章 系統實作
5.1 網站子系統
5.1.1 主介面與登入
圖5.1 生活小幫手系統首頁
此平台可以提供使用者下載 app，並在網路上查看自己所有過去的行為，再 透過統計報表知道自己之前行為的出席狀況，進而改善自己生活上的品質，也可 以透過網站看到群組未來行程組員參與活動的狀況，也因為現在很多人都是用行 動裝置來瀏覽網頁，所以我們網頁上的設計也可以隨著不同手機自行變動頁面，
讓使用者在外頭使用也能方便，不會浪費太多時間。
圖5.2 系統登入介面
使用者要先登入，才能使用我們這個平台的服務，使用者輸入帳號密碼之 後，會將帳號密碼串接，並去資料庫中作對應，如果相同的話，就可以登入成功，
開始使用我們平台及功能。
圖5.3 登入錯誤畫面
如果使用者輸入的帳號密碼不符合的話，會無法成功登入，也會跳回登入頁 面，並顯示出錯誤的理由，讓使用者修正。
圖5.4 登入成功介面(回到首頁)
如圖 5.4，成功登入後，右上角會顯示使用者帳號，並能開始使用服務
圖5.5 加入會員介面
如圖 5.5 若你還沒有帳號，也想使用我們的服務的話，點入首頁加入會員，
即可成為我們的一份子。
圖5.6 關於我介面
app 的功能有更深的認識，進而快速掌握。
圖5.7 變更密碼
如圖 5.7，若使用者對於以前的密碼覺得不好用時，可以變更自己帳號密碼。
圖5.8 成功更改密碼
如圖 5.8 成功變更密碼後，帳號就可以輸入新密碼，繼續執行功能。
5.1.2 生活作息查詢功能
圖5.9 生活紀錄(未登入時)
如圖 5.9，如果你尚未登入時，是無法使用我們生活紀錄的功能。
圖5.10 生活紀錄(用[email protected]登入時)
透過生活作息可以看到使用者[email protected]所有的活動紀錄
圖5.11 生活紀錄(用[email protected]登入時)
透過生活作息可以看到使用者[email protected]所有的活動紀錄，不同使用 者過去的行為當然也是不同。
5.1.3 公開行程功能
圖5.12 公開行程
點開公開行程的功能之後，會看到這帳號的群組名稱，裡面放著群組人員對 於未來活動參與的狀況。
圖5.13 群組人員參與狀況
透過公開行程裡的群組功能，讓同一群組人員可以了解組員狀況，若有組員 突然臨時不舒服或因臨時有事不會到，而在手機端輸入後，我們也可以在網頁上 即時的看到。
5.1.4 統計資料功能
圖5.14 統計資料
點開統計資料的功能之後，會看到這帳號的過往活動參與狀況，還有根據他 的行為模式所產生出來的行為報表。
圖5.15 統計資料(用[email protected]登入時)
我們可從這頁面看到使用者過去每一筆他活動是準時到、延後到、或是無法 參加也會在經過一個月後，統計出上個月使用者全部活動的參與情形，再將它繪
圖5.16 紀錄報表
藉由圖表的資料視覺化，可以更方便使用者，對於自己過往活動紀錄更加掌握。
5.2 APP 子系統
5.2.1 APP 登入
圖5.17 APP 登入介面
使用者需要先登入才能進入主畫面，輸入完之後按登入，系統會到資料庫做 比對，若比對成功會回傳使用者 ID，即可開始使用。
5.2.2 APP 主畫面
圖5.18 APP 主畫面
進入主畫面後，可選擇天氣、生活作息、行事曆、記帳等功能，首先選擇右 上角的設定功能。
5.2.3 APP 設定介面
圖5.19 APP 設定
這裡有我們的聯絡資料，若要更換帳號可以選擇上方的登出按鈕。
5.2.4 APP 天氣
圖5.20 APP 天氣功能圖
此頁面是「天氣」功能，在此可以觀看目前的日期、天氣、溫度。
5.2.5 APP 生活作息
圖5.21 APP 生活作息功能圖
此頁面是「生活作息」功能，在此可以觀看使用者一整天的行程和目前的時 間與位置，若行程有誤，可以點選上方的按鈕來上傳正確事件。
圖5.22 APP 生活作息回傳準確圖
此頁面為生活作息–上傳正確事件，透過使用者上傳正確事件，我們可以更 準確的預判使用者之後的行程，提升準確率。為了提升定位精準度，使用者可以 點選上方的定位按鈕，來使用我們提供 Google 地圖來抓經緯度。
圖5.23 APP 定位經緯度地圖
進入到地圖，地圖會自動移到使用者的所在地，再來點選需要的經緯度，點 選標記的位置後，系統會詢問是否要儲存這個位置，點選 OK 後，系統會將標記 地點的經緯度自動填入。
圖5.24 APP 生活作息時間圖
再來選取事件的時間，填完所有所需的資料後，點選確定。
圖5.25 APP 生活作息新增事件介面
系統會跳回生活作息頁面，剛剛新增的資料會在最下方。
5.2.6 APP 行事曆功能
圖5.26 APP 行事曆功能介面
此頁面為「行事曆」功能，使用者可以點選上方定位按鈕進入 Google 地圖 後，點選位置填入經緯度以及所有資料後按新增，事件就會顯示在下方頁面，若 上面資料填選為例行公事，資料會上傳到後端資料庫，若不是例行公事，此資料
此頁面為「行事曆」功能，使用者可以點選上方定位按鈕進入 Google 地圖 後，點選位置填入經緯度以及所有資料後按新增，事件就會顯示在下方頁面，若 上面資料填選為例行公事，資料會上傳到後端資料庫，若不是例行公事，此資料