Seri 9 : Aplikasi gps dengan app inventor

4,230 views

Published on

Kali ini kita akan membuat aplikasi GPS dengan App Inventor, silahkan bisa dikembangkan lagi

Published in: Education
  • Be the first to comment

Seri 9 : Aplikasi gps dengan app inventor

  1. 1. Aplikasi GPS dengan App InventorMengenal App Inventor lebih dalam (9)GPS merupakan salahsatu fitur utama pada Smartphone, tidak terkecuali dengan sistem operasi Androidyang juga memiliki fitur GPS secara default. Kali ini kita akan membuat aplikasi GPS dengan menggunakanApp Inventor dan memakai Activity Starter (Intens) untuk memanggil Google Map. Pertama yang harusdipahami adalah untuk mencoba aplikasi ini kita membutuhkan device handphone Android, karena Emulatortidak memiliki fasilitas GPS.Logika dari aplikasi ini adalah sebagai berikut : 1. GPS (LocationSensor) akan mencari koordinat Latitude dan Longtitude ketika aplikasi diluncurkan dan GPS aktif. 2. Tampilkan pada LabelLat dan LabelLong pada label GPS 3. LabelTdkDiketahui pada labelAddress akan diupdate menjadi nama lokasi address saat ini 4. Tombol ButtonPeta merupakan tombol untuk mengakses peta berdasarkan dari koordinat GPS yang telah didapatkan.Seperti biasa masukkan komponen pada desainer, dan disini komponen utamanya adalah LocationSensordari Pallete Sensor pada jendela Desainer, kemudian ActicityStarter dari Pallete Other Stuff. Jangan lupauntuk merapikan gunakan HorizontalArranggement, atau bisa dengan menggunakan TabelArrangement.Kemudian isi properties text pada LabelLat dan LabelLong, dengan angka 0 (Nol), sebagai tanda koordinatmasih kosong. Silahkan lihat seperti gambar dibawah ini :Iki Mazadi http://indo-android.blogspot.com
  2. 2. Gb. GPS Komponen DesainerSedangkan properties yang harus diset pada Activity Starter adalah : 1. Action : android.intent.action.VIEW 2. ActivityPackage : com.google.android.maps.MapsActivity 3. ActivityClass : com.google.android.apps.mapsIki Mazadi http://indo-android.blogspot.com
  3. 3. Blocks pada LocationSensor yang pertama kita gunakan adalah Blocks LocationSensor.LocationChanged ,disini kita akan melihat socket penting yaitu Latitude(Lat) , Longitude (Long) dan Altitude. Sedangkan saatini kita hanya akan menggunakan Lat dan Long, yang kemudian menampilkan koordinat Lat dan Longtersebut kedalam label, LabelLat dan LabelLong agar terlihat oleh pengguna aplikasi pada User Interface(UI). Sedangkan nilainya kita ambilkan dari My Definitions > value Latitude dan value longitude, setelah itupada LabelTdkDiketahui kita set dengan Block LocationSensor.CurrentAddress dari LocationSensor agarkita mengetahui alamat dari koordinat saat itu. Perhatikan pada gambar : Gb. 2 LocationSensorSaddr AddressPada dasarnya kita sebenarnya bisa langsung menggunakan koordinat Lat dan Long , akan tetapi sebagaibahan pembelajaran maka pada projek ini kita tampilkan koordinat pada sebuah label text terlebih dulu.Disamping itu dengan menampilkan koordinat Lat dan Long, kita bisa melihat dan memastikan bahwakoordinat dari GPS telah kita terima, meskipun pada prakteknya bisa ditampilkan dalam bentuk grafikmisalnya.Untuk menampilkan peta berdasarkan koordinat yang kita dapatkan, kita bisa menggunakan format URL :http://maps.google.com/maps?saddr=-7.795442,110.368996 . Apabila kita perhatikan maka kita bisa pilahmenjadi per-bagian yaitu : 1. http://maps.google.com/maps?saddr= 2. Koordinat Latitude : -7.795442 3. Teks : Koma (,) 4. Koordinat Longitude : 110.368996Iki Mazadi http://indo-android.blogspot.com
  4. 4. Saddr artinya adalah source address yaitu koordinat awal GPS, yang biasanya digunakan pada saat kitamembuat sebuah peta rute perjalanan dengan input petunjuk koordinat awal dan koordinat akhir. Gb.3 Google Map Saddr & Daaddr AddressKembali ke format alamat URL http://maps.google.com/maps?saddr=-7.795442,110.368996 , maka padaaplikasi yang kita buat ,ketika tombol ButtonPeta diklik maka google map akan terbuka. Disini Blockskomponen penting yang kita pakai adalah ActivityStarter.DataUri sebagai blocks yang akan membukagoogle map sesuai alamat URL, kemudian ActivityStarter.StartActivity yang menjadi trigger intensActivityStater di jalankan. Sedangkan blocks make text hanya sebuah blocks yang akan menggabungkanbeberapa blocks text bagian-bagian dari alamat URL yang kita miliki. Yaitu blocks bagian alamat dasar URLhttp://maps.google.com/maps?saddr= , kemudian Koordinat LAT , teks koma (,) dan Koordinat Long.Sehingga Blocksnya akan terlihat seperti ini :Iki Mazadi http://indo-android.blogspot.com
  5. 5. Gb.4 Blocks ActivityStarterBlocks Lengkap dari Aplikasi GPSSedangkan blocks komponen seluruhnya akan terlihat seperti digambar : Gb.5 Blocks LengkapIki Mazadi http://indo-android.blogspot.com
  6. 6. Dan seperti yang sudah dijelaskan diawal, untuk mencoba aplikasi ini maka harus memakai device atauhandset HP Android langsung, karena kita tidak bisa mencobanya di Emulator. Hal lain yang perludiperhatikan adalah, secara teknis GPS menangkap signal dari satelit yang berada jauh diatas langit. Olehkarena itu, maka jika terdapat penghalang antara satelit dengan device, maka biasanya akan menganggupenangkapan signal atau bahkan bisa membuat signal GPS dari satelit tidak bisa diterima. Penghalang itumisalnya beton padat, atap rumah, pepohonan yang rimbun, atau bahkan atap mobil yang cukup tebal.Maka disarankan ketika mencoba GPS dan aplikasi yang kita buat ini, usahakan diluar rumah, sehingga tidakterhalang antara device dengan satelit. Well silahkan mencoba tutorial ini, dan akan lebih baik lagi jikadikembangkan lebih jauh. Misalnya untuk mencari rute, mencatat rute perjalanan, dan lain sebagainya,Ok have great time.Aplikasi ini dibuat dengan menggunakan App Inventor versi true offline (Personal Server), yaitu App Inventoryang bisa digunakan tanpa harus terkoneksi dengan internet. Tentu saja kita harus mendownloadnyaterlebih dahulu di http://sourceforge.net/projects/ai4a-configs/files/Personal%20server/ . Silahkan bacaketerangan (Readme) untuk instalasi dan cara menggunakannya, atau bisa melihat artikel pada blog penulishttp://indo-android.blogspot.com/2012/07/app-inventor-true-offline-app-inventor.html :)Saat ini versi App Inventor Personal Server Offline 1.4.6 bisa di Download pada linkhttp://sourceforge.net/projects/ai4a-configs/files/V1.4.6/Iki MazadiFounderhttp://indo-android.blogspot.comhttp://www.gobaksodor.comhttp://www.tidofriends.com*Artikel ini di publikasikan di tabloid PC Plus 2012Iki Mazadi http://indo-android.blogspot.com

×