Primi passi con FloSync

Questa guida ti accompagna nell'installazione di FloSync, nel caricamento dei primi contenuti e nella scoperta dell'interfaccia.

Installazione #

macOS #

1. Scarica il file DMG di FloSync dalla pagina di download
2. Apri il DMG e trascina FloSync nella cartella Applicazioni
3. Avvia FloSync da Applicazioni

Nota: al primo avvio, macOS potrebbe chiederti di confermare l'apertura di un'app da uno sviluppatore identificato. Fai clic su "Apri" per procedere.

Windows #

1. Scarica il programma di installazione di FloSync dalla pagina di download
2. Esegui il programma di installazione e segui le istruzioni
3. Avvia FloSync dal menu Start o dal collegamento sul desktop

Primo avvio #

Al primo avvio di FloSync, vedrai il pannello di controllo principale:

Panoramica dell'interfaccia #

L'interfaccia di FloSync è un pannello di controllo unificato suddiviso in diverse aree:

Barra superiore

• Menu a tendina della modalità - Passa tra le modalità Indipendente, Specchiato e Esteso
• Indicatore LIVE - Segnala quando la presentazione è attiva (badge rosso)
• Icona Schedule (agenda/lista) - Apri/chiudi il pannello di programmazione per la pianificazione a orario o a intervalli
• Pulsante Clear All (annulla presentazione) - Rimuovi tutti i contenuti caricati (visibile solo con contenuti caricati)
• Icona Canvas extension (griglia) - Configura il canvas globale per Video Wall multi-computer (solo modalità Esteso)
• Toggle Global preview (zoom) - Mostra/nascondi l'anteprima del canvas globale (solo modalità Esteso, con estensione configurata)
• (separatore)
• Icona Server (torre) - Avvia/arresta la modalità server per la sincronizzazione di rete (verde quando attiva)
• Icona Client (wifi) - Connetti/disconnetti come client per la sincronizzazione di rete (blu quando attivo)

Area disposizione schermi

• Mostra una rappresentazione visiva degli schermi collegati
• Ogni schermo appare come un riquadro proporzionale alle sue dimensioni e posizione reali
• Trascina video o immagini direttamente sui riquadri degli schermi
• Fai clic destro per altre opzioni (carica pagina web, carica file HTML)
• Fai clic sugli schermi per selezionarli
• Fai clic sui contenuti caricati per modificarne le impostazioni
• Pulsante di attivazione audio su ogni schermo (solo per i video)

Barra dei controlli di riproduzione

• Cursore timeline - Scorri il video (visibile con un contenuto video caricato)
• Indicatore di tempo - Posizione corrente e durata totale
• Pulsante Play/Pausa - Controlla la riproduzione video
• Pulsante Go Live - Avvia la presentazione a schermo intero su tutti gli schermi

Barra di stato

• Dimensioni canvas - Dimensioni totali di tutti gli schermi combinati (es. "3840×1080")
• Dimensioni canvas globale - Con l'estensione canvas configurata, mostra le dimensioni complete del Video Wall
• Numero schermi - Numero di schermi collegati
• Avvisi - Eventuali problemi di configurazione (contenuti mancanti, durate non corrispondenti, ecc.)
• Correzioni di sincronizzazione - Numero di correzioni durante la modalità live (visibile solo in live)
• Stato sincronizzazione di rete - Stato della connessione server/client quando attiva
• Durata video - Durata del video più lungo caricato

Caricamento dei contenuti #

FloSync supporta tre tipi di contenuto: video, immagini e pagine web. Ciascuno ha metodi di caricamento e comportamenti propri.

Caricamento video #

Trascinamento: Trascina un file video dal Finder (macOS) o da Esplora file (Windows) e rilascialo su qualsiasi riquadro schermo nel pannello di controllo.

Clic per sfogliare:

1. Fai clic su un riquadro schermo nell'area di disposizione
2. Si apre una finestra di dialogo per la selezione del file
3. Seleziona il file video e fai clic su Apri

Formati video supportati:

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

In modalità Specchiato o Esteso, caricare un contenuto su qualsiasi schermo lo carica automaticamente su tutti. In modalità Indipendente, ogni schermo può avere contenuti diversi.

Caricamento immagini #

Trascinamento: Trascina un file immagine dal file browser e rilascialo su qualsiasi riquadro schermo.

Clic per sfogliare:

1. Fai clic su un riquadro schermo
2. Seleziona "Carica video/immagine..." dalla finestra di dialogo
3. Scegli il file immagine

Formati immagine supportati:

• PNG
• JPG / JPEG
• GIF (incluse le GIF animate, che si ripetono automaticamente)
• BMP
• TIFF
• WebP
• SVG

Modalità di adattamento delle immagini: Dopo aver caricato un'immagine, fai clic su di essa per aprire le impostazioni del contenuto e regolare:

