Tutorial kali ini akan menjelaskan bagaimana cara parsing data json file dari asset kodular. Biasanya untuk mendapatkan data dengan hasil json bisa dilakukan dengan cara request GET ke server atau database, yang mana dalam proses get data tersebut harus terhubung dengan sebuah jaringan yang menghubungkan antara aplikasi dengan database.
Namun adakalanya aplikasi yang dibuat, tidak selamanya data-data yang diperlukan bersumber dari server ataupun database. Misalkan ada beberapa data yang akan ditampilkan pada aplikasi namun data tersebut tidak harus diambil dari database karena sifatnya tetap dan tidak akan berubah.
Biasanya data-data yang sifatnya tetap akan disimpan dalam format file json agar proses mendapatkan data bisa lebih cepat karena tidak semua data diambil dari online. Lalu apabila aplikasi yang dibuat tidak terkoneksi dengan internet data-data masih bisa ditampilkan karena data tersebut diambil dari file json yang tersimpan di asset.
Pada tutorial sebelumnya sudah saya jelaskan bagaimana cara parsing data json api, namun ada sedikit perbedaan dimana data json tersebut didapat melalui internet, lalu bagaimana cara parsing data json file dari asset kodular?
Silahkan baca secara lengkap tutorial ini
File json yang digunakan pada tutorial ini adalah karangtaruna.json yang jika dibuka secara singkat isinya seperti ini
[{
"nama": "Ahmad Sobari",
"umur": 15,
"hobi": "Main bola"
},
{
"nama": "Doni Setiawan",
"umur": 14,
"hobi": "Main game"
},
...
{
"nama": "Diki Febriansyah",
"umur": 15,
"hobi": "Main game"
}]
jika ingin menggunakan file json tersebut silahkan unduh pada link yang sudah ditatutkan.
Desain aplikasi
Pertama-tama buka kodular, lalu login dengan akun kalian dan buat project aplikasi baru. Setelah itu jangan lupa untuk upload file json ke asset kodular.
setelah upload file json langkah selanjutnya adalah melakukan desain aplikasi.
berikut adalah desain aplikasi yang dibuat untuk tutorial ini
adapun beberapa komponen utama yang digunakan yaitu File, Web, ListViewImage, dan VerticalScroll.
Komponen File digunakan untuk membaca file json yang ada di asset kodular, lalu komponen Web digunakan untuk melakukan decode text json, untuk komponen ListViewImage digunakan untuk menampilkan data dari file json, dan terakhir komponen VerticalScroll untuk membuat tampilan scroll pada layar.
Blok program untuk parsing data json file dari asset kodular
selanjutnya adalah membuat blok program aplikasi, untuk blok programnya tidak banyak cukup segini saja
Sedikit penjelasan mengenai kode diatas, pada saat aplikasi berjalan pertama-tama akan mencoba mendapatkan file json dari asset dengan menggunakan komponen file.
Lalu selanjutnya apabila filenya sudah didapat dapat dilakukan proses decode json dengan menggunakan komponen web. Kemudian dilakukan perulangan untuk mendapatkan data dari setiap list, untuk melakukan parsing bisa menggunakan komponen dictionary “get value for key”.
Cara parsing ini masih sama dengan tutorial sebelumnya hanya saja cara mendapatkan data jsonnya yang berbeda.
Build aplikasi
Setelah selesai membuat blok program maka dilakukan pengujian dengan cara build aplikasi untuk mengecek apkah aplikasi dapat berjalan sesuai dengan harapan, berikut adalah tampilan hasil dari tutorial ini.
Baiklah cukup sampai sini saja tutorial kali ini, jika ada yang tidak dipahami bisa tulis komentar di bawah ini.