Workshop Pemograman Mobile

Pertemuan 5/6 “Google Maps”

Dosen Pengampu : Indah Lestari, S.ST.,M.T.

AIL : Hijraan Mahjuuraa, S.Tr.Kom
Nama : Indri Safitri
Kelas : 3 SIA
Nim : 2057301035

Politeknik Caltex Riau

Tahun ajaran 2021/2022
- Mengambil kode Api yang terdapat didalam Google

Untuk mendapatkan kode api kita perlu masuk melalui link yang terdapat didalam
android manifest yang terdapat didalam kotak.

Setelahnya kita akan diarahkan kedalam google Colud dan kita pilih bagian APIs &
services kemudian pilih Credentials > Create Credentials maka akan muncul API key
Created dan kita copy linknya.
Menambahkan API KEY
- AndroidManifest

Pada halaman Android Manifest kita ubah value pada bagian Meta-data, dengan
menggunakan key yang telah disediakan, ini fungsinya adalah untuk menyambungkan
kode API yang terletak didalam LocalProperties dibagian Gradle.

- LocalProperties

Dibagian ini kita pastekan kode API yang telah kita dapatkan sebelumnya.
- Gradle

Pada bagian Gradle ini kita menambahkan dependencies

- String.xml

Untuk String sendiri kita gunakan sebagai penataan gaya teks yang akan kita panggil
dibagian layout.

- Menu_tampilan_map.xml

- Pada tampilan map ini, kita membuat sebuah layout yang berisi 4 item. Dimana layout
ini nantinya akan mengubah tampilan pada bagian maps sesuai dengan yang kita atur.
Tugas Analisa :
1. Apa fungsi dari fungsi onMapReady()?
 Gunanya adalah ketika peta telah siap digunakan maka fungsi ini baru akan
dipanggil. Dan juga pada fungsi inilah letak penambahan marker, listener serta
beberapa atribut yang digunakan lainnya.

2. Apa maksud dari kode program yang terdapat pada func onMapReady() tersebut?
 Maksudnya ialah, ketika map yang akan kita gunakan sudah siap maka baru akan
menjalankan perintahnya. Dan juga untuk menampilkan alamat yang telah kita
inputkan dan juga kita masukkan nilai dari latitude dan longtitudenya didalam
variabel alamat, selanjutnya akan ada fungsi dari
mMap.addmarker(MarkerOptions()..) yang mana digunakan untuk melakukan
perintah dengan menambahkan sebuah marker baru dan akan diarahkan kedalam
tampilan view kamera dengan menggunakan fungsi dari
mMapmoveCamera(CameraUpdateFactory..) dan kemudian akan menampilkan
sebuah lokasi yang telah ditentukan dengan menggunakan akses permission
(GetPermission). Terakhir menggunakan fungsi dari
mMap.setOnMarkerClickListener(this), tambahMarkerLongClick(mMap) yang
mana digunakan untuk melakukan penambahan terhadap marker yang baru ketika
kita mengklik halaman maps.

3. Dimana terdapat cara untuk menambahkan titik baru pada aplikasi peta? Jelaskan
proses nya sesuai dengan apa yang tertera pada modul ini.
 Digunakan untuk menambahkan sebuah titik baru dengan membuat sebuah fungsi
yaitu tambahMarkerLongClick yg fungsinya untuk menyimpan titik longlat
didalam variable koordinate ketika kita menklik map dan akan menggunkan fungsi
Val yang mana merupakan sebuah nama Jalan dan deklarasi function val namaJalan
gunanya untuk melakukan sebuah deklarasi function dari getNama, dengan
menggunakan fungsi googleMap.addMarker(..).
- MapsActivity.kt
Pada bagian mapsActivity ini kita mengimport beberapa library yang akan kita gunakan
dalam menjalankan maps nantinya. Ada beberapa fingsi yang kita gunakan dalam
codingan MapsActivity ini, diantaranya ada fungsi OnCreate, yang mana digunakan
untuk menampilkan layout sehingga nantinya akan terdapat sebuah pemebritahuan
mengenai peta yang telah siap digunakan. Setelah itu, ada fungsi onMapReady yang
digunakan untuk menampilkan map beserta koordinat dari kota pekanbaru ketika
ditampilkan. Lalu ada fungsi dari onCreateOptionsMenu yang digunakan sebagai
tampilan menu pada output, OnOptionsItemSelected digunakan sebagai pengecekan
mengenai logikanya ketika nanti kita klik menu yang di inginkan. Kemudian fungsi dari
fun onMarkerClick yang digunakan sebagia penyimpanan objek dari data dengan tanda
yang ada. Terakhir ada fungsi fun getAlamat yang gunanya untuk menyimpan titik
koordinat dari alamat yang telah kita inputkan didalam map.
- Output

