v1.3.0
Terbaru StableSistem Misi Harian Lengkap dengan Gamifikasi
- Dashboard interaktif dengan animated background, header dengan user info (avatar, level, total poin), dan akses terbatas untuk member login
- 4 Stats Cards: Progress Hari Ini (circular progress SVG), Login Streak (dengan best streak dan bonus indicator), Reset Timer (countdown realtime HH:MM:SS dengan auto-reload), Poin Hari Ini (earned vs potential)
- Quick Actions dengan banner Claim All jika ada misi yang bisa diklaim, badge count untuk pending claims, dan batch claim functionality
- Category Filter dengan tabs (Semua, Pembelajaran, Interaksi, Game & Quiz, Akademik, Bonus), icon warna berbeda per kategori, count per kategori, dan client-side filtering dengan animasi
- Mission Cards dengan gradient background, difficulty badges, progress bars shimmer effect, dan status-based action buttons (Dalam Proses/Selesai/Klaim/Diklaim)
- Tips Section (4 cards), Leaderboard Preview (Top 5 champions dengan rank badges), Claim Modal dengan backdrop blur, bouncing gift icon, number counter animation, dan confetti effect
- Sound effects saat klaim (optional, dapat di-enable/disable dari admin)
- Misi harus di-klaim manual setelah completed dengan tombol klaim individual atau batch claim all
- Poin ditambahkan ke akun member via ps_member_add_points() dengan history tracking dan auto-update streak stats
- Auto-tracking hooks: wp_login untuk login, wp_head untuk content view (post/ebook/museum), comment_post untuk komentar approved
- Custom hooks untuk game, survey, karya tulis, forum, dan share
- AJAX Handlers dengan nonce verification: ps_mission_get_missions, ps_mission_claim_reward, ps_mission_claim_all, ps_mission_update_progress
- 16 Helper Functions untuk manajemen misi, progress, streak, dan statistik
Sistem Survey Member Lengkap (Pusat Survey)
- Halaman survey dengan template WordPress dan tampilan grid dengan filter kategori (Feedback, Riset, Kepuasan)
- Form pengisian multi-step dengan progress bar dan 6 tipe pertanyaan (Multiple Choice, Checkbox, Rating 1-5/1-10, Scale, Text, Textarea)
- Reward poin otomatis setelah menyelesaikan survey dengan halaman sukses beranimasi
- Riwayat survey yang sudah diisi, validasi real-time pada setiap pertanyaan
- Fully responsive untuk mobile dan tablet dengan dukungan tema mode terang dan gelap
Penambahan Page Template Download Aplikasi Android
- Template WordPress untuk halaman download aplikasi SIPURBA dengan hero section phone mockup 3D realistis
- Animated background dengan floating orbs dan grid pattern, konsistensi warna dengan tema utama (merah #c9302c, kuning #f39c12, hijau #27ae60)
- Font modern: Outfit dan Plus Jakarta Sans
- Komponen hero section: App badge dengan animasi pulse, judul aplikasi dengan gradient text, deskripsi aplikasi informatif
- Feature pills interaktif (Materi Lengkap, Museum Digital, Pusat Survey NEW v1.3.0, Mode Offline, 100% Aman)
- Tombol download utama dengan ripple effect, tombol sekunder Cara Install, app stats (Versi, Ukuran File, Android Min)
- Phone mockup 3D: Frame smartphone dengan shadow realistis, screen content dengan preview fitur aplikasi, decorative circles dengan animasi rotate, floating icons dengan animasi melayang, glow effect dengan animasi pulse
- Section fitur unggulan: Grid 6 kartu fitur dengan hover effects, icon wrapper dengan gradient dan glow
- Fitur yang ditampilkan: Museum Digital (dengan lightbox & filter), Pusat Survey (dengan reward poin), Info Acara (dengan timeline view), Database Penelitian (dengan filter lengkap), Direktori Alumni (dengan social links), Sinkronisasi (real-time dengan website)
- Section Yang Baru di v1.3.0: Version badge besar dengan gradient, grid 6 changelog cards dengan kategori (NEW: Pusat Survey Member, NEW: Panel Admin Survey, REDESIGN: Museum Digital, IMPROVED: Halaman Acara, IMPROVED: Archive Alumni, FIXED: Archive Penelitian)
- Tags untuk fitur-fitur kunci setiap update, color-coded icons (hijau=new, biru=improved, ungu=redesign, orange=fixed)
- Section cara install: 4 langkah instalasi dengan numbered steps, connector lines antar langkah (desktop), animasi hover pada step numbers, instruksi yang jelas dan mudah dipahami
- Section FAQ: Accordion interaktif dengan animasi smooth, 5 pertanyaan umum (Apakah aplikasi gratis?, Apakah aman dari luar Play Store?, Perangkat Android yang didukung?, Cara mendapatkan update?, Versi iOS tersedia?), icon chevron dengan animasi rotate
- Section CTA (Call-to-Action): Background dengan clip-path diagonal, icon animasi bounce, tombol download sekunder, teks persuasif untuk mendorong download
- Animasi & efek modern: Scroll-triggered animations dengan IntersectionObserver, stagger animations untuk cards, ripple effect pada tombol download, floating animations untuk decorative elements, gradient shifts pada background, hover transforms pada semua interactive elements
- Optimasi responsive design: Desktop (1200px+) 2 kolom hero 3 kolom features, Tablet (1024px) 1 kolom hero 2 kolom features, Mobile (<768px) layout vertikal penuh, Mobile kecil (<480px) full-width buttons compact pills
- Dukungan dark mode: Semua komponen mendukung [data-theme=;dark;], card backgrounds dengan transparansi, phone frame shadow disesuaikan, changelog cards dengan background gelap
- Link download: URL https://sejarah.fkip.untad.ac.id/wp-content/uploads/2026/01/SIPURBAv1.3.0.apk, attribute download untuk direct download, multiple placement (hero + CTA section)
Penambahan Panel Administrator Dev Log (Changelog Manager)
- Pembuatan file baru: inc/admin-devlog.php (Core admin panel ~82KB), assets/css/admin-devlog.css (Styling admin modern), assets/js/admin-devlog.js (JavaScript interaksi admin)
- Update file frontend: page-dev-log.php (Integrasi database dinamis dengan backward compatibility), assets/css/page-dev-log.css (Penambahan fitur scrollbar, search box, loading state), assets/js/page-dev-log.js (Optimasi dan dukungan data dari database), functions.php (Ditambahkan include admin-devlog.php)
- Database schema: Tabel wp_devlog_versions (id, version, release_date, tag, is_latest, summary, commits, files_changed, contributors, status published/draft, sort_order, created_at, updated_at), Tabel wp_devlog_items (id, version_id, section_type, section_title, section_icon, content longtext, sort_order, created_at)
- Dashboard admin (devlog-manager): Statistik Cards (Total Versi icon gradient ungu, Versi Terkini icon gradient hijau, Total Commits icon gradient pink, Changelog Items icon gradient biru)
- Widget Versi Terbaru: List 5 versi terakhir dengan badge status, aksi cepat (Edit, Hapus), metadata (tanggal rilis, jumlah commits)
- Widget Quick Actions: Tambah Versi, Export Data (JSON), Import Data (JSON dengan drag & drop), Pengaturan, Regenerate Cache, Preview Frontend
- Chart Statistik Changelog: Bar chart distribusi per tipe section, legend dengan warna semantik, data (Fitur Baru hijau, Peningkatan biru, Perbaikan kuning, Breaking Changes merah)
- Halaman tambah/edit versi (devlog-add-version): Form informasi versi (input nomor versi dengan prefix
vdan validasi format X.X.X, date picker tanggal rilis, dropdown tag Stable/Beta/Alpha/Release Candidate, checkbox Tandai sebagai versi terbaru) - Section changelog dinamis: Drag & drop sortable dengan jQuery UI, 6 tipe section dengan warna berbeda (new Fitur Baru hijau #27ae60, improved Peningkatan biru #3498db, fixed Perbaikan Bug kuning #f39c12, breaking Breaking Changes merah #e74c3c, security Keamanan ungu #9b59b6, deprecated Deprecated abu #95a5a6)
- Input judul section custom (opsional), textarea content dengan support HTML tags (,), tombol tambah/hapus section, template JavaScript untuk section baru
- Sidebar: Publish Box dengan dropdown status (Dipublikasikan/Draft), Statistik (Commits, Files Changed, Contributors), Reference tipe section dengan warna
- Preview Modal: Live preview sebelum publish, render HTML dari form data, styling konsisten dengan frontend
- Halaman semua versi (devlog-all-versions): Filter Tabs (Semua dengan count, Dipublikasikan dengan count, Draft dengan count), search box dengan icon
- Tabel Versi: Kolom (Checkbox, Versi, Tanggal Rilis, Tag, Stats, Status, Aksi), badge Terbaru untuk versi latest, row actions (Edit, Quick View, Hapus), stats mini (commits, files, sections), status badge dengan warna semantik
- Action Buttons: Edit (redirect ke form edit), Duplikat (clone versi dengan suffix -copy), Hapus (dengan konfirmasi)
- Pagination: 15 items per halaman, info Menampilkan X-Y dari Z versi, navigation dengan arrow dan page numbers
- Quick View Modal: Header dengan versi dan badges, sections dengan styling per tipe, summary preview, stats footer
- Halaman pengaturan (devlog-settings): Pengaturan Umum (Judul Halaman default Development Log, Deskripsi Halaman, Items per halaman 1-50, Format tanggal d M Y/d F Y/Y-m-d/d/m/Y)
- Pengaturan Tampilan: Checkbox tampilkan statistik, checkbox aktifkan sidebar navigasi, color picker warna utama (default #c9302c)
- Zona Berbahaya: Reset Semua Data dengan double confirmation, Regenerate Cache
- Fitur Export/Import: Export JSON (struktur exported_at, site_url, versions[], termasuk semua items per versi, download otomatis dengan nama file devlog-export-YYYY-MM-DD.json)
- Import JSON: Drag & drop dropzone, file input alternatif, preview sebelum import (jumlah versi, list versi max 5 + dan X versi lainnya), skip versi yang sudah ada (by version number), laporan X versi diimport, Y dilewati
- AJAX Handlers: devlog_save_version (simpan/update versi dan items), devlog_delete_version (hapus versi dan items terkait), devlog_duplicate_version (clone versi dengan items), devlog_quick_view (get HTML preview versi), devlog_export_data (generate JSON export), devlog_import_data (process JSON import), devlog_reset_all (truncate semua tabel), semua handler dengan nonce verification dan capability check
- Helper Functions Frontend: devlog_get_all_versions(args)dengancaching,devloggetversionitems(args) dengan caching, devlog_get_version_items(
- args)dengancaching,devloggetversionitems(version_id), devlog_get_latest_version(), devlog_get_total_stats(), devlog_get_versions_for_js(), devlog_get_setting($key, $default)
- Styling admin modern: CSS Variables untuk konsistensi (--devlog-admin-primary #c9302c, --devlog-admin-secondary #667eea, --devlog-admin-success/warning/danger/info), header dengan gradient background, cards dengan border-radius 12px dan shadow, buttons dengan hover transform, badges dengan gradient backgrounds, form inputs dengan focus states, modals dengan backdrop blur, responsive grid layouts
- JavaScript interaktif: jQuery UI Sortable untuk sections, form validation dengan visual feedback, AJAX submission dengan loading states, modal management (open/close/escape), color picker WordPress integration, drag & drop file upload, real-time preview generation, toast notifications, throttle dan debounce utilities
- Backward compatibility frontend: Cek keberadaan tabel database, jika database kosong tampilkan konten statis original, jika database ada render dari database, tidak ada breaking changes pada tampilan existing
- Optimasi frontend: Transient caching untuk queries, localized script dengan data versi, real-time waktu sejak rilis dari database, Intersection Observer untuk scroll tracking, keyboard navigation support, search/filter functionality (optional), print styles
- Aksesibilitas: ARIA labels pada semua interactive elements, keyboard navigation (Enter, Space, Arrow keys), focus states yang visible, screen reader friendly struktur, reduced motion support
Penambahan Panel Administrator Pusat Survey
- Dashboard statistik (total survey, survey aktif, total responden, poin yang didistribusikan)
- Visual Question Builder dengan tambah/hapus/duplikat pertanyaan, drag handle untuk reorder, preview real-time
- Konfigurasi survey lengkap (judul, deskripsi, kategori, status Draft/Aktif/Ditutup, poin reward, estimasi waktu, maksimal responden, jadwal mulai dan berakhir)
- Manajemen survey dengan list view, filter status dan kategori, aktivasi/deaktivasi cepat, duplikasi dan hapus survey
- Analytics & Responses dengan statistik per pertanyaan, bar chart, rata-rata skor, detail jawaban per responden, dan export ke CSV
Penambahan Panel Administrator Misi Harian Modern
- Dashboard dengan statistik real-time (Total Misi, Misi Aktif, Jumlah Kategori, Total Poin Tersedia)
- Grafik aktivitas 7 hari terakhir dan manajemen misi lengkap (tambah, edit, hapus)
- Manajemen progress setiap user dengan tracking detail
- Halaman statistik dengan filter tanggal dan pengaturan sistem yang komprehensif
- Mission Editor Modal dengan input nama & deskripsi, dropdown kategori, icon picker FontAwesome, color picker, config target/poin/bonus, difficulty selector, order input, dan checkbox status aktif
- Desain modern dengan font Inter & Poppins
- Panel admin WordPress dengan dashboard statistik real-time dan grafik aktivitas
- Sound effect saat klaim (dapat di-enable/disable)
- Visual Terkunci jika belum memenuhi syarat dengan progress bar menunjukkan misi yang sudah diklaim
Optimasi Halaman Archive Penelitian
- Perbaikan alignment card body dengan judul konsisten (min-height + line-clamp), meta items menggunakan CSS Grid, alignment vertikal seragam antar card
- Meta section (Tema, Institusi, Sumber Dana, Publikasi) dengan separator visual border dashed dan auto-positioned di bawah (margin-top: auto)
- Optimasi card footer dengan tombol aksi (DOI, Unduh, Detail) distribusi flex merata, ukuran dan padding lebih compact
- Perbaikan visual card: aspect ratio gambar 16:9, icon warna berbeda (Tema kuning/orange, Institusi biru, Sumber Dana hijau, Publikasi ungu)
- Badge (Status, Kategori, Tahun) lebih compact dengan overlay gradient yang lebih halus pada gambar
- Optimasi responsive design: Desktop XL (1200px+) 3 kolom gap 2rem, Desktop (1024-1199px) 3 kolom spacing lebih kecil, Tablet Landscape (769-1023px) 2 kolom, Tablet Portrait (768-991px) 2 kolom font lebih kecil, Mobile Landscape (576-767px) 2 kolom compact, Mobile Portrait (<575px) 1 kolom full-width
- Peningkatan UX mobile: chips filter kategori full-width, quick stats adaptif, tombol CTA full-width centered, form filter spacing optimal, touch-friendly button sizes
Optimasi Halaman Archive Alumni
- Perbaikan tampilan card grid view dengan restrukturisasi body card (alumni-info-section terorganisir)
- Menghilangkan tampilan
-untuk data kosong dengan conditional checks dan spacing typography yang konsisten - Pemisahan info menjadi blok jelas: NIM → Info (Skripsi/Profesi/Workplace) → Bio → Achievement → Contact
- Line-clamp pada bio dan achievement untuk mencegah overflow dengan border separator antar section
- Penambahan badge angkatan di pojok kiri atas dengan gradient ungu (#667eea → #764ba2) dan badge tahun lulus di pojok kanan atas dengan background putih
- Ukuran badge proporsional tanpa overlap, icon yang sesuai (users untuk angkatan, graduation-cap untuk tahun lulus), box shadow untuk efek depth
- Perbaikan layout card: image 1:1 aspect ratio, social links overlay gradient bottom-to-top, footer dengan padding dan border radius konsisten, flexbox untuk equal height cards
- Optimasi responsive design: Desktop XL (1200px+) 3+ kolom gap 2rem, Desktop (1024-1199px) 3 kolom, Tablet (768-1024px) 2 kolom, Mobile (<576px) 1 kolom dengan elemen diperkecil proporsional
- Peningkatan UX mobile: filter section single column, badge ukuran lebih kecil, font size responsif per breakpoint, touch-friendly button sizes, contact info dengan text-overflow ellipsis
- Penambahan fitur visual: dark mode enhancements, social link icons warna brand per platform, performance optimizations (will-change property), accessibility support (prefers-reduced-motion), hover effects smooth
Optimasi Halaman Archive Acara
- Perbaikan custom fields acara dengan penambahan meta box lengkap 14 custom fields (Tanggal Mulai wajib, Tanggal Selesai untuk multi-hari, Waktu Mulai/Selesai, Nama Tempat, Alamat Lengkap, Penyelenggara, Target Peserta, Kuota Peserta, Status Acara, Link Pendaftaran, Biaya Pendaftaran, Kontak/Narahubung, Link Dokumentasi)
- Perbaikan inkonsistensi nama meta key dari _acara_date menjadi _acara_tanggal, meta box dengan tampilan modern terorganisir dalam section
- Radio button untuk status acara (upcoming/ongoing/completed/cancelled/otomatis) dengan visual yang jelas
- Penambahan kolom custom di admin list table (Tanggal, Lokasi, Status) dengan kolom sortable berdasarkan tanggal acara
- Perbaikan filter section dengan menghilangkan sticky positioning, filter section tidak lagi mengikuti scroll (posisi relative untuk UX lebih baik)
- Perbaikan layout card detail: Date & Time Header dengan tanggal format box besar (hari + bulan/tahun) dan badge waktu terpisah di samping tanggal dengan layout sejajar flexbox
- Detail List dengan layout modern: Lokasi dengan icon dan label terpisah, Target Peserta visual jelas, Kuota dengan suffix orang, Kontak/Narahubung untuk info lebih lanjut
- Price Badge dengan warna berbeda (hijau untuk gratis dengan gradient green, kuning/orange untuk berbayar dengan gradient yellow)
- Detail item dengan icon box dan label/value terpisah serta hover effect pada setiap detail item
- Perbaikan visual card: status badge warna konsisten (Akan Datang biru #3498db, Berlangsung hijau #2ecc71, Selesai abu-abu #95a5a6, Dibatalkan merah #e74c3c)
- Status border accent di bagian atas card, organizer info dengan icon building
- Action buttons yang kontekstual: Tombol Daftar (biru) hanya untuk Akan Datang dengan link, Tombol Galeri (ungu) hanya untuk Selesai dengan dokumentasi, Tombol Detail (merah) selalu tampil
- Perbaikan filter & pencarian: filter kategori dengan chip buttons responsive, filter status dropdown (Semua/Akan Datang/Berlangsung/Selesai/Dibatalkan), filter tahun dropdown, sorting (terbaru/terlama/A-Z/Z-A), pencarian mencakup nama dan konten card, reset filter dengan scroll ke grid section, debounce pada input pencarian untuk performa
- Optimasi responsive design: Desktop (1200px+) 3 kolom, Laptop (992-1199px) 2-3 kolom, Tablet (768-991px) 2 kolom, Mobile (576-767px) 2 kolom compact, Mobile (<576px) 1 kolom
Redesign Halaman Archive & Single Post Museum Digital
- Perbaikan tampilan custom fields pada archive dengan menampilkan semua 9 custom fields yang sebelumnya tidak muncul (Kode Koleksi, Periode/Tahun, Asal/Provenance, Material, Dimensi, Kondisi, Sumber Perolehan, Lokasi Penyimpanan, Nilai Historis)
- Menampilkan 2 taxonomy: Era Museum dan Kategori Museum dengan gallery images support
- Redesign filter section archive dengan penambahan 6 filter komprehensif (sebelumnya hanya 2): Filter Era dropdown dinamis, Filter Kategori dropdown dinamis, Filter Material (auto-populated dari database), Filter Kondisi (Sangat Baik/Baik/Cukup/Perlu Restorasi/Rusak), Sorting (Terbaru/Terlama/A-Z/Z-A), Pencarian dengan debounce 400ms
- Active filter tags dengan kemampuan hapus individual, tombol reset semua filter, sticky filter bar saat scroll, AJAX filtering tanpa reload halaman
- Redesign layout card archive: Hero header dengan statistik (total koleksi, era, kategori), card image aspect ratio 4:3 dengan overlay gradient, era tag badge di pojok kiri atas gambar, kode koleksi sebagai identifier unik
- Meta grid 4 kolom (Tahun, Asal, Material, Dimensi) dengan badge kategori dan kondisi warna semantik (Sangat Baik hijau, Baik biru, Cukup orange, Perlu Restorasi merah, Rusak merah gelap)
- Lokasi penyimpanan dengan icon, excerpt dengan line-clamp, view toggle Grid/List dengan localStorage persistence
- Redesign halaman single post: Breadcrumb navigation, two-column hero layout (kolom kiri gallery sticky, kolom kanan informasi artefak)
- Gallery section: Main image aspect ratio 4:3, tombol zoom untuk lightbox, thumbnail grid 5 kolom dengan active state
- Info section: Tags (Kategori, Era, Kondisi) dengan gradient badges, judul artefak typography besar, kode koleksi dengan icon, quick info grid 2x2 (Tahun, Asal, Material, Dimensi), excerpt dengan border-left accent, action buttons (Bagikan, Kembali)
- Share dropdown: Facebook, Twitter, WhatsApp, Salin Link dengan toast notification
- Content section single post: Main content area dengan prose styling, deskripsi artefak, section Nilai Historis dengan background accent
- Sidebar dengan 3 card: Detail lengkap (semua 11 custom fields), Kategori & Era tags, Navigasi Prev/Next post
- Related Collections: Header dengan tombol Lihat Semua, grid 4 kolom koleksi terkait, card dengan era badge/judul/meta info, hover effects dengan translateY dan scale
- Lightbox Gallery: Full-screen overlay dengan backdrop blur, navigasi prev/next dengan tombol, keyboard navigation (Arrow Left/Right, ESC), touch swipe support mobile, counter (1/5, 2/5, dst), image preloading performa, close button dengan rotasi animasi
- Optimasi responsive design: Desktop (1200px+) 2 kolom hero 4 kolom related, Tablet (1024px) 1 kolom hero 3 kolom related sticky disabled, Tablet (768px) 2 kolom quick info sidebar 1 kolom, Mobile (<768px) layout vertikal penuh thumbnails 4 kolom, Mobile kecil (<480px) action buttons full-width related 1 kolom
- Penambahan fitur: CSS Variables theming konsisten, dark mode support dengan [data-theme=;dark;], print styles optimal, lazy loading dengan IntersectionObserver, toast notifications feedback, AJAX handler dengan nonce verification, helper functions (get_materials, get_condition_label, get_condition_class), accessibility (ARIA labels, keyboard navigation, focus states), performance (debounce, will-change, GPU acceleration)
Ringkasan: v1.3.0 merupakan major update dengan 9 fitur utama yang dikembangkan. Update ini menghadirkan Sistem Survey Member lengkap dengan 6 tipe pertanyaan dan admin panel analytics, Sistem Misi Harian v2.1.0 dengan 14 misi interaktif, dashboard gamifikasi, countdown timer, dan bug fix Master Misi yang kini hanya bisa diklaim setelah semua misi diselesaikan. Dilakukan juga redesign Museum Digital dengan 9 custom fields, lightbox gallery, dan 6 filter komprehensif, serta complete overhaul Archive Acara dengan 14 custom fields dan contextual action buttons. Fitur tambahan meliputi Download Page Template untuk aplikasi Android dengan phone mockup 3D, Dev Log Manager Panel untuk mengelola changelog secara dinamis, dan optimasi archive Penelitian serta Alumni. Update ini mencakup perbaikan bug, peningkatan performa, serta dukungan penuh untuk dark mode dan accessibility. Status: Ready for Production Release dengan confidence level tinggi.
150 commits
75 files
1 contributors