Galeri menampilkan seluruh foto kenangan keluarga besar Bani Rois Munawaroh dalam tampilan grid yang elegan.
Klik/Tap Foto — Membuka foto dalam mode fullscreen (ukuran penuh) agar detail terlihat jelas.
Filter Folder — Gunakan dropdown "Filter Folder" di atas galeri untuk melihat album keluarga tertentu (misal: Keluarga Anton, Keluarga Kholik, dll).
Tutup Fullscreen — Klik area gelap di luar foto, atau klik tombol ✕ Tutup.
02 Tag Nama — Identifikasi Wajah BARU
Fitur ini memungkinkan siapa saja memberi nama pada wajah-wajah di foto keluarga.
🏷️ Cara Melihat Nama (Cek Nama):
Klik tombol 🏷️ Cek Nama di bawah foto.
Nama-nama akan muncul di atas wajah selama 7 detik, lalu hilang otomatis.
Untuk menyembunyikan sebelum 7 detik habis, klik tombol 🙈 Sembunyikan yang muncul menggantikan.
➕ Cara Menambah Tag Nama Baru:
Klik tombol ➕ Tag Wajah di bawah foto.
Akan muncul pesan "Mode Tagging Aktif". Klik OK.
Sentuh/klik tepat pada wajah orang yang ingin Anda beri nama.
Ketik nama orang tersebut di popup yang muncul, lalu tekan OK.
Nama akan tersimpan secara permanen di database. ✅
03 Geser Tag Nama — Koreksi Posisi BARU
Jika posisi nama tidak tepat mengenai wajah, semua anggota keluarga bisa memperbaikinya.
↔️ Cara Menggeser Nama:
Klik tombol 🏷️ Cek Nama untuk menampilkan nama.
Tekan & Tahan nama yang ingin digeser (jangan dilepas).
Geser (drag) ke posisi yang benar di atas wajah.
Setelah pas, lepaskan. Akan muncul konfirmasi: "📍 Apakah posisi sudah pas? Klik OK untuk mengunci."
Klik OK untuk menyimpan, atau Batal untuk mengembalikan ke posisi semula.
Aksi
Siapa yang Bisa
🏷️ Cek Nama (lihat)
✅ Semua Keluarga
➕ Tag Wajah (tambah nama)
✅ Semua Keluarga
↔️ Geser Nama (koreksi posisi)
✅ Semua Keluarga
🗑️ Hapus Tag Nama
🔒 Admin Saja
🗑️ Hapus Foto
🔒 Admin Saja
04 Mode Fullscreen — Tag di Foto Penuh BARU
Kadang ada wajah yang terpotong di thumbnail tapi terlihat jelas di fullscreen. Gunakan fitur ini!
📸 Cara Tag Wajah di Fullscreen:
Klik foto untuk membuka dalam mode fullscreen.
Di bawah foto fullscreen, ada 3 tombol:
• 🏷️ Cek Nama — Lihat nama yang sudah ada (hilang otomatis 7 detik)
• ➕ Tag Wajah — Tambah nama baru di foto penuh
• ✕ Tutup — Tutup fullscreen
Klik ➕ Tag Wajah, lalu sentuh wajah yang ingin Anda beri nama.
Nama juga bisa digeser langsung di mode fullscreen untuk posisi yang lebih akurat!
💡 Tips Penting:
Menggeser nama di mode fullscreen lebih akurat daripada di thumbnail karena foto tidak terpotong (crop). Jika nama meleset, buka fullscreen → Cek Nama → geser ke posisi benar.
05 Upload Foto — Tambah Kenangan
Semua anggota keluarga bisa menambahkan foto menggunakan PIN Keluarga.
Klik tombol 📸 Upload Foto di navbar.
Masukkan PIN Keluarga (lihat bagian PIN).
Isi judul foto, pilih folder album, dan pilih file foto dari HP/komputer.
Bisa upload banyak foto sekaligus (batch upload).
Foto otomatis dikompres agar tidak membebani server.
06 Kelola Folder — Organisasi Album
Foto bisa dikelompokkan ke dalam folder keluarga agar rapi.
Klik tombol 📁 Pindah di bawah foto.
Masukkan PIN Keluarga.
Pilih folder tujuan dari daftar, atau buat folder baru.
🗑️ Hapus Tag Nama — Klik nama tag tanpa menggeser untuk menghapus (khusus admin).
🚪 Cara Logout:
Di Panel Admin, klik ✕ Tutup Dashboard untuk menutup panel tapi tetap mode admin.
Klik 🚪 Logout Pengelola untuk keluar dari mode admin sepenuhnya.
08 Silsilah Keluarga — Pohon Digital
Sistem silsilah bersifat Dinamis & Otomatis. Mulai dari apa yang Anda tahu sekarang.
🛡️ Prinsip Utama:
"Mulai dari keluarga Anda sendiri. Sistem akan otomatis merapikan dan menyesuaikan posisi seiring data bertambah."
Mulai dari Keluarga Sendiri:
Tambahkan diri Anda, pasangan, dan anak-anak. Hubungkan dengan relasi: "Adalah Orang Tua dari..."
Tumbuh ke Atas & Bawah:
Jika mendapat data Ayah/Kakek, tambahkan profil tersebut dan hubungkan menggunakan relasi: "Adalah ANAK dari..."
Penyesuaian Otomatis:
Sistem akan mendorong profil Anda ke level bawah dan mengangkat Ayah/Kakek ke atas. Seluruh garis keturunan mengikuti otomatis.
Klik Nama Node:
Menampilkan detail profil termasuk foto, nomor kontak, dan tanggal lahir.
Tombol [+]:
Untuk menambahkan anggota keluarga baru sebagai anak dari node tersebut.
09 Navigasi & Kontrol Canvas
Untuk menjelajahi silsilah yang luas, gunakan kontrol melayang di bawah layar.
Kontrol
Fungsi
Shortcut
➕ Tombol Plus
Zoom In (perbesar)
+ atau Scroll ↑
➖ Tombol Minus
Zoom Out (perkecil)
- atau Scroll ↓
🏠 Tombol Home
Reset ke 100%
—
🖱️ Klik + Tahan
Geser tampilan (drag)
Sentuh & geser di HP
💡 Tips:
Di PC/Laptop, gunakan + dan - di keyboard untuk zoom tanpa klik mouse. Scroll wheel mouse juga berfungsi untuk zoom.
10 Daftar PIN Keluarga
PIN digunakan untuk mengakses fitur upload, pindah folder, dan admin.
Jenis PIN
Kegunaan
Siapa yang Punya
PIN Keluarga
Upload foto, pindah folder
Semua anggota keluarga
PIN Admin
Hapus foto, edit, kelola website
Pengelola saja
🔒 Catatan Keamanan:
Jangan bagikan PIN Admin ke orang luar keluarga. PIN Keluarga boleh dibagikan ke seluruh anggota keluarga besar agar mereka bisa ikut upload dan menata foto bersama.
Siap Mengabadikan Kenangan?
Data Anda tersimpan aman selamanya di Cloudflare Database. Mari abadikan ikatan keluarga besar kita.