SIPBULI is a comprehensive digital platform designed to assist educational institutions in detecting, addressing, and preventing bullying cases. By integrating an anonymous reporting system, interactive education, AI-powered counseling, and data analysis, this platform creates a safer and more inclusive educational environment for all students.

SIPBULI: Bullying Prevention Information System for Educational Institutions

## <span style="color:#CE1898">SIPBULI</span>: Sistem Informasi Pencegahan Bullying

![pc-banner-detail](https://dikhimartin.vercel.app/assets/img/portfolio/sipbuli/banner-detail-sipbuli-digital-bullying-prevention-system.png)

### Pendahuluan {#overview}

Sistem Informasi Pencegahan Bullying di Sekolah <span style="color:#CE1898">(SIPBULI)</span>  adalah platform edukasi digital komprehensif yang dirancang untuk membantu institusi pendidikan dalam mendeteksi, menangani, dan mencegah kasus bullying secara efektif. Platform ini dikembangkan sebagai respons terhadap meningkatnya kebutuhan akan sistem yang terintegrasi dalam mengatasi masalah bullying di lingkungan pendidikan.

SIPBULI menawarkan pendekatan holistik dengan menggabungkan teknologi informasi modern dan prinsip-prinsip pendidikan untuk menciptakan lingkungan sekolah yang lebih aman dan nyaman bagi seluruh siswa. Sistem ini dirancang untuk diimplementasikan pada berbagai tingkat pendidikan, mulai dari sekolah dasar hingga sekolah menengah atas, di bawah pengawasan dinas pendidikan.

Saat ini, SIPBULI masih dalam tahap pengembangan (versi beta) dan terus disempurnakan sesuai dengan kebutuhan pengguna dan perkembangan teknologi. Kami berkomitmen untuk terus meningkatkan fungsionalitas dan kegunaan platform ini demi menciptakan lingkungan pendidikan yang bebas dari bullying.

### Permasalahan {#problem}

Beberapa permasalahan utama yang mendasari pengembangan SIPBULI:

1. **Kurangnya Sistem Pelaporan yang Aman**: Banyak kasus bullying tidak dilaporkan karena korban merasa tidak aman atau takut akan konsekuensi dari pelaporan. Diperlukan saluran pelaporan yang menjamin kerahasiaan dan keamanan pelapor.

2. **Kesenjangan Informasi dan Edukasi**: Masih terdapat pemahaman yang terbatas tentang bullying, jenisnya, dampaknya, dan cara mencegahnya di kalangan siswa, guru, dan orang tua.

3. **Penanganan Kasus yang Tidak Terstruktur**: Banyak institusi pendidikan belum memiliki protokol yang jelas dan sistematis dalam menangani laporan bullying, menyebabkan penanganan yang tidak konsisten dan sering kali tidak efektif.

4. **Keterbatasan Akses pada Konseling**: Tidak semua siswa memiliki akses mudah ke layanan konseling profesional, terutama di daerah dengan sumber daya terbatas.

5. **Kurangnya Data dan Analisis**: Minimnya data terstruktur tentang kasus bullying di sekolah menyulitkan pengambilan kebijakan berbasis bukti untuk pencegahan dan penanganan.

6. **Koordinasi Antar Stakeholder yang Tidak Efisien**: Komunikasi dan koordinasi yang terbatas antara pihak sekolah, guru, konselor, orang tua, dan siswa dalam menangani dan mencegah bullying.

### Solusi yang Ditawarkan {#solving}

SIPBULI menawarkan solusi komprehensif untuk mengatasi permasalahan di atas melalui beberapa pendekatan:

1. **Platform Pelaporan Terpadu**: Menyediakan saluran pelaporan yang aman, mudah diakses, dan menjamin kerahasiaan identitas pelapor (anonim) jika diperlukan.

2. **Sistem Edukasi Interaktif**: Menyajikan konten edukasi dalam berbagai format (artikel, video, kuis) untuk meningkatkan pemahaman tentang bullying bagi semua pihak terkait.

3. **Manajemen Kasus Terstruktur**: Menyediakan alur kerja terstruktur untuk penanganan laporan bullying, mulai dari penerimaan laporan hingga penyelesaian kasus.

4. **Dukungan AI untuk Konseling**: Memanfaatkan teknologi kecerdasan buatan untuk memberikan akses awal terhadap layanan konseling sebelum dirujuk ke konselor manusia.

5. **Analisis Data Komprehensif**: Mengumpulkan dan menganalisis data terkait kasus bullying untuk mendukung pengambilan keputusan berbasis bukti.

6. **Komunikasi Terintegrasi**: Memfasilitasi komunikasi antar stakeholder (sekolah, guru, konselor, orang tua, siswa) dalam upaya pencegahan dan penanganan bullying.

### Pembahasan {#discussion}

#### Fitur Utama Pelayanan Publik {#core-feature-public}

Antarmuka publik SIPBULI dirancang dengan pendekatan mobile-first untuk memudahkan akses bagi siswa, orang tua, dan masyarakat umum.

##### 1. Halaman Utama {#core-feature-public-1}

![](https://dikhimartin.vercel.app/assets/img/portfolio/sipbuli/documentation/core-feature-public-1.png)

Halaman ini menyajikan informasi penting dan akses cepat ke fitur-fitur utama:

- Informasi singkat tentang SIPBULI dan tujuannya

- Tombol "Laporkan Bullying"

- Visualisasi data dampak bersama dengan filter berdasarkan:
  - Total laporan
  - Persentase penyelesaian kasus
  - Klasifikasi berdasarkan tingkat urgensi (Rendah, Sedang, Tinggi)
  - Distribusi kasus berdasarkan kategori
  - Status laporan (Review, Investigasi, Ditindak, Selesai dan Ditutup)
    

##### 2. Formulir Pelaporan {#core-feature-public-2}

![](https://dikhimartin.vercel.app/assets/img/portfolio/sipbuli/documentation/core-feature-public-2.png)

Fitur ini memungkinkan pelaporan kasus bullying secara mudah dan aman:

- Input detail kejadian (lokasi, waktu, deskripsi)

- Fasilitas upload bukti (foto/video) secara opsional

- Opsi pelaporan anonim untuk melindungi identitas pelapor

- Konfirmasi dan notifikasi keberhasilan pengiriman laporan

- Pelacakan status laporan bagi pengguna terdaftar

##### 3. Edukasi Interaktif {#core-feature-public-3}

![](https://dikhimartin.vercel.app/assets/img/portfolio/sipbuli/documentation/core-feature-public-3.png)

Modul ini menyediakan konten edukasi untuk meningkatkan pemahaman pengguna mengenai bullying, terdiri dari tiga jenis utama:

###### 3.1 Kuis Interaktif

![](https://dikhimartin.vercel.app/assets/img/portfolio/sipbuli/documentation/core-feature-public-3-1.png)

Pengguna dapat mengikuti kuis bertema bullying dalam dua format soal: **pilihan ganda** dan **esai**.
Fitur ini hanya tersedia bagi pengguna yang telah melakukan **login**, untuk memastikan personalisasi dan penyimpanan progres belajar. 

Untuk mendorong keterlibatan lebih lanjut, platform ini juga menyediakan **papan peringkat** yang menampilkan skor tertinggi dari pengguna lain, mendorong semangat kompetisi sehat dalam belajar.

![](https://dikhimartin.vercel.app/assets/img/portfolio/sipbuli/documentation/core-feature-public-3-1-b.png)

> Untuk soal esai, penilaian dilakukan secara otomatis menggunakan **kecerdasan buatan (AI)**. Sistem akan mengevaluasi jawaban berdasarkan tingkat kemiripan dan relevansi terhadap **kunci jawaban yang diharapkan**, sehingga mampu memberikan penilaian yang objektif dan efisien tanpa intervensi manual.

![](https://dikhimartin.vercel.app/assets/img/portfolio/sipbuli/documentation/core-feature-public-3-1-c.png)

Setelah menyelesaikan kuis, pengguna akan langsung mendapatkan **ringkasan hasil** berupa persentase skor dan ulasan terhadap performa mereka. Sistem akan menampilkan **judul hasil** seperti *"Luar Biasa!"* atau *"Terus Belajar!"* berdasarkan nilai akhir yang diperoleh. Judul ini disertai dengan pesan motivasi yang sesuai, bertujuan memberikan dorongan serta umpan balik yang membangun.

Contohnya:

- Jika pengguna mendapatkan skor tinggi (misalnya 80% ke atas), sistem akan memberikan apresiasi seperti *"Kamu memiliki pemahaman yang sangat baik!"*

- Untuk skor menengah, pengguna akan mendapat saran perbaikan seperti *"Masih ada beberapa konsep yang perlu dipahami lebih dalam."*

- Skor rendah akan direspons dengan semangat positif seperti *"Teruslah belajar, kamu sedang berada di jalur yang tepat!"*

Selain itu, terdapat fitur **review jawaban** yang memungkinkan pengguna melihat kembali soal dan jawaban yang telah dipilih, serta membandingkannya dengan jawaban yang benar.

###### 3.2 Artikel Edukasi

![](https://dikhimartin.vercel.app/assets/img/portfolio/sipbuli/documentation/core-feature-public-3-2.png)

Kumpulan artikel informatif yang membahas berbagai aspek bullying, seperti jenis, dampak, serta strategi pencegahan.
Konten ini dapat digunakan sebagai referensi belajar bagi siswa maupun pendidik.

###### 3.3 Video Pembelajaran

![](https://dikhimartin.vercel.app/assets/img/portfolio/sipbuli/documentation/core-feature-public-3-3.png)

Materi edukatif dalam format video yang dapat diakses dengan mudah melalui berbagai perangkat.

> Seluruh konten dapat difilter berdasarkan tipe (kuis, artikel, atau video), dan ditampilkan secara lengkap melalui tombol **"Lihat Semua"** pada halaman edukasi.

##### 4. Halaman Profil {#core-feature-public-4}

Fitur ini memungkinkan pengguna terdaftar untuk mengelola informasi personal:

- Visualisasi data profil
- Fasilitas perubahan kata sandi
- Pengaturan preferensi notifikasi
- Riwayat aktivitas dalam sistem

##### 5. Laporan Saya {#core-feature-public-5}

![](https://dikhimartin.vercel.app/assets/img/portfolio/sipbuli/documentation/core-feature-public-5.png)

Modul ini memungkinkan pengguna terdaftar untuk memantau laporan yang telah mereka buat:

- Daftar laporan yang telah disubmit
- Filter berdasarkan status laporan dan rentang waktu
- Pengurutan laporan berdasarkan berbagai parameter
- Detail status dan tindak lanjut untuk setiap laporan

##### 6. Chatbot Konselor AI {#core-feature-public-6}

![](https://dikhimartin.vercel.app/assets/img/portfolio/sipbuli/documentation/core-feature-public-6.png)

Fitur ini menyediakan konsultasi awal melalui AI tanpa memerlukan login:

- Tanya-jawab dasar tentang bullying dan penanganannya
- Rekomendasi tindakan yang dapat diambil dalam situasi tertentu
- Referensi ke sumber daya dan kontak yang relevan
- Opsi untuk menghubungi konselor manusia jika diperlukan



#### Fitur Utama Admin {#core-feature-admin}

Dashboard administratif SIPBULI dirancang untuk digunakan oleh admin sekolah, guru, dan konselor dalam mengelola laporan bullying, konten edukasi, dan analisis data.

##### 1. Dashboard Analitik {#core-feature-admin-1}

Dashboard menyajikan visualisasi data terkait kasus bullying yang memungkinkan pengguna untuk melihat tren dan pola secara cepat. Fitur ini mencakup:

- Statistik kasus bullying secara real-time
- Grafik tren kasus berdasarkan periode waktu
- Visualisasi distribusi kasus berdasarkan jenis, lokasi, dan tingkat keparahan
- Ringkasan status laporan terbaru

##### 2. Manajemen Pelaporan Kasus {#core-feature-admin-2}

Fitur ini memungkinkan pengelolaan laporan bullying secara sistematis, termasuk:

- Penerimaan dan peninjauan laporan masuk
- Kategorisasi kasus berdasarkan jenis bullying
- Dokumentasi investigasi dan tindakan yang diambil
- Pelacakan status laporan dari awal hingga penyelesaian

##### 3. Edukasi Interaktif {#core-feature-admin-3}

Modul ini memungkinkan admin untuk mengelola konten edukasi yang akan disajikan kepada pengguna publik:

- Pengelolaan artikel dan video edukasi
- Kategorisasi konten berdasarkan tema dan kelompok target
- Pembuatan dan pengelolaan kuis interaktif
- Pengelolaan bank soal untuk evaluasi pemahaman

##### 4. Komunikasi dan Konseling {#core-feature-admin-4}

Fitur ini memfasilitasi komunikasi dan layanan konseling baik melalui AI maupun konselor manusia:

- Konfigurasi AI chatbot konselor
- Pengelolaan permintaan konseling dari pengguna
- Penjadwalan sesi konseling dengan konselor manusia
- Pemantauan dan evaluasi efektivitas layanan konseling

##### 5. Analisis dan Statistik {#core-feature-admin-5}

Modul ini menyediakan alat analisis data yang mendalam untuk memahami tren dan pola kasus bullying:

- Pembuatan laporan terperinci tentang kasus bullying
- Analisis tren berdasarkan berbagai parameter (waktu, lokasi, jenis)
- Ekspor data dalam berbagai format (Excel, PDF)
- Visualisasi data untuk presentasi dan pengambilan keputusan

##### 6. Manajemen Pengguna {#core-feature-admin-6}

Fitur ini memungkinkan pengelolaan akun pengguna sistem dengan berbagai peran:

- Pembuatan dan pengelolaan akun untuk admin, guru, konselor, dll.
- Penerapan kontrol akses berbasis peran (RBAC)
- Pemantauan aktivitas pengguna untuk keamanan sistem
- Pengelolaan hak akses dan izin untuk berbagai fitur

##### 7. Notifikasi dan Reminder {#core-feature-admin-7}

Sistem notifikasi memastikan penanganan tepat waktu terhadap laporan dan tindakan:

- Pemberitahuan real-time untuk laporan baru
- Pengingat untuk tindak lanjut kasus yang tertunda
- Pemberitahuan untuk aktivitas penting dalam sistem
- Kustomisasi preferensi notifikasi untuk setiap pengguna

##### 8. Pengaturan Sistem {#core-feature-admin-8}

Modul ini memungkinkan konfigurasi berbagai aspek sistem:

- Konfigurasi parameter AI chatbot
- Pengaturan keamanan dan akses sistem
- Kustomisasi tampilan dan antarmuka
- Manajemen integrasi dengan sistem eksternal

#### Tech Stack {#tech-stack}

SIPBULI dikembangkan menggunakan teknologi modern untuk memastikan kinerja optimal, keamanan, dan skalabilitas. Berikut adalah stack teknologi yang digunakan dalam pengembangan platform:

<table border="1" cellpadding="8" cellspacing="0" style="border-collapse: collapse; width: 100%;">
  <thead style="background-color: #f2f2f2;">
    <tr>
      <th colspan="2" style="text-align: left;">Admin Dashboard</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td colspan="2" style="background-color: #fafafa; font-weight: bold;">Backend</td>
    </tr>
    <tr>
      <td style="width: 30%;">Bahasa Pemrograman</td>
      <td>PHP (Versi ≥ 8.2.0)</td>
    </tr>
    <tr>
      <td>Framework</td>
      <td>Laravel 11</td>
    </tr>
    <tr>
      <td>Database</td>
      <td>MySQL</td>
    </tr>
    <tr>
      <td colspan="2" style="background-color: #fafafa; font-weight: bold;">Frontend</td>
    </tr>
    <tr>
      <td>Framework</td>
      <td>Vue.js 3 (Composition API)</td>
    </tr>
    <tr>
      <td>Middleware</td>
      <td>Inertia.js (Integrasi Laravel dengan Vue.js tanpa tradisional API)</td>
    </tr>
    <tr>
      <td>UI Framework</td>
      <td>Tailwind CSS</td>
    </tr>
    <tr>
      <td colspan="2" style="background-color: #fafafa; font-weight: bold;">Development & Build Tools</td>
    </tr>
    <tr>
      <td>Node.js</td>
      <td>Versi ≥ 20 (Untuk menjalankan dan membangun aset frontend)</td>
    </tr>
    <tr>
      <td>Composer</td>
      <td>Dependency manager untuk PHP</td>
    </tr>
    <tr>
      <td>Vite</td>
      <td>Build tools untuk optimalisasi frontend</td>
    </tr>
  </tbody>
</table>

<br/>

<table border="1" cellpadding="8" cellspacing="0" style="border-collapse: collapse; width: 100%;">
  <thead style="background-color: #f2f2f2;">
    <tr>
      <th colspan="2" style="text-align: left;">Platform Pelayanan Publik</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td style="width: 30%;">Framework</td>
      <td>Vue 3</td>
    </tr>
    <tr>
      <td>UI Framework</td>
      <td>VANT UI (Pendekatan mobile-first)</td>
    </tr>
    <tr>
      <td>State Management</td>
      <td>Pinia</td>
    </tr>
    <tr>
      <td>HTTP Client</td>
      <td>Axios</td>
    </tr>
  </tbody>
</table>


> Pemilihan stack teknologi ini memungkinkan pengembangan aplikasi yang responsif, aman, dan mudah dikelola dengan mempertimbangkan kebutuhan pengguna dan karakteristik sistem.

### Kesimpulan {#conclusion}

SIPBULI merupakan solusi komprehensif untuk mengatasi masalah bullying di lingkungan pendidikan melalui pendekatan terintegrasi yang mencakup pelaporan, edukasi, konseling, dan analisis data. Platform ini dirancang dengan memperhatikan kebutuhan seluruh pemangku kepentingan, mulai dari siswa, guru, konselor, hingga administrator sekolah dan dinas pendidikan.

Melalui implementasi SIPBULI, diharapkan tercipta ekosistem pendidikan yang lebih aman, inklusif, dan mendukung kesejahteraan psikologis seluruh siswa. Platform ini tidak hanya berfokus pada penanganan kasus yang sudah terjadi, tetapi juga pada upaya pencegahan melalui edukasi dan peningkatan kesadaran tentang bullying.

Sebagai sistem yang masih dalam tahap pengembangan (versi beta), SIPBULI akan terus disempurnakan berdasarkan umpan balik pengguna, perkembangan teknologi, dan hasil analisis data yang dikumpulkan. Komitmen untuk terus berinovasi dan beradaptasi akan memastikan bahwa SIPBULI tetap relevan dan efektif dalam mengatasi tantangan bullying di dunia pendidikan yang terus berevolusi.

Dengan dukungan dari seluruh pemangku kepentingan, SIPBULI berpotensi menjadi alat yang transformatif dalam menciptakan budaya sekolah yang positif dan mendukung, di mana setiap siswa dapat belajar dan berkembang tanpa rasa takut akan bullying.

Home

Projects

Projecs Details

Previous

Next