PROGRAMACIÓN DIDÁCTICA DEL MÓDULO DISEÑO DE INTERFACES WEB CURSO: 2º FAMILIA PROFESIONAL

Transcripción

1 Rev. 1.0 pag 1 de 9 DESARROLLO DE APLICACIONES INFORMÁTICAS PROGRAMACIÓN DIDÁCTICA DEL MÓDULO DISEÑO DE INTERFACES WEB CICLO FORMATIVO DE GRADO SUPERIOR CURSO: 2º FAMILIA PROFESIONAL INFORMATICA Y COMUNICACIONES PROFESOR FERNANDO VARGAS BLANDINO CURSO

2 Rev. 1.0 pag 2 de 9

3 Rev. 1.0 pag 3 de 9 Contenido 1. OBJETIVOS COMPETENCIAS CONTENIDOS Y DISTRIBUCIÓN TEMPORAL METODOLOGÍA MATERIALES Y RECURSOS EDUCATIVOS FORMA DE INCORPORAR LOS CONTENIDOS TRANSVERSALES MEDIDAS DE ATENCIÓN A LA DIVERSIDAD ACTIVIDADES COMPLEMENTARIAS Y EXTRAESCOLARES EVALUACIÓN... 8 a) CRITERIOS COMUNES DE EVALUACIÓN DEL CENTRO... 8 b) CRITERIOS DE EVALUACIÓN Y RESULTADOS DE APRENDIZAJE... 8 c) EVALUACIÓN INICIAL... 8 d) PROCEDIMIENTOS E INSTRUMENTACIÓN DE EVALUACIÓN... 9 e) CRITERIOS DE CALIFICACIÓN... 9 f) PLANIFICACIÓN DE LAS MEDIDAS DE RECUPERACIÓN O MEJORA... 9

4 Rev. 1.0 pag 4 de 9 1. OBJETIVOS Los objetivos de este módulo quedan descritos en el Real Decreto 686/2010, de 20 de mayo, por el que se establece el título de Técnico Superior en Desarrollo de Aplicaciones Web, que se detalla en el ANEXO I. 2. COMPETENCIAS Las competencias profesionales que se consiguen, vienen reflejadas en la legislación que se indica en el anterior punto de objetivos. Estas competencias están detalladas en el ANEXO I 3. CONTENIDOS Y DISTRIBUCIÓN TEMPORAL Nº de horas semanales: 6 Nº de horas totales: 120 Esta distribución temporal es aproximada, y será ajustada a las necesidades específicas de cada curso. 1ª Evaluación Bloque temático UD Título Horas UD.1 PLANIFICACIÓN DE INTERFACES GRÁFICAS Elementos del diseño: percepción visual. Textura (puntos, línea, forma, volumen y profundidad). Color, tipografía, iconos. Interacción persona-ordenador. Interpretación de guías de estilo. Elementos. Detección de patrones. Características: usable, visual, educativa y actualizada. Generación de documentos y sitios web. Componentes de una interfaz web. Zonas de navegación, contenido, iteración. Aplicaciones para desarrollo web. Lenguajes de marcas. Mapa de navegación. Prototipos. Maquetación web. Elementos de ordenación. Tablas, Capas y Marcos. Plantilla de diseño. 26

5 Rev. 1.0 pag 5 de 9 UD.2 UD.3 UD.4 HOJAS DE ESTILO Estilos en línea basados en etiquetas y en clases. Crear y vincular hojas de estilo. Crear y vincular hojas de estilo en cascada externa. Maquetación de páginas web Recursos de navegación, menús desplegables etc.. Las nuevas etiquetas de CSS3 HTML5 Herramientas y test de verificación. IMPLEMENTACIÓN DE CONTENIDO MULTIMEDIA Tipos de Imágenes en la web. Logos, iconos, banners e imágenes. Derechos de la propiedad intelectual. Licencias. Ley de la propiedad intelectual. Derechos de autor. Registro de contenido. Entidades. Gestión colectiva. Imágenes: mapa de bits, imagen vectorial. Software para crear y procesar imágenes. Formatos de imágenes. Tamaño y resolución. Filtros y efectos. Optimización de imágenes para la web. Audio: formatos. Conversiones de formatos (exportar e importar). Vídeo: codificación de vídeo, conversiones de formatos (exportar e importar). Animaciones. Fotogramas y capas. Animación de imágenes y texto. Integración de audio y vídeo en una animación. Efectos. UTILIZACIÓN DE FRAMEWORK El framework YUI El framework BOOTSTRAP ª Evaluación UD.5 INGEGRACIÓN DE CONTENIDO INTERACTIVO Elementos interactivos básicos y avanzados. Comportamientos interactivos. Comportamiento de los elementos. Modificación de los comportamientos. Cambio de las propiedades de un elemento. Ejecución de secuencias de comandos. Reproducción de sonido, video y animación. 20

