Cara Menggunakan Komponen Location Sensor di Thunkable

Berita Anda on

Wednesday, April 24, 2019

Berita Anda, Halo Pengunjung blog dimanapun anda berada semoga kalian tetap dalam keadaan sehat, saat ini anda sedang membaca Artikel dengan judul Cara Menggunakan Komponen Location Sensor di Thunkable, semoga bermanfaat dan selamat membaca

Location Sensor adalah salah satu pallete yang terdapat bagian Sensor yang dimana berperan untuk mendeteksi suatu titik lokasi pada smartphone melalui satelit yang dikenal dengan GPS (Global Positioning System) yang merupakan suatu sistem teknologi yang akan membantu posisi keberadaan diri kita. Jadi, adanya GPS, maka kita bisa dideteksi titik lokasi dan posisi kamu yang berada dengan smartphone.

Kali ini, penulis akan memberikan tutorial cara menggunakan Location Sensor yang terdapat pada Pallerte bagian Sensors di dalam Thunkable.

Langkah-Langkah :

1. Aktifkan web browser di komputer atau laptop anda.

2. Ketikkan thunkable.com pada address bar. Tunggu sampai halaman utama muncul.

3. Setelah itu, anda diminta login untuk memasuki akses project Thunkable. Klik Sign In. Ini melakukan login melalui Gmail Oauth dengan mengisi akun gmail anda. Tunggu beberapa saat sampai redirect ke homepage. Lihat gambar di bawah ini.

Tampilan Dashboard Thunkable.

4. Klik Create New App untuk membuat project baru. Kemudian, nama judul project sesuai dengan keinginan anda. Misalkan, nama judul project adalah "locationsensor1". Klik OK.

Tampilan Pembuatan Project Baru.

5. Masuki bagian Pallete, carilah widget Label untuk menampilkan titik lokasi berdasarkan garis bujur. Klik tahan pada Label lalu tarik ke layar Screen.

Tampilan Pembuatan Label untuk Deteksi Titik Lokasi.

Setelah, buatlah 2 label untuk menampilkan titik lokasi yang berdasarkan garis lintang dan alamat dengan cara yang sama.

6. Aturlah isi teks pada masing-masing label sebagai berikut ini.
Label1 = "Garis Bujur : ".
Label2 = "Garis Lintang : "
Label3 = "Alamat : "

Tampilan Pengubahan Teks pada masing-masing Label.

7. Masuki bagian Sensors, carilah Location Sensor untuk mendeteksi titik lokasi melalui satelit atau GPS. Klik tahan pada Location Sensor lalu tarik ke layar Screen.

8. Klik kiri tahan mouse pada blok program Location_Sensor1.LocationChanged(). Ini berguna untuk mendeteksi titik lokasi kamu pada saat membuka aplikasi.

Tampilan Pembuatan Deteksi Titik Lokasi.

9. Geserkan blok program tersebut ke Blocks view.

Tampilan setelah dibuat Blok Program Location_Sensor1.LocationChanged().

10. Klik tahan mouse pada blok program Label1.setText(). Ini berguna untuk menampilkan titik lokasi berdasarkan garis bujur.

Tampilan Pembuatan titik lokasi Garis Bujur.

11. Geserkan blok program tersebut ke dalam blok program Location_Sensor1.LocationChanged(). (maaf, tidak ada gambar).

12. Klik kiri tahan mouse pada blok program join yang terdapat pada built-in bagian text. Ini berguna untuk menggabungkan beberapa kata khusus garis bujur.

Tampilan Pembuatan Perubahan Titik Lokasi berdasarkan Garis Bujur.

13. Geserkan blok program tersebut ke dalam Label1.setText().

Tampilan Setelah Blok Program Join ditambahkan ke dalam Label1.setText().

14. Klik kiri tahan mouse pada blok program teks kosong.

Tampilan penambahan blok program teks kosong ke dalam Label1.

15. Geserkan blok prgram teks kosong tersebut ke dalam blok diagram join text yang pertama pada Label1.setText(). Kemudian, teks kosong tersebut diisikan dengan "Garis Bujur : ".

Tampilan Memasukkan teks kosong ke dalam Blok Program Join Text yang pertama di Label1. 

16. Kenakan kursor mouse pada bagian longitude sampai muncul dua pilihan. Pilihlah blok program getLongitude(). Ini berguna untuk memperoleh titik lokasi garis bujur berdasarkan GPS.

Tampilan dalam Pembuatan Deteksi titik lokasi pakai garis bujur.

17. Geserkan blok prgram getLongtude() tersebut ke dalam blok diagram join text yang kedua pada Label1.setText(). (maaf, tidak ada gambar)

18. Klik kiri tahan mouse pada blok program Label2.setText(). Ini berguna untuk menampilkan titik lokasi berdasarkan garis lintang.

Tampilan Pembuatan titik lokasi Garis Lintang.

19. Geserkan blok program tersebut ke dalam blok program Location_Sensor1.LocationChanged().

Tampilan hasil pembuatan label untuk menampilkan titik garis berdasarkan Garis Lintang.

20. Klik kiri tahan mouse pada blok program join yang terdapat pada built-in bagian text. Ini berguna untuk menggabungkan beberapa kata khusus garis lintang.

Tampilan Pembuatan Perubahan Titik Lokasi berdasarkan Garis Lintang.

21. Geserkan blok program tersebut ke dalam Label2.setText().

Tampilan Setelah Blok Program Join ditambahkan ke dalam Label2.setText().

22. Klik kiri tahan mouse pada blok program teks kosong.

Tampilan penambahan blok program teks kosong ke dalam Label2.

23. Geserkan blok prgram teks kosong tersebut ke dalam blok diagram join text yang pertama pada Label2.setText(). Kemudian, teks kosong tersebut diisikan dengan "Garis Lintang : ".

Tampilan Memasukkan teks kosong ke dalam Blok Program Join Text yang pertama di Label2. 

24. Kenakan kursor mouse pada bagian latitude sampai muncul dua pilihan. Pilihlah blok program getLatitude(). Ini berguna untuk memperoleh titik lokasi garis lintang berdasarkan GPS.

Tampilan dalam Pembuatan Deteksi titik lokasi pakai garis lintang.

25. Geserkan blok prgram getLongtude() tersebut ke dalam blok diagram join text yang kedua pada Label2.setText().

Tampilan hasil pembuatan Deteksi titik lokasi pakai garis lintang.

26. Klik kiri tahan mouse pada blok program Label3.setText(). Ini berguna untuk menampilkan titik lokasi berdasarkan alamat.

Tampilan Pembuatan titik lokasi Alamat.

27. Geserkan blok program tersebut ke dalam blok program Location_Sensor1.LocationChanged().

Tampilan hasil pembuatan label untuk menampilkan titik garis berdasarkan Alamat.

28. Klik kiri tahan mouse pada blok program join yang terdapat pada built-in bagian text. Ini berguna untuk menggabungkan beberapa kata khusus alamat.

Tampilan Pembuatan Perubahan Titik Lokasi berdasarkan Alamat.

29. Geserkan blok program tersebut ke dalam Label3.setText().

Tampilan Setelah Blok Program Join ditambahkan ke dalam Label3.setText().

30. Klik kiri tahan mouse pada blok program teks kosong.

Tampilan penambahan blok program teks kosong ke dalam Label3.

31. Geserkan blok prgram teks kosong tersebut ke dalam blok diagram join text yang pertama pada Label3.setText(). Kemudian, teks kosong tersebut diisikan dengan "Lokasi : ".

Tampilan hasil blok program untuk menampilkan informasi alamat.

32. Klik kiri tahan mouse pada blok program Location1_Sensor1.getCurrentAddress(). Ini berguna untuk memperoleh informasi alamat melalui GPS pada saat ini (sekarang).

Tampilan penambahan blok program Loaction_Sensor1.getCurrentAddress().

33. Geserkan blok program tersebut tersebut ke dalam blok diagram join text yang kedua pada Label3.setText().

Tampilan hasil pendeteksian titik lokasi informasi alamat.

34. Klik Export >>> App (save .apk to my computer) untuk mengkonversi ke aplikasi Android siap pakai (.apk) dan menyimpan ke dalam komputer. Tunggu beberapa waktu sampai aplikasi tersebut berhasil tersimpan di dalam komputer.

35. Aktifkan software emulator Android yang ada di dalam komputer atau laptop anda. Tunggu beberapa saat sampai muncul tampilan dashboard emulator tadi.

36. Klik ikon Instal APK / APP tergantung dari nama emulator Android tersebut.

37. Apabila setelah aplikasi APK dipasang (di-install) tidak otomatis terbuka, maka harus hidupkan GPS di smartphone Android kamu. Apabila aplikasi APK otomatis terbuka setelah dipasang (di-install), maka kamu harus tutup aplikasi terlebih dahulu dengan catatan, kondisi GPS di smartphone kamu itu tidak aktif (nonaktif). Lihat hasilnya.

Tampilan Hasil Location Sensor.

Sekian. Terima kasih...

Labels: App Inventor, Tutorial

Thanks for reading Cara Menggunakan Komponen Location Sensor di Thunkable. Please share...!