Catatan Rilis & Pembaruan v1.1
Versi 1.1
Rilis Terbaru (Current)
26 September 2026
1. Halaman Wilayah Per-Kabupaten/Kota & Navigasi Terpadu
- Halaman Khusus Kabupaten: Penambahan fitur halaman monitoring per kabupaten/kota (
/kabupaten/[NamaKabupaten]) di seluruh Kalimantan Barat. - Navigasi Tab Switcher: Tab pemilih wilayah (14 Kab/Kota) dengan badge jumlah pohon riil, status aktif responsif, dan bebas clipping teks/badge.
- Statistik Ringkasan Wilayah: Panel ringkasan total pohon, penanam & relawan, estimasi serapan karbon, serta rasio kelangsungan hidup (survival rate) per kabupaten.
- Sebaran Data Kecamatan: Grafik bar peringkat sebaran pohon di setiap kecamatan dalam kabupaten terpilih.
2. Pejabat Penandatangan Sertifikat Per-Kabupaten
- Pejabat Wilayah Kustom: Penetapan nama pejabat, jabatan resmi, dan NIP penandatangan sertifikat digital khusus untuk masing-masing 14 kabupaten/kota.
- Manajemen Fleksibel: Pengaturan pejabat dapat diperbarui langsung dari halaman kabupaten maupun melalui tab pengaturan sertifikat.
3. Slider Kutipan & Background Kustom Hero Section
- Slider Kutipan Ekoteologi: Carousel mutiara & kalam inspiratif ekoteologi yang berotasi otomatis di hero banner dashboard.
- Pengaturan Durasi & Konten: Admin dapat menambah, mengubah, mengaktifkan/menonaktifkan kutipan, serta mengatur durasi transisi slide.
- Background Kustom Hero: Fitur unggah gambar latar belakang hero section dengan pengaturan opasitas overlay untuk memastikan keterbacaan teks yang optimal.
4. Master Data Lokasi (14 Kabupaten/Kota & Kecamatan)
- Manajemen Lokasi Kalbar: Panel kelola master data 14 Kabupaten/Kota beserta seluruh kecamatan di Kalimantan Barat.
- Relasi Wilayah Otomatis: Form input otomatis menyesuaikan opsi dropdown kecamatan sesuai kabupaten yang dipilih.
5. Otorisasi & Privilege Operator Kabupaten
- Hak Akses Berbasis Wilayah (Scoping): Operator kabupaten secara otomatis dibatasi hanya dapat menginput, mengedit, dan merawat pohon di wilayah kabupaten tugasnya.
- Super Admin Akses Penuh: Akun Administrator/Pengelola utama memiliki kendali global lintas seluruh kabupaten/kota.
6. Video Feed Ekoteologi (YouTube Shorts & Instagram Reels)
- Slider Carousel Interaktif: Ditambahkan komponen slider feed video edukasi penanaman pohon di atas footer dashboard.
- Dukungan Multi-Platform: Otomatis mendeteksi dan mengambil thumbnail video dari YouTube Video, YouTube Shorts, serta Instagram Reels.
- Navigasi Slider Bersih: Tombol geser navigasi (
<dan>) di sudut kanan atas dengan tampilan responsif pada desktop dan smartphone. - Panel Manajemen Video: Menu input di panel pengaturan (
views/settings.php) untuk menambah, mengubah, mengaktifkan/menonaktifkan, dan menghapus video feed. - Header Baru: Teks judul diperbarui menjadi "Video Ekoteologi" dengan subjudul "Satu Orang • Satu Pohon • Satu Kado untuk Bumi".
7. Profil Pengguna & Manajemen Akun Mandiri
- Menu Edit Profil: Pengguna yang sedang login dapat langsung membuka modal profil untuk mengganti nama lengkap, memperbarui kata sandi, dan mengunggah foto profil avatar kustom.
- Penyederhanaan Label Hak Akses: Label akun di navbar header kini tampil lebih rapi dan ringkas (contoh:
Operator • SintangatauOperator • Sanggau).
8. Keamanan Tingkat Tinggi (Grade A Security Headers)
- Security Headers Server: Diimplementasikan header keamanan lengkap: Content Security Policy (CSP), X-Frame-Options (SAMEORIGIN), X-Content-Type-Options (nosniff), Referrer-Policy, Permissions-Policy, dan HSTS.
- Proteksi CSRF: Semua aksi manipulasi data (POST) divalidasi ketat menggunakan token CSRF.
9. Penyempurnaan Dark Mode & UI Responsif Menyeluruh
- Hero Section Kabupaten: Tab switcher wilayah aktif diperbaiki dengan kontras tinggi
bg-amber-400 text-slate-950dan badge hitam legam sehingga sangat terbaca di mode gelap. - Detail Pohon: Badge kode pohon pada foto menggunakan styling kontras tinggi
bg-slate-950/85 text-white dark:text-amber-300 backdrop-blur-md. - Data Pohon: Penambahan hover tooltip pada tabel pohon agar teks panjang yang terpotong dapat dibaca lengkap. Grid card galeri pohon dan empty state kini terintegrasi dengan Dark Mode.
- Halaman Verifikasi & Login: Seluruh card pencarian sertifikat, verifikasi resmi, dan formulir login pengelola disempurnakan untuk Dark Mode.
10. Optimasi Gambar Responsif & Konversi Otomatis WebP (PageSpeed Grade A)
- Konversi Otomatis ke WebP: Setiap foto pohon atau gambar yang diunggah otomatis dikonversi menjadi format modern
.webpdengan kualitas tinggi (menghemat 60-80% ukuran file). - Varian Gambar Responsif: Pembuatan thumbnail berbagai ukuran (
sm480w,md800w,lg1200w) di folderassets/uploads/responsive/. - Implementasi
srcset&sizes: Banner hero, kartu pohon, dan detail pohon otomatis menyajikan ukuran gambar yang tepat sesuai resolusi layar perangkat.
11. Kompilasi Statis Tailwind CSS (tailwind.min.css)
- Migrasi dari Runtime JS ke CSS Statis: Mengganti script compiler
tailwindcss.js(407 KB) dengan stylesheet produksi terkompilasi dan terminifikasiassets/css/tailwind.min.css(hanya ~15 KB gzipped). - Zero Runtime Execution: Menghilangkan 100% overhead kompilasi JavaScript saat browser memuat halaman, melenyapkan pemblokiran render (*render-blocking*), dan mempercepat FCP/LCP secara maksimal.
Versi 1.0
Rilis Perdana (Initial Release)
20 September 2026
- Dashboard Ekoteologi Terpadu: Monitoring penanaman pohon di 14 Kabupaten/Kota se-Kalimantan Barat.
- Manajemen Data Pohon: Pencatatan identitas pohon, nama penanam, instansi, koordinat GPS, dan dokumentasi foto.
- Log Perawatan Berkala: Pencatatan histori penyiraman, pemupukan, pemangkasan, dan pemantauan kondisi fisik pohon.
- Sertifikat Digital & QR Code: Penerbitan sertifikat sedekah oksigen abadi dengan verifikasi keaslian publik.
- Ekspor Microsoft Excel: Pengunduhan rekap data pohon ke format spreadsheet (.xlsx).
- Estimasi Serapan Karbon (CO₂): Perhitungan kontribusi penyerapan karbon per pohon per tahun.
Berkas Sumber changelog.md
# Changelog Semua perubahan dan pembaruan penting pada proyek **SI-EKO (Sistem Informasi Ekoteologi)** didokumentasikan dalam berkas ini. --- ## [1.1] - 2026-09-26 ### 🚀 Fitur Baru & Peningkatan Utama #### 1. Halaman Wilayah Per-Kabupaten/Kota & Navigasi Terpadu - **Halaman Khusus Kabupaten**: Penambahan fitur halaman monitoring per kabupaten/kota (`/kabupaten/[NamaKabupaten]`) di seluruh Kalimantan Barat. - **Navigasi Tab Switcher**: Tab pemilih wilayah (14 Kab/Kota) dengan badge jumlah pohon riil, status aktif responsif, dan bebas clipping. - **Statistik Ringkasan Wilayah**: Panel KPI total pohon, penanam & relawan, estimasi serapan karbon, serta rasio kelangsungan hidup (survival rate) per kabupaten. - **Sebaran Data Kecamatan**: Grafik bar peringkat sebaran pohon di setiap kecamatan dalam kabupaten terpilih. #### 2. Pejabat Penandatangan Sertifikat Per-Kabupaten - **Pejabat Wilayah Kustom**: Penetapan nama pejabat, jabatan resmi, dan NIP penandatangan sertifikat digital khusus untuk masing-masing 14 kabupaten/kota. - **Manajemen Fleksibel**: Pengaturan pejabat dapat diperbarui langsung dari halaman kabupaten maupun melalui tab pengaturan sertifikat. #### 3. Slider Kutipan & Background Kustom Hero Section - **Slider Kutipan Ekoteologi**: Carousel mutiara & kalam inspiratif ekoteologi yang berotasi otomatis di hero banner dashboard. - **Pengaturan Durasi & Konten**: Admin dapat menambah, mengubah, mengaktifkan/menonaktifkan kutipan, serta mengatur durasi transisi slide. - **Background Kustom Hero**: Fitur unggah gambar latar belakang hero section dengan pengaturan opasitas overlay untuk memastikan keterbacaan teks yang optimal. #### 4. Master Data Lokasi (14 Kabupaten/Kota & Kecamatan) - **Manajemen Lokasi Kalbar**: Panel kelola master data 14 Kabupaten/Kota beserta seluruh kecamatan di Kalimantan Barat. - **Relasi Wilayah Otomatis**: Form input otomatis menyesuaikan opsi dropdown kecamatan sesuai kabupaten yang dipilih. #### 5. Otorisasi & Privilege Operator Kabupaten - **Hak Akses Berbasis Wilayah (Scoping)**: Operator kabupaten secara otomatis dibatasi hanya dapat menginput, mengedit, dan merawat pohon di wilayah kabupaten tugasnya. - **Super Admin Akses Penuh**: Akun Administrator/Pengelola utama memiliki kendali global lintas seluruh kabupaten/kota. #### 6. Video Feed Ekoteologi (YouTube Shorts & Instagram Reels) - **Komponen Slider Carousel**: Menampilkan feed video edukasi penanaman pohon tepat di atas footer pada halaman Dashboard. - **Dukungan Platform & Thumbnail Otomatis**: Mendukung tautan YouTube Video / Shorts dan Instagram Reels dengan pengambilan thumbnail otomatis. - **Navigasi Slider Bersih & Responsif**: Tombol geser navigasi (`<` dan `>`) di kanan atas dengan slider multi-item yang responsif. - **Manajemen Video Feed**: Menu input & kelola video di panel pengaturan (`views/settings.php`). - **Branding Header**: Judul seksi diperbarui menjadi **"Video Ekoteologi"** dengan subjudul **"Satu Orang • Satu Pohon • Satu Kado untuk Bumi"**. #### 7. Profil Pengguna & Manajemen Akun Mandiri - **Menu Edit Profil**: Pengguna yang sedang login dapat langsung membuka modal profil untuk mengganti nama lengkap, memperbarui kata sandi, dan mengunggah foto profil avatar kustom. - **Penyederhanaan Label Hak Akses**: Format tampilan hak akses di navbar header disederhanakan (misal: `Operator • Sintang` atau `Operator • Sanggau`). #### 8. Keamanan Tingkat Tinggi (Grade A Security Headers) - **Security Headers Server**: Penerapan header keamanan lengkap: - `Content-Security-Policy (CSP)` - `X-Frame-Options: SAMEORIGIN` - `X-Content-Type-Options: nosniff` - `Referrer-Policy: strict-origin-when-cross-origin` - `Permissions-Policy` - `Strict-Transport-Security (HSTS)` - **Proteksi CSRF**: Pengamanan seluruh form aksi (POST) dengan token validasi CSRF. #### 9. Penyempurnaan Dark Mode & UI Responsif Menyeluruh - **Hero Section Kabupaten**: Tab switcher wilayah aktif dengan kontras tinggi `bg-amber-400 text-slate-950` dan badge hitam angka `bg-slate-950 text-amber-300`, sangat tajam di mode gelap. - **Detail Pohon**: Badge kode pohon pada foto (`bg-slate-950/85 text-white dark:text-amber-300 backdrop-blur-md`), kartu informasi, timeline perawatan, widget dampak ekologis, dan modal form mendukung Dark Mode penuh. - **Data Pohon**: Tampilan grid card, empty state, tombol aksi, serta penambahan tooltip hover pada teks tabel yang terpotong. - **Verifikasi, Login & Sertifikat**: Keselarasan visual tema gelap di seluruh halaman aplikasi. #### 10. Optimasi Gambar Responsif & Konversi Otomatis WebP (PageSpeed Grade A) - **Konversi Otomatis ke WebP**: Setiap gambar (JPEG/PNG) yang diunggah otomatis dikonversi menjadi format `.webp` modern dengan kompresi berkualitas tinggi (menghemat 60-80% ukuran file). - **Varian Gambar Responsif**: Pembuatan otomatis thumbnail berbagai ukuran (`sm` 480w, `md` 800w, `lg` 1200w) yang disimpan di folder `assets/uploads/responsive/`. - **Implementasi `srcset` & `sizes`**: Komponen gambar (Hero Banner, Kartu Pohon, Detail Pohon) menyajikan ukuran gambar yang tepat sesuai resolusi layar pengguna. --- ## [1.0] - 2026-09-20 ### Rilis Perdana - Dashboard Monitoring Pohon Ekoteologi Provinsi Kalimantan Barat. - Integrasi 14 Kabupaten/Kota di Kalimantan Barat dengan sebaran data per kecamatan. - Manajemen Pohon (Tambah, Edit, Hapus, Filter Wilayah & Status Tanam). - Log Perawatan Berkala (Penyiraman, Pemupukan, Pemangkasan, dll). - Generator Sertifikat Digital Sedekah Oksigen Abadi dengan QR Code verifikasi publik. - Ekspor data pohon ke format Microsoft Excel (.xlsx). - Estimasi Serapan Karbon (CO₂) tahunan per pohon. - Panel Pengaturan Admin & Manajemen Operator Wilayah Kabupaten.