Evaluación N°3 – Desarrollo de Sitio Web Onepage: Bebida Energética
Unidad II: Desarrollo de Interfaces de Aplicaciones Web y Uso de Frameworks
Introducción
La asignatura Diseño y Programación corresponde al área formativa de especialidad de diseño y posee un carácter práctico, orientado a la implementación de sitios web básicos mediante herramientas y metodologías utilizadas en la industria digital. Al finalizar la asignatura, el estudiante será capaz de aplicar conocimientos teóricos y técnicos para desarrollar interfaces web adaptables a múltiples dispositivos, utilizando técnicas de programación básica y respetando estándares de diseño y desarrollo web.
La presente evaluación tiene como propósito que los estudiantes integren los conocimientos adquiridos durante las unidades anteriores mediante el desarrollo de un proyecto de mediana complejidad, donde deberán investigar, planificar, diseñar y construir un sitio web tipo Onepage sobre una bebida energética de su elección. El trabajo se desarrollará en duplas, fomentando la organización, distribución de tareas, trabajo colaborativo y comunicación efectiva entre los integrantes del equipo.
Desarrollo
Aprendizaje Esperado
2.1 Propone interfaz de página web, para dar respuesta a los requerimientos de un encargo, considerando estándares para sitios responsivos, con funciones y roles definidos y colaborativos dentro del equipo de trabajo.
Para evidenciar este aprendizaje, cada dupla deberá desarrollar un sitio web Onepage que permita representar visualmente una marca de bebida energética, considerando investigación previa, diseño de interfaz, prototipado y posterior implementación utilizando WordPress y Elementor.
Duración del Proyecto
- Inicio del proyecto: 08/06
- Entrega final: 06/07
Etapa Uno: Investigación y Diseño de Wireframe o Layout
Duración: 1 semana
Cada dupla deberá seleccionar una marca de bebida energética y desarrollar una investigación visual y conceptual que incluya:
Investigación de Marca
- Fundador y/o dueños de la marca.
- Historia de la empresa.
- Tres patrocinados relacionados con la marca.
- Modelos, sabores y ediciones especiales.
- Logotipos utilizados por la marca.
- Paleta de colores corporativa.
- Imágenes de campañas publicitarias:
- Impresas.
- Digitales.
- Redes sociales.
- Spots publicitarios.
- Eventos y activaciones.
Diseño de Layout
Posteriormente deberán diseñar la estructura inicial del sitio web Onepage considerando las siguientes secciones:
- Menú de navegación.
- Historia.
- Patrocinados.
- Sabores.
- Gadgets solicitados:
- Pestañas.
- Acordeón.
- Galería de imágenes.
- Footer.
Toda la información deberá organizarse visualmente dentro de una pizarra digital en Miro o Canvas, manteniendo claridad visual, jerarquía de contenidos y organización gráfica adecuada.
Etapa Dos: Prototipo del Sitio Web
Duración: 1 semana
Diseño en Photoshop
Desarrollar un prototipo completo en formato pantalla utilizando Adobe Photoshop.
El prototipo deberá incluir:
- Diseño visual final.
- Imágenes definitivas.
- Textos reales.
- Aplicación de colores corporativos.
- Distribución definitiva de las secciones.
- Correcta jerarquía visual de la información.
Etapa Tres: Desarrollo del Sitio Web
Duración: 2 semanas
Implementación Técnica
CDmon
- Creación del servidor web.
WordPress
- Instalación y configuración del sitio.
Elementor
- Desarrollo completo del sitio Onepage.
Adaptación Responsive
El sitio deberá contemplar adaptaciones para:
- Pantalla (escritorio).
- Tableta.
- Celular.
Se evaluará la correcta visualización y funcionalidad en los distintos dispositivos.
Formato de Entrega
Cada dupla deberá entregar:
Documentación y Accesos
- Link público de Miro o Canvas.
- URL de administrador WordPress (wp-admin).
- Usuario y contraseña del servidor CDmon.
- Usuario y contraseña de WordPress.
Importante
Es responsabilidad de los estudiantes revisar y verificar que todos los accesos entregados funcionen correctamente antes de la fecha de entrega. Si alguno de los enlaces, usuarios o contraseñas no permite el acceso para la revisión del proyecto, este será evaluado con la nota mínima.
Conclusión
El desarrollo de este proyecto permitirá a los estudiantes aplicar de manera integrada los contenidos abordados durante la Unidad II, fortaleciendo competencias relacionadas con investigación, diseño de interfaces, planificación visual, trabajo colaborativo y desarrollo web responsive. Asimismo, permitirá experimentar un flujo de trabajo similar al utilizado en proyectos reales de diseño y desarrollo digital, desde la investigación inicial hasta la publicación final del sitio web.
En relación con los criterios de evaluación, los estudiantes deberán demostrar su capacidad para identificar los elementos que conforman un framework dentro de una interfaz web responsiva, seleccionar adecuadamente los componentes necesarios para satisfacer los requerimientos del encargo, aplicar técnicas de programación e implementación mediante WordPress y Elementor respetando estándares de desarrollo web, y finalmente evaluar el sitio publicado verificando que cumpla con los objetivos, funcionalidades y requisitos establecidos para el proyecto. Estas competencias permitirán evidenciar el logro del aprendizaje esperado y la correcta integración de los conocimientos adquiridos durante la unidad.
Indicaciones de entrega
- En la plataforma AAI se habilitará la tarea para que carguen la documentación en la fecha correspondiente, está estará habilitada hasta 15 minutos iniciada la clase.
- Para la recepción del proyecto el estudiante debe tener como mínimo el 60% de asistencia a clases de la unidad, caso contrario será evaluado directamente con la nota mínima.
- Una vez finalizado el plazo, se bloqueará el acceso a subir la tarea.
- Se recomienda evitar realizar la carga en el último minuto, dado que existe la posibilidad de fallas en el sistema y problemas de conexión que podrían surgir. Es aconsejable planificar con antelación para prevenir inconvenientes.
- NO SE RECIBIRÁN ENTREGAS POR CORREO O CHAT sin excepciones.
- Carpetas vacías o errores al enviar el link serán evaluadas con la nota mínima.
- Aquellos que no envíen el proyecto en las fechas de evaluación recibirán una calificación mínima, a menos que justifiquen su ausencia de acuerdo con los protocolos establecidos en el Reglamento Académico.
| Criterio |
Excelente |
Bueno |
Aceptable |
Insuficiente |
| 2.1 Identifica elementos de un framework en un sitio web, considerando estándares de construcción de interfaces responsivas. |
Identifica el 100% de los elementos del framework, detalla la función de cada uno y aplica la totalidad de los estándares de responsivos enseñados. |
Identifica entre el 75% y 89% de los elementos del framework y comete entre 1 y 2 errores en la aplicación de los estándares de responsivos. |
Identifica entre el 50% y 74% de los elementos del framework o presenta 3 o más errores en la aplicación de estándares responsivos. |
Identifica menos del 50% de los elementos del framework o no aplica ningún estándar de responsivos. |
| 2.2 Selecciona componentes en la construcción de una interfaz web, considerando los requerimientos de un encargo. |
Selecciona el 100% de los componentes solicitados en el encargo y redacta la justificación técnica de cada elección según los objetivos del proyecto. |
Selecciona entre el 80% y 94% de los componentes requeridos, registrando hasta 2 omisiones en la selección. |
Selecciona entre el 60% y 79% de los componentes requeridos o no presenta la justificación de su elección. |
Selecciona menos del 60% de los componentes requeridos para la interfaz web. |
| 2.3 Aplica técnicas de programación de interfaces web, según reglas del lenguaje, codificación y funciones diferenciadas dentro del equipo de trabajo. |
Programa sin errores de sintaxis, cumple con el 100% de las reglas de codificación definidas y ejecuta las tareas de su rol asignado en la dupla. |
Programa registrando hasta 2 errores de sintaxis o de codificación, y ejecuta las tareas de su rol asignado en la dupla. |
Programa registrando entre 3 y 4 errores de sintaxis, o presenta dificultades para ejecutar las tareas de su rol en la dupla. |
Programa con 5 o más errores de sintaxis o incumple con las funciones de su rol asignado en la dupla. |
| 2.4 Evalúa sitio web publicado, considerando los requisitos del encargo. |
Revisa y documenta de forma completa los tres estados de la publicación: funcionamiento de enlaces, comportamiento responsivo y checklist del encargo. |
Revisa y documenta la publicación omitiendo solo 1 de los aspectos del encargo, logrando corregir los fallos detectados. |
Revisa y documenta la publicación de forma parcial, omitiendo 2 o más aspectos clave del encargo. |
No realiza la revisión del sitio web publicado o no presenta registros de la verificación. |
| 2.3.1 Cumplen de manera individual con las tareas distribuidas internamente en la dupla. |
Entrega de forma autónoma el 100% de las tareas asignadas en la bitácora o planificación interna de la dupla. |
Entrega entre el 80% y 99% de las tareas asignadas en la planificación interna de la dupla. |
Entrega entre el 60% y 79% de las tareas asignadas, requiriendo intervención del docente o del compañero para completarlas. |
Entrega menos del 60% de las tareas asignadas o su falta de entrega detiene el avance del proyecto. |
|