1.57k likes | 1.75k Views
Location Based Services - LBS. 系統實例 – 魔法地圖. 講師:蘇怡仁. Outline. 系統簡介 系統規劃 系統環境建 置 魔法地圖建置. Chapter1. 系統 簡介. 系統簡介. 1. 創作動機. 大部分的人在舉辦活動時,最常使用的聯絡 工具應該 是. 共 同 問題 : 無法掌握 參 與 人 即時狀況. 系統簡介. 1. 創作動機. 就 快到了啦. 晚一點到沒差. 再睡一下. 都幾點 了. 系統簡介. 1. 創作動機. 魔法地圖因應而生. 系統簡介. 2. 系統 功能. 個人資料.
E N D
Location Based Services - LBS 系統實例 – 魔法地圖 講師:蘇怡仁
Outline 系統簡介 系統規劃 系統環境建置 魔法地圖建置
Chapter1. 系統簡介
系統簡介 1. 創作動機 大部分的人在舉辦活動時,最常使用的聯絡工具應該是 共同問題: 無法掌握參與人即時狀況
系統簡介 1. 創作動機 就快到了啦 晚一點到沒差 再睡一下 都幾點了
系統簡介 1. 創作動機 魔法地圖因應而生
系統簡介 2. 系統功能 個人資料 搜尋好友 行動好友 活動訊息 邀請參加 使用者 舉辦活動 魔法地圖 顯示位置
系統簡介 3. 系統架構 Client Database Web Server Web Service Internet
系統簡介 個人資料 4. 系統操作流程 搜尋好友 行動好友 否 查詢 是否 存在 是 資料庫 新增
系統簡介 4. 系統操作流程 活動訊息 邀請參加 舉辦活動 是否 存在 建立活動 設定活動詳情 邀請好友 好友選擇是否參加 選擇地點
系統簡介 4. 系統操作流程 魔法地圖 顯示地圖 活動清單 顯示參加者位置、本地位置、活動位置 魔法地圖 顯示位置
Chapter2. 系統規劃
系統規劃 1. 系統功能介面規劃 4 3 6 7 2 5 8 1 活動清單
系統規劃 2.ER-Model Name title simID aid 1 n m Join 1 User Activity lat lng lat lng simid aid
系統規劃 3. Web Service 規劃
系統規劃 3. Web Service 規劃
系統規劃 4.軟體工程 (UML, Unified Modeling Language) • Unified • Modeling • Language
系統規劃 4.軟體工程 (UML Diagrams) • Use Case Diagrams • Class Diagrams • Sequence Diagrams
系統規劃 5.Use CaseDiagram 簡介 使用案例圖 (Use Case Diagram) 使用案例圖是從使用者的實際使用案例來描述系統所提供的功能。
系統規劃 5.Use CaseDiagram 簡介 元素介紹(Element) 魔法地圖 舉辦活動 舉辦活動 舉辦活動 Actor Use Case System (行為者) (使用案例) (系統)
系統規劃 5.Use CaseDiagram 簡介 元素介紹(Element) 活動申請 活動 舉辦人 Association (連結線)
系統規劃 5.Use CaseDiagram 簡介 關係介紹(Relationship) – 包含關係(include) – 延伸關係(extend)
系統規劃 5.Use Case Diagram簡介 關係介紹(Relationship) <<include>> 顯示參與 人所在位置 活動申請 使用者 Include (包含關係) 可參考2-1系統功能介面規劃的(7,8)畫面流程圖
系統規劃 5.Use CaseDiagram 簡介 關係介紹(Relationship) <<extend>> 顯示參與 人所在位置 活動列表 使用者 Extend (延伸關係) 可參考2-1系統功能介面規劃的(5,8)畫面流程圖
系統規劃 6.魔法地圖 Use Case Diagram 魔法地圖 <<include>> 活動申請 列出會員 <<include>> 使用者 顯示參與 人所在位置 活動列表 地圖打點 <<extend>> 上傳位置 Service
系統規劃 7.ClassDiagram 簡介 類別圖 (Class Diagram) 類別是物件導向軟體系統的核心,可以用來描述軟體系統類別之間的關係與靜態之結構。
系統規劃 7.ClassDiagram 簡介 元素介紹(Element) <<persistent>> <<transient>> Class Name Class Name Transient Class Persistent Class (暫存類別) (永存類別)
系統規劃 7.ClassDiagram 簡介 元素介紹(Element) Class Name + attribute1 :type Attribute # attribute2 :type ~ attribute3 :type - operation1() :type Operation - operation2() :type class (類別)
系統規劃 7.ClassDiagram 簡介 能見度介紹(Visibility) Class Name Public +attribute1 :type Protected #attribute2 :type ~attribute3 :type Package -operation1() :type Private - operation2() :type class (類別)
系統規劃 7.ClassDiagram 簡介 關係介紹(Relationship) 參加 使用者 活動 Association (關聯)
系統規劃 7.ClassDiagram 簡介 多重性介紹(Multiplicity) 使用者 活動 1 0…* Multiplicity (多重性)
系統規劃 8.魔法地圖ClassDiagram 0…* 1 0…* 1 1 1
系統規劃 9. SequenceDiagram 簡介 循序圖 (Sequence Diagram) 循序圖用於顯示參與一個使用案例彼此之間傳遞訊息時間上的執行順序。
系統規劃 9. SequenceDiagram 簡介 元素介紹 obj:class obj:class obj:class Activation Participants Lifeline (啟動棒) (參與者) (生命線)
系統規劃 9. SequenceDiagram 簡介 訊息介紹 obj:class obj:class result= message(paramter):type message(paramter):type Message 同步訊息 (Synchronous Messages) (訊息) 非同步訊息 (Asynchronous Messages)
系統規劃 10. 魔法地圖 SequenceDiagram Web Service Android :活動 :會員 :參加 getUserList():array getUserList():json return return getLocation(simid):array getLocation(simid):json return return getJoinActivity(simid):array getTitle(aid):String getJoinActivity(simid):json return return return
系統規劃 10. 魔法地圖 SequenceDiagram Web Service Android :活動 :會員 :參加 login(simid,name):boolean checkUser(simid,name):json return return addActivity (title,lat,lng,friend[]):boolean addActivity(title,lat,lng) Return:aid addParticipant(aid,friend[]):json return return getJoinUser(aid):array getJoinUser(aid) return:simid[] return getUserInfo(simid[]) return
系統規劃 10. 魔法地圖 SequenceDiagram Android (Background Service) Web Service :會員 updateLocation(simid,lat,lng):boolean updateLocation(simid,lat,lng):json return return
Chapter3. 系統環境建置
系統環境建置 2.建置資料庫 點擊Admin,啟動MySQL管理介面
系統環境建置 2.建置資料庫 1 2 3 4 magicmaps utf8_general_ci
系統環境建置 3.建置資料庫欄位 1 2 3 user 4
系統環境建置 2.建置資料庫欄位 建立user相關欄位
系統環境建置 2.建置資料庫欄位 1 2 3 join join 3
系統環境建置 2.建置資料庫欄位 建立join相關欄位
系統環境建置 2.建置資料庫欄位 1 2 3 activity 4
系統環境建置 2.建置資料庫欄位 建立activity相關欄位
Chapter4. 魔法地圖建置
魔法地圖建置 3. 權限說明 Uses Permission • INTERNET • 網路存取權限 • ACCESS_FINE_LOCATION • GPS定位權限 • ACCESS_COARSE_LOCATION • 無線網路定位 • ACCESS_NETWORK_STATE • 允許應用程序訪問有關GSM網絡信息 • WRITE_EXTERNAL_STORAGE • 允許應用程序寫入外部存儲器
魔法地圖建置 3. 權限說明 Uses Permission • MAPS_RECEIVE • 允許下載圖資 • READ_PHONE_STATE • 允許存取 SIMCard 資訊 • READ_GSERVICES • 允許 API 訪問 Google Web 的服務 Permission • MAPS_RECEIVE • 允許下載圖資