Aplikasi GPS dengan App Inventor

Mengenal App Inventor lebih dalam (9)

GPS merupakan salahsatu fitur utama pada Smartphone, tidak terkecuali dengan sistem operasi Android yang juga memiliki fitur GPS secara default. Kali ini kita akan membuat aplikasi GPS dengan menggunakan App Inventor dan memakai Activity Starter (Intens) untuk memanggil Google Map. Pertama yang harus dipahami adalah untuk mencoba aplikasi ini kita membutuhkan device handphone Android, karena Emulator tidak 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 GPS3. LabelTdkDiketahui pada labelAddress akan diupdate menjadi nama lokasi address saat ini4. 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 LocationSensor dari Pallete Sensor pada jendela Desainer, kemudian ActicityStarter dari Pallete Other Stuff. Jangan lupa untuk merapikan gunakan HorizontalArranggement, atau bisa dengan menggunakan TabelArrangement. Kemudian isi properties text pada LabelLat dan LabelLong, dengan angka 0 (Nol), sebagai tanda koordinat masih kosong. Silahkan lihat seperti gambar dibawah ini :

Iki Mazadi http://indo-android.blogspot.com

Gb. GPS Komponen Desainer

Sedangkan properties yang harus diset pada Activity Starter adalah :

1. Action : android.intent.action.VIEW2. ActivityPackage : com.google.android.maps.MapsActivity3. ActivityClass : com.google.android.apps.maps

Iki Mazadi http://indo-android.blogspot.com

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 saat ini kita hanya akan menggunakan Lat dan Long, yang kemudian menampilkan koordinat Lat dan Long tersebut 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 itu pada LabelTdkDiketahui kita set dengan Block LocationSensor.CurrentAddress dari LocationSensor agar kita mengetahui alamat dari koordinat saat itu. Perhatikan pada gambar :

Gb. 2 LocationSensor

Saddr Address

Pada dasarnya kita sebenarnya bisa langsung menggunakan koordinat Lat dan Long , akan tetapi sebagai bahan 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 bahwa koordinat dari GPS telah kita terima, meskipun pada prakteknya bisa ditampilkan dalam bentuk grafik misalnya.

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 pilah menjadi per-bagian yaitu :

1. http://maps.google.com/maps?saddr =2. Koordinat Latitude : -7.7954423. Teks : Koma (,)4. Koordinat Longitude : 110.368996

Iki Mazadi http://indo-android.blogspot.com

Saddr artinya adalah source address yaitu koordinat awal GPS, yang biasanya digunakan pada saat kita membuat sebuah peta rute perjalanan dengan input petunjuk koordinat awal dan koordinat akhir.

Gb.3 Google Map Saddr & Daaddr Address

Kembali ke format alamat URL http://maps.google.com/maps?saddr=-7.795442,110.368996 , maka pada aplikasi yang kita buat ,ketika tombol ButtonPeta diklik maka google map akan terbuka. Disini Blocks komponen penting yang kita pakai adalah ActivityStarter.DataUri sebagai blocks yang akan membuka google map sesuai alamat URL, kemudian ActivityStarter.StartActivity yang menjadi trigger intens ActivityStater di jalankan. Sedangkan blocks make text hanya sebuah blocks yang akan menggabungkan beberapa blocks text bagian-bagian dari alamat URL yang kita miliki. Yaitu blocks bagian alamat dasar URL http://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

Gb.4 Blocks ActivityStarter

Blocks Lengkap dari Aplikasi GPS

Sedangkan blocks komponen seluruhnya akan terlihat seperti digambar :

Gb.5 Blocks Lengkap

Iki Mazadi http://indo-android.blogspot.com

Dan seperti yang sudah dijelaskan diawal, untuk mencoba aplikasi ini maka harus memakai device atau handset HP Android langsung, karena kita tidak bisa mencobanya di Emulator. Hal lain yang perlu diperhatikan adalah, secara teknis GPS menangkap signal dari satelit yang berada jauh diatas langit. Oleh karena itu, maka jika terdapat penghalang antara satelit dengan device, maka biasanya akan menganggu penangkapan signal atau bahkan bisa membuat signal GPS dari satelit tidak bisa diterima. Penghalang itu misalnya 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 tidak terhalang antara device dengan satelit. Well silahkan mencoba tutorial ini, dan akan lebih baik lagi jika dikembangkan 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 Inventor yang bisa digunakan tanpa harus terkoneksi dengan internet. Tentu saja kita harus mendownloadnya terlebih dahulu di http://sourceforge.net/projects/ai4a-configs/files/Personal%20server/ . Silahkan baca keterangan (Readme) untuk instalasi dan cara menggunakannya, atau bisa melihat artikel pada blog penulis http://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 link http://sourceforge.net/projects/ai4a-configs/files/V1.4.6/

Iki Mazadi

Founder

http://indo-android.blogspot.com

http://www.gobaksodor.com

http://www.tidofriends.com

*Artikel ini di publikasikan di tabloid PC Plus 2012

Iki Mazadi http://indo-android.blogspot.com