LAMPIRAN MENJALANKAN PROGRAM

Transkripsi

1 1 LAMPIRAN MENJALANKAN PROGRAM Login Tampilan form login merupakan tampilan utama sesaat aplikasi di buka, login akan berhasil hanya jika pengguna telah terdaftar. Pada tampilan ini juga terdapat button daftar untuk pengguna yang belum memiliki akun. Gambar 4.1 Tampilan Form Login auth.signinwith andpassword( , password).addoncompletelistener(loginactivity.this, new OnCompleteListener<AuthResult>() public void oncomplete(@nonnull Task<AuthResult> task) { if (!task.issuccessful()) { Toast.makeText(LoginActivity.this, "Login Failed", Toast.LENGTH_LONG).show(); showprogress(false); else { intent = new Intent(LoginActivity.this, MenuActivity.class); startactivity(intent); finish(); ); Gambar 4.2 Kode Program Verifikasi Login

2 2 Pada gambar 4.2 merupakan verifikasi login dan password dengan firebase. Apabila hasil dari verifikasi terhadap database tidak berhasil atau tidak sesuai maka akan membuat toast dengan tampilan Login Failed. Jika tidak maka di asumsikan verifikasi berhasil, maka LoginActivity intent pada MenuActivity.class Register Tampilan form register merupakan form untuk pengguna yang belum memiliki akun. Pada form ini data yang di isikan akan di simpan pada realtime database. Gambar 4.3 Tampilan Form Register

3 3 auth.createuserwith andpassword( , password).addoncompletelistener(registeractivity.this, new OnCompleteListener<AuthResult>() public void oncomplete(@nonnull Task<AuthResult> task) { showprogress(false); if (!task.issuccessful()) { Toast.makeText(RegisterActivity.this, "Register Gagal." + task.getexception(), Toast.LENGTH_SHORT).show(); else { Helper.updateLokasi(new Lokasi(name, 0, 0)); Toast.makeText(RegisterActivity.this, "Register berhasil:" + task.issuccessful(), Toast.LENGTH_SHORT).show(); startactivity(new Intent(RegisterActivity.this, LoginActivity.class)); finish(); ); Gambar 4.4 Kode Program Verifikasi Register Pada gambar 4.4 membuat dan password user pada authentication firebase. Apabila validasi terhadap firebase tidak berhasil di karenakan beberapa faktor seperti adanya field yang kosong, password terlalu pendek dan password yang tidak sesuai, maka akan menampilkan toast Register Gagal. Jika tidak maka di asumsikan membuat user berhasil, maka akan menampilkan toast Register Berhasil dan RegisterActivity intent pada LoginActivity.class

4 Menu Utama Tampilan Menu Utama merupakan interface yang menampilkan beberapa menu diantaranya menu lokasi, menu teman dan menu tentang. Gambar 4.5 Tampilan Menu Utama Apabila pengguna memilih menu lokasi maka system akan menampilkan peta dengan marker dari posisi pengguna dan marker dari beberapa teman pengguna. Apabila pengguna memilih menu teman maka system akan menampilkan daftar nama teman dari pengguna. Dan apabila pengguna memilih menu tentang maka system akan menampilkan halaman yang berisi informasi tentang aplikasi Lokasi Teman.

5 Lokasi Tampilan menu lokasi digunakan untuk menampilkan lokasi pengguna dengan nama saya yang di tunjukan oleh marker. Juga menampilkan semua teman pengguna yang telah terhubung dengan marker ball dan nama teman sebagai identifikasi nya. Gambar 4.6 Tampilan Menu Lokasi public void onmapready(googlemap googlemap) { mmap = googlemap; locationlistener = new CustomLocationListener(); if (ActivityCompat.checkSelfPermission(this, Manifest.permission.ACCESS_FINE_LOCATION)!= PackageManager.PERMISSION_GRANTED && ActivityCompat.checkSelfPermission(this, Manifest.permission.ACCESS_COARSE_LOCATION)!= PackageManager.PERMISSION_GRANTED) { return; locationmanager.requestlocationupdates(locationmanager.gps_p ROVIDER, 10000, 10, locationlistener); Gambar 4.7 Class onmapready MapsActivity

6 6 Pada Gambar 4.7 menggambarkan program membutuhkan beberapa permission yang akan di perlukan untuk dapat akses terhadap smartphone. Pada program tersebut juga menunjukan permintaan update lokasi menggunakan gps setiap milisecond atau 10 meter. if (lokasiteman!= null) { mmap.addmarker(new MarkerOptions().position(lokasiTeman).title(lokasi.getName()).snippet(lokasiTeman.latitude+","+lokasiTeman.longitude).icon (Helper.mipmap(getResources(), R.mipmap.marker_ball))); mmap.movecamera(cameraupdatefactory.newlatlngzoom(lokasiteman, zoomvalue)); Gambar 4.8 Marker Teman Pada Gambar 4.8 menunjukan proses membuat marker teman dengan MarkerOption membuat position, title, koordinat dan menggunakan marker_ball sebagai icon marker. Juga membuat movecamera berdasarkan lokasiteman dan zoomvalue. public void onlocationchanged(location location) { final LatLng yourlocation = new LatLng(location.getLatitude(), location.getlongitude()); lokasisaya = yourlocation; if (mymarker!= null){ mymarker.remove(); mymarker = mmap.addmarker(new MarkerOptions().position(lokasiSaya).title("Saya")); if (lokasiteman == null){ mmap.movecamera(cameraupdatefactory.newlatlngzoom(lokasisaya, 10)); Gambar 4.9 Marker Saya

7 7 Pada Gambar 4.9 menunjukan proses update lokasi marker ketika mymarker tidak bernilai null maka menghapus marker sebelumnya dan membuat marker baru sesuai lokasisaya dengan zoomvalue Teman Tampilan Menu Teman digunakan untuk menampilkan daftar teman yang telah saling terhubung. Menu Teman juga terdapat FloatingActionButton untuk tambah teman pada pojok kanan bawah dan notifikasi pada pojok kiri bawah seperti pada gambar 4.10 Gambar 4.10 Tampilan Menu Teman (1) Pada button tambah akan muncul text input untuk memasukan salah seorang teman yang ingin di tambahkan seperti terlihat pada gambar 4.11 di bawah.

8 8 Gambar 4.11 Tampilan Tambah Teman hashteman = sharedpreferences.getall(); listteman = (ListView) findviewbyid(r.id.list_teman); arrayteman = new ArrayList<>(); listtemanadapter = new ListTemanAdapter(arrayTeman, this); listteman.setadapter(listtemanadapter); listteman.setonitemclicklistener(new AdapterView.OnItemClickListener() public void onitemclick(adapterview<?> parent, View view, int position, long id) { teman = arrayteman.get(position); if ((teman.getlatitude()!= 0 && teman.getlongitude()!= 0) && teman.getstatusteman().equals("accepted")){ intent = new Intent(getApplicationContext(), MapsActivity.class); intent.putextra("uid", teman.getuid()); intent.putextra("nama_teman", teman.getname()); intent.putextra("latitude_teman", teman.getlatitude()); intent.putextra("longitude_teman", teman.getlongitude()); intent.putextra("teman", teman); startactivity(intent); ); Gambar 4.12 Kode Program List Teman

9 9 Pada gambar 4.12 dapat dilihat listteman didapatkan dari list_teman yang akan disimpan pada variable array. Apabila nilai latitude, longitude dan equals accepted maka akan memiliki intent pada MapsActivity.class. Button notifikasi akan menampilkan list teman yang telah meminta pengguna untuk saling terhubung. Pengguna dapat menanggapi permintaan tersebut dengan menolak atau menerima seperti terlihat pada gambar 4.13 dan Gambar 4.13 Tampilan Notifikasi (Kiri) Gambar 4.14 Pop Up Konfirmasi Teman (Kanan) Setelah permintaan teman di konfirmasi maka secara realtime daftar teman akan terupdate dan ditampilkan. Dapat dilihat pada gambar 4.15 teman dengan nama bismillah telah ditambahkan pada daftar teman di Menu Teman.

10 10 Daftar teman memliki intent terhadap lokasi, dimana map akan menampilkan posisi marker penguna dengan salah seorang teman saja. Dapat dilihat pada gambar 4.16 di bawah. Map menampilkan 2 marker yaitu pengguna dan teman dengan nama bismillah. Gambar 4.15 Tampilan Menu Teman (2) Gambar 4.16 Tampilan Intent Lokasi Teman

11 Tentang Pada menu tentang merupakan menu untuk menampilkan informasi dan pembuat aplikasi tujuan dari menu yang dibuat pada saat pengguna memilih menu tentang maka akan tampil halaman yang menampilkan informasi aplikasi. Berikut tampilan dari menu tentang dapat dilihat pada gambar Gambar 4.17 Tampilan Menu Tentang