📖 Deskripsi Singkat

Aplikasi Kaleidoskop & Portal Sudin SDA Jakarta Utara adalah sebuah sistem informasi berbasis web (web app) yang dirancang khusus sebagai gerbang utama (portal informasi) dari seluruh aplikasi dan dokumentasi kegiatan operasional lapangan.
 

 

Tujuan utama dari sistem ini adalah untuk membuat rangkuman/catatan tahunan (Kaleidoskop) yang merangkum hasil kerja nyata dari Suku Dinas Sumber Daya Air (SDA) Wilayah Jakarta Utara dalam kurun waktu 1 tahun, serta mengumpulkan seluruh tautan aplikasi kedinasan yang pernah dibuat ke dalam satu tempat yang terpusat dan estetik.

🎯 Fungsi & Fitur Utama
Publikasi Artikel & Kegiatan Lapangan (Kaleidoskop)

  • Sistem CRUD (Create, Read, Update, Delete) untuk mencatat dokumentasi pekerjaan seperti pemeliharaan pompa, gerebek lumpur, dan respons aduan warga.
  • Dilengkapi dengan teks editor canggih (CKEditor 5) agar laporan dapat ditulis rapi layaknya membuat artikel di Microsoft Word.

    Galeri Dokumentasi (Multiple Image Upload)
    • Sistem pengelolaan foto yang mampu menerima upload banyak gambar secara bersamaan.
    • Di sisi publik, pengunjung dapat mengeklik gambar untuk melihatnya dalam ukuran layar penuh (Zoom Lightbox).

      Portal Aplikasi Terpadu (App Showcase)
    • Berfungsi sebagai etalase (portfolio) yang berisi daftar seluruh sistem/aplikasi pendukung yang pernah dibangun oleh institusi.
    • Setiap aplikasi dilengkapi penjelasan fungsi, status aktif, gambar screenshot, dan tombol shortcut (tautan) untuk langsung membuka aplikasi tersebut.

      Dasbor Administrator (Admin Panel) yang Modern
    • Dilindungi sistem login (Autentikasi).
    • Antarmuka Admin dibangun dengan konsep modern, tabel data informatif, warna yang memanjakan mata, dan manajemen file gambar terintegrasi.

      Tampilan Antarmuka (User Interface) Premium
    • Dibangun menggunakan Tailwind CSS.
    • Membawa desain berkonsep kekinian (efek kaca /Glassmorphism), warna gradient, mikro-animasi (hover state), tipografi yang bersih, serta 100% Responsif untuk layar HP maupun Desktop.

      🚀 Teknologi yang Digunakan
       
  • Backend: Laravel (PHP Framework)
  • Database: MySQL
  • Frontend / Styling: Tailwind CSS, Alpine.js / Vanilla JS, Blade Templating
  • Text Editor: CKEditor 5 (Classic)