0
0
Artikel kali ini membahas tentang tutorial dalam membuat fitur untuk menampilkan satu atau beberapa gambar yang bersumber dari Google Drive dengan menggunakan komponen Dynamic Image ke dalam aplikasi Android di Kodular. Hal ini biasanya dibuat untuk menampilkan suatu katalog produk dari online shop atau tempat promosi di aplikasi, data member yang terdaftar di sistem aplikasi, tampilkan galeri, dokumentasi, media pembelajaran, dan sebagainya.
Tujuan dengan pembuatan tampilan beberapa gambar tersebut dengan menggunakan komponen Dynamic ialah agar tidak perlu bersusah payah untuk memasuki satu per satu gambar ke dalam Image View terhadap aplikasi Android yang dimana bisa mempengaruhi performa dalam proses pengerjaan untuk membuat aplikasi Android dengan Kodular.
BEBERAPA HAL YANG DILAKUKAN SEBELUM MENGIKUTI TUTORIAL INI
Adapun beberapa poin yang kamu harus mempersiapkan sebelum memulai tutorial ini dengan sebagai berikut:
1. Siapkan minimal 2 file ID yang berupa foto yang diambil dari Google Drive. Disini penulis akan menyiapkan 3 gambar dari Google Drive yang akan ditampilkan.
2. Pastikan minimal 2 gambar yang diambil tadi dalam status hak akses telah dibuat publik atau bertulisan “anyone with the link”. Disini penulis akan menyiapkan 3 file ID dari masing-masing gambar tersebut yang akan ditampilkan.
Cara Mendapatkan File ID dari Google Drive
1. Pilih satu file gambar >>> Klik titik tiga >>> Klik Share >>> Pilihlah Copy Link.
2. Pastekan alamat link tersebut ke address bar tetapi jangan enter dulu.
3. Block file ID yang diberi garis merah bawah.
4. Kemudian, pastekan ke text editor…
5. Untuk mendapatkan file ID untuk gambar ke-2, ke-3, dan sebagainya, caranya sama dimulai dari langkah 1-4.
Penulis memberikan tutorial dalam membuat fitur untuk menampilkan beberapa gambar yang bersumber dari Google Drive dengan bantuan Dynamic Image dan Dynamic Card View (untuk membantu dalam memberikan semacam ruang khusus untuk Dynamic Image View) ke aplikasi Android di dalam Kodular
LANGKAH-LANGKAH
1. Kunjungi situs App Creator Kodular.
2. Lakukan login seperti biasanya.
3. Klik Create project untuk membuat project baru.
4. Masukkan nama project dengan sesuai keinginan kamu, klik Next.
5. Aturlah tampilan Theme, UI, nama aplikasi, beserta nama paket Android dengan sesuai keinginan kamu, klik Finish.
6. Rancanglah tampilan aplikasi yang terdapat pada gambar di bawah ini.
7. Klik Blocks.
8. Buatlah blok program untuk memasukkan beberapa gambar dari Google Drive ke dalam satu list.
Pada blok program yang diatas bisa kamu memasukkan beberapa link gambar ke dalam list dengan sesuai kebutuhan untuk menampilkan gambar dengan Dynamic Image ke aplikasi Android.
9. Buatlah blok program untuk menampilkan beberapa gambar ke Image View secara dinamis pada saat membuka aplikasi atau screen.
10. Buatlah blok program pada saat mendeteksi tidak ada atau putus jarngan / koneksi internet.
11. Buatlah blok program untuk mendeteksi pada saat ada jaringan atau koneksi internet.
Pada bagian ini, pada saat jaringan atau koneksi internet itu hidup atau terhubung, maka kamu membuat fitur untuk menghapus tampilan beberapa gambar yang sebelumnya dan dibuat baru kembali untuk menampilkan beberapa gambar yang bersumber dari Google Drive.
12. Buatlah blok program untuk mendeteksi error yang berhubungan dengan Screen di aplikasi Android.
13. Lakukan ujicoba project tutorial tersebut baik itu pakai Companion maupun Install APK langsung (Export APK).
14. Tunggu aja beberapa waktu sampai muncul tampilan beberapa gambar yang dijadikan slide show di dalam aplikasi.
Selesai.
CATATAN
Adapun beberapa kode atau nilai angka khusus yang harus kamu memahami dalam menentukan ukuran komponen object atau UI khusus Dynamic Component seperti Dynamic Image View, Dynamic Card View, dan kawan-kawan dengan sebagai berikut:
- -1 = Wrap Content (Menyesuaikan ukuran komponen dalam)
- -2 = Fill / Match Parent (Menyesuaikan ukuran layar device)
Untuk satuan dalam pengukuran komponen UI ini adalah Piksel (Pixel).
PENUTUP
Kamu telah bisa membuat fitur sendiri untuk menampilkan beberapa gambar yang bersumber dari Google Drive dengan bantuan Dynamic Image ke aplikasi Android di dalam Kodular. Kamu juga bisa membuat fitur tersebut dengan sesuai kebutuhan kamu seperti menampilkan katalog produk, galeri gambar, foto dokumentasi, dan sebagainya.
