CRUD Firebase DB Kodular Tambah Data - Tutorial Blok Programming versi DwiAY

Read Time:3 Minute, 44 Second

Artikel kali ini membahas tentang tutorial dalam membuat sistem sederhana dengan CRUD Firebase. Disini akan dibagikan menjadi beberapa bagian yang dimulai dari 1) Input, 2) Read / Retrieve, 3) Update, dan 4) Delete. Jadi, kamu bisa pelajari tentang CRUD Firebase dengan pelan-pelan sampai paham.

Untuk tutorial kali ini, penulis membuat tutorial dalam menambahkan data ke dalam Firebase DB dengan Kodular. Akan tetapi, sebelum itu. Kamu harus melakukan konfigurasi integrasi antara Firebase DB dengan Kodular di suatu project aplikasi dengan mengupload google-services.json ke dalam Assets Manager di Kodular.

MELAKUKAN PEMBERIAN RULES DI FIREBASE DB

Hal ini dilakukan sebelum memulai tutorial dalam membuat sistem aplikasi Android berbasis CRUD Firebase dengan menggunakan Kodular sebagai tools utama. Kamu bisa mengikuti langkah-langkah pada di bawah ini.

1. Buka project Firebase yang berada di Firebase Console.

2. Klik tab Build >>> Pilihlah Realtime Database.

3. Klik Tab Rules.

4. Ubahlah permission rules dalam penggunaan server Firebase DB dengan mengikuti tulisan code pada di bawah ini.

{
  "rules": {
    ".read": true,
    ".write": true
  }
}

Setelah itu klik, Publish.

Selesai.

Setelah memberikan permission Write dan Read itu bernilai True semua, maka kamu bisa melakukan kelola CRUD data di dalam Firebase DB tadi tanpa syarat dan validasi. Apabila, kamu telah paham tentang Permission Rules Firebase DB, maka kamu dapat menyesuaikan dengan kebutuhan demi keamanan data di Firebase.

Penulis memberikan tutorial dalam membuat fitur menambahkan data ke dalam Firebase DB terhadap aplikasi Android di Kodular.

LANGKAH-LANGKAH

1. Kunjungi situs Kodular App Creator.

2. Lakukan login / sign in seperti biasanya.

3. Klik New Project untuk membuat project aplikasi baru untuk CRUD Firebase.

4. Isikan nama project adalah “crudfirebase”, klik Next.

5. Tentukan data informasi dan tampilan Theme aplikasi Android, klik Finish.

6. Upload file “google-services.json” untuk integrasi Firebase dengan Kodular ke dalam Asset Manager.

7. Buatlah rancang aplikasi yang terdapat gambar di bawah ini.

8. Masukkan atau Drag-Drop komponen Pallete Firebase Database ke dalam Screen.

9. Isikan konfigurasi Firebase Database yang tertera.

Firebase Token = Masukkan API KEY yang didapatkan dari “google-services.json”.

Firbase URL = Masukkan alamat URL Firebase DB.

Project Bucket = Masukkan nama project bucket dari alamat URL Firebase DB. Jika belum ada nama project bucket, maka akan dibuat otomatis ketika proses penambahan data ke Firebase DB.

10. Klik Blocks.

11. Buatlah blok program untuk membuat bersih data.

12. Buatlah blok program untuk mengaktifkan fitur tombol tambah data.

13. Buatlah blok program untuk variabel kode status yang berfungsi untuk melakukan validasi pada saat masuki proses pada blok program FirebaseDB.DataChanged().

14. Buatlah blok program pada saat membuka aplikasi pertama kali atau membuka screen.

15. Buatlah blok program untuk menambah data ke Firebase DB.

16. Buatlah blok program untuk menampilkan pesan kesalahan / bug / error selama atau setelah proses dari sistem Firebase DB.

17. Buatlah blok program untuk menampilkan data akhir seperti menampilkan seluruh data, sukses menambah data ke Firebase DB, dsb setelah diproses dari Sistem Firebase yang bersifat pergantian data.

18. Lakukan pengujian aplikasi dari tutorial ini baik itu pake Companion maupun Ekspor APK langsung.

19. Coba kamu lakukan input dalam menambahkan data ke Firebase DB dari hasil pembuatan aplikasi tersebut. Setelah itu, klik tombol Tambah.

20. Jika proses input data berhasil ditambahkan ke dalam Firebase DB, maka tidak ada penambahan data ke aplikasi (akan dibuat di chapter Read / Retrieve Data). Tapi, kamu bisa melihat tampilan hasil input data di Firebase DB langsung.

Tampilan Data Firebase DB dari hasil Input Data pada Aplikasi.

Selesai.

Jika kamu belum atau kurang memahami dari tutorial ini, pelajari dengan pelan-pelan sampai paham dari isi tutorial di artikel ini.

PENUTUP

Setelah kamu membuat fitur tambah data ke Firebase DB dalam aplikasi dengan Kodular dan sukses dieksekusi, maka kamu bisa memasuki artikel tutorial selanjutnya yaitu membuat fitur tampil data dari Firebase DB ke aplikasi dengan Kodular.

DAPATKAN AIA CRUD FIREBASE + PANDUAN BUKU FISIK

Kamu bisa mendapatkan source code AIA tentang CRUD Firebase sederhana beserta penjelasannya dalam bentuk buku versi cetak fisik / kertas yang telah dibuatkan oleh penulis sendiri sehingga bisa pelajari dimana saja. Bisa klik tombol di bawah untuk order.

>>> ORDER NOW VIA SHOPEE <<<