Clase 22: miércoles 17 al viernes 19 de mayo de 2023.
El proyecto web se desarrollará en grupos de 4 integrantes cada uno (obligatorio). Cada grupo deberá designar un representante de forma tal de establecer contacto directo con el Instructor del curso. Será ese integrante el que recibirá la devolución del proyecto realizada por el Instructor en el transcurso de la cursada y cualquier notificación relevante realizada a lo largo del desarrollo del proyecto.
El TPO deberá cumplir con los siguientes requisitos:
- Poseer al menos 4 páginas html, siendo su temática libre. En caso de ser un Sitio Web estilo One Page, el mismo deberá tener al menos 4 secciones.
- Utilizar etiquetas semánticas para estructurar el sitio.
- Contener un formulario de contacto con validación realizada mediante Javascript. Opcional: el formulario podrá enviar un email utilizando algún servicio externo destinado para ello.
- Utilizar al menos un Iframe, íconos de FontAwesome o Flaticon; y fuentes locales o bien de Google Fonts o similar.
- Tener al menos una página totalmente responsive con 3 puntos de corte para 3 tamaños de dispositivos distintos.
- Incorporar al menos una animación, transformación o una transición (se deberá indicar en qué parte del sitio web fue incorporada la animación).
- Poseer una estructura HTML maquetada con Flexbox y/o Grid.
- Consumir una API Rest desde JavaScript. Deberá informar la API utilizada al momento de entregar el TPO.
- En caso de querer utilizar Bootstrap (no es obligatorio), sólo podrá hacerlo en la página del formulario del sitio web. No se aceptarán proyectos desarrollados íntegramente en algún Framework de CSS (Bootstrap, Materialize, Tailwind, etc.) o similar.
- El desarrollo web deberá subirse a un servidor on-line para poder ser navegada por el Instructor. Ejemplo: GitHub Pages, Netlify o similares.
- Además de los aspectos técnicos mencionados anteriormente, el proyecto deberá contemplar aspectos de diseño los cuales también serán evaluados por el Instructor. Para eso se recomienda que vean el material disponible en el Aula Virtual. Seminario de Diseño Web: https://youtu.be/fVkGt2tYIj0. Para más información, ver material incluído en el Aula Virtual “Diseño” que aparecerá luego de la Unidad de Bootstrap. En relación al estilo de la web (look&feel) se evaluará y considerará: maquetación del sitio web; alineación, orden y márgenes entre los elementos; tipografía seleccionada acorde a la temática del proyecto; fotografía de calidad y optimizada para web; paleta de colores seleccionada acorde a la temática; logo utilizado en el sitio web; íconos utilizados y favicon.
- Nota: el TPO es grupal, deberán sincronizar el código del TPO en Github (o similar) enviando el link del repositorio al Instructor al momento de entregar el proyecto. Este requisito es obligatorio. Para más información sobre GIT, ver material incluído en el Aula Virtual “GIT”.
Condiciones de aprobación: para aprobar se requiere resolver el trabajo práctico en un 60% de forma correcta.
Cada Instructor informará la vía para subir el trabajo. Al momento de la entrega deberán informar: link a la web navegable, link al repositorio utilizado, integrantes y comentarios que consideren necesarios agregar a la entrega. Nota: si ya tenés un proyecto comenzado para este curso, podrás usarlo para esta entrega agregándole lo que falte para cumplir con los requisitos.