Le basi

CineLog usa gli stessi pattern ovunque. Gli stessi gesti spostano le cose, lo stesso modo di selezionare funziona su ogni lista, le stesse scorciatoie modificano qualsiasi campo. Imparare questi pattern una volta è il singolo salto più grande nel diventare fluente con l’app.

Quattro sezioni: un tour dell’app, poi le tre cose che fai più e più volte — modificare, selezionare, trascinare. Ogni sezione si chiude con una breve lista “Se non funziona” così puoi entrare e risolvere un problema specifico senza leggere il resto.

Contenuti

1. Tour dell’app: dove si trova ogni cosa
2. Modificare campi
3. Selezionare righe
4. Trascinare per riordinare

---

1. Tour dell’app: dove si trova ogni cosa

Accesso

L’accesso è solo via email. Inserisci il tuo indirizzo, ti inviamo un codice, lo inserisci. Nessuna password. Ogni nuovo account inizia con un progetto predefinito (“My First Project”), così atterri subito in un workspace — nei lanci successivi, nel progetto che avevi aperto per ultimo. Le nuove produzioni ottengono il proprio progetto tramite il pulsante New Project (solo un nome e una descrizione — il badge con l’abbreviazione viene generato dal nome).

Gli strumenti di pianificazione nella sidebar vivono tutti all’interno di un progetto. Le schermate a livello di account — Help & Support, Roadmap, Subscription, Account — si trovano fuori da qualsiasi progetto. Su desktop, Help ha un suo pulsante in fondo alla sidebar, accanto al pulsante More (altro); le altre vivono sotto il menu More.

La finestra desktop

Tre regioni, dall’alto verso il basso:

• Una sottile barra del titolo con l’indicatore combinato di connessione e sincronizzazione a sinistra. Gli utenti Windows ottengono i classici minimizza / massimizza / chiudi a destra.
• La sidebar sinistra più l’area dei contenuti — sidebar per la navigazione, contenuti per il lavoro.
• Elementi flottanti: modali, snackbar, la finestra degli hotkey.

La sidebar

Sempre presente su desktop e tablet. Dall’alto verso il basso: il selettore di progetto, una lista di funzionalità e il pulsante More. L’indicatore di sincronizzazione non è nella sidebar — vive nella barra del titolo in cima alla finestra.

Le funzionalità:

• Script Editor (Editor di Sceneggiatura) — scrivi la sceneggiatura. Mentre sei nell’editor, sotto di esso compare una sub-entry Breakdown (spoglio) — vedi Spoglio della Sceneggiatura.
• AV Script — lo script audio/video a due colonne. Appare solo se il tuo ruolo può visualizzarlo (chiunque possa vedere la Lista delle Inquadrature può farlo).
• Shot List (Lista delle Inquadrature) — viste Lineare e Produzione di ogni inquadratura, con ogni Giorno di Produzione come sub-entry.
• Storyboard — pianificazione visiva, con viste salvate come sub-entry.
• Call Sheets (Ordini del Giorno) — ordini del giorno giornalieri, con ogni Giorno di Produzione come sub-entry.
• Cast & Crew (Cast & Troupe) — la directory delle persone del progetto, con viste salvate.

Updates (cronologia modifiche) appare solo se il tuo ruolo lo consente. Media Explorer vive nel menu More.

Il selettore di progetto

In cima alla sidebar su desktop. Mostra il nome e il badge del progetto corrente. Cliccalo per cambiare progetto — l’overlay elenca il progetto corrente, eventuali inviti in sospeso, fino a tre progetti recenti, un pulsante “New” e un link “Show all”.

Su telefono, la top app bar mostra invece un badge compatto con l’abbreviazione del progetto (es. “ST13”) e una striscia di connessione colorata — non il nome del progetto. Toccalo per aprire lo sheet Projects: la lista completa dei progetti più un pulsante per creare un progetto.

Cambiando progetto si aggiorna l’intera sidebar, quindi le sub-entry che vedi appartengono sempre al progetto in cui ti trovi.

Sync vs connessione

Un solo indicatore nella barra del titolo, due cose diverse:

• La metà connessione è un punto color-coded — verde / arancione / rosso — con una label “Online”, “Connecting” o “Offline”, per il collegamento realtime al server.
• La metà sincronizzazione, dopo un divisore, ti dice qualcosa sulla coda locale delle modifiche tramite icona e label: cloud-check + “Synced” (coda vuota), cloud-upload + “N pending” (modifiche accodate — l’icona passa a cloud-off mentre sei disconnesso), e “Syncing…” mentre la connessione si sta ristabilendo con modifiche accodate. Nulla gira; le icone sono statiche.

Possono essere in disaccordo, ed è normale. “Offline” + “Synced” = sei disconnesso ma non avevi nulla in sospeso. “Online” + “N pending” = sei online e la coda si sta svuotando.

Su telefono, mostra solo lo stato di connessione — la striscia verde / arancione / rossa sul badge nella top app bar. Non c’è un indicatore della coda di sincronizzazione su telefono; toccare il badge apre il selettore di progetto, non i dettagli di sincronizzazione.

Modalità offline

CineLog è costruito per continuare a funzionare offline. Il primo accesso richiede internet; dopo, il dispositivo è loggato e resta tale. Le modifiche fatte offline vengono salvate nel database locale del dispositivo e accodate nell’indicatore di sincronizzazione finché non sarai online di nuovo, momento in cui vengono trasferite al server automaticamente.

Il tuo accesso non ha una scadenza fissa che noterai normalmente. L’app rinnova la tua sessione automaticamente in background ogni volta che sei online — di solito un paio d’ore prima che scada — quindi un uso misto online/offline normale ti mantiene loggato indefinitamente e non vedi mai un prompt di accesso.

Restare offline non ti blocca fuori: l’app continua a funzionare con i tuoi dati locali per quanto a lungo tu sia disconnesso. Solo se un dispositivo rimane completamente offline per circa 30 giorni la sessione scade infine. La prossima volta che l’app raggiunge il server, mostra la schermata di accesso con la tua email già compilata. I tuoi dati restano al loro posto: inserisci il codice inviato a quell’email e riprendi esattamente da dove avevi lasciato, modifiche in coda comprese.

Il menu Altro

In fondo alla sidebar su desktop e tablet; l’elemento più a destra nella barra di navigazione inferiore del telefono. I contenuti differiscono per piattaforma:

• Desktop: Hotkeys, Roadmap, Subscription, Theme toggle, Media Explorer (solo quando un progetto è aperto), Account, Logout. Help & Support non è più nel menu — è il pulsante ? che sta proprio accanto al pulsante More.
• Telefono: Script Editor (con Breakdown subito sotto), AV Script (solo se il tuo ruolo può visualizzarlo), Updates, Help & Support, Media Explorer, Theme toggle, Subscription, Account, Log Out. Updates e Media Explorer appaiono solo quando un progetto è aperto.

Script Editor, AV Script e Updates si trovano nello sheet More del telefono perché non c’è spazio per loro nella barra inferiore a cinque slot. Hotkeys e Roadmap non sono esposti su telefono.

Theme toggle è anche associato a Cmd / Ctrl + Shift + M su desktop.

Collassare la sidebar

Premi [ per collassare la sidebar a solo icone (o riespanderla). Le sub-entry sono ancora visibili in entrambi gli stati — semplicemente vengono mostrate in forma abbreviata quando la sidebar è collassata. La sidebar non scompare mai completamente su desktop.

Non c’è sidebar su telefono — la navigazione è la barra inferiore.

Il layout del telefono

Cinque slot nella barra di navigazione inferiore:

1. Shot List
2. Storyboard
3. Call Sheets
4. Cast & Crew
5. More

Tutto il resto (Script Editor, AV Script, Updates, Media Explorer, Account…) si trova nello sheet More. La top app bar mostra il badge con l’abbreviazione del progetto; toccala per cambiare progetto.

La finestra degli hotkey

Cmd / Ctrl + K su desktop o tablet apre una modale che elenca ogni scorciatoia. Chiudila con Esc o Cmd + K. Non esposta su telefono.

Snackbar

Brevi messaggi appaiono in fondo alla schermata quando qualcosa va a buon fine, fallisce o finisce. Scompaiono da soli dopo pochi secondi.

Se non funziona

“Dov’è finito lo Script Editor sul mio telefono?” All’interno dello sheet More, non nella barra inferiore.

“Il mio punto di connessione e l’indicatore di sincronizzazione non sono d’accordo.” Misurano cose diverse. Il punto è il link di rete; l’indicatore di sincronizzazione è la coda locale di modifiche. Uno qualsiasi dei due può non essere in salute da solo.

“Posso usare CineLog senza internet?” Sì, dopo il primo accesso. Le modifiche offline si salvano localmente e si sincronizzano quando ti riconnetti. L’app rinnova la tua sessione automaticamente ogni volta che sei online, quindi un uso misto online/offline normale rimane loggato. Solo un dispositivo che rimane completamente offline per circa 30 giorni deve rifare l’accesso — ed essere offline non ti disconnette mai a metà ripresa; la schermata di accesso appare solo quando ti riconnetti.

“L’app mi ha chiesto di accedere di nuovo sul set.” Quella è la schermata di re-autenticazione — la normale schermata di accesso con la tua email già compilata — mostrata quando torni online dopo che la tua sessione è scaduta durante un lungo periodo offline. Accedi di nuovo con la stessa email; le tue modifiche in coda restano e si sincronizzano.

---

2. Modificare campi

Clicca una cella. La cella si apre per la modifica. È così su desktop.

La forma dell’editor dipende dal tipo di campo — un input testuale per il testo, un picker per i dropdown, un toggle immediato per le checkbox, un media picker per le celle immagine. Si commita sempre senza un pulsante Salva.

Su telefono sono due tap

Su telefono, toccare una singola cella non la modifica direttamente — prima tocchi la riga per espanderla, poi tocchi il campo all’interno della vista espansa. Quel secondo tap apre un bottom sheet per il campo.

Su tablet ottieni la stessa griglia del desktop: toccare una cella apre direttamente il suo editor, mostrato come finestra vicino alla parte alta dello schermo.

Se tocchi una riga su telefono e nulla sembra modificabile, espandila prima.

Salvataggio automatico

CineLog salva automaticamente a ogni commit e con un debounce di circa 450 ms mentre stai scrivendo. Non c’è un pulsante Salva da nessuna parte.

Non c’è nemmeno un gesto di annullamento. Chiudere l’editor — con Enter o cliccando altrove — salva sempre tutto ciò che hai digitato, incluso qualunque cosa dopo l’ultimo salvataggio automatico con debounce. Nulla di ciò che digiti in un editor di cella viene mai scartato.

Tastiera all’interno dell’editor

• Enter commita e chiude.
• Esc non fa nulla mentre stai scrivendo — chiudi con Enter o cliccando fuori. In entrambi i casi, tutto viene salvato.
• I tasti freccia funzionano solo negli editor numerici (Day, Scene Number): ↑ / ↓ incrementano o decrementano il numero, e tenere premuto il tasto ripete. I picker (tipo di inquadratura, obiettivo e gli altri) sono solo click o tap — nessuna navigazione da tastiera.

Se non funziona

“Non riesco a modificare nulla sul mio telefono.” Tocca prima la riga per espanderla, poi tocca il campo specifico. (Su tablet, tocca direttamente la cella, come su desktop.)

“Dov’è il pulsante Salva?” Non c’è — autosave a ogni commit, più un debounce di 450 ms mentre scrivi.

---

3. Selezionare righe

Selezionare una riga è il modo in cui la marchi per spostarla o per un’azione che si dovrebbe applicare a più righe alla volta. La selezione è una modalità sticky, non un hover — una volta che una riga è selezionata, la lista è in modalità selezione finché non esci.

Come entrare in modalità selezione

• Desktop: Cmd / Ctrl + Click su qualsiasi riga selezionabile.
• Mobile: long-press su qualsiasi riga selezionabile.

Non tutte le righe sono selezionabili. Nella lista delle inquadrature Lineare, le righe di intestazione di scena non possono essere selezionate (né trascinate). Nella vista Produzione, selezionare un’intestazione di scena seleziona l’intera scena — intestazione più tutte le sue inquadrature — e finché una selezione esiste resta all’interno di quella singola scena: le righe di altre scene si attenuano finché non cancelli la selezione (le righe banner sono esenti).

La prima riga che selezioni diventa l’ancora per la selezione di range (vedi sotto).

Aggiungere più righe

Una volta in modalità selezione:

• Desktop: un click semplice attiva/disattiva le singole righe — clicca una riga non selezionata per aggiungerla, clicca una riga selezionata per rimuoverla. Un click non sostituisce mai la selezione con una sola riga; per ricominciare, premi Esc e fai Cmd + Click sulla riga che vuoi. (Il modificatore serve solo per entrare in modalità selezione.)
• Mobile: un tap semplice ora attiva/disattiva la selezione (fuori dalla modalità selezione, lo stesso tap espande la riga).

Selezione di range (solo desktop)

Shift + Click seleziona ogni riga tra l’ancora e la riga cliccata, inclusive. L’ancora si sposta sulla riga cliccata più di recente, quindi Shift + Click successivi continuano ad estendere il range.

Non c’è equivalente su mobile — seleziona una riga alla volta.

Uscire

• Desktop: Esc.
• Mobile: il controllo per cancellare la selezione (X) nella toolbar di selezione.

Entrambi cancellano la selezione e riportano la lista alle sue interazioni normali.

Se non funziona

“Non riesco a capire se sono in modalità selezione.” La toolbar di selezione appare in cima alla lista ogni volta che una riga è selezionata — quella toolbar è l’indicatore. Le righe selezionate stesse ottengono una sottile tinta.

“Toccare una riga su mobile non la seleziona.” Fai long-press per entrare in modalità selezione; il tap semplice serve a espandere la riga.

---

4. Trascinare per riordinare

Una volta che hai una riga (o una selezione multipla) marcata, trascina una qualsiasi di esse per spostare il gruppo. Il drag funziona allo stesso modo ovunque nell’app — la destinazione cambia solo significato a seconda della schermata.

Cosa puoi trascinare

Qualsiasi riga selezionabile, ovunque lungo il suo corpo — le stesse righe che puoi selezionare (quindi non le intestazioni di scena nella vista Lineare, e non le righe di altre scene durante una selezione attiva in vista Produzione). Non c’è una maniglia di drag separata, e nessun cursore speciale al passaggio da cercare — il cursore passa a grabbing una volta che il drag è in corso.

Avviare il drag

Una pressione da sola non avvia un drag — e il modo di iniziare dipende dal fatto che la riga sia già selezionata:

• Una riga che fa già parte della selezione: basta premere e muovere — circa 3 pixel di movimento avviano il drag.
• Una riga non selezionata: premere e muovere da solo non la trascina, né su desktop né su mobile. Fai prima long-press (click-and-hold su desktop); questo seleziona la riga e prepara il drag, e lo stesso piccolo movimento lo avvia poi.

Su mobile ci sono due modi:

• Cold drag: long-press su una riga non selezionata; salta su sotto il tuo dito, continua a muoverti per trascinare.
• Warm drag: se la riga fa già parte di una selezione attiva, basta toccare e trascinare — non serve un secondo long-press.

Dove puoi rilasciare

Mentre trascini, si apre uno spazio tra le righe nella posizione valida più vicina dove il rilascio è permesso. Se il punto sotto il tuo puntatore non è permesso, lo spazio scatta allo slot valido più vicino invece di scomparire — ovunque lo spazio si mostri è dove le righe atterreranno al rilascio. Le regole su cosa è valido variano per schermata (coperte nelle guide delle funzionalità); guarda lo spazio, non il puntatore, per sapere dove andrà il rilascio.

Trascinare una selezione

Se trascini una riga che fa parte della selezione corrente, l’intera selezione si muove insieme. Se trascini una riga che non fa parte della selezione, questa viene aggiunta alla selezione e l’intera selezione allargata si muove con il drag. Per spostare una sola riga, cancella prima la selezione, poi trascina quella riga da sola.

Ecco perché selezionare prima, poi trascinare, è il flusso prevedibile — puoi confermare cosa è selezionato prima di committare.

Auto-scroll ai bordi

Mentre trascini, se ti sposti nei 100 pixel superiori o inferiori della lista visibile, fa auto-scroll verso quel bordo. Più sei vicino al bordo, più è veloce (fino a circa 24 pixel per frame). Tornaci verso il centro per fermarti.

Il gotcha del trackpad

Su desktop, uno scroll a due dita sul trackpad non avvia un drag — fa scorrere la lista. Solo un drag a un dito (o una pressione del mouse e movimento) riordina. Questo è il singolo report più comune di “drag rotto”; se stavi usando due dita, passa a uno.

Auto-collasso all’ingresso della selezione su mobile

Solo su mobile, le righe espanse si ricollassano alla vista compatta nel momento in cui entri in modalità selezione. Questo mantiene le altezze delle righe uniformi per il trascinamento. Nulla viene perso; l’espansione è solo uno stato di visualizzazione.

Annullare

Rilasciare il puntatore o sollevare il dito rilascia sempre la selezione allo spazio che si sta mostrando — non c’è un rilascio-per-annullare, e nulla torna indietro di scatto. Per abbandonare un drag su desktop, premi Esc durante il drag: annulla il drag sul posto e cancella la selezione.

Se non funziona

“Il drag non fa nulla.” O stai premendo e muovendo una riga non selezionata — fai prima long-press (click-and-hold) — o stai usando un gesto trackpad a due dita (che fa scroll, non drag).

“Le mie righe sono collassate quando ho toccato per selezionare.” È il collasso automatico intenzionale su mobile — rende uniformi le altezze per il drag. I tuoi dati sono intatti.

---

Quello è il vocabolario universale dell’app. Ogni guida sulle funzionalità si basa su questi pattern; se non sei mai sicuro su come funzioni una schermata particolare, la risposta è quasi sempre “allo stesso modo di ogni altra lista”.

Dove andare dopo: Le basi della lista delle inquadrature è la prossima tappa più comune. Vista Lineare vs Vista Produzione copre la divisione tra ordine di sceneggiatura e ordine di ripresa — la maggior parte dei nuovi producer e AD ci si imbatte rapidamente. Scorciatoie da tastiera è la pagina di riferimento da mettere nei segnalibri.