• Adatta - Adatta allo schermo mantenendo le proporzioni (possibili bande laterali)
• Riempi - Riempi lo schermo ritagliando l'eccesso (nessuna banda, possibile ritaglio)
• Estendi - Allunga per riempire lo schermo (possibile distorsione)

Caricamento pagine web #

Da URL:

1. Fai clic destro su un riquadro schermo
2. Seleziona "Carica URL pagina web..."
3. Inserisci un URL HTTPS (es. https://example.com)
4. Fai clic su OK

Da file HTML locale:

1. Fai clic destro su un riquadro schermo
2. Seleziona "Carica file HTML..."
3. Cerca e seleziona il file HTML
4. Fai clic su Apri

Nota: per motivi di sicurezza sono supportati solo URL HTTPS. I file HTML locali possono fare riferimento a risorse relative (CSS, immagini, JS) nella stessa directory.

Aggiornamento automatico: Dopo aver caricato una pagina web, fai clic su di essa per aprire le impostazioni e configurare l'aggiornamento automatico:

• Mai (predefinito)
• Ogni 15 minuti
• Ogni 30 minuti
• Ogni ora

Riproduzione dei contenuti #

Una volta caricati i contenuti, puoi visualizzarli in due modi:

Modalità anteprima (pannello di controllo) #

Usa i controlli di riproduzione nel pannello di controllo per un'anteprima dei contenuti:

• Pulsante Play/Pausa - Fai clic sul pulsante play nella barra inferiore (solo video)
• Scorrimento timeline - Fai clic e trascina sulla timeline per spostarti a qualsiasi posizione (solo video)
• Toggle audio - Fai clic sull'icona dell'altoparlante su ogni schermo per attivare/disattivare l'audio (solo video)

Nota: le immagini vengono visualizzate subito e restano visibili a tempo indeterminato. Le pagine web vengono renderizzate in tempo reale nell'anteprima. I controlli di riproduzione agiscono solo sui video.

Go Live (presentazione a schermo intero) #

Per la presentazione vera e propria, usa la funzione Go Live:

1. Fai clic sul pulsante Go Live nella barra dei controlli di riproduzione
2. FloSync crea finestre a schermo intero su ogni schermo collegato
3. I contenuti vengono visualizzati su ogni schermo in base alla configurazione:
   • I video restano allineati visivamente su tutti gli schermi
   • Le immagini appaiono subito
   • Le pagine web vengono renderizzate in tempo reale
4. Con la sincronizzazione di rete attiva (modalità server o client), la riproduzione video viene sincronizzata su tutti i computer collegati

Durante la modalità live:

• Il cursore del mouse è nascosto per impostazione predefinita sulle finestre a schermo intero
• Muovendo il mouse il cursore diventa temporaneamente visibile
• Dopo un breve periodo di inattività il cursore si nasconde di nuovo
• Facendo clic su una finestra a schermo intero appare la finestra di conferma "Esci dalla diretta?"

Uscire dalla modalità live:

• Premi ESC su qualsiasi finestra a schermo intero
• Fai clic su qualsiasi finestra a schermo intero e seleziona "Yes" nella finestra di conferma
• Oppure fai clic sul pulsante Ferma la diretta nel pannello di controllo

Opzioni Go Live: Con una programmazione configurata (più scene), il pulsante Go Live mostra un menu a tendina:

• Go Live (corrente): riproduce il contenuto corrente del composer, ignorando la programmazione. Solo per i test.
• Go Live (pianificazione) o Go Live (dall'inizio): riproduce i contenuti programmati con transizioni automatiche. Per le installazioni reali.

Per i dettagli sulle modalità di programmazione e l'opzione Controller, vedi Programmazione.

Lavorare con più schermi #

Se hai più schermi collegati al computer, FloSync li rileva automaticamente e li mostra nell'area di disposizione schermi.

Disposizione degli schermi #

Il centro del pannello di controllo mostra gli schermi collegati disposti come configurati nel sistema operativo. Il layout è scalato proporzionalmente per riflettere posizioni e dimensioni relative.

Modalità schermo #

Usa il menu a tendina della modalità nella barra superiore per scegliere come distribuire i contenuti sugli schermi:

• Indipendente - Ogni schermo può mostrare contenuti diversi con audio separato
• Specchiato - Tutti gli schermi mostrano lo stesso contenuto sincronizzato (audio solo dallo schermo primario)
• Esteso - I contenuti si estendono su tutti gli schermi come un unico grande canvas

Per approfondire ciascuna modalità, vedi Modalità schermo.

Barra dei menu #

FloSync offre l'accesso completo alla barra dei menu su entrambe le piattaforme:

macOS: barra dei menu nativa con scorciatoie da tastiera standard

• Menu FloSync - About, Preferenze (⌘,), Hide, Quit
• Menu File - Importa/Esporta configurazione (⌘O/⌘S), Reimposta tutte le scene e i contenuti
• Menu Visualizza - Pannello pianificazione, Pannello log, Canvas globale Preview
• Menu Finestra - Minimize, Zoom
• Menu Aiuto - Documentation, Website, Reddit

Windows: barra dei menu integrata nella parte superiore della finestra

• Menu File - Importa/Esporta configurazione (Ctrl+O/Ctrl+S), Reimposta tutte le scene e i contenuti, Impostazioni (Ctrl+,), Exit (Ctrl+Q)
• Menu Visualizza - Pannello pianificazione, Pannello log, Canvas globale Preview
• Menu Aiuto - Documentation, Website, Reddit, About

Salvataggio e caricamento delle configurazioni #

FloSync può salvare la configurazione completa in un file .flo, da importare in seguito per ripristinarla. Utile per:

• Eseguire il backup della programmazione e delle assegnazioni dei contenuti
• Distribuire la stessa configurazione su più computer
• Condividere le configurazioni con i colleghi

Esportazione di una configurazione #

1. Vai su File > Esporta configurazione (⌘S su macOS, Ctrl+S su Windows)
2. Scegli una posizione e un nome file
3. Fai clic su Salva

Cosa viene esportato:

• Tutte le scene della programmazione e le relative assegnazioni dei contenuti (sia a orario che a intervalli)
• Modalità di visualizzazione (Indipendente, Specchiato o Esteso)
• Impostazioni dell'estensione canvas globale
• Impostazioni audio (stato muto per ogni display)
• Versione dell'app e versione del formato (per il controllo di compatibilità)

Cosa NON viene esportato (specifico della macchina):

• Tolleranze di sincronizzazione (locali e di rete)
• Posizione e dimensione della finestra
• Visibilità dei pannelli dell'interfaccia

Importazione di una configurazione #

1. Vai su File > Importa configurazione (⌘O su macOS, Ctrl+O su Windows)
2. Seleziona un file .flo
3. Fai clic su Apri

Compatibilità di versione: Se il file proviene da una versione più recente di FloSync, apparirà un avviso che chiede se procedere. Questo previene problemi con configurazioni che potrebbero usare funzionalità non disponibili nella tua versione.

File mancanti: Se alcuni file dei contenuti sono stati spostati o rinominati dopo l'esportazione, FloSync mostra la finestra Missing Files. Puoi:

• Fare clic su Cerca nella cartella... per cercare tutti i file mancanti in una cartella
• Fare clic su Individua file... per selezionare manualmente file specifici
• FloSync abbina i file per nome e li verifica tramite dimensione e hash del contenuto, quando disponibili

Ripristino completo #

Per cancellare tutto e ricominciare da zero:

1. Vai su File > Reimposta tutte le scene e i contenuti
2. Conferma nella finestra di dialogo

Vengono cancellati:

• Tutte le scene della programmazione (torna a una singola scena "All Day")
• Le assegnazioni dei contenuti per ogni display
• Le impostazioni dell'estensione canvas globale

Le preferenze (tolleranze di sincronizzazione, ecc.) vengono mantenute.

Nota: Importazione e Ripristino sono disabilitati durante la modalità Live. Esci prima dalla modalità Live.

Suggerimenti rapidi #

• ESC per uscire: premi ESC su qualsiasi finestra a schermo intero per uscire dalla modalità live
• Trascina per sostituire: se un contenuto è già caricato, trascina un nuovo contenuto sullo schermo per sostituirlo
• Riproduzione in loop: i video si ripetono automaticamente, ideali per il Digital Signage
• Cancella tutto: fai clic sul pulsante X nella barra superiore per rimuovere tutti i contenuti caricati
• Sessioni persistenti: FloSync ricorda i contenuti caricati e li ripristina al prossimo avvio
• Audio per schermo: in modalità Indipendente, ogni schermo ha il proprio toggle audio (solo video)
• Impostazioni contenuto: fai clic sui contenuti caricati per regolare la modalità di adattamento (immagini/video) o URL/aggiornamento (pagine web)
• Menu contestuali: fai clic destro sugli schermi per caricare contenuti, o fai clic destro sulle schede scena nel pannello di programmazione per le opzioni di modifica rapida
• GIF animate: le immagini GIF si ripetono automaticamente, senza bisogno di configurazione

Cosa fare dopo #

Ora che conosci le basi, esplora queste guide per sfruttare al meglio FloSync:

• Modalità schermo — Scopri quando usare la modalità Indipendente, Specchiato o Esteso e come configurare Video Wall multi-computer
• Programmazione — Configura rotazioni di scene a orario o a intervalli con transizioni automatiche
• Go Live — Presentazioni a schermo intero, modalità Controller, controlli da tastiera e transizioni tra scene
• Sincronizzazione di rete — Sincronizza la riproduzione video su più computer nella tua rete
• MIDI — Usa controller MIDI per il cambio diretto delle scene
• Preparazione video — Ottimizza i file video per la sincronizzazione più fluida possibile