{"id":2190,"date":"2025-09-12T16:47:55","date_gmt":"2025-09-12T14:47:55","guid":{"rendered":"https:\/\/edukia.org\/?p=2190"},"modified":"2025-10-07T14:46:30","modified_gmt":"2025-10-07T12:46:30","slug":"infografia-microsoft-copilot","status":"publish","type":"post","link":"https:\/\/edukia.org\/ca\/infografia-microsoft-copilot\/","title":{"rendered":"Infografia: Microsoft Copilot"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1310.4px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Infograf\u00eda: Microsoft Copilot<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;900&display=swap\" rel=\"stylesheet\">\n    <style>\n        body {\n            font-family: 'Inter', sans-serif;\n            background-color: #004D8C;\n        }\n        .chart-container {\n            position: relative;\n            width: 100%;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n            height: 300px;\n            max-height: 400px;\n        }\n        .card {\n            background-color: #0060A0;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        .card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 10px 15px -3px rgba(255, 140, 0, 0.2), 0 4px 6px -2px rgba(255, 140, 0, 0.1);\n        }\n        .diagram-box {\n            background-color: #0078D4;\n            border-radius: 0.5rem;\n            padding: 1.5rem;\n            text-align: center;\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n        }\n        .flow-arrow-container {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 1rem;\n            height: 1rem;\n            font-size: 1.5rem;\n            color: #FF8C00;\n        }\n    <\/style>\n<\/head>\n<body class=\"text-white\">\n    <!-- Se cambia a w-full para ocupar el 100% del contenedor -->\n    <div class=\"w-full p-4 sm:p-8\">\n        \n        <header class=\"text-center mb-12\">\n            <h1 class=\"text-4xl md:text-6xl font-black tracking-tighter mb-2\">MICROSOFT COPILOT<\/h1>\n            <p class=\"text-lg md:text-xl text-gray-300 max-w-3xl mx-auto\">Un asistente de IA unificado para la era de la productividad.<\/p>\n        <\/header>\n\n        <!-- Se cambia a grid-cols-1 para un dise\u00f1o de filas apiladas -->\n        <main class=\"grid grid-cols-1 gap-8\">\n            \n            <!-- Eliminadas clases de col-span -->\n            <section class=\"card rounded-xl shadow-2xl p-6\">\n                <h2 class=\"text-2xl font-bold mb-4 text-[#FF8C00]\">Evoluci\u00f3n Cronol\u00f3gica: Unificando la Experiencia<\/h2>\n                <p class=\"text-gray-300 mb-6\">Microsoft Copilot ha evolucionado desde una funcionalidad de chat integrada en el navegador hasta convertirse en un asistente de IA unificado en todo el ecosistema de la empresa.<\/p>\n                <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-8 max-w-4xl mx-auto\">\n                    <div class=\"text-center\">\n                        <div class=\"font-bold text-lg text-gray-200\">Febrero 2023<\/div>\n                        <p class=\"text-gray-400\">Lanzamiento como **\"Bing Chat\"**.<\/p>\n                    <\/div>\n                    <div class=\"text-center\">\n                        <div class=\"font-bold text-lg text-gray-200\">Noviembre 2023<\/div>\n                        <p class=\"text-gray-400\">Unificado bajo la marca **\"Microsoft Copilot\"**.<\/p>\n                    <\/div>\n                     <div class=\"text-center\">\n                        <div class=\"font-bold text-lg text-gray-200\">Agosto 2025<\/div>\n                        <p class=\"text-gray-400\">Integraci\u00f3n del potente modelo **GPT-5**.<\/p>\n                    <\/div>\n                <\/div>\n            <\/section>\n            \n            <!-- Eliminadas clases de col-span -->\n            <section class=\"card rounded-xl shadow-2xl p-6\">\n                <h2 class=\"text-2xl font-bold mb-4 text-[#FF8C00]\">Arquitectura de Copilot: Un Cerebro con Tres Partes<\/h2>\n                <p class=\"text-gray-300 mb-6\">Copilot no es un solo modelo, sino un sofisticado sistema de orquestaci\u00f3n que coordina modelos de IA con el contexto del mundo real y los datos del usuario.<\/p>\n                <div class=\"flex flex-col md:flex-row items-center justify-center gap-4 max-w-4xl mx-auto\">\n                    <div class=\"diagram-box\">\n                        <span class=\"text-4xl\">\ud83e\udde0<\/span>\n                        <p class=\"mt-2 font-semibold\">Motor de Orquestaci\u00f3n<\/p>\n                        <p class=\"text-sm text-gray-300 mt-1\">Elige el mejor modelo y mejora la instrucci\u00f3n.<\/p>\n                    <\/div>\n                    <div class=\"flow-arrow-container rotate-90 md:rotate-0\">\u2192<\/div>\n                    <div class=\"diagram-box\">\n                        <span class=\"text-4xl\">\ud83e\udd16<\/span>\n                        <p class=\"mt-2 font-semibold\">Modelos Fundamentales<\/p>\n                        <p class=\"text-sm text-gray-300 mt-1\">GPT, DALL-E 3 y otros motores de IA.<\/p>\n                    <\/div>\n                    <div class=\"flow-arrow-container rotate-90 md:rotate-0\">\u2192<\/div>\n                    <div class=\"diagram-box\">\n                        <span class=\"text-4xl\">\ud83c\udf10<\/span>\n                        <p class=\"mt-2 font-semibold\">Grounding (Anclaje)<\/p>\n                        <p class=\"text-sm text-gray-300 mt-1\">Conecta con tus datos y con la web.<\/p>\n                    <\/div>\n                <\/div>\n            <\/section>\n            \n            <!-- Eliminadas clases de col-span -->\n            <section class=\"card rounded-xl shadow-2xl p-6\">\n                <h2 class=\"text-2xl font-bold mb-4 text-[#FF8C00]\">La Ventana de Contexto de GPT-5<\/h2>\n                <p class=\"text-gray-300 mb-4\">La capacidad de procesar una gran cantidad de datos en una sola consulta es vital. Con la integraci\u00f3n de GPT-5, Copilot alcanza un nuevo nivel de profundidad contextual.<\/p>\n                <div class=\"chart-container h-72\">\n                    <canvas id=\"contextWindowChart\"><\/canvas>\n                <\/div>\n            <\/section>\n            \n             <!-- Eliminadas clases de col-span -->\n             <section class=\"card rounded-xl shadow-2xl p-6\">\n                <h2 class=\"text-2xl font-bold mb-4 text-[#FF8C00]\">Aplicaciones Clave: La IA en tu D\u00eda a D\u00eda<\/h2>\n                <p class=\"text-gray-300 mb-6\">Copilot se integra de forma nativa en las aplicaciones de Microsoft para potenciar tu productividad, desde la redacci\u00f3n de correos electr\u00f3nicos hasta el an\u00e1lisis de datos.<\/p>\n                <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4 max-w-4xl mx-auto\">\n                    <div class=\"flex items-start bg-[#00528A] p-4 rounded-lg\">\n                        <span class=\"text-2xl mr-4\">\ud83d\udcbb<\/span>\n                        <div>\n                            <p class=\"font-semibold\">Copilot en Windows<\/p>\n                            <p class=\"text-sm text-gray-400\">Ayuda con la configuraci\u00f3n del sistema operativo y la gesti\u00f3n de tareas.<\/p>\n                        <\/div>\n                    <\/div>\n                     <div class=\"flex items-start bg-[#00528A] p-4 rounded-lg\">\n                        <span class=\"text-2xl mr-4\">\u2709\ufe0f<\/span>\n                        <div>\n                            <p class=\"font-semibold\">Microsoft 365<\/p>\n                            <p class=\"text-sm text-gray-400\">Asistencia en Word, Outlook, Teams, PowerPoint y Excel.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flex items-start bg-[#00528A] p-4 rounded-lg\">\n                        <span class=\"text-2xl mr-4\">\ud83c\udf10<\/span>\n                        <div>\n                            <p class=\"font-semibold\">Web (Edge y Bing)<\/p>\n                            <p class=\"text-sm text-gray-400\">Res\u00famenes de p\u00e1ginas, generaci\u00f3n de contenido y planificaci\u00f3n de viajes.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flex items-start bg-[#00528A] p-4 rounded-lg\">\n                        <span class=\"text-2xl mr-4\">\ud83d\udc68\u200d\ud83d\udcbb<\/span>\n                        <div>\n                            <p class=\"font-semibold\">GitHub Copilot<\/p>\n                            <p class=\"text-sm text-gray-400\">Sugerencias de c\u00f3digo para desarrolladores.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n            \n             <!-- Eliminadas clases de col-span -->\n             <section class=\"card rounded-xl shadow-2xl p-6\">\n                <h2 class=\"text-2xl font-bold mb-4 text-[#FF8C00]\">Privacidad: Tus Datos son Tuyos<\/h2>\n                <p class=\"text-gray-300 mb-6\">Microsoft ha sido claro en su compromiso de privacidad, especialmente en el entorno empresarial.<\/p>\n                 <ul class=\"space-y-4 text-gray-300 max-w-3xl mx-auto\">\n                    <li class=\"flex items-start\">\n                        <span class=\"text-[#80BD00] mr-3 mt-1\">\ud83d\udd12<\/span>\n                        <div><span class=\"font-semibold text-white\">No se entrena con tus datos:<\/span> Los datos de usuario no se utilizan para mejorar los modelos fundamentales.<\/div>\n                    <\/li>\n                    <li class=\"flex items-start\">\n                        <span class=\"text-[#80BD00] mr-3 mt-1\">\ud83d\uddc2\ufe0f<\/span>\n                        <div><span class=\"font-semibold text-white\">Procesamiento seguro:<\/span> Los datos se procesan dentro del entorno seguro de Microsoft 365 de cada cliente.<\/div>\n                    <\/li>\n                     <li class=\"flex items-start\">\n                        <span class=\"text-[#80BD00] mr-3 mt-1\">\ud83e\udde0<\/span>\n                        <div><span class=\"font-semibold text-white\">Anclaje en tiempo real:<\/span> Los datos solo se usan para formular respuestas a una solicitud espec\u00edfica.<\/div>\n                    <\/li>\n                <\/ul>\n            <\/section>\n            \n            <!-- Eliminadas clases de col-span -->\n            <section class=\"card rounded-xl shadow-2xl p-6\">\n                <h2 class=\"text-2xl font-bold mb-4 text-[#FF8C00]\">Tipos de Licencia: Encuentra tu Copilot<\/h2>\n                <p class=\"text-gray-300 mb-6\">Copilot est\u00e1 disponible en varias modalidades, cada una dise\u00f1ada para un tipo de usuario diferente, desde el p\u00fablico general hasta las grandes empresas.<\/p>\n                <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-4 max-w-4xl mx-auto\">\n                    <div class=\"bg-[#00528A] p-4 rounded-lg text-center\">\n                        <p class=\"font-bold text-lg text-[#00A4EF]\">Gratuito<\/p>\n                        <p class=\"text-sm text-gray-400 mt-1\">Uso b\u00e1sico para el p\u00fablico general en la web.<\/p>\n                    <\/div>\n                    <div class=\"bg-[#00528A] p-4 rounded-lg text-center\">\n                        <p class=\"font-bold text-lg text-[#FF8C00]\">Copilot Pro<\/p>\n                        <p class=\"text-sm text-gray-400 mt-1\">Suscripci\u00f3n individual con acceso prioritario.<\/p>\n                    <\/div>\n                    <div class=\"bg-[#00528A] p-4 rounded-lg text-center\">\n                        <p class=\"font-bold text-lg text-[#FFC72C]\">Microsoft 365<\/p>\n                        <p class=\"text-sm text-gray-400 mt-1\">Para empresas, se integra con datos de la organizaci\u00f3n.<\/p>\n                    <\/div>\n                <\/div>\n            <\/section>\n        <\/main>\n        \n        <footer class=\"text-center mt-12 text-gray-500 text-sm\">\n            <p>Infograf\u00eda generada a partir de la ficha t\u00e9cnica del modelo Microsoft Copilot. Visualizaciones creadas con Chart.js y Tailwind CSS.<\/p>\n        <\/footer>\n\n    <\/div>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', () => {\n            const FONT_COLOR = '#E5E7EB';\n            const GRID_COLOR = 'rgba(255, 255, 255, 0.1)';\n\n            function wrapLabel(label) {\n                const max_width = 16;\n                if (label.length <= max_width) {\n                    return label;\n                }\n                const words = label.split(' ');\n                let lines = [];\n                let current_line = '';\n                for (const word of words) {\n                    if ((current_line + ' ' + word).length > max_width) {\n                        lines.push(current_line);\n                        current_line = word;\n                    } else {\n                        current_line += (current_line.length === 0 ? '' : ' ') + word;\n                    }\n                }\n                lines.push(current_line);\n                return lines;\n            }\n            \n            const tooltipTitleCallback = (tooltipItems) => {\n                const item = tooltipItems[0];\n                let label = item.chart.data.labels[item.dataIndex];\n                if (Array.isArray(label)) {\n                    return label.join(' ');\n                } else {\n                    return label;\n                }\n            };\n            \n            const contextWindowCtx = document.getElementById('contextWindowChart');\n            if(contextWindowCtx) {\n                new Chart(contextWindowCtx, {\n                    type: 'bar',\n                    data: {\n                        labels: [\n                            ['GPT-4 \/ 4o', '(en Copilot)'],\n                            ['GPT-5', '(Est\u00e1ndar)'],\n                            ['GPT-5', '(Azure)']\n                        ],\n                        datasets: [{\n                            label: 'Tokens de Contexto',\n                            data: [128000, 196000, 272000],\n                            backgroundColor: ['#FFC72C', '#FF8C00', '#00A4EF'],\n                            borderRadius: 5\n                        }]\n                    },\n                    options: {\n                        indexAxis: 'y',\n                        responsive: true,\n                        maintainAspectRatio: false,\n                        scales: {\n                            x: {\n                                type: 'logarithmic',\n                                ticks: {\n                                    color: FONT_COLOR,\n                                    callback: function(value, index, values) {\n                                        if (value >= 1000) {\n                                            return value.toLocaleString() + 'k';\n                                        }\n                                    }\n                                },\n                                grid: { color: GRID_COLOR }\n                            },\n                            y: {\n                                beginAtZero: true,\n                                ticks: { color: FONT_COLOR, font: { size: 14 } },\n                                grid: { display: false }\n                            }\n                        },\n                        plugins: {\n                            legend: { display: false },\n                            tooltip: {\n                                callbacks: {\n                                    title: tooltipTitleCallback,\n                                    label: function(context) {\n                                        return ` ${context.raw.toLocaleString()} tokens`;\n                                    }\n                                }\n                            }\n                        }\n                    }\n                });\n            }\n        });\n    <\/script>\n<\/body>\n<\/html><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":2460,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"image","meta":{"_acf_changed":false,"footnotes":""},"categories":[41],"tags":[46,43,44],"class_list":["post-2190","post","type-post","status-publish","format-image","has-post-thumbnail","hentry","category-modelos-ia","tag-copilot","tag-inteligencia-artificial","tag-modelos-ia","post_format-post-format-image"],"acf":[],"_links":{"self":[{"href":"https:\/\/edukia.org\/ca\/wp-json\/wp\/v2\/posts\/2190","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/edukia.org\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/edukia.org\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/edukia.org\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/edukia.org\/ca\/wp-json\/wp\/v2\/comments?post=2190"}],"version-history":[{"count":2,"href":"https:\/\/edukia.org\/ca\/wp-json\/wp\/v2\/posts\/2190\/revisions"}],"predecessor-version":[{"id":2572,"href":"https:\/\/edukia.org\/ca\/wp-json\/wp\/v2\/posts\/2190\/revisions\/2572"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/edukia.org\/ca\/wp-json\/wp\/v2\/media\/2460"}],"wp:attachment":[{"href":"https:\/\/edukia.org\/ca\/wp-json\/wp\/v2\/media?parent=2190"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/edukia.org\/ca\/wp-json\/wp\/v2\/categories?post=2190"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/edukia.org\/ca\/wp-json\/wp\/v2\/tags?post=2190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}