No. 02Studi kasus
NEOGEN PPLG
Website kelas PPLG dengan jadwal pelajaran, galeri momen, daftar anggota, dan tempat pengumpulan tugas.
Masalah
Kelas PPLG kami butuh satu “markas” online: tempat mengenalkan kelas, menyimpan jadwal pelajaran, mengumpulkan foto kegiatan, dan mengurus tugas.
Selain itu, ada urusan rutin yang perlu dicatat dengan rapi: tugas beserta tenggatnya, tugas kelompok, siapa saja yang sudah mengumpulkan, dan kas kelas. Semuanya perlu bisa dipantau dari satu tempat, bukan dicatat terpisah-pisah.
Pendekatan
- Tema yang terasa milik kelas. Ide desainnya datang dari teman sekelas: tampilan bergaya piksel seperti gim lama. Saya mewujudkannya di website: huruf piksel, langit biru, dan pegunungan bergaya gim lama. Seluruh website saya bangun sendiri.
- Jadwal yang mudah dibaca. Jadwal disusun per hari lengkap dengan jam pelajaran, dan bisa dipilih untuk dua kelas: XI RPL dan XI PG.
- Semua di satu tempat. Ada galeri momen kelas, daftar anggota dan pengurus kelas, serta Assignment Hub dengan halaman masuk dan daftar untuk mengumpulkan tugas.
- Assignment Hub dan kas kelas. Siswa masuk dengan akun masing-masing, lalu mengunggah file tugas, baik tugas pribadi maupun kelompok, lengkap dengan tenggat. Format dan ukuran file diperiksa otomatis, maksimal 10 MB. Pengurus kelas juga bisa mencatat kas kelas dan mengekspor datanya.
- Teknologi: tampilan dibuat dengan HTML dan Tailwind CSS. Assignment Hub dibangun dengan PHP dan database MySQL, dan sandi akun disimpan dalam bentuk terenkripsi.
Teknologi
Alat yang dipakai untuk membangun NEOGEN PPLG, dalam bahasa sehari-hari.
- HTML
- Kerangka isi halaman: judul, paragraf, gambar, dan tombol.
- Tailwind CSS
- Cara menata tampilan dengan cepat dan konsisten.
- PHP
- Bahasa untuk bagian di balik layar, misalnya formulir dan halaman masuk akun.
- MySQL
- Database untuk menyimpan data website, misalnya akun pengguna, tugas, dan catatan kas.
Lihat langsungWhatsApp
Coba langsung NEOGEN PPLG.
Kunjungi website-nya, atau tanyakan apa saja tentang proyek ini lewat WhatsApp.

