Admin Panel - Digital Signage & Papan Informasi

Tombol Cepat Pengaturan Semua Kotak

Terapkan preset URL atau mode ke semua kotak sekaligus dalam satu klik

| |

Pengaturan Preset URL Kotak 1 s/d 8

Tentukan link URL, preset cepat (Tanding / Seni), skala zoom, dan mode Auto-Fit di tiap kotak

Template Kotakan Display (Max 2 Kotak Kesamping)

Format memanjang horizontal agar tampilan scoreboard tanding & seni pas dan lega.

Status Saat Ini: 2 Tampilan Aktif

1 Tampilan

1 Kotak Memanjang (100%)

1 Kotak Memanjang penuh memenuhi layar.

2 Tampilan

Kiri (50%)

Kanan (50%)

2 Kotak Kesamping memanjang (Kiri & Kanan).

3 Tampilan

1 Memanjang (100%)

2 (50%)

3 (50%)

1 Memanjang di atas + 2 Kotak di bawah.

4 Tampilan

2 Baris bertingkat @ 2 Kotak kesamping.

5 Tampilan

5 Memanjang

2 Baris @ 2 Kotak + 1 Memanjang di bawah.

6 Tampilan

3 Baris bertingkat @ 2 Kotak kesamping.

7 Tampilan

7 Memanjang

3 Baris @ 2 Kotak + 1 Memanjang di bawah.

8 Tampilan

4 Baris bertingkat @ 2 Kotak kesamping.

Pratinjau Langsung (Simulasi Layar Display 16:9)

Format 2 Kotak:

Pratinjau Langsung Bar Atas Display (Header TV)

Tampilan realtime saat diterapkan pada layar

Pengaturan Judul Event & Kejuaraan

Atur teks judul, besar-kecil font, dan posisi rata (Kiri, Tengah, Kanan)

Nama Kejuaraan / Judul Utama Display Tampil tebal di bar atas

Sub Judul / Keterangan Event (Lokasi, Tanggal, atau Info) Tampil di bawah judul utama

Posisi / Perataan Judul Event di Layar:

Tinggi Kop / Header Bar Display (Besar-Kecil Logo Otomatis Mengikuti Kop): 75 px

Kecil / Kompak (50px) Sedang Proporsional (75px) Besar Lega (95px) Maksimal (115px)

Tinggi semua logo kejuaraan (kiri, tengah, kanan) otomatis menyesuaikan 100% penuh mengikuti tinggi kop ini.

Besar/Kecil Font Judul Utama: 20 px

Kecil (14px) Sedang (20px) Besar (28px) Maksimal (36px)

Besar/Kecil Font Sub Judul: 13 px

Kecil (10px) Sedang (13px) Besar (17px) Maksimal (22px)

Warna Teks Judul Utama:

Kecepatan Running Text (Detik per putaran):

Detik (Makin kecil makin cepat)

Logo Kejuaraan (Bisa Kiri, Tengah, Kanan, atau Semua)

Tambahkan berbagai logo (IPSI, Kemenpora, Kejuaraan, Sponsor, Pemda) & posisikan sesuai kebutuhan

Unggah Logo Baru ke Sistem Display

File Gambar Logo (PNG Transparan / SVG / JPG)

Nama / Label Logo

Posisi Penempatan Logo

Disarankan memakai file PNG transparan atau SVG agar latar belakang membaur sempurna.

Daftar Logo Aktif di Layar (0)

Ubah posisi atau non-aktifkan logo sewaktu-waktu

Tambah Teks Berjalan Baru

Pesan ini akan bergulir secara kontinu di bagian bawah layar display

Daftar Teks Berjalan Saat Ini

Media & Slide Informasi Dinamis NON-AKTIF

Atur rotasi otomatis antara Layar Kotakan Pertandingan & Slide-slide Informasi Terkini (Poster Kejuaraan, Jadwal, Pengumuman, Sponsor).