6 Rev. 1.0 pag 6 de 9 UD.6 UD.7 DISEÑO DE WEBS ACCESIBLES Concepto de accesibilidad web. El Consorcio World Wide Web (W3C). Pautas de Accesibilidad al Contenido en la Web (WCAG). Principios generales de diseño accesible. Técnicas para satisfacer los requisitos definidos en las WCAG. Técnicas fundamentales. Técnicas HTML. Técnicas CSS. Prioridades. Puntos de verificación. Niveles de adecuación. Métodos para realizar revisiones preliminares y evaluaciones de adecuación o conformidad de documentos web. Herramientas de análisis de accesibilidad web. Software y herramientas on-line. Testeo de la accesibilidad web desde diferentes navegadores. Testeo de la accesibilidad web desde dispositivos móviles. IMPLEMENTACIÓN DE LA USABILIDAD EN LA WEB. DISEÑO AMIGABLE Concepto de usabilidad. Análisis de la usabilidad. Técnicas. Principios recomendados para conseguir webs amigables. Identificación del objetivo de la web. Tipos de usuario. Identificación de las necesidades de diferentes perfiles de usuarios. Adaptación del interfaz a dichos perfiles. Barreras identificadas por los usuarios. Información fácilmente accesible. Velocidad de conexión. Uso del lenguaje y vocabulario adecuado. Consistencia interna. Importancia del uso de estándares externos. Navegación fácilmente recordada frente a navegación redescubierta. Facilidad de navegación en la web. Facilidad de navegación en la web mediante el teclado. Facilidad de navegación en la web mediante el ratón. Control de las diferentes opciones que se deben visualizar u ocultar en cada momento. Verificación de la usabilidad en diferentes navegadores y tecnologías. Herramientas y test de verificación METODOLOGÍA El módulo es muy práctico, y el proceso de enseñanza-aprendizaje se fundamenta en la interacción continua y total de los alumnos con las herramientas software utilizadas y estudiadas a lo largo del curso. Toma como base los aspectos metodológicos de la Programación aprendidos en el módulo Programación y Lenguaje de marcas. La enseñanza se basar casi por completo en la realización de ejercicios y supuestos de

7 Rev. 1.0 pag 7 de 9 aplicación que obliguen al alumno a enfrentarse con las herramientas software necesarias para solucionarlos. Finalmente, se incentiva al alumno para que mejore su comprensión mediante el auto aprendizaje y la elaboración propia de ejercicios. 5. MATERIALES Y RECURSOS EDUCATIVOS Hardware Al menos quince ordenadores PC de suficiente capacidad, dispuestos en red local. Un proyector. Software Navegadores Mozilla Firefox, Google Chrome, Opera, Safari, Edge. Pencil Note++ Gimp Bibliografía y recursos de internet Diseño de interfaces web (Mc Graw Hill) Apuntes desarrollados en el departamento Librosweb(Tutoriales CSS) Desarrolloweb(manual css) 6. FORMA DE INCORPORAR LOS CONTENIDOS TRANSVERSALES El carácter transversal de los contenidos indica que su aprendizaje se realizará, a lo largo del módulo, es decir, que estarán presentes desde el primer día de clase hasta el último. El carácter intratransversal va más allá e implica que el aprendizaje de dichos contenidos se realizará en varios módulos y/o cursos. Las competencias sociales y personales estarán siempre presentes y se hará hincapié en fomentar actitudes de respeto, tolerancia, igualdad, colaboración, cuidado por el medio ambiente, por el material, etc. Se pondrá además especial cuidado en corregir las formas, tonos y vocabulario inadecuado. 7. MEDIDAS DE ATENCIÓN A LA DIVERSIDAD Cuando el módulo vaya a ser cursado por algún alumno con discapacidad se procurará adaptar las actividades de formación, los criterios y los procedimientos de evaluación. Esta adaptación en ningún caso supondrá la supresión de objetivos, o resultados de aprendizaje que afecten a la competencia general del título. Esta etapa de formación, no es obligatoria y tiene como objetivo formar profesionalmente al alumno. Las adaptaciones curriculares, por lo tanto, deben ser no significativas.

