Commits
El rediseño, pantalla por pantalla, y un visor de revista
El usuario detectó que el despliegue solo sentaba las bases del diseño aprobado: la sesión corrigió el listado, el panel, el visor de impresión y el progreso, y cerró con un nuevo visor de maqueta con páginas enfrentadas.
Hacía falta trabajo de pulido. Vi que el despliegue solo tenía las bases del diseño aprobado, así que la sesión sirvió para corregirlo pantalla por pantalla hasta cerrar con un nuevo visor de maqueta, con páginas enfrentadas.
Volver al prototipo aprobado
La sesión se reanudó cuando comprobé que el despliegue solo contenía las bases del diseño. Corregí la generación de miniaturas, conecté el indicador del flujo a datos reales y completé la pantalla de cambio de credenciales, añadiendo la verificación de la contraseña actual.
Después, hice una comparación vista por vista con el prototipo: la cabecera y las tarjetas del listado, el panel de edición con sus informes, el ancho de las páginas y el visor de impresión con tres columnas y panel plegable.
Detalles que se ven y que pesan
Había desbordamientos en las tarjetas, un control de tema descentrado y descargas sin estilo de botón. Ajusté la barra de progreso para que se adaptara al ancho de la tarjeta. Cuando el texto era demasiado largo, la tarjeta mostraba un resumen de la etapa.
Redistribuí las acciones: primero, debajo del título, en grupos de preparar, producir y revisar. Las acciones de gestión, como modificar el estado o eliminar, quedaron junto al título. Añadí etiquetas que explican la transición siguiente y una confirmación clara para cuando se mueve a la papelera o se restaura. Hice comprobaciones de 320 a 1.440 píxeles, con y sin PDF, y a distintos niveles de ampliación.
Un progreso que no miente
La barra marcaba procesos antiguos como completados aunque el material hubiera cambiado. Ahora hay instantáneas de los datos usados para maquetar y exportar: si cambias el material, los PDF anteriores avisan de que ya no son válidos, y hay una marca de publicación vinculada al cierre de la versión actual.
También corregí la edición de ejemplo: tenía un artículo marcado como listo pero sin extracción, por lo que la maquetación fallaba y el PDF de impresión partía de un archivo anterior. Extraje el artículo de prueba y la barra ya no da por completada una extracción sin contenido: ahora muestra una indicación junto al artículo.
Separé los avisos del detalle del informe de impresión, creando tarjetas propias para los avisos y para el recuento de comprobaciones, y dejando el informe completo en el visor. Además, corregí una advertencia que se clasificaba erróneamente como un error global.
Leer la maqueta como una revista
Para cerrar el día, implementé lo que el usuario había pedido: revisar la maqueta como una revista virtual en lugar del visor genérico de PDF. Portada individual, despliegues enfrentados, navegación por teclado y por pantalla táctil, y ampliación de páginas. La vista respeta la caja final para no mostrar las marcas de corte.
El PDF original sigue disponible para descargar, y las imágenes se generan bajo demanda con una caché independiente.