Tutorial Membuat QR Code dan Barcode Scanner Android (Part 2 Selesai) — Kotlin
Melanjutkan Tutorial sebelumnya tentang Cara Membuat QR Code dan Barcode Scanner (Part 1) silakan bagi kawan-kawan yang belum membaca karena tutorial sekarang ini sangat berhubungan dengan tutorial sebelumnya 😊, okeyy langsung saja kali ini kita akan menambahkan database sebagai penyimpanan hasil scan, database yang kita gunakan kali ini adalah AnkoSQLite, sebelum kita melanjutkan Saya jelaskan dulu alur yang akan kita buat :
Pada aplikasi yang telah kita buat kemarin terakhir sampai pada menampilkan alert dialog ketika gambar QR Code atau Barcode terdeteksi, selanjutnya kita akan buat juga fungsi untuk menyimpan teks hasil scan ketika gambar terdeteksi, jadi ada dua fungsi yang dipanggil ketika gambar terdeteksi yaitu menampilkan hasil dengan alert dialog dan simpan hasil ke database, selanjutnya hasil scan yang telah tersimpan akan kita tampilkan di halaman awal atau HomeActivity.kt yang telah kita buat pada tutorial sebelumnya menggunakan Recyclerview.
1. Membuat Data Class
Pertama kita buat dulu data class ResultScan.kt untuk menentukan data apa saja nantinya yang akan kita simpan termasuk nama dari tabel database yang kita buat.
2. Membuat Kelas Helper
Buat kelas DatabaseHelper.kt dan extend ManagedSQLiteOpenHelper() jangan lupa untuk override, kelas ini nantinya akan digunakan untuk membuat database SQLite.
3. Menambahkan Fungsi Insert
database.use{
insert(ResultScan.TABLE_RESULT,
ResultScan.TITLE to title,
ResultScan.RESULT to uri.toString(),
ResultScan.DATE to currentDate.toString()
)
}Ubah fungsi showMessageDialog() yang telah kita buat di tutorial sebelumnya pada kelas ScanActivity.kt dengan menambahkan syntax di atas menjadi seperti ini :
Sampai di sini aplikasi yang telah kita buat sudah bisa menyimpan data hasil scan, jadi ketika kamera berhasil menangkap QR Code atau Barcode maka akan langsung melakukan insert ke database dan baru menampilkan alert dialog hasil scan. Selanjutnya kita akan menampilkan data yang telah tersimpan di database.
4. Membuat Layout Item
Silakan buka kembali HomeActivity.kt pada kelas ini kita akan menambahkan fungsi read database namun sebelumnya karena kita akan menampilkan data menggunakan list Recyclerview maka kita perlu membuat kelas adapter dan layout untuk itemnya, buat file item_result_scan.xml pada folder res > layout,
5. Membuat Interface untuk Handle Click
Setelah kita membuat layout itemnya lalu kita buat terlebih dahulu interface RecyclerViewClickListener, yang nanti akan di extend oleh HomeActivity.kt untuk meng-handle klik pada item Recyclerview
6. Membuat Kelas Adapter
Selanjutnya kita buat kelas adapter untuk mengatur Recyclerview beri nama ResultAdapter.kt, lalu ketik kode berikut ini :
7. Menampilkan Data Menggunakan Recyclerview
Setelah kita membuat kelas adapter untuk Recyclerview selanjutnya kita pakai pada kelas HomeActivity.kt, sehingga kelas HomeActivity.kt menjadi berikut ini :
8. Penjelasan Tambahan
Berikut ini syntax yang digunakan untuk melakukan read dan delete pada database :
database.use {
val result = select(ResultScan.TABLE_RESULT)
listResult = result.parseList(classParser<ResultScan>())
}//Fungsi di atas digunakan untuk membaca data dari database
//dan memasukkan dalam list.view.context.database.use{
delete(ResultScan.TABLE_RESULT,
"${ResultScan.ID} = {id}",
"id" to result.id!!.toInt()
)
}//Fungsi di atas digunakan untuk delete data dari database
//berdasarkan id yang dipilih
Sampai di sini kita telah berhasil membuat aplikasi Scanner untuk QR Code dan Barcode, kita bisa membuat studi kasus kecil yang lain misalnya kita ingin membuat absensi karyawan menggunakan QR Code atau absenesi mahasiswa, apabila kawan-kawan masih ada kesulitan, bisa kita diskusikan bersama langsung saja hubungi saya lewat twitter atau media sosial yang tertera di bawah. Terimakasih yang telah membaca sampai akhir, See you in the next tutorial guys! 😊👋
Jika kalian ingin mencoba demo app berikut linknya :
