Wireframes, Mockups, Mapas de Navegación y Prototipado
Los wireframes representan la estructura básica de las páginas, mostrando la disposición de elementos sin estilos visuales detallados.
Los mockups representan el diseño visual final con colores, tipografía, imágenes y estilos aplicados.
Cursos de alta calidad con certificación
Ver CursosPHP Full Stack
40 horas • Online
VerDiseño UX/UI
60 horas • Híbrido
VerCiberseguridad
80 horas • Online
Ver© 2025 UTyPCB Centro de Capacitación
Aprende a crear aplicaciones web completas desde cero...
© 2025 UTyPCB
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>https://cursos.mitiendamonica.com/</loc>
<priority>1.0</priority>
</url>
<url>
<loc>https://cursos.mitiendamonica.com/cursos.php</loc>
<priority>0.9</priority>
</url>
<url>
<loc>https://cursos.mitiendamonica.com/nosotros.php</loc>
<priority>0.7</priority>
</url>
<url>
<loc>https://cursos.mitiendamonica.com/contacto.php</loc>
<priority>0.8</priority>
</url>
</urlset>
Dibujos iniciales en papel para definir estructura básica
Prototipos de baja fidelidad con estructura y contenido
Diseños de alta fidelidad con estilos visuales finales
Implementación real con HTML, CSS, JavaScript y PHP
URL del Prototipo:
https://cursos.mitiendamonica.comEl prototipo funcional está completamente implementado y desplegado en un servidor de producción, permitiendo:
| Fase | Herramienta | Propósito |
|---|---|---|
| Wireframes | HTML + CSS (representación visual) | Documentar estructura de páginas |
| Mockups | HTML + CSS + Bootstrap | Diseño visual de alta fidelidad |
| Desarrollo Frontend | VS Code + Bootstrap 5 | Implementación de interfaces |
| Desarrollo Backend | PHP 8.x + MySQL | Lógica de negocio y datos |
| Despliegue | SSH + SCP | Publicación en servidor |
| Documentación | HTML + Bootstrap | Este documento de arquitectura |
El desarrollo de la plataforma de cursos para UTyPCB Centro de Capacitación ha cumplido satisfactoriamente con todos los objetivos planteados: