i.e.s. ana luisa benÍtez · de accesibilidad, usabilidad y calidad exigidas en los estándares...

I.E.S. ANA LUISA BENÍTEZ

FAMILIA PROFESIONAL: INFORMÁTICA Y COMUNICACIONES

CICLO FORMATIVO: GRADO SUPERIOR EN DESARROLLO DE APLICACIONESWEB (DAW)

PROGRAMACIÓN DIDÁCTICA DEL MÓDULO PROFESIONALDISEÑO DE INTERFACES WEB (DOR)

Curso: SegundoProfesor: Daniel Peña Hernández

Este módulo está cofinanciado por el Fondo Social Europeo dentro del ProgramaOperativo Plurirregional de Empleo, Formación y Educación – Ciclo Formativo de GradoSuperior DAW, como resultado de una acción incluida dentro del eje prioritario 3 delPrograma Operativo 2014-2020 del FSE, objetivo temático 10: “Invertir en educación,formación y formación profesional para la adquisición de capacidades y el aprendizajepermanente”

Página 1 de 21

Sumario1. Datos de Identificación del Ciclo.....................................................................................................32. Competencia General del ciclo.........................................................................................................33. Competencias profesionales, personales y sociales del ciclo asociadas al módulo..........................34. Cualificación Profesional y Unidades de Competencia asociadas al módulo..................................45. Objetivos Generales del Ciclo a alcanzar en el módulo...................................................................46. Resultados de Aprendizaje y Criterios de Evaluación......................................................................57. Temporalización de contenidos........................................................................................................68.Organización de contenidos...............................................................................................................79. Relación de los Resultados de Aprendizaje con las Unidades de Trabajo........................................910. Relación con otros módulos.........................................................................................................1011. Metodología Didáctica..................................................................................................................1012. Instrumentos de evaluación..........................................................................................................1113. Criterios de Calificación...............................................................................................................1114. Criterios de Recuperación............................................................................................................1215. Recuperación del alumnado con el módulo pendiente y pérdida de evaluación continua...........1216. Medidas de atención a la Diversidad............................................................................................1417. Recursos y materiales didácticos..................................................................................................1418. Bibliografía...................................................................................................................................1419. Actividades Complementarias y Extraescolares...........................................................................1520. Programación de cada unidad de trabajo......................................................................................16

Página 2 de 21

1. Datos de Identificación del Ciclo

El ciclo superior en Desarrollo de Aplicaciones Web queda fijado por el Real Decreto686/2010, de 20 de mayo,tiene por objeto el establecimiento del título de Técnico enDesarrollo de Aplicaciones Web, con carácter oficial y validez en todo el territorio nacional,así como de sus correspondientes enseñanzas mínimas, quedando identificado por lossiguientes elementos:

Denominación: Desarrollo de Aplicaciones Web.Nivel: Formación Profesional de Grado Superior.Duración: 2000 horas.Familia Profesional: Informática y Comunicaciones.Referente europeo: CINE-5b (Clasificación Internacional Normalizada de la Educación).

2. Competencia General del cicloLa competencia general de este título consiste en desarrollar, implantar, y manteneraplicaciones web, con independencia del modelo empleado y utilizando tecnologíasespecíficas, garantizando el acceso a los datos de forma segura y cumpliendo los criteriosde accesibilidad, usabilidad y calidad exigidas en los estándares establecidos.

3. Competencias profesionales, personales y sociales del ciclo asociadas al módulo

Las competencias profesionales, personales y sociales de este título asociadas almódulo son las que se relacionan a continuación ( e), g), h), i), m), n), y u) ):

e) Desarrollar aplicaciones web con acceso a bases de datos utilizando lenguajes,objetos de acceso y herramientas de mapeo adecuados a las especificaciones.

g) Desarrollar interfaces en aplicaciones web de acuerdo con un manual de estilo,utilizando lenguajes de marcas y estándares web.

h) Desarrollar componentes multimedia para su integración en aplicaciones web,empleando herramientas específicas y siguiendo las especificaciones establecidas.

i) Integrar componentes multimedia en el interface de una aplicación web, realizando elanálisis de interactividad, accesibilidad y usabilidad de la aplicación. m) Completar planes de pruebas verificando el funcionamiento de los componentessoftware desarrollados, según las especificaciones.

