Lo básico

CineLog usa los mismos patrones en todas partes. Los mismos gestos mueven cosas, la misma forma de seleccionar funciona en cada lista, los mismos atajos editan cualquier campo. Aprender esos patrones una vez es el mayor salto en fluidez con la app.

Cuatro secciones: un recorrido por la app y luego las tres cosas que haces una y otra vez: editar, seleccionar, arrastrar. Cada sección termina con una breve lista de “Si esto no funciona” para que puedas entrar a resolver un problema concreto sin leer el resto.

Contenidos

Recorrido por la app: dónde vive cada cosa
Editar campos
Seleccionar filas
Arrastrar para reordenar

1. Recorrido por la app: dónde vive cada cosa

Iniciar sesión

El inicio de sesión es solo con correo electrónico. Introduces tu dirección, te enviamos un código, lo introduces. Sin contraseña. Cada cuenta nueva empieza con un proyecto por defecto (“My First Project”), así que aterrizas en un espacio de trabajo de inmediato — en los siguientes arranques, en el proyecto que tenías abierto la última vez. Las nuevas producciones obtienen su propio proyecto mediante el botón New Project (solo un nombre y una descripción — la insignia de abreviatura se genera a partir del nombre).

Las herramientas de planificación en la barra lateral viven todas dentro de un proyecto. Las pantallas a nivel de cuenta — Help & Support, Roadmap, Subscription, Account — están fuera de cualquier proyecto. En escritorio, Help tiene su propio botón en la parte inferior de la barra lateral, junto al botón More (más); el resto viven bajo el menú More.

La ventana de escritorio

Tres regiones, de arriba abajo:

Una barra de título delgada con el indicador combinado de conexión y sincronización a la izquierda. Los usuarios de Windows tienen los botones estándar de minimizar / maximizar / cerrar a la derecha.
La barra lateral izquierda más el área de contenido — la barra lateral para navegar, el contenido para trabajar.
Cosas flotantes: modales, snackbars, el diálogo de atajos.

La barra lateral

Siempre presente en escritorio y tablet. De arriba abajo: el conmutador de proyectos, una lista de funcionalidades y el botón More. El indicador de sincronización no está en la barra lateral — vive en la barra de título en la parte superior de la ventana.

Las funcionalidades:

Script Editor (Editor de Guion) — escribe el guion. Mientras estás en el editor, aparece debajo una sub-entrada Breakdown (desglose) — ver Desglose del Guion.
AV Script — el guion audio/visual a dos columnas. Aparece solo si tu rol puede verlo (cualquiera que pueda ver la Lista de Planos puede).
Shot List (Lista de Planos) — vistas Lineal y Producción de cada plano, con cada Día de Producción como sub-entrada.
Storyboard — planificación visual, con vistas guardadas como sub-entradas.
Call Sheets (Órdenes de Rodaje) — órdenes de rodaje diarias, con cada Día de Producción como sub-entrada.
Cast & Crew (Elenco y Equipo) — el directorio de personas del proyecto, con vistas guardadas.

Updates (historial de cambios) aparece solo si tu rol lo permite. Media Explorer vive en el menú More.

El conmutador de proyectos

En la parte superior de la barra lateral en escritorio. Muestra el nombre y la insignia del proyecto actual. Haz clic para cambiar de proyecto — la superposición lista el proyecto actual, las invitaciones pendientes, hasta tres proyectos recientes, un botón “New” y un enlace “Show all”.

En teléfono, la barra superior de la app muestra en su lugar una insignia compacta con la abreviatura del proyecto (p. ej. “ST13”) y una franja de conexión con color — no el nombre del proyecto. Tócala para abrir el panel de Projects: la lista completa de proyectos más un botón para crear proyecto.

Cambiar de proyecto refresca toda la barra lateral, así que las sub-entradas que ves siempre pertenecen al proyecto en el que estás.

Sincronización vs conexión

Un indicador en la barra de título, dos cosas distintas:

La mitad de conexión es un punto con código de colores — verde / naranja / rojo — con una etiqueta “Online”, “Connecting” u “Offline”, para el enlace en tiempo real con el servidor.
La mitad de sincronización, tras un divisor, te informa sobre tu cola local de ediciones por icono y etiqueta: cloud-check + “Synced” (cola vacía), cloud-upload + “N pending” (cambios en cola — el icono cambia a cloud-off mientras estás desconectado), y “Syncing…” mientras la conexión se restablece con cambios en cola. Nada gira; los iconos son estáticos.

Pueden discrepar, y está bien. “Offline” + “Synced” = estás desconectado pero no tenías nada pendiente. “Online” + “N pending” = estás en línea y la cola se está vaciando.

