0
0
Dynamic Component ini tidak disediakan dari App Inventor 2 sehingga membutuhkan extension tambahan dalam membuat Dynamic Component yang berisi kumpulan beberapa data dari database atau bukan yang akan ditampilkan ke dalam aplikasi Android. Tujuan dari pembuatan Dynamic Component ini ialah meringankan sistem kerja program yang disebabkan terlalu banyak blok program yang dipakai ke dalam aplikasi sehingga mengalami ngelag yang terutama menggunakan PC atau laptop yang spek kentang.
FYI, bagi kamu yang baru mulai menggunakan App Inventor 2 pasti ada instruksi untuk memilih tampilan lembaran kerja versi lama atau versi baru. Nah, untuk yang ini kamu bisa memilih tampilan lembaran kerja dengan sesuai kenyamanan kamu.
Berikut link Extension AIX untuk Component Dynamic dari Yusuf Chan yang tertera di bawah ini.
Dari fitur-fitur yang disediakan oleh App Inventor 2 seadanya inilah membuat kamu bisa berpikir secara kreatif dalam membuat aplikasi Android yang melibatkan banyak data yang bersumber dari database atau bukan. Disini akan memberikan tutorial untuk membuat Dynamic Component untuk label dalam menampilkan beberapa data pada aplikasi Android.
LANGKAH-LANGKAH
1. Kunjungi situs MIT App Inventor.
2. Klik Create App.
3. Lakukan login seperti biasanya dengan Google.
3. Buatlah project aplikasi baru dengan klik New Project.
4. Masukkan nama project aplikasi tanpa spasi yaitu “dynamic_label1” beserta Aturlah tampilan UI aplikasinya, klik OK.
5. Klik Extension >>> Import Extension.
6. Klik From my computer >>> Browse….
7. Pilihlah file extension yang bernama “com.yusufcihan.DynamicComponents.aix”, klik OK / Open.
8. Klik Import.
9. Tambahkan komponen Vertical Scroll Arrangement ke dalam aplikasi Android beserta aturlah tampilan Vertical Scroll Arrangement yang sesuai tertera di bawah ini.
10. Tambahkan komponen Label ke dalam Vertical Scroll Arrangement beserta aturlah tampilan Label yang sesuai tertera di bawah ini.
11. Tambahkan extension Dynamic Component yang telah diimpor tadi ke dalam project aplikasi.
12. Klik Label1 dan hilangkan centang bagian Visible pada Properties. Hal ini dilakukan untuk menyembunyikan label langsung sehingga yang muncul dari label itu adalah hasil dari tarikan data secara dinamis saja.
13. Klik Blocks.
14. Buatlah blok program untuk membuat beberapa data ke dalam bentuk list yang akan ditampilkan satu per satu dengan bantuan blok program select list.
15. Buatlah blok program untuk membuat procedure untuk menampilkan data dari list tadi ke dalam label secara dinamis (dynamic label).
16. Buatlah blok program untuk menampilkan data label secara dinamis dari data list.
17. Melakukan ujicoba project aplikasi tersebut dengan menggunakan aplikasi Companion (AI2 Companion App) atau export to APK (install aplikasi langsung ke Android).
18. Berikut tampilan hasil akhir.
Selesai.
PENUTUP
Kini, kamu bisa membuat fitur untuk menampilkan data dinamis ke dalam komponen Label dengan menggunakan Extension tambahan yang disebabkan dalam App Inventor tidak menyediakan Dynamic Component. Sumber data dinamis ini bisa diambil dari database atau bukan seperti CSV, XML, atau JSON yang akan diterapkan ke dalam Dynamic Component for Label terhadap aplikasi Android.
