Tutorial Membuat Aplikasi Jakarta Health dengan Android Studio | Jakarta Smart City

Tutorial Membuat Aplikasi Jakarta Health

السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُه sobat 48😁. Gimana kabarnya? Semoga selalu dalam keadaan sehat ya. Kali ini saya akan membagikan sebuah artikel yang membahas tentang Tutorial Membuat Aplikasi Jakarta Health dengan Android Studio. Tutorial ini bisa kamu kerjakan sembari mengisi waktu saat WFH agar WFH kamu lebih berfaedah ya sobat😄

Sebenarnya saya ingin meberikan artikel ini dengan judul Tutorial Membuat Aplikasi Jakarta Smart City dengan Android Studio, tetapi mungkin itu terlalu kompleks. Karena aplikasi Jakarta Health ini hanya menampilkan informasi Rumah Sakit dan Puskesmas saja.

Sebelum kamu memulai tutorial ini, ada baiknya kamu buat Google Maps API KEY DISINI dan buat Token dari API Jakarta Smart City DISINI. Untuk Google Maps API KEY, saya harap kamu sudah tau cara membuatnya. Tapi bagaimanakah cara menggunakan API Jakarta tersebut? Berikut adalah cara untuk me-request Open API Jakarta.

Pertama, tentunya kamu harus melakukan Login / SignUp terlebih dahulu di website http://api.jakarta.go.id/. Setelah itu kamu klik tab “Create App”. Isi nama dan deskripsi serta pilih API yang akan digunakan. Untuk melihat tipe data apa saja yang tersedia, silakan terlebih dahulu kunjungi api.jakarta.go.id/endpoint#.

Setelah itu kita akan otomatis kembali ke Tab Home dan muncul App yang telah dibuat sebelumnya. Klik App tersebut untuk melihat informasi yang berkaitan. Terdapat Token yang bisa kamu gunakan untuk request API.

Tutorial Membuat Aplikasi Jakarta Health

Tutorial Membuat Aplikasi Jakarta Health

Langkah selajutnya, kita dapat menggunakan Postman sebagai percobaan. Copy salah satu API yang ada di API Jakarta dan paste di postman tersebut. Lalu buka Tab Header, isi KEY dengan Authorization, dan isi Value dengan Token yang telah didapat tadi. Jika data telah tampil dan status request 200 maka request telah sukses. Selamat mencoba😁

Fitur Aplikasi ini adalah :
- Menggunakan API http://api.jakarta.go.id/
- Menggunakan FAN (Fast Android Networking) Rest API
- Google Maps API
- Flaticon
- Menampilkan informasi detail Rumah Sakit dan Puskesmas di Jakarta

Tutorial ini sederhana tetapi mudah-mudahan bisa bermanfaat buat kalian ya. Untuk kamu yang ingin langsung mencobanya, silahkan unduh melalui Github saya SOURCE CODE DISINI. Tetapi jika kalian ingin tahu cara mengaplikasikannya, silahkan lanjut baca artikel ini sampai selesai.

Tapi, jika kamu ingin mencoba tutorial aplikasi ini dengan versi video, berikut saya berikan Videonya:

Jangan lupa subscribe Channel Youtube saya juga ya Azhar Rivaldi, karena disana ada banyak tutorial-tutorial untuk membuat aplikasi lainnya. Oke langsung saja tanpa basa-basi lagi kita langsung ke langkah pertama :

1. Buat project baru di Android Studio dengan cara klik File ⇒ Project Baru. Ketika diminta untuk memilih Default Activity, pilih Empty Activity dan klik next. Untuk minSDK, disini saya set API 21 ya.

2. Kemudian kamu import beberapa library ke gradle :
Source : build.gradle

3. Kamu ubah juga isi Android Manifest.xml menjadi seperti link dibawah ini :
Source : Android Manifest.xml

4. Sekarang kamu buat menu utama untuk menampilkan tiga menu yang menampilkan data. Buat activity_main.xml dan MainActivity.java.
Source : activity_main.xml dan MainActivity.java

5. Berikutnya kamu buat menu Puskesmas. Buat activity_puskesmas.xml dan PuskesmasActivity.java.
Source : activity_puskesmas.xml dan PuskesmasActivity.java

6. Kamu buat menu Rumah Sakit. Disini saya hanya menggunakan satu XML karena isinya sama, tetapi untuk Javanya berbeda ya. Buat activity_hospital.xml, HospitalUmumActivity.java, dan HospitalKhususActivity.java.
Source : activity_hospital.xml, HospitalUmumActivity.java dan HospitalKhususActivity.java

7. Langkah selanjutnya kamu buat menu detail Puskesmas. Buat activity_detail_puskesmas.xml dan DetailPuskesmasActivity.java.
Source : activity_detail_puskesmas.xml dan DetailPuskesmasActivity.java

8. Kamu buat juga menu detail Rumah Sakit. Buat activity_detail_hospital.xml dan DetailHospitalActivity.java.
Source : activity_detail_hospital.xml dan DetailHospitalActivity.java

9. Kemudian kamu buat Class Adapter Puskesmas. Class ini yang akan mengambil data dari Model dan menampilkan daftar Puskesmas. Buat list_data_puskesmas.xml dan PuskesmasAdapter.java.
Source : list_data_puskesmas.xml dan PuskesmasAdapter.java

10. Kamu buat Class Adapter Rumah Sakit Khusus. Fungsi Class ini sama dengan seperti langkah nomor 9. Buat list_data_rsk.xml dan HospitalKhususAdapter.java.
Source : list_data_rsk.xml dan HospitalKhususAdapter.java

11. Kamu buat juga Class Adapter Rumah Sakit Umum. Fungsi Class ini sama dengan seperti langkah nomor 9. Buat list_data_rsu.xml dan HospitalUmumAdapter.java.
Source : list_data_rsu.xml dan HospitalUmumAdapter.java

12. Sekarang kamu Class Holder untuk menampilkan desain Daftar Puskesmas dan Rumah Sakit. Buat PuskesmasHolder.java dan HospitalHolder.java.
Source : PuskesmasHolder.java dan HospitalHolder.java

13. Terakhir buat Class Model Puskesmas dan Rumah Sakit. Class ini banyak yang menyebutnya sebagai POJO. Class ini berfungsi agar kita tahu apa saja yang ingin kita tampilkan dari API. Buat ModelPuskesmas.java dan ModelRumahSakit.java.
Source : ModelPuskesmas.java dan ModelRumahSakit.java

14. Selesai dan kalian Run. Jika kalian mengikuti langkah-langkah diatas dengan baik, pasti aplikasi yang kalian buat akan berjalan sebagaimana mestinya. Namun jika mengalami Error, silahkan berikan komentar dan kita diskusikan bersama.

Berikut ini tampilan aplikasinya jika sudah jadi :

Tutorial Membuat Aplikasi Jakarta Health

Tutorial Membuat Aplikasi Jakarta Health

Tutorial Membuat Aplikasi Jakarta Health

Demikian informasi yang saya bagikan untuk kalian. Jangan lupa bagikan artikel ini ke teman-teman kalian agar ikut membaca Tutorial Membuat Aplikasi Jakarta Health dengan Android Studio | Jakarta Smart City ini. Subscribe juga blog Rivaldi 48 ini agar kalian mendapatkan notifikasi saat Admin update artikel terbaru. Semoga kalian lebih nyaman dan mudah dalam mengakses Blog Rivaldi 48 dimanapun kalian berada. Terima Kasih. Follow Instagram Admin @azhardvls_