Tutorial Membuat Aplikasi Informasi Gempa dengan Android Studio

Aplikasi Informasi Gempa dengan Android Studio

Halo sobat 48 😁. Bagaimana kabarnya? Semoga selalu dalam keadaan sehat ya. Pada kesempatan kali ini saya akan membagikan sebuah artikel yang membahas tentang Tutorial Membuat Aplikasi Informasi Gempa dengan Android Studio.

Sebelum kalian membuat aplikasi ini, ada baiknya kalian buat dulu API KEY untuk menampilkan Maps dan Open Weather untuk cuaca. Karena nantinya di aplikasi ini akan menampilkan cuaca terkini dari Open Weather, gempa terkini dan gempa dirasakan dari Data Terbuka BMKG yang sudah di konvert dalam format JSON.

Sebelumnya saya sudah pernah membuat tutorial ini, jika kalian mau mencoba yang versi lama silahkan klik DISINI. Buat kalian yang ingin langsung mencoba yang versi terbaru, silahkan unduh melalui Github saya SOURCE CODE DISINI. Tetapi jika kalian ingin tahu cara mengaplikasikannya, silahkan lanjut baca artikel ini sampai selesai.

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. Seperti biasa, 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. Ingat, jangan langsung Run atau Copy Paste Source Code dari saya, pasti akan terjadi error jika beda bersi Gradle dan beda versi Android Studionya. Untuk tutorial ini, saya buat dengan bahasa Kotlin ya.

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

3. Jangan lupa tambahkan beberapa Permission ke Android Manifest:
Source : AndroidManifest.xml

4. Buat Class Main sebagai Class utama. Nantinya di menu ini ada 3 Fragment untuk menampilkan data gempa. Buat activity_main.xml, layout_cuaca.xml dan MainActivity.kt.
Source : activity_main.xml, layout_cuaca.xml dan MainActivity.kt

5. Buat Class Fragment untuk menampilkan gempa berpotensi Tsunami. Buat fragment_berpotensi.xml dan FragmentBerpotensi.kt.
Source : fragment_berpotensi.xml, dan FragmentBerpotensi.kt

6. Buat Class Fragment untuk menampilkan detail gempa. Buat fragment_detail_gempa.xml dan FragmentDetailGempa.kt.
Source : fragment_detail_gempa.xml, dan FragmentDetailGempa.kt

7. Buat Class Fragment untuk menampilkan gempa dirasakan. Buat fragment_dirasakan.xml dan FragmentDirasakan.kt.
Source : fragment_dirasakan.xml, dan FragmentDirasakan.kt

8. Buat Class Fragment untuk menampilkan gempa terkini. Buat fragment_terkini.xml dan FragmentTerkini.kt.
Source : fragment_terkini.xml, dan FragmentTerkini.kt

9. Buat Class Adapter gempa berpotensi Tsunami. Buat list_gempa_berpotensi.xml dan AdapterBerpotensi.kt.
Source : list_gempa_berpotensi.xml, dan AdapterBerpotensi.kt

10. Buat Class Adapter gempa dirasakan Tsunami. Buat list_gempa_dirasakan.xml dan AdapterDirasakan.kt.
Source : list_gempa_dirasakan.xml, dan AdapterDirasakan.kt

11. Buat Class Model sebagai POJO. Buat ModelGempaBerpotensi.kt dan ModelGempaDirasakan.kt.
Source : ModelGempaBerpotensi.kt, dan ModelGempaDirasakan.kt

12. Buat Class API sebagai Endpoint. Buat ApiEndpoint.kt.
Source : ApiEndpoint.kt

13. Buat Class Utils sebagai tambahan untuk Hide/Show Tab. Buat BottomBarBehavior.kt.
Source : BottomBarBehavior.kt

14. Buat Class Presenter untuk menghubungkan API ke Fragment dan Class Main. Buat Main.kt, MainPresenter.kt dan MainView.kt.
Source : Main.kt, MainPresenter.kt dan MainView.kt

15. Selesai dan coba 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.

Demikian informasi yang saya bagikan untuk kalian. Jangan lupa bagikan artikel ini ke teman-teman kalian agar ikut membaca Tutorial Membuat Aplikasi Informasi Gempa dengan Android Studio 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_

Milan Tomic

Hi. I’m Designer of Blog Magic. I’m CEO/Founder of ThemeXpose. I’m Creative Art Director, Web Designer, UI/UX Designer, Interaction Designer, Industrial Designer, Web Developer, Business Enthusiast, StartUp Enthusiast, Speaker, Writer and Photographer. Inspired to make things looks better.