Changelog
Catatan perjalanan pengembangan platform Inikisahku.
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.