Tutorial Membuat Aplikasi Catatan 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 Catatan dengan Android Studio. Tutorial ini menggunakan Bahasa Kotlin ya.

Sebelumnya saya sudah pernah membuat tutorial yang sama tetapi menggunakan bahasa Java dan Database SQLite, dan yang ini adalah update-nya. Untuk update-nya disini saya menggunakan bahasa Kotlin dan Database Room. Selain itu, disini saya kasih fitur untuk mengubah tampilan menjadi List atau Grid.

Buat kalian 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.

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 library Room dan library lainnya ke gradle:
Source : build.gradle

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

4. Buat Class Main sebagai Class utama untuk menampilkan catatan. Nantinya di menu ini kalian bisa mengubah tampilan menjadi List atau Grid. Buat activity_main.xml dan MainActivity.kt.
Source : activity_main.xml, dan MainActivity.kt

5. Buat Class Create sebagai Class untuk membuat catatannya. Disini nanti kalian bisa masukkan judul catatan, subjudul, isi catatan, link dan juga gambar. Buat activity_create_note.xml dan CreateNoteActivity.kt.
Source : activity_create_note.xml, dan CreateNoteActivity.kt

6. Buat Class Adapter. Buat list_item_note.xml dan NoteAdapter.kt.
Source : list_item_note.xml, dan NoteAdapter.kt

7. Buat XML tambahan untuk masukkan URL dan Delete. Buat layout_url.xml dan layout_delete.xml.
Source : layout_url.xml, dan layout_delete.xml

8. Buat Class Dao untuk perintah select database dan menampilkan catatan ke menu utama. Buat NoteDao.kt.
Source : NoteDao.kt

9. Buat Class Database. Buat NoteDatabase.kt.
Source : NoteDatabase.kt

10. Buat Class Model. Buat ModelNote.kt.
Source : ModelNote.kt

11. Buat Class onClick. Buat onClickItemListener.kt.
Source : onClickItemListener.kt

12. Jangan lupa buat folder menu, dan isikan folder tersebut XML dengan nama menu_main.xml dan menu_select.xml.
Source : menu_main.xml, dan menu_select.xml

13. Ubah isi styles.xml.
Source : styles.xml

14. 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.

Berikut hasilnya:

Tutorial Membuat Aplikasi Catatan dengan Android Studio

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