| 🏗️ Perfil & ConTech | 📈 Repositorio & Enlaces |
|---|---|
         |
      |
| 🏗️ Perfil & ConTech | 📈 Repositorio & Enlaces |
|---|
| 🏗️ Perfil & ConTech | 📈 Repositorio & Enlaces |
|---|
Desarrollado desde la perspectiva real de un Arquitecto Técnico para dotar al sector de una utilidad ágil, segura y privada.
| 🌟 Recurso | 🚀 Acción / Enlace | 📝 Descripción |
|---|---|---|
| Landing Page | 👉 Visitar Presentación Web | Web interactiva para explorar módulos y descargas. |
| App Online | 👉 Abrir App Web | Utiliza la versión en la nube directo en tu navegador. |
| Capturas Windows | 💻 Ver Galería Windows (V1.5.0) | Capturas de pantalla de la interfaz de escritorio Premium. |
| Capturas Android | 📱 Ver Galería Android (V1.5.0) | Capturas de pantalla de la app en móvil/tableta. |
Important
Si quieres usar la herramienta en local de forma inmediata sin compilar el código:
- 💻 Windows Escritorio:
- Descargar Instalador .exe (NSIS) (Ultra ligero ~3 MB)
- Descargar Paquete .msi (WiX) (Corporativo ~3.6 MB)
- 📱 Android Móvil:
- Descargar Aplicación .apk (Soporte offline ~20 MB)
- 📁 Archivo de Prueba:
🔑 Contraseña de Acceso (Versión 1.5.0): 1234
Desarrollado y ampliado por José Manuel Caamaño González (LinkedIn), Arquitecto Técnico y BIM Manager.
Partiendo de la base original de BC3php, este visor premium se ha optimizado bajo la filosofía ConTech de dotar al sector de una herramienta útil, abierta y libre de egos: "Abierto, libre y útil para la profesión".
BC3 Viewer es una aplicacion web que permite visualizar, editar, comparar, planificar y exportar archivos en formato BC3 (estandar FIEBDC-3 utilizado en España para el intercambio de presupuestos de construccion). La aplicacion muestra una vista jerarquica del presupuesto con capitulos.
| Módulo | Icono | Funcionalidades Destacadas |
|---|---|---|
| Visualización Estructurada | 🌳 | Árbol jerárquico expandible de capítulos, subcapítulos y partidas. Columnas ajustables de Código, Resumen, Cantidad, Precio e Importe. Vista drill-down adaptada a móviles y breadcrumbs de navegación. |
| Mediciones Detalladas | 📊 | Visualización interactiva de líneas de medición (~M) (Uds, Largo, Ancho, Alto, Parciales) y descripciones extendidas (~T) de cada concepto. |
| Búsqueda & Filtros | 🔍 | Buscador global en tiempo real (Ctrl+F) con resaltado en el árbol. Filtros por rango de importes y badges de recursos (Mano de obra MO, Material MAT, Maquinaria MAQ, Subcontratas SUB). |
| Edición en Caliente | 📝 | Modificación directa de textos, descripciones y precios unitarios. Historial completo Deshacer/Rehacer (Ctrl+Z / Ctrl+Y) de hasta 50 estados. |
| Drag & Drop Instantáneo | 🚀 | Arrastra cualquier archivo .bc3 sobre el navegador para su procesado e interpretación automática en local en milisegundos. |
| Dashboard y KPIs | 📈 | Análisis visual local mediante gráficas interactivas (distribución por capítulos y tipo de recursos) y estadísticas de costes PEM/PEC. |
| Coeficientes de Contrata | ⚙️ | Configuración de Gastos Generales (GG %), Beneficio Industrial (BI %) y Baja/Alza general para obtener el PEC de obra al instante. |
| Comparador de Versiones | ⚖️ | Carga paralela de dos presupuestos para detectar desviaciones de precios y variaciones de alcance, coloreadas visualmente. |
| Planning & Gantt | 📅 | Diagrama de Gantt automático (hasta 3 niveles) con barras arrastrables de inicio/duración, predecesoras, ruta crítica y cálculo de KPIs de plazos. Sincronizado con certificaciones de obra. |
| Exportación Profesional | 📥 | Exportación directa offline a hojas Excel (.xlsx) formateadas y documentos PDF (A4) listos para imprimir. |
| Modo Oscuro & Seguridad | 🌓 | Interfaz adaptativa con Modo Oscuro automático y control de acceso protegido mediante PIN. |
- Zoom Táctil y Continuo: Implementación de gesto de pellizcar (pinch-to-zoom) fluido con
requestAnimationFrameen dispositivos móviles y preservación del centro de la semana al cambiar el nivel de zoom. - Botón Flotante Conmutador del Gantt: Botón flotante único inferior izquierdo animado para expandir/colapsar la columna de tareas que se adapta dinámicamente al ancho de la columna de tareas.
- Restauración de Posición de Scroll: Preservación completa del scroll vertical y horizontal al enlazar tareas o redibujar el Gantt.
- Iconografía Unificada en Windows: Configuración de icono de marca oficial (
icon.png) integrado en la barra de tareas y el ejecutable compilado de escritorio de Windows. - Detección de Telemetría Avanzada: Registro y telemetría de accesos diferenciados para la plataforma de
Windows(aplicación Tauri de escritorio). - Actualizaciones para Windows: Redirección de descarga interactiva a través de navegador al buscar actualizaciones en el cliente de Windows.
- Capturas:
- 💻 Windows Desktop: 📁 CAPTURAS/V1.5/WINDOWS_V1.5
- 📱 Android Mobile: 📁 CAPTURAS/V1.5/ANDROID_V1.5
- Ajustes de Interfaz y Carga: Integración del nombre de archivo cargado en el menú Ajustes (⚙️) para limpiar la cabecera, alineación derecha del menú con iconos ordenados, justificación del texto de bienvenida y ocultación estricta del botón de cierre.
- Actualizaciones OTA: Añadido botón de búsqueda manual y diagnóstico OTA en el menú de información.
- Optimización y Estabilidad: Solución de error temporal (TDZ) en la carga y corrección javascript del cargador inicial.
- Rediseño Visual: Logo de cabecera reescalado a la altura de PEM/PEC, menú de acceso por PIN rediseñado y botón flotante (FAB) adaptativo para contraer la cabecera.
- Capturas: 🚀 CAPTURAS/V1.4.7
- Optimizaciones Móviles: Barra de herramientas en móviles unificada en una sola fila compacta y botón de salida rápida (✕) para vaciar el presupuesto.
- Migración Arquitectónica a Cliente Puro (Offline):
- Portado del Parser: Tradujimos el parser original escrito en PHP (
BC3Parser.php) a JavaScript del lado del cliente (BC3Parser.js). Toda la lectura e interpretación de registros (~V,~C,~D,~M,~T) se ejecuta ahora localmente. - Lectura de archivos local: Modificamos
app.jspara usar la APIFileReaderyTextDecoderdel navegador. El archivo se analiza directamente en la memoria del dispositivo con detección automática de codificación (ANSI, Windows-1252, UTF-8, etc.), eliminando llamadas a servidor externo (upload.php). - Conversión a HTML estático: Convertimos
index.phpenindex.htmleliminando todas las cabeceras y sentencias PHP.
- Portado del Parser: Tradujimos el parser original escrito en PHP (
- Integración de Soporte de Escritorio (Windows con Tauri):
- Inicializamos e integramos Tauri (
src-tauri/). - Configuramos el ejecutable nativo para servir el directorio web local
/wwwsin ningún servidor de desarrollo intermedio. - Compilamos e instalamos las herramientas para generar paquetes de instalación
.exe(NSIS) y.msi(WiX) ultra-ligeros (1.6 MB).
- Inicializamos e integramos Tauri (
- Integración de Soporte Móvil (Android con Capacitor):
- Inicializamos Capacitor e integramos el soporte de plataforma Android (
android/). - Sincronizamos todos los activos de la carpeta
/wwwal directorio nativo de assets de Android para un funcionamiento 100% sin conexión a internet. - Listo para compilarse como app nativa en formato
.apkcompatible con móviles y tabletas Android.
- Inicializamos Capacitor e integramos el soporte de plataforma Android (
- Optimización Móvil Avanzada y Actualizaciones Online (OTA):
- Diseño Responsive para Móviles: Convertimos la rejilla de visualización rígida en un diseño adaptativo de tarjetas multi-línea (código, descripción y valores alineados) que evita solapamientos y cortes de texto.
- Botonera Emoji Compacta: Ocultamos las etiquetas de texto de los botones de herramientas principales en móviles, agrupándolos en una única fila horizontal de botones tipo emoji (
🌳,📊,📅, etc.) táctiles y simétricos. - Actualizaciones en Caliente (OTA): Integramos el plugin
@capgo/capacitor-updateren modo manual para realizar búsquedas silenciosas en segundo plano. Si hay conexión a internet, la aplicación descarga e instala la última versión web de forma transparente directamente desde tu GitHub Pages sin requerir reinstalación de APK. - Identidad Visual Nativa: Generamos un conjunto completo de iconos adaptativos y pantallas de carga personalizados para Android utilizando la utilidad
@capacitor/assets.
/www: Código fuente compartido de la aplicación web estática.- index.html: La interfaz unificada.
- style.css: Estilos visuales adaptativos (incluye el Gantt, Curva S, y Modo Oscuro).
- BC3Parser.js: Analizador de FIEBDC-3 portado a JavaScript.
- app.js: Lógica interactiva completa, certificaciones, Gantt, exportadores locales y carga local de ficheros.
- Librerías locales: chart.min.js, xlsx.full.min.js, jspdf.umd.min.js y jspdf.plugin.autotable.min.js (cargadas en local para garantizar el funcionamiento offline).
/src-tauri: Lógica de envoltura nativa en Rust para compilar la aplicación de Windows./android: Código de la aplicación nativa de Android autogenerado y sincronizado por Capacitor.- package.json: Configuración de dependencias de Node.js y scripts de compilación.
- Tener instalado Node.js.
- Ejecutar
npm installen la raíz del proyecto para descargar las dependencias de empaquetado.
- Prerrequisitos: Instalar Rust y tener las Microsoft C++ Build Tools (incluidas en la carga de "Desarrollo para el escritorio con C++" del instalador de Visual Studio).
- Probar en desarrollo:
npm run tauri:dev
- Compilar instalador final:
Los instaladores se guardarán en
npm run tauri:build
src-tauri/target/release/bundle/msi/y/nsis/.
- Prerrequisitos: Instalar Android Studio y configurar el SDK de Android.
- Sincronizar cambios web: (Cada vez que edites algo en
/wwwantes de compilar):npx cap sync
- Abrir en Android Studio:
npx cap open android
- Generar APK:
- Desde Android Studio ve a: Build > Build Bundle(s) / APK(s) > Build APK(s).
- Una vez compilado, haz clic en Locate en el aviso emergente para obtener tu archivo
app-debug.apk.
Jose Manuel Caamaño González | Arquitecto Técnico & BIM Manager Digital Product Lead | ConTech & Digital Twin SaaS | Data Analytics (SQL, Power BI)