國立勤益科技大學電子工程系四技日實務專題報告題目 : 導航人物 APP 指導教授 : 陳英傑專題生 : 方懋穎中華民國一百零六年六月 1

Size: px

Start display at page:

Download "國立勤益科技大學電子工程系四技日實務專題報告題目 : 導航人物 APP 指導教授 : 陳英傑專題生 : 方懋穎中華民國一百零六年六月 1"

馗宰
5 years ago
Views:

1 國立勤益科技大學電子工程系四技日實務專題報告題目 : 導航人物 APP 指導教授 : 陳英傑專題生 : 方懋穎中華民國一百零六年六月 1

2 事情摘要在手機資訊越來越發達的現在, 一台手機就能知道所有事情, 能做任何而且透過手機地圖不用特別去記地名, 地標, 就可以直接踏上陌生土地, 也不用怕自己迷路了, 但相對的總還是有些地方不方便既然能透過導航到達想要的位置, 但能不能透過導航來知道別人的位置呢? 以讓人熟悉的 GOOGLE 地圖介面, 將對方的位置給顯示出來, 並且在自己與對方位置之間可以看到一條線, 沿著線路便能找到對方透過手機便能知道對方在哪, 對方也知道自己在哪, 也可利用在旅遊時的會合, 不必透過告訴對方地標自己在哪, 也不用傻傻的等著對方過來, 直接透過手機知道對方已經離自己多近了, 也可以直接出發去找對方 2

3 英文摘要 The world in cells phone convenient generation. The cells phone can do everything and know everything. You can go outside without anything except the cells phone. Don t be afraid you will lost. Because you have the map in the cells phone. It have all information that you want to know. You can just take the cells phone to go anywhere. But if my friend got lost. How do I find him? So want to know where his is. And make sure he won t go around who won t get lost again. So send the position to each phone immediacy. It will get a line between him and me. 3

4 目錄摘要英文摘要目錄圖目錄緒言簡介理論軟體分析測試結果結論建議附錄參考資料

5 圖目錄 ( 圖一 ) Android Studio ( 圖二 ) Eclipse ( 圖三 ) JAVA ( 圖四 ) GOOGLE MAP API ( 圖五 ) 模擬測試結果 ( 圖六 ) 模擬測試結果 ( 圖七 ) Android Studio 使用畫面 ( 圖八 ) 版本調查使用率 ( 圖九 ) Activity Lifecycle

放棄支援, 加上 Android Studio 為 Google 所推出的軟體,

的懷抱,Android 作業系統所使用的語言為 JAVA 與 IOS 不同,IOS

但未來可能會慢慢地被 Swift 代替,JAVA 是一種程式語言, 擁有跨平台物件導向

6 緒言本次 APP 以 Android Studio ( 圖一 ) 軟體所撰寫, 原本使用的是 Eclipse ( 圖二 ) 撰寫, 因 Google 對於 Eclipse 放棄支援, 加上 Android Studio 為 Google 所推出的軟體, 再加上其他優點, 使我決定放棄 Eclipse, 並投向 Android Studio 的懷抱,Android 作業系統所使用的語言為 JAVA 與 IOS 不同,IOS 作業系統所使用的語言為 Object-C 與 Swift 目前以 Object-C 為主流, 但未來可能會慢慢地被 Swift 代替,JAVA 是一種程式語言, 擁有跨平台物件導向泛型程式設計的特性, 此 APP 大部分以 JAVA 語言來撰寫, 並以 XML 標記式語言來撰寫畫面 ( 圖一 ) ( 圖二 ) 6

簡介 ( 含製作動機方法結果 ) 自己本身一直對於寫程式有一種小熱忱, 看到那些打程式的人就覺得很厲害, 一直想知道到底怎麼弄的就可以跑出那麼多的東西, 想知道想研究想了解, 剛好透過這次專題來做一個作品來研究, 並且給自己所使用, 並提供自己的生活更加便利, 利用 Google APIs for Android 裡提供的 Map 為基底, 並利用 JAVA ( 圖三 ) 本身的

7 簡介 ( 含製作動機方法結果 ) 自己本身一直對於寫程式有一種小熱忱, 看到那些打程式的人就覺得很厲害, 一直想知道到底怎麼弄的就可以跑出那麼多的東西, 想知道想研究想了解, 剛好透過這次專題來做一個作品來研究, 並且給自己所使用, 並提供自己的生活更加便利, 利用 Google APIs for Android 裡提供的 Map 為基底, 並利用 JAVA ( 圖三 ) 本身的 Socket 和 ServerSocket 物件, 並搭配並行緒來運作, 使得手機可以成為客戶端或者為伺服器, 還有 Google Map Direction API 來將自己與對方的經緯度, 在地圖上畫圖, 使得地圖具有導航功能, 在製作過程中, 我分成三個階段來製作, 第一階段為找出自己的經緯度, 並顯示出來, 第二階段則為是在地圖上規畫路徑, 隨便在地圖上按下一個點, 並將此點與自己的位置連接起來, 第三階段則確認連線功能是否能運行 ( 圖三 ) 7

