Membuat Aplikasi Presensi Android dengan Barcode di Situs App Inventor 2 - Hasil Realtime

Membuat Aplikasi Presensi Android dengan Barcode di Situs App Inventor 2

Tutorial ini dapat dilihat di Youtube dengan Link

https://youtu.be/MwWKHlSCmkE

Pengantar

SMKN 9 Semarang bekerjasama dengan PT POS Indonesia dan menghasilkan usaha kerjasama berupa POS Sekolah SMKN 9 Semarang. Dalam kesehariannya, ditunjuk 15 siswa sebagai pengurus POS yang secara bergantian berjaga di POS tersebut. Sehingga diperlukan aplikasi Presensi yang praktis dan mudah dalam pembuatannya.

Saya guru Otomatisasi dan Tata Kelola Perkantoran di SMK 9 Semarang, dengan mencari referensi melalui internet, berusaha membuat aplikasi presensi ini dengan memanfaatkan situs https://appinventor.mit.edu/ , Google Form dan Google Spreadsheet. Aplikasi ini akan menghubungkan fitur scan barcode dan hasil tampil di google spreadsheet. Sampai saat ini, aplikasi tersebut masih rutin digunakan oleh para pengurus POS Sekolah dalam bekerja.

Prasyarat pembuatan aplikasi sederhana ini diperlukan bahan sebagai berikut

1. Buat desain aplikasi pada situs App Inventor

2. Buat formulir yang terisi otomatis pada Google Form

3. Buat jawaban formulir pada Google Spreadsheet

Untuk gambaran desain aplikasi, saya membuat menjadi 2 layer (2 halaman). Layer pertama berisi halaman awal aplikasi, dengan beberapa informasi seperti: Nama aplikasi, Informasi Presensi Pengurus POS SMK 9, tombol Scan Barcode  dan logo di bawahnya. Berikut tampilan desainnya:

 

Untuk layer ke 2, saya isi dengan notifikasi “terimakasih telah melakukan presensi. Silahkan keluar dari aplikasi”. Kemudian ditambah dengan tombol Keluar Aplikasi di bawahnya. Tampilan desainnya:

Layer ke 2

 Aplikasi tersebut dihubungkan dengan fitur scan barcode. Mereka diminta untuk melakukan scan barcode pada nama masing-masing. Berikut contoh salah satu barcodenya

contoh barcode yang dibuat

 

Ketika siswa scan barcode, secara otomatis mereka melakukan pengisian formulir ini. Kenapa otomatis ? Karena tanpa membuka Google Form, form ini sudah terisi otomatis.

Tapi dengan syarat, google form ini sudah kita buatkan kode URL tertentu untuk masing-masing peserta, tampilan seperti dibawah ini

        

Di video tutorial juga akan saya jelaskan juga cara membuat URL seperti di atas, mudah kok.

 

Dan akhirnya, kita hanya perlu melihat hasil jawaban siswa pada google spreadsheet, kita juga dapat mengetahui kapan siswa itu datang dan pulang

Mudah bukan? Berikut tampilan Aplikasi presensi pada smartphone:

 

 Ingin tau bagaimana cara membuatnya? Simak penjelasan saya berikut ini:

https://youtu.be/MwWKHlSCmkE