n) Elaborar y mantener la documentación de los procesos de desarrollo, utilizandoherramientas de generación de documentación y control de versiones.

u) Supervisar y aplicar procedimientos de gestión de calidad, de accesibilidad universaly de diseño para todos, en las actividades profesionales incluidas en los procesos deproducción o prestación de servicios.

Página 3 de 21

4. Cualificación Profesional y Unidades de Competencia asociadas al módulo

Desarrollo de aplicaciones con tecnologías Web IFC154_3 (Real Decreto1087/2005, de 16 de septiembre), que comprende las siguientes unidades decompetencia:

UC0491_3 Desarrollar elementos software en el entorno cliente.

5. Objetivos Generales del Ciclo a alcanzar en el módulo.La formación del módulo contribuye a alcanzar los objetivos generales i), j) k), q), y) y z) del ciclo formativo.

i) Utilizar lenguajes de marcas y estándares web, asumiendo el manual de estilo, paradesarrollar interfaces en aplicaciones web j) Emplear herramientas y lenguajes específicos, siguiendo las especificaciones, paradesarrollar componentes multimedia.

k) Evaluar la interactividad, accesibilidad y usabilidad de un interfaz, verificando loscriterios preestablecidos, para Integrar componentes multimedia en el interfaz de unaaplicación.

q) Programar y realizar actividades para gestionar el mantenimiento de los recursosinformáticos.

y) Identificar y proponer las acciones profesionales necesarias para dar respuesta a laaccesibilidad universal y al diseño para todos

z) Identificar y aplicar parámetros de calidad en los trabajos y actividades realizados enel proceso de aprendizaje para valorar la cultura de la evaluación y de la calidad y sercapaces de supervisar y mejorar procedimientos de gestión de calidad.

Página 4 de 21

6. Resultados de Aprendizaje y Criterios de Evaluación.Resultados de Aprendizaje Criterios de evaluación

1. Planifica la creación de unainterfaz web valorando yaplicando especificaciones dediseño.

a) Se ha reconocido la importancia de la comunicación visual y susprincipios básicos.b) Se han analizado y seleccionado los colores y tipografías adecuadospara su visualización en pantalla. c) Se han analizado alternativas para la presentación de la información endocumentos Web.d) Se ha valorado la importancia de definir y aplicar la guía de estilo en eldesarrollo de una aplicación Web.e) Se han utilizado y valorado distintas aplicaciones para el diseño dedocumentos Web. f) Se han utilizado marcos, tablas y capas para presentar la información demanera ordenada.g) Se han creado y utilizado plantillas de diseño.

2. Crea interfaces Webhomogéneos definiendo yaplicando estilos.

a) Se han reconocido las posibilidades de modificar las etiquetas HTML.b) Se han definido estilos de forma directa. c) Se han definido y asociado estilos globales en hojas externas.d) Se han definido hojas de estilos alternativas.e) Se han redefinido estilos.f) Se han identificado las distintas propiedades de cada elemento.g) Se han creado clases de estilos.h) Se han utilizado herramientas de validación de hojas de estilos.i) Se ha utilizado y actualizado la guía de estilo.

3. Prepara archivos multimediapara la Web, analizando suscaracterísticas y manejandoherramientas especificas.

a) Se han reconocido las implicaciones de las licencias y los derechos deautor en el uso de material multimedia.b) Se han identificado los formatos de imagen, audio y vídeo a utilizar.c) Se han analizado las herramientas disponibles para generar contenidomultimedia. d) Se han empleado herramientas para el tratamiento digital de la imagen.e) Se han utilizado herramientas para manipular audio y vídeo.f) Se han realizado animaciones a partir de imágenes fijas.g) Se han importado y exportado imágenes, audio y vídeo en diversosformatos según su finalidad.h) Se ha aplicado la guía de estilo.

4. Integra contenidomultimedia en documentosWeb valorando su aportación yseleccionando adecuadamentelos elementos interactivos.

a) Se han reconocido y analizado las tecnologías relacionadas con lainclusión de contenido multimedia e interactivo. b) Se han identificado las necesidades específicas de configuración de losnavegadores Web para soportar contenido multimedia e interactivo. c) Se han utilizado herramientas gráficas para el desarrollo de contenidomultimedia interactivo. d) Se ha analizado el código generado por las herramientas de desarrollode contenido interactivo. e) Se han agregado elementos multimedia a documentos Web.f) Se ha añadido interactividad a elementos de un documento Web.g) Se ha verificado el funcionamiento de los elementos multimedia einteractivos en distintos navegadores.

5. Desarrolla interfaces Webaccesibles, analizando laspautas establecidas yaplicando técnicas de

a) Se ha reconocido la necesidad de diseñar webs accesibles.b) Se ha analizado la accesibilidad de diferentes documentos Web.c) Se han identificado las principales pautas de accesibilidad al contenido.d) Se han analizado los posibles errores según los puntos de verificación

Página 5 de 21

verificación. de prioridad.e) Se ha alcanzado el nivel de conformidad deseado.f) Se han verificado los niveles alcanzados mediante el uso de testexternos.g) Se ha verificado la visualización del interfaz con diferentesnavegadores y tecnologías.

6. Desarrolla interfaces Webamigables analizando yaplicando las pautas deusabilidad establecidas.

a) Se ha analizado la usabilidad de diferentes documentos Web. b) Se ha valorado la importancia del uso de estándares en la creación dedocumentos Web.c) Se ha modificado el interfaz Web para adecuarlo al objetivo quepersigue y a los usuarios a los que va dirigido.d) Se ha verificado la facilidad de navegación de un documento Webmediante distintos periféricos. e) Se han analizado diferentes técnicas para verificar la usabilidad de undocumento Web.f) Se ha verificado la usabilidad del interfaz Web creado en diferentesnavegadores y tecnologías.

7. Temporalización de contenidos.Según establece la Orden EDU/2887/2010, de 2 de noviembre, por la que se establece elcurrículo del ciclo formativo de Grado Superior correspondiente al título de TécnicoSuperior en Desarrollo de Aplicaciones Web, el módulo de Diseño de interfaces web(DOR) dura 125 horas lectivas, teniendo en cuenta que las sesiones son de 55 minutos,el módulo se desarrollará en 136,36 sesiones.La temporalización de este módulo se desarrolla durante los dos primeros trimestredel curso, lo que supone impartir 6 sesiones semanales durante 23-24 semanasaproximadamente. Las temporalización de las Unidades de trabajo será como sigue

Unidades de Trabajo Tiempo(Sesiones)

Trimestre

1. Planificación de Interfaces 18 Primero(10 semanas)2. Estilos 18

3. Contenido Multimedia. 244. Contenido Interactivo 24 Segundo

(13 semanas)5. Diseño de Webs accesibles 246. Implementación de la usabilidad 30

Total 138 23 semanas

Nota: 138 sesiones x 55 minutos= 126,5 horas

Página 6 de 21

8.Organización de contenidos.

Los contenidos reflejados en la Orden EDU/2887/2010, de 2 de noviembre, por la que seestablece el currículo del ciclo formativo de Grado Superior correspondiente al título deTécnico Superior en Desarrollo de Aplicaciones Web, y en el Real Decreto 686/2010, de20 de mayo, por el que se establece el título de Técnico Superior en Desarrollo deAplicaciones Web y se fijan sus enseñanzas mínimas para el módulo de Diseño deInterfaces Web (DOR) son los siguientes:

a) 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.Marcos.Plantilla de diseño.

b) Uso de estilos:

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.Hojas de estilo auditivas.Hojas de estilo para imprimir.Herramientas y test de verificación.

c) 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.

Página 7 de 21

Integración de audio y vídeo en una animación.Efectos.

d) Integració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.

e) 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.

f) 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.

Página 8 de 21

9. Relación de los Resultados de Aprendizaje con las Unidades de Trabajo.

RA1 RA2 RA3 RA4 RA5 RA6

UT1 X

UT2 X

UT3 X

UT4 X

UT5 X

UT6 X

Resultados de Aprendizaje

RA 1. Planifica la creación de una interfaz web valorando y aplicando especificaciones de diseño.

RA2. Crea interfaces Web homogéneos definiendo y aplicando estilos.

