Kiosk Nuxt 4 fullscreen untuk LED wall ALTAMA Summit 2026 (2304 × 1344). Enam kolom berdiri sendiri (Tentang Altama, Our Brand, Infrastruktur, Digital Trust, Distribusi & Pemasaran, Altama Summit 2026), masing-masing dalam bahasa Indonesia, English, dan 中文. Bisa dipakai lewat sentuh/mouse (hold), keyboard, OSC, atau sensor (Hokuyo, Augmenta, TUIO/TouchDesigner). HP dan tablet mendapat tampilan bertumpuk yang bisa di-scroll.
Butuh Bun.
bun install --frozen-lockfile
bun devbun dev menjalankan wall + dashboard (Nuxt, http://localhost:3000) dan Sensor Service (WebSocket 8787, OSC 9000) sekaligus dalam satu terminal; log service diberi awalan [sensor]. Ringan: tanpa sensor aktif, service hanya menunggu koneksi. Jika Sensor Service sudah berjalan di terminal lain, bun dev memakainya. Hanya Nuxt: bun run dev:web.
| Alamat | Isi |
|---|---|
http://localhost:3000 |
Wall |
http://localhost:3000/dashboard |
Dashboard operator (Wall, Hold, Font, Sensor) |
Input sensor ke wall default mati; nyalakan dengan NUXT_PUBLIC_SENSOR_ENABLED=true di .env (contoh: .env.example).
Di event jangan pakai bun dev. Klik dua kali start-wall.bat:
- build produksi (hanya jika kode berubah),
- jalankan server wall + Sensor Service,
- buka wall fullscreen di Chrome/Edge (mode kiosk).
Tutup jendela terminalnya untuk mematikan semuanya. Dashboard dibuka dari wall dengan Ctrl+Shift+D (tekan lagi untuk kembali), di browser yang sama sehingga pengaturannya tersimpan di sana. Semua jalan lokal tanpa internet atau VPS. Opsi port/sensor lewat .env (lihat scripts/wall-launcher.ps1).
- Wall: bar bahasa (Compact / Full width / Grid 2 + 1), posisi Y card, tombol close (ukuran & posisi), tombol slider + auto slide, tombol page + auto page, Scroll teks (uji coba), reset otomatis, titik sentuh.
- Hold: cara menekan tiap jenis tombol, Tap / Hold / Tap + delay, dan durasinya (default semua Tap + delay, 1 detik).
- Font: ukuran judul, nama sub-item, caption tile, tab, ketebalan judul, dan rentang Min–Maks isi card per section (default 24–26 px) dengan status muat.
- Sensor: sumber sentuh, port, kalibrasi Hokuyo, status live.
Sidebar: export/import pengaturan, fullscreen, reset ke default. Detail: docs/dashboard.md.
| Tombol | Fungsi |
|---|---|
1–6 |
Buka/tutup kolom |
Esc / R |
Reset semua kolom |
← → / PageUp PageDown |
Foto sebelumnya/berikutnya di kolom terbuka paling kiri |
Enter / Space |
Aktifkan tombol yang fokus tanpa hold |
Ctrl+Shift+D |
Buka dashboard / kembali ke wall |
Sensor dan show control: Hokuyo UST-10LX (Ethernet), Augmenta (UDP 12000), TUIO 1.1 dari OptiTUIO/TouchDesigner (UDP 3333), semuanya multitouch; perintah OSC /altama/* di UDP 9000. Cara menyambungkan sensor, langkah demi langkah: PANDUAN-SENSOR.md. Simulator dan detail protokol: docs/sensor.md.
| Folder | Isi |
|---|---|
app/ |
UI Nuxt: wall, dashboard, store, konten per kolom (app/data/columns/) |
shared/ |
Aksi, geometri, dan pengaturan yang dipakai wall dan Sensor Service |
sensor-service/ |
Sensor Service (Bun) |
public/ |
Media yang di-deploy; public/new-assets/ file master (tidak masuk git) |
scripts/ |
Launcher event, bun dev, validasi aset, pengirim OSC |
test/ |
Test Vitest |
Mulai dari AGENTS.md. Ubah konten: docs/content.md. Ganti aset: docs/assets.md. Alur issue/PR: docs/push.md.
bun run lint && bun run typecheck && bun run test && bun run assets:check && bun run build