En teléfono, solo se muestra el estado de conexión — la franja verde / naranja / roja en la insignia de la barra superior de la app. No hay indicador de cola de sincronización en teléfono; tocar la insignia abre el conmutador de proyectos, no los detalles de sincronización.

Modo offline

CineLog está construido para seguir funcionando sin conexión. El primer inicio de sesión necesita internet; después, el dispositivo queda registrado y permanece así. Las ediciones hechas sin conexión se guardan en la base de datos local del dispositivo y se ponen en cola en el indicador de sincronización hasta que vuelvas a estar en línea, momento en el que se descargan al servidor automáticamente.

Tu inicio de sesión no tiene un vencimiento fijo que notes normalmente. La app renueva tu sesión automáticamente en segundo plano siempre que estás en línea — normalmente un par de horas antes de que caducara — así que el uso mixto normal en línea/offline te mantiene con la sesión iniciada indefinidamente y nunca verás una solicitud de inicio de sesión.

Permanecer sin conexión tampoco te bloquea: la app sigue funcionando con tus datos locales sin importar cuánto tiempo estés desconectado. Solo si un dispositivo permanece completamente sin conexión durante unos 30 días la sesión finalmente expira. La próxima vez que la app alcance el servidor, muestra la pantalla de inicio de sesión con tu correo ya rellenado. Tus datos permanecen: introduce el código enviado a ese correo y retomas justo donde lo dejaste, con las ediciones en cola y todo.

El menú Más

Parte inferior de la barra lateral en escritorio y tablet; el ítem más a la derecha en la barra de navegación inferior del teléfono. El contenido difiere por plataforma:

Escritorio: Hotkeys, Roadmap, Subscription, Theme toggle, Media Explorer (solo cuando hay un proyecto abierto), Account, Logout. Help & Support ya no está en el menú — es el botón ? que está justo al lado del botón More.
Teléfono: Script Editor (con Breakdown justo debajo), AV Script (solo si tu rol puede verlo), Updates, Help & Support, Media Explorer, Theme toggle, Subscription, Account, Log Out. Updates y Media Explorer aparecen solo cuando hay un proyecto abierto.

Script Editor, AV Script y Updates están dentro del panel More del teléfono porque no hay espacio en la barra inferior de cinco ranuras. Hotkeys y Roadmap no se muestran en teléfono en absoluto.

Theme toggle también está vinculado a Cmd / Ctrl + Shift + M en escritorio.

Colapsar la barra lateral