RA3. Prepara archivos multimedia para la Web, analizando sus características y manejando herramientasespecificas.

RA 4. Integra contenido multimedia en documentos Web valorando su aportación y seleccionandoadecuadamente los elementos interactivos.

RA 5. Desarrolla interfaces Web accesibles, analizando las pautas establecidas y aplicando técnicas deverificación.

RA 6. Desarrolla interfaces Web amigables analizando y aplicando las pautas de usabilidad establecidas.

Unidades de Trabajo 1. Planificación de Interfaces2. Estilos3. Contenido Multimedia.4. Contenido Interactivo5. Diseño de Webs accesibles6. Implementación de la usabilidad

Página 9 de 21

10. Relación con otros módulos.

El módulo de Diseño de interfaces web está relacionado con los módulos de primer cursode Programación, Lenguaje de marcas y sistemas de gestión de información y Entornosde Desarrollo, y con los módulos de segundo curso de Desarrollo web en entornoservidor, Despliegue de aplicaciones web y Desarrollo Web en entorno cliente .

11. Metodología Didáctica.Principios básicos En Formación profesional se debe fomentar el trabajo autónomo del alumno, potenciar ydesarrollar las técnicas de investigación y la transferencia de los contenidos educativos ala vida real. Por esta razón, en los ciclos de formación profesional debe prevalecer elsistema de trabajo a través de procedimientos en vez de las clases magistrales, deben serclases activas en las que el profesor fomente la participación del alumno, siendo un guía,orientador o mediador en su aprendizaje, el alumno tiene que ser el centro del aprendizajepara lo cual introduciremos la metodología de aprendizaje cooperativo.Un proceso de enseñanza-aprendizaje basado en el método constructivista y enaprendizajes significativos, de forma que el alumno pueda relacionar sus conocimientosprevios y experiencias anteriores con los nuevos contenidos del módulo. Es fundamentalque el alumno “aprenda a aprender”, puesto que en las situaciones reales laborales sepodrán encontrar en continuo cambio e incluso en su vida cotidiana, por lo que es precisoque el alumno desarrolle su capacidad autónoma, su capacidad de aprendizaje einvestigación.El aprendizaje debe ser funcional, debe poder aplicar los conocimientos adquiridos ensituaciones de la vida real y profesional.La utilización de las nuevas tecnologías es fundamental para la construcción deaprendizajes e incluso su introducción posterior al mundo laboral, hoy en día elconocimiento y la habilidad para la adaptación y aprendizaje a los nuevos entornostecnológicos son fundamentales dado su continuo cambio y evolución.

Agrupamientos.Durante el desarrollo de las sesiones se realizarán agrupamientos según las capacidadesdel alumnado (alumnos aventajados, alumnos con dificultades de aprendizaje, etc) deforma que se favorezca la evolución de todo el grupo.

Muchos trabajos serán realizados en grupo, dado que son así como se trabaja en la vidareal y además los trabajos en grupo suelen ser más interesantes y enriquecedores para elalumnado. Generalmente, los agrupamientos serán de dos o tres personas de formaheterogéneas, con el fin de que puedan complementarse y apoyarse en la realización deéstas.Hay que potenciar el trabajo en equipo, puesto que en el mundo laboral todos lostrabajadores deben de ser capaces de trabajar en grupo en armonía y con madurez.

Página 10 de 21

12. Instrumentos de evaluación.

La evaluación del módulo se realizará a lo largo de todo el proceso de enseñanza-aprendizaje.El carácter instrumental de esta materia, en la que los contenidos procedimentalesadquieren un papel predominante, hace que los instrumentos para la evaluación esténbasados mayoritariamente en la observación sistemática de las actividades diarias.Los instrumentos que permitirán la recogida de información para el proceso de evaluaciónserán las indicadas en cada unidad, teniendo en cuenta en general que se adecuarán a losiguiente:

Las de Enseñanza Aprendizaje en tanto son observadas por el profesor.

Pruebas escritas y Pruebas de control individual a desarrollar en el ordenador.

Pruebas de control escritas para la comprobación de determinados contenidosconceptuales o para la realización de actividades en la que se pueda prescindir delordenador.

Pruebas de control individual a desarrollar en el ordenador.

Entrega de trabajos.

