Curso: Interacción Hombre-Computador (202W0606) — Semestre 2026-2 Universidad Nacional Mayor de San Marcos · Facultad de Ingeniería de Sistemas e Informática Docente: Mg. Ing. Ernesto D. Cancho-Rodríguez, MBA (GWU) Equipo A
Desarrollo de la Guía de Laboratorio 6 (Metáforas de Interfaz: Definición, Tipos y Criterios de Diseño): documentación paso a paso de los ejercicios 6.1–6.3 y UML (L.4) y diseño, prototipo y evaluación de una metáfora propia para el proyecto del equipo, Ernesto Investing AI (L.5).
| Fase | Contenido | Estado |
|---|---|---|
| 0 | Plan y estructura | ✅ PLAN.md |
| 1 | Paso 1 — Galería interactiva (6.1) mejorada | ✅ análisis · 12/12 en Chrome, Edge y Firefox |
| 2 | Paso 2 — Comparativa de estilos (6.2) | ✅ análisis · contraste WCAG, axe-core y teclado |
| 3 | Paso 3 — Medición (6.3), CSV → Excel | ✅ análisis · 30 registros reales · Excel |
| 4 | Paso 4 — Notebook de análisis (6.3b) | ✅ análisis · notebook ejecutado en Colab · Friedman p = 0,27 |
| 5 | Paso 5 — Diagramas UML (SVG + .puml) |
✅ análisis · 5 diagramas corregidos (V2) + originales renderizados |
| 6 | L.5 — Metáfora propia «El portafolio como huerto» | 🟡 prototipo verificado y publicado · UML · análisis listo — faltan los CSV de la evaluación (instrucciones) |
| 7 | Informes Word en APA 7 | ⏳ |
| 8 | Empaquetado .zip |
⏳ |
| Recurso | Enlace |
|---|---|
| Galería 6.1 v2 del Equipo A (versión propia) | https://nicola3113.github.io/IHC-2026-2-EquipoA-Lab06-Metaforas/L4_paso_a_paso/paso1_galeria/03_version_mejorada/ejercicio_6_1_galeria_metaforas_v2_EquipoA.html |
| Galería 6.1 regenerada desde el prompt | https://nicola3113.github.io/IHC-2026-2-EquipoA-Lab06-Metaforas/L4_paso_a_paso/paso1_galeria/02_regenerado_desde_prompt/ejercicio_6_1_regenerado.html |
| Prototipo L.5 «Huerto de inversiones» | https://nicola3113.github.io/IHC-2026-2-EquipoA-Lab06-Metaforas/L5_metafora_propia/prototipo/L5_huerto_inversiones_EquipoA.html |
| Ejercicio 6.1 publicado por el docente | https://spiffy-creponne-8c534b.netlify.app/ |
| Ejercicio 6.3 publicado por el docente | https://stately-croquembouche-93dd68.netlify.app/ |
insumos/ — material del docente sin modificar (guía, HTML, notebook, UML).L4_paso_a_paso/ — evidencias de los pasos 1 a 5.L5_metafora_propia/ — prototipo, datos, notebook, UML y capturas de la metáfora propia.build/ — scripts de generación (informes, Excel, diagramas).entregables/ — informes finales y .zip.