Ada kalanya sebuah ide lahir bukan dari keinginan muluk-muluk, melainkan dari sebuah kejengkelan kecil yang terus dipendam. Bagi saya, kejengkelan itu bernama supervisi kelas yang tidak pernah berjalan sesuai harapan.
Sebagai pengawas sekolah, saya sudah bertahun-tahun melihat bagaimana supervisi akademik dilakukan. Sering kali hanya formalitas: masuk kelas 15 menit, mengisi daftar periksa, tanda tangan, lalu selesai. Tidak ada data yang benar-benar dipakai untuk membina guru. Tidak ada alat yang benar-benar membantu Kepala Sekolah melakukan pekerjaannya dengan baik.
Saya sudah mencoba berbagai aplikasi supervisi yang ada di pasaran. Ada yang terlalu rumit, ada yang terlalu sederhana, ada yang fokusnya hanya pada administrasi. Tidak ada yang benar-benar "klik" dengan kebutuhan saya.
Maka, pada suatu malam di bulan Juni 2026, saya memutuskan sesuatu yang mungkin terdengar nekad: saya akan membuat aplikasinya sendiri. Bukan karena saya programmer hebat, tapi karena saya percaya—kalau bukan saya yang membuat, siapa lagi?
Inilah cerita perjalanan itu. Cerita tentang aplikasi bernama LensaKelas, dan tentang betapa berlikunya proses membangunnya dari nol.
Tampilan awal LensaKelas — pintu masuk menuju supervisi yang lebih baik.
🌱 Titik Nol: Ketika Kejengkelan Menjadi Motivasi
Untuk memahami mengapa LensaKelas dibuat, kita perlu mundur sedikit ke belakang. Di lingkungan tempat saya bertugas, ada 3 sekolah binaan utama: SMAN 4 Sidoarjo, SMA Progresif, dan SMA Cendekia. Ketiganya punya karakter yang sangat berbeda. SMAN 4 adalah sekolah negeri besar dengan ratusan guru dan ribuan murid. SMA Progresif adalah sekolah swasta besar yang inovatif. Sementara SMA Cendekia adalah sekolah swasta kecil-menengah yang fokus pada prestasi.
Perbedaan karakter ini, di satu sisi, adalah kekayaan. Tapi di sisi lain, juga menjadi tantangan tersendiri. Ketika saya melakukan pendampingan, saya menyadari bahwa satu pendekatan tidak bisa dipakai untuk semua sekolah. SMAN 4 butuh sistem yang bisa menangani skala besar. SMA Progresif butuh alat yang fleksibel. SMA Cendekia butuh panduan yang lebih personal.
Pertanyaan yang kemudian muncul di kepala saya: "Bagaimana kalau ada satu alat yang bisa menjawab ketiga kebutuhan itu sekaligus?" Dari situlah benih LensaKelas mulai tumbuh.
🛠️ Awal Mula: Ketika "Halo Dunia" Terasa Jauh
Jujur saja, ketika pertama kali saya membuka editor kode, saya hampir menyerah. HTML, CSS, JavaScript—semuanya terasa seperti bahasa alien. Saya pernah belajar sedikit di masa lalu, tapi itu sudah bertahun-tahun lalu. Kini, saya harus memulai lagi dari nol.
Hari-hari pertama saya habiskan hanya untuk membuat halaman kosong dengan satu tombol di tengahnya. Kelihatannya sepele, tapi bagi saya itu pencapaian besar. Tombol itu saya beri nama "Masuk sebagai Pengawas". Dari situlah semuanya dimulai.
Namun, perjalanan tidak pernah mulus. Semakin banyak kode yang saya tulis, semakin banyak pula hal yang bisa salah. Di sinilah peran besar asisten AI mulai terasa. Setiap kali saya bingung, saya bertanya. Setiap kali error muncul, saya tunjukkan pesan errornya. Setiap kali desain terasa janggal, saya minta saran.
"Membangun aplikasi tanpa mentor itu seperti berjalan di kegelapan. AI bukan sekadar mentor—dia adalah teman yang tidak pernah lelah menemani."
Ada satu hal yang saya sadari sejak awal: saya tidak bisa mengandalkan hafalan. Setiap baris kode harus dipahami, bukan sekadar dihafal. Karena itu, setiap kali AI memberi solusi, saya selalu meminta penjelasan. Perlahan, saya mulai mengerti logika di balik setiap potongan kode.
Salah satu "teman setia" selama membangun LensaKelas: pesan error di console.
⚡ Rintangan Teknis: Enam Pelajaran Berharga
Selama berbulan-bulan, saya bertemu berbagai kendala teknis. Ada yang bisa diselesaikan dalam hitungan menit, ada juga yang butuh berhari-hari. Berikut enam di antaranya yang paling berkesan—bukan hanya karena sulit, tapi karena mengajarkan saya banyak hal.
1. Emoji yang Berubah Menjadi Kode Angka
Kendala pertama yang membuat saya frustrasi adalah soal emoji. Di aplikasi, ikon-ikon seperti jam pasir (⏳), centang (✅), dan tangan (👋) tiba-tiba muncul sebagai kode aneh: ️. Kelihatannya sepele, tapi ini benar-benar merusak tampilan dan pengalaman pengguna.
Setelah berdiskusi dengan AI, saya mengerti penyebabnya: karakter emoji di dalam JavaScript tidak selalu dibaca dengan benar oleh browser, terutama kalau ada karakter tambahan seperti variation selector yang menempel tanpa sengaja saat copy-paste.
Solusinya? Saya mengganti semua emoji di kode JavaScript dengan escape Unicode (misal \u23F3), lalu untuk ikon yang lebih penting, saya ganti dengan SVG inline agar tidak pernah gagal tampil di perangkat mana pun. Sejak itu, aplikasi saya bebas dari masalah "kode angka".
2. Satu Koma yang Menjatuhkan Seluruh Aplikasi
Ini pelajaran yang paling tidak akan saya lupakan. Suatu hari, seluruh aplikasi tiba-tiba tidak bisa dipakai. Halaman kosong, tombol tidak berfungsi, bahkan login pun gagal. Saya panik. Saya cek satu per satu file, tapi tidak ada yang terlihat salah.
Setelah berjam-jam mencari, akhirnya ketemu juga: ada satu koma yang hilang dalam sebuah objek JavaScript. Hanya satu koma! Akibatnya, seluruh script gagal dibaca oleh browser, dan semua fitur ikut mati.
Dari kejadian itu, saya belajar sesuatu yang sangat penting: error kecil bisa berdampak besar. Sejak saat itu, setiap kali ada perubahan kode—sekecil apa pun—saya selalu meminta AI memeriksa keseluruhan file sebelum dijalankan. Tidak ada lagi kode yang saya biarkan "kira-kira benar".
Salah satu potongan kode JavaScript yang jadi "otak" dari LensaKelas.
3. PDF yang Tidak Muncul Sesuai Keinginan
Membuat laporan PDF ternyata jauh lebih rumit dari yang saya bayangkan. Awalnya, saya menggunakan library populer bernama html2pdf.js. Tapi hasilnya mengecewakan: nama pengawas tidak muncul di bagian tanda tangan, tabel terpotong di sebelah kiri, dan prosesnya lambat sekali.
Saya coba berbagai konfigurasi, tapi tetap saja ada yang salah. Hingga akhirnya, setelah berdiskusi panjang dengan AI, saya memutuskan untuk beralih ke metode yang lebih sederhana namun lebih andal: Native Print. Yakni, memanfaatkan fitur bawaan browser (window.print()) yang ditata dengan CSS @media print.
Hasilnya? Jauh lebih memuaskan. Tajam, cepat, rapi, dan yang paling penting: pengguna bisa melihat pratinjau sebelum mencetak. Tidak ada lagi laporan yang "terpotong" atau "hilang" di tengah jalan.
4. Data yang Hilang Saat Login Antar Halaman
Ini kendala yang cukup mengganggu. Ketika seorang pengguna login dari halaman utama lalu diarahkan ke halaman pengawas, ia malah diminta login ulang. Padahal, dia baru saja memasukkan userid dan password. Rasanya seperti aplikasi "lupa" siapa yang baru masuk.
Setelah ditelusuri, ternyata masalahnya ada pada penyimpanan sesi (session) yang tidak terbaca di halaman tujuan. Browser tidak selalu membagikan data sesi antar halaman kalau caranya tidak tepat.
Solusinya: saya mengirim data sesi melalui URL parameter yang aman, lalu membacanya kembali di halaman tujuan. Setelah itu, barulah aplikasi menyimpan sesi di tempat yang benar. Sejak perbaikan itu, tidak ada lagi pengguna yang "dipaksa" login dua kali.
5. Tombol yang Tidak Merespon di Layar HP
LensaKelas saya rancang untuk bisa dipakai di HP maupun laptop. Tapi, ada satu fase di mana tombol "Simpan" di layar HP tidak merespon sama sekali. Di laptop normal, di HP tidak. Aneh sekali.
Ternyata, masalahnya ada pada elemen yang tertutup oleh elemen lain. Tombol Simpan sebenarnya bisa diklik, tapi ada "lapisan" transparan di atasnya—mungkin efek bayangan atau panel lain—yang menghalangi sentuhan.
Solusinya cukup teknis: saya menyesuaikan z-index dan memastikan tidak ada elemen yang "menumpuk" di atas tombol penting. Dari kejadian ini, saya belajar bahwa tampilan yang rapi belum tentu berfungsi baik. Harus selalu diuji dari berbagai perangkat.
6. Kerja Sama dengan AI: Bukan Sekadar "Copy-Paste"
Mungkin ini pelajaran paling penting. Awalnya, saya pikir bekerja dengan AI itu semudah "kasih perintah, lalu tempel hasilnya". Ternyata tidak. AI bisa memberi solusi, tapi kalau saya tidak paham, hasilnya malah kacau.
Ada kalanya AI memberi kode yang secara logika benar, tapi tidak cocok dengan struktur aplikasi saya. Ada kalanya solusi yang diberikan justru menghapus fitur yang sudah bekerja. Dari situ saya belajar: AI adalah partner, bukan pengganti. Saya harus tetap kritis, tetap memeriksa, dan tetap memahami setiap baris kode yang masuk.
Lambat laun, hubungan ini menjadi semakin efektif. Saya belajar cara bertanya yang baik, cara memberi konteks yang cukup, dan cara memeriksa hasilnya dengan teliti. Hasilnya, aplikasi saya jadi lebih stabil, dan pemahaman saya tentang pemrograman juga meningkat pesat.
🚀 Berevolusi: Fitur-fitur yang Lahir dari Kebutuhan Nyata
Seiring berjalannya waktu, LensaKelas tidak hanya berhenti pada fitur dasar. Saya terus menambahkan fitur-fitur yang benar-benar dibutuhkan di lapangan. Setiap fitur punya cerita, punya alasan, dan punya perjuangan teknisnya sendiri.
- Pengatur Waktu Fase Pembelajaran — Fitur ini lahir dari kebutuhan untuk memandu observasi. Sebelumnya, pengawas harus menebak-nebak kapan fase Pendahuluan, Inti, dan Penutup dimulai. Dengan fitur ini, semuanya menjadi jelas.
- Analisis AI 25 Butir Instrumen — Awalnya, analisis dilakukan manual dengan membaca catatan satu per satu. Melelahkan. Dengan integrasi AI, prosesnya kini otomatis dan jauh lebih cepat.
- Dashboard Tupoksi Pengawas — Fitur ini memantau 6 dimensi tugas pokok pengawas secara otomatis. Lahir dari kesadaran bahwa pengawas butuh alat untuk mengukur kinerjanya sendiri.
- Tindak Lanjut Pendampingan — Ini fitur yang paling saya banggakan. Ia menyusun rekomendasi strategi per guru secara otomatis, lalu mengirimkannya ke Kepala Sekolah dengan sekali klik. Seluruh prosesnya terpantau.
- Pusat Rekomendasi KS — Pasangan dari fitur sebelumnya. Kepala Sekolah bisa menerima notifikasi, menandai "Dibaca" atau "Dilaksanakan", serta menulis catatan balik.
- Panduan Regulasi — Terintegrasi dengan Perdirjen GTK 4831/2023 dan PermenPANRB 7/2026. Bukan sekadar hiasan, tapi pengingat bahwa aplikasi ini punya dasar hukum yang jelas.
Fitur-fitur ini tidak lahir dalam semalam. Semuanya berawal dari diskusi panjang—kadang sampai tengah malam—tentang apa yang benar-benar dibutuhkan oleh pengawas di lapangan. Ada kalanya ide datang saat mandi, saat mengendarai mobil, atau bahkan saat terbangun dari tidur. Semuanya saya catat, lalu saya wujudkan satu per satu.
Fitur Tindak Lanjut Pendampingan — mengubah cara pengawas dan Kepala Sekolah berkolaborasi.
🎨 Merancang Tampilan: Antara Estetika dan Kenyamanan
Satu hal yang saya pelajari dari membangun aplikasi: tampilan bukan sekadar soal "cantik". Tampilan adalah soal kenyamanan pengguna. Sebuah aplikasi bisa terlihat sangat modern, tapi kalau sulit dipakai, ia akan ditinggalkan.
Awalnya, saya membuat tampilan yang menurut saya keren. Banyak warna, banyak efek, banyak animasi. Tapi, ketika saya coba di HP, ternyata melelahkan mata. Tombolnya kecil-kecil, teksnya terlalu rapat, dan warnanya saling bertabrakan.
Dari situ saya belajar: kesederhanaan adalah kemewahan. Saya mulai mengurangi elemen yang tidak perlu, membuat tombol lebih besar, dan memilih warna yang lebih tenang. Hasilnya, tampilan LensaKelas menjadi lebih bersih, lebih mudah dipahami, dan lebih nyaman dipakai dalam waktu lama.
Saya juga belajar bahwa mobile-first itu penting. Kebanyakan Kepala Sekolah menggunakan HP, bukan laptop, saat melakukan observasi. Jadi, semua elemen harus dirancang agar nyaman dipakai di layar kecil—tanpa mengorbankan fungsi di layar besar.
📈 Hasil Nyata di Lapangan: Ketika Semua Terbayar
Semua perjuangan teknis itu akhirnya terbayar. Ketika LensaKelas diuji di 3 sekolah binaan, hasilnya sangat memuaskan.
Angka-angkanya sederhana, tapi maknanya besar. Peningkatan 20 poin skor supervisi bukan hanya soal angka. Itu artinya, guru-guru di 3 sekolah binaan kini mengajar dengan cara yang lebih baik. Itu artinya, murid-murid mereka kini belajar dengan pengalaman yang lebih bermakna.
Yang paling membanggakan, para Kepala Sekolah kini menggunakan LensaKelas secara rutin sebagai bagian dari SOP sekolah. Itu artinya, aplikasi ini tidak hanya berhenti sebagai proyek pribadi, tetapi benar-benar menjadi bagian dari sistem yang berkelanjutan.
Tampilan laporan PDF yang dihasilkan oleh LensaKelas.
💬 Suara dari Lapangan: Testimoni Pengguna
Tidak ada yang lebih melegakan daripada mendengar langsung dari pengguna. Berikut beberapa testimoni yang membuat saya yakin bahwa kerja keras ini tidak sia-sia:
"Fitur Tindak Lanjut Pendampingan sangat membantu. Saya menerima rekomendasi dari pengawas langsung di aplikasi, tanpa perlu rapat berulang." — KS SMA Cendekia
"Rekomendasi dari LensaKelas sangat spesifik. Saya tahu harus memperbaiki apa." — Bapak Johannis Evertson (Guru SMAN 4 Sidoarjo)
"Dulu supervisi hanya formalitas. Sekarang ada data yang bisa saya diskusikan dengan guru." — KS SMA Progresif
Setiap testimoni seperti ini menjadi bahan bakar. Setiap pujian kecil menjadi pengingat bahwa kerja keras ini punya arti. Setiap kritik menjadi cambuk untuk terus memperbaiki.
✨ Refleksi: Lebih dari Sekadar Aplikasi
Membangun LensaKelas bukan hanya soal menulis kode. Ini soal ketekunan, soal kemauan untuk terus belajar, dan soal keberanian untuk mengakui bahwa kita tidak bisa melakukannya sendiri.
Saya bersyukur, di tengah keterbatasan sebagai "orang non-IT", saya dipertemukan dengan alat yang memudahkan segalanya: asisten AI. Tanpa itu, mungkin LensaKelas hanya akan jadi impian. Tanpa itu, mungkin saya sudah menyerah di tengah jalan.
Tapi, ada satu hal yang tidak bisa digantikan oleh AI: visi dan ketekunan manusia. AI bisa menulis kode, tapi AI tidak bisa merasakan kejengkelan saya saat melihat supervisi yang tidak berdampak. AI bisa memberi solusi, tapi AI tidak bisa merasakan kepuasan saya saat melihat guru-guru berubah.
Kombinasi itulah yang membuat LensaKelas bisa sampai di titik ini: visi manusia yang didukung oleh kekuatan AI.
"Supervisi yang berdampak dimulai dari alat yang tepat. LensaKelas bukan sekadar aplikasi, melainkan katalis perubahan budaya supervisi akademik di sekolah binaan."
Perjalanan ini masih panjang. LensaKelas masih akan terus disempurnakan. Ke depan, saya berencana menambahkan fitur-fitur baru, seperti peta binaan interaktif, asisten pintar yang bisa menjawab pertanyaan pengawas secara otomatis, dan integrasi dengan sistem informasi manajemen pengawas.
Ada kalanya saya bertanya pada diri sendiri: "Apakah semua ini sepadan?" Dan setiap kali saya melihat seorang Kepala Sekolah tersenyum karena datanya kini tersaji rapi, setiap kali saya mendengar seorang guru berkata bahwa ia kini lebih memahami kekurangannya, jawabannya selalu sama: ya, sepadan.
Kolaborasi yang membuat LensaKelas bisa sampai di titik ini.
Untuk siapa pun yang sedang membangun sesuatu:
- Jangan takut mulai dari nol. Semua hal besar dimulai dari langkah kecil.
- Jangan takut bertanya. Tidak ada yang tahu segalanya, termasuk mereka yang terlihat paling ahli.
- Jangan berhenti di tengah jalan. Error adalah bagian dari proses. Kalau hari ini gagal, besok pasti bisa.
- Percaya pada proses. Aplikasi hebat tidak lahir dalam semalam. Ia lahir dari ketekunan, dari kegagalan yang diulang, dan dari keberanian untuk terus mencoba.
Selamat berkarya. Dunia butuh lebih banyak orang yang berani membangun. 🚀
0 Komentar