8 理論建立一個 GOOGLE 地圖介面 ( 圖四 ), 並先用手機建立一個伺服器或者是客戶端, 以 TCP 連線方式連線, 因為手機 IP 為浮動 IP, 將 IP 位置交給使用者自己輸入來連到對方, 並透過 GPS 得到自己的經緯度座標後, 在地圖座標更新時, 將自己的座標轉換成文字提供給對方, 並將得到的訊息透過程式將文字轉換成座標型態給地圖知道, 再將自己的座標點與對方的座標點透過 Google Map Direction API, 做運算並使用 JSON 取得資料並畫出路徑圖出來 ( 圖四 ) 8

9 START 登入畫面確認 Android 版本為 6.0 以請求權限選擇伺服器或客戶端客戶端伺服器選取連線對象等待連線開始連線繪製路徑完成 ( 流程圖 ) 9

10 軟體分析關於完整程式可在以下路徑裡找到 \locationapppp\mobile\src\main\java\com\example\locationapppp 在此列入幾個函式要連接 Google Play Service 需先建立 Google API Client GoogleApiClient mygoogleapiclient = new GoogleApiClient.Builder(this).addConnectionCallbacks(this).addOnConnectionFailedListener(this).addApi(LocationServices.API).build(); 並設置連線速度 (1000 單位為 1 秒 ) LocationRequest mylocationrequest = new LocationRequest(); mylocationrequest.setinterval(1000); mylocationrequest.setfastestinterval(1000); mylocationrequest.setpriority(locationrequest.priority_high_accuracy ); 取得連線座標 LocationServices.FusedLocationApi.requestLocationUpdates(mygoogleApiClient, mylocationrequest, this); 設立 LocationListener public void onlocationchanged(location mylocation) {... } 10

11 設立客戶端 private Runnable connection = new Runnable() public void run() { try{ InetAddress serverip = InetAddress.getByName(ip_address); final int serverport = 6000; client = new Socket(serverIp,serverPort); mybufferwriter = new BufferedWriter( new OutputStreamWriter(client.getOutputStream())); mybufferedreader = new BufferedReader(new InputStreamReader(client.getInputStream())); while (client.isconnected()) { catchposition = mybufferedreader.readline(); }catch(exception e){ e.printstacktrace(); error_client = e.tostring(); runonuithread(new Runnable() public void run() { Toast.makeText(MainActivity.this,R.string.error_code + error_client,toast.length_short).show(); } }); }}}; 11

12 設立伺服端 private Runnable connection2= new Runnable() public void run() { try{ runonuithread(new Runnable() public void run() { Toast.makeText(MainActivity.this,R.string.open_server,Toast.LENGTH_SHORT ).show();}}); serversocket = new ServerSocket(6000); Socket server_socket = serversocket.accept(); server_bufferwriter = new BufferedWriter( new OutputStreamWriter(server_socket.getOutputStream())); server_bufferedreader = new BufferedReader(new InputStreamReader(server_socket.getInputStream())); while (server_socket.isconnected()) { catchposition = server_bufferedreader.readline(); }catch(exception e){ e.printstacktrace(); server_error = e.tostring(); runonuithread(new Runnable() public void run() { Toast.makeText(MainActivity.this,R.string.error_code + server_error,toast.length_short).show(); }});}}}; 關於規畫路徑程式請參考以下網站 android.html 12

13 AndroidManifest <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android=" package="com.example.locationapppp"> <uses-permission android:name="android.permission.access_fine_location" /> <uses-permission android:name="android.permission.access_coarse_location" /> <uses-permission android:name="android.permission.internet" /> <uses-permission android:name="com.google.android.providers.gsf.permission.read_gser VICES" /> <uses-permission android:name="android.permission.access_network_state" /> <application android:allowbackup="true" android:supportsrtl="true" <activity android:name=".loginview" <intent-filter> <action android:name="android.intent.action.main" /> <category android:name="android.intent.category.launcher" /> </intent-filter> </activity> <meta-data android:name="com.google.android.geo.api_key" /> 13

14 <activity android:name=".mainactivity" <intent-filter> <action android:name="android.intent.action.main" /> </intent-filter> <meta-data android:name="com.google.android.gms.version" /> </activity> <activity android:name=".addname" <intent-filter> <action android:name="android.intent.action.main" /> </intent-filter> </activity> <activity android:name=".plschosen" /> <activity android:name=".input_address" /> <activity android:name=".getipaddress"> <intent-filter> <action android:name="android.intent.action.main" /> </intent-filter> </activity> </application> </manifest> 主要 Layout 檔 <?xml version="1.0" encoding="utf-8"?> <android.support.design.widget.coordinatorlayout xmlns:android=" 14

