ELECTIVA I (DESARROLLO WEB) - SA26-1
EVALUACIÓN DE LA UNIDAD IV: APLICACIÓN DE HERRAMIENTAS DEL DISEÑO GRÁFICO - CONCEPTUALIZACIÓN Y ESPECIFICACIÓN TÉCNICA WEB
EVALUACIÓN DE LA UNIDAD IV:
APLICACIÓN DE HERRAMIENTAS DEL DISEÑO GRÁFICO
![]()
PROYECTO: CONCEPTUALIZACIÓN Y ESPECIFICACIÓN TÉCNICA WEB
Objetivo
Demostrar la comprensión y capacidad de aplicar la terminología esencial del diseño gráfico y desarrollo web (UNIDAD IV) al conceptualizar el diseño, la estructura y el entorno de desarrollo de un sitio web sencillo.
Tarea
El estudiante debe diseñar un borrador conceptual para un sitio web de su elección (ejemplo: un portafolio personal, un blog de viajes, una tienda de mascotas simple). Este borrador debe presentarse en un documento estructurado (o diapositivas para exposición) donde cada sección aplique y defina los términos clave de la Unidad IV.
Criterios y Estructura del Trabajo
El trabajo debe seguir la siguiente estructura.
|
Criterio de Evaluación |
Tarea Específica Requerida |
|
Conceptualización del Diseño (UX/UI y Herramientas Gráficas) |
Presentar un boceto o Wireframe (borrador de estructura) del sitio web. Explicar: ¿Qué herramienta de diseño gráfico (Photoshop, Illustrator, Fireworks, Sketch) usaría para crear los gráficos bitmap y vectoriales y justificar su elección? Definir cómo se relaciona el boceto con la UX (flujo de usuario) y la UI (elementos visuales). |
|
Estructura y Estilo (HTML & CSS) |
Mostrar una sección del código HTML y CSS (mínimo 5 líneas de cada uno). Explicar cómo el Documento Web y las etiquetas HTML se usan para la Maquetación. Mostrar ejemplos de cómo utilizaría los atributos id y class y justificar la función de CSS en el diseño. |
|
Entorno de Desarrollo Local |
Explicar la necesidad de utilizar un entorno de desarrollo XAMPP para este proyecto. Definir las funciones específicas de Apache y PHP en el flujo de trabajo. Si el sitio fuera dinámico, explicar la función de MySQL/MariaDB y SQL. |
|
Conectividad y Localización (Protocolos y Direccionamiento) |
Definir la URL de acceso al proyecto local (ej. http://localhost/mi_proyecto/). Explicar la función del protocolo HTTP en el proceso. Definir y justificar qué es una Dirección IP y por qué 127.0.0.1 es relevante para el trabajo local. |
|
Fiabilidad y Seguridad Web (TCP vs. UDP) |
Definir el concepto de Protocolo. Explicar la diferencia entre TCP y UDP y justificar por qué el protocolo HTTP/HTTPS utiliza el protocolo TCP como base de transporte (fiabilidad). Indicar qué puerto usaría (80 o 443) y por qué. |
|
Publicación y Accesibilidad (DNS y Hosting) |
Explicar, con sus propias palabras, la función del DNS y por qué es crucial para la accesibilidad global. Definir el concepto de Hosting (Alojamiento) y justificar su necesidad para que el sitio deje de ser local y sea visible globalmente. |
|
Optimización y Adaptación (SEO y Responsive Design) |
Definir SEO y proponer una estrategia inicial de optimización para el proyecto. Explicar y justificar cómo el diseño incorpora el concepto de Responsive Design para adaptarse a diferentes dispositivos. |
|
Interacción (JavaScript) |
Proponer dos funciones de JavaScript que se podrían aplicar al sitio web para hacerlo dinámico (ej. validar un formulario, una animación simple, un carrusel). Explicar por qué JavaScript es un lenguaje del lado del cliente. |
|
Terminología Adicional |
Seleccionar tres (3) términos adicionales de la UNIDAD IV que no se hayan abordado en los puntos anteriores (ej. FTP, Perl, Bitmap, etc.) y definir su rol potencial en el desarrollo o mantenimiento del sitio conceptualizado. |
|
Claridad, Coherencia y Presentación |
Evaluación de la calidad del documento (o exposición). Uso correcto y fluido de la terminología de la Unidad IV. Organización, ortografía y redacción. |
Formato de Entrega Sugerido (Editable)
El trabajo puede entregarse en formato .DOCX, .PDF, o una presentación .PPTX (PowerPoint/Google Slides). Se recomienda un mínimo de 6-8 páginas/diapositivas para cubrir todos los criterios adecuadamente.
Ventajas de esta propuesta:
1. Conexión Teórico-Práctica: Obliga al estudiante a aplicar el vocabulario a un contexto de desarrollo real.
2. Cobertura Exhaustiva: Garantiza que se toque la gran mayoría de los términos definidos en la UNIDAD IV (Diseño Gráfico, HTML/CSS, Protocolos, Entorno Local, etc.).
3. Flexibilidad: Permite evaluarlo como trabajo escrito o exposición oral, ajustándose a sus preferencias.