Control del correcto funcionamiento de las actividades desarrolladas que así lorequieran.

Memoria detallada de la realización de la actividad.

13. Criterios de Calificación.

Para aplicar los criterios arriba expuestos es imprescindible cumplir con los siguientesrequisitos, no cumplir con alguno de los requisitos abajo expuestos supondrá unacalificación de insuficiente en el módulo:

1. Superar todas las pruebas objetivas (exámenes teóricos, prácticos o proyectos).2. Entregar todos los ejercicios propuestos, trabajos y memorias.3. La presentación de los ejercicios, trabajos y memorias propuestas por el profesor

fuera del plazo indicado (sin justificar) se penalizarán en la nota del trabajo, segúnlo estipulado en cada trabajo.

Procedimiento de evaluación y criterios de calificación: PRUEBAS OBJETIVAS (60%): Realizaciones teóricas de contenidos conceptuales o

procedimentales, o bien proyectos de cierto grado de complejidad. Se requiere

Página 11 de 21

superar todas las pruebas objetivas realizadas en la evaluación para aplicar laponderación.

REALIZACIONES PRÁCTICAS DE CONTENIDOS PROCEDIMENTALES, SUPUESTOS

PRÁCTICOS, INFORMES MEMORIA DE LAS ACTIVIDADES DESARROLLADAS,CUESTIONARIOS O PROBLEMAS (40%): Basadas fundamentalmente en los casosprácticos del currículo, pueden incluir baterías de preguntas relacionadas con loscontenidos procedimentales. El alumno deberá superar al menos el 50% de lasactividades de este tipo realizadas durante la evaluación para aplicar laponderación correspondiente.

Nota: por decisión en reunión de departamento de fecha 17/09/2019 se acuerda,por mayoría, que no por unanimidad, que los porcentajes se apliquen de la maneraindicada anteriormente.

14. Criterios de Recuperación.

El alumno deberá superar aquellas pruebas objetivas pendientes (las pruebas serealizarán al principio de la siguiente evaluación sobre los contenidos mínimos propuestosy se calificarán como APTO (>= 5) y NO APTO). Además, el alumno debe recuperar elnúmero de realizaciones prácticas necesarias para superar al menos el 50% de lasactividades prácticas.

15. Recuperación del alumnado con el módulo pendiente y pérdida de evaluación continua.Si un estudiante supera un 15% de faltas injustificadas se produce la pérdida deevaluación continua. En este caso, el alumno / alumna no podrá presentarse a losexámenes, ni ser evaluado con el sistema ordinario.La evaluación extraordinaria se llevará a cabo mediante pruebas y actividadesextraordinarias, más una relación de prácticas que tendrán que desarrollar y entregarpreviamente. El lugar y fecha de la evaluación extraordinaria será publicado según los canales queacuerde el departamento de informática y comunicaciones.

Página 12 de 21

El alumno deberá realizar una serie de pruebas y actividades dentro de un calendario afijar por el departamento. Estas se dividirán en:

A) PRUEBAS DE DEMOSTRACIÓN DE CONOCIMIENTOS TEÓRICOS

El alumno con pérdida de evaluación se someterá a pruebas, orales y por escrito, a fin deconocer el grado de conocimiento de este módulo.Las pruebas a realizar serán extraídas de los siguientes temas:

Planificación de Interfaces Hojas de estilos Contenido multimedia Contenido interactivos Webs accesibles Implementación de la usabilidad

B) DESARROLLO DE ACTIVIDADES Y PROYECTOS.

El alumno con pérdida de evaluación deberá realizar prácticas en las que este sea capazde demostrar sus competencias sobre los contenidos del módulo, estas prácticas seránentregadas al departamento en soporte magnético u óptico.

Las pruebas a realizar podrán contener:

1. Hojas de estilos2. HTML53. JQuery4. JavaScript5. Bootstrap.

Para las personas que se encuentren en esta situación, el profesor hará una convocatoriapública en los paneles de la clase. Los términos de la convocatoria indicarán el día derealización de las pruebas y entrega de actividades extraordinarias (que tendrá lugar en elmes de junio), así como, una cita con cada alumno para ser informado de la relación deejercicios prácticos/teóricos que debe desarrollar previa a la presentación de la pruebaextraordinaria.

