Qué es el Panel de clases
Un solo lugar para planear cada sesión, guardar las ligas que vas a usar y presentarlas en pantalla completa el día de la clase — sin depender de una carpeta con veinte pestañas abiertas.
El Panel organiza tu trabajo en tres niveles: materias, que contienen sesiones, que contienen recursos (ligas, lecturas, actividades, notas). Cada cambio se guarda solo — no hay botón de «Guardar».
Guárdala en tus favoritos. No se instala nada: es una página que abres en el navegador, igual en la oficina que en el salón.
Ábrelo en Chrome o Edge
El Panel usa una función del navegador para leer y escribir directamente en un archivo tuyo — hoy solo la tienen Chrome y Edge. En Safari o Firefox el Panel abre, pero sin esa función: solo guarda en el navegador (más abajo se explica qué significa eso).
-
Paso 1
Abre Chrome o Edge
Ambos son gratuitos y ya suelen venir instalados en los equipos de la universidad.
-
Paso 2
Ve a panel-de-clases.netlify.app
Escríbelo en la barra de direcciones, tal cual, sin «www».
-
Paso 3
Verás una sesión de ejemplo
Está ahí para que recorras la interfaz. Edítala o bórrala cuando quieras empezar con tu propia materia.
Materias, sesiones y recursos
Así se ve la pantalla principal la primera vez que la abres.
1Materias + Materia
2Sesión vigente + Sesión
Recurso con liga web
Las ligas https abren en otra pestaña.
Actividad sin liga
No todo recurso necesita archivo.
- 1Materias — tus cursos del semestre, en la columna izquierda.
- 2Sesiones — cada clase de esa materia, debajo de sus materias.
- 3Recursos — lo que usarás en esa clase, a la derecha, ordenados por minuto.
Crea tus materias y sesiones
Una materia por curso. Dentro, una sesión por clase.
Nueva materia
-
Paso 1
Haz clic en «+ Materia»
Está junto al encabezado «Materias», arriba de la columna izquierda.
-
Paso 2
Completa nombre, nivel y periodo
Por ejemplo: nombre «Comunicación oral», y en «Nivel y periodo» algo como
Posgrado · Otoño 2026. Puedes agregar también la carpeta de OneDrive del curso y el cuaderno de OneNote, si ya los tienes — quedan como enlaces fijos junto a la materia. -
Paso 3
Guarda
La materia aparece de inmediato en la lista, lista para recibir sesiones.
Nueva sesión
-
Paso 1
Selecciona la materia
Haz clic en su nombre en la columna izquierda.
-
Paso 2
Haz clic en «+ Sesión»
Escribe número, fecha, título y el propósito de esa clase.
-
Paso 3
Guarda — las sesiones se ordenan solas por fecha
No importa en qué orden las captures, siempre aparecerán cronológicamente.
Recursos de cada sesión
Un recurso es cualquier cosa que uses en esa clase: una liga, una lectura, una actividad, una nota para ti misma.
-
Paso 1
Haz clic en «Agregar recurso»
Está en la barra de controles, encima del listado de recursos de la sesión.
-
Paso 2
Escribe el título y elige el tipo
El tipo es libre: puedes usar los que ya existan (liga, lectura, actividad, video, presentación…) o escribir uno nuevo propio de tu materia — «rúbrica», «examen», lo que necesites.
-
Paso 3
Indica el momento de la sesión
Escribe el minuto, por ejemplo
0:15–0:40. El recurso se acomoda solo en ese punto de la clase; lo que no lleva minuto se queda junto al recurso al que sigue. También puedes reordenar a mano con Subir y Bajar, o cambiarlo de sesión con Mover a… -
Paso 4
Pega la liga de OneDrive
En OneDrive: clic derecho sobre el archivo → Compartir → Copiar vínculo. Si el archivo todavía no existe, los botones Word, PowerPoint, Excel y Cuaderno OneNote lo crean en blanco y dejan el formulario abierto para pegar su liga después.
Así se ve un recurso ya guardado, con sus acciones:
Recurso con liga web
Las ligas https abren en otra pestaña y entran en «Abrir todo».
- 1Tipo — libre, lo defines tú.
- 2Momento — minuto de la clase; ordena el recurso automáticamente.
- 3Acciones — abrir, marcar como usado, mover, editar o quitar.
Cómo se guarda tu trabajo
No hay botón de guardar: cada cambio se guarda solo. Lo que cambia es dónde queda guardado.
En este navegador (automático)
Al abrir el Panel sin hacer nada más, cada cambio se guarda en este navegador y esta computadora. No viaja a ningún servidor — y tampoco a tu otra computadora.
Archivo vinculado (recomendado)
Vinculas un archivo .json propio y el Panel escribe ahí cada cambio, además de dejar una copia en el navegador. Es la base de la sección de OneDrive, más abajo.
Sin guardado (poco común)
Solo ocurre si el navegador bloquea el almacenamiento local. El Panel te avisa; en ese caso, usa Guardar respaldo antes de cerrar la pestaña.
El estado actual siempre se ve en la pastilla junto a los botones, arriba a la derecha:
.json, y con «Importar respaldo» lo cargas en otra computadora. Es la forma de pasar tus datos si no puedes vincular un archivo — pero hacerlo a mano cada vez es justo lo que vincular con OneDrive evita.
Vincular tu archivo con OneDrive
Esto es lo único que necesitas configurar una vez. Después, el Panel guarda solo, y tu planeación te sigue a cualquier computadora con acceso a tu OneDrive.
-
Paso 1
Abre el Panel en Chrome o Edge
-
Paso 2
Haz clic en «Vincular archivo»
No es un ícono: es el primer botón de texto, arriba a la derecha, junto a «Importar respaldo» y «Guardar respaldo».
-
Paso 3
Elige «Vincular archivo nuevo»
Se abre una ventana titulada «Dónde se guardan tus datos», con varias opciones — esta es la que empieza a escribir en un archivo tuyo.
-
Paso 4
Navega hasta tu carpeta de OneDrive
Se abre el selector de archivos normal de tu sistema. Busca la misma carpeta de OneDrive donde ya guardas los materiales de este curso — lecturas, presentaciones, lo que sea.
-
Paso 5
Nombra el archivo y guarda
Por ejemplo
panel-de-clases.json. La pastilla de estado cambiará a «Guardado… en panel-de-clases.json»: listo.
Así se ve la ventana del paso 3:
Dónde se guardan tus datos
Ahora mismo el Panel guarda en este navegador.
- 1Vincular archivo nuevo — crea el .json y empieza a escribir en él desde ahora.
panel-de-clases.json vive dentro de la carpeta de OneDrive que ya usas para este curso, tu planeación deja de estar atada a una sola computadora. En la del salón de clases, en la de tu oficina o en cualquiera de las salas de profesores: abres panel-de-clases.netlify.app, entras a «Vincular archivo» → «Abrir archivo existente», y eliges ese mismo archivo dentro de tu OneDrive. Verás tu planeación completa, tal como la dejaste — sin copiar nada a mano.
En una computadora nueva: «Abrir archivo existente»
Es la opción de al lado. Elige el .json que ya vinculaste desde tu OneDrive y el Panel carga todo lo que tenías. Si dos computadoras editaron el archivo por separado, el Panel se queda con la versión más reciente.
Copias de seguridad
Además de tu archivo, el Panel archiva por su cuenta las últimas tres versiones: una al abrir, y una antes de cada operación que sustituye todo (abrir otro archivo, importar un respaldo, restaurar una copia).
Estas copias aparecen al final de la misma ventana «Dónde se guardan tus datos»:
Copias de seguridad
Estas copias viven en el navegador, no en OneDrive: si abres el Panel en otra computadora no las vas a encontrar ahí. Por eso son un respaldo local, complementario a tener el archivo vinculado — no un sustituto.
Modo clase
Pantalla completa, un recurso a la vez, con un reloj que compara el tiempo real contra el minuto planeado.
-
Paso 1
Selecciona la sesión del día y haz clic en «Modo clase»
Es el botón rojo, en la barra de controles de la sesión.
-
Paso 2
Navega con las flechas del teclado
← → para moverte entre recursos, «Abrir recurso» para abrir su liga en otra pestaña sin salir de esta pantalla.
-
Paso 3
Sal con Esc
O con el botón «Salir», al fondo.
El reloj de abajo funciona de verdad — dale «Iniciar» y observa cómo cambia cuando el tiempo real se aleja del minuto planeado del recurso (0:00–0:10):
Recurso con liga web
Las ligas https abren en otra pestaña y entran en «Abrir todo».
https://example.org/lecturaOtras herramientas
El resto de los botones de la barra de controles y del encabezado de cada sesión.
Ordenar por minutos
Acomoda de golpe todos los recursos de la sesión según el minuto que declara cada uno.
Abrir todo
Abre en pestañas todas las ligas web de la sesión, en orden.
Revisar enlaces
Busca ligas vacías, rutas locales (file://, que no abren en otra computadora) y ligas mal formadas en toda la materia.
Vista de semestre
Todas las sesiones del curso en una tabla, con fecha y número de recursos — para revisar el temario completo de un vistazo.
Imprimir guion
Imprime la sesión activa como guion de papel, sin botones ni interfaz.
Exportar a Markdown
Descarga la materia activa en texto plano: sesiones, recursos, ligas, notas y bitácoras.
Plantilla del curso
Como la anterior, pero sin ligas ni bitácoras — para compartir tu planeación sin exponer tus URLs privadas.
Nueva nota en Word
Abre un Word en blanco y deja listo el formulario de recurso para pegar su liga en cuanto lo guardes.
Si borraste algo por error, aparece un aviso abajo a la izquierda con la opción de deshacer:
Preguntas frecuentes
¿El Panel funciona sin internet?
Una vez cargada la página, sí. Pero si tu archivo vinculado está en OneDrive, necesitas conexión para que OneDrive sincronice esos cambios hacia tus otras computadoras.
¿Por qué me vuelve a pedir permiso sobre el archivo?
Es el propio navegador, no el Panel: por seguridad, Chrome y Edge piden confirmar el acceso cada cierto tiempo. Se resuelve con el botón Reconectar dentro de «Vincular archivo».
Cerré la pestaña sin vincular archivo. ¿Perdí mi planeación?
No: si estabas en modo «navegador», tus datos siguen guardados en este navegador y esta computadora. Ábrelo de nuevo en el mismo Chrome o Edge y ahí van a estar. Si no aparecen, revisa las copias de seguridad.
¿Puedo usar el mismo archivo desde varias computadoras?
Sí — es justo el punto de vincularlo dentro de tu carpeta de OneDrive. En cada computadora usas «Vincular archivo» → «Abrir archivo existente» y eliges ese mismo .json.
¿Mis ligas de OneDrive son privadas?
Sí, el Panel no las envía a ningún servidor. Pero los respaldos .json sí las incluyen, con sus claves de uso compartido — no subas ese archivo a un repositorio abierto ni lo compartas fuera de tu OneDrive institucional.
¿Por qué una liga aparece marcada como «ruta local»?
Porque empieza con file://: apunta al disco de una sola computadora y no abre desde el navegador en ninguna otra. Súbela a OneDrive y sustituye la liga por la que te da «Copiar vínculo».