Tutorial Android : Membuat Aplikasi QRCode Scanner Sederhana - AndroPath - Tutorial Android Development
Tutorial Android : Membuat Aplikasi QRCode Scanner Sederhana

Tutorial Android : Membuat Aplikasi QRCode Scanner Sederhana

Share This


Bismillaahirrahmaanirrahiim,,

Tutorial Android Menggunakan Android Studio Bahasa Indonesia - Di tutorial kali ini kita akan jelaskan bagaimana cara membuat sebuah aplikasi sederhana yang bisa meng-scan bentuk QRCode . Baiklah langsung saja kita mulai tutorial nya.. !

 

Apa itu QRCode ??


QRCode merupakan singkatan dari Quick Response Code, yang merupakan bentuk code yang terbentuk dari kumpulan kotak kotak hitam dengan background berwarna putih. Fungsi daripada QRCode ini dapat menyimpan data, yang mana data tersebut akan dapat ditangkap (dibaca) oleh camera. Adapun contoh dari QRCode seperti berikut :

Contoh gambar QR Code
Contoh gambar QRCode

 

Cara Generate QRCode


Seperti yang saya jelaskan, QRCode itu berisi data. Data awal (biasa berupa text) di generate sehingga menghasilkan gambar QRCode. Ada beberapa cara untuk generate data menjadi bentuk QRCode, namun di tutorial kali ini saya memakai website dibawah ini yang cukup bagus untuk melakukan generate.


Nah untuk tutorial ini kita akan generate data JSON yang saya buat untuk nanti kita tampilkan hasilnya di aplikasi kita. Berikut screen shootnya :




Buat Project Baru di Android Studio


  • Buat project baru di Android Studio
 
  

Tambahkan library Zxing


Disini kita memakai library Zxing untuk membaca QRCode — nya, so, tambahkan di build.gradle kamu, kemudian Sync Now.


Membuat User Interface


Untuk layoutnya saya design untuk menampilkan Nama dan Tinggi seseorang. Juga saya tambahkan button, dimana nanti akan diarahkan ke scanner QRCode — nya. Adapun screenshoot layout nya seperti berikut :

Adapun code dari layout diatas sebagai berikut (activity_main.xml) :

Mendefinisikan View Object


Disini kita definisikan view object sesuai dengan layout yang sudah kita buat.

Penambahan OnClickListener


Tambahkan OnClickListener di button kita dengan mengimplements View.OnClickListener :



Kemudian tambahkan sisa kode berikut untuk scanning QRCode :

Setelah itu, Run project Anda. Jika berhasil maka tampak hasil seperti berikut :


Hasil Aplikasi QRCode Scanner
Hasil Aplikasi QRCode Scanner

Itu saja tutorial kali tentang bagaimana cara membuat aplikasi sederhana QRCode Scanner ini, jika ada tambahan, kritikan, saran atau pertanyaan, silahkan berdiskusi di kolom komentar. Semoga bermanfaat.

Happy Coding.!

No comments:

Post a Comment