En el supuesto de que el estudiante no acuda a la cita para ser informado de la relaciónde prácticas y no se ponga en contacto con el profesor, en el plazo de una semana tras lapublicación de la convocatoria, se supondrá que no está interesado en el derecho a laevaluación extraordinaria.

Página 13 de 21

16. Medidas de atención a la Diversidad.El Decreto 25/2018, de 26 de febrero, regula la atención a la diversidad en el ámbitode las enseñanzas no universitarias de la Comunidad Autónoma de Canarias. A tenor delartículo 20 del Decreto 156/1996 de 20 de junio (BOC nº 83 de 10 de 10 de julio), por elque se establece la Ordenación General de las Enseñanzas de Formación ProfesionalEspecífica en la Comunidad Autónoma de Canarias., las adaptaciones no supondrán ladesaparición de objetivos relacionados con las competencias profesionales necesariaspara el logro de la competencia general a que se hace referencia en cada uno de lostítulos.Para atender las posibles diferencias se han previsto las siguientes actuaciones:

Se diferencian todos aquellos elementos, que resultan esenciales, de loscontenidos que amplían o profundizan en los mismos.

Se ha graduado la dificultad de las tareas, de forma que todos los alumnos yalumnas puedan encontrar espacios de respuesta adecuados para su actuación.

Las actividades se pueden desarrollar en grupos de trabajo heterogéneos conflexibilidad en el reparto de tareas.

Creación de tareas específicas para capacidades específicas. Estas actuacionesserán llevadas a cabo por el/la profesor/a del módulo en función de lasnecesidades del grupo.

Adaptación de los tiempos de realización de pruebas objetivas, actividadesprácticas, etc.

17. Recursos y materiales didácticos.

• El equipamiento material de las aulas típico asignada a un ciclo: pizarra, proyector y equipo informático para el profesor y además esta aula debe disponer de un equipo informático conectado a internet para cada alumno (13 alumnos en este curso escolar).

• Libros digitales relacionados con el módulo.• Publicaciones periódicas de contenido general y de contenido especializado.• Aplicaciones informáticas de propósito general y específicos del módulo.

18. Bibliografía.• “Diseño de Interfaces Web” - Ed. Garceta – Eugenia Pérez Martínez, Pello Xabier

Altadill Izura• Páginas web de diseño web.• Documentación en Internet.

Página 14 de 21

19. Actividades Complementarias y Extraescolares.

No están previstas actividades complementarias para este módulo en el momento de laredacción de ésta programación, pero siempre que sea posible se realizaran encoordinación con el departamento y con la C.C.P. Las diversas actividadescomplementarias y extraescolares que se puedan plantear deben tener como objetivoacercar al alumno al mundo laboral y permitir una toma contacto con la realidad del mismoy su complejidad, especialización y avances, así como mejorar la convivencia y lasrelaciones tanto fuera como dentro del aula.

Página 15 de 21

20. Programación de cada unidad de trabajo.UT 1. Planificación de Interfaces.

Tiempo Estimado: 18 sesiones Porcentaje de Evaluación: 16%


RA 1. Planifica la creación de una interfaz web valorando y aplicando especificaciones de diseño.

Contenidos

• 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.• Marcos.• Plantilla de diseño.

Criterios de Evaluación

a) Se ha reconocido la importancia de la comunicación visual y sus principios básicos.b) Se han analizado y seleccionado los colores y tipografías adecuados para su visualización en pantalla. c) Se han analizado alternativas para la presentación de la información en documentos Web.d) Se ha valorado la importancia de definir y aplicar la guía de estilo en el desarrollo de una aplicaciónWeb.e) Se han utilizado y valorado distintas aplicaciones para el diseño de documentos Web. f) Se han utilizado marcos, tablas y capas para presentar la información de manera ordenada.g) Se han creado y utilizado plantillas de diseño.

Actividades

A1. Desarrollo apuntes y ejercicios de la UT1.

Evaluación

Prueba objetiva : 60% Actividades: 40%

Página 16 de 21

UT 2. Estilos.



RA2. Crea interfaces Web homogéneos definiendo y aplicando estilos.

Contenidos