Pulsa [ para colapsar la barra lateral a solo iconos (o expandirla de nuevo). Las sub-entradas siguen visibles en cualquiera de los estados — simplemente se muestran de forma abreviada cuando la barra lateral está colapsada. La barra lateral nunca desaparece por completo en escritorio.

No hay barra lateral en teléfono — la navegación es la barra inferior.

El diseño del teléfono

Cinco ranuras en la barra de navegación inferior:

Shot List
Storyboard
Call Sheets
Cast & Crew
More

Todo lo demás (Script Editor, AV Script, Updates, Media Explorer, Account…) está dentro del panel More. La barra superior de la app muestra la insignia de abreviatura del proyecto; tócala para cambiar de proyecto.

El diálogo de atajos

Cmd / Ctrl + K en escritorio o tablet abre un modal que lista cada atajo. Ciérralo con Esc o Cmd + K. No se muestra en teléfono.

Snackbars

Mensajes cortos aparecen en la parte inferior de la pantalla cuando algo tiene éxito, falla o finaliza. Desaparecen solos después de unos segundos.

Si esto no funciona

“¿Dónde se fue el Script Editor en mi teléfono?” Dentro del panel More, no en la barra inferior.

“Mi punto de conexión y el indicador de sincronización no coinciden.” Miden cosas distintas. El punto es el enlace de red; el indicador de sincronización es la cola local de ediciones. Cualquiera de los dos puede no estar sano por separado.

“¿Puedo usar CineLog sin internet?” Sí, después del primer inicio de sesión. Las ediciones offline se guardan localmente y se sincronizan cuando reconectes. La app renueva tu sesión automáticamente siempre que estás en línea, así que el uso mixto normal en línea/offline mantiene la sesión iniciada. Solo un dispositivo que permanezca completamente sin conexión durante unos 30 días necesita volver a iniciar sesión — y estar sin conexión nunca te cierra la sesión a mitad del rodaje; la pantalla de inicio de sesión solo aparece una vez que reconectas.

“La app me pidió iniciar sesión otra vez en la localización.” Es la pantalla de re-autenticación — la pantalla de inicio de sesión normal con tu correo prerrellenado — que se muestra cuando vuelves a estar en línea tras expirar tu sesión durante un periodo largo sin conexión. Vuelve a iniciar sesión con el mismo correo; tus ediciones en cola permanecen y se sincronizarán.

2. Editar campos

Haz clic en una celda. La celda se abre para edición. Eso es todo en escritorio.

La forma del editor depende del tipo de campo — una entrada de texto para texto, un selector para desplegables, un toggle inmediato para casillas, un selector de medios para celdas de imagen. Siempre se confirma sin un botón Guardar.

El teléfono son dos toques

En teléfono, tocar una celda no la edita directamente — primero tocas la fila para expandirla, luego tocas el campo dentro de la vista expandida. Ese segundo toque abre un panel inferior para el campo.

En tablet obtienes la misma cuadrícula que en escritorio: tocar una celda abre su editor directamente, mostrado como un diálogo cerca de la parte superior de la pantalla.

Si tocas una fila en el teléfono y nada parece editable, expándela primero.

Autoguardado

CineLog autoguarda en cada confirmación y con un debounce de aproximadamente 450 ms mientras escribes. No hay botón Guardar en ninguna parte.

Tampoco hay un gesto de cancelar. Cerrar el editor — con Enter o haciendo clic fuera — siempre guarda todo lo que has escrito, incluido lo que haya después del último autoguardado con debounce. Nada de lo que escribes en un editor de celda se descarta nunca.

Teclado dentro del editor

Enter confirma y cierra.
Esc no hace nada mientras escribes — cierra con Enter o haciendo clic fuera. En cualquier caso, todo se guarda.
Las flechas funcionan solo en los editores numéricos (Day, Scene Number): ↑ / ↓ suben o bajan el número, y mantener la tecla lo repite. Los selectores (tipo de plano, lente y el resto) son solo de clic o toque — sin navegación por teclado.

Si esto no funciona

“No puedo editar nada en mi teléfono.” Toca la fila para expandirla primero, luego toca el campo específico. (En tablet, toca la celda directamente, como en escritorio.)

“¿Dónde está el botón Guardar?” No hay ninguno — autoguardado en cada confirmación, más un debounce de 450 ms mientras escribes.

3. Seleccionar filas

Seleccionar una fila es como la marcas para moverla o para una acción que debería aplicarse a varias filas a la vez. La selección es un modo persistente, no un hover — una vez que una fila está seleccionada, la lista está en modo selección hasta que salgas.

Cómo entrar en modo selección

Escritorio: Cmd / Ctrl + Click en cualquier fila seleccionable.
Móvil: mantén pulsada cualquier fila seleccionable.

No todas las filas son seleccionables. En la lista de planos Lineal, las filas de encabezado de escena no se pueden seleccionar (ni arrastrar). En la vista Producción, seleccionar un encabezado de escena selecciona la escena entera — el encabezado más todos sus planos — y mientras existe una selección, esta se mantiene dentro de esa única escena: las filas de otras escenas se atenúan hasta que limpias la selección (las filas de banner están exentas).

La primera fila que selecciones se convierte en el ancla para la selección por rango (siguiente).

Añadir más filas

Una vez que estás en modo selección:

Escritorio: un clic simple alterna filas individuales dentro o fuera — haz clic en una fila no seleccionada para añadirla, haz clic en una fila seleccionada para quitarla. Un clic nunca reemplaza la selección con solo una fila; para empezar de nuevo, pulsa Esc y Cmd + Click en la fila que quieras. (El modificador solo se necesita para entrar en modo selección.)
Móvil: un toque simple ahora alterna la selección (fuera del modo selección, el mismo toque expande la fila).

Selección por rango (solo escritorio)

Shift + Click selecciona cada fila entre el ancla y la fila clicada, inclusive. El ancla se mueve a la fila más recientemente clicada, así que sucesivos Shift + Click siguen extendiendo el rango.

No hay equivalente móvil — selecciona una fila a la vez.

Salir

Escritorio: Esc.
Móvil: el control de limpiar selección (X) en la barra de selección.

Cualquiera limpia la selección y devuelve la lista a sus interacciones normales.

Si esto no funciona

“No puedo saber si estoy en modo selección.” La barra de selección aparece en la parte superior de la lista cada vez que hay alguna fila seleccionada — esa barra es el indicador. Las propias filas seleccionadas reciben un tinte sutil.

“Tocar una fila en móvil no la selecciona.” Mantén pulsada para entrar en modo selección; un toque simple es para expandir la fila.

4. Arrastrar para reordenar

Una vez que tienes una fila (o una multi-selección) marcada, arrastra cualquiera de ellas para mover el conjunto. Arrastrar funciona igual en toda la app — el destino simplemente cambia de significado según la pantalla.

Qué puedes arrastrar

Cualquier fila seleccionable, en cualquier parte de su cuerpo — las mismas filas que puedes seleccionar (así que no los encabezados de escena en la vista Lineal, ni las filas de otras escenas durante una selección activa en la vista Producción). No hay un asa de arrastre separada, ni un cursor especial al pasar por encima que buscar — el cursor cambia a grabbing una vez que el arrastre está en marcha.

Iniciar el arrastre

Pulsar por sí solo no inicia un arrastre — y la forma de entrar depende de si la fila ya está seleccionada:

Una fila que ya está en la selección: simplemente pulsa y mueve — unos 3 píxeles de movimiento inician el arrastre.
Una fila no seleccionada: pulsar y mover por sí solo no la arrastra, ni en escritorio ni en móvil. Mantenla pulsada primero (clic y mantener en escritorio); eso selecciona la fila y prepara el arrastre, y el mismo pequeño movimiento lo inicia entonces.

En móvil hay dos formas de entrar:

Arrastre frío: mantén pulsada una fila no seleccionada; se levanta bajo tu dedo, sigue moviéndote para arrastrar.
Arrastre cálido: si la fila ya forma parte de una selección activa, simplemente tócala y arrastra — sin un segundo mantener pulsado.

Dónde puedes soltar

A medida que arrastras, se abre un hueco entre filas en la posición válida más cercana donde soltar. Si el sitio bajo tu puntero no está permitido, el hueco salta a la ranura válida más próxima en lugar de desaparecer — dondequiera que se muestre el hueco es donde aterrizarán las filas cuando sueltes. Las reglas de qué es válido varían por pantalla (cubiertas en las guías de funcionalidad); observa el hueco, no el puntero, para saber a dónde irá el drop.

Arrastrar una selección

Si arrastras una fila que forma parte de la selección actual, la selección entera se mueve junta. Si arrastras una fila que no forma parte de la selección, se añade a la selección y toda la selección ampliada se mueve con el arrastre. Para mover solo una fila, limpia la selección primero, luego arrastra esa fila sola.

Por eso seleccionar primero y luego arrastrar es el flujo predecible — puedes confirmar qué está seleccionado antes de comprometerte.

Auto-scroll en los bordes

Mientras arrastras, si te mueves a los 100 píxeles superiores o inferiores de la lista visible, esta se desplaza automáticamente hacia ese borde. Cuanto más cerca del borde, más rápido (hasta unos 24 píxeles por fotograma). Muévete de vuelta hacia el centro para detenerlo.

El truco del trackpad

En escritorio, un desplazamiento con dos dedos en el trackpad no inicia un arrastre — desplaza la lista. Solo un arrastre con un dedo (o presionar y mover con el ratón) reordena. Este es el informe más común de “el arrastre está roto”; si has estado usando dos dedos, cambia a uno.

Auto-colapso al entrar en selección en móvil

Solo en móvil, las filas expandidas se colapsan de vuelta a vista compacta en el momento en que entras en modo selección. Esto mantiene las alturas de las filas uniformes para arrastrar. No se pierde nada; expandir es solo un estado de visualización.

Cancelar

Soltar el puntero o levantar el dedo siempre deja la selección en el hueco que se muestra — no hay soltar-para-cancelar, y nada vuelve de golpe a su sitio. Para abandonar un arrastre en escritorio, pulsa Esc a mitad del arrastre: cancela el arrastre en el sitio y limpia la selección.

Si esto no funciona

“Arrastrar no hace nada.” O estás pulsando y moviendo una fila no seleccionada — mantenla pulsada (clic y mantener) primero — o estás usando un gesto de trackpad con dos dedos (que desplaza, no arrastra).

“Mis filas se colapsaron cuando toqué para seleccionar.” Es el auto-colapso intencional en móvil — hace que las alturas de arrastre sean uniformes. Tus datos están intactos.

Ese es el vocabulario universal de la app. Cada guía de funcionalidad se construye sobre estos patrones; si alguna vez no estás seguro de cómo funciona una pantalla en particular, la respuesta casi siempre es “igual que cualquier otra lista”.

A dónde ir a continuación: Lo esencial de la lista de planos es la siguiente parada más común. Vista Lineal vs Vista Producción cubre la división entre orden de guion y orden de rodaje — la mayoría de productores y ADs nuevos se topan con eso rápido. Atajos de teclado es la página de referencia que vale la pena marcar.