Caso · operación en campo

Quién está a bordo ahora mismo

Técnicos que suben a embarcaciones a hacer mantenimiento. Marcan su entrada con la posición del teléfono, trabajan sobre una orden y marcan la salida. Desde la oficina, la pregunta que había que responder en un segundo era esa: quién está a bordo, en qué barco y desde cuándo.

El detalle que hace al producto

El mapa no pinta todas las asistencias: solo las que tienen entrada y todavía no tienen salida. Es decir, no cuenta lo que pasó, cuenta lo que está pasando. Parece un detalle y es la decisión que separa un panel que se mira de un informe que se archiva.

Panel con un mapa de la costa peruana y, debajo, la lista de técnicos a bordo con su embarcación y la hora de entrada — El panel de control: el mapa con quien está embarcado en este momento y, debajo, la tabla con su embarcación, la empresa y la hora de entrada. Cada fila lleva un botón para centrar el mapa en esa posición.

Reporte de horas hombre por técnico y embarcación — **Horas hombre por técnico y por embarcación.** Es la cifra que justifica el sistema: sale de las marcas de entrada y salida, no de que alguien las escriba a mano.

Listado de órdenes de trabajo con su estado — Las órdenes de trabajo y su estado. El trabajo en campo se cierra contra una orden; si no, las horas no cuadran con nada.

Permisos por recurso, porque no todos ven lo mismo

Un técnico, un supervisor y quien factura necesitan pantallas distintas del mismo sistema. Los permisos se dan por recurso y se agrupan en roles, y el enrutador del frontend respeta esa misma lista: si no tienes el permiso, la pantalla no existe para ti.

Cómo está construido

API en Node con Express y Prisma sobre MySQL, frontend en React compilado con Vite y el mapa con Leaflet sobre teselas abiertas. Todo en contenedores.

Node · Express
Prisma
MySQL
React · Vite
Leaflet
Docker

Lo que se aprende al sacar un sistema de la red donde nació

Estas capturas salen de levantarlo entero fuera de la infraestructura del cliente, con datos inventados. Lo que apareció por el camino:

La lista de orígenes permitidos estaba escrita en el código, con los dominios del cliente. Desde cualquier otro sitio, el sistema responde con un error del servidor que no dice lo que pasa. Eso pertenece a una variable de entorno.
Un permiso maestro que abre todas las rutas es cómodo mientras se desarrolla y es justo lo que hay que revisar antes de repartir roles de verdad.
El servidor de desarrollo no es el de producción. Compilar y servir con nginx, como en el servidor real, quita una clase entera de sorpresas.

¿Tienes gente trabajando donde no llega la oficina?

Partes de trabajo, asistencia con posición, órdenes que se cierran en campo y una cifra fiable al final del mes. Eso se puede tener sin perseguir a nadie por WhatsApp.

Hablemos →