Cómo convertí un curso en PowerPoint en un curso web interactivo, con IA

Una mirada honesta tras bambalinas: tomar una presentación terminada y, con IA, publicarla como un curso web interactivo — pantalla a pantalla. Los pasos que di y los errores que cometí en el camino.

IA aplicada PowerPoint → Web Tras bambalinas

Ver el curso arrow_forward

Esto es una vista previa: los módulos 1 y 2 están abiertos para explorar, el resto llega pronto.

Mira el paso a paso

La pregunta

Doy clases en línea desde alrededor de 2018, y presenciales desde cerca de 2017, así que tengo una pila de viejas presentaciones de PowerPoint de esos cursos. Esta es de aproximadamente 2018, actualizada hacia 2020 — entre 300 y 370 diapositivas, muchas sin ningún texto, solo imágenes, y con una estética ya envejecida. La pregunta que quería responder: ¿puede la IA tomar un PowerPoint terminado y convertirlo en un curso listo para consumir?

Fue un experimento real para mostrar la IA aplicada a la educación de verdad, en lugar de solo hablar de ello. El equipo de AWS me ha invitado a compartir un poco de cómo uso estas herramientas — me dieron acceso a Kiro y todo. Así que hice el experimento y documenté los pasos, errores incluidos.

1Extraer las imágenes y el PDF de la presentación

La presentación tiene más de 300 diapositivas, y Google Drive solo te deja descargar imágenes de una en una — hacer clic en cada una es impracticable a esa escala. Así que le pedí a la IA (Kiro) que generara un Google Apps Script que exporta cada diapositiva como imagen. Tomó tres versiones, porque Apps Script tiene un límite de ejecución de unos 6 minutos, así que la exportación tuvo que hacerse por lotes.

Lo ejecuté desde la presentación (Extensiones → Apps Script), guardó cada diapositiva como imagen en una carpeta, y también guardé el PPT como PDF. Luego descargué la carpeta y los PDFs en la carpeta sources/ del proyecto, para que la IA tuviera acceso a todo.

Consejo: primero pregúntale a la herramienta de IA de qué es capaz. Kiro puede leer un PPT, pero despacio — necesita bibliotecas externas. PDF e imágenes las lee de forma más directa, por eso convertir todo de antemano ayudó.

Dos cosas para que funcione: el Apps Script trabaja por lotes, así que a veces hay que ejecutarlo de nuevo — retoma donde se detuvo. Y en la barra lateral izquierda, en Servicios, agrega la API de Google Slides para que funcione correctamente.

2Extraer todo el contenido a un archivo Markdown

Apunté la IA a las carpetas y extrajo todo el contenido a un archivo Markdown estructurado — en unos 10 minutos.

No revisé el contenido extraído, y eso fue un error. Ya sabía que parte no se extraería bien — por ejemplo, un gráfico sin explicación textual, y la IA no conectó un gráfico de un PPT con el gráfico relacionado de otro. Podría haberle dicho de antemano a la IA qué podía tocar y qué recursos tenía. La lección: revisar la extracción y dar a la IA más contexto y permisos desde el inicio. Como era mucho material, opté por revisar el contenido final — pensé que sería más fácil para esta prueba.

3Crear el design system del contenido

Pedí un estilo propio — explícitamente no la sensación genérica del "vibe coding". Quería funciones de e-learning tipo SCORM sin usar SCORM: navegación controlada por teclado, la pantalla desplazándose sola hacia abajo, actividades interactivas e interacciones basadas en ejemplos. También le pedí a la IA que creara personajes con personalidad propia, para ilustrar y armar pequeñas historias. Esta parte llevó un rato — el design system es un artefacto real.

Puedes explorarlo tú mismo: se abre en una ventana aquí mismo en la página.

4Construir las pantallas interactivas (el curso)

La IA construyó el módulo 1 primero, para que yo pudiera probarlo. Iteré y corregí mucho en ese primer módulo antes de que el patrón quedara bien — luego el resto siguió a partir de él. Es HTML y JavaScript puro, sin framework, adaptado para móvil. Lo publiqué en mi sitio. Este proceso exigió bastante revisión: adaptar al móvil, corregir animaciones, insertar nuevos slides. La IA intentaba simplificar demasiado, al punto de eliminar contenido. Tenía que ser explícito sobre qué incluir y excluir — y eso se conecta con el paso 2, la extracción de contenido. Pero este es un proceso por el que todos tienen que pasar, a menos que tengas notas extensas o el guion de cada curso (algo que tendré para mi próxima prueba).

Los módulos 3 en adelante aún no son públicos, porque no los he revisado. Los módulos 1 y 2 están abiertos para explorar.

Ver el curso arrow_forward

Una nueva forma de usar IA

Esta es una nueva forma de usar IA: convertir presentaciones de PowerPoint en cursos interactivos, estilo e-learning y adaptados a móvil. Fue rápido, no costó muchos tokens, y el diseño salió genuinamente único — no la cara genérica del vibe coding. Lo siguiente: rehacer mi curso de Inteligencia Emocional de una forma mucho más lúdica y gamificada. Esto fue una primera prueba, y salió bien.

Curso de Ivan Chagas.

Explorar el curso arrow_forward

Qué significa esto para tu empresa

Este proceso — tomar material terminado que ya tienes y, con IA, convertirlo en un curso interactivo y adaptado a móvil — no es exclusivo de un PowerPoint personal. Es un patrón que puedes tomar prestado: dejar de permitir que el buen contenido quede congelado en diapositivas y reformarlo en algo que la gente de verdad recorra. Así se traslada a otros contextos.

Corporativo

Convierte la pila de presentaciones de capacitación que RR.HH. ya tiene — onboarding, compliance, producto — en cursos web interactivos que los empleados de verdad terminan, sin contratar un estudio de e-learning para cada uno.

Dentro de un equipo

Toma las diapositivas de un taller interno o un lunch-and-learn y conviértelas en un módulo interactivo a tu ritmo, para que el conocimiento que vivía en la cabeza de un presentador se vuelva algo que todo el equipo pueda recorrer cuando quiera.

Educadores y creadores

Un docente o creador rescata años de viejas presentaciones y las republica como cursos interactivos con identidad propia — llegando a los alumnos en la web y en el móvil en vez de un PDF que nadie abre.

La conclusión: donde sea que haya buen contenido atrapado en un formato estático, reformarlo con IA en algo interactivo supera a dejarlo juntando polvo. Esa es la pieza que vale adaptar a tu contexto.

Script de extracción Google Apps Script · .gs

Abre tu presentación en Google Slides, ve a Extensiones → Apps Script, pega esto y ejecuta exportarSlidesComoImagens. Guarda cada diapositiva como PNG en una carpeta de Drive, por lotes (vuelve a ejecutar hasta que diga PRONTO!).

/**
 * Exporta todas las diapositivas como PNG en una carpeta de Drive, en LOTES manuales.
 * Sin disparadores: cada clic en "Ejecutar" procesa un lote y se detiene.
 * Retoma donde quedó: solo haz clic de nuevo hasta que diga "LISTO!".
 *
 * Para empezar de cero: ejecuta "resetarExportacao".
 */

var TAMANHO_LOTE = 60;        // diapositivas por ejecución
var SEGUNDOS_LIMITE = 320;    // se detiene antes del corte de 6 min

function exportarSlidesComoImagens() {
  var inicio = new Date().getTime();
  var props = PropertiesService.getScriptProperties();

  var presentation = SlidesApp.getActivePresentation();
  var presentationId = presentation.getId();
  var slides = presentation.getSlides();
  var total = slides.length;

  var proximo = parseInt(props.getProperty('proximo') || '0', 10);
  var pastaId = props.getProperty('pastaId');

  var pasta;
  if (pastaId) {
    pasta = DriveApp.getFolderById(pastaId);
  } else {
    var nomePasta = presentation.getName() + ' - PNGs (' +
      Utilities.formatDate(new Date(), Session.getScriptTimeZone(), 'yyyy-MM-dd HH:mm') + ')';
    pasta = DriveApp.createFolder(nomePasta);
    props.setProperty('pastaId', pasta.getId());
    Logger.log('Carpeta creada: ' + pasta.getUrl());
  }

  var larguraDigitos = String(total).length;
  var token = ScriptApp.getOAuthToken();
  var processadosNoLote = 0;

  for (var i = proximo; i < total; i++) {
    var decorrido = (new Date().getTime() - inicio) / 1000;
    if (processadosNoLote >= TAMANHO_LOTE || decorrido >= SEGUNDOS_LIMITE) {
      props.setProperty('proximo', String(i));
      Logger.log('>>> Lote completado. Se detuvo en la diapositiva ' + i + ' de ' + total +
        '. HAZ CLIC EN EJECUTAR DE NUEVO para continuar. <<<');
      return;
    }

    var slideId = slides[i].getObjectId();
    var url = 'https://slides.googleapis.com/v1/presentations/' + presentationId +
      '/pages/' + slideId + '/thumbnail' +
      '?thumbnailProperties.mimeType=PNG' +
      '&thumbnailProperties.thumbnailSize=LARGE';

    var resposta = UrlFetchApp.fetch(url, {
      headers: { Authorization: 'Bearer ' + token },
      muteHttpExceptions: true
    });

    if (resposta.getResponseCode() !== 200) {
      Logger.log('Error en la diapositiva ' + (i + 1) + ': ' + resposta.getContentText());
      continue;
    }

    var contentUrl = JSON.parse(resposta.getContentText()).contentUrl;
    var imagem = UrlFetchApp.fetch(contentUrl).getBlob();

    var numero = ('0'.repeat(larguraDigitos) + (i + 1)).slice(-larguraDigitos);
    imagem.setName('slide-' + numero + '.png');
    pasta.createFile(imagem);

    props.setProperty('proximo', String(i + 1));
    processadosNoLote++;
    Logger.log('Exportada la diapositiva ' + (i + 1) + ' de ' + total);
    Utilities.sleep(200);
  }

  props.deleteProperty('proximo');
  Logger.log('LISTO! Se exportaron todas las ' + total + ' diapositivas. Carpeta: ' + pasta.getUrl());
}

/** Reinicia el progreso para empezar desde la diapositiva 1 (no borra la carpeta anterior). */
function resetarExportacao() {
  var props = PropertiesService.getScriptProperties();
  props.deleteProperty('proximo');
  props.deleteProperty('pastaId');
  Logger.log('Progreso reiniciado. Ejecuta "exportarSlidesComoImagens" para empezar de cero.');
}