MORPHING
IT PORTAL
Scroll landing page untuk melihat bentuk WebGL berubah: sphere, ring, cube, octa, dan dual core. Semua modul IT tetap terpisah jelas.
SNIPE-IT
ASSET
Kelola asset tag, checkout, check-in, maintenance, lokasi, dan audit log dengan data lokal atau D1. Bentuk berubah menjadi ring untuk workflow aset.
HELPDESK
SLA
Tiket user tampil sebagai card responsif, prioritas jelas, status mudah diubah, dan SLA bisa dipantau. Bentuk berubah menjadi cube sebagai queue kerja.
D1/KV
CONTROL
D1 untuk tabel relasional; KV untuk session, cache, token, dan setting. Bentuk octa menandai database dan network control.
SIAP
DEPLOY
Upload ke Cloudflare Pages, aktifkan binding DB dan IT_KV, lalu install sebagai PWA di desktop atau mobile.
SNIPE-IT ASSET COMMAND
Inventory, checkout, check-in, maintenance, asset tag, dan audit log.
Daftar Asset
Cara Pakai
- Isi asset tag.
- Tambah asset.
- Klik Checkout untuk asign.
- Klik Maintenance jika rusak.
GLPI ITSM DESK
Board incident/request/change dengan kolom Open, In Progress, dan Resolved.
SHELF CUSTODY CENTER
Peminjaman aset fisik, QR code, peminjam, tanggal kembali, dan return status.
Buat Booking
Custody List
HELPDESK SLA QUEUE
Tiket dibuat sebagai kartu responsif agar tidak menabrak dan mudah dibaca.
Buat Tiket
SLA Health
Resolve tiket untuk menaikkan persentase SLA.
NETWORKMANAGER TOOLS
Catat router/switch/AP/firewall, ping demo, dan subnet calculator.
Tambah Device
Ping + Subnet
Output network muncul di sini.
BETTER AUTH + D1/KV
Demo login role dan session lokal. KV cocok untuk session/cache/settings.
Login Demo
Belum login.
Role Matrix
- Admin: semua modul.
- IT Support: asset + helpdesk.
- Network Engineer: network + reports.
- Viewer: read only.
CLOUDFLARE D1 MANAGER CONSOLE
Preview tabel D1, query aman, dan KV setting untuk portfolio.
TABEL D1
- users
- assets
- asset_events
- tickets
- ticket_comments
- custody_bookings
- network_devices
- reports
- audit_logs
SQL PREVIEW
Hasil query muncul di sini.
KV CONSOLE
CARA PAKAI
D1 untuk data relasional. KV untuk cache, session, token, dan setting. Binding contoh: DB dan IT_KV.
REPORTS & AUTOMATION
Generate laporan IT, export JSON/CSV, dan contoh ringkasan automation.
Generate Report
Output
Laporan muncul di sini.
CARA PAKAI SUPERAPP
Langkah cepat untuk memakai dan mengembangkan proyek ini.
Tambah dan checkout aset
Buka Snipe-IT, isi tag, nama, lokasi, lalu gunakan checkout/check-in/maintenance.
Buat tiket user
Buka Helpdesk, isi subjek, user, prioritas, kategori, dan resolve untuk update SLA.
Aktifkan D1/KV
Deploy ke Pages, buat binding DB dan IT_KV, jalankan SQL migration dan seed data.