Tampilan Normal Tampilan hybird Tampilan satelit Tampilan Terrain

 BelajarMap2

- Gradle

Masih sama seperti maps 1, disini kita juga menambahkan beberapa dependencies yang
akan membantu dalam menjalankan program nantinya, selain itu pada bagian plugin
kita juga menambahkan id baru yaitu ‘id kotlin-android-extensions’ yang mana nanti
Ketika kita melakukan import library pada mainActivity tidak ada merah atau error.

- AndroidManifest

Untuk android Manifest juga masih sama fungsi dan langkahnya seperti maps1, dimana
kita diminta untuk mengklik halaman link yang terdapat disini untuk mendapatkan kode
API yang akan kita gunakan agar Mapsnya dapat berjalan atau tidak error. Dan untuk
meta-data pada android-value kita ubah sesuai dengan panduan yang ada yaitu menjadi
${MAPS_API_KEY}, yang mana nanti agar dapat diintegrasikan dengan kode API yang
terdapat didalam LocalProperties.
- LocalProperties

Pada LocalProperties ini kita menyalin kode API yang telah kita dapatkan dari
Google, dengan menggunakan key $MAPS_API_KEY.

- String.xml

Pada bagian string, kita tambahkan beberapa string name, yang mana nanti akan
digunakan sebagai penataan gaya teks yang akan dipanggil didalam layout yang akan
kita buat.
- Activity.maps.xml

Pada Activity_main.xml ini kita menambahkan beberapa tampilan layout. Dan

beberapa View yang kita tambahkan yaitu map, edit text, dan button. Dan untuk tata
letaknya kita menggunakan Linier Layout yang berbentuk Horizontal. Pada view
EditText sendiri kita gunakan untuk mengambil inputan dari user dengan mengatur
ukuran tinggi serta backgroundnya. Sedangkan Button sendiri nantinya kita gunakan
sebagai fungsi untuk menjalankan perintah dari Onclik “CariLokasi” dan juga kita atur
mengenai ukuran teks, tata letaknya, serta background warna yang ingin kita masukkan.
- AcitivyMain.kt
Nah Untuk bagian MapsActivity.kt gunanya sebagai tempat untuk kita dapat
menjalankan program yang telah kita buat dan didalam MapsActivity ini kita
melakukan import beberapa library yang kita butuhkan. Beberapa fungsi yang terdapat
didalam MapsActivity ini pertama ada fungsi onCreate yang mana nanti gunanya untuk
menjalankan tampilan layout yang sebelumnya telah kita buat didalam
activity_maps.xml. Kedua ada fungsi onMapReady yang mana fungsinya digunakan
untuk menampilkan maps yang mana telah kita atur untuk akses permissionnya dengan
menggunakan Get Permission. Kemudina ketiga ada fungsi buildGoogleApiClient yang
digunakan sebagai inisialisasi dari Google Play Services dan dan pada
buildGoogleApiClient ini terdapat GoogleApiClient.Builder yang gunanya untuk
melakukan sebuah konfigurasi pada klien. Selanjutnya ada fungsi
dari .addConnectionCallbacks yang digunakan sebagai callback ketika klien tengah
terhubung ataupun terputus dari server. Lalu fungsi addOnConnectionFailedListener
yaitu dimana terjadinya callback ketika klien gagal terhubung dengan layanan. Untuk
addApi sendiri fungsinya adalah melakukan penambahan mengenai LocationServices
API di titik akhir pada Google Play Services. Terdapat lagi fungsi dari
mGoogleApiClient.connect() yang mana nantinya klien harus terlebih dahulu terhubung
sebelum dapat melakukan sebuah operasi terhadap sistem. Ada fungsi fun onConnected
yang digunakan untuk melakukan pembaharuan mengenai lokasi terkini secara berkala.
Fungsi fun CariLokasi gunanya untuk melakukan pengecekan terhadap inputan lokasi
yang ingin dicari didalam activity_main.xml. Fungsi fun onConnectedSuspended
gunanya untuk melakukan pemanggilan terhadap klien ketika masih dalam
menggunakan Google Maps dan kemudian terputus sambungannya. Terakhir ada
fungsi onConnectionFailed gunanya ketika layanan telah menolak koneksi yang kita
gunakan.
- Output