Cara Membuat Aplikasi Scan QR Code Android

Published by farizdotid on

Cara Membuat Aplikasi Scan QR Code Android

Tutorial pemrograman android kali ini mengenai bagaimana cara membuat aplikasi scan QR Code android dengan menggunakan custom layout. Seperti kita ketahui QR Code ini biasanya banyak dijumpai di supermarket ataupun untuk jaman sekarang absensi sekolah ataupun kantor pun memakai Scan QR Code. Agar aplikasi dapat membaca QR Code ini kita akan menggunakan sebuah Library Code Scanner dengan basenya ZXing.

 

Nah, di tutorial cara membuat aplikasi scan QR code android disini kita akan menggunakan custom layout. Maksudnya gimana? jadi untuk tampilan scannya sesuai dengan apa yang diinginkan oleh kita. Biasanya kita suka menggunakan default layoutnya library Code Scanner tersebut.

 

Setup Project

Buat project dengan nama QR Code Scanner lalu pilih empty activity

 

Menambakan beberapa library

Buka gradle app lalu tambahkan kode berikut :

Catatan :

Code Scanner : Library untuk membaca QR Code. ( https://github.com/yuriy-budiyev/code-scanner )

Dexter : Library untuk memenuhi kebutuhan permission. Karena pada tutorial cara membuat aplikasi qr code ini kita menggunakan camera device sebagai scannernya. ( https://github.com/Karumi/Dexter )

 

Menyiapkan Permission Camera

Buka AndroidManifest.xml lalu tambahkan permission camera. Untuk kodenya seperti berikut :

Full source code android manifest :

 

Download Asset Gambar Background

Download asset image untuk kebutuhan custom layout pada aplikasi android kita. Jadi asset ini kita gunakan sebagai background.

bg_content

 

Edit Layout Activity Main

Buka activity_main.xml lalu isi dengan beberapa komponen berikut :

Untuk melihat settingan layout library code scanner kalian bisa akses disini ( https://github.com/yuriy-budiyev/code-scanner ). Nah, disini saya melakukan sedikit modifikasi untuk membuat seakan-akan camera ini full layar lalu diatasnya camera itu saya sisipkan gambar yang sudah disiapkan.

 

Inisialisasi dan membuat fungsi aplikasi

Buka MainActivity.java lalu inisialisasi beberapa komponen view dan class yang dibutuhkan :

Fungsi cek permission camera

Buatlah fungsi untuk mengecek permission camera sudah diberikan apa belum. Untuk kodenya seperti berikut :

Catatan :

Jika sudah diberikan maka secara otomatis kita memanggil fungsi library code scanner.

 

Fungsi Alert Dialog

Buatlah fungsi untuk memunculkan Alert Dialog. Alert Dialog ini berfungsi untuk menampilkan informasi dari hasil scan qode qr. Untuk kodenya seperti ini :

Override method onResume dan onPause

Lalu tambahkan override onResume dan onPause. Untuk kodenya seperti ini :

Inisialisasi fungsi dan komponen pada onCreate

Jika sudah sampai step ini berarti kamu tinggal inisialisasi komponen view dan class di dalam method onCreate. Untuk kodenya seperti ini :

Catatan :

mCodeScanner.setDecodeCallback ini adalah sebuah listener untuk memanggil fungsi ketika scan sudah berhasil atau sudah didapatkan. Case disini ketika user sedang scan maka akan muncul sebuah alert dialog yang messagenya kita isi dari hasil result scan code qr.

 

Full Kode MainActivity.java

Untuk full kode pada MainActivity adalah sebagai berikut :

Jalankan Aplikasi

Jalankan aplikasi dan scan qr code dibawah ini maka tampilan dan fungsi akan seperti ini

Cara Membuat Aplikasi Scan QR Code Android Cara Membuat Aplikasi Scan QR Code Android SCAN ME!

Menghilangkan toolbar

Nah, untuk menghilakan toolbar aplikasi kita kalian bisa langsung ke styles.xml. Caranya res – values – styles.xml lalu ganti ke NoActionBar. Untuk kodenya seperti berikut :

 

Download Project Android

Download Project QR Code Scanner Android

 


Tutorial pemrograman android menarik lainnya :


 

Sekian tutorial pemrograman android kali ini mengenai Cara Membuat Aplikasi Scan QR Code Android. Semoga bermanfaat dan jika ada yang ingin ditanyakan boleh langsung tulis di kolom komentar. Terimakasih! Hatur nuhun!


farizdotid

Seorang manusia biasa yang mempunyai fokus ke bidang pemrograman android dan ngeblog mengenai teknologi.

0 Comments

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.