• 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.• Hojas de estilo auditivas.• Hojas de estilo para imprimir.• Herramientas y test de verificación.


a) Se han reconocido las posibilidades de modificar las etiquetas HTML.b) Se han definido estilos de forma directa. c) Se han definido y asociado estilos globales en hojas externas.d) Se han definido hojas de estilos alternativas.e) Se han redefinido estilos.f) Se han identificado las distintas propiedades de cada elemento.g) Se han creado clases de estilos.h) Se han utilizado herramientas de validación de hojas de estilos.i) Se ha utilizado y actualizado la guía de estilo.

Actividades


Evaluación


Página 17 de 21

UT 3. Contenidos multimedia.



RA3. Prepara archivos multimedia para la Web, analizando sus características y manejando herramientasespecificas.

Contenidos

• 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.


a) Se han reconocido las implicaciones de las licencias y los derechos de autor en el uso de materialmultimedia.b) Se han identificado los formatos de imagen, audio y vídeo a utilizar.c) Se han analizado las herramientas disponibles para generar contenido multimedia. d) Se han empleado herramientas para el tratamiento digital de la imagen.e) Se han utilizado herramientas para manipular audio y vídeo.f) Se han realizado animaciones a partir de imágenes fijas.g) Se han importado y exportado imágenes, audio y vídeo en diversos formatos según su finalidad.h) Se ha aplicado la guía de estilo.

Actividades

A3. Desarrollo apuntes y ejercicios de la UT3.A4. Prueba objetiva de los contenidos de las UT1-3.

Evaluación


Página 18 de 21

UT4. Contenidos Interactivos.



RA 4. Integra contenido multimedia en documentos Web valorando su aportación y seleccionandoadecuadamente los elementos interactivos.

Contenidos

• 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.


a) Se han reconocido y analizado las tecnologías relacionadas con la inclusión de contenido multimedia einteractivo. b) Se han identificado las necesidades específicas de configuración de los navegadores Web para soportarcontenido multimedia e interactivo. c) Se han utilizado herramientas gráficas para el desarrollo de contenido multimedia interactivo. d) Se ha analizado el código generado por las herramientas de desarrollo de contenido interactivo. e) Se han agregado elementos multimedia a documentos Web.f) Se ha añadido interactividad a elementos de un documento Web.g) Se ha verificado el funcionamiento de los elementos multimedia e interactivos en distintos navegadores

Actividades


Evaluación


Página 19 de 21

UT 5. Diseño de Webs Accesibles.



RA 5. Desarrolla interfaces Web accesibles, analizando las pautas establecidas y aplicando técnicas deverificación.

Contenidos

• 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.


a) Se ha reconocido la necesidad de diseñar webs accesibles.b) Se ha analizado la accesibilidad de diferentes documentos Web.c) Se han identificado las principales pautas de accesibilidad al contenido.d) Se han analizado los posibles errores según los puntos de verificación de prioridad.e) Se ha alcanzado el nivel de conformidad deseado.f) Se han verificado los niveles alcanzados mediante el uso de test externos.g) Se ha verificado la visualización del interfaz con diferentes navegadores y tecnologías.

Actividades


Evaluación


Página 20 de 21

UT. 6. Usabilidad Web.

Tiempo Estimado: 30 sesiones Porcentaje de Evaluación


RA 6. Desarrolla interfaces Web amigables analizando y aplicando las pautas de usabilidad establecidas.

Contenidos

• 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.


a) Se ha analizado la usabilidad de diferentes documentos Web. b) Se ha valorado la importancia del uso de estándares en la creación de documentos Web.c) Se ha modificado el interfaz Web para adecuarlo al objetivo que persigue y a los usuarios a los que vadirigido.d) Se ha verificado la facilidad de navegación de un documento Web mediante distintos periféricos. e) Se han analizado diferentes técnicas para verificar la usabilidad de un documento Web.f) Se ha verificado la usabilidad del interfaz Web creado en diferentes navegadores y tecnologías

Actividades

A7. Desarrollo apuntes y ejercicios de la UT6.A8. Prueba objetiva de los contenidos de las UT4-6.

Evaluación


Página 21 de 21

i.e.s. ana luisa benÍtez · de accesibilidad, usabilidad y calidad exigidas en los estándares...

Documents