8 Rev. 1.0 pag 8 de 9 Hay que tener en cuenta tanto a los alumnos con dificultades de aprendizaje como a los alumnos con facilidades de aprendizaje. Para los primeros se detallarán más los contenidos a impartir para facilitar su asimilación, y se procurará que las baterías de ejercicios o prácticas propuestos serán amplias e irán, gradualmente, añadiendo dificultad. Estas baterías de ejercicios propuestos serán lo suficientemente amplias e irán gradualmente añadiendo dificultad, de forma que los alumnos más adelantados tengan siempre material disponible para trabajar. También se le podrían trabajos de investigación de carácter voluntario y a estos alumnos se les insistirá en su realización y posible exposición. 8. ACTIVIDADES COMPLEMENTARIAS Y EXTRAESCOLARES El departamento de informática ha consensuado una serie de posibles actividades para el curso. Queda abierta la posibilidad de asistir a cualquier evento que surja a lo largo del curso y que se considere de interés para el alumnado. Se considera de interés cualquier actividad que ayude a alcanzar las competencias profesionales, personales y sociales establecidas para el ciclo. Se considera de especial interés aquellas actividades especialmente organizadas para los Ciclos Formativos como ferias, concursos, presentaciones...que den una visión más amplia al alumnado" 9. EVALUACIÓN La evaluación tendrá como finalidad determinar el nivel de competencia de los alumnos y la consecución de los objetivos. Se desarrollará de forma continua, y atenderá a los siguientes aspectos: Aprendizaje autónomo, viendo la capacidad del alumno para interiorizar, gestionar y participar en los procesos de aprendizaje propios. Comprensión del lenguaje común. Adquisición de conceptos básicos del módulo profesional que permiten al alumno incluirlos como un elemento más de su realidad profesional. Participación y trabajo en grupo, viendo la capacidad que tiene este de escuchar y debatir las diferentes soluciones de un problema. a) CRITERIOS COMUNES DE EVALUACIÓN DEL CENTRO Se tendrán en cuenta los procedimientos y criterios de evaluación comunes reflejados en la normativa del centro. b) CRITERIOS DE EVALUACIÓN Y RESULTADOS DE APRENDIZAJE Los criterios de evaluación y resultados de aprendizaje se encuentran recogidos en el anexo I. c) EVALUACIÓN INICIAL Se partirá de los datos que proporcione el tutor, que realizará una encuesta, evaluación o similar que permita conocer estudios previos, forma de acceso (prueba o bachillerato), experiencia profesional, etc. Como idea inicial, se supondrá que el alumnado no tiene conocimientos previos relacionados con los contenidos del módulo. En el caso de que haya alumnos repetidores se

9 Rev. 1.0 pag 9 de 9 contactará con los información. profesores que le impartieron clases en el curso anterior para recabar d) PROCEDIMIENTOS E INSTRUMENTACIÓN DE EVALUACIÓN En cada uno de los dos trimestres se irán realizando ejercicios prácticos en el aula así como una serie de trabajos para realizar en casa con el objetivo de exponerlos posteriormente en el aula, al finalizar cada trimestre se realizará una prueba práctica en la que se incluirán todos los contenidos tratados durante el trimestre. e) CRITERIOS DE CALIFICACIÓN Los criterios de calificación se ajustarán a la siguiente tabla: Trabajo (casa, clase, grupo) 20 % Pruebas prácticas 80 % f) PLANIFICACIÓN DE LAS MEDIDAS DE RECUPERACIÓN O MEJORA Para la recuperación de cada trimestre se realizarán una serie de ejercicios que serán supervisados por el profesor de la asignatura en horas complementarias y se realizará una prueba final de recuperación de similares características a la inicial. En el caso de que el alumno no aprobara la asignatura al finalizar el segundo trimestre no podría realizar la FCT en el tercer trimestre y asistiría durante el tercer trimestre al menos al cincuenta por ciento de las horas semanales del módulo siendo atendido por el profesor para conseguir adquirir los conocimientos necesarios para superar el módulo en la convocatoria final de Junio.