Programación didáctica de Diseño de interfaces web

Módulo del ciclo Técnico Superior en Desarrollo de Aplicaciones Web, código 0615. Estos son sus resultados de aprendizaje y criterios de evaluación, copiados del Real Decreto 686/2010, actualizado por el Real Decreto 405/2023 tal y como aparecen en el BOE.

Son los mínimos estatales. Tu comunidad autónoma puede fijar horas y contenidos propios en su currículo.

6 resultados de aprendizaje
45 criterios de evaluación
Familia: Informática y Comunicaciones

Resultados de aprendizaje y criterios de evaluación

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

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ón web.
e) Se han utilizado y valorado distintas tecnologías para el diseño de documentos web.
f) Se han creado y utilizado plantillas de diseño.

RA2 Crea interfaces web homogéneos definiendo y aplicando 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 han analizado y utilizado tecnologías y frameworks para la creación de interfaces web con un diseño responsive.
j) Se han analizado y utilizado preprocesadores de estilos para traducir estilos comunes a un código estándar y reconocible por los navegadores.

RA3 Prepara archivos multimedia para la web, analizando sus características y manejando herramientas específicas.

a) Se han reconocido las implicaciones de las licencias y los derechos de autor 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 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.

RA4 Integra contenido multimedia en documentos web valorando su aportación y seleccionando adecuadamente los elementos interactivos.

a) Se han reconocido y analizado las tecnologías relacionadas con la inclusión de contenido multimedia e interactivo.
b) Se han identificado las necesidades específicas de configuración de los navegadores web para soportar contenido 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 y dispositivos.

RA5 Desarrolla interfaces web accesibles, analizando las pautas establecidas y aplicando técnicas de verificación.

a) Se ha reconocido la necesidad de diseñar webs accesibles.
b) Se ha analizado la accesibilidad de diferentes documentos web.
c) Se han analizado los principios y pautas de accesibilidad al contenido, así como los niveles de conformidad.
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.
h) Se han analizado y utilizado herramientas y estrategias que mejoren la visibilidad y la accesibilidad de los sitios y páginas web en los resultados de los buscadores.

RA6 Desarrolla interfaces web amigables analizando y aplicando las pautas de usabilidad 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 de documentos web.
c) Se ha modificado el interfaz web para adecuarlo al objetivo que persigue y a los usuarios a los que va dirigido.
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 de la interfaz web creado en diferentes navegadores y tecnologías.

Objetivos generales y competencias a los que contribuye

Según las orientaciones pedagógicas del Real Decreto 686/2010.

Objetivos generales del ciclo (6)

i) Utilizar lenguajes de marcas y estándares web, asumiendo el manual de estilo, para desarrollar interfaces en aplicaciones web
j) Emplear herramientas y lenguajes específicos, siguiendo las especificaciones, para desarrollar componentes multimedia.
k) Evaluar la interactividad, accesibilidad y usabilidad de un interfaz, verificando los criterios preestablecidos, para Integrar componentes multimedia en el interfaz de una aplicación.
q) Programar y realizar actividades para gestionar el mantenimiento de los recursos informáticos.
y) Identificar y proponer las acciones profesionales necesarias para dar respuesta a la accesibilidad universal y al diseño para todos
z) Identificar y aplicar parámetros de calidad en los trabajos y actividades realizados en el proceso de aprendizaje para valorar la cultura de la evaluación y de la calidad y ser capaces de supervisar y mejorar procedimientos de gestión de calidad.

Competencias profesionales, personales y sociales (7)

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 el análisis de interactividad, accesibilidad y usabilidad de la aplicación.
m) Completar planes de pruebas verificando el funcionamiento de los componentes software desarrollados, según las especificaciones.
n) Elaborar y mantener la documentación de los procesos de desarrollo, utilizando herramientas de generación de documentación y control de versiones.
u) Supervisar y aplicar procedimientos de gestión de calidad, de accesibilidad universal y de diseño para todos, en las actividades profesionales incluidas en los procesos de producción o prestación de servicios.