Visualizador web avanzado de archivos BC3 (FIEBDC-3) para presupuestos de construccion. Mejora libre y gratuita para cualquier Arquitecto Tecnico, Arquitecto o profesional de la construccion by JMC.
hecha un vistazo a las capturas en la carpeta ---> CAPTURAS.
Este proyecto no seria posible sin el trabajo de Rafael Roa (www.rafarq.com), quien creo la base original del parser y visualizador BC3 en PHP.
- Repositorio original: https://github.com/rafarq/BC3php
- Web del autor Original: https://www.rafarq.com
- LinkedIn: https://www.linkedin.com/in/rafaroa/
- Podcast: https://rafarq.com/podcast
- X: https://x.com/rafaelroa
- Instagram: https://www.instagram.com/r4f4r04/
- Y yo (Jose Manuel Caamaño) con mi granito de arena: https://www.linkedin.com/in/jmcaamanog/
Esta version ampliada ha sido desarrollada sobre su base, anadiendo funcionalidades avanzadas manteniendo el espiritu del proyecto original: abierto, libre y util para la profesion.
BC3 Viewer es una aplicacion web que permite visualizar, editar, comparar, planificar y exportar archivos en formato BC3 (estandar FIEBDC-3 utilizado en Espana para el intercambio de presupuestos de construccion). La aplicacion muestra una vista jerarquica del presupuesto con capitulos, subcapitulos, partidas y lineas de medicion.
- Arbol jerarquico expandible/colapsable con capitulos, subcapitulos y partidas
- Columnas redimensionables: Codigo, Unidad, Resumen, Cantidad, Precio e Importe
- Lineas de medicion (~M): Tabla detallada con Uds, Largo, Ancho, Alto y Parciales
- Descripciones inline (~T): Texto descriptivo de cada partida al expandir
- Deteccion de codificacion: Soporte ANSI, UTF-8 e ISO-8859-1
- Modo movil drill-down: Navegacion tactil por niveles en dispositivos pequenos
- Breadcrumb de navegacion: Rastro de migas para saber siempre en que nivel estas
- Boton Volver para retroceder en la jerarquia
- Busqueda en tiempo real por titulo, codigo y medicion
- Filtros avanzados: por importe minimo/maximo, tipo de recurso (MO, MAQ, MAT, SUB)
- Expandir / Contraer Todo con un solo clic
- Badges de tipo de recurso: etiquetas visuales MO / MAQ / MAT / SUB
- Edicion directa de resumenes haciendo clic en cualquier celda de descripcion
- Edicion de precios unitarios directamente en la tabla
- Historial Deshacer/Rehacer (Ctrl+Z / Ctrl+Y) con hasta 50 estados
- Guardar archivo modificado como nuevo BC3 con nombre automatico
- Arrastrar y soltar archivos .bc3 directamente sobre la ventana del navegador
- Overlay visual de carga al arrastrar
- Grafico de distribucion por capitulos (Chart.js - local, sin internet)
- Grafico de tipos de recurso (MO / Maquinaria / Material / Subcontrata)
- Estadisticas globales del presupuesto
- Configuracion de Gastos Generales (GG %), Beneficio Industrial (BI %) y Baja/Alza general
- Calculo automatico del PEC (Precio de Ejecucion por Contrata) en tiempo real
- Cargar un segundo archivo BC3 para comparar partida a partida
- Visualizacion de desviaciones de precio en color (positivo/negativo)
- Resumen de diferencias globales
- Exportar a PDF: Presupuesto completo en A4, con tabla formateada y totales (local, sin internet)
- Exportar a Excel (.xlsx): Presupuesto estructurado con columnas y anchos optimizados (local, sin internet)
- Diagrama de Gantt interactivo a partir de los capitulos y subcapitulos del presupuesto (hasta 3 niveles)
- Distribucion automatica inicial proporcional al coste de cada capitulo
- Cabecera de meses y semanas (semanas de 7 dias) con scroll horizontal
- Barras completamente arrastrables:
- Borde izquierdo: cambiar fecha de inicio
- Centro: mover toda la tarea
- Borde derecho: cambiar duracion
- Capitulos colapsables para mostrar/ocultar subcapitulos
- Auto-guardado en localStorage: El planning se recupera automaticamente al abrir el mismo fichero BC3
- Exportar Planning a Excel: Tabla estructurada con Nivel, Codigo, Tarea, Fecha Inicio, Fecha Fin, Duracion (sem.), Importe
- Exportar Planning a PDF: A4 landscape, barras visuales en color, paginado automatico cada 26 semanas
- Control de fecha de inicio del proyecto y numero de semanas total configurable
- Alternancia modo claro / modo oscuro con boton en la cabecera
- Estilos adaptativos en todos los modulos incluyendo el Gantt
- PHP 7.4 o superior con extension
mbstring - Servidor web (Apache, nginx, o servidor PHP integrado)
- Navegador moderno (Chrome, Firefox, Edge, Safari)
- Sin dependencias de internet en produccion - todas las librerias JS incluidas localmente
- Clona o copia los archivos a tu servidor web:
BC3php/
+- index.php <- Pagina principal (PHP)
+- style.css <- Estilos (tema claro + oscuro + Gantt)
+- app.js <- Logica JavaScript completa
+- BC3Parser.php <- Parser PHP del formato FIEBDC-3
+- upload.php <- Endpoint de subida de archivos
+- jspdf.umd.min.js <- Libreria PDF (local)
+- jspdf.plugin.autotable.min.js <- Plugin de tablas para PDF (local)
+- xlsx.full.min.js <- Libreria Excel/SheetJS (local)
+- chart.min.js <- Libreria graficos Chart.js (local)
- Inicia el servidor:
php -S localhost:8080- Accede a http://localhost:8080 en el navegador
- Carga el archivo BC3: arrastra y suelta o haz clic en "Seleccionar archivo .bc3"
- Procesa el archivo con el boton "Procesar"
- Explora el arbol jerarquico: haz clic en los triangulos para expandir/colapsar
- Edita directamente haciendo clic en cualquier descripcion o precio
- Busca en tiempo real con la barra de busqueda
- Exporta con el menu "Exportar" PDF o Excel del presupuesto completo
- Planifica con el boton "Planning" -> Diagrama Gantt interactivo
- Analiza con el boton "Dashboard" -> Graficos de distribucion de costes
- Guarda las modificaciones con "Guardar" -> descarga el BC3 modificado
| Archivo | Descripcion |
|---|---|
| index.php | Pagina HTML+PHP principal |
| style.css | Estilos CSS completos (claro, oscuro, Gantt) |
| app.js | Logica JavaScript completa (~3100 lineas) |
| BC3Parser.php | Parser PHP para el estandar FIEBDC-3 |
| upload.php | Endpoint de subida y procesado |
| jspdf.umd.min.js | Generacion de PDF en el navegador |
| jspdf.plugin.autotable.min.js | Tablas formateadas en PDF |
| xlsx.full.min.js | Generacion de Excel (.xlsx) |
| chart.min.js | Graficos del Dashboard |
| Registro | Descripcion |
|---|---|
| ~V | Propiedades del archivo (version, charset, owner) |
| ~C | Conceptos (capitulos, partidas, recursos) |
| ~D | Descomposicion (relaciones padre-hijo con factores) |
| ~T | Textos descriptivos de partidas |
| ~M | Mediciones detalladas (tabla de medicion) |
- PHP 7.4+ - Backend, parsing del formato BC3
- JavaScript Vanilla (ES6+) - Frontend completo, sin frameworks
- CSS3 - Diseno responsive, modo oscuro, animaciones
- jsPDF + AutoTable - Exportacion a PDF
- SheetJS (XLSX) - Exportacion a Excel
- Chart.js - Dashboard visual
Todas las librerias JS se sirven localmente, sin dependencia de CDN externos.
- Columna Proporción en Presupuesto: Nueva columna en el árbol del presupuesto que agrupa e integra el
% PEMy el desglose de recursos (barras de colores) de los capítulos, manteniendo el comportamiento y visibilidad de las columnas originales de cantidad y precio. - Cabecera Compacta y Adaptativa: Reorganización del header en 4 grupos unificados y un menú desplegable de ajustes engranaje
⚙️en la esquina superior derecha para limpiar la interfaz. - Botón Pulsante de Carga Central: Botón "🚀 CARGAR ARCHIVO .BC3" en la pantalla de inicio con aura/brillo animado y procesamiento automático directo del archivo al seleccionarlo.
- Módulo de Estadísticas Gantt: Cuadro de KPIs avanzado de plazos y costos del Planning que calcula días restantes de obra y los promedios requeridos por día, semana y mes de forma dinámica.
- Certificaciones Mensuales de Obra: Módulo interactivo en el panel de detalles para certificar cantidades mes a mes (Mes 1 al Mes 12) sobre cada partida, calculando acumulados, importes y porcentajes de avance certificados.
- Sincronización Gantt y Avances: El avance (%) de cada tarea se sincroniza automáticamente con el volumen acumulado certificado, actualizando dinámicamente las barras de progreso del diagrama de Gantt.
- Curva S Dinámica: La línea de "Ejecutado" en la Curva S ahora se calcula de manera exacta a partir de las certificaciones reales registradas por semanas, sustituyendo la estimación lineal del Gantt.
- Ruta Crítica en el Árbol: Resaltado de capítulos y partidas pertenecientes a la ruta crítica con bordes rojos, sombreados suaves y un badge distintivo animado
⚡ CRÍTICOal lado del código. - Auditoría de Cambios y Desviación PEM: Registro en tiempo real de cada edición de precios, resúmenes o creación de partidas, computando la desviación acumulada neta sobre el presupuesto PEM.
- Exportador a MS Project XML: Exportación directa del planning a archivos XML estructurados compatibles con Microsoft Project y Primavera, conservando predecesoras y OutlineLevels.
- Creacion de Partidas en el Arbol: Boton "➕ Nueva Partida" en el encabezado de la columna Codigo para crear filas borrador directamente en el arbol visual.
- Control Jerarquico de Posicionamiento: Botonera de direccion (▲/▼/◀/▶) para mover el borrador en altura o profundidad (anidar dentro de capitulos).
- Validacion y Resaltado: Validacion obligatoria de Resumen, Cantidad y Precio con bordes de error rojos en inputs e importe calculado en tiempo real.
- Gantt - Enlaces y Dependencias: Boton "🔗 Enlazar" para crear dependencias Fin→Inicio de forma interactiva entre tareas con propagacion de retrasos.
- Gantt - Borrado Rapido de Enlaces: Boton circular rojo "×" en el centro de cada flecha de dependencia para eliminarlas mediante clic izquierdo directo.
- Buscador Global: Barra flotante (Ctrl+F) con busqueda incremental, resaltados amarillos/azules en el arbol y navegacion arriba/abajo.
- Curva S en Dashboard: Grafica interactiva acumulada para comparar planificacion teorica y ejecucion real semana a semana.
- Banco de Precios: Pestaña "NUEVAS PARTIDAS" para filtrar y editar en caliente los nuevos conceptos basicos y exportacion BC3 conforme.
- Rediseno del Header: Reorganizacion de la cabecera en secciones funcionales de control (Visualizacion, Operaciones, Comparacion, Exportacion).
- Tarjetas PEM y PEC: Rediseño visual de presupuestos con etiquetas e importes destacados.
- Informacion y Versiones: Menu de informacion (ℹ️) lateral con el historial desplegable de versiones.
- Dashboard Tecnico: 6 graficas de distribucion de costes y KPIs clave.
- Gantt Premium: Calculo de ruta critica, linea visual de "Hoy" y control de avance financiero global y detallado.
- Lanzamiento original: Visualizador jerarquico de archivos BC3 en forma de arbol.
- Buscador y Columnas: Busqueda local de partidas, mediciones detalladas (~M) y descripciones extendidas (~T).
GNU Affero General Public License v3.0 (AGPLv3).
BC3php fue creado por System Arquitectura (https://www.systemarquitectura.com), empresa con sede en Malaga especializada en proyectos de arquitectura industrial, logistica, corporativa y residencial.
Esta version ampliada mantiene todos los creditos del autor original y anade funcionalidades avanzadas orientadas al uso profesional diario del Arquitecto Tecnico y Director de Obra.
Jose Manuel Caamaño González | Arquitecto Técnico & BIM Manager. Digital Product Lead | ConTech & Digital Twin SaaS | BIM, Energy Modeling & Sustainability | Data Analytics (SQL, Power BI)
Hecho con código y café desde A Coruña. ☕
Jose Manuel Caamaño González | LinkedIn