Website jadwal Piket

Dokumentasi kegiatan

Proses pengembangan proyek CleanClass dilakukan melalui kerja sama dengan pihak mitra serta mendapatkan arahan dan bimbingan dari dosen pembimbing selama tahap perancangan hingga implementasi sistem. Diskusi dan evaluasi dilakukan secara berkala untuk memastikan solusi yang dikembangkan sesuai dengan kebutuhan pengguna serta mampu menjawab permasalahan dalam pengelolaan jadwal piket kelas.

Bimbingan Dosen

Wawancara Mitra

Bimbingan Dosen

Kerja Sama Mitra

Publikasi

Proposal proyek ini telah dipublikasikan dan dapat diakses secara terbuka.

Konteks & masalah

Pengelolaan jadwal piket kelas secara manual sering kali menghadapi beberapa kendala, seperti siswa lupa terhadap jadwal bertugas, pembagian tugas yang kurang terorganisir, serta sulitnya guru dalam melakukan pemantauan aktivitas kebersihan kelas. Kondisi tersebut dapat menyebabkan tanggung jawab kebersihan tidak berjalan secara optimal dan menurunkan kesadaran siswa terhadap pentingnya menjaga lingkungan belajar. Oleh karena itu, website CleanClass dikembangkan sebagai solusi digital untuk membantu proses manajemen jadwal piket, menyediakan informasi tugas secara terpusat, serta memberikan sistem apresiasi melalui poin tambahan agar siswa lebih termotivasi dalam berkontribusi menjaga kebersihan kelas.

Peran saya

• — Melakukan komunikasi dan koordinasi dengan pihak mitra, termasuk melakukan diskusi kebutuhan, penyampaian konsep solusi, hingga mencapai kesepakatan kerja sama dalam pengembangan sistem.
• — Mengembangkan backend website CleanClass, mulai dari perancangan struktur database, pembuatan API, hingga implementasi logika sistem untuk mendukung kebutuhan aplikasi.
• — Melakukan integrasi antara backend dan frontend agar data dapat ditampilkan serta fitur sistem dapat berjalan sesuai dengan kebutuhan pengguna.

Arsitektur & pendekatan

Sistem CleanClass dikembangkan sebagai website berbasis manajemen jadwal piket dengan pendekatan terpusat, di mana seluruh data jadwal, aktivitas piket, dan perolehan poin dikelola melalui sistem backend. Guru wali kelas berperan sebagai pengelola utama yang melakukan input serta pengaturan jadwal piket siswa, kemudian informasi tersebut dapat diakses oleh siswa melalui website. Setiap aktivitas piket yang telah dilakukan akan tercatat dan dikonversi menjadi poin sebagai bentuk apresiasi, yang kemudian ditampilkan dalam fitur leaderboard untuk meningkatkan motivasi siswa. Arsitektur sistem terdiri dari frontend sebagai antarmuka pengguna, backend sebagai pengolah logika dan manajemen data, serta database sebagai penyimpanan informasi jadwal, pengguna, dan poin.

Diagram Activity

Entity Relationship Diagram

Flowchart Diagram

UML Diagram

Cuplikan kode

Potongan kode ini menampilkan dua implementasi logika utama pada website CleanClass. Bagian pertama bertugas membangun fitur leaderboard dengan menggabungkan data dari beberapa tabel serta menghitung total poin setiap kelas menggunakan fungsi agregasi SQL, sehingga sistem dapat menampilkan peringkat kelas berdasarkan akumulasi poin kebersihan. Sementara itu, bagian kedua digunakan untuk menghitung jadwal piket berikutnya secara otomatis berdasarkan tanggal piket terakhir siswa menggunakan library Carbon, kemudian mengubah format tanggal ke dalam bahasa Indonesia agar lebih mudah dipahami oleh pengguna. Kedua implementasi ini menarik karena tidak hanya melibatkan operasi CRUD, tetapi juga menggabungkan relasi basis data, pengolahan data, serta logika bisnis aplikasi untuk menghasilkan fitur yang memberikan informasi secara dinamis dan meningkatkan pengalaman pengguna.

$hasil = Kelas::join('siswas', 'kelas.id', '=', 'siswas.id_kelas')
    ->join('nilais', 'siswas.nis', '=', 'nilais.nis')
    ->select('kelas.nama_kls')
    ->selectRaw('SUM(nilais.poin) AS total_poin')
    ->groupBy('kelas.nama_kls')
    ->orderBy('kelas.nama_kls', 'asc')
    ->limit(3)
    ->get();

================= lanjutan =================

  $tgllanjut = Carbon::parse($data[0]['tanggal'])
    ->addDays(7)
    ->format('Y-m-d');

$Tglbaru = Carbon::parse($tgllanjut)
    ->translatedFormat('j F Y');