Tutorial: Absensi Otomatis dengan Pengenalan Wajah Menggunakan Teachable Machine

 Tujuan

Membuat sistem sederhana yang bisa mengenali wajah siswa → hasilnya dapat dipakai untuk absensi otomatis di kelas.

 Persiapan

• Laptop/PC dengan kamera (webcam).

• Koneksi internet.

• Akun Google (opsional, jika ingin simpan proyek).

• Akses Teachable Machine.

 Langkah-Langkah

1. Buka Teachable Machine

1. Kunjungi: https://teachablemachine.withgoogle.com/

2. Klik Get Started.

3. Pilih Image Project → Standard Image Model.

2. Membuat Dataset Wajah

1. Secara default akan ada Class 1 dan Class 2.

2. Ganti nama kelas menjadi nama siswa, misalnya:

   • Andi

   • Budi

   • Citra

3. Klik Add a Class untuk menambah siswa lain.

4. Ambil data wajah:

   • Klik Webcam → rekam wajah siswa dari beberapa sudut (depan, kiri, kanan, senyum, kacamata).

   • Atau klik Upload → masukkan foto siswa.

5. Semakin banyak variasi wajah yang diambil → semakin akurat hasilnya.

3. Latih Model

1. Setelah semua foto siswa masuk ke kelas masing-masing → klik tombol Train Model.

2. Tunggu sebentar hingga proses selesai.

3. Uji coba dengan webcam → arahkan wajah siswa ke kamera.

   • Jika model mengenali dengan benar → sudah berhasil.

   • Jika masih sering salah → tambahkan foto lagi dan latih ulang.

4. Export Model

1. Klik Export Model (di kanan atas).

2. Pilih TensorFlow.js → Upload my model.

3. Tunggu hingga link model muncul.

4. Simpan link/URL atau download model untuk digunakan di aplikasi absensi.

5. Membuat Aplikasi Absensi Sederhana

 Ada dua cara:

A. Langsung Uji di Browser

• Teachable Machine menyediakan tombol Live Preview.

• Model akan langsung menampilkan nama siswa di browser.

• Bisa dipakai guru untuk absensi cepat (manual catat hasilnya).

B. Membuat Absensi Otomatis (Butuh Sedikit Coding HTML/JS)

1. Download model tadi.

2. Buat file index.html.

3. Tambahkan script Teachable Machine.

4. Tampilkan nama siswa yang terdeteksi + jam hadir.

5. Hasilnya bisa diekspor ke Google Sheets / CSV.

(Kalau Ibu/Bapak mau, saya bisa bikinkan contoh kode HTML/JS sederhana untuk absensi ini, tinggal jalankan di browser).

6. Uji Coba di Kelas

1. Jalankan aplikasi absensi.

2. Siswa masuk kelas → kamera mengenali wajah → otomatis tercatat hadir.

3. Guru bisa simpan hasil absensi untuk laporan.

 Tips Agar Akurat

• Ambil foto wajah dengan pencahayaan berbeda.

• Gunakan 5–10 foto per siswa minimal.

• Latih ulang jika model sering salah deteksi.

• Bisa dipakai di kelas kecil (10–30 siswa).

 Manfaat untuk Guru

• Hemat waktu absensi
• Data otomatis tersimpan
• Bisa dipakai di kelas offline & hybrid
• Bisa digabung dengan Google Sheets