15 xmlns:app=" xmlns:tools=" android:layout_width="match_parent" android:layout_height="match_parent" android:fitssystemwindows="false" tools:context=".mainactivity"> <android.support.design.widget.appbarlayout android:layout_width="match_parent" android:layout_height="wrap_content" <android.support.v7.widget.toolbar android:layout_width="match_parent" android:layout_height="?attr/actionbarsize" android:background="?attr/colorprimary" /> </android.support.design.widget.appbarlayout> <include android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" /> <android.support.design.widget.floatingactionbutton android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="bottom end" android:layout_marginbottom="100dp" android:layout_marginend="10dp" app:fabsize="mini" /> 15

16 <android.support.design.widget.floatingactionbutton android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="bottom end" android:layout_marginbottom="145dp" android:layout_marginend="10dp" app:fabsize="mini" /> <android.support.design.widget.floatingactionbutton android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="bottom end" android:layout_marginbottom="55dp" android:layout_marginend="10dp" app:fabsize="mini" /> </android.support.design.widget.coordinatorlayout> 16

17 測試結果 ( 圖五 ) ( 圖六 ) 17

18 結論大致上結果與推論的一樣, 但因本身資源有限, 無法測試其連線功能正常與否, 只能依靠推論來判別程式的對與否, 原本打算以 UDP 方式連線, 但考慮到使用者並非一定是用真實 IP 可能是使用 Wifi 上網, 此時決定使用 TCP 方式連線, 但在測試時有出現一些預料性外的問題, 前幾個月手機摔到後, 使得 GPS 本身似乎有不穩的現象在, 讓手機本身有損壞的跡象, 更讓我無法判別到底是手機問題還是程式問題, 為了避免在執行過程中突然當掉並跳出, 我試著使用 JAVA 的 Try catch 使得當手機發生錯誤不會當掉, 並產生在手機畫面上告訴使用者錯誤為何, 而且在使用一些物件時, 因版本的不同, 所能用的物件與語法也不同 18

19 建議在做之前一直對與 Android 的書本語法各種看不懂, 雖然仍能簡單的做出一些物品出來, 但仍舊無法知道自己到底幹了什麼, 所以先去讀一本物件導向語言的書, 看是要對哪一個作業系統 Android 或是 IOS 來選擇開發, 兩者所使用的語言不一樣, 前者選用 JAVA 後者則是使用 Object-c ( 目前有漸漸往 SWIFT ), 有了一些基本知識後, 再去看會知道在講什麼意思, 對於物件的使用大部分不需要去死背, 因為可能會再度的變動, 有需要再去網站查就好, 但基本型別之類的還是需要熟記, 因為這些不會有太多變化 19

附錄 1. Android Studio 軟體使用大致整體畫面如圖 ( 七 ) 所示 ( 圖七 ) 2. 如要使用 GOOGLE 地圖等套件, 需再 SDK 上安裝 GOOGLE PLAY SERVICE 套件, 並在 GOOGLE API 網站 (https://console.developers.google.

20 附錄 1. Android Studio 軟體使用大致整體畫面如圖 ( 七 ) 所示 ( 圖七 ) 2. 如要使用 GOOGLE 地圖等套件, 需再 SDK 上安裝 GOOGLE PLAY SERVICE 套件, 並在 GOOGLE API 網站 ( 申請使用地圖 API, 有些 API 使用可能需要金錢, 但也有些是免費的, 例如地圖使用就是免費的 3. Android 系統各個版本調查使用率如圖 ( 八 ) 所示, 最多人使用為 6.0 版本 Version Codename API Distribution Gingerbread % Ice Cream Sandwich % 4.1.x Jelly Bean % 4.2.x % % 20

21 4.4 KitKat % 5.0 Lollipop % % 6.0 Marshmallow % 7.0 Nougat % 4. Activity Lifecycle % ( 圖八 ) ( 圖九 ) 21

22 參考資料參考網站 android.html android.html 參考書籍 Android 程式設計入門應用到精通 Thinking in Java 中文版 22

多媒體應用 13 新增專案並完成版面配置 <ExMusic01> <activity_main.xml> ImageView ID imgplay ImageView ID imgstop ImageView ID imgfront TextView ID txtsong TextView ID t

多媒體應用 13 新增專案並完成版面配置 <ExMusic01> <activity_main.xml> ImageView ID imgplay ImageView ID imgstop ImageView ID imgfront TextView ID txtsong TextView ID t 設定存取 SD 卡的權限 SD SD 13.1.4

國立勤益科技大學 電子工程系 四技日實務專題報告 題目 : 導航人物 APP 指導教授 : 陳英傑 專題生 : 方懋穎 中華民國一百零六年六月 1

國立勤益科技大學電子工程系四技日實務專題報告題目 : 導航人物 APP 指導教授 : 陳英傑專題生 : 方懋穎中華民國一百零六年六月 1