Memulai dengan FloSync

Panduan ini membantu Anda menginstal FloSync, memuat konten pertama, dan mengenal antarmuka dasarnya.

Instalasi #

macOS #

1. Unduh file DMG FloSync dari halaman unduh
2. Buka DMG dan seret FloSync ke folder Applications
3. Jalankan FloSync dari Applications

Catatan: Saat pertama kali dibuka, macOS mungkin meminta konfirmasi untuk membuka aplikasi dari pengembang teridentifikasi. Klik "Open" untuk melanjutkan.

Windows #

1. Unduh installer FloSync dari halaman unduh
2. Jalankan installer dan ikuti petunjuknya
3. Jalankan FloSync dari menu Start atau pintasan desktop

Peluncuran pertama #

Saat pertama kali dibuka, FloSync menampilkan panel kontrol utama:

Gambaran antarmuka #

Antarmuka FloSync berupa panel kontrol terpadu yang terbagi menjadi beberapa area:

Bilah atas

• Dropdown mode - Beralih antara mode Independen, Cermin, dan Bentang
• Indikator LIVE - Menyala saat mode presentasi aktif (lencana merah)
• Ikon jadwal (agenda/daftar) - Buka/tutup panel jadwal untuk penjadwalan konten berbasis waktu dan interval
• Tombol Clear All (batalkan presentasi) - Hapus semua konten (hanya muncul bila ada konten dimuat)
• Ikon canvas extension (grid) - Konfigurasikan global canvas untuk dinding video multi-komputer (hanya mode Bentang)
• Toggle pratinjau global (zoom) - Tampilkan/sembunyikan pratinjau global canvas (hanya mode Bentang, saat extension dikonfigurasi)
• (pemisah)
• Ikon server (menara) - Mulai/hentikan mode server untuk sinkronisasi jaringan (hijau saat aktif)
• Ikon klien (wifi) - Sambungkan/putuskan sebagai klien untuk sinkronisasi jaringan (biru saat aktif)

Area susunan layar

• Menampilkan representasi visual dari layar yang terhubung
• Setiap layar tampil sebagai kotak proporsional sesuai ukuran dan posisi sebenarnya
• Seret dan lepas video atau gambar langsung ke kotak layar
• Klik kanan untuk opsi tambahan (muat halaman web, muat file HTML)
• Klik layar untuk memilihnya
• Klik konten yang dimuat untuk mengedit pengaturannya
• Tombol toggle audio di setiap layar (hanya video)

Bilah kontrol pemutaran

• Slider timeline - Geser posisi video (terlihat saat konten video dimuat)
• Tampilan waktu - Posisi saat ini dan total durasi
• Tombol Play/Pause - Kontrol pemutaran video
• Tombol Mulai Siaran - Luncurkan presentasi layar penuh di semua layar

Bilah status

• Ukuran canvas - Dimensi total gabungan semua layar (misalnya "3840x1080")
• Ukuran global canvas - Saat canvas extension dikonfigurasi, menampilkan ukuran penuh dinding video
• Jumlah layar - Jumlah layar yang terhubung
• Peringatan - Masalah pada pengaturan Anda (konten hilang, durasi tidak cocok, dll.)
• Koreksi sinkronisasi - Jumlah koreksi sinkronisasi selama mode live (hanya muncul saat live)
• Status sinkronisasi jaringan - Menampilkan status koneksi server/klien saat aktif
• Durasi video - Panjang video terpanjang yang dimuat

Memuat konten #

FloSync mendukung tiga jenis konten: video, gambar, dan halaman web. Masing-masing memiliki cara pemuatan dan perilaku yang berbeda.

Memuat video #

Seret dan lepas: Seret file video dari Finder (macOS) atau Explorer (Windows) dan lepaskan ke kotak layar mana pun di panel kontrol FloSync.

Klik untuk menelusuri:

1. Klik kotak layar mana pun di area susunan
2. Dialog penjelajah file akan terbuka
3. Pilih file video Anda dan klik Open

Format video yang didukung:

• MP4 (H.264, H.265/HEVC)
• MOV (termasuk ProRes)
• MKV
• AVI
• WebM

Di mode Cermin atau Bentang, memuat konten di satu layar otomatis memuatnya di semua layar. Di mode Independen, setiap layar bisa memiliki konten berbeda.

Memuat gambar #

Seret dan lepas: Seret file gambar dari penjelajah file dan lepaskan ke kotak layar mana pun.

Klik untuk menelusuri:

1. Klik kotak layar mana pun
2. Pilih "Load Video/Image" dari dialog file
3. Pilih file gambar Anda

Format gambar yang didukung:

• PNG
• JPG / JPEG
• GIF (termasuk GIF animasi - akan berulang secara otomatis)
• BMP
• TIFF
• WebP
• SVG

Mode pas gambar: Setelah gambar dimuat, klik gambar tersebut untuk membuka dialog pengaturan konten. Opsi yang tersedia:

• Sesuaikan - Diskalakan agar pas di layar dengan rasio aspek terjaga (mungkin ada bilah hitam)
• Isi - Diskalakan hingga memenuhi layar, bagian berlebih dipotong (tanpa bilah hitam)
• Regangkan - Diregangkan memenuhi layar (rasio aspek bisa terdistorsi)

Memuat halaman web #

Dari URL:

1. Klik kanan pada kotak layar
2. Pilih "Load Halaman Web URL"
3. Masukkan URL HTTPS (misalnya https://example.com)
4. Klik OK

Dari file HTML lokal:

1. Klik kanan pada kotak layar
2. Pilih "Load HTML Berkas"
3. Telusuri dan pilih file HTML Anda
4. Klik Open

Catatan: Hanya URL HTTPS yang didukung untuk keamanan. Berkas HTML lokal dapat mereferensikan aset relatif (CSS, gambar, JS) di direktori yang sama.

Penyegaran otomatis: Setelah halaman web dimuat, klik untuk membuka pengaturan penyegaran otomatis:

• Tidak pernah (default)
• Setiap 15 menit
• Setiap 30 menit
• Setiap 1 jam

Memutar konten Anda #

Setelah konten dimuat, ada dua cara untuk menampilkannya:

Mode pratinjau (panel kontrol) #

Gunakan kontrol pemutaran di panel kontrol untuk melihat pratinjau konten Anda:

• Tombol Play/Pause - Klik tombol putar di bilah bawah (hanya video)
• Geser timeline - Klik dan seret pada timeline untuk melompat ke posisi mana pun (hanya video)
• Toggle audio - Klik ikon speaker di setiap layar untuk mengaktifkan/menonaktifkan audio (hanya video)

Catatan: Gambar langsung tampil dan tetap terlihat tanpa batas waktu. Halaman web dirender live di pratinjau. Kontrol pemutaran hanya berlaku untuk konten video.

Mulai Siaran (presentasi layar penuh) #

Untuk presentasi sebenarnya, gunakan fitur Mulai Siaran:

1. Klik tombol Mulai Siaran di bilah kontrol pemutaran
2. FloSync membuat jendela layar penuh di setiap layar yang terhubung
3. Konten tampil di setiap layar sesuai konfigurasi Anda:
   • Video tetap selaras secara visual di semua layar
   • Gambar langsung tampil
   • Halaman web dirender live
4. Jika sinkronisasi jaringan aktif (mode server atau klien), pemutaran video disinkronkan di semua komputer yang terhubung

Selama mode live:

• Kursor mouse tersembunyi secara default di jendela layar penuh
• Menggerakkan mouse akan menampilkan kursor sementara
• Kursor kembali tersembunyi otomatis setelah tidak ada aktivitas
• Mengklik jendela layar penuh memunculkan dialog konfirmasi "Hentikan Siaran?"

Keluar dari mode live:

• Tekan ESC di jendela layar penuh mana pun untuk keluar dari mode live
• Klik di mana saja pada jendela layar penuh dan pilih "Yes" di dialog
• Atau klik tombol Hentikan Siaran di panel kontrol

Opsi Mulai Siaran: Jika jadwal sudah dikonfigurasi (lebih dari satu scene), tombol Mulai Siaran menampilkan dropdown:

• Mulai Siaran (Saat Ini): Memutar konten composer saat ini, mengabaikan jadwal. Gunakan ini hanya untuk pengujian.
• Mulai Siaran (Jadwal) atau Mulai Siaran (Dari Awal): Memutar konten terjadwal dengan transisi otomatis. Gunakan ini untuk deployment sebenarnya.

Untuk detail tentang mode penjadwalan dan opsi Kontroler, lihat Penjadwalan.

Bekerja dengan banyak layar #

Jika komputer Anda terhubung ke beberapa layar, FloSync otomatis mendeteksi dan menampilkannya di area susunan layar.

Susunan layar #

Bagian tengah panel kontrol menampilkan layar yang terhubung sesuai konfigurasi sistem operasi Anda. Tata letaknya diskalakan proporsional untuk menunjukkan posisi dan ukuran relatif.

Mode layar #

Gunakan dropdown mode di bilah atas untuk memilih cara konten ditampilkan di seluruh layar:

• Independen - Setiap layar dapat menampilkan konten berbeda dengan audio terpisah
• Cermin - Semua layar menampilkan konten yang sama secara sinkron (audio hanya di layar utama)
• Bentang - Konten Anda membentang di semua layar sebagai satu canvas besar

Penjelasan lengkap setiap mode tersedia di Mode layar.

Bilah menu #

FloSync menyediakan bilah menu lengkap di kedua platform:

macOS: Bilah menu native dengan pintasan keyboard standar

• Menu FloSync - About, Preferensi (⌘,), Hide, Quit
• Menu Berkas - Impor/Ekspor Konfigurasi (⌘O/⌘S), Setel Ulang Semua
• Menu Tampilan - Panel Jadwal, Panel Log, Kanvas Global Preview
• Menu Jendela - Minimize, Zoom
• Menu Bantuan - Documentation, Website, Reddit

Windows: Bilah menu dalam aplikasi di bagian atas jendela

• Menu Berkas - Impor/Ekspor Konfigurasi (Ctrl+O/Ctrl+S), Setel Ulang Semua, Pengaturan (Ctrl+,), Exit (Ctrl+Q)
• Menu Tampilan - Panel Jadwal, Panel Log, Kanvas Global Preview
• Menu Bantuan - Documentation, Website, Reddit, About

Menyimpan dan memuat konfigurasi #

FloSync dapat menyimpan pengaturan lengkap ke file .flo, yang bisa diimpor kembali kapan saja. Ini berguna untuk:

• Mencadangkan jadwal dan penugasan konten Anda
• Menerapkan konfigurasi yang sama ke beberapa komputer
• Berbagi pengaturan dengan rekan kerja

Mengekspor konfigurasi #

1. Buka Berkas > Ekspor Konfigurasi (⌘S di macOS, Ctrl+S di Windows)
2. Pilih lokasi dan nama file
3. Klik Save

Yang diekspor:

• Semua scene jadwal beserta penugasan kontennya (jadwal Berdasarkan Waktu dan Interval)
• Mode tampilan (Independen, Cermin, atau Bentang)
• Pengaturan global canvas extension
• Pengaturan audio (status mute per-layar)
• Versi aplikasi dan versi format (untuk pemeriksaan kompatibilitas)

Yang TIDAK diekspor (spesifik per mesin):

• Toleransi sinkronisasi (lokal dan jaringan)
• Posisi dan ukuran jendela
• Visibilitas panel UI

Mengimpor konfigurasi #

1. Buka Berkas > Impor Konfigurasi (⌘O di macOS, Ctrl+O di Windows)
2. Pilih file .flo
3. Klik Open

Kompatibilitas versi: Jika file dibuat oleh versi FloSync yang lebih baru, akan muncul dialog peringatan yang menanyakan apakah Anda ingin melanjutkan. Ini mencegah masalah saat mengimpor konfigurasi yang mungkin menggunakan fitur yang belum tersedia di versi Anda.

Berkas yang hilang: Jika ada file konten yang sudah dipindahkan atau diganti nama sejak konfigurasi diekspor, FloSync akan menampilkan dialog Missing Files. Anda dapat:

• Klik Cari Folder untuk mencari semua file yang hilang sekaligus dalam satu folder
• Klik Temukan Berkas untuk memilih file secara manual satu per satu
• FloSync mencocokkan file berdasarkan nama dan memverifikasi kesesuaiannya lewat ukuran serta hash konten bila tersedia

Mengatur ulang semuanya #

Untuk menghapus semua konten dan memulai dari awal:

1. Buka Berkas > Setel Ulang Semua
2. Konfirmasi di dialog yang muncul

Ini menghapus:

• Semua scene jadwal (kembali ke satu scene "All Day")
• Penugasan konten di setiap layar
• Pengaturan global canvas extension

Preferensi Anda (toleransi sinkronisasi, dll.) tetap tersimpan.

Catatan: Import dan Reset tidak tersedia saat mode Live aktif. Keluar dari mode Live terlebih dahulu.

Tips cepat #

• ESC untuk keluar: Tekan ESC di jendela layar penuh mana pun untuk keluar dari mode live
• Seret untuk mengganti: Jika konten sudah dimuat, seret konten baru ke layar untuk menggantinya
• Pemutaran berulang: Video otomatis diulang — cocok untuk signage digital
• Hapus semua konten: Klik tombol X di bilah atas untuk menghapus semua konten yang dimuat
• Sesi persisten: FloSync mengingat konten terakhir yang dimuat dan memulihkannya saat peluncuran berikutnya
• Audio per layar: Dalam mode Independen, setiap layar memiliki toggle audio sendiri (hanya video)
• Pengaturan konten: Klik konten yang dimuat untuk menyesuaikan mode pas (gambar/video) atau URL/penyegaran (halaman web)
• Menu klik kanan: Klik kanan layar untuk memuat konten, atau klik kanan kartu scene di panel jadwal untuk opsi pengeditan cepat
• GIF animasi: GIF otomatis berulang — tanpa konfigurasi tambahan

Selanjutnya #

Setelah menguasai dasar-dasarnya, jelajahi panduan berikut untuk memaksimalkan FloSync:

• Mode layar — Pelajari kapan menggunakan mode Independen, Cermin, atau Bentang, dan cara menyiapkan dinding video multi-komputer
• Penjadwalan — Atur rotasi scene berbasis waktu atau interval dengan transisi otomatis
• Mulai Siaran — Presentasi layar penuh, mode Kontroler, kontrol keyboard, dan transisi scene
• Sinkronisasi jaringan — Sinkronkan pemutaran video di beberapa komputer di jaringan Anda
• MIDI — Gunakan pengontrol MIDI untuk pemicu scene langsung
• Persiapan video — Optimalkan file video Anda untuk sinkronisasi paling lancar