Evaluación N°2 – Desarrollo de Sitio Web Onepage
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 tiene un enfoque principalmente práctico, orientado al desarrollo de sitios web básicos utilizando herramientas y estándares de la industria. Durante el desarrollo del curso, los estudiantes aplicarán conocimientos relacionados con diseño responsivo, implementación de interfaces web y programación básica, considerando la adaptabilidad en múltiples dispositivos y la comunicación efectiva.
En esta evaluación, los estudiantes deberán desarrollar un sitio web tipo onepage, siguiendo un ejercicio guiado presentado clase a clase por el docente. El proyecto busca fortalecer habilidades técnicas relacionadas con la creación de interfaces web responsivas utilizando plataformas profesionales como WordPress y Elementor, además de comprender la importancia de la estructura visual y funcional de un sitio web moderno.
Desarrollo
La presente evaluación se relaciona directamente con el aprendizaje esperado:
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 el desarrollo del proyecto, el estudiante deberá construir un sitio web onepage respetando las instrucciones, estructura y ejercicios trabajados durante las clases.
Etapas del Proyecto
Etapa Uno: Creación del Sitio Web
Plataforma: CDmon
El estudiante deberá:
Crear un nuevo servidor bajo el formato:
nombrecreado.com
WordPress
Posteriormente deberá realizar:
Instalación del CMS WordPress.
Instalación y activación de tres plugins esenciales.
Instalación y activación del tema base trabajado en clases.
Etapa Dos: Desarrollo del Sitio Web
Elementor
El estudiante deberá construir el sitio web onepage considerando tres formatos responsivos:
Pantalla
Tableta
Teléfono
Cada formato deberá adaptarse correctamente al tamaño del dispositivo, respetando criterios de diagramación, distribución de contenido y visualización responsive.
Etapa Tres: Armado del Sitio Web
El estudiante deberá completar el sitio web utilizando:
Fotografías proporcionadas en la base de datos facilitada.
Texto entregado por el docente.
Se evaluará la correcta organización visual, uso de gadgets y coherencia de la interfaz web.
Formato de Entrega
El estudiante deberá entregar:
Acceso a WordPress
URL administrador (
wp-admin)Usuario y contraseña del servidor CDmon
Usuario y contraseña de WordPress
⚠️ Importante:
Es responsabilidad del estudiante revisar y verificar que todos los datos solicitados permitan el acceso correcto al sitio web para su evaluación. En caso de que los accesos presenten errores o no permitan ingresar al sitio, el proyecto será evaluado con la nota mínima.
Conclusión
Esta evaluación permitirá que los estudiantes integren conocimientos técnicos y prácticos relacionados con el desarrollo de interfaces web responsivas mediante el uso de frameworks y herramientas profesionales de la industria. A través de la construcción de un sitio web onepage, se busca fortalecer competencias vinculadas al diseño visual, organización de contenidos y adaptabilidad multiplataforma.
Además, el proyecto permitirá aplicar criterios fundamentales en la construcción de interfaces web, considerando estándares actuales de diseño responsivo y experiencia de usuario.
En relación con los criterios de evaluación, el estudiante deberá identificar correctamente los elementos de un framework dentro de una interfaz web responsiva y seleccionar adecuadamente los componentes necesarios para la construcción del sitio, considerando los requerimientos técnicos y visuales del encargo planteado.
ndicaciones de entrega
|
| Criterio | Excelente | Bueno | Aceptable | Insuficiente |
|---|---|---|---|---|
| Identifica elementos de un framework en un sitio web, considerando estándares de construcción de interfaces responsivas | Identifica correctamente todos los elementos del framework y aplica adecuadamente estándares responsivos en la interfaz web. | Identifica la mayoría de los elementos del framework con leves errores en la aplicación de estándares responsivos. | Reconoce parcialmente los elementos del framework, presentando errores en la estructura responsiva. | No identifica correctamente los elementos del framework ni los estándares responsivos. |
| Selecciona componentes en la construcción de una interfaz web, considerando los requerimientos de un encargo | Selecciona y utiliza correctamente todos los componentes requeridos en la interfaz web. | Selecciona la mayoría de los componentes correctamente, con pequeños errores de aplicación. | Selecciona algunos componentes, pero de forma incompleta o poco adecuada. | No selecciona correctamente los componentes requeridos para la interfaz. |
| Diseña correctamente la estructura framework (layout) para el formato navegador (pantalla) | Diseña un layout completo, organizado y funcional para pantalla, respetando la estructura solicitada. | Diseña un layout funcional con pequeños errores de organización o distribución. | El layout presenta problemas de estructura o jerarquía visual. | No logra diseñar correctamente el layout solicitado. |
| Adapta correctamente la estructura framework para los formatos tableta - celular | Adapta correctamente el framework en ambos formatos, manteniendo funcionalidad y coherencia visual. | La adaptación es adecuada, aunque presenta pequeños errores visuales o de distribución. | La adaptación presenta problemas evidentes de organización o responsividad. | No adapta correctamente el framework para tableta y celular. |
| Diseña correctamente el armado del contenido del sitio web a partir de la base de datos facilitada | Organiza y presenta correctamente todo el contenido, logrando coherencia visual y funcional. | Presenta correctamente la mayor parte del contenido, con pequeños detalles mejorables. | El contenido presenta errores de organización, jerarquía o presentación visual. | No organiza correctamente el contenido o presenta información incompleta. |
