O básico

O CineLog usa os mesmos padrões em todo lugar. Os mesmos gestos movem as coisas, a mesma forma de selecionar funciona em qualquer lista, os mesmos atalhos editam qualquer campo. Aprender esses padrões uma vez é o maior salto para se tornar fluente no app.

Quatro seções: um tour pelo app e depois as três coisas que você faz repetidamente — editar, selecionar, arrastar. Cada seção termina com uma lista curta de “Se isso não estiver funcionando” para você consultar e corrigir um problema específico sem ler o resto.

Conteúdo

1. Tour do app: onde tudo fica
2. Editando campos
3. Selecionando linhas
4. Arrastando para reordenar

---

1. Tour do app: onde tudo fica

Entrando

A entrada é só por e-mail. Você digita o endereço, enviamos um código, você digita o código. Sem senha. Toda conta nova começa com um projeto padrão (“My First Project”), então você cai direto em um workspace — nas próximas vezes, no último projeto que tinha aberto. Novas produções ganham seu próprio projeto pelo botão New Project (apenas um nome e uma descrição — o badge de abreviação é gerado a partir do nome).

As ferramentas de planejamento na barra lateral vivem todas dentro de um projeto. Telas de nível de conta — Help & Support, Roadmap, Subscription, Account — ficam fora de qualquer projeto. No desktop, o Help tem seu próprio botão no final da barra lateral, ao lado do botão More (mais); o resto fica no menu More.

A janela do desktop

Três regiões, de cima para baixo:

• Uma barra de título fina, com o indicador combinado de conexão-e-sincronização à esquerda. Usuários de Windows veem os botões padrão de minimizar / maximizar / fechar à direita.
• A barra lateral esquerda mais a área de conteúdo — barra lateral para navegação, área de conteúdo para o trabalho.
• Coisas flutuantes: modais, snackbars, o diálogo de atalhos.

A barra lateral

Sempre presente no desktop e tablet. De cima para baixo: o seletor de projeto, uma lista de recursos e o botão More. O indicador de sincronização não fica na barra lateral — ele vive na barra de título no topo da janela.

Os recursos:

• Script Editor (Editor de Roteiro) — escreva o roteiro. Enquanto você está no editor, uma sub-entrada Breakdown (análise técnica) aparece logo abaixo dele — veja Análise Técnica do Roteiro.
• AV Script — o roteiro de duas colunas áudio/visual. Aparece apenas se sua função puder vê-lo (qualquer pessoa que possa ver a Decupagem pode).
• Shot List (Decupagem) — visualizações Linear e Produção de cada plano, com cada Dia de Produção como sub-entrada.
• Storyboard — planejamento visual, com visualizações salvas como sub-entradas.
• Call Sheets (Ordens do Dia) — ordens do dia diárias, com cada Dia de Produção como sub-entrada.
• Cast & Crew (Elenco e Equipe) — o diretório de pessoas do projeto, com visualizações salvas.

Updates (histórico de mudanças) aparece apenas se sua função permitir. Media Explorer fica no menu More.

O seletor de projeto

No topo da barra lateral no desktop. Mostra o nome do projeto atual e o badge. Clique para trocar de projeto — a sobreposição lista o projeto atual, convites pendentes, até três projetos recentes, um botão “New” e um link “Show all”.

No celular, a barra superior do app mostra em vez disso um badge compacto com a abreviação do projeto (ex.: “ST13”) e uma faixa de conexão colorida — não o nome do projeto. Toque para abrir o sheet de Projects: a lista completa de projetos mais um botão de criar projeto.

Trocar de projeto atualiza toda a barra lateral, de modo que as sub-entradas que você vê sempre pertencem ao projeto em que está.

Sincronização vs conexão

Um indicador na barra de título, duas coisas diferentes:

• A metade de conexão é um ponto colorido — verde / laranja / vermelho — com um rótulo “Online”, “Connecting” ou “Offline”, para o link em tempo real com o servidor.
• A metade de sincronização, após um divisor, informa sobre sua fila local de edições por ícone e rótulo: cloud-check + “Synced” (fila vazia), cloud-upload + “N pending” (alterações enfileiradas — o ícone muda para cloud-off enquanto você está desconectado) e “Syncing…” enquanto a conexão está subindo com alterações enfileiradas. Nada gira; os ícones são estáticos.

Eles podem discordar, e tudo bem. “Offline” + “Synced” = você está desconectado mas não havia nada pendente. “Online” + “N pending” = você está online e a fila está drenando.

