SERVICIO NACIONAL DE APRENDIZAJE SISTEMA INTEGRADO DE GESTIÓN Procedimiento Creación y Adecuación de Programas de Formación Virtual y a Distancia Guía de Aprendizaje para el Programa de Formación Complementaria Virtual Versión: 01 Fecha: 08-10-2013 Código: G001- P002-GFPI GUÍA DE APRENDIZAJE Nº 3 1. IDENTIFICACIÓN DE LA GUÍA DE APRENDIZAJE Programa de Formación: Diseño y desarrollo de sitios Código: 22810777 web accesibles Versión: 02 Resultados de Aprendizaje: Competencia: 220501048-03 Validar la sintaxis del código de sitios web teniendo en cuenta las pautas de accesibilidad web. Duración de la guía ( en horas): 220501048 Crear sitios web dinámicos según estándares y protocolos establecidos. 10 horas 2. INTRODUCCIÓN Bienvenido(a) a la actividad de aprendizaje 3 del programa de formación Diseño y desarrollo de sitios web accesibles. El contenido de esta actividad de aprendizaje está enfocado a la evaluación de sitios web de manera automática. Esta alternativa le permitirá al aprendiz mejorar sus actividades de mejoramiento de la accesibilidad web, facilitando la adopción de medidas que corrijan las fallas del diseño, evaluándolo desde un hosting. Para realizar las evidencias correspondientes a esta actividad de aprendizaje es necesario revisar los materiales del programa, explorar los materiales de apoyo y realizar consultas en internet.
3. ESTRUCTURACIÓN DIDÁCTICA DE LAS ACTIVIDADES DE APRENDIZAJE 3.1 Actividades de reflexión inicial. Reflexione sobre las siguientes preguntas: Cuáles son las barreras de accesibilidad más comunes en un sitio web? Cuáles son los métodos utilizados en la evaluación de accesibilidad de sitios web? Nota: esta actividad tiene como finalidad encaminarlo y motivarlo en el desarrollo de los temas de esta guía de aprendizaje, por tal motivo no es calificable. 3.2 Actividades de contextualización e identificación de conocimientos necesarios para el aprendizaje. Evidencia: Blog La valoración web Una empresa dedicada a la venta de artículos electrónicos ha decido incursionar en la campo de las ventas por internet, por esto ha creado un sitio web accesible donde oferta sus productos a todo tipo de clientes. Desafortunadamente estos usuarios manifiestan que se presentan muchos inconvenientes para acceder a los contenidos de dicho sitio web, situación que es originada por las fallas que se presentan en la escritura de su código. Teniendo en cuenta lo anterior y basado en su experiencia, participe en el blog indicando mínimo 3 errores frecuentes que conllevan al mal funcionamiento de las páginas web y cómo estos se pueden solucionar. Al final realice recomendaciones para no cometer este tipo de errores. Explore las participaciones de sus compañeros y comente respetuosamente lo que piensa de estos. Para acceder al blog, remítase al menú principal, dando clic en el botón Actividades / Actividad de aprendizaje 3 / Evidencia: Blog La valoración web y siga los pasos descritos allí. 3.3 Actividades de apropiación del conocimiento (Conceptualización y teorización). Evidencia: Evaluación Errores de accesibilidad La evaluación correspondiente a esta actividad de aprendizaje busca verificar el conocimiento adquirido y validar su competencia en las distintas temáticas tratadas. Página 2 de 5
La evaluación consta de 10 preguntas y su duración es de 1 hora. El aprendiz tiene habilitado un único intento, así que una vez empiece la prueba, debe terminarla. La evaluación se encuentra disponible en el botón Actividades / Actividad de aprendizaje 3 / Evidencia: Evaluación Errores de accesibilidad, en el menú principal del programa. 3.4. Actividades de transferencia del conocimiento. Evidencia: Validación de código y recursos de accesibilidad Con base en la evidencia Estándares de accesibilidad, realizada en la actividad de aprendizaje 2, el sitio web que creó cumple con los estándares de accesibilidad y por ello pasó la primera parte de su prueba práctica, ahora la empresa le solicita que a este mismo sitio le agregue los siguientes elementos de accesibilidad: Botones de navegación inicio, contacto y servicios. Antes de enviar el formulario de contacto, preguntar al usuario si está seguro de enviar los datos y en caso de no estarlo permítale rectificarlos o borrarlos sin hacer el envío de los mismos. También le solicitan que el sitio web cumpla con los estándares de la W3C y de CSS. Para ello debe publicar su sitio web en algún hosting gratuito, luego ir a la página http://validator.w3.org/ y allí introducir la URL donde hospedó su sitio y posteriormente dar clic en Check de la siguiente manera: Introducir la URL donde hospedó su sitio Clic aquí Esta página validará si su sitio está diseñado conforme a los estándares o si tiene errores, en caso de tenerlos, corríjalos hasta cumplir con el estándar y elabore un informe donde incluya la URL de este sitio web y el pantallazo de la validación realizada. Descargue la actividad dirigiéndose al botón del menú principal Actividades / Actividad de aprendizaje 3 / Evidencia: Validación de código y recursos de accesibilidad y dé clic en Descargar, para ver la descripción detallada de esta. Envíe al instructor un archivo de texto a través de la plataforma, en el enlace Actividades / Página 3 de 5
Actividad de aprendizaje 3 / Evidencia: Validación de código y recursos de accesibilidad. Nota: si al momento de enviar una evidencia, el sistema genera el error "Archivo Inválido", tenga en cuenta que es debido a que el archivo se encuentra abierto, ciérrelo y pruebe nuevamente dando clic en Adjuntar archivo, Examinar mi equipo. 3.5. Actividades de evaluación. Evidencias de Aprendizaje Criterios de Evaluación Técnicas e Instrumentos de Evaluación De Conocimiento: Evidencia: Evaluación Errores de accesibilidad. De Desempeño Evidencia: Blog La valoración web. De Producto: Evidencia: Validación de código y recursos de accesibilidad. Verifica el código de páginas web por medio de herramientas de validación. Enlace dispuesto en el LMS para envío y emisión de juicios evaluativos de cada actividad. 4. RECURSOS PARA EL APRENDIZAJE Ambiente(s) requerido: Ambiente de navegación (computador y conexión a internet). Instalación del software: Adobe Reader y Adobe Flash Player. Editor de texto. Material(es) requerido: Material de formación de la actividad de aprendizaje 3. Material interactivo de la actividad de aprendizaje 3. Materiales de apoyo de la actividad de aprendizaje 3. Página 4 de 5
5. GLOSARIO DE TÉRMINOS Para consultar el glosario del programa Diseño y desarrollo de sitios web accesibles diríjase al botón Glosario, ubicado en el menú principal del programa. 6. BIBLIOGRAFÍA/ WEBGRAFÍA Para consultar la bibliografía del programa Diseño y desarrollo de sitios web accesibles diríjase al material de la actividad de aprendizaje 3 y consulte las referencias. 7. CONTROL DEL DOCUMENTO (ELABORADA POR) Autores: Expertos técnicos Ministerio de Tecnologías de la Información y las Comunicaciones Gobierno en Línea Mayo de 2012 Asesor pedagógico Andrés Felipe Vargas Correa Centro Agroindustrial Regional Quindío Mayo de 2014 Líder de Planificación y Adecuación Didáctica Martha Lucía Giraldo Ramírez Centro Agroindustrial Regional Quindío Mayo de 2014 Página 5 de 5