17 June 2024
0 0
Read Time:2 Minute, 43 Second

Setiap melakukan upload file yang terutama gambar, pasti memiliki validasi yang dimana bisa membatasi ukuran file itu sendiri agar tidak semakin beban pada saat proses pengiriman data tersebut ke dalam server (tidak bertipe data Blob atau tidak dikonversikan ke Algoritma BASE 64).

Hal ini biasanya digunakan untuk melakukan pendaftaran yang bersifat rekruitmen seperti upload pas foto, foto KTP, foto KK, dan foto / image yang diperlukan untuk mengurus berkas ke dalam sistem aplikasi. Untuk mencegah terjadi lama proses kirim upload gambar dari aplikasi ke server, maka memberlakukan validasi data untuk memberikan batasan maksimal ukuran file gambar pada setiap upload foto / gambar ke dalam aplikasi.

Penulis memberikan sebuah tutorial dasar yang diharapkan kamu bisa mengembangkan dalam pembuatan aplikasi Android sendiri yang melibatkan validasi batasan filesize pada saat upload gambar yang diambil dari Time Picker.

Baca juga artikel :  Penjelasan Bagian Media pada Kodular

LANGKAH-LANGKAH

1. Kunjungi situs c.kodular.io

2. Lakukan login secara manual maupun OAtuh System dengan benar.

3. Klik Create Project untuk membuat project baru khusus event klik Label.

4. Berikan nama project yaitu getsizefileimage1, klik Next.

5. Untuk pengaturan tampilan UI aplikasi, Package Name, dan lainnya itu dibiarkan saja dan langsung klik Finish. Tunggu beberapa saat sampai muncul tampilan kerja.

6. Aturlah tata letak khusus Screen menjadi tengah semua.

7. Rancanglah tampilan aplikasi Android yang sesuai pada gambar di bawah ini.

KOMPONEN YANG DIPAKAI :

  • 1 unit Label = Komponen ini dipakai untuk menampilkan ukuran file dalam satuan KB.
  • 1 unit Image = Komponen ini dipakai untuk menampilkan gambar setelah dipilih dari Image Picker.
  • 1 unit Image Picker = Komponen ini dipakai untuk memilih gambar dari galeri yang akan menampilkan ukuran file yang sebenarnya.
  • 1 unit File = Komponen ini dipakai untuk mengetahui ukuran file yang ada di dalam file gambar setelah dipilih dari Image Picker (nilai default ukuran file ini satuan Byte).

8. Klik Blocks.

9. Buatlah blok program variabel untuk melakukan replace dari sumber asal file direktori ke file direktori yang sesuai dengan komponen File.

10. Buatlah blok program variabel untuk mengkonversikan ukuran Byte menjadi Kilobyte (KB).

11. Buatlah blok program untuk menampilkan gambar dan ukuran file gambar dalam satuan KB dengan menggunakan rumus di bawah ini.

12. Klik Test >>> Connect to Companion.

13. Masukkan kode Companion ke dalam Aplikasi Kodular Companion yang terpasang di Android.

Baca juga artikel :  Cara Membuat Bottom Navigation di Kodular

TAMPILAN HASIL

Pada bagian ini untuk menunjukkan hasil pembuatan aplikasi untuk menampilkan ukuran file gambar yang telah dipilih dari Image Picker.

1. Tampilan hasil awal.

2. Tampilan hasil setelah mengambil gambar dari Image Picker.

Selesai.

Baca juga artikel :  Cara Membuat SnackBar di Kodular

PENUTUP

Kamu bisa membuat fitur sendiri dalam pembuatan aplikasi Android dengan Kodular untuk menampilkan ukuran file gambar yang telah dipilih dari galeri melalui Image Picker. Setelah dipilih file gambar tersebut, baru bisa menampilkan ukuran file gambar dalam satuan Byte. Hal ini belum ditampilkan di layar / screen.

Oleh karena itu, tampilan ukuran file gambar tersebut di layar / screen dalam satuan KB (Kilobyte), maka melakukan konversikan satuan dari B (Byte) ke KB (Kilobyte) dengan menggunakan rumus yang tertera diatas. Hal ini berguna untuk memberikan batas maksimal ukuran file gambar dalam mengunggah gambar dari galeri ke aplikasi.

CATATAN :

Pengambilan file gambar atau foto dari galeri hanya berlaku untuk bersumber memori internal (ROM) pada HP Android. Jika, kamu memilih file gambar dari galeri yang bersumber SD Card, maka tampilan blank / kosong.

BACA ARTIKEL LAIN

Baca juga artikel :  Cara Sorting Data CSV dengan TinyDB di Kodular
Baca juga artikel :  Cara Mengatasi Error Force Close pada saat Mengakses Google Form di WebView pada Kodular
Baca juga artikel :  Blok Program Screen Ask For Permission di Kodular atau App Inventor
Baca juga artikel :  Cara Input Data dari Date Picker ke Google Sheet di Kodular
Baca juga artikel :  12 Referensi Buku untuk Belajar App Inventor, Kodular

About Post Author

Dwi Lestari

Saya bukanlah penulis handal dan hanya menyampaikan sesuatu yang bisa disampaikan.
Happy
Happy
0 %
Sad
Sad
0 %
Excited
Excited
0 %
Sleepy
Sleepy
0 %
Angry
Angry
0 %
Surprise
Surprise
0 %

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Leave a Reply

Your email address will not be published. Required fields are marked *