Buka Display

Mode Rotasi Slideshow Display Aktifkan agar layar display otomatis bergantian menampilkan Kotakan Gelanggang dan Slide Informasi.

Durasi Layar Kotakan Gelanggang (Grid): 30 Detik

10 Detik Rekomendasi (30s - 45s) 180 Detik

Tambah Slide / Informasi Terkini Baru

Mendukung Poster Gambar, Teks Banner, dan Video

Tipe Slide:

Label Kategori (Badge):

Judul Slide / Informasi:

Keterangan / Isi Info Terkini:

Durasi Tampil Slide: 8 Detik

Cepat (4s) Standar (8s - 12s) Lama (60s)

Pilih File Media (Poster / Video):

Mendukung format JPG, PNG, WEBP, SVG, MP4

Daftar Slide Terpasang (0)

Slide dengan status Aktif akan berputar di layar display

Pengaturan Background Layar Display NON-AKTIF

Atur gambar latar belakang, animasi gerak rolling kanan/kiri, transparansi, dan dimmer overlay pada layar display.

Aktifkan Background di Display Tampilkan gambar latar belakang di bawah scoreboard pertandingan

Pilih / Upload Gambar Background:

Klik untuk upload gambar baru (JPG, PNG, WEBP, SVG)...

Alamat File / URL Background: Bisa juga URL lokal/online

Preset Gambar Siap Pakai:

Arah Gerak (Rolling):

Kecepatan Gerak: 45 Detik

Cepat (10s) Sedang (45s) Lambat (120s)

Transparansi Gambar Background (Opacity): 35%

Rekomendasi: 25% – 45% agar papan skor dan nilai pertandingan tetap sangat jelas terbaca di depan gambar.

Mode Ukuran:

Dimmer Gelap: 35%

Efek Blur Lembut: 0px

Simulasi Layar Display (Live Preview)

Real-time simulator

DISPLAY 16:9 Simulasi Papan Skor

GELANGGANG 1 (TANDING) LIVE

PESILAT BIRU

PESILAT MERAH

G 1 PARTAI 12

Running text display simulator...

Kotak skor di atas menunjukkan bagaimana tampilan scoreboard berpadu dengan background. Pastikan kontras teks tetap tajam!

Sinkronisasi Display ke Web Online

Standby

Kirim judul kejuaraan, running text, layout kotakan, dan preset link gelanggang dari laptop lokal ke website online Anda hanya dengan 1 klik atau otomatis real-time.

Konfigurasi Target Web Online

Protokol REST API

URL Web Online / Subdomain Anda *

Masukkan domain/subdomain tempat Anda mengunggah folder display_app. Sistem akan otomatis mendeteksi api.php.

Secret Key (Kunci Keamanan Sinkronisasi) *

Kunci ini harus sama antara di laptop dan di file data/data.json web online Anda agar sinkronisasi aman.

Ganti Alamat Link Localhost Otomatis (Opsional)

Jika diisi, link kotak gelanggang yang mengandung http://localhost:8080 otomatis dikonversi menjadi alamat domain ini saat dikirim ke web online.

Auto-Sync Otomatis

Setiap kali Anda menekan Simpan di Admin lokal, data langsung otomatis di-push ke Web Online tanpa perlu klik sync manual.

Status Live Koneksi

--- ms

Belum Diuji

Klik "Test Koneksi" untuk memeriksa kesiapan web online.

Sync Terakhir: Belum pernah

Status Terakhir: ---

Respon Server: -

Panduan Singkat 3 Langkah

Upload ZIP: Unggah file display_app_ready.zip ke subdomain/subfolder hosting Anda dan ekstrak.
Isi URL & Test: Masukkan alamat subdomain Anda di form kiri, lalu klik Test Koneksi.
Kirim Data: Tekan Kirim / Sync Data Sekarang. Display online Anda langsung live dengan data dari laptop ini!