Proyecto desarrollado para ConnectChile S.A, que permite el control de cámaras IP con protocolo ONVIF, incluye captura de imágenes, visualización en tiempo real de cámaras y front-end de aplicacion web
FireBITE fue creado para controlar y gestionar cámaras mediante una interfaz moderna y visual.
Incluye autenticación por roles, dashboard con visualización en tiempo real de cámaras, carga y visualización de capturas, y gestión de usuarios.
Este repositorio incluye:
- Código fuente completo del sistema.
- Documentación técnica y manual de usuario.
| Componente | Tecnología |
|---|---|
| Backend | Flask (PHP), JSON y Python |
| Frontend | HTML5, CSS3 y Bootstrap 5 |
| Librerías adicionales | Onvif-zeep y Time |
| Entorno de desarrollo | Gitbash y WinSCP |
- 🔐 Autenticación de usuarios con roles: Administrador y Usuario
- 🎥 Gestión de cámaras por IP: registro, listado de cámaras, miniaturas de cámaras y visualización en tiempo real
- 🖼️ Capturas:: Captura de imágenes directamente desde la cámara, donde luego se visualiza con un listado en forma de tarjetas, permitiendo realizar eliminación y descargas de esta.
- 📸 Single View: Posibilidad de abrir una cámara en vista individual con notificaciones propias, mostrando el control de PTZ y permitiendo realizar cápturas.
- 👥 Gestión de usuarios: Permite gestionar usuarios, tanto en creación, visualización, eliminación y modificación de estos
- ♻️ Renderización de usuarios: Renderizado dinámico de usuarios con JavaScript y actualización en tiempo real.
No utiliza un motor de base de datos, sino usa archivos JSON como base de datos ligera para guardar directamente la información.
cameras.json: contiene los datos generales de cada cámara (id, nombre, rtsp_url, ptz)credentials.json: almacena las credecenciales de acceso del panel (usuarios: username, password, tipo)captures_path: Se guardan las imágenes capturadas desde las cámaras (nombre_archivo, ruta, timestamp)
SoftDip/
-/var/www/html
index.html: Interfaz visual (front-end)style.css: Diseño de la interfaz visualscript.js: Lógica JS (frontend): controla cámaras, peticiones AJAX, botones, etc.api.php: API backend PHP (maneja acciones: agregar, listar, eliminar cámaras, capturas, crud de usuarios)config.php: Configuración y rutas del sistemacameras.jsoncredentials.json: Credenciales de usuarios.captures/: Carpeta de almacenamiento de imágenes capturadasonvif/: Carpeta de almacenamiento de imágenes capturadas -camera_control.py: Controlador de cámara que maneja el ONVIFcamera, movimiento PTZ, captura, zoom y presets.
Manual técnico: explica el flujo del sistema, configuración, estructura del código y base de datos.