Masih seputar database, pada tutorial kali ini akan membuat aplikasi yang dapat upload gambar menggunakan FTP kodular ke MySQL server. Dimana aplikasi yang dibuat kali ini, dapat meng-upload beberapa gambar sekaligus ke database.
Untuk meng-upload gambar ke database MySQL server, biasanya dapat dilakukan dengan menggunakan kode program PHP, namun beberapa orang ada yang tidak paham degan bahasa pemrograman tersebut dan menjadi kendala bagi mereka yang ingin membuat suatu aplikasi yang dapat menyimpan beberapa gambar ke database.
Nah, kali ini ada alternatif lain jika ingin menyimpan gambar dari aplikasi android ke database MySQL bagi yang tidak begitu paham mengenai pemograman PHP. Alternatifnya yaitu menggunakan FTP.
Apa itu FTP?
Table of Contents
FTP atau (File Transfer Protokol) adalah sebuah layanan internet yang dapat membantu pengguna dalam melakukan pertukaran informasi dengan membuat sambungan ke server tertentu ataupun ke komputer, dengan adanya FTP ini pengguna dapat melakukan download file ataupun menggunggah file secara mudah tanpa perlu menggunakan kode PHP.
untuk penjelasan mengenai kelebihan dan kekurangan menggunakan FTP atapun sekaligus ingin mencoba menggunakan FTP untuk aplikasi android, kamu dapat meggunakan layanan hosting dewaweb.
oke jika sudah tahu apa itu FTP, selanjutnya adalah
Cara membuat aplikasi yang dapat mengupload gambar menggunakan FTP Kodular
Untuk membuat aplikasinya, disini saya menggunakan kodular. Login terlebih dahulu menggunakan akun yang sudah terdaftar, jika kamu belum mempunyai akun silahkan daftar terlebih dahulu. Setelah itu buat project baru dan tulis nama projectnya “FTP”.
kemudian buat desain aplikasi terlebih dahulu.
Desain aplikasi upload gambar menggunakan FTP Kodular
Untuk desain kamu bisa membuatnya lebih bagus lagi karena desain yang saya buat ini sangatlah sederhana. Pada gambar desain di atas, kamu dapat mengikuti komponen-komponen yang digunakan dalam proses desain aplikasi.
Nah ada 1 komponen yang wajib sekali dimasukkan ke dalam project desain aplikasi, yaitu komponen FTP kamu dapat mejumpai komponen FTP di bagian menu pallet bagian connectivity. Komponen inilah yang dapat membantu meng-upload file ke server ataupun download file dari server ke aplikasi.
Setelah proses desain selesai kamu dapat masuk ke tahap pengkodean aplikasi, kamu dapat klik tombol block disebelah kanan atas persis di samping tombol design.
Kode block program inisialisasi upload gambar meggunakan FTP Kodular
Adapun penjelasan pada kode program diatas, pertama “when screen1 initialize” kode ini berjalan pertamakali ketika screen1 dibuka kemudian mencoba melakukan koneksi dengan server melalui komponen FTP. Pada kode program ini jangan lupa untuk memasukkan FTP server host, FTP Password, FTP port, FTP username, dan FTP Working directory.
untuk “FTP directory” ini dapat kamu isi dengan alamat direktori folder server yang akan digunakan untuk menyimpan file yang di upload melalui FTP. Contohnya pada tutorial ini saya simpan di
public_html/ftp/untuk informasi seputar FTP server host, FTP Password, FTP port, FTP username kamu dapat melihatnya pada pengaturan di hosting mu.
Selanjutnya kode program “when image_picker after picking” merupakan kode program untuk menampilkan gambar yang dipilih ke layar. Gambar yang dipilih nantinya akan diupload ke server.
block program upload image menggunakan ftp kodular
Adapun penjelasan dari kode program diatas, ketika button upload di klik maka button upload akan mengirim gambar ke server melalui FTP satu persatu dengan bantuan perulangan, karena FTP tidak dapat melakukan upload beberapa gambar sekaligus maka dibuatlah sebuah perulangan.
Kemudian pada kode program “when FTP upload done” dan “when FTP upload error” akan menampilkan sebuah pesan informasi kepada pengguna jika upload berhasil ataupun gagal.
ketika Button Clear di klik akan menjalankan prosedur bersih. Prosedur bersih berisi kode program untuk mereset kembali menjadi seperti keadaan awal ketika masuk pertama kali ke aplikasi. Kemudian pada prosedur reset dynamic image berisi kode program untuk menghapus gambar sebelumnya yang di tampilkan ke layar ketika gambar tersebut akan di upload.
Build project aplikasi
Setelah proses pengkodean selesai selanjutnya adalah merubah project menjadi sebuah aplikasi untuk mengetahui apakah aplikasi yang dibuat ini dapat berfungsi dengan baik atau tidak.
Berikut di bawah ini adalah dokumentasi dari aplikasi yang dibuat.
Baiklah cukup sampai sini saja tutorialnya, jika ada yang ingin ditanyakan silahkan tulis di komentar.
Keren keren mas.. makasih tutorialnya..
itu kalo milih gambarnya MULTI SELECT bisa gak ya mas?
kalo kirimnya puluhan, pegel jg kalo atu atu..
untuk multi select belum mendukung gan, dari komponen yang disediakan oleh kodular belum ada yang bisa seperti itu.
Siang mas, terimakasih utk tutorial nya, saya sudah ikut semua langkahnya, tetapi waktu saya tes di companion muncul runtime error, the operating+ cannot accept the arguments:, [/storage/emulated/0/pictures/screenshot
Note: you will not see another error reported for 5 seconds.
Mohon bantuannya
Terimakasih
untuk test coba dilakukan di real devicenya mas jangan pakai companion
eh skalian.. donk dishare file AI nya mas… hehe,
biar skalian testing ga perlu bikin dari awal
makasih
maaf om mau tanya…
di gambar blocks dari kodularnya untuk ftp-server host, ftp password , ftp ussername dan ftp working directory di beri kosong. apakah op menentukannya di setting komponent ftp1 di menu designer kodularnya??
Itu diisi di blocknya langsung mas, contoh pada gambar di atas memang sengaja saya buat blur karena itu sifatnya rahasia.
Untuk informasi tersebut bisa didapatkan di pengaturan hostingnya.
Mau tanya gan, kalo kirim gambar ke folder di google drive, kira2 kode bloknya pakai apa yah?, makasih
saya sudah buat tutorial untuk upload gambar ke google drive, bisa cek pada postingan ini https://kubahas.com/?s=upload+image
maaf min, tanya, saya dah ikuti semua blok, tp kok g ada yg terupload ya,. mungkin bs minta file aia nya ^_^
Pastikan kamu sudah isi FTP server host, port, password, username, dan working directory
mau tanya untuk working directory liat dimana ya mas? sama saya udah buat semua cuma pas pilih gambar ga muncul gambarnya, padahal udah sama ngikutin semua blok nya
Kalo http://FTP.Working Directory itu ada di kompomen FTPnya. Klo milih gambar tpi gambarnya gk muncul tinggal tambahin perizinannya mas, karena android 10+ harus di buat permission untuk akses memori
Hi! Thank you for sharing!
I´m trying to make It work, but I followed every step, every element, but upload fails. I can´t identify why, but all works fine selecting images, but after try to send It to FTP I got only error message. Some update on Kudular maybe? Please help!
don’t forget to enter the FTP host server, FTP Password, FTP port, FTP username, and FTP Working directory.
And make sure it’s all right on your hosting.
gagal upload trs gan,, pdhal udah test ftp connect
Selamat siang Mas, tanya donk… aplikasi kodular yang saya buat mengambil gambar menggunakan camera, lalu hasilnya saya upload menggunakan ftp.
saya coba menggunakan companion, gambar hasil camera terkirim dengan baik (sukses), tapi pada saat saya compile menjadi apk malah gagal, dan saya sudah coba trap error ftp, tapi ternyata juga tidak kena trigger tersebut, saya coba trap error di level screen juga tidak tertangkap errornya.
aplikasi otomatis reset begitu saja, dan file tidak berhasil di upload.
Tolong pencerahannya. terima kasih.
Permission-nya sudah di allow kah untuk akses kamera atau folder?