Saltar a contenido

S29 · Video II + IA aplicada a presentaciones

Datos de la sesión

Fecha: viernes 18-sep-2026 · Horario: 20:00 – 22:00 · Duración: 2 h · Sesión: 29 de 47 · Unidad: 3

Última sesión antes del examen. Dos bloques bien diferenciados:

  1. Video II — terminás tu video del PA3: ajustás el audio, ponés subtítulos automáticos con IA (CapCut) y exportás a 1080p.
  2. IA aplicada a presentaciones — exploramos dos formas de usar inteligencia artificial: Gamma para generar borradores de presentaciones desde un prompt, y HTML interactivo (modelos 3D, diagramas animados, mapas navegables) generado por Claude o ChatGPT. La IA como asistente, no como reemplazo del criterio de diseño que ya tenés.

Copilot en PowerPoint no es el foco

El Copilot de Microsoft 365 puede generar diapositivas desde un prompt, pero solo funciona con suscripción paga y versiones recientes de Office. La mayoría del aula no lo tiene. Lo mencionamos brevemente, pero las herramientas prácticas de hoy son Gamma (gratis hasta 10 presentaciones) y los asistentes de texto (Claude, ChatGPT, Bing Chat) para generar HTML interactivo.

Objetivos

  • Ajustar el audio de un video (volumen, música de fondo, silenciar partes).
  • Generar subtítulos automáticos con IA en CapCut y editarlos manualmente.
  • Exportar el video final en 1080p (MP4) listo para entregar.
  • Usar Gamma.app para generar un borrador de presentación desde un prompt.
  • Usar Claude / ChatGPT / v0 para generar una página HTML interactiva (diagrama animado, modelo 3D, mapa conceptual) que complemente una presentación.
  • Entender los límites éticos de la IA en comunicación visual.

Contenidos

Bloque A — Video II

1. Audio: que se escuche bien

Quiero… CapCut Clipchamp
Subir / bajar volumen de un clip Clic en el clip → panel derecho → Volumen (dB o porcentaje) Clic en el clip → panel derecho → Volumen
Fundido de audio (entrada/salida suave) Clic derecho en el clip → Fundido → elegir entrada, salida o ambos Panel de audio → Fundido de entrada / salida
Silenciar un fragmento Dividí (Ctrl+B) a ambos lados donde querés silenciar → seleccioná el fragmento → Volumen = 0 Dividí a ambos lados → Silenciar clip
Agregar música de fondo Importar un archivo de música (MP3) → arrastrarlo a la pista de audio (abajo) → bajar volumen al 10–15 % para que no tape la voz Igual: importar y arrastrar a pista de audio
Música libre de derechos Pixabay Music · Uppbeat · YouTube Audio Library Las mismas fuentes

Música de fondo: que no compita con tu voz

Si el espectador tiene que esforzarse para entenderte porque la música está muy fuerte, el video falló. Regla práctica: poné la música al 10–15 % del volumen de tu voz. Si hablás y se nota la música, está bien. Si hablás y la música distrae, bajala más.

2. Subtítulos automáticos con IA

CapCut genera subtítulos automáticamente usando reconocimiento de voz. Detecta el español, transcribe lo que decís y lo sincroniza con el video. Luego los editás para corregir errores.

Quiero… CapCut Clipchamp
Generar subtítulos automáticos Clic en Texto (panel izq.) → Subtítulos automáticos → elegí Español → Generar Clic en Subtítulos → Generar subtítulos automáticos → Español
Editar el texto de un subtítulo Doble clic en el subtítulo (en la línea de tiempo o en el panel) → editá el texto Seleccioná el subtítulo → editá el texto
Cambiar estilo de subtítulos Panel derecho → Estilo (fuente, color, fondo, borde, posición) Panel derecho → Texto (fuente, color, tamaño)
Corregir sincronización Arrastrá los bordes del subtítulo en la línea de tiempo Arrastrá los bordes del bloque de subtítulo
Exportar subtítulos como archivo Panel Texto → Exportar subtítulos (.srt) No disponible en la versión gratuita

Siempre revisá los subtítulos uno por uno

La IA acierta el 90–95 %, pero confunde palabras (ej. "sílice" vs "silicio" en un contexto técnico). Leé todos los subtítulos antes de exportar. Un subtítulo mal escrito queda para siempre.

3. Exportación final

Parámetro Valor recomendado ¿Por qué?
Formato MP4 (H.264) Compatible con todo: YouTube, WhatsApp, PowerPoint, Google Drive
Resolución 1920×1080 (1080p) Full HD, estándar actual. Si tu laptop sufre, 1280×720 (720p) es aceptable
Fotogramas por segundo (FPS) 30 Estándar web/video. 60 FPS solo si grabaste gameplay
Bitrate 10–16 Mbps Buen balance calidad/peso. Para 90 segundos, el archivo pesa ~100–180 MB
Audio AAC, 192 kbps Calidad más que suficiente para voz
Quiero… CapCut Clipchamp
Exportar video Exportar (arriba derecha) → elegí resolución y formato → Exportar Exportar (arriba derecha) → elegí resolución 1080p → Exportar
Elegir carpeta de destino En la ventana de exportación, clic en la carpeta de destino Se descarga a la carpeta de descargas del navegador

Bloque B — IA aplicada a presentaciones

4. Gamma: presentaciones desde un prompt

Gamma.app es una herramienta online que genera presentaciones completas a partir de un prompt de texto. Le decís el tema y en segundos te devuelve diapositivas con texto, imágenes sugeridas y un diseño limpio.

Flujo de trabajo con Gamma (10 min en vivo):

  1. Entrá a gamma.app y creá una cuenta gratuita (10 presentaciones gratis).
  2. Clic en Nuevo con IA → Presentación.
  3. Escribí un prompt descriptivo con 3 partes: tema + audiencia + cantidad de diapositivas.

Ejemplo de prompt para Gamma

Tema: Impacto de la inteligencia artificial en el empleo en Perú
Audiencia: Estudiantes universitarios de ofimática
Estructura: 8 diapositivas. Incluir introducción, datos de Latinoamérica,
3 sectores más afectados, habilidades que se necesitarán, conclusión.
Tono: profesional pero accesible, en español.
  1. Gamma genera un borrador. Revisá, editá lo que no te guste y descargalo como PPTX o PDF.
  2. Importante: lo que Gamma genera es un borrador, no el producto final. Ajustá la paleta de colores, las fuentes y el Slide Master con lo que aprendiste en S23 y S24.

¿Copilot de PowerPoint?

El Copilot de Microsoft 365 funciona dentro de PowerPoint y puede generar diapositivas, resumir documentos y sugerir diseños, pero requiere suscripción paga y una versión reciente de Office 365. Si algún estudiante lo tiene, que explore Inicio → Copilot en PowerPoint. Para el resto, Gamma cumple la misma función de forma gratuita.

5. HTML interactivo con IA: más allá de las diapositivas

Una presentación en PowerPoint es lineal y plana. Pero hay conceptos que se entienden mejor si el espectador puede interactuar con ellos: girar una molécula en 3D, navegar un diagrama expandiendo nodos, explorar un mapa haciendo clic. La IA puede generarte eso como una página HTML que abrís en el navegador y proyectás igual que un PowerPoint.

Herramientas:

Herramienta Para qué Costo
Claude (claude.ai) Generar HTML interactivo completo con Three.js, D3.js, o CSS animado Gratis (plan básico)
ChatGPT (chat.openai.com) Lo mismo; el modelo 4o genera HTML con JavaScript Gratis (plan básico)
v0 (v0.dev) Especializado en generar interfaces y componentes web interactivos Gratis (plan básico)
Bing Copilot Alternativa si las anteriores no están disponibles en el aula Gratis

Ejemplos de prompts y lo que obtenés:

Prompt: 

Generame un archivo HTML completo con Three.js que muestre un modelo 3D
de una molécula de agua (H₂O). Que el usuario pueda girarla con el mouse
y hacer zoom con la rueda. Los átomos de hidrógeno en blanco, el oxígeno
en rojo. Fondo oscuro. Que funcione offline (CDN de Three.js).

Resultado: una página HTML que abrís en el navegador, proyectás, y el público puede girar la molécula. Ideal para exposiciones de química, biología, farmacia.

Prompt: 

Creame un diagrama de flujo interactivo del proceso de fotosíntesis
usando HTML, CSS y JavaScript. Cada paso se revela al hacer clic en
"Siguiente". Incluir: 1) Captación de luz, 2) Fase luminosa,
3) Fase oscura (Ciclo de Calvin), 4) Productos finales.
Diseño limpio, colores verdes y amarillos, tipografía sans-serif.

Resultado: un diagrama paso a paso donde el expositor (o el espectador) controla el ritmo. Cada clic revela el siguiente paso.

Prompt: 

Generame un mapa conceptual interactivo en HTML sobre los géneros
literarios. Tres nodos principales (Narrativa, Lírica, Dramática)
que se expanden al hacer clic mostrando subgéneros y ejemplos.
Colores pastel, animaciones suaves, responsive.

Resultado: un mapa mental navegable que reemplaza 4 diapositivas estáticas de bullet points.

Prompt: 

Haceme una línea de tiempo interactiva de la historia del Perú
republicano (1821-2021) en HTML. Con eventos clave, imágenes
libres de Wikipedia, y filtros por siglo. Diseño horizontal,
scroll o clic para avanzar.

Resultado: una timeline explorable, reusable en varias materias, imposible de hacer en PowerPoint estático.

Cómo insertar el HTML en tu presentación

  • En vivo: abrí el .html en el navegador y alterná entre PowerPoint y el navegador (Alt+Tab).
  • Embebido en PowerPoint: Insertar → Complementos → Web Viewer y pegá la URL del HTML (requiere que esté alojado en línea o en localhost).
  • Offline: simplemente llevá el archivo .html en tu USB, abrílo en el navegador de la laptop del aula y proyectalo. No necesita internet (excepto los CDN como Three.js, que sí necesitan internet la primera carga).

6. Límites éticos: la IA como asistente, no como reemplazo

Con IA ✅ Sin IA ❌
Generar un borrador de 10 diapositivas y luego ajustar diseño, tipografía, colores y contenido con criterio propio Aceptar el primer borrador que escupe Gamma sin revisarlo ni mejorarlo
Usar IA para el guion inicial que luego pulís con tu voz y ejemplos propios Leer textual lo que escribió la IA sin adaptarlo a tu audiencia
Generar un HTML de una molécula 3D para complementar tu exposición sobre química Presentar solo el HTML generado sin explicar nada vos
Pedirle a la IA que te sugiera una paleta de colores para tu presentación sobre cambio climático Usar la paleta sin entender por qué funciona
Citar en tu guion o créditos: "Diagrama generado con asistencia de IA (Claude/ChatGPT)" Hacer pasar el contenido generado por IA como propio sin transparencia

Actividad en clase (60 min)

Bloque A — Terminar el video (25 min)

  1. Abrí tu proyecto de CapCut o Clipchamp (el corte grueso de S28).
  2. Ajustá el audio: normalizá el volumen de tu voz, agregá música de fondo libre (buscá en Pixabay Music) al 10–15 %.
  3. Generá subtítulos automáticos (Texto → Subtítulos automáticos → Español). Revisalos uno por uno y corregí errores.
  4. Exportá a 1080p (MP4, 30 FPS, H.264).
  5. Guardá el .mp4 como PA3-video-final.mp4.

Bloque B — Probar Gamma (15 min)

  1. Entrá a gamma.app, creá cuenta gratuita.
  2. Nuevo con IA → Presentación y escribí un prompt sobre un tema académico (puede ser una materia que estés cursando).
  3. Revisá el resultado. Cambiale al menos 3 cosas (texto, imágenes, orden de diapositivas).
  4. Descargalo como PPTX.
  5. Respondé mentalmente: ¿qué partes del borrador dejarías igual y cuáles reharías desde cero?

Bloque C — Generar un HTML interactivo (20 min)

  1. Abrí Claude o ChatGPT (o Bing Copilot si los anteriores no están disponibles).
  2. Elegí uno de los prompts de ejemplo de la sección 5 y adaptalo a un tema de tu interés:
    • Si estudiás química/biología/farmacia → molécula 3D.
    • Si estudiás ingeniería/procesos → diagrama de flujo animado.
    • Si estudiás educación/letras → mapa conceptual interactivo.
    • Si estudiás historia/sociales → línea de tiempo interactiva.
  3. Copiá el HTML generado, guardalo como interactivo.html y abrilo en el navegador.
  4. Probálo: ¿se ve bien? ¿la interacción funciona? Si algo falla, pedile a la IA que lo corrija ("La molécula no gira, arreglalo").

Entregable final de S29 (PA3 completo):

  • PA3-presentacion.pptx (o .odp o link de Slides) — la presentación final con Slide Master, elementos visuales, animaciones y navegación.
  • PA3-video-final.mp4 — video de 60–90 s, subtitulado, exportado en 1080p.
  • PA3-guion.docx — guion en Word con estilos (Título 1, Título 2, Normal).
  • interactivo.html (opcional, para punto extra) — HTML interactivo generado con IA.

Atajos útiles

Acción CapCut Clipchamp
Dividir clip Ctrl+B Botón ✂️
Exportar Botón Exportar (arriba derecha) Botón Exportar
Deshacer Ctrl+Z Ctrl+Z
Generar subtítulos Texto → Subtítulos automáticos Subtítulos → Generar

Tips

  • El video de 90 segundos se revisa en 90 segundos. Antes de exportar, miralo completo una vez, del principio al final, sin interrupciones. Lo que detectes en esa última mirada corregilo.
  • El HTML interactivo es tu as bajo la manga. En la defensa del examen (S30), si mostrás un HTML con un modelo 3D además de tu presentación y video, te diferenciás del 100 % de tus compañeros.
  • Gamma no reemplaza el Slide Master. Gamma te da contenido crudo en un diseño genérico. Después, vos le aplicás tu plantilla de S24, tu paleta de S23 y tus animaciones de S26. La suma de IA + criterio humano = resultado profesional.

Recursos

  • Gamma — presentaciones desde prompt (gratis 10 presentaciones)
  • Claude — asistente de texto, genera HTML interactivo
  • ChatGPT — asistente de texto, genera HTML interactivo
  • v0 by Vercel — generador de interfaces web interactivas