No celular, apenas o estado de conexão aparece — a faixa verde / laranja / vermelha no badge na barra superior do app. Não há indicador de fila de sincronização no celular; tocar no badge abre o seletor de projeto, não os detalhes de sincronização.

Modo offline

O CineLog é construído para continuar funcionando offline. O primeiro sign-in precisa de internet; depois disso o dispositivo permanece logado. As edições feitas offline são salvas no banco de dados local do dispositivo e entram na fila no indicador de sincronização até você ficar online de novo, momento em que são drenadas para o servidor automaticamente.

Sua entrada não tem uma expiração fixa que você normalmente perceba. O app renova sua sessão automaticamente em segundo plano sempre que você está online — normalmente algumas horas antes de ela expirar — então o uso normal misto online/offline mantém você logado indefinidamente e você nunca vê um prompt de sign-in.

Ficar offline também não te tranca para fora: o app continua funcionando com seus dados locais não importa por quanto tempo você fique desconectado. Só se um dispositivo ficar completamente offline por cerca de 30 dias é que a sessão finalmente expira. Na próxima vez que o app alcançar o servidor, ele mostra a tela de sign-in com seu e-mail já preenchido. Seus dados permanecem: digite o código enviado para esse e-mail e você retoma exatamente onde parou, com as edições enfileiradas e tudo.

O menu Mais

No final da barra lateral no desktop e tablet; o item mais à direita na barra de navegação inferior no celular. O conteúdo difere por plataforma:

• Desktop: Hotkeys, Roadmap, Subscription, Theme toggle, Media Explorer (apenas quando um projeto está aberto), Account, Logout. Help & Support não fica mais no menu — é o botão ? logo ao lado do botão More.
• Celular: Script Editor (com Breakdown logo abaixo dele), AV Script (apenas se sua função puder vê-lo), Updates, Help & Support, Media Explorer, Theme toggle, Subscription, Account, Log Out. Updates e Media Explorer aparecem apenas quando um projeto está aberto.

Script Editor, AV Script e Updates ficam dentro do sheet More no celular porque não há espaço na barra inferior de cinco slots. Hotkeys e Roadmap não são exibidos no celular.

Theme toggle também está vinculado a Cmd / Ctrl + Shift + M no desktop.

Recolhendo a barra lateral

Pressione [ para recolher a barra lateral a apenas ícones (ou expandi-la novamente). As sub-entradas ainda ficam visíveis em qualquer estado — apenas aparecem em forma encurtada quando a barra lateral está recolhida. A barra lateral nunca desaparece totalmente no desktop.

Não há barra lateral no celular — a navegação é a barra inferior.

O layout do celular

Cinco slots na barra de navegação inferior:

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

Tudo o mais (Script Editor, AV Script, Updates, Media Explorer, Account…) fica dentro do sheet More. A barra superior do app mostra o badge de abreviação do projeto; toque para trocar de projeto.

O diálogo de atalhos

Cmd / Ctrl + K no desktop ou tablet abre um modal que lista todos os atalhos. Feche com Esc ou Cmd + K. Não é exibido no celular.

Snackbars

Mensagens curtas aparecem na parte inferior da tela quando algo dá certo, dá errado ou termina. Elas desaparecem sozinhas depois de alguns segundos.

Se isso não estiver funcionando

“Para onde foi o Script Editor no meu celular?” Dentro do sheet More, não na barra inferior.

“Meu ponto de conexão e o indicador de sincronização discordam.” Eles medem coisas diferentes. O ponto é o link de rede; o indicador de sincronização é a fila local de edições. Qualquer um pode estar com problema isoladamente.

“Posso usar o CineLog sem internet?” Sim, depois do primeiro sign-in. As edições offline são salvas localmente e sincronizam quando você reconecta. O app renova sua sessão automaticamente sempre que você está online, então o uso misto online/offline normal mantém você logado. Só um dispositivo que fica completamente offline por cerca de 30 dias precisa entrar novamente — e estar offline nunca te desloga no meio da filmagem; a tela de sign-in só aparece quando você reconecta.

“O app me pediu para entrar de novo na locação.” Essa é a tela de re-autenticação — a tela normal de sign-in com seu e-mail pré-preenchido — exibida quando você volta a ficar online depois de sua sessão ter expirado durante um longo período offline. Entre novamente com o mesmo e-mail; suas edições enfileiradas continuam e sincronizam.

---

2. Editando campos

Clique numa célula. A célula abre para edição. É isso no desktop.

A forma do editor depende do tipo de campo — um input de texto para texto, um picker para dropdowns, um toggle imediato para checkboxes, um seletor de mídia para células de imagem. Sempre confirma sem botão Salvar.

No celular são dois toques

No celular, tocar em uma única célula não a edita diretamente — primeiro você toca na linha para expandi-la, depois toca no campo dentro da visualização expandida. Esse segundo toque abre um bottom sheet para o campo.

No tablet você tem a mesma grade do desktop: tocar em uma célula abre seu editor diretamente, exibido como um diálogo próximo ao topo da tela.

Se você tocar em uma linha no celular e nada parecer editável, expanda-a primeiro.

Autosave

O CineLog autosalva a cada commit e em um debounce de aproximadamente 450 ms enquanto você digita. Não existe botão Salvar em lugar nenhum.

Também não há gesto de cancelar. Fechar o editor — com Enter ou clicando fora — sempre salva tudo o que você digitou, incluindo qualquer coisa depois do último autosave com debounce. Nada do que você digita em um editor de célula é jamais descartado.

Teclado dentro do editor

• Enter confirma e fecha.
• Esc não faz nada enquanto você digita — feche com Enter ou clicando fora. De qualquer forma, tudo é salvo.
• As teclas de seta funcionam apenas nos editores numéricos (Day, Scene Number): ↑ / ↓ incrementam ou decrementam o número, e segurar a tecla repete. Os pickers (tipo de plano, lente e o resto) são apenas clique ou toque — sem navegação por teclado.

Se isso não estiver funcionando

“Não consigo editar nada no meu celular.” Toque na linha para expandi-la primeiro, depois toque no campo específico. (No tablet, toque na célula diretamente, como no desktop.)

“Cadê o botão Salvar?” Não existe — autosave a cada commit, mais um debounce de 450 ms enquanto você digita.

---

3. Selecionando linhas

Selecionar uma linha é como você a marca para mover ou para uma ação que deve se aplicar a várias linhas ao mesmo tempo. A seleção é um modo persistente, não um hover — uma vez que uma linha esteja selecionada, a lista permanece em modo de seleção até você sair.

Como entrar no modo de seleção

• Desktop: Cmd / Ctrl + Click em qualquer linha selecionável.
• Celular: pressione e segure qualquer linha selecionável.

Nem toda linha é selecionável. Na decupagem Linear, as linhas de cabeçalho de cena não podem ser selecionadas (nem arrastadas). Na visualização Produção, selecionar um cabeçalho de cena seleciona a cena inteira — o cabeçalho mais todos os seus planos — e enquanto uma seleção existe ela permanece dentro daquela única cena: linhas de outras cenas ficam acinzentadas até você limpar a seleção (linhas de banner são exceção).

A primeira linha que você seleciona se torna a âncora para seleção por intervalo (a seguir).

Adicionando mais linhas

Uma vez em modo de seleção:

• Desktop: um clique simples alterna linhas individuais dentro ou fora — clique numa linha não selecionada para adicioná-la, clique numa linha selecionada para removê-la. Um clique nunca substitui a seleção por apenas uma linha; para recomeçar, pressione Esc e Cmd + Click na linha que você quer. (O modificador só é necessário para entrar no modo de seleção.)
• Celular: o toque simples agora alterna a seleção (fora do modo de seleção, o mesmo toque expande a linha).

Seleção por intervalo (apenas desktop)

Shift + Click seleciona todas as linhas entre a âncora e a linha clicada, inclusive. A âncora se move para a linha clicada mais recentemente, então Shift + Clicks sucessivos continuam estendendo o intervalo.

Não há equivalente no celular — selecione uma linha por vez.

Saindo

• Desktop: Esc.
• Celular: o controle de limpar seleção (X) na barra de ferramentas de seleção.

Qualquer um deles limpa a seleção e retorna a lista às suas interações normais.

Se isso não estiver funcionando

“Não consigo dizer se estou no modo de seleção.” A barra de seleção aparece no topo da lista sempre que qualquer linha está selecionada — essa barra é o indicador. As linhas selecionadas em si recebem um tom sutil.

“Tocar em uma linha no celular não a seleciona.” Pressione e segure para entrar no modo de seleção; o toque simples é para expandir a linha.

---

4. Arrastando para reordenar

Uma vez que você tem uma linha (ou uma multi-seleção) marcada, arraste qualquer uma delas para mover o conjunto. O arrastar funciona da mesma forma em todo o app — o destino é que muda de significado dependendo da tela.

O que você pode arrastar

Qualquer linha selecionável, em qualquer ponto do seu corpo — as mesmas linhas que você pode selecionar (ou seja, não os cabeçalhos de cena na visualização Linear, e não linhas de outras cenas durante uma seleção ativa na visualização Produção). Não há uma alça de arrastar separada, e nenhum cursor especial de hover para procurar — o cursor muda para grabbing assim que um arrastar está em andamento.

Iniciando o arrastar

Uma pressão sozinha não inicia um arrastar — e a forma de entrar depende de a linha já estar selecionada:

• Uma linha que já faz parte da seleção: basta pressionar e mover — aproximadamente 3 pixels de movimento iniciam o arrastar.
• Uma linha não selecionada: só pressionar e mover não a arrasta, no desktop ou no celular. Pressione e segure primeiro (clique e segure no desktop); isso seleciona a linha e prepara o arrastar, e o mesmo pequeno movimento então o inicia.

No celular há duas formas de entrar:

• Cold drag: pressione e segure uma linha não selecionada; ela aparece sob seu dedo, continue movendo para arrastar.
• Warm drag: se a linha já faz parte de uma seleção ativa, basta tocar e arrastar — sem segundo pressionar e segurar.

Onde você pode soltar

Conforme arrasta, uma lacuna se abre entre as linhas na posição válida mais próxima para soltar. Se o ponto sob o seu ponteiro não for permitido, a lacuna salta para o slot válido mais próximo em vez de desaparecer — onde quer que a lacuna esteja aparecendo é onde as linhas vão parar quando você soltar. As regras do que é válido variam por tela (cobertas nos guias de recursos); observe a lacuna, não o ponteiro, para saber para onde o soltar vai.

Arrastando uma seleção

Se você arrasta uma linha que faz parte da seleção atual, toda a seleção se move junto. Se você arrasta uma linha que não faz parte da seleção, ela é adicionada à seleção e toda a seleção ampliada se move com o arrastar. Para mover apenas uma linha, limpe a seleção primeiro, depois arraste aquela linha sozinha.

É por isso que selecionar primeiro e depois arrastar é o fluxo previsível — você pode confirmar o que está selecionado antes de commitar.

Auto-rolagem nas bordas

Enquanto arrasta, se você se mover para os 100 pixels do topo ou do fundo da lista visível, ela faz auto-rolagem em direção àquela borda. Quanto mais perto da borda, mais rápido (até cerca de 24 pixels por frame). Volte para o centro para parar.

A pegadinha do trackpad

No desktop, um scroll de dois dedos no trackpad não inicia um arrastar — ele rola a lista. Apenas um arrastar de um dedo (ou mouse pressionado e movido) reordena. Esse é o relato mais comum de “o arrastar está quebrado”; se você está usando dois dedos, mude para um.

Auto-recolhimento no celular ao entrar em seleção

No celular apenas, as linhas expandidas recolhem para a visualização compacta no momento em que você entra no modo de seleção. Isso mantém as alturas de linha uniformes para arrastar. Nada é perdido; expandir é apenas um estado de exibição.

Cancelando

Soltar o ponteiro ou levantar o dedo sempre solta a seleção na lacuna que está aparecendo — não há cancelar-ao-soltar, e nada volta ao lugar. Para abandonar um arrastar no desktop, pressione Esc no meio do arrastar: isso cancela o arrastar no lugar e limpa a seleção.

Se isso não estiver funcionando

“Arrastar não faz nada.” Ou você está pressionando e movendo uma linha não selecionada — pressione e segure (clique e segure) primeiro — ou está usando um gesto de trackpad com dois dedos (que rola, não arrasta).

“Minhas linhas recolheram quando toquei para selecionar.” Esse é o auto-recolhimento intencional no celular — torna as alturas de arrastar uniformes. Seus dados estão intactos.

---

Esse é o vocabulário universal do app. Cada guia de recurso se constrói sobre esses padrões; se você ficar em dúvida sobre como uma tela específica funciona, a resposta quase sempre é “do mesmo jeito que toda outra lista funciona”.

Para onde ir em seguida: Decupagem essencial é a próxima parada mais comum. Visualização Linear vs visualização Produção cobre a divisão entre ordem de roteiro e ordem de filmagem — a maioria dos novos produtores e ADs esbarra nisso rapidamente. Atalhos de teclado é a página de referência que vale a pena salvar.