{"id":1149,"date":"2026-05-21T11:40:28","date_gmt":"2026-05-21T17:40:28","guid":{"rendered":"https:\/\/colmenia.ugto.mx\/?page_id=1149"},"modified":"2026-05-22T09:50:05","modified_gmt":"2026-05-22T15:50:05","slug":"uso-de-ia-generativa-en-la-investigacion-detalles","status":"publish","type":"page","link":"https:\/\/colmenia.ugto.mx\/index.php\/uso-de-ia-generativa-en-la-investigacion-detalles\/","title":{"rendered":"Uso de IA generativa en la investigaci\u00f3n Detalles"},"content":{"rendered":"\n<div class=\"wp-block-cover has-parallax\" style=\"min-height:987px;aspect-ratio:unset;\"><div class=\"wp-block-cover__image-background wp-image-908 size-large has-parallax\" style=\"background-position:50% 50%;background-image:url(https:\/\/colmenia.ugto.mx\/wp-content\/uploads\/2026\/04\/WEB_ColmenIA-UG_BG-03-819x1024.jpg)\"><\/div><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-0 has-background-dim\" style=\"background-color:#4f6191\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading has-text-align-center has-base-3-color has-text-color has-link-color has-x-large-font-size wp-elements-db57f9dd22647282f378349a5344a271\">Uso de IA generativa en la investigaci\u00f3n<\/h2>\n\n\n\n<div class=\"cmp-grid\" style=\"grid-template-columns: 1fr;\">\n  <div class=\"cmp-card\">\n    <h2 class=\"cmp-title\">Actividad de investigaci\u00f3n con IA generativa<\/h2>\n    <p class=\"cmp-sub\">Comparativa entre docentes y estudiantes<\/p>\n    <div class=\"cmp-chart-box\">\n      <canvas id=\"graficaInvestigacionIA\"><\/canvas>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n\n<style>\n  .cmp-grid{\n    --radius: 12px;\n    --card-bg: rgba(0,0,0,.06);\n    --card-border: rgba(0,0,0,.10);\n    --card-text: rgba(17,24,39,.95);\n    --card-muted: rgba(17,24,39,.78);\n    --track-bg: rgba(0,0,0,.08);\n    --card-shadow: 0 10px 30px rgba(0,0,0,.06);\n\n    width: 100%;\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: 24px;\n    box-sizing: border-box;\n    display: grid;\n    gap: 18px;\n    font-family: inherit;\n  }\n  @media (prefers-color-scheme: dark){\n    .cmp-grid{\n      --card-bg: rgba(0,0,0,.38);\n      --card-border: rgba(255,255,255,.14);\n      --card-text: rgba(255,255,255,.92);\n      --card-muted: rgba(255,255,255,.78);\n      --track-bg: rgba(255,255,255,.12);\n      --card-shadow: 0 10px 30px rgba(0,0,0,.35);\n    }\n  }\n  .cmp-card{\n    border: 1px solid var(--card-border);\n    border-radius: 14px;\n    padding: 16px 14px;\n    background: var(--card-bg);\n    box-shadow: var(--card-shadow);\n    backdrop-filter: blur(4px);\n    -webkit-backdrop-filter: blur(4px);\n    color: var(--card-text);\n  }\n  .cmp-title{\n    font-weight: 800;\n    font-size: 35px;\n    line-height: 1.15;\n    margin: 0 0 6px 0;\n    text-align: center;\n    color: var(--card-text);\n  }\n  .cmp-sub{\n    margin: 0 0 14px 0;\n    text-align: center;\n    color: var(--card-muted);\n    font-size: 14px;\n    font-weight: 700;\n  }\n  .cmp-chart-box{\n    position: relative;\n    width: 100%;\n    height: 620px; \/* un poco m\u00e1s alto para etiquetas largas *\/\n    border-radius: 14px;\n  }\n  @media (max-width: 768px){\n    .cmp-grid{ padding: 16px; }\n    .cmp-title{ font-size: 22px; }\n    .cmp-chart-box{ height: 720px; } \/* m\u00e1s alto en m\u00f3vil *\/\n  }\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const canvas = document.getElementById(\"graficaInvestigacionIA\");\n  const ctx = canvas.getContext(\"2d\");\n\n  \/\/ Tokens CSS del tema\n  const themeEl = canvas.closest(\".cmp-grid\") || document.documentElement;\n  const css = getComputedStyle(themeEl);\n  const cText  = css.getPropertyValue(\"--card-text\").trim()  || \"rgba(17,24,39,.95)\";\n  const cMuted = css.getPropertyValue(\"--card-muted\").trim() || \"rgba(17,24,39,.78)\";\n  const cGrid  = css.getPropertyValue(\"--track-bg\").trim()   || \"rgba(0,0,0,.08)\";\n\n  \/\/ Helper: partir etiqueta larga en varias l\u00edneas (Chart.js acepta arrays para multil\u00ednea)\n  function wrapLabel(str, max = 28){\n    const words = String(str).split(\" \");\n    const lines = [];\n    let line = \"\";\n    words.forEach(w => {\n      const test = line ? line + \" \" + w : w;\n      if (test.length > max){\n        if (line) lines.push(line);\n        line = w;\n      } else {\n        line = test;\n      }\n    });\n    if (line) lines.push(line);\n    return lines;\n  }\n\n  const rawLabels = [\n    \"Buscar y revisar literatura acad\u00e9mica\",\n    \"Redactar, corregir o traducir textos\",\n    \"Generar ideas o preguntas de investigaci\u00f3n\",\n    \"Recolectar datos o informaci\u00f3n\",\n    \"Preparar presentaciones o difusi\u00f3n\",\n    \"Procesar y analizar datos\",\n    \"Dise\u00f1ar proyectos de investigaci\u00f3n\",\n    \"No uso herramientas de IA\",\n    \"Simular escenarios o predicciones\",\n    \"Desarrollar prototipos\",\n    \"Otras\"\n  ];\n  const labels = rawLabels.map(l => wrapLabel(l, 30));\n\n  const valueLabelsPlugin = {\n    id: \"valueLabelsPlugin\",\n    afterDatasetsDraw(chart) {\n      const { ctx } = chart;\n      ctx.save();\n      ctx.font = \"800 11px Arial, Helvetica, sans-serif\";\n      ctx.fillStyle = cMuted;\n\n      chart.data.datasets.forEach((ds, di) => {\n        const meta = chart.getDatasetMeta(di);\n        meta.data.forEach((bar, index) => {\n          const value = Number(ds.data[index]).toFixed(2) + \"%\";\n          \/\/ En horizontal: el \"final\" de la barra est\u00e1 en bar.x (ancho)\n          ctx.textAlign = \"left\";\n          ctx.textBaseline = \"middle\";\n          ctx.fillText(value, bar.x + 8, bar.y);\n        });\n      });\n\n      ctx.restore();\n    }\n  };\n\n  new Chart(ctx, {\n    type: \"bar\",\n    data: {\n      labels,\n      datasets: [\n        {\n          label: \"Docentes (%)\",\n          data: [21.61, 16.33, 12.75, 10.99, 10.51, 10.03, 6.19, 4.96, 3.84, 1.92, 0.85],\n          backgroundColor: \"rgba(37, 99, 235, 0.75)\",\n          borderColor: \"rgba(37, 99, 235, 1)\",\n          borderWidth: 1.5,\n          borderRadius: 10,\n          barThickness: 16\n        },\n        {\n          label: \"Estudiantes (%)\",\n          data: [14.33, 13.08, 18.40, 14.45, 6.86, 11.54, 9.14, 1.07, 5.71, 5.14, 0.27],\n          backgroundColor: \"rgba(16, 185, 129, 0.75)\",\n          borderColor: \"rgba(16, 185, 129, 1)\",\n          borderWidth: 1.5,\n          borderRadius: 10,\n          barThickness: 16\n        }\n      ]\n    },\n    plugins: [valueLabelsPlugin],\n    options: {\n      indexAxis: \"y\",              \/\/ <-- HORIZONTAL\n      responsive: true,\n      maintainAspectRatio: false,\n      layout: { padding: { top: 10, right: 40, bottom: 10, left: 10 } }, \/\/ espacio a la derecha para valores\n      plugins: {\n        legend: {\n          display: true,\n          labels: { color: cText, font: { size: 12, weight: \"800\" } }\n        },\n        tooltip: {\n          backgroundColor: \"rgba(255, 255, 255, 0.8)\",\n          titleColor: \"#141414\",\n          bodyColor: \"#141414\",\n          cornerRadius: 10,\n          padding: 12,\n          callbacks: {\n            label: (context) => `${context.dataset.label}: ${context.raw.toFixed(2)}%`\n          }\n        }\n      },\n      scales: {\n        y: {\n          grid: { display: false },\n          ticks: {\n            color: cText,\n            font: { size: 12, weight: \"800\" }\n          }\n        },\n        x: {\n          beginAtZero: true,\n          max: 25,\n          ticks: {\n            stepSize: 5,\n            color: cMuted,\n            callback: (value) => value + \"%\"\n          },\n          grid: { color: cGrid, drawBorder: false }\n        }\n      }\n    }\n  });\n});\n<\/script>\n<\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1149","page","type-page","status-publish"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/colmenia.ugto.mx\/index.php\/wp-json\/wp\/v2\/pages\/1149","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/colmenia.ugto.mx\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/colmenia.ugto.mx\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/colmenia.ugto.mx\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/colmenia.ugto.mx\/index.php\/wp-json\/wp\/v2\/comments?post=1149"}],"version-history":[{"count":7,"href":"https:\/\/colmenia.ugto.mx\/index.php\/wp-json\/wp\/v2\/pages\/1149\/revisions"}],"predecessor-version":[{"id":1193,"href":"https:\/\/colmenia.ugto.mx\/index.php\/wp-json\/wp\/v2\/pages\/1149\/revisions\/1193"}],"wp:attachment":[{"href":"https:\/\/colmenia.ugto.mx\/index.php\/wp-json\/wp\/v2\/media?parent=1149"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}