0
0
Artikel kali ini membahas tentang tutorial dalam membuat fitur untuk upload data gambar yang diambil dari kamera ke dalam MySQL dengan menggunakan PHP dan Kodular. Untuk tutorial kali ini, membutuhkan ektensi tambahan yang disebabkan pihak Kodular tidak ada mengubah fitur permission akses Media Storage versi Android SDK yang terbaru.
LIST EXTENSION TAMBAHAN
Disini membutuhkan dua extension tambahan yaitu konversi gambar menjadi chipertext Base 64 Encode dan melakukan settingan versi Android SDK agar bisa berfungsi fitur Read Media Permission dalam akses Media Storage khusus Android 13 keatas.
- Kio4 Base64 >>> Dapatkan Link Disini
- ReadMediaPermission >>> Dapatkan Link Disini
Setelah kamu mengunduh dua extension yang diatas, maka bisa melakukan import Extension setelah project aplikasi dibuat.
LANGKAH-LANGKAH
1. MEMBUAT DATABASE MYSQL
Untuk membuat database MySQL bisa menggunakan cara manual seperti ketik kode perintah di dalam terminal atau CMD atau menggunakan aplikasi Database Management seperti PhpMyAdmin.
Nama Database : db_galeri
Nama Tabel : tbl_indoor
1A. KETIK KODE PERINTAH DI TERMINAL / CMD
Kode perintah untuk membuat Database yang bernama db_galeri.
create database db_galeri;
use database db_galeri;Kode perintah untuk membuat tabel yang bernama tbl_indoor
CREATE TABLE tbl_indoor (
id int(11) NOT NULL PRIMARY KEY AUTO_INCREMENT,
nama_file varchar(100) NOT NULL,
gambar text NOT NULL
);Sebelum membuat database dari awal, pastikan layanan MySQL bisa terhubung dengan baik di laptop atau PC.
1B. MENGGUNAKAN DATABASE MANAGEMENT PHPMYADMIN
1. Aktifkan Web Server seperti XAMPP atau Laragon yang terutama Apache dan MySQL terlebih dahulu.
2. Membuka aplikasi web browser.
3. Ketikkan http://localhost/phpmyadmin atau http://[alamat ip]/phpmyadmin di address bar, tekan Enter.
4. Klik New / Baru untuk membuat database baru.
5. Masukkan nama database yakni db_galeri di kolom database name, klik Create.
6. Klik db_galeri, klik Baru / New untuk membuat tabel baru.
7. Isikan nama tabel yakni tbl_indoor ke dalam kolom nama tabel, untuk jumlah kolom, biarkan saja.
8. Isikan beberapa kolom ke dalam tabel yang tertera pada gambar dibawah ini:
9. Setelah dibuat beberapa kolom di dalam tabel, klik Kirim / Go.
Setelah dibuat database beserta tabelnya, baru memasuki tahap pembuatan coding backend dengan menggunakan bahasa pemrograman PHP.
2. MEMBUAT CODING UPLOAD GAMBAR DENGAN PHP
Berikut kode script untuk upload file gambar yang diambil dari kamera ke dalam MySQL beserta menyimpan gambar ke dalam folder khusus.
<?php
//Koneksi database MySQL - PHP
$host = "localhost"; //Nama Host Server (localhost sebagai default)
$user = "root"; // Nama Pengguna
$pass = ""; // Kata Sandi
$dbase = "dbase_galeri"; // Nama Database
$koneksi = mysqli_connect($host,$user,$pass,$dbase);
//Tempat input data
$Nama_File = $_POST['nama_file'];
$Encode_Base64 = $_POST['encode_base64'];
//Kode perintah ini digunakan jika tidak membuat custom nama file dari aplikasi.
//$filename = "bukti-foto_";
$snow = strtotime(date("Y-m-d H:i:s"));
$gambar = $Nama_File . $snow . ".png";
//Jika tidak upload gambar atau gagal konversi file ke Encode Base64.
if($Encode_Base64 == null || $Encode_Base64 == ''){
$query = "INSERT INTO tbl_indoor VALUES (null, '$Nama_File','')";
}
//Jika ada upload gambar.
else{
$query = "INSERT INTO tbl_indoor VALUES (null, '$Nama_File', '$gambar')";
}
$result = mysqli_query($koneksi, $query);
//Jika tidak ada error dalam upload gambar ke dalam MySQL.
if($result){
//Melakukan Deskripsi Code Base64 menjadi file utuh.
$bin = base64_decode(str_replace(array('-', '_',' ','\n'), array('+', '/','+',' '), $Encode_Base64));
//Menambahkan file gambar baru setelah upload ke dalam hosting / server.
$ifp = fopen("assets/". $gambar, "wb");
fwrite( $ifp, $bin );
fclose( $ifp );
}
//Jika gagal upload gambar ke dalam MySQL.
else{
echo"2";
}
//Menutupi koneksi MySQL
mysqli_close($koneksi);
?>Setelah dibuat program backend yang tadi, simpanlah file yang tadi ke dalam folder htdocs atau sesuai tempat akses web server di browser.
3. MEMBUAT APLIKASI ANDROID DENGAN KODULAR
Disini membuat aplikasi Android dengan Kodular untuk fitur upload gambar yang diambil dari kamera ke database MySQL.
1. Kunjungi situs Kodular App Creator.
2. Lakukan login seperti biasanya.
3. Buatlah project aplikasi baru dengan klik New Project.
4. Masukkan nama project aplikasi tanpa spasi yang berhubungan dengan upload gambar, klik Next.
5. Aturlah tampilan UI aplikasi, custom nama package, dsb dengan sesuai kebutuhan, klik Finish.
6. Lakukan import kedua extension yang diatas telah diunduh sampai selesai.
7. Buatlah tampilan UI aplikasi yang sesuai pada tertera gambar di bawah ini:
8. Setelah kamu membuat tampilan aplikasi diatas, maka bisa masuk ke bagian Block.
9. Blok Program untuk menampung nama file yang akan upload foto.
10. Blok program untuk menampung encode base64 setelah dienkripsi file foto dari kamera.
11. Blok program untuk menampung alamat IP atau situs web yang merujuk untuk proses upload foto dari kamera ke MySQL.
12. Blok program untuk menampilkan hasil potret foto dari kamera ke Image View.
13. Blok program untuk tombol yang berperan sebagai pembersih data.
14. Blok program pada saat membuka aplikasi.
15. Blok program untuk tombol yang berperan sebagai upload gambar dari kamera ke MySQL.
16. Blok program untuk menampilkan hasil proses dari upload gambar dari kamera ke MySQL.
Kamu bisa memasukkan seluruh blok program yang dibuat di bawah ini:
17. Setelah itu, melakukan ujicoba dalam upload gambar yang diambil kamera ke MySQL.
18. Berikut hasil akhir.
Selesai.
CATATAN:
Sebaiknya, penempatan hasil upload gambar dibuat folder secara terpisah di dalam server.
INGIN MENDAPAT SOURCE CODE AIA NYA???
kamu bisa membeli source code AIA Kodular untuk upload gambar dari kamera ke database MySQL dengan PHP dengan seharga Rp 150.000.
Kamu bisa membelinya melalui Lynk.id yang tertera link di bawah ini:
Untuk mendapatkan potongan harga source code AIA Kodular ini, bisa menggunakan Voucher “KODULAR1” tanpa tanda kutip.
Semoga bermanfaat.
