DNO097 es el código de este OPR, a cargo del profesor Felipe Alberto Cortez Orellana (FACO).
Partiendo desde el dominio de HTML, CSS y JavaScript, en este optativo el estudiantado vinculará gráficos vectoriales escalables (SVG) con formatos ligeros de intercambio de datos (JSON, CSV, XML) para desarrollar, de manera autónoma, tableros de información (dashboards) e infografías digitales, interactivas y dinámicas.
Para ello, se realizarán clases invertidas, simulaciones y aprendizaje basado en problemas.
Los aprendizajes serán evaluados por medio de actividades de aplicación en cada clase, y de manera presencial.
Este curso tiene como requisito la aprobación previa de uno de los siguientes:
Cada estudiante en este OPR debe disponer de:
cuenta personal en GitHub, para:
crear un repositorio por cada clase
activar GitHub Pages en cada repositorio creado
computador durante el horario de clases, con:
conexión a Internet
editor de código fuente (Sublime Text, Phoenix Code Editor) u otro.
navegador web (Chrome, Firefox u otro que NO sea Safari). Es muy necesario que desactive los traductores en su navegador, porque la traducción automática (y forzada) al español puede complicar un trabajo que se hace en inglés. También es necesario que sepa como “Ver el código fuente de la página”, inspeccionar elementos y abrir consola.
Viernes en módulos 1 y 2, esto es entre 08:20 y 10:50 hrs. / Sala 201
Según Calendario de Actividades Académicas y Estudiantiles 2026, para el miércoles 4 de marzo está programado el INICIO DE CLASES DEL PRIMER SEMESTRE ESTUDIANTES NUEVOS Y ANTIGUOS, y al viernes 26 de junio corresponde la Finalización de clases del primer período académico.
Clase 01 → 06/03/2026 → Presentación de un curso entre datos e información
Clase 02 → 13/03/2026 → Los datos y la información en gráficas (clase 1 de 2)
Clase 03 → 20/03/2026 → Los datos y la información en gráficas (clase 2 de 2)
Clase 04 → 27/03/2026 → Formatos ligeros de intercambios de datos (clase 1 de 2)
Clase 05 → 03/04/2026 → Feriado (Viernes Santo)
Clase 06 → 10/04/2026 → Formatos ligeros de intercambios de datos (clase 2 de 2)
Clase 07 → 17/04/2026 → Gráficas y datos en diseño web responsive: SVG
Clase 08 → 24/04/2026 → Gráficas y datos en diseño web responsive: SVG y HTML
Clase 09 → 01/05/2026 → Feriado (Día del Trabajo)
Clase 10 → 08/05/2026 → Gráficas y datos en diseño web responsive: SVG, HTML y JavaScript (clase 1 de 2)
Clase 11 → 15/05/2026 → Gráficas y datos en diseño web responsive: SVG, HTML y JavaScript (clase 2 de 2)
Receso de docencia. Entre Lunes 18 de mayo y sábado 23 de mayo se suspenden las clases. Las evaluaciones académicas quedarán suspendidas entre el lunes 18 y el lunes 25 de mayo inclusive.
Clase 12 → 29/05/2026 → Diseño y programación: Definición de la propuesta
Clase 13 → 05/06/2026 → Diseño y programación: Datos para la propuesta
Clase 14 → 12/06/2026 → Diseño y programación: Desarrollo de la propuesta
Clase 15 → 19/06/2026 → Evaluación para la primera propuesta
Clase 16 → 26/06/2026 → FINALIZACIÓN DE CLASES DEL PRIMER PERIODO ACADÉMICO → Evaluación de la segunda propuesta
Clase 17 → 03/07/2026 → EXAMENES DE CURSOS MÍNIMOS Y OPTATIVOS → Reevaluación de la segunda propuesta (sólo para quienes lo estimen necesario)
Cada clase se basará en modalidad de “aula invertida”; esto transfiere a cada estudiante la responsabilidad de adelantar la revisión de la “teoría” en el README.md de cada clase. Para que quede más claro, en los primeros README.md el título de Teoría es seguido por un paréntesis (para la casa). Si cada estudiante revisa esta “teoría para la casa”, las clases de los viernes podrán basarse en una práctica que organizará su comprensión, atendiendo a dudas puntuales.
50% → Puntos acumulados entre clases 1 y 14
25% → Evaluación para la primera propuesta
25% → Evaluación para la segunda propuesta
Mínima
Complementaria
Se agregarán más referencias en el README.md de cada clase.