VOLVER A PROYECTOS INDUSTRIALES
04 // LOGÍSTICA & OPERACIONES MÓVILES DOCUMENTACIÓN

Reporte Fotográfico
de Exportación & Evidencia

Aplicación móvil offline-first que convierte la documentación fotográfica de contenedores de exportación en un checklist guiado de 7 tomas obligatorias con empaquetado ZIP instantáneo.

ROL & ALCANCE UX Móvil & Frontend Architecture
CATEGORÍA Logística / App Offline-First
STACK CLAVE React · TypeScript · IndexedDB · JSZip
ESTADO En Uso Operativo
01 // EL DESAFÍO EN PLAYA DE CARGA

Estandarizar la evidencia fotográfica en condiciones de playa

Los envíos marítimos y terrestres de exportación exigen un registro fotográfico riguroso de cada contenedor antes de ser precintado y despachado. En las playas de carga, el personal opera bajo el sol, con guantes y a menudo en zonas sin cobertura de red celular.

PROBLEMA PREVIO (MANUAL)

Fotos desordenadas y ángulos faltantes

Fotos tomadas sin orden fijo, provocando reclamos si faltaba el precinto o la tara.
Pérdida de capturas si el operario se quedaba sin señal durante la carga en el puerto.
Tiempo excesivo en oficina descargando fotos, renombrándolas y armando carpetas comprimidas.
Nombres de archivo genéricos (`IMG_2026.jpg`) sin metadatos del contenedor ni fecha.
WORKFLOW GUIADO (OFFLINE-FIRST)

CREAR → CAPTURAR → VALIDAR → EXPORTAR

Checklist estructurado: 7 fotografías obligatorias con guía visual en pantalla.
Persistencia local en IndexedDB: funciona 100% desconectado en playa de maniobras.
Validación visual antes de sellar el contenedor con opción de retoma inmediata.
Generación instantánea de ZIP con fotos organizadas y metadatos trazables.
02 // PROTOCOLO DE INSPECCIÓN

El checklist obligatorio de 7 tomas

La aplicación no permite exportar el paquete de evidencia hasta que el set completo ha sido validado satisfactoriamente.

01 // TOMA
Contenedor Vacío

Evidencia de piso e interior limpio antes de iniciar la carga.

02 // TOMA
Puerta Derecha Cerrada

Visibilidad nítida de matrícula y numeración del contenedor.

03 // TOMA
Bolsa con Etiqueta

Detalle legible de rotulación, datos de lote y fechas de vencimiento.

04 // TOMA
Media Carga

Progreso de estiba y distribución de peso dentro del contenedor.

05 // TOMA
Carga Completa

Estiba finalizada previa al cierre de compuertas.

06 // TOMA
Puerta Cerrada

Compuertas cerradas y vista exterior completa del contenedor.

07 // TOMA
Precinto de Seguridad

Primer plano nítido del precinto colocado con numeración visible.

VALIDACIÓN
Empaquetado ZIP

Generación de archivo `.zip` con el set fotográfico completo.

03 // DEMO DE INTERFAZ MÓVIL

Consola de captura y estado de contenedor

Interfaz táctil de alta visibilidad con autosave local y barra de progreso paso a paso.

CONTAINER_PHOTO_INSPECTOR // MOBILE_ENGINE
STORAGE: INDEXEDDB ACTIVE (OFFLINE)
CARPETA / DESTINO:
ROTTERDAM_EXP_40HQ
CONTENEDOR SELECCIONADO:
MSKU-983421-0 (CONTENEDOR #02 DE 04)
ESTADO DE CHECKLIST:
✓ 7/7 FOTOGRAFÍAS COMPLETADAS
ESTADO DE EMPAQUETADO:
PAQUETE DE EVIDENCIA LISTO PARA EXPORTAR
ZIP GENERATOR ACTIVO

Todas las fotos comprimidas a WebP de alta resolución con timestamp y código de contenedor grabado.

04 // ARQUITECTURA TÉCNICA

Arquitectura Offline-First sin backend obligatorio

La aplicación corre directamente en el dispositivo móvil bajo un workflow offline-first sin necesidad de conexión de red constante ni almacenamiento en la nube para procesar las capturas.

MÓDULOS DE INGENIERÍA

Stack Frontend & Procesamiento Local

01 // UI & LOGIC
React & TypeScript

Tipado riguroso de estados del contenedor, interfaces modulares y rendimiento ágil con Vite.

02 // OFFLINE STORAGE
IndexedDB / LocalForage

Almacenamiento asíncrono de imágenes en alta resolución directamente en la memoria del navegador.

03 // ARCHIVE PACKAGING
JSZip

Generación y compresión de archivos ZIP en tiempo real sin requerir procesamiento de servidor.

04 // HARDWARE ACCESS
Media Stream / Camera API

Control directo de la cámara móvil con autoenfoque y optimización de resolución para evidencia.

05 // IMPACTO OPERACIONAL

Eficiencia y trazabilidad logística

01 // ESTANDARIZACIÓN
Evidencia Fotográfica Completa

El checklist de 7 tomas obligatorias erradica reclamos por fotografías faltantes, precintos omitidos o ángulos ambiguos.

02 // RESILIENCIA
Operación Offline en Playa

Persistencia local inmediata en IndexedDB que asegura la continuidad del registro aún en zonas portuarias sin cobertura 4G/WiFi.

03 // LOGÍSTICA
Empaquetado ZIP en Cliente

Generación y compresión instantánea del paquete de evidencia por contenedor para envío ágil sin procesamiento de servidor.

PORTFOLIO // INDUSTRIAL SOFTWARE
← Explorar Todos los Proyectos
Conocé las plataformas web, capacidades de automatización y servicios a medida.
Volver a Proyectos