Volver a proyectosCASO DE ESTUDIO

Global Accessories

Automatización Industrial

Global AccessoriesEl Salvador2024–2025
Tiempo RealLíder de EquipoWebSockets
MI ROL

Desarrollador Senior Full Stack y Líder de Equipo

SaaS Industrial y Apps Multiplataforma

Trazabilidad y control de tiempos en el piso de la fábrica

Ecosistema integral de automatización industrial desarrollado para Global Accessories. Integra aplicaciones móviles en Flutter para tablets de operarios y supervisores con un portal administrativo Laravel + React que calcula OEE y planifica la capacidad semanal.

Dashboard de Administración SaaS
Dashboard App Gerencial Flutter

Ecosistema Global Accessories — SaaS Web Admin (Laravel + React) + Apps Flutter para Tablets (Operario y Supervisor) sincronizados en tiempo real.

ENTREGABLES

Cuatro productos especializados puestos en producción de extremo a extremo.

Móvil / Tablet

App Flutter de Operario (Tablet)

Interfaz optimizada para terminales de tablets compartidas en planta. Permite inicios de sesión rápidos por código de barras y registro exacto de tiempos activos y muertos.

  • Inicio de sesión por escaneo de gafete
  • Registro exacto de tiempos, pausas y descansos
  • Escáner integrado de código de producto
  • UI táctil de alto contraste para entorno fabril
Móvil / Tablet

App Flutter de Supervisor (Tablet)

Panel táctil para supervisores. Permite monitorear el avance del personal en vivo, asignar órdenes de trabajo y detectar retrasos en las líneas desde la misma tablet.

  • Línea de tiempo de estados de operarios en vivo
  • Asignación rápida de órdenes a operarios
  • Alertas inmediatas de cuellos de botella
  • Grillas responsivas optimizadas para tablet
Móvil

App Flutter Gerencial (Móvil)

Aplicación ejecutiva iOS y Android en Flutter (GetX). Permite consultar el avance de POs activas, proyectar capacidades semanales y consultar gráficos analíticos.

  • Progreso en tiempo real de POs activas
  • Dashboards KPI reactivos con GetX
  • Gráficos interactivos de OEE y rendimiento
  • Acceso remoto a reportes analíticos
Web

Portal Web de Administración SaaS

Back-office centralizado con Laravel, React y PrimeReact. Consolida dashboards OEE en vivo, generador automático de CRUDs, planificador de capacidad y reportes PDF.

  • Dashboards de eficiencia general (OEE) en vivo
  • Generación automatizada de CRUDs e interfaces
  • Planificador de producción semanal y cuellos de botella
  • Generación de reportes PDF y exportación Excel
CAPACIDADES DEL ECOSISTEMA

Arquitectura estructurada en interfaces táctiles/móviles altamente interactivas y robustos procesos backend industriales.

Experiencia Móvil y Tablet (Flutter)

Toma de Tiempos por Código de Barras

Registro exacto de tiempos en fábrica. Operarios escanean su código de barras personal para iniciar sesión en tablets y escanean productos para cronometrar procesos de manufactura, pausas y descansos.

Flujo Multi-Rol en Tablets Compartidas

Pantallas optimizadas para tablets compartidas que soportan el Modo Operario (tareas y cronómetros) y el Modo Supervisor (monitoreo del avance de operarios y asignación directa en piso).

Dashboard Gerencial Móvil en GetX

App Flutter multiplataforma con gestión GetX para que la gerencia monitoree en vivo el avance de órdenes de producción (POs), capacidad utilizada vs. disponible y gráficos de rendimiento diario.

Arquitectura Backend y SaaS Web (Laravel + React)

Motor WebSockets en Tiempo Real

Flujos de comunicación en vivo que transmiten datos de escaneo en milisegundos, actualizando pantallas administrativas de OEE y dashboards de supervisión sin refrescar la página.

Generador CRUD Modular Inteligente

Paquete personalizado en Laravel que genera automáticamente operaciones de base de datos, APIs REST y vistas React + PrimeReact dinámicas a partir de definiciones de columnas de tablas.

Planificador de Capacidad Productiva Semanal

Módulo administrativo que procesa los tiempos consolidados de operarios para proyectar la productividad semanal, detectar cuellos de botella en las líneas y exportar reportes legales a PDF/Excel.

SUPERFICIE DEL PRODUCTO

Portal administrativo de análisis OEE y planificación de capacidad en Laravel + React + PrimeReact.

traceability.global-accessories.com/analytics/efficiency
Análisis de Tiempos — Eficiencia promedio y cuellos de botella por estilo de producto
Análisis de Tiempos — Eficiencia promedio y cuellos de botella por estilo de producto
traceability.global-accessories.com/orders/tracking
Trazabilidad de Órdenes — Estado de avance y tiempos consolidados por orden de producción (PO)
Trazabilidad de Órdenes — Estado de avance y tiempos consolidados por orden de producción (PO)

Apps Flutter Multi-Rol — Tablets Compartidas y Móvil Gerencial

Dashboard de POs Activas
Dashboard de POs Activas
Rendimiento y Eficiencia
Rendimiento y Eficiencia
Detalles de Orden en Flutter
Detalles de Orden en Flutter
Asignación de Supervisor
Asignación de Supervisor
FLUJO DE TRABAJO EN PLANTA

Desde el ingreso del operario en planta hasta las analíticas OEE ejecutivas — 5 etapas interconectadas.

01

Ingreso por Código de Barras

El operario escanea su gafete personal para iniciar sesión en la tablet de forma instantánea.

02

Asignación de Supervisor

El supervisor asigna órdenes de producción a las líneas y distribuye tareas en la pantalla.

03

Registro de Tiempos Activos

Operario escanea el producto y el cronómetro registra tiempos de trabajo, pausas y descansos.

04

Sincronización WebSockets

Los datos de piso se transmiten de inmediato al servidor y se reflejan al segundo en los paneles.

05

Planificación y Reportes

Gerencia visualiza métricas de OEE, proyecta la producción semanal y descarga reportes PDF.

STACK TECNOLÓGICO

Tecnologías elegidas para sincronización en microsegundos, durabilidad en terreno y escalabilidad.

Ecosistema Móvil
F
FlutterApp para tablets compartidas y móvil gerencial
G
GetXGestión de estado reactivo y rutas dinámicas
Q
QR / Barcode APILectura nativa por cámara del dispositivo
Backend y Portal SaaS
L
LaravelAPI REST y motor de capacidad semanal
R
React JSInterfaces administrativas interactivas
P
PrimeReact & Inertia.jsComponentes de interfaz y sincronización de datos
W
WebSocketsTransmisión en vivo de eventos en fábrica
Infraestructura
D
DockerEntornos de contenedores aislados y estables
M
MySQLEstructura y persistencia relacional compleja
J
JWTAutenticación segura basada en tokens para apps
ARQUITECTURA DEL SISTEMA

Tres capas interconectadas: terminales multi-rol de cliente, servidor REST API + WebSockets e infraestructura aislada.

Capa Cliente

Flutter App (Tablets)

Uso compartido en planta · Códigos de barra · Doble Rol

Flutter App (Gerencial)

iOS / Android · GetX · Gráficos de POs en vivo

Capa Backend y Web SaaS

Laravel REST API

Planificador de capacidad · Canal WebSockets

React + PrimeReact Admin

CRUDs dinámicos · Monitor OEE en vivo · PDF

Infraestructura
MySQL DBRegistros de producción
Docker ContainerEntornos aislados
WebSockets ReverbCanales de sincronización en vivo

¿Te interesa algo similar para tu producto?

Hablemos