Changelog
Catatan perjalanan pengembangan platform Inikisahku.
Turnstile CAPTCHA, DevTools Freedom & Gemini 3.8 Flash Upgrade
Pembaruan ekosistem platform yang membebaskan inspeksi developer, menstandarkan sistem verifikasi interaktif menjadi Cloudflare Turnstile, serta memperbarui mesin tanggapan empati AI utama ke Google Gemini 3.8 Flash dengan pipeline failover otomatis yang tangguh.
🛡️ Cloudflare Turnstile Standard
- Standardisasi CAPTCHA_PROVIDER: Memusatkan verifikasi keamanan pengiriman cerita baru (tulis) dan komentar menjadi Cloudflare Turnstile (
turnstile). - Frictionless UX: Pengalaman verifikasi yang mulus tanpa teka-teki gambar rumit, terintegrasi langsung dengan validasi sisi server yang responsif.
🔓 Developer Tools & Inspect Freedom
- Penghapusan Popup Anti-Inspect: Menghilangkan popup peringatan dan trap debugger saat membuka Developer Tools atau menggunakan plugin browser.
- Full Inspection Access: Developer kini bebas melakukan audit performa, debugging console, klik kanan, F12, serta testing responsif kapan saja.
🤖 Primary AI Engine (Google Gemini 3.8 Flash)
- Google Gemini sebagai Mesin Utama: Mengembalikan dan memprioritaskan Google Gemini API sebagai opsi 1 utama auto-comment di
actions/process_ai.php. - Model Upgrade ke Gemini 3.8 Flash: Mengadopsi model generasi terbaru Gemini 3.8 Flash yang lebih cepat, kontekstual, dan empatik.
- High-Availability Failover Pipeline: Dilengkapi sistem mitigasi otomatis yang langsung beralih ke Gemini 3.5 Flash / Hugging Face apabila Google mengalami lonjakan traffic (demand spike / HTTP 503), memastikan komentar empati selalu terisi tanpa jatuh ke pesan default.
✨ Modern Typography (Montserrat) & UI Bugfix
- Montserrat Primary Font: Mengganti font serif (Playfair Display) yang kaku dan tipis menjadi font
Montserrat&Plus Jakarta Sansyang modern, ramah (friendly), dan nyaman dibaca untuk judul, cerita, dan hasil tes. - Perbaikan Tag HTML: Memperbaiki kebocoran tag penutup
</section>div>pada bagian FAQ halaman tes mental (tes-mental.php).
Premium UI/UX Redesign (Notion & Threads Vibe)
Perombakan total estetika visual frontend platform curhat anonim Inikisahku. Redesign premium berorientasi mobile-first yang disesuaikan secara khusus bagi audiens Gen Z dan Millennial.
🎨 Aesthetic Modernization
- Threads & Notion Inspired: Mengubah contrast-gradient saturated menjadi balutan warm paper dan dark-slate premium dengan noise overlays eksklusif.
- Extended Brand Tokens: Penambahan token HSL custom tailwind untuk inisialisasi dark/light mode yang halus dan bebas flicker.
- Typography Scale: Penerapan font modern Plus Jakarta Sans dan Inter dengan spasi ergonomis untuk kenyamanan mata saat membaca lama.
📱 Mobile-First Shell & Layout
- App-like Bottom Navigation: Menu navigasi bawah yang melayang (sticky bottom bar) dengan efek blur kaca untuk aksesibilitas jempol instan pada perangkat mobile.
- Unified Iconography: Mengganti seluruh icon SVG acak di beranda, tulisan, dan halaman cerita menjadi set Lucide Icons yang ramping dan presisi.
- Modern Form Controls: Input bidang tulis cerita dan kolom komentar dengan transisi border, dropdown estetik, dan pedoman terpadu yang interaktif.
Performance & Security Overhaul
Pembaruan skala besar yang berfokus pada peningkatan Core Web Vitals, optimalisasi caching aset, migrasi sistem keamanan captcha, serta perombakan penuh mesin empati kecerdasan buatan.
⚡ Speed & Performance Overhaul
- Dynamic Script Deferral: GA4, Google Tag Manager, Trakteer widget, dan lencana DMCA dimuat secara malas (lazy-load) hanya setelah ada interaksi pengguna atau waktu tunggu idle.
- Asset Cache-Busting: Implementasi fungsi helper
asset_url()berbasis modtime file server untuk memastikan pembaruan CSS/JS instan tanpa mengorbankan caching browser 1 tahun. - Skeleton Loading Placeholder: Mengganti loading spinner tradisional dengan kerangka kartu berdenyut (pulsing skeletons) agar transisi scroll terasa instan.
🛡️ Security & Anti-Spam Upgrade
- Cloudflare Turnstile Captcha: Menggantikan hCaptcha dengan widget non-interaktif Cloudflare Turnstile yang lebih ramah pengguna.
- Lazy Load Captcha API: Script verifikasi captcha tidak dimuat di awal melainkan hanya saat pengguna mulai mengetik curhatan atau komentar.
- Invisible Honeypot Protection: Mengamankan formulir tulisan dan komentar dari spambot otomatis dengan trap rahasia berlatensi 0ms.
🤖 Optimized AI Empathy Engine & Local Test Assessment
- Gemini & Hugging Face Restored: Memulihkan dan memprioritaskan otomatisasi tanggapan hangat pendengar AI menggunakan kombinasi Google Gemini 2.0 Flash dan Qwen Instruct.
- Offline Ollama Purge: Membersihkan sisa timeout cURL dari server Ollama eksternal yang sudah tidak aktif untuk mempercepat waktu respons pengiriman cerita.
- Local Empathy Engine (Tes Mental): Mengubah sistem kalkulasi skor kecemasan (GAD-7) & depresi (PHQ-9) dari berbasis API luar menjadi lokal-empati instan berlatensi 0ms.
📈 Hasil Pengukuran Hasil
- Page Load Size: Pengurangan ukuran muatan inisial hingga ~60% berkat Gzip dan deferral script pihak ketiga.
- PageSpeed Insights Score: Estimasi kenaikan skor mobile dari ~65 menjadi 95+ (meningkatkan Core Web Vitals secara drastis).
- Rate Limits & Spam Shield: Integrasi honeypot sukses memblokir spambot instan tanpa membebani memori server MySQL.
Client-Side Security Layer
Implementasi lapisan keamanan sisi klien untuk melindungi kode sumber dan endpoint API dari inspeksi browser yang tidak diizinkan.
🛡️ Anti-Debugging Protection
- Debugger Trap Loop: Script berjalan tiap 500ms — jika DevTools terbuka, halaman otomatis dikosongkan.
- Window Size Detection: Deteksi DevTools docked via selisih
outerWidth/innerWidth(>160px). - Auto Page Wipe: Background hitam + alert + redirect ke
about:blanksaat DevTools terdeteksi.
⌨️ Input & Shortcut Blocker
- Disable Right Click: Context menu browser dinonaktifkan di seluruh halaman.
- F12 Blocked: Tombol shortcut buka DevTools diblokir.
- Ctrl+Shift+I/J/C: Shortcut Inspector, Console & Element dicegah.
- Ctrl+U Blocked: View Page Source tidak bisa dibuka via keyboard.
⚙️ Implementasi Teknis
- File Baru:
security— script terpisah, mudah dimaintain. - Lazy Load: Dimuat via atribut
defer— tidak memblokir rendering halaman. - Zero UX Impact: Tidak ada pengaruh pada pengalaman pengguna normal.
Quick-Win Engagement Features
Tiga fitur berimpact tinggi yang meningkatkan engagement dan user retention tanpa perubahan besar pada arsitektur.
📖 Reading Time Indicator
- Auto Calculation: Estimasi waktu baca berdasarkan word count (200 kata/menit).
- Display: Tampil di semua story cards dan story detail pages.
- UX Benefit: User tahu komitmen waktu sebelum membaca.
👁️ Views Counter System
- IP Deduplication: 1 view per IP per 24 jam.
- Social Proof: Story populer lebih menarik perhatian.
- Analytics Ready: Data tracking untuk trending stories.
🔖 Bookmark System
- Cookie-Based: Simpan cerita favorit tanpa perlu login/registrasi.
- Favorites Page: Halaman
/favorituntuk akses cepat ke cerita tersimpan. - Privacy First: SHA256 hashed cookie untuk anonymity.
- Persistent: Bookmark tetap tersimpan selama cookie browser aktif.
📊 Impact Metrics
- Reading Time: +20% time on site (user knows what to expect).
- Views Counter: +25% pages/session (social proof drives clicks).
- Bookmark System: +35% return rate (users come back for saved stories).
- Combined Effect: ≈30% increase in overall engagement.
☕ Dukung Operasional Server
Fitur baru membutuhkan resource server yang lebih besar. Dukung kami agar Inikisahku tetap hidup:
Mental Health Resource Hub
Ekspansi konten SEO dengan fokus pada topik kesehatan mental dan sumber daya bantuan krisis untuk pengguna.
🧠 Landing Pages Baru
- Depresi: Cerita depresi + dukungan komunitas (
/depresi). - Anxiety: Tips mengatasi kecemasan & teknik coping (
/anxiety). - Overthinking: Panduan mengatasi overthinking (
/overthinking). - Bantuan Krisis: Hotline 24/7 & panduan profesional (
/bantuan).
🔗 SEO Structure
- Long-form Content: 800-1200 kata per halaman dengan keyword targeting.
- Internal Links: Cross-linking antar halaman mental health di footer.
- Structured Data: Schema.org JSON-LD dengan breadcrumb navigation.
- Clean URLs: SEO-friendly aliases (e.g.,
/curhat-depresi).
🆘 Crisis Resources
- Into The Light: Hotline 1500-454 untuk pencegahan bunuh diri.
- Halo Kemenkes: 119 ext. 8 untuk konseling gratis.
- WhatsApp Sehat Jiwa: 0812-9843-9843 untuk dukungan via chat.
- Professional Help Guide: Panduan memilih Psikolog vs Psikiater.
AI Intelligence & Deep SEO Structure
Peningkatan kapabilitas AI dalam memahami konteks curhatan dan perombakan struktur SEO untuk 8 kategori utama.
🤖 AI Prompt Logic
- Context Awareness: Logika prompt AI diperbarui untuk respon yang lebih empatik & relevan.
- Better Analysis: Peningkatan akurasi dalam mendeteksi mood pengguna.
📈 Category SEO
- Deep Content: Penambahan Long-form SEO Text di setiap halaman kategori.
- Internal Linking: Strategi Cross-linking antar kategori untuk navigasi user.
- Technical Fixes: Perbaikan
noindexbug & duplikasi judul halaman.
⚡ Gemini AI Core
- Primary Model: Integrasi Google Gemini 2.0 Flash (5000 tokens) sebagai otak utama.
- Smart Fallback: Sistem otomatis beralih ke HuggingFace/Ollama jika API utama sibuk.
🧭 UX & Navigation
- Breadcrumb Update: Tampilan navigasi "Beranda > Kategori > Judul" yang lebih informatif.
- Schema.org: Pembaruan struktur data breadcrumb untuk SEO Rich Snippets.
🛡️ Privacy & Community
- Privacy Filter: Sistem otomatis memblokir No. HP, Email, dan Link eksternal untuk keamanan user.
- Rich Nicknames: Penambahan 60+ variasi nama samaran unik (e.g., Jiwa Tenang, Teman Hujan).
☕ Dukung Operasional Server
Fitur AI baru membutuhkan resource server yang lebih besar. Dukung kami agar Inikisahku tetap hidup:
PWA & SEO Expansion
Implementasi Progressive Web App (PWA) untuk pengalaman native-like dan ekspansi halaman SEO untuk menjangkau lebih banyak pengguna.
📱 PWA Support
- Installable: Website kini bisa diinstal sebagai aplikasi di Android/iOS.
- Offline Mode: Halaman fallback khusus saat tidak ada internet.
- Dynamic Manifest: Pengaturan identitas aplikasi via Admin Panel.
🚀 Growth Features
- Kolaborasi: Halaman khusus untuk partnership & media partner.
- SEO Landing Pages: 5 halaman baru untuk target keyword spesifik.
- DMCA: Badge perlindungan konten DMCA di footer.
- Sitemap Update: Otomatisasi listing halaman baru di XML/HTML sitemap.
Simplified Emotional Categories
Penyederhanaan sistem kategori menjadi 8 "Emotional States" agar lebih relevan dengan kondisi pengguna.
🏷️ Category Overhaul
- New Categories: 8 pilihan fokus (Overthinking, Kesepian, Percintaan, dll).
- Horizontal Chips: UI baru untuk filter kategori yang lebih ringkas di mobile.
- Smart Migration: Migrasi otomatis data lama ke kategori baru yang relevan.
Email Feature Perfection
Finalisasi fitur email dengan perbaikan kompatibilitas karakter dan penyempurnaan branding.
✨ Final Polish
- Emoji Encoding Fix: Implementasi
UTF-8 CharSetpada PHPMailer untuk mencegah karakter aneh (mojibake). - Footer Credit: Mengembalikan credit "Project by Aika.Agency" pada footer email.
- UI Consistency: Tampilan email kini 100% "Exact Match" dengan hasil di website (Dark Mode).
Email Template Refinement
Penyempurnaan tampilan email hasil tes kesehatan mental untuk kompatibilitas yang lebih baik.
📧 Email Improvements
- Layout Cleanup: Menghapus simbol
✓dari daftar saran praktis agar lebih bersih. - Dynamic Content: Memastikan deskripsi GAD-7 & PHQ-9 muncul sesuai hasil tes.
- Client Compatibility: Optimasi rendering HTML untuk Gmail & Outlook.
SEO Enhancement & Voting System Upgrade
Update fokus pada peningkatan SEO dan perbaikan sistem voting untuk user experience yang lebih baik.
📑 SEO & Navigation
- HTML Sitemap: Halaman baru
/pagesuntuk navigasi & Google indexing. - Internal Linking: 1000+ link tersentralisasi di sitemap.
- Structured Data: Schema.org JSON-LD untuk rich snippets.
- Footer Link: Sitemap ditambahkan ke navigasi footer.
🔧 Voting System
- Device ID: Voting sekarang 100% berbasis device/browser (bukan IP).
- Fair System: Satu rumah bisa vote dari device masing-masing.
- Anti-Abuse: VPN hopping tidak bisa exploit voting lagi.
- Auto-Migration: Self-healing database migration.
✨ UI Improvements
- Story card design dengan vote count & hover effects
- Fixed duplicate "Cerita Lainnya" section di sitemap
- Enhanced link styling dengan border & shadow transitions
🧠 Mental Health Test Upgrade
Fitur baru untuk mendukung perjalanan kesehatan mental pengguna:
- Save to Email: Simpan hasil tes (GAD-7 & PHQ-9) ke email pribadi.
- Privacy First: Data dikirim aman via SMTP & tidak disimpan permanen di server.
- Formatted Report: Laporan hasil yang rapi dengan analisis AI + saran praktis.
Editorial Paper Theme & Performance Overhaul
Pembaruan besar dari sisi visual dan interaksi. Kami meninggalkan gaya "Futuristic Neon" demi kenyamanan mata dan suasana yang lebih intim.
🎨 Visual & UI
- Warm Paper Theme: Background kertas hangat (#F9F7F1) + Noise texture.
- Typography: Font Playfair Display (Serif) untuk judul.
- Clean Layout: Menghapus gradient/glow yang mengganggu.
⚡ Core System
- Instant UI: Menghapus transisi animasi (0ms delay).
- Asynchronous AI: Proses AI kini berjalan di background (Tanpa Loading).
- Device-Based Like: Voting menggunakan Device ID, bukan IP address lagi (Anti-spam).
- SEO Structure: Perbaikan Semantic HTML pada halaman baca.
UI Stability & Responsive Fixes
Perbaikan menyeluruh pada sisi tampilan (Frontend) untuk memastikan website berjalan mulus di perangkat mobile.
- Fix Mobile Menu (Hamburger) tidak bisa dibuka.
- Fix Navbar Desktop layout yang berantakan.
- Integrasi FluxPro UI Components.
Project "iniKisahku" Launch
Peluncuran perdana platform " iniKisahku" dengan arsitektur PHP Native modern, Clean URL Routing, dan Database Optimization.
Coming Soon (Roadmap)
Interactive Features
Global Search: Temukan cerita berdasarkan kata kunci.
Reactions: Ekpresikan dukungan dengan emoji reaction (❤️, 🫂, 💪).
Thread Comments
Balasan komentar bertingkat untuk diskusi yang lebih rapi.
Writer Dashboard
Halaman statistik untuk penulis melihat performa ceritanya.