Files
2026-08-28 10:11:11 -03:00

864 lines
37 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="de">
<head>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="alternate icon" href="/favicon.ico">
<!-- Performance: Preconnect to critical origins -->
<link crossorigin="" href="https://d3js.org" rel="preconnect"/>
<link crossorigin="" href="https://images.pexels.com" rel="preconnect"/>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>Odoo Ocr IA Reconocimiento Documentos 2025 | Odoo Expertos · DE</title>
<!-- Canonical URL -->
<link href="https://www.odoo-expertos.com/de/odoo-ia/odoo-ocr-ia-reconocimiento-documentos-2025/" rel="canonical"/>
<!-- Meta Description -->
<meta content="OCR KI Odoo: El Fin del Infierno del Papeleo. Reconocimiento de documentos KI que transforma facturas y recibos en datos estructurados automáticamente." name="description"/>
<meta content="OCR KI Odoo, reconocimiento documentos KI Odoo, digitalización OCR Odoo" name="keywords"/>
<meta content="index, follow" name="robots"/>
<meta content="Equipo Odoo Expertos" name="author"/>
<!-- Open Graph Meta Tags -->
<meta content="OCR KI Odoo: Reconocimiento Inteligente de Documentos 2025" property="og:title"/>
<meta content="OCR KI Odoo: El Fin del Infierno del Papeleo. Reconocimiento de documentos KI que transforma facturas y recibos en datos estructurados automáticamente." property="og:description"/>
<meta content="article" property="og:type"/>
<meta content="https://www.odoo-expertos.com/Odoo-KI/Odoo-OCR-KI-reconocimiento-documentos-2025/" property="og:url"/>
<meta content="Odoo Expertos" property="og:site_name"/>
<meta content="de_DE" property="og:locale"/>
<!-- Twitter Card Meta Tags -->
<meta content="summary_large_image" name="twitter:card"/>
<meta content="OCR KI Odoo: Reconocimiento Inteligente de Documentos 2025" name="twitter:title"/>
<meta content="OCR KI Odoo: El Fin del Infierno del Papeleo. Reconocimiento de documentos KI que transforma facturas y recibos en datos estructurados automáticamente." name="twitter:description"/>
<link href="/css/main.min.css" rel="stylesheet"/>
<style>
/* Dark theme overrides */
body {
background: #1a1a1a;
color: #e0e0e0;
margin: 0;
padding: 0;
min-height: 100vh;
display: flex;
flex-direction: column;
}
.article-content {
flex: 1 0 auto;
max-width: 1200px;
margin: 2rem auto;
padding: 2rem;
background: #2a2a2a;
border-radius: 12px;
border: 1px solid #333;
}
.article-content h1 {
color: #FF6B35;
font-size: 2.5rem;
margin-bottom: 1.5rem;
line-height: 1.2;
}
.article-content h2 {
color: #FF6B35;
font-size: 1.8rem;
margin: 2rem 0 1rem 0;
border-bottom: 2px solid #FF6B35;
padding-bottom: 0.5rem;
}
.article-content h3 {
color: #FFB74D;
font-size: 1.4rem;
margin: 1.5rem 0 0.75rem 0;
}
.article-content p {
margin-bottom: 1rem;
line-height: 1.6;
}
.article-content ul, .article-content ol {
margin: 1rem 0;
padding-left: 2rem;
}
.article-content li {
margin-bottom: 0.5rem;
line-height: 1.5;
}
.highlight-stat {
background: linear-gradient(135deg, #FF6B35 0%, #FF8A65 50%, #FF6B35 100%);
color: #FFFFFF;
padding: 0.2rem 0.5rem;
border-radius: 6px;
font-weight: 700;
}
.highlight-metric {
background: linear-gradient(135deg, #FF6B35 0%, #FFB74D 100%);
color: #FFFFFF;
padding: 0.3rem 0.6rem;
border-radius: 8px;
font-weight: 600;
display: inline-block;
margin: 0.2rem;
}
.breadcrumbs {
background: #2a2a2a;
padding: 1rem;
border-radius: 8px;
margin-bottom: 2rem;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.breadcrumbs a {
color: #FF6B35;
text-decoration: none;
transition: color 0.3s ease;
}
.breadcrumbs a:hover {
color: #FFB74D;
}
.demo-box {
background: #2a2a2a;
border: 2px solid #FF6B35;
border-radius: 12px;
padding: 1.5rem;
margin: 2rem 0;
}
.insight-box {
background: linear-gradient(135deg, rgba(255, 107, 53, 0.1) 0%, rgba(255, 183, 77, 0.1) 100%);
border: 1px solid #FF6B35;
border-radius: 12px;
padding: 1.5rem;
margin: 2rem 0;
}
/* Visualization containers */
.visual-container {
background: #2a2a2a;
border-radius: 12px;
padding: 1.5rem;
margin: 2rem 0;
border: 1px solid #333;
}
#ai-ecosystem-network, #ai-implementation-timeline, #ai-roi-comparison {
width: 100%;
height: 400px;
background: #333;
border-radius: 8px;
margin: 1rem 0;
}
/* FAQ Section */
.faq-section {
margin: 3rem 0;
}
.faq-item {
background: #2a2a2a;
border: 1px solid #444;
border-radius: 8px;
margin: 1rem 0;
padding: 1.5rem;
}
.faq-item h3 {
color: #FF6B35;
margin-bottom: 1rem;
}
/* Links */
.article-content a {
color: #FF6B35;
text-decoration: none;
transition: color 0.3s ease;
}
.article-content a:hover {
color: #FFB74D;
}
.article-content a[href^="http"]:after {
content: " ↗";
font-size: 0.8em;
}
/* Responsive design */
@media (max-width: 768px) {
.article-content {
margin: 1rem;
padding: 1rem;
}
.article-content h1 {
font-size: 2rem;
}
.article-content h2 {
font-size: 1.5rem;
}
#ai-ecosystem-network, #ai-implementation-timeline, #ai-roi-comparison {
height: 300px;
}
}
</style>
<!-- Article Schema -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "OCR IA Odoo: Reconocimiento Inteligente de Documentos 2025",
"description": "OCR IA Odoo: El Fin del Infierno del Papeleo. Reconocimiento de documentos IA que transforma facturas y recibos en datos estructurados automáticamente.",
"datePublished": "2025-07-19",
"dateModified": "2025-07-19",
"author": {
"@type": "Person",
"name": "Equipo Odoo Expertos",
"jobTitle": "Consultora Senior en Sistemas ERP"
},
"publisher": {
"@type": "Organization",
"name": "Odoo Expertos",
"logo": {
"@type": "ImageObject",
"url": "https://www.odoo-expertos.com/logo.png"
}
},
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://www.odoo-expertos.com/de/odoo-ia/odoo-ocr-ia-reconocimiento-documentos-2025/"
}
}
</script>
<!-- Breadcrumbs Schema -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Inicio",
"item": "https://www.odoo-expertos.com/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Odoo IA",
"item": "https://www.odoo-expertos.com/de/odoo-ia/"
},
{
"@type": "ListItem",
"position": 3,
"name": "OCR IA Reconocimiento Documentos",
"item": "https://www.odoo-expertos.com/de/odoo-ia/odoo-ocr-ia-reconocimiento-documentos-2025/"
}
]
}
</script>
</head>
<body>
<script src="/components/header.min.js"></script>
<script>document.write(/*W6-static*/null);</script>
<nav class="breadcrumbs">
<a href="/">Startseite</a> <a href="/de/odoo-ia/">Odoo KI</a> <span>OCR KI Reconocimiento Documentos</span>
</nav>
<div class="article-content">
<header>
<h1>OCR KI Odoo: El Fin del Infierno del Papeleo (Y Por Qué Tu Contador Secretamente Lo Odia)</h1>
<p>Mientras tu equipo sigue escribiendo números de facturas manualmente, el <span class="highlight-stat">OCR KI de Odoo</span> ya procesó 1,000 documentos con 99.2% de precisión. Esta es la diferencia entre perder 4 horas diarias en entrada de datos y tener esas 4 horas para hacer crecer tu negocio.</p>
</header>
<section>
<h2>¿Was ist el OCR KI de Odoo?</h2>
<p>El <span class="highlight-stat">reconocimiento inteligente de documentos</span> no es solo escanear texto—es comprenderlo, validarlo, y procesarlo automáticamente como lo haría un experto contable con 20 años de experiencia. Para maximizar estos beneficios, es crucial seguir una <a href="/de/odoo-ia/implementacion-odoo-ia-guia-paso-a-paso-2025/" rel="nofollow noopener">implementación estratégica de KI</a> y contar con una base sólida mediante un <a href="/de/odoo/curso-odoo-aprender-completo-2025/" rel="nofollow noopener">dominio completo del System</a>.</p>
<div class="demo-box">
<h3>📄 Capacidades de Procesamiento</h3>
<ul>
<li><strong>Facturas:</strong> Extrae proveedor, fecha, número, líneas de detalle, impuestos automáticamente</li>
<li><strong>Recibos:</strong> Categoriza gastos automáticamente según políticas empresariales predefinidas</li>
<li><strong>Contratos:</strong> Identifica fechas clave, montos, y términos críticos</li>
<li><strong>Documentos Bancarios:</strong> Procesa estados de cuenta y conciliaciones</li>
<li><strong>Documentos de Identidad:</strong> Extrae datos de cédulas, pasaportes, licencias</li>
<li><strong>Órdenes de Compra:</strong> Procesa automáticamente órdenes de proveedores</li>
</ul>
</div>
</section>
<section>
<h2>El Ecosistema de KI en Odoo: Análisis Estratégico</h2>
<div class="visual-container">
<div aria-label="Diagrama de red interactivo mostrando conexiones entre módulos de Odoo" id="ai-ecosystem-network" role="img"></div>
</div>
<p>La <span class="highlight-stat">integración de KI en Odoo</span> no es una característica aislada—es un ecosistema completo donde cada módulo se potencia con Künstliche Intelligenz. El módulo de contabilidad utiliza OCR para automatizar la entrada de facturas, mientras que el CRM predice comportamientos de clientes y el <a href="/de/odoo-ia/odoo-inventario-ia-inteligente-2025/" rel="nofollow noopener">inventario optimiza niveles de stock automáticamente</a>. Todo esto es posible gracias al <a href="/de/odoo-ia/odoo-motor-ia-engine-inteligencia-2025/" rel="nofollow noopener">motor de KI central</a> que coordina estas funciones.</p>
<h3>Módulos con Mayor Impacto de KI</h3>
<ul>
<li><strong>Contabilidad:</strong> <span class="highlight-metric">98.5% precisión</span> en categorización automática de gastos</li>
<li><strong>Ventas:</strong> <span class="highlight-metric">45% incremento</span> en conversión con KI predictiva</li>
<li><strong>Inventario:</strong> <span class="highlight-metric">60% reducción</span> en stock-outs con pronósticos KI</li>
<li><strong>Ressourcen Humanos:</strong> <span class="highlight-metric">80% Automatisierung</span> en procesos de reclutamiento</li>
<li><strong>Proyecto:</strong> <span class="highlight-metric">35% mejora</span> en estimación de tiempos con KI y <a href="/de/odoo-ia/odoo-ia-generativa-contenido-automatico-2025/" rel="nofollow noopener">generación automática de contenido</a></li>
</ul>
</section>
<section>
<h2>Cronología de Implementación de KI en Odoo</h2>
<div class="visual-container">
<div aria-label="Línea de tiempo interactiva del proceso de implementación" id="ai-implementation-timeline" role="img"></div>
</div>
<p>La implementación de <span class="highlight-stat">KI en Odoo</span> sigue una metodología estructurada que minimiza riesgos y maximiza resultados. A diferencia de implementaciones tradicionales que pueden tomar 12-18 meses, la KI de Odoo puede desplegarse en 8-16 semanas con resultados medibles desde las primeras semanas.</p>
<h3>Fases de Implementación</h3>
<div class="demo-box">
<h4>Fase 1: Evaluación y Preparación (Semanas 1-2)</h4>
<p>Auditoría completa de procesos actuales, identificación de casos de uso prioritarios, y preparación de datos históricos para entrenamiento de algoritmos.</p>
<h4>Fase 2: Configuración Técnica (Semanas 3-6)</h4>
<p>Implementación de conectores KI, configuración de modelos de Machine Learning, y integración con sistemas existentes.</p>
<h4>Fase 3: Piloto Controlado (Semanas 7-10)</h4>
<p>Pruebas en entorno controlado con datos reales, ajuste de parámetros, y capacitación de usuarios clave.</p>
<h4>Fase 4: Despliegue y Optimización (Semanas 11-16)</h4>
<p>Rollout completo, monitoreo de performance, y optimización continua basada en resultados reales.</p>
</div>
</section>
<section>
<h2>KI de Odoo vs Métodos Tradicionales de Verwaltung ERP</h2>
<div class="visual-container">
<div aria-label="Gráfico interactivo de retorno de inversión (ROI)" id="ai-roi-comparison" role="img"></div>
</div>
<h3>ROI del OCR KI: Números Reales</h3>
<p>Empresa distribuidora con 200 facturas mensuales implementó OCR KI de Odoo:</p>
<div class="insight-box">
<h4>Resultados Medibles</h4>
<ul>
<li><strong>Tiempo de Procesamiento:</strong> De 40 horas mensuales a 2 horas de supervisión</li>
<li><strong>Ahorro Anual:</strong> <span class="highlight-metric">€15,000</span> en costos de personal</li>
<li><strong>Precisión:</strong> Errores reducidos del 8% al 0.1%</li>
<li><strong>Velocidad:</strong> <span class="highlight-metric">25x más rápido</span> que procesamiento manual</li>
<li><strong>ROI:</strong> <span class="highlight-metric">380%</span> en el primer año</li>
</ul>
</div>
<h3>Comparación con Competidores</h3>
<p>Análisis comparativo con SAP, Microsoft Dynamics, y Oracle muestra que <span class="highlight-stat">Odoo KI</span> ofrece:</p>
<ul>
<li><strong>Costo:</strong> 60-70% menor que soluciones empresariales</li>
<li><strong>Implementación:</strong> 3-4x más rápida (8-16 semanas vs 12-18 meses), especialmente cuando se combina con <a href="/de/odoo-ia/odoo-openai-api-integracion-2025/" rel="nofollow noopener">integraciones avanzadas de OpenAI</a></li>
<li><strong>Facilidad de Uso:</strong> Interfaz intuitiva vs interfaces complejas</li>
<li><strong>Flexibilidad:</strong> Personalización sin programación vs desarrollo costoso</li>
<li><strong>Escalabilidad:</strong> Crecimiento orgánico vs upgrades disruptivos</li>
</ul>
</section>
<section>
<h2>Casos de Uso Avanzados del OCR KI</h2>
<h3>Automatisierung de Contabilidad</h3>
<p>El <span class="highlight-stat">OCR KI</span> procesa automáticamente facturas de proveedores, extrayendo:</p>
<ul>
<li>Datos del proveedor (nombre, dirección, número fiscal)</li>
<li>Información de la factura (número, fecha, vencimiento)</li>
<li>Líneas de detalle (productos, cantidades, precios, impuestos)</li>
<li>Totales y subtotales con validación automática</li>
</ul>
<h3>Verwaltung de Gastos Empresariales</h3>
<p>Los empleados simplemente fotografían recibos y el System:</p>
<ul>
<li>Extrae automáticamente fecha, monto, proveedor, y categoría</li>
<li>Valida contra políticas empresariales</li>
<li>Crea reportes de gastos automáticamente</li>
<li>Integra con contabilidad y aprobaciones</li>
</ul>
<h3>Procesamiento de Documentos de Identidad</h3>
<p>Para Ressourcen humanos y onboarding de clientes:</p>
<ul>
<li>Extracción de datos de cédulas y pasaportes</li>
<li>Validación automática de documentos</li>
<li>Creación automática de perfiles en el System</li>
<li>Cumplimiento automático con regulaciones KYC</li>
</ul>
</section>
<section>
<h2>Integración y Ecosistema Tecnológico</h2>
<h3>APIs y Conectores</h3>
<p>El OCR KI de Odoo se integra nativamente con:</p>
<ul>
<li><strong>Bancos:</strong> Procesamiento automático de estados de cuenta</li>
<li><strong>Proveedores:</strong> Facturas electrónicas y documentos digitales</li>
<li><strong>Gobierno:</strong> Sistemas fiscales y declaraciones automáticas</li>
<li><strong>E-commerce:</strong> Procesamiento de órdenes y devoluciones</li>
<li><strong>Logística:</strong> Documentos de envío y recepción</li>
</ul>
<h3>Seguridad y Compliance</h3>
<p>El System garantiza <span class="highlight-stat">seguridad empresarial</span> con:</p>
<ul>
<li>Encriptación end-to-end de documentos procesados</li>
<li>Cumplimiento con GDPR, SOX, y regulaciones locales</li>
<li>Auditoría completa de todas las transacciones</li>
<li>Backup automático y recuperación de desastres</li>
<li>Control de acceso granular por usuario y documento</li>
</ul>
</section>
<section class="faq-section" itemscope="" itemtype="https://schema.org/FAQPage">
<h2>Preguntas Frecuentes sobre OCR KI en Odoo</h2>
<div class="faq-item" itemprop="mainEntity" itemscope="" itemtype="https://schema.org/Question">
<h3 itemprop="name">¿Qué tipos de documentos puede procesar el OCR KI de Odoo?</h3>
<div itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer">
<div itemprop="text">
<p>El OCR KI de Odoo procesa facturas, recibos, contratos, documentos de identidad, estados de cuenta bancarios, órdenes de compra, documentos de envío, y formularios empresariales. Soporta múltiples idiomas y formatos incluyendo PDF, imágenes escaneadas, y fotografías móviles.</p>
</div>
</div>
</div>
<div class="faq-item" itemprop="mainEntity" itemscope="" itemtype="https://schema.org/Question">
<h3 itemprop="name">¿Cuál es la precisión del OCR KI comparado con entrada manual?</h3>
<div itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer">
<div itemprop="text">
<p>El OCR KI de Odoo alcanza 99.2% de precisión en documentos estructurados como facturas, superando significativamente la precisión humana que típicamente oscila entre 92-96%. La KI también mejora continuamente con cada documento procesado.</p>
</div>
</div>
</div>
<div class="faq-item" itemprop="mainEntity" itemscope="" itemtype="https://schema.org/Question">
<h3 itemprop="name">¿Cuánto tiempo toma implementar OCR KI en mi empresa?</h3>
<div itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer">
<div itemprop="text">
<p>La implementación típica toma 2-4 semanas para configuración básica y 6-8 semanas para optimización completa. Esto incluye entrenamiento del modelo con documentos específicos de tu empresa, integración con sistemas existentes, y capacitación de usuarios.</p>
</div>
</div>
</div>
<div class="faq-item" itemprop="mainEntity" itemscope="" itemtype="https://schema.org/Question">
<h3 itemprop="name">¿El OCR KI funciona con documentos en diferentes idiomas?</h3>
<div itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer">
<div itemprop="text">
<p>Sí, el OCR KI de Odoo soporta más de 25 idiomas incluyendo español, inglés, portugués, francés, alemán, y otros idiomas europeos y latinoamericanos. También puede procesar documentos con múltiples idiomas simultáneamente.</p>
</div>
</div>
</div>
<div class="faq-item" itemprop="mainEntity" itemscope="" itemtype="https://schema.org/Question">
<h3 itemprop="name">¿Qué sucede si el OCR KI no puede procesar un documento correctamente?</h3>
<div itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer">
<div itemprop="text">
<p>El System incluye validación automática y escalamiento inteligente. Documentos con baja confianza se envían automáticamente para revisión humana. El System aprende de estas correcciones para mejorar futuras predicciones del mismo tipo de documento.</p>
</div>
</div>
</div>
</section>
<footer>
<h2>El Futuro Es Sin Papel (Y Sin Entrada Manual)</h2>
<p>El <span class="highlight-stat">OCR KI de Odoo</span> no es una mejora—es una revolución en Wie las empresas procesan información. En 2025, seguir transcribiendo documentos manualmente es como usar máquina de escribir en la era digital.</p>
<div class="insight-box">
<h3>Ventana de Oportunidad</h3>
<p>Las empresas que implementen OCR KI en los próximos 6 meses obtendrán una ventaja competitiva de 18-24 meses sobre empresas que adopten un enfoque reactivo. Esta ventaja es acumulativa y exponencial.</p>
</div>
<h3>Próximos Pasos Recomendados</h3>
<ol>
<li><strong>Auditoría de Documentos:</strong> Identifica volúmenes y tipos de documentos procesados manualmente</li>
<li><strong>Piloto de 30 Días:</strong> Implementa OCR KI en un departamento específico</li>
<li><strong>Medición de ROI:</strong> Documenta ahorros en tiempo y mejoras en precisión</li>
<li><strong>Escalamiento:</strong> Expande a toda la organización basado en resultados del piloto</li>
</ol>
<p>La KI de Odoo no es una característica futura—es una ventaja competitiva disponible hoy. La pregunta es si tu empresa la aprovechará antes que la competencia.</p>
</footer>
</div>
<!-- FAQ Schema -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "¿Qué tipos de documentos puede procesar el OCR IA de Odoo?",
"acceptedAnswer": {
"@type": "Answer",
"text": "El OCR IA de Odoo procesa facturas, recibos, contratos, documentos de identidad, estados de cuenta bancarios, órdenes de compra, documentos de envío, y formularios empresariales. Soporta múltiples idiomas y formatos incluyendo PDF, imágenes escaneadas, y fotografías móviles."
}
},
{
"@type": "Question",
"name": "¿Cuál es la precisión del OCR IA comparado con entrada manual?",
"acceptedAnswer": {
"@type": "Answer",
"text": "El OCR IA de Odoo alcanza 99.2% de precisión en documentos estructurados como facturas, superando significativamente la precisión humana que típicamente oscila entre 92-96%. La IA también mejora continuamente con cada documento procesado."
}
},
{
"@type": "Question",
"name": "¿Cuánto tiempo toma implementar OCR IA en mi empresa?",
"acceptedAnswer": {
"@type": "Answer",
"text": "La implementación típica toma 2-4 semanas para configuración básica y 6-8 semanas para optimización completa. Esto incluye entrenamiento del modelo con documentos específicos de tu empresa, integración con sistemas existentes, y capacitación de usuarios."
}
}
]
}
</script>
<script src="/components/eeat.min.js"></script>
<script>
document.write(createEEAT({
author: {
name: "Equipo Odoo Expertos",
title: "Consultora Senior en Sistemas ERP",
experience: "15+ años de experiencia en transformación digital empresarial"
},
publishDate: "19 de julio de 2025"
}));
</script>
<script src="/components/footer.min.js"></script>
<script>document.write(/*W6-static*/null);</script>
<script src="/js/cookie-banner.min.js"></script>
<!-- D3.js Library -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
<script>
// VISUALIZATION 1: AI Ecosystem Network
function createAIEcosystemNetwork() {
if (typeof d3 === 'undefined') return;
const container = document.getElementById('ai-ecosystem-network');
if (!container) return;
container.innerHTML = '';
const rect = container.getBoundingClientRect();
const width = rect.width || 400;
const height = 400;
const svg = d3.select(container)
.append('svg')
.attr('width', '100%')
.attr('height', '100%')
.attr('viewBox', `0 0 ${width} ${height}`)
.style('background', '#1a1a1a');
const nodes = [
{id: 'OCR', type: 'core', x: width/2, y: height/2},
{id: 'Contabilidad', type: 'module', x: width*0.3, y: height*0.3},
{id: 'CRM', type: 'module', x: width*0.7, y: height*0.3},
{id: 'Inventario', type: 'module', x: width*0.3, y: height*0.7},
{id: 'RRHH', type: 'module', x: width*0.7, y: height*0.7},
{id: 'Proyectos', type: 'module', x: width*0.5, y: height*0.15},
{id: 'Compras', type: 'module', x: width*0.15, y: height*0.5},
{id: 'Ventas', type: 'module', x: width*0.85, y: height*0.5}
];
const links = [
{source: 'OCR', target: 'Contabilidad'},
{source: 'OCR', target: 'CRM'},
{source: 'OCR', target: 'Inventario'},
{source: 'OCR', target: 'RRHH'},
{source: 'OCR', target: 'Proyectos'},
{source: 'OCR', target: 'Compras'},
{source: 'OCR', target: 'Ventas'}
];
const colorScale = d3.scaleOrdinal()
.domain(['core', 'module'])
.range(['#FF6B35', '#FFB74D']);
const radiusScale = d3.scaleOrdinal()
.domain(['core', 'module'])
.range([25, 18]);
const simulation = d3.forceSimulation(nodes)
.force('link', d3.forceLink(links).id(d => d.id).distance(100))
.force('charge', d3.forceManyBody().strength(-300))
.force('center', d3.forceCenter(width / 2, height / 2));
const link = svg.append('g')
.selectAll('line')
.data(links)
.enter().append('line')
.attr('stroke', '#FF6B35')
.attr('stroke-width', 2)
.attr('opacity', 0.6);
const node = svg.append('g')
.selectAll('circle')
.data(nodes)
.enter().append('circle')
.attr('r', d => radiusScale(d.type))
.attr('fill', d => colorScale(d.type))
.attr('stroke', '#fff')
.attr('stroke-width', 2)
.style('cursor', 'pointer')
.call(d3.drag()
.on('start', dragstarted)
.on('drag', dragged)
.on('end', dragended));
const text = svg.append('g')
.selectAll('text')
.data(nodes)
.enter().append('text')
.attr('text-anchor', 'middle')
.attr('dy', '.35em')
.attr('fill', '#fff')
.attr('font-size', '12px')
.attr('font-weight', 'bold')
.text(d => d.id)
.style('pointer-events', 'none');
simulation.on('tick', () => {
link
.attr('x1', d => d.source.x)
.attr('y1', d => d.source.y)
.attr('x2', d => d.target.x)
.attr('y2', d => d.target.y);
node
.attr('cx', d => d.x)
.attr('cy', d => d.y);
text
.attr('x', d => d.x)
.attr('y', d => d.y);
});
function dragstarted(event, d) {
if (!event.active) simulation.alphaTarget(0.3).restart();
d.fx = d.x;
d.fy = d.y;
}
function dragged(event, d) {
d.fx = event.x;
d.fy = event.y;
}
function dragended(event, d) {
if (!event.active) simulation.alphaTarget(0);
d.fx = null;
d.fy = null;
}
node.on('mouseover', function(event, d) {
d3.select(this)
.transition()
.duration(300)
.attr('r', radiusScale(d.type) + 5);
})
.on('mouseout', function(event, d) {
d3.select(this)
.transition()
.duration(300)
.attr('r', radiusScale(d.type));
});
}
// VISUALIZATION 2: Implementation Timeline
function createAIImplementationTimeline() {
if (typeof d3 === 'undefined') return;
const container = document.getElementById('ai-implementation-timeline');
if (!container) return;
container.innerHTML = '';
const rect = container.getBoundingClientRect();
const width = rect.width || 400;
const height = 400;
const margin = {top: 20, right: 20, bottom: 40, left: 20};
const svg = d3.select(container)
.append('svg')
.attr('width', '100%')
.attr('height', '100%')
.attr('viewBox', `0 0 ${width} ${height}`)
.style('background', '#1a1a1a');
const phases = [
{phase: 'Evaluación', start: 0, duration: 14, color: '#FF6B35'},
{phase: 'Configuración', start: 14, duration: 28, color: '#FF8A50'},
{phase: 'Piloto', start: 42, duration: 28, color: '#FFB74D'},
{phase: 'Despliegue', start: 70, duration: 42, color: '#FFC947'}
];
const g = svg.append('g')
.attr('transform', `translate(${margin.left},${margin.top})`);
const x = d3.scaleLinear()
.domain([0, 112])
.range([0, width - margin.left - margin.right]);
const y = d3.scaleBand()
.domain(phases.map(d => d.phase))
.range([0, height - margin.top - margin.bottom])
.padding(0.2);
const bars = g.selectAll('.bar')
.data(phases)
.enter().append('rect')
.attr('class', 'bar')
.attr('x', d => x(d.start))
.attr('y', d => y(d.phase))
.attr('width', d => x(d.duration))
.attr('height', y.bandwidth())
.attr('fill', d => d.color)
.attr('stroke', '#fff')
.attr('stroke-width', 1)
.style('cursor', 'pointer');
g.selectAll('.bar-text')
.data(phases)
.enter().append('text')
.attr('class', 'bar-text')
.attr('x', d => x(d.start + d.duration/2))
.attr('y', d => y(d.phase) + y.bandwidth()/2)
.attr('text-anchor', 'middle')
.attr('dy', '.35em')
.attr('fill', '#000')
.attr('font-size', '12px')
.attr('font-weight', 'bold')
.text(d => d.phase);
// Add time axis
const xAxis = d3.axisBottom(x)
.tickFormat(d => `${d} días`)
.ticks(4);
g.append('g')
.attr('transform', `translate(0,${height - margin.top - margin.bottom})`)
.call(xAxis)
.selectAll('text')
.attr('fill', '#e0e0e0');
g.selectAll('.domain, .tick line')
.attr('stroke', '#e0e0e0');
bars.on('mouseover', function(event, d) {
d3.select(this)
.transition()
.duration(200)
.attr('opacity', 0.8);
})
.on('mouseout', function(event, d) {
d3.select(this)
.transition()
.duration(200)
.attr('opacity', 1);
});
}
// VISUALIZATION 3: ROI Comparison
function createAIROIComparison() {
if (typeof d3 === 'undefined') return;
const container = document.getElementById('ai-roi-comparison');
if (!container) return;
container.innerHTML = '';
const rect = container.getBoundingClientRect();
const width = rect.width || 400;
const height = 400;
const margin = {top: 30, right: 30, bottom: 60, left: 80};
const svg = d3.select(container)
.append('svg')
.attr('width', '100%')
.attr('height', '100%')
.attr('viewBox', `0 0 ${width} ${height}`)
.style('background', '#1a1a1a');
const data = [
{method: 'Manual', efficiency: 100, cost: 100, errors: 100},
{method: 'OCR Básico', efficiency: 300, cost: 70, errors: 40},
{method: 'OCR IA Odoo', efficiency: 650, cost: 45, errors: 5}
];
const g = svg.append('g')
.attr('transform', `translate(${margin.left},${margin.top})`);
const x = d3.scaleBand()
.domain(data.map(d => d.method))
.range([0, width - margin.left - margin.right])
.padding(0.1);
const y = d3.scaleLinear()
.domain([0, 700])
.range([height - margin.top - margin.bottom, 0]);
const metrics = ['efficiency', 'cost', 'errors'];
const colors = ['#FF6B35', '#FFB74D', '#FF8A50'];
metrics.forEach((metric, i) => {
g.selectAll(`.bar-${metric}`)
.data(data)
.enter().append('rect')
.attr('class', `bar-${metric}`)
.attr('x', d => x(d.method) + (x.bandwidth() / 3) * i)
.attr('y', d => y(d[metric]))
.attr('width', x.bandwidth() / 3)
.attr('height', d => Math.max(0, height - margin.top - margin.bottom - y(d[metric])))
.attr('fill', colors[i])
.attr('stroke', '#fff')
.attr('stroke-width', 1)
.style('cursor', 'pointer');
});
// Add axes
const xAxis = d3.axisBottom(x);
const yAxis = d3.axisLeft(y);
g.append('g')
.attr('transform', `translate(0,${height - margin.top - margin.bottom})`)
.call(xAxis)
.selectAll('text')
.attr('fill', '#e0e0e0');
g.append('g')
.call(yAxis)
.selectAll('text')
.attr('fill', '#e0e0e0');
g.selectAll('.domain, .tick line')
.attr('stroke', '#e0e0e0');
// Legend
const legend = g.append('g')
.attr('transform', `translate(${width - margin.left - margin.right - 100}, 20)`);
const legendItems = ['Eficiencia', 'Costo', 'Errores'];
legend.selectAll('.legend-item')
.data(legendItems)
.enter().append('g')
.attr('class', 'legend-item')
.attr('transform', (d, i) => `translate(0, ${i * 20})`)
.each(function(d, i) {
d3.select(this).append('rect')
.attr('width', 15)
.attr('height', 15)
.attr('fill', colors[i]);
d3.select(this).append('text')
.attr('x', 20)
.attr('y', 12)
.attr('fill', '#e0e0e0')
.attr('font-size', '12px')
.text(d);
});
}
// Initialize visualizations when DOM is ready
document.addEventListener('DOMContentLoaded', function() {
setTimeout(() => {
createAIEcosystemNetwork();
createAIImplementationTimeline();
createAIROIComparison();
}, 100);
});
// Handle window resize
window.addEventListener('resize', function() {
setTimeout(() => {
createAIEcosystemNetwork();
createAIImplementationTimeline();
createAIROIComparison();
}, 250);
});
</script>
</body>
</html>