Dashboard Pelayanan Statistik Terpadu (PST) BPS Provinsi Maluku Utara
Dashboard satu halaman berbasis HTML, CSS, dan JavaScript untuk menampilkan:
- 🎥 Video latar belakang penuh (fullscreen background video)
- ⏰ Jam digital animasi
- 🖼️ Slideshow gambar otomatis
▶️ Video YouTube tersemat dengan autoplay- 📊 Indikator strategis BPS (via API)
- 📚 Publikasi terbaru (via API BPS)
- 📰 BRS terbaru (via API BPS)
- ℹ️ Informasi layanan berganti otomatis
- 🔔 Sistem antrian dengan suara notifikasi dan TTS
- 📢 Marquee teks berjalan untuk pengumuman
DashboardPST/
├── index.html # Halaman utama
├── images/ # Gambar slideshow & logo
├── videos/ # Video background
├── sounds/ # Suara notifikasi
└── favicon.ico (opsional)
- HTML5, CSS3, JavaScript Vanilla
- Fetch API untuk komunikasi server
window.speechSynthesisuntuk TTS- API Web BPS untuk indikator, publikasi, dan BRS
- Server internal untuk sistem antrian
- Simpan aset multimedia di folder
images/,videos/, dansounds/. - Pastikan file
videos/background.mp4dansounds/notif.mp3tersedia. - Konfigurasikan endpoint antrian pada script JavaScript:
fetch('https://<server>/get-antrian')
- Pastikan server antrian mengembalikan JSON:
{ "nomor": "A001", "dipanggil": false } - Buka
index.htmldi browser fullscreen atau pasang di server internal.
Menggunakan domain 8200 (Maluku Utara).
Endpoint utama:
- Indikator:
/list/model/indicators/domain/8200/key/<API_KEY>/ - Publikasi:
/list/model/publication/domain/8200/key/<API_KEY>/ - BRS:
/list/model/pressrelease/domain/8200/key/<API_KEY>/
- Dashboard multi-halaman untuk grafik interaktif
- Mode tema (light/dark)
- Caching data offline sementara
- Panel admin untuk mengatur teks marquee dan konten slideshow
Tambahkan lisensi sesuai kebutuhan (MIT, Apache 2.0, dsb.).