Sistema de creación y aplicación de rúbricas evaluativas.
Creado como herramienta de apoyo docente para el curso CC5408 - Taller de Diseño y Desarrollo de Videojuegos.
Modo revisión | Modo edición |
---|---|
![]() |
![]() |
Una rúbrica se modela como un arbol donde:
- Cada rúbrica puede tener una a varias categorías.
- Cada categoría puede tener una a varias subcategorías.
- Cada subcategoría puede tener uno o varios criterios.
Los criterios son los items a evaluar, y afectan el cálculo del puntaje y la nota. Existen distintos tipos de criterio, con distintos efectos en el cálculo del puntaje:
Afecta total posible | No afecta total posible | |
---|---|---|
Afecta cálculo local | + Requisito (azul) | - Descuento (rojo) |
Afecta cálculo global | N/A | + Bonus (verde) |
Marcar criterios genera un output dinámico. El formato es:
- Nota final y Puntaje calculado
- Nombre de rúbrica
- *Descuentos (Requisitos no marcados y descuentos marcados)
- *Bonos (Bonus marcados)
- *Comentarios
- Nombre revisor
*: Solo se incluyen estas secciones si es que tienen contenido, si no, se omiten.
El resultado se puede copiar directo al portapapeles.
Evaluación | Output |
---|---|
![]() |
![]() |
Rúbricas se puede exportar e importar como json. Esto incluye las marcas en los criterios, así que exportar una rúbrica sin marcas es como exportar un template, y exportar uno con marcas es como exportar la evaluación en sí.
- Todas los puntajes se truncan a dos decimales, y todas las notas se truncan a un decimal luego de ser calculados. Redondear queda como responsabilidad del sistema de notas o del ayudante revisor.
- La jerarquía es fija (categoria->subcategoría->criterio) por simplicidad.
- Hay poca validación de los campos de input al editar una rúbrica.
- ⚠ Las rubricas y evaluaciones se guardan en local storage, por lo que si limpias los cookies o cambias de navegador no persistirán. Siempre se debe respaldar como json!
- Página estática en github pages (HTML+CSS+JS)
- Libreria JS: Alpine.js
- Íconos: Feather Icons
- Base CSS: Simple.css
- Toasts: Toastify JS
Para correr localmente solo se debe montar un servidor web con en la carpeta. Por ejemplo: Live Server de VSCode.