PORTAFOLIO DE INGENIERÍA DE SOFTWARE & ARQUITECTURA

Mantenimiento técnico profesional con trazabilidad total.

Seguimento es una plataforma web progresiva (PWA) multi-tenant que unifica a empresas prestadoras de servicios e instalaciones técnicas con sus clientes finales. Un ecosistema blindado con seguridad RLS en Postgres, evidencias con marcas de agua GPS, firmas digitales en canvas y reportes normalizados ISO 9001.

seguimento.com/dashboard
Vista previa del Dashboard de Seguimento

El Ciclo de Mantenimiento Cerrado

Seguimento digitaliza el proceso completo de servicio en sitio, desde la primera ronda de diagnóstico hasta la facturación y la programación preventiva posterior, eliminando planillas dispersas.

1

Visita / Check-in

Técnico realiza check-in GPS en el sitio asignado.

2

Diagnóstico

Inspección de activos y registro de hallazgos por severidad.

3

Cotización

Presupuesto automático de mano de obra y repuestos en COP.

4

Orden de Trabajo

Ejecución de checklists técnicos y firmas en canvas.

5

Preventivo Recursivo

Programación del siguiente ciclo según periodicidad legal.

Servicios Operativos de la Aplicación

Detalle estructurado de las capacidades técnicas y operativas implementadas en Seguimento para cumplir con los estándares de control de calidad modernos.

Gestión de Diagnósticos y Hallazgos

Los técnicos de campo registran inspecciones directamente desde su dispositivo móvil. Las fallas se tipifican en base de datos mediante niveles de severidad estructurados (Baja, Media, Alta, Crítica) y se vinculan a recomendaciones correctivas automáticas para acelerar la toma de decisiones del cliente.

Cotizador y Margen Comercial

Motor de presupuestos que calcula de manera integrada materiales, viáticos y mano de obra. Cuenta con cálculo automático de impuestos locales (como el IVA del 19% en Colombia) y una calculadora integrada de margen comercial en vivo, facilitando el control de rentabilidad antes del despacho técnico.

Evidencias Inalterables (GPS/Watermark)

Toda evidencia fotográfica de campo pasa por un canvas de seguridad que graba permanentemente las coordenadas del GPS del navegador, timestamp del servidor y nombre del técnico ejecutor. Además, genera un hash SHA-256 del archivo cargado para evitar fraudes en auditorías externas.

Soporte Offline en Sótanos y Pozos

El Service Worker de la PWA almacena el núcleo de la aplicación, mientras que IndexedDB actúa como base de datos local y cola de sincronización. Los técnicos registran checklists y fotos pesadas sin cobertura en cuartos de bombas o ascensores, y la app sincroniza al detectar señal.

Control Documental y Validación QR

Generación automática de PDFs A4 de diagnóstico, cotización e informe de cumplimiento. Diseñados bajo la norma ISO 9001 e ICONTEC, contienen consecutivos inalterables y un código QR dinámico que apunta a una RPC pública en Supabase (`/v/[id]`) para verificar en vivo su veracidad.

Portal del Contratante y RLS Multi-Sede

El portal dedicado permite al cliente final (copropiedades de PH, administradores de plantas) solicitar visitas de servicio, aprobar y firmar cotizaciones comerciales pendientes y subir el comprobante de pago bancario, todo aislado de manera estricta por cliente_id en las políticas RLS.

Evidencia Legal en Campo: Marca de Agua GPS

Prueba el funcionamiento real del módulo de evidencias en campo. Los técnicos toman la foto desde la app y el sistema graba en un canvas los metadatos inalterables de GPS, fecha y firma criptográfica.

Paso 1: Selecciona el Activo a Inspeccionar

Haz clic en un activo para cargar la fotografía de campo real del equipo y verificar sus coordenadas de instalación.

Estampar Marca de Agua GPS (HTML5 Canvas)
Foto de Activo
SEGUIMENTO EVIDENCIA LEGAL SHA-256: 8c34f9a0d1e5...
ACTIVO: Ascensor Principal A1
UBICACIÓN: Subestación Bogotá
COORDENADAS: 4.6097° N, 74.0817° W
TIMESTAMP: 2026-07-28 16:12:35 COT
TÉCNICO: Ing. Carlos Mendoza (ID 104)

Sello digital quemado en la imagen. La base de datos almacena el Hash SHA-256 e impide que se manipulen o suban fotos de la galería del teléfono.

Calculadora SLA, Tarifas y Checklist de Activos

Selecciona un tipo de mantenimiento técnico reglamentado. El simulador calculará automáticamente los costos estimados de mano de obra en pesos colombianos (COP), impuestos, tiempo de respuesta (SLA) y cargará la lista de inspección asociada.

Configura el Servicio Técnico

Nro Documento: COT-2026-0158
Mano de obra (SLA): $ 450.000 COP
Repuestos y Viáticos: $ 120.000 COP
IVA (19%): $ 108.300 COP
TOTAL ESTIMADO: $ 678.300 COP
Compromiso de Servicio (SLA Target)
48 Horas

Tiempo máximo de resolución antes de penalización contractual bajo normas operativas.

Checklist que el Técnico Ejecuta en Celular:

Row Level Security (RLS) en Base de Datos

Interactúa con el simulador de RLS para ver cómo la base de datos PostgreSQL de Supabase aplica aislamiento total a nivel de fila según el rol y cliente conectado, evitando fugas de información.

1. Selecciona un Rol de Consulta

Observa qué políticas de seguridad se evalúan y cómo se filtran los datos de las órdenes de trabajo.

Consola de Supabase Postgres
SELECT * FROM ordenes_trabajo;
-- Contexto: org_id = 1 (Prestadora) -- Política: auth.uid() es administrador de la organización. -- Condición: Permite lectura total de la tabla para esta org.
OT_ID Cliente Activo Técnico

Plan de Desarrollo y Alcance Técnico

Evolución del desarrollo de Seguimento. Cada fase representa hitos reales completados para consolidar el portafolio técnico del proyecto.

Fase 0

Diseño UI/UX e Interfaz de Usuario

Completado
Objetivo y Alcance

Diseño completo del flujo visual, maquetación de pantallas clave y prototipado estático interactivo sin backend para validar la experiencia de usuario final.

Desafíos Técnicos Resueltos
  • Estructuración de jerarquía de layouts (Sidebar, contenido fluido).
  • Consistencia estética en formularios y listados dinámicos.
  • Compatibilidad móvil y de escritorio 100% responsiva.
Entregables Clave
  • Documento de diseño técnico (docs/01-diseno.md)
  • Prototipo navegable autocontenido (mockups/index.html)
  • Definición de tokens de diseño visual (bordes, colores, radios)

Experimenta Seguimento Hoy Mismo

Prueba los simuladores interactivos: evidencias con marca de agua GPS, cotizador con SLA y seguridad por cliente.