Gestor de Cámaras de Videovigilancia
Centralización de la administración, monitoreo y geolocalización de las cámaras de videovigilancia del distrito para el Centro de Operaciones de Seguridad Ciudadana.
Se diseñó una plataforma unificada que integró el inventario, la geolocalización, el estado operativo y la generación de reportes de todas las cámaras de vigilancia del distrito en tiempo real.
Rol
Diseño UX/UI, Desarrollo Web Full-Stack (Google Apps Script)
Objetivo
Centralizar la administración, monitoreo y geolocalización de cámaras de videovigilancia
El Desafío
El Centro de Operaciones de Seguridad Ciudadana (CCO) de Surco gestiona más de 1500 cámaras distribuidas en 14 sectores del distrito. El inventario se mantenía en hojas de cálculo compartidas sin control de versiones, la información estaba dispersa, no existía georreferenciación centralizada y el registro de novedades operativas dependía de procesos manuales.
Insight: El problema no era la falta de datos, sino la ausencia de una visión unificada y en tiempo real del estado operativo de cada cámara para la toma de decisiones.
Metodología UX Aplicada
Se utilizó una metodología basada en Design Thinking y Diseño Centrado en el Usuario (DCU).
Se realizaron observaciones directas en el CCO, entrevistas con operadores de monitoreo, despachadores y supervisores, y revisión del flujo de información existente.
Hallazgos:
- La información de cámaras se gestionaba en Excel sin control de cambios
- No existía geolocalización — los operadores identificaban ubicaciones por referencias verbales
- El estado operativo se reportaba verbalmente en cada cambio de turno
- No había trazabilidad de cuándo ni por qué una cámara dejaba de operar
- Los reportes se elaboraban manualmente, consumiendo tiempo del personal operativo
- Usuarios no autorizados no debían ver ciertos tipos de cámaras (NUEVO MEGAFONO, LPR-3)
Usuarios Identificados:
Operador de Monitoreo
Consultar rápido el estado de una cámara sin depender de hojas de cálculo
Despachador Principal
Visión general del estado operativo del distrito para coordinar atención
Jefe de Seguridad Ciudadana
Indicadores, reportes y trazabilidad para la toma de decisiones
Dolores Identificados:
- Información dispersa en múltiples archivos — sin fuente única de verdad
- Sin georreferenciación — pérdida de tiempo localizando cámaras
- Sin trazabilidad de cambios de estado — decisiones basadas en información incompleta
- Reportes manuales — horas de trabajo administrativo cada semana
- Sin control de acceso — información sensible expuesta a personal no autorizado
Principios de Diseño:
- Visibilidad: El estado operativo del distrito debe entenderse en segundos
- Geolocalización: Cada cámara debe estar en un mapa con su ubicación precisa
- Trazabilidad: Cada cambio debe quedar registrado con usuario y fecha
- Control de acceso: La información sensible debe restringirse por roles
- Rapidez: Las consultas y filtros deben ser inmediatos sin recarga de página
- Mantener Excel compartido — Descartada — No resolvía geolocalización ni trazabilidad
- Aplicación desktop — Descartada — Requería instalación y no era accesible desde cualquier PC del CCO
- Google Apps Script Web App — Seleccionada — Acceso web inmediato, integración nativa con Google Sheets, sin infraestructura, geolocalización con Leaflet
- Iteración 1: Tabla plana con todas las cámaras — Funcional pero abrumadora sin filtros
- Iteración 2: Dashboard + filtros + vista de mapa — Mayor claridad operativa
- Iteración 3: Paginación + ordenamiento + búsqueda — Escalable para más de 150 registros
- Iteración 4: Marcadores de mapa con código de colores + popups con info completa — Navegación visual del distrito
- Iteración 5: Permisos por rol + filtro por sectores dinámicos — Adaptado a la estructura organizacional
Validación durante operación diaria con operadores del CCO y el equipo de supervisión.
- Simplificación del formulario de edición con pestañas (Ubicación / Características)
- Switch visual para estado operativa/sin conexión en lugar de dropdown
- Reverse geocoding automático al hacer clic en el mapa
- Exportación a Excel con las columnas que realmente usa el jefe de área
- Ocultación dinámica de tipos de cámara según permisos del usuario
La Solución Final
Plataforma web de gestión de cámaras de vigilancia compuesta por dashboard operativo, vista de tabla con filtros avanzados, mapa interactivo con geolocalización, CRUD completo con control de permisos y exportación de reportes.
Dashboard de Estadísticas
Filtros Multidimensionales
Vista de Tabla
Vista de Mapa
Gestor CRUD
Exportación de Reportes
Análisis del Diseño Final
A continuación, se desglosa la arquitectura y el propósito de cada módulo clave.
01. Dashboard de Estadísticas: Visibilidad Inmediata
Diseñado para que supervisores y despachadores comprendan el estado operativo del distrito en segundos. Siete tarjetas muestran: total de cámaras, operativas vs sin conexión con barra de progreso, y desglose por tipo (PTZ, fijas, LPR, multisensor, megáfonos). Cada tarjeta incluye un indicador de porcentaje para contexto relativo.
02. Panel de Filtros: Precisión en la Búsqueda
Panel lateral con filtros apilables en acordeones que permiten segmentar por visualización (CCO, COVV), estado, ubicación, VMS, tipo, sector y postes. Cada filtro muestra el conteo de cámaras que coinciden, actualizado automáticamente.
04. Vista de Mapa: Geolocalización Estratégica
Mapa Leaflet con marcadores en forma de gota cuyo color indica el estado: verde (operativa), rojo (sin conexión), gris (NUEVO MEGAFONO/LPR-3). Cuando múltiples cámaras comparten coordenadas exactas, se distribuyen en círculo con un badge indicando "N cámaras en este poste". Los sectores del distrito se superponen como polígonos GeoJSON.
05. Gestor CRUD: Edición Contextual
Modal lateral que se abre para crear o editar cámaras con dos pestañas: "Ubicación en Mapa" (mapa clicable con reverse geocoding vía Nominatim) y "Características de la Cámara". Incluye switch visual para alternar entre OPERATIVA/SIN CONEXION, selector de analíticas y campos de fecha con Flatpickr.
Antes vs Después
| Aspecto | Antes | Después |
|---|---|---|
| Inventario | Hojas Excel sin control de versiones | Base de datos centralizada en Google Sheets |
| Geolocalización | Referencias verbales o direcciones sueltas | Mapa interactivo con coordenadas precisas |
| Estado operativo | Reporte verbal en cambios de turno | Dashboard en tiempo real con badges de color |
| Trazabilidad | No existía | Registro de usuario, fecha y motivo en cada cambio |
| Reportes | Elaboración manual semanal | Exportación XLS con un clic |
| Búsqueda | Revisar fila por fila en Excel | Filtros multidimensionales + búsqueda por texto |
| Control de acceso | Todos veían todo | Roles con permisos granulares |
| Actualización | Diferida (días) | Inmediata (al guardar) |
Impacto
La implementación transformó un proceso de inventario estático y descentralizado en un sistema de monitoreo operativo continuo. Los operadores del CCO pueden consultar en segundos el estado de cualquier cámara, los supervisores tienen visibilidad del distrito completo desde el dashboard, los técnicos acceden a coordenadas precisas para mantenimiento, y la jefatura genera reportes estandarizados sin intervención manual.
Métricas de Éxito
Operativas
- Centralización del inventario completo en una sola plataforma
- Reducción del tiempo de consulta de estado operativo (de minutos a segundos)
- Trazabilidad completa de cambios con usuario y fecha
- Reportes estandarizados sin elaboración manual
- Geolocalización precisa de todas las cámaras del distrito
Experiencia de Usuario
- Visión unificada del estado operativo sin necesidad de abrir múltiples archivos
- Búsqueda y filtros que permiten encontrar cualquier cámara en segundos
- Interfaz familiar (web) sin instalación ni configuración
- Modal de edición con mapa interactivo que reduce errores de geolocalización
- Control de acceso que protege información sensible sin fricción para el usuario autorizado
Aprendizajes
El principal desafío no era técnico sino de diseño de información: cómo presentar más de 150 registros con decenas de atributos cada uno de manera que el usuario encontrara lo que necesitaba sin sentirse abrumado. La combinación de dashboard resumen + filtros progresivos + vista de mapa demostró ser la respuesta correcta. Diseñar para un centro de operaciones implica priorizar velocidad y claridad por encima de funcionalidades avanzadas.