App Inventor | Cara Membuat Aplikasi Absen Kelas Modern

Assalammuaikum Warahmatullaihi Wabarakatu

Hallo..!!

Kembali lagi di Blogger saya 😀
Apakah disekolah kalian masih mengunakan Absen yang diceklis ✔️?
Iya?? 🤣🤣Kalau kalian pakai cara itu ketinggalan jaman Temen temen....

Makanya itu....
Pada kali ini kita akan...."Membuat Aplikasi Absen Kelas Modern"
Tapi...pada sistem kali ini kita mengunakan QR Code,

Contoh QR Code

QR Code adalah....
adalah singkatan dari Quick Response Code,Kode 2-D ini dapat menyimpan banyak informasi. Sering digunakan sebagai bagian dari advertising, marketing, dan jejaring sosial, sistem ini bisa dipakai oleh ponsel yang memiliki aplikasi pembaca kode QR dengan akses internet.

Oke Langsung saja Yuk kita ke toturialnya!!!


1. Buka Website Membuat QR Code : https://www.qrcode-monkey.com

Website QR Code Monkey

2. Lalu kalian kepilihan Text untuk membuat QR Code Text


3. Setelah itu masukan nama teman sesuai absen kelas,Kalau sudah Create QR Codenya.(Lakukan itu sampai absen terakhir.)

4.Jika sudah membuat QR Codenya sampai Absen terakhir....Bukalah App Inventor.
Website App Inventor : http://appinventor.mit.edu/explore/#

5. Buat Project baru,lalu buat

6. Pengaturan Screen

7. Design Screen

Label:User Interface
Button:User Interface
Image:User Interface
VerticalScroolArrangement:Layout
HorizonalArrangement:Layout

Namailah label itu dengan nama siswa yang ada di kelas kalian

Masukan Foto teman teman kalian di Image

Jangan lupa kasih BarQode Scanner(Sensor)

Contoh Design

8. Pengaturan Label

9.Block

Penjelasan Block:Apa bila tombol 1 di clik,akan memunculkan BarQode Scanner untuk menscan QR Code nya. Setelah BarCode Scenner menscan hasilnya akan menetapkan label 1 textnya akan berubah sesuai QR Codenya,Jika hasil = Nama QR Codenya...akan menetapkan imagenya menjadi foto teman kalian,akan menetapkan label tidak hadir tadi menjadi Hadir,akan menetapkan label tidak hadir tadi menjadi hijau.....Lakukan itu sampai absen terakhir


Dah selesai....aplikasinya sudah bisa dipakai teman teman :)

Kalian bisa melihat contohnya disini

Jika sudah masuk aplikasi contohnya silakan Scan QR Code dibawah ini:)

Oke mungkin segitu aja yang saya bisa sampaikan,terima kasih atas perhatiannya.

Akhir kata Wassalammualaikum Warahmatullaihi wabarakatu.

╭╮╱╱╭╮╱╱╱╱╱╱╱╱╱╱╱╭━━━╮╱╱╱╱╱╱╭╮ ┃╰╮╭╯┃╱╱╱╱╭╮╱╱╱╱╱┃╭━━╯╱╱╱╱╱╱┃┃ ╰╮╰╯╭┻━┳╮╭┫┣━┳━━╮┃╰━━┳━━┳┳━━┫┃ ╱╰╮╭┫╭╮┃┃┃┣┫╭┫┃━┫┃╭━━┫╭╮┣┫╭━┻╯ ╱╱┃┃┃╰╯┃╰╯┃┃┃┃┃━┫┃╰━━┫╰╯┃┃╰━┳╮ ╱╱╰╯╰━━┻━━╯╰╯╰━━╯╰━━━┫╭━┻┻━━┻╯ ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱┃┃ ╱╱╱╱╱╱╱╱