Práctica acompañada
Resolver diseño, paso a paso
No mires primero la respuesta. Registrá tus decisiones, pedí una pista cuando la necesites y compará tu propuesta recién al final.
0 / 6casos completados
+ Método reutilizable para la práctica completa
+La misma hoja de ruta sirve para los problemas no resueltos
+1Separar hechos de decisiones2Anticipar cambios3Un secreto por módulo4Diseñar interfaces5Elegir relaciones6Documentar y someter a cambios
+ Aplicala a Celda de producción, Museo, Balanza de camiones, Procesamiento de imágenes, Estación climatológica, Exclusa y los demás enunciados de la práctica.
+${c.problem}`;document.querySelector("#roadmap").innerHTML=c.steps.map((x,i)=>`
${s[0]}
${s[1]}
Pista: ${s[2]}
${s[0]}
${s[1]}
Pista: ${s[2]}
Antes de comparar
Comprobá que cada módulo tenga un secreto, que las interfaces no revelen implementación y que un cambio afecte pocas unidades.
${c.solution.idea}
${c.solution.modules.map(m=>`
${m[0]}${m[1]}
`).join("")}Relación: ${c.solution.relation}
Esta es una solución de referencia. Compará los criterios y no sólo los nombres.
`} +document.querySelector("#case-picker").addEventListener("click",e=>{const b=e.target.closest("[data-case]");if(b){persist();caseIndex=Number(b.dataset.case);stepIndex=0;render()}});document.querySelector("#roadmap").addEventListener("click",e=>{const li=e.target.closest("[data-step]");if(li){persist();stepIndex=Number(li.dataset.step);render()}});document.querySelector("#previous-step").addEventListener("click",()=>{persist();if(stepIndex>0)stepIndex--;render()});document.querySelector("#next-step").addEventListener("click",()=>{persist();state[key()].done=true;save();if(stepIndex<5)stepIndex++;else{document.querySelector("#solution-content").innerHTML=solutionHTML(cases[caseIndex]);document.querySelector("#solution-dialog").showModal()}render()});document.querySelector("#hint-button").addEventListener("click",()=>{const entry=state[key()]||{};entry.hint=true;state[key()]=entry;save();document.querySelector("#hint-box")?.classList.add("visible")});document.querySelector("#step-content").addEventListener("click",e=>{if(e.target.id==="reveal-solution"){persist();document.querySelector("#solution-content").innerHTML=solutionHTML(cases[caseIndex]);document.querySelector("#solution-dialog").showModal()}});document.querySelector("#close-solution").addEventListener("click",()=>document.querySelector("#solution-dialog").close());render(); diff --git a/prototipo/index.html b/prototipo/index.html index ab39e5a..7396cc2 100644 --- a/prototipo/index.html +++ b/prototipo/index.html @@ -13,7 +13,7 @@ S SAP · TFILaboratorio ICONIX - +