OpenClass UNIMINUTO · Reveal.js

Clases interactivas escritas en Markdown, listas para presentar

Un comando de npm crea un curso completo: portal, ocho semanas, 13 layouts con identidad visual, código con scroll, diagramas, gráficos, fórmulas, actividades y una guía del docente. Sin saber React.

INSTALAR CON NPM VER DEMOSTRACIÓN EXPLORAR LOS 13 LAYOUTS GUÍA DEL DOCENTE GITHUB

Portada de la demostración «TEMÁTICA DE PRUEBA»

Proyecto docente independiente de código abierto. No es un sitio oficial de UNIMINUTO. El paquete público usa un tema neutro: los logotipos institucionales no se distribuyen y cada docente autorizado los aplica en su equipo con --assets.

Lo que incluye cada curso

13 layouts

Portada, separador, resultados, imágenes, texto, columnas, comparación, multimedia, código y cierre, con vista previa real.

Código sin límites

Programas extensos con scroll vertical y horizontal, botón copiar y teclado seguro; o paginados para PDF.

Diagramas y datos

Mermaid, Chart.js y fórmulas KaTeX escritas como texto, sin capturas de baja resolución.

Aprendizaje activo

Microactividad editable con validación y retroalimentación, quiz y laboratorio dentro de la presentación.

Herramientas docentes

Vista del presentador con notas, pizarra, anotaciones, búsqueda, vista general y exportación a PDF.

Publicación estática

Compila a HTML/CSS/JS y se publica en GitHub Pages con el flujo de trabajo incluido.

Código desplazable con botón copiar — Código con scroll y copiar

Instalar con npm

Requiere Node.js 20.19 o posterior. El curso se crea en tu equipo; esta página solo documenta y muestra la demostración.

npm create openclass-uniminuto-revealjs@latest mi-curso
cd mi-curso
npm install
npm run dev

Docentes con autorización para los recursos institucionales:

npm create openclass-uniminuto-revealjs@latest mi-curso -- --assets "RUTA/recursos-institucionales"

Paquete: https://www.npmjs.com/package/create-openclass-uniminuto-revealjs

Los 13 layouts

Capturas reales de la demostración. Copia el Markdown de cualquier layout y pégalo en tu semana. Ficha completa en la galería.

oc-l-cover

Portada institucional

Abrir la sesión con el título del tema, la semana y la fecha.

Ver ejemplo Ficha

oc-l-section

Separador de unidad

Anunciar un bloque temático nuevo y marcar una pausa visual.

Ver ejemplo Ficha

oc-l-image-left

Imagen a la izquierda

Explicar con un esquema o fotografía que guía la lectura de la lista.

Ver ejemplo Ficha

oc-l-image-right

Imagen a la derecha

Presentar primero la idea y después el apoyo visual.

Ver ejemplo Ficha

oc-l-top-right

Título superior derecho

Abrir con un caso, escenario o personaje visual y comentarlo a la derecha.

Ver ejemplo Ficha

oc-l-top-left

Título superior izquierdo

Presentar datos o resultados: la lista bajo el título y la evidencia a la derecha.

Ver ejemplo Ficha

oc-l-multimedia

Multimedia

Mostrar un video, una actividad, un simulador, un diagrama Mermaid o un gráfico a pantalla completa.

Ver ejemplo Ficha

oc-l-text

Texto desarrollado

Desarrollar una idea central con viñetas, fórmulas o una pregunta de repaso.

Ver ejemplo Ficha

oc-l-objectives

Resultados de aprendizaje

Declarar los resultados esperados o los pasos de una actividad práctica.

Ver ejemplo Ficha

oc-l-two-cols

Dos columnas

Organizar información paralela o una tabla breve.

Ver ejemplo Ficha

oc-l-two-titles

Dos títulos

Comparar dos conceptos, enfoques o soluciones, cada uno con su título.

Ver ejemplo Ficha

oc-l-code

Código fuente

Mostrar programas con resaltado de sintaxis, scroll o paginación y botón copiar.

Ver ejemplo Ficha

oc-l-closing

Cierre institucional

Cerrar la sesión con el mensaje GRACIAS.

Ver ejemplo Ficha

Actividades interactivas

Una microactividad de 5 a 10 minutos funciona dentro de la diapositiva: los estudiantes clasifican acciones, comprueban, leen la retroalimentación y reintentan.

Validación de respuestas incompletas, correctas e incorrectas.
Resultado observable, reinicio y cronómetro orientativo.
Accesible con teclado y lector de pantalla; funciona en iframe aislado.
Para otro tema se edita un solo archivo: datos.js.

PROBAR LA ACTIVIDAD VERLA EN LA PRESENTACIÓN

Microactividad dentro de la presentación

Crear una semana con inteligencia artificial

Cada curso trae tres archivos en docs/IA/ para que ChatGPT, Claude o Codex produzcan Markdown compatible, sin inventar clases, enlaces ni bibliografía.

1 · Instrucciones

INSTRUCCIONES-OPENCLASS.md: contrato técnico con la arquitectura, los 13 layouts y las reglas de validación.

Ver archivo

2 · Plantilla semanal

PLANTILLA-SEMANAL.md: curso, tema, resultados, materiales, actividades y evaluación (admite datos parciales).

Ver archivo

3 · Prompt

PROMPT-CREAR-SEMANA.md: secuencia pedagógica, microactividad, evaluación formativa y reporte de pendientes.

Ver archivo