mÓdulo: diseÑo de interfaces web curso 2019/2020ºda… · profesional, para realizar la gestión...

33
PLANIFICACIÓN DOCENTE IES VIRGEN DEL CARMEN Paseo de la Estación nº 44 23008 Jaén Tel. 953366942 – Fax: 953366944 www.iesvirgendelcarmen.com PROGRAMACIÓN MD850202 Rev. 5 12/09/2019 Página 1 de 33 MÓDULO: DISEÑO DE INTERFACES WEB CURSO: 2019/2020 DEPARTAMENTO INFORMÁTICA CICLO FORMATIVO DESARROLLO DE APLICACIONES WEB PROFESORES LUIS C. PEINADO BRAVO

Upload: others

Post on 07-Oct-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: MÓDULO: DISEÑO DE INTERFACES WEB CURSO 2019/2020ºDA… · profesional, para realizar la gestión básica de una pequeña empresa o emprender un trabajo. ab) Reconocer sus derechos

PLANIFICACIÓNDOCENTE

IES VIRGEN DEL CARMENPaseo de la Estación nº 44

23008 JaénTel. 953366942 – Fax: 953366944www.iesvirgendelcarmen.com

PROGRAMACIÓN

MD850202 Rev. 5 12/09/2019 Página 1 de 33

MÓDULO: DISEÑO DE INTERFACESWEB

CURSO: 2019/2020

DEPARTAMENTO INFORMÁTICA

CICLO FORMATIVO DESARROLLO DEAPLICACIONES WEB

PROFESORES LUIS C. PEINADO BRAVO

Page 2: MÓDULO: DISEÑO DE INTERFACES WEB CURSO 2019/2020ºDA… · profesional, para realizar la gestión básica de una pequeña empresa o emprender un trabajo. ab) Reconocer sus derechos

ÍNDICE DE CONTENIDO

NOTA: Se genera/actualiza automáticamente desde “Herramientas → Actualizar → Todo” opulsando F9.

1. Objetivos Generales.....................................................................................................................32. Metodología..................................................................................................................................53. Competencias Profesionales Generales........................................................................................64. Evaluación y Recuperación..........................................................................................................8

4.1. Momentos y procedimientos de Evaluación........................................................................84.2. Criterios de ponderación......................................................................................................94.3. Criterios de evaluación.......................................................................................................104.4. Criterios de recuperación....................................................................................................114.5. Evaluación de competencias profesionales........................................................................124.6. Evaluación del proceso de enseñanza................................................................................12

5. Atención a la diversidad.............................................................................................................145.1. Alumnos de admisión tardía...............................................................................................145.2. Alumnos con necesidades educativas especiales...............................................................155.3. Alumnos con compatibilidad laboral y/o modularidad......................................................155.4. Alumnado con altas capacidades........................................................................................15

6. Contenidos..................................................................................................................................166.1. Relación de bloques temáticos...........................................................................................176.2. Secuenciación de contenidos..............................................................................................18

6.2.1. Unidad didáctica 1: Planificación de interfaces gráficas............................................186.2.2. Unidad didáctica 2: Uso de estilos.............................................................................206.2.3. Unidad didáctica 3: Implantación de contenido multimedia......................................226.2.4. Unidad didáctica 4: Contenidos web interactivos......................................................246.2.5. Unidad didáctica 5: Diseño de webs accesibles.........................................................266.2.6. Unidad didáctica 6: Usabilidad en la web..................................................................28

7. Materias Transversales...............................................................................................................308. Actividades Complementarias y Extraescolares........................................................................329. Bibliografía, Materiales y Recursos...........................................................................................33

9.1. Bibliografía de departamento.............................................................................................339.2. Materiales, recursos y laboratorios.....................................................................................33

Código: Rev.: Fecha Implantación: Entregar a:Página 2 de 33

MD850401 5 12/09/2019 Jefa/e depto. → Jefatura estudios

Page 3: MÓDULO: DISEÑO DE INTERFACES WEB CURSO 2019/2020ºDA… · profesional, para realizar la gestión básica de una pequeña empresa o emprender un trabajo. ab) Reconocer sus derechos

1. OBJETIVOS GENERALES

De conformidad con lo establecido en el artículo 9 del Real Decreto 1691/2007, de 14 dediciembre, por el que se establece el título de Técnico en Sistemas Microinformáticos y Redes y sefijan sus enseñanzas mínimas, los objetivos generales de las enseñanzas correspondientes al mismoson (marcados los de este módulo):

a) Ajustar la configuración lógica analizando las necesidades y criterios establecidos paraconfigurar y explotar sistemas informáticos.

b) Identificar las necesidades de seguridad verificando el plan preestablecido para aplicar técnicas yprocedimientos relacionados.

c) Instalar módulos analizando su estructura y funcionalidad para gestionar servidores deaplicaciones.

d) Ajustar parámetros analizando la configuración para gestionar servidores de aplicaciones.

e) Interpretar el diseño lógico, verificando los parámetros establecidos para gestionar bases dedatos.

f) Seleccionar lenguajes, objetos y herramientas, interpretando las especificaciones para desarrollaraplicaciones web con acceso a bases de datos.

g) Utilizar lenguajes, objetos y herramientas, interpretando las especificaciones para desarrollaraplicaciones web con acceso a bases de datos.

h) Generar componentes de acceso a datos, cumpliendo las especificaciones, para integrarcontenidos en la lógica de una aplicación web.

i) Utilizar lenguajes de marcas y estándares web, asumiendo el manual de estilo, para desarrollarinterfaces en aplicaciones web

j) Emplear herramientas y lenguajes específicos, siguiendo las especificaciones, para desarrollarcomponentes multimedia.

k) Evaluar la interactividad, accesibilidad y usabilidad de un interfaz, verificando los criteriospreestablecidos, para Integrar componentes multimedia en el interfaz de una aplicación.

l) Utilizar herramientas y lenguajes específicos, cumpliendo las especificaciones, para desarrollar eintegrar componentes software en el entorno del servidor web.

m) Emplear herramientas específicas, integrando la funcionalidad entre aplicaciones, paradesarrollar servicios empleables en aplicaciones web.

n) Evaluar servicios distribuidos ya desarrollados, verificando sus prestaciones y funcionalidad,para integrar servicios distribuidos en una aplicación web.

ñ) Verificar los componentes de software desarrollados, analizando las especificaciones, paracompletar el plan de pruebas.

o) Utilizar herramientas específicas, cumpliendo los estándares establecidos, para elaborar ymantener la documentación de los procesos.

p) Establecer procedimientos, verificando su funcionalidad, para desplegar y distribuir aplicaciones.

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

r) Analizar y utilizar los recursos y oportunidades de aprendizaje relacionadas con la evolucióncientífica, tecnológica y organizativa del sector y las tecnologías de la información y lacomunicación, para mantener el espíritu de actualización y adaptarse a nuevas situaciones laboralesy personales.

Código: Rev.: Fecha Implantación: Entregar a:Página 3 de 33

MD850401 5 12/09/2019 Jefa/e depto. → Jefatura estudios

Page 4: MÓDULO: DISEÑO DE INTERFACES WEB CURSO 2019/2020ºDA… · profesional, para realizar la gestión básica de una pequeña empresa o emprender un trabajo. ab) Reconocer sus derechos

s) Desarrollar la creatividad y el espíritu de innovación para responder a los retos que se presentanen los procesos y organización de trabajo y de la vida personal.

t) Tomar decisiones de forma fundamentada analizando las variables implicadas, integrando saberesde distinto ámbito y aceptando los riesgos y la posibilidad de equivocación en las mismas, paraafrontar y resolver distintas situaciones, problemas o contingencias.

u) Desarrollar técnicas de liderazgo, motivación, supervisión y comunicación en contextos detrabajo en grupo para facilitar la organización y coordinación de equipos de trabajo.

v) Aplicar estrategias y técnicas de comunicación adaptándose a los contenidos que se van atransmitir, la finalidad y a las características de los receptores, para asegurar la eficacia en losprocesos de comunicación.

x) Evaluar situaciones de prevención de riesgos laborales y de protección ambiental, proponiendo yaplicando medidas de prevención personales y colectivas, de acuerdo a la normativa aplicable en losprocesos del trabajo, para garantizar entornos seguros.

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

z) Identificar y aplicar parámetros de calidad en los trabajos y actividades realizados en el procesode aprendizaje para valorar la cultura de la evaluación y de la calidad y ser capaces de supervisar ymejorar procedimientos de gestión de calidad.

aa) Utilizar procedimientos relacionados con la cultura emprendedora, empresarial y de iniciativaprofesional, para realizar la gestión básica de una pequeña empresa o emprender un trabajo.

ab) Reconocer sus derechos y deberes como agente activo en la sociedad, teniendo en cuenta elmarco legal que regula las condiciones sociales y laborales para participar como ciudadanodemocrático.

Código: Rev.: Fecha Implantación: Entregar a:Página 4 de 33

MD850401 5 12/09/2019 Jefa/e depto. → Jefatura estudios

Page 5: MÓDULO: DISEÑO DE INTERFACES WEB CURSO 2019/2020ºDA… · profesional, para realizar la gestión básica de una pequeña empresa o emprender un trabajo. ab) Reconocer sus derechos

2. METODOLOGÍA

La metodología que se empleará para la consecución de los objetivos del módulo será activa,tanto por parte del profesor como del alumnado, participativa, por parte del alumnado ymotivadora, por parte del profesor.

Durante el curso, se van a combinar y desarrollar una serie de estrategias orientadas aconseguir de manera progresiva desarrollar la autonomía y autosuficiencia del alumnado,concediendo especial relevancia a potenciar la iniciativa, la deducción lógica, la aplicación delmétodo apropiado y la capacidad de reacción ante nuevas situaciones. En definitiva, el desarrollo dehabilidades, destrezas y criterios propios que consigan un gradual aumento de la independencia delalumnado respecto al profesorado, preparándolos así para el desarrollo de su profesión yfomentando el autoaprendizaje y la capacidad de evolución.

Entre estrategias que se emplearán destacan las siguientes:

Exposición: Se alternarán las intervenciones del profesor con las del alumnado de maneraque los contenidos queden perfectamente estructurados y claros. Se expondrán ejemplos queayuden a comprender los contenidos expuestos y se buscarán aplicaciones prácticas reales.

Investigación: Se realizarán consultas a varias fuentes de información (Internet, libros, etc.)para dar respuesta a las cuestiones y supuestos prácticos planteados por el profesor quepermitan aplicar los conocimientos previamente adquiridos. Se podrán realizar actividadesen grupos o individuales.

Conexión de la teoría con ejemplos reales cercanos al alumnado y de fácil comprensión.

Debido a que este módulo es eminentemente práctico, las clases magistrales en las que primala exposición serán complementarias y se limitarán a la presentación de los conceptos esenciales decada unidad con la ayuda de esquemas, figuras, diagramas y/o videos que hagan más fácil y amenoel proceso de enseñanza-aprendizaje.

Las unidades didácticas se expondrán en un lenguaje sencillo, a la vez que técnico, para que elalumno (futuro profesional) vaya conociendo la terminología y el argot que se utiliza en el mundode la informática.

Se realizarán actividades individuales que complementen al contenido teórico de la unidadcon el objetivo de afianzar los conceptos explicados y actividades grupales en las que el profesorpropondrá la realización de prácticas para preparar al alumnado para su incorporación al mundolaboral.

Código: Rev.: Fecha Implantación: Entregar a:Página 5 de 33

MD850401 5 12/09/2019 Jefa/e depto. → Jefatura estudios

Page 6: MÓDULO: DISEÑO DE INTERFACES WEB CURSO 2019/2020ºDA… · profesional, para realizar la gestión básica de una pequeña empresa o emprender un trabajo. ab) Reconocer sus derechos

3. COMPETENCIAS PROFESIONALES GENERALES

Las competencias profesionales, personales y sociales de este título son las que se relacionana continuación (marcadas las de este módulo):

a) Configurar y explotar sistemas informáticos, adaptando la configuración lógica del sistema segúnlas necesidades de uso y los criterios establecidos.

b) Aplicar técnicas y procedimientos relacionados con la seguridad en sistemas, servicios yaplicaciones, cumpliendo el plan de seguridad.

c) Gestionar servidores de aplicaciones adaptando su configuración en cada caso para permitir eldespliegue de aplicaciones web.

d) Gestionar bases de datos, interpretando su diseño lógico y verificando integridad, consistencia,seguridad y accesibilidad de los datos.

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

f) Integrar contenidos en la lógica de una aplicación web, desarrollando componentes de acceso adatos adecuados a las especificaciones.

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

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

i) Integrar componentes multimedia en el interface de una aplicación web, realizando el análisis deinteractividad, accesibilidad y usabilidad de la aplicación.

j) Desarrollar e integrar componentes software en el entorno del servidor web, empleandoherramientas y lenguajes específicos, para cumplir las especificaciones de la aplicación.

k) Desarrollar servicios para integrar sus funciones en otras aplicaciones web, asegurando sufuncionalidad.

l) Integrar servicios y contenidos distribuidos en aplicaciones web, asegurando su funcionalidad.

m) Completar planes de pruebas verificando el funcionamiento de los componentes softwaredesarrollados, según las especificaciones.

n) Elaborar y mantener la documentación de los procesos de desarrollo, utilizando herramientas degeneración de documentación y control de versiones.

ñ) Desplegar y distribuir aplicaciones web en distintos ámbitos de implantación, verificando sucomportamiento y realizando modificaciones.

o) Gestionar y/o realizar el mantenimiento de los recursos de su área en función de las cargas detrabajo y el plan de mantenimiento.

p) Adaptarse a las nuevas situaciones laborales, manteniendo actualizados los conocimientoscientíficos, técnicos y tecnológicos relativos a su entorno profesional, gestionando su formación ylos recursos existentes en el aprendizaje a lo largo de la vida y utilizando las tecnologías de lainformación y la comunicación.

q) Resolver situaciones, problemas o contingencias con iniciativa y autonomía en el ámbito de sucompetencia, con creatividad, innovación y espíritu de mejora en el trabajo personal y en el de losmiembros del equipo.

Código: Rev.: Fecha Implantación: Entregar a:Página 6 de 33

MD850401 5 12/09/2019 Jefa/e depto. → Jefatura estudios

Page 7: MÓDULO: DISEÑO DE INTERFACES WEB CURSO 2019/2020ºDA… · profesional, para realizar la gestión básica de una pequeña empresa o emprender un trabajo. ab) Reconocer sus derechos

r) Organizar y coordinar equipos de trabajo, supervisando el desarrollo del mismo, conresponsabilidad, manteniendo relaciones fluidas y asumiendo el liderazgo, así como, aportandosoluciones a los conflictos grupales que se presentan.

s) Comunicarse con sus iguales, superiores, clientes y personas bajo su responsabilidad utilizandovías eficaces de comunicación, transmitiendo la información o conocimientos adecuados, yrespetando la autonomía y competencia de las personas que intervienen en el ámbito de su trabajo.

t) Generar entornos seguros en el desarrollo de su trabajo y el de su equipo, supervisando yaplicando los procedimientos de prevención de riesgos laborales y ambientales de acuerdo con loestablecido por la normativa y los objetivos de la empresa.

u) Supervisar y aplicar procedimientos de gestión de calidad, de accesibilidad universal y de diseñopara todos, en las actividades profesionales incluidas en los procesos de producción o prestación deservicios.

v) Realizar la gestión básica para la creación y funcionamiento de una pequeña empresa y teneriniciativa en su actividad profesional con sentido de la responsabilidad social.

x) Ejercer sus derechos y cumplir con las obligaciones derivadas de su actividad profesional, deacuerdo con lo establecido en la legislación vigente, participando activamente en la vida económica,social y cultural.

Código: Rev.: Fecha Implantación: Entregar a:Página 7 de 33

MD850401 5 12/09/2019 Jefa/e depto. → Jefatura estudios

Page 8: MÓDULO: DISEÑO DE INTERFACES WEB CURSO 2019/2020ºDA… · profesional, para realizar la gestión básica de una pequeña empresa o emprender un trabajo. ab) Reconocer sus derechos

4. EVALUACIÓN Y RECUPERACIÓN

4.1. Momentos y procedimientos de EvaluaciónSegún establece la Orden de 29 de septiembre de 2010, sobre evaluación en los ciclos

formativos de formación profesional inicial en la Comunidad Autónoma de Andalucía:

La evaluación del aprendizaje del alumnado en los ciclos formativos será continua y serealizará por módulos profesionales.

La aplicación del proceso de evaluación continua del alumnado requerirá, en lamodalidad presencial, su asistencia regular a clase y su participación en las actividadesprogramadas para los distintos módulos profesionales del ciclo formativo.

La evaluación del alumnado será realizada por el profesorado que imparta cada móduloprofesional, de acuerdo con los resultados de aprendizajes, los criterios de evaluación ycontenidos de cada módulo profesional, así como las competencias y objetivos generales delciclo asociados a los mismos.

La evaluación será realizada por el equipo educativo, coordinados por el tutor del grupo.

La evaluación será continua en cuanto que estará inmersa en el proceso de enseñanza yaprendizaje del alumno y alumna, contrastando los diversos momentos o fases:

o Evaluación inicial de los conocimientos de partida del alumnado y de sus característicaspersonales, de forma que se puedan adaptar los aprendizajes a las diferenciasindividuales.

o Evaluación continua y formativa: Se llevará a cabo durante el trabajo diario ydesarrollo de las unidades didácticas, según la metodología que se ha explicado en elapartado anterior.

o Evaluación final: Es la que dará como resultado una calificación.

La calificación se expresará en una escala numérica de 1 a 10.

La calificación para aprobar una evaluación tiene que ser mayor o igual a 5.

En la evaluación de los alumnos/as con NEAE se tendrá en cuenta dicha circunstancia,tomando como referencia básica los criterios establecidos en la adaptación no significativacorrespondiente.

Para llevar a cabo el proceso de evaluación descrito anteriormente, se deberá tener encuenta la evolución personal del alumnado y su participación en el grupo. Se realizará unaevaluación cuantitativa y cualitativa, llevándose a cabo mediante la observación, el diálogo y elintercambio constante entre el docente y el alumno, además de los trabajos habituales de clasepropuestos en las actividades. Entre los procedimientos de evaluación, podemos distinguir lossiguientes:

Instrumentos de evaluación

En el módulo se utilizan los siguientes instrumentos de evaluación como medio para laevaluación del alumnado:

Diario de clase del profesorado: este es un instrumento que ayuda a la observaciónsistemática del alumnado y en el que se reflejan las distintas situaciones que se producen en

Código: Rev.: Fecha Implantación: Entregar a:Página 8 de 33

MD850401 5 12/09/2019 Jefa/e depto. → Jefatura estudios

Page 9: MÓDULO: DISEÑO DE INTERFACES WEB CURSO 2019/2020ºDA… · profesional, para realizar la gestión básica de una pequeña empresa o emprender un trabajo. ab) Reconocer sus derechos

el aula, como su participación en clase, la expresión oral y escrita, la forma de trabajar y elgrado de comprensión de los contenidos impartidos.

Actividades de clase: Tareas propuestas por el profesorado para afianzar los conceptosvistos en la unidad o complementarlos, como cuestionarios, presentaciones, actividades deinvestigación, etc. Éstos podrán ser individuales o por grupos.

Prácticas: Dado el carácter eminentemente procedimental del módulo, en cada unidad deTrabajo se plantean varias prácticas a realizar por el alumnado usando los equiposinformáticos. La mayoría de estas prácticas serán obligatorias y adicionalmente seplantearán algunas de entrega voluntaria que complementen su formación. En cada prácticase especificará si se hace de forma individual o en grupo.

En cada práctica se valorarán los siguientes grados de consecución (porcentaje con respectoal valor asociado a la práctica indicado en el Cuaderno del Profesorado):

o Lo consigue: 100%

o Lo consigue parcialmente: 60%

o Con dificultad: 30 %

o No lo consigue: 0%

Controles: Al final de cada Unidad Didáctica se realizará un control que versará sobre losCriterios de Evaluación asociados a dicha unidad. Tendrán una nota numérica de 0 a 10. Suponderación con respecto al bloque del que dependen los criterios que se evalúan quedarecogida en el Cuaderno del Profesor.

Exámenes: se realizarán al menos un examen por trimestre en el que se evaluarán todoslos Resultados de Aprendizaje trabajados durante dicho periodo. Constará de una parteteórica, con preguntas tipo test y/o preguntas breves para desarrollar y una parte práctica arealizar en ordenador. Tendrán una nota numérica de 0 a 10 y con una ponderación indicadaen el cuaderno del profesor.

Para el alumnado que participa en el proyecto dual:

seguimiento del tutor docente en la empresa correspondiente

información del tutor laboral

registro de actividades del alumnado en el curso moodle de cada empresa

4.2. Criterios de ponderación

Pruebas teórico/prácticas Actividades/Prácticas/Proyectos TOTAL

30% 70% 100%

El alumnado deberá́ superar cada una de las dos evaluaciones propuestas por separado, esdecir, obtener como nota del trimestre un valor mayor o igual a 5. Esta nota procederá́ delporcentaje asignado a cada bloque de los tratados en cada trimestre, tal y como que se indica acontinuación.

Código: Rev.: Fecha Implantación: Entregar a:Página 9 de 33

MD850401 5 12/09/2019 Jefa/e depto. → Jefatura estudios

Page 10: MÓDULO: DISEÑO DE INTERFACES WEB CURSO 2019/2020ºDA… · profesional, para realizar la gestión básica de una pequeña empresa o emprender un trabajo. ab) Reconocer sus derechos

Ponderación asociada a los Resultados de Aprendizaje del Primer Trimestre:

Unidad deTrabajo

Resultado deAprendizaje

Ponderación notafinal trimestre

1 1 10%2 2 20%3 3 10%7 2 10 %

Total 50%

Ponderación asociada a los Resultados de Aprendizaje del Segundo Trimestre:

Unidad deTrabajo

Resultado deAprendizaje

Ponderación notafinal trimestre

4 4 15%5 5 10 %6 6 10 %7 2 15 %

Total 50%

La nota global del módulo será́ la media de los dos trimestres. Para aprobar el módulo setendrán que aprobar cada una de los dos trimestres.

Los alumnos que no hayan superado algún trimestre podrán realizar un examen final en elmes de marzo, correspondiente a la convocatoria final, con carácter teórico-práctico. En este caso,para superar el módulo será́ imprescindible la entrega de todas las prácticas correspondientes a cadatrimestre.

Para el alumnado que participa en el proyecto dual la calificación de observación diariavendrá dada, en su mayor parte, por el seguimiento realizado por el tutor docente. Realizarán unproyecto práctico con el que se evaluarán todos los criterios de evaluación correspondientes alperiodo evaluado. También tendrán que realizar un cuestionario sobre los contenidos teóricos.

4.3. Criterios de evaluación

Criterios de Calificación

Criterio (marcar con una X debajo de SI o NO) SI NO

La ortografía resta puntuación Aunque no reste puntuación se llamará la atención sobre este tema.

X

Entregar fuera de plazo resta puntuación Todas las prácticas deben entregarlas en un plazo de tiempo (subirlas a

moodle), la penalización por entregarlas tarde es del 50% de la nota.X

Los alumnos/as deben llegar a un mínimo de la calificación para acceder a la media X

Código: Rev.: Fecha Implantación: Entregar a:Página 10 de 33

MD850401 5 12/09/2019 Jefa/e depto. → Jefatura estudios

Page 11: MÓDULO: DISEÑO DE INTERFACES WEB CURSO 2019/2020ºDA… · profesional, para realizar la gestión básica de una pequeña empresa o emprender un trabajo. ab) Reconocer sus derechos

Criterios de Calificación

Criterio (marcar con una X debajo de SI o NO) SI NO

Los alumnos/as deben superar todas las evaluaciones para aprobar el módulo Para superar cada evaluación se deben haber superado cada una de las

unidades impartidas en dicha evaluación.X

La NO entrega de un número mínimo de prácticas supone directamente que esa parte serecupera con un examen

Todos los ejercicios de clase deben ser realizados, en caso contrario dejaríade puntuar en ese apartado.

X

La NO entrega de ejercicios de clase supone directamente que esa parte se recupera conexamen

El porcentaje de ejercicios se incorporarían al de las pruebasteórico/prácticas realizadas en formato de examen.

X

4.4. Criterios de recuperación

Criterios de recuperación

Criterio (marcar con una X debajo de SI o NO) SI NO

La calificación final será la misma que la del examen (en caso negativo, explicar lasdiferencias)

En las recuperaciones la calificación máxima será de 6 tanto para losexámenes como para las tareas y actividades que se recuperen.

X

Puede eliminar materia previamente al examen X

Existen criterios de corrección diferentes entre convocatoria ordinaria y extraordinaria(explicar en caso afirmativo las diferencias)

X

Existe una nota máxima en la recuperación independientemente de la calificación quese obtenga en la misma

En las recuperaciones la calificación máxima será de 6 tanto para losexámenes como para las tareas y actividades que se recuperen.

X

El alumnado que no hayan superado el módulo mediante la evaluación de los dostrimestres, se podrá presentar a la evaluación final en el mes de junio. Se presentará con el trimestrependiente, siendo obligatorio la entrega de todos los trabajos y la realización de las prácticaspropuestas durante el trimestre.

El que no haya superado el módulo a la finalización del segundo trimestre dispondrá de unplazo de recuperación previo a la evaluación final.

Durante el período correspondiente al plan de recuperación se aclararán las dudas que sepueda tener sobre la materia, tanto teoría como actividades y prácticas. Además, durante esteperíodo el alumnado tendrá́ que presentar previamente a la realización de la prueba escrita lostrabajos y prácticas no presentados o no superados durante el curso.

Código: Rev.: Fecha Implantación: Entregar a:Página 11 de 33

MD850401 5 12/09/2019 Jefa/e depto. → Jefatura estudios

Page 12: MÓDULO: DISEÑO DE INTERFACES WEB CURSO 2019/2020ºDA… · profesional, para realizar la gestión básica de una pequeña empresa o emprender un trabajo. ab) Reconocer sus derechos

Aquellos alumnos/as que no superen alguna/as de las evaluaciones tendrá que presentarse alas pruebas de recuperación establecidas al efecto. Si éstas no fueran tampoco superadas deberánpresentarse, en su caso, a la prueba establecida como convocatoria de evaluación final. Igualmentese presentarán a esta prueba todos aquellos alumnos/as que por una significativa falta de asistenciaasí́ lo necesitaran.

4.5. Evaluación de competencias profesionalesLa evaluación de las competencias profesionales asociadas a cada módulo va asociada con

la evaluación de los objetivos de cada tema. En cada unidad didáctica se detalla los criterios deevaluación que serán evaluados. Para superar el módulo, todos resultados de aprendizaje debenestar superadas, esto es, para cada competencia profesional, las prácticas y exámenes de los temasen que se trabajan deben de estar superados.

Relación entre los resultados de aprendizaje y las unidades de competencia

RESULTADOS DE APRENDIZAJE COMPETENCIAS PROFESIONALES

1. Planifica la creación de una interfaz webvalorando y aplicando especificaciones dediseño.

e), g), n), u)

2. Crea interfaces Web homogéneos definiendoy aplicando estilos.

e), g), n), u)

3. Prepara archivos multimedia para la Web,analizando sus características y manejandoherramientas especificas.

h), i), n)

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

h), i), n)

5. Desarrolla interfaces Web accesibles,analizando las pautas establecidas y aplicandotécnicas de verificación.

i), m), n), u)

6. Desarrolla interfaces Web amigablesanalizando y aplicando las pautas de usabilidadestablecidas.

i), m), n)

4.6. Evaluación del proceso de enseñanzaLa evaluación de la enseñanza es un proceso ininterrumpido, que se inicia con el

diagnóstico de la situación, y que pretende mejorar la acción docente mediante la continuaobservación y reflexión cooperativa. Las valoraciones globales en un determinado momento(evaluación final) nunca cerrarán el proceso, sino que llevarán a decisiones que a su vez seguiránsiendo evaluadas en un proceso de retroalimentación (feedback).

No sólo debe evaluarse el proceso de aprendizaje del alumnado sino también el proceso deenseñanza por parte del profesorado. En este sentido a los datos aportados por la evaluacióncontinua de los alumnos será necesario añadir otros datos referentes a la validez de la programaciónCódigo: Rev.: Fecha Implantación: Entregar a:

Página 12 de 33MD850401 5 12/09/2019 Jefa/e depto. → Jefatura estudios

Page 13: MÓDULO: DISEÑO DE INTERFACES WEB CURSO 2019/2020ºDA… · profesional, para realizar la gestión básica de una pequeña empresa o emprender un trabajo. ab) Reconocer sus derechos

de las actividades de enseñanza diseñadas, de los recursos materiales y personales utilizados, de lostiempos y espacios previstos, de la agrupación de alumnos, de los criterios de evaluación aplicadosy de la propia actuación del profesor.

En la evaluación de los procesos de enseñanza-aprendizaje tendremos en cuenta:

El ambiente creado en el aula para facilitar el proceso de enseñanza y aprendizaje.

La actuación personal. Es importante evaluar la actitud de atención al proceso deaprendizaje de cada estudiante de forma individualizada y a la dinámica del grupo engeneral.

Adecuación de los elementos de la programación (objetivos, contenidos, metodología yevaluación) a las características del alumnado

Valoración de la metodología utilizada y si resulta apropiada a las características del grupo

Nivel de interacción entre el alumnado y entre el profesorado y el alumnado.

Calidad de las actividades: si son motivadores y si han tenido en cuenta los conocimientosprevios.

Grado de adecuación de los recursos, materiales y fuentes de información utilizados.

Valoración sobre si la organización en grupos ha sido positiva.

Coordinación entre el profesorado.

Determinación de si se ha garantizado un clima de contraste de opiniones abierto a todos,garantizando su participación.

La evaluación del proceso de enseñanza-aprendizaje debe ser continua, por tanto, convienetomar datos a lo largo del curso para hacer los cambios adecuados en el momento oportuno.

Código: Rev.: Fecha Implantación: Entregar a:Página 13 de 33

MD850401 5 12/09/2019 Jefa/e depto. → Jefatura estudios

Page 14: MÓDULO: DISEÑO DE INTERFACES WEB CURSO 2019/2020ºDA… · profesional, para realizar la gestión básica de una pequeña empresa o emprender un trabajo. ab) Reconocer sus derechos

5. ATENCIÓN A LA DIVERSIDAD

En cualquier aula, independientemente del nivel educativo, el grupo será heterogéneo. Así,cada estudiante presentará un ritmo de aprendizaje distinto para asimilar los conocimientos que seestán explicando, por lo que generalmente, habrá alumnos que serán capaces de realizar las tareasde forma más rápida que otros. Para facilitar una educación equitativa y de calidad, se deben teneren cuenta estos ritmos diferentes de aprendizaje, con el objetivo final de adoptar las medidasoportunas para proporcionar a cada alumno la atención que necesita.

Por todo lo anterior, será necesario plantear actividades de refuerzo para aquellos gruposen los que se detecten dificultades en el aprendizaje o la comprensión de los conceptos yprocedimientos estudiados. Para detectar estas necesidades se utilizarán especialmente lasactividades de consolidación y diagnóstico, que permitirán determinar los puntos clave que sedeberán reforzar. En cada unidad didáctica se han planteado actividades de refuerzo dirigidas a estealumnado, cuyo principal propósito es consolidar los ejercicios y conceptos básicos, contribuyendoasí a la consecución de los objetivos del módulo. Podrán tratar desde nuevas tareas similares a lasya realizadas hasta una repetición de la explicación por parte del profesor de un concepto que no seha asimilado correctamente.

Por otra parte, también se deben plantear actividades complementarias de ampliación paraaquellos alumnos que asimilen más rápido los temas tratados y que necesiten alguna tarea adicionalque les permita avanzar y ampliar todo lo estudiado.

Además de las medidas anteriores destinadas a grupos específicos de la clase, se podríanconsiderar otras opciones a nivel de aula como la redistribución de los puestos ocupados por cadaalumno para que puedan proporcionarse ayuda entre sí. En definitiva, se trata de tomar las pautasoportunas para contribuir a que todos los estudiantes reciban una atención equitativa que les permitaadquirir los contenidos del módulo y superar los objetivos del mismo

5.1. Alumnos de admisión tardíaLa admisión y matriculación en los primeros cursos de formación profesional suele

prolongarse durante la primera parte del curso. Generalmente se suelen producir bajas y altas dealumnos durante el primer mes de clase. Por ello se establecen las siguientes medidas.

Si por cualquier motivo se incorporara algún alumno de forma tardía, se le dará acceso atodo el material impartido hasta ese momento.

Usaremos la plataforma Moodle, donde almacenaremos todos los contenidos, objetivos y lasactividades por temas y fecha, para facilitar la inserción del alumnado de incorporacióntardía.

Además, se le proporcionará apoyo ante las dudas y dificultades que le surgieran respecto alas unidades ya impartidas.

Siempre y cuando la incorporación tardía sea por razones justificadas el alumno podrárealizar las pruebas de evaluación y actividades prácticas que tuvieran lugar antes de suincorporación. En otros casos se aplicarán los criterios de evaluación de este módulocomunes para todo el alumnado.

Se volverán a comentar en clase los criterios de evaluación y calificación cuando el grupo seestabilice respecto a nuevas matriculaciones.

Código: Rev.: Fecha Implantación: Entregar a:Página 14 de 33

MD850401 5 12/09/2019 Jefa/e depto. → Jefatura estudios

Page 15: MÓDULO: DISEÑO DE INTERFACES WEB CURSO 2019/2020ºDA… · profesional, para realizar la gestión básica de una pequeña empresa o emprender un trabajo. ab) Reconocer sus derechos

5.2. Alumnos con necesidades educativas especialesLa evaluación de otros alumnos/as con necesidades educativas especiales, de existir algún

caso, se realizarán tomando como referencia los criterios y evaluación establecidos en lasadaptaciones curriculares, que, para ello se hubieran realizado y valorando las recomendaciones quepor parte del Departamento de Orientación pudieran dictarse. Debemos tener en cuenta que laadaptación individual significativa de área o materia permite la obtención del título si se cumplenlas condiciones generales para obtenerlo, es decir siempre que se mantengan los objetivos de laetapa o nivel correspondiente.

El Ciclo Formativo de Grado Medio en el que se engloba este módulo, es una enseñanzapost obligatoria en la que la legislación vigente no contempla la elaboración de ACI significativas,sin embargo, en caso de que sea necesario, se realizarán las adaptaciones no significativas en elámbito metodológico que faciliten al alumnado la consecución de los objetivos propuestos.

A priori, basándonos en las primeras semanas de clase y en la prueba de evaluación inicialno se han detectado diferencias en cuanto a la diversidad entre el alumnado. Si los hubiera, encolaboración con el Departamento de Orientación se realizarían las adaptaciones necesarias parafacilitar la consecución los objetivos del módulo.

No obstante, no debemos olvidar que la programación está abierta y es flexible en cuanto ala incorporación de modificaciones requeridas por nuevos campos de actuación.

Atención personalizada a los alumnos con un ritmo de aprendizaje más lento, ayudándolesen la resolución de problemas, dándoles más tiempo para la realización de ejercicios, prácticas,trabajos, y proponiéndoles actividades que le permitan la comprensión de los contenidos.

5.3. Alumnos con compatibilidad laboral y/o modularidadAl tratarse de un ciclo formativo presencial se requiere la asistencia regular a clase.

5.4. Alumnado con altas capacidadesSe propondrán actividades complementarias que amplíen sus conocimientos tanto sobre los

contenidos tratados como de otros relacionados.

Además, se tratará de implicar a estos alumnos en la ayuda a sus compañeros de clasecomo monitores en aquellas actividades en las que demuestren mayor destreza. Con esta medida sepretende asimismo reforzar la cohesión del grupo y fomentar el aprendizaje colaborativo.

Código: Rev.: Fecha Implantación: Entregar a:Página 15 de 33

MD850401 5 12/09/2019 Jefa/e depto. → Jefatura estudios

Page 16: MÓDULO: DISEÑO DE INTERFACES WEB CURSO 2019/2020ºDA… · profesional, para realizar la gestión básica de una pequeña empresa o emprender un trabajo. ab) Reconocer sus derechos

6. CONTENIDOS

A continuación, se detallan las diferentes unidades didácticas con sus correspondientescriterios de evaluación.

Código: Rev.: Fecha Implantación: Entregar a:Página 16 de 33

MD850401 5 12/09/2019 Jefa/e depto. → Jefatura estudios

Page 17: MÓDULO: DISEÑO DE INTERFACES WEB CURSO 2019/2020ºDA… · profesional, para realizar la gestión básica de una pequeña empresa o emprender un trabajo. ab) Reconocer sus derechos

6.1. Relación de bloques temáticosBloque

TemáticoNº

U.D.Título Unidad Didáctica

Horas (segúncalendario)

Trimestre (marcar)

1º 2º 3º

1Planificaciónde interfaces

gráficas yhojas de estilo

1 Planificación de interfaces gráficas. 20 X

2 Uso de estilos 46 X

BloqueTemático

NºU.D.

Título Unidad DidácticaHoras (segúncalendario)

Trimestre (marcar)

1º 2º 3º

2Multimedia

3Implantación de contenidomultimedia

18 X X

4 Contenidos web interactivos 18 X

BloqueTemático

NºU.D.

Título Unidad DidácticaHoras (segúncalendario)

Trimestre (marcar)

1º 2º 3º

3Accesibilidady usabilidad

5 Diseño de webs accesibles 12 X

6 Usabilidad en la web 12 X

Código: Rev.: Fecha Implantación: Entregar a:Página 17 de 33

MD850401 5 12/09/2019 Jefa/e depto. → Jefatura estudios

Page 18: MÓDULO: DISEÑO DE INTERFACES WEB CURSO 2019/2020ºDA… · profesional, para realizar la gestión básica de una pequeña empresa o emprender un trabajo. ab) Reconocer sus derechos

6.2. Secuenciación de contenidos

6.2.1. Unidad didáctica 1: Planificación de interfaces gráficas

Ud1. Planificación de interfaces gráficas. 20h

Resultados de Aprendizaje Peso Criterios de evaluación Peso

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

15%

a) Se ha reconocido la importancia de lacomunicación visual y sus principios básicos.

15%

b) Se han analizado y seleccionado los colores ytipografías adecuados para su visualización enpantalla.

15%

c) Se han analizado alternativas para lapresentación de la información en documentosWeb.

15%

d) Se ha valorado la importancia de definir yaplicar la guía de estilo en el desarrollo de unaaplicación Web.

15%

e) Se han utilizado y valorado distintasaplicaciones para el diseño de documentos Web.

15%

f) Se han utilizado marcos, tablas y capas parapresentar la información de manera ordenada.

15%

g) Se han creado y utilizado plantillas de diseño. 10%

Competencias Profesionales, Personales y Sociales asociadas

e), g), n), u)

Objetivos Didácticos

Reconocer la importancia de la comunicación visual y sus principios básicos. Analizar y seleccionar los colores y tipografías adecuados para su visualización en

pantalla. Analizar alternativas para la presentación de la información en documentos Web. Valorar la importancia de definir y aplicar la guía de estilo en el desarrollo de una

aplicación Web. Utilizar y valorar distintas aplicaciones para el diseño de documentos Web. Utilizar marcos, tablas y capas para presentar la información de manera ordenada. Crear y utilizar plantillas de diseño.

Contenidos

- Elementos del diseño: percepción visual.- Color, tipografía, iconos.- Interacción persona-ordenador.- Interpretación de guías de estilo. Elementos.- Patrones de diseño Web.- Generación de documentos y sitios Web.- Componentes de una interfaz Web.

Código: Rev.: Fecha Implantación: Entregar a:Página 18 de 33

MD850401 5 12/09/2019 Jefa/e depto. → Jefatura estudios

Page 19: MÓDULO: DISEÑO DE INTERFACES WEB CURSO 2019/2020ºDA… · profesional, para realizar la gestión básica de una pequeña empresa o emprender un trabajo. ab) Reconocer sus derechos

- Aplicaciones para desarrollo Web.- Lenguajes de marcas.- Mapa de navegación. Prototipos.- Maquetación Web. Elementos de ordenación.

• Marcos, tablas y capas.- Plantilla de diseño.

Actividades de enseñanza

Aprendizaje de los conceptos básicos del diseño web y diseño gráfico. Investigación sobre aplicaciones para el diseño de prototipos. Estudio de gestores de contenido y sus características. Estudio de los componentes de una interfaz web. Identificación de los elementos del diseño. Detección de patrones, color y guías de estilo.

Recursos a utilizar

Plataforma Moodle Editor de código

Código: Rev.: Fecha Implantación: Entregar a:Página 19 de 33

MD850401 5 12/09/2019 Jefa/e depto. → Jefatura estudios

Page 20: MÓDULO: DISEÑO DE INTERFACES WEB CURSO 2019/2020ºDA… · profesional, para realizar la gestión básica de una pequeña empresa o emprender un trabajo. ab) Reconocer sus derechos

6.2.2. Unidad didáctica 2: Uso de estilos

Ud2. Uso de estilos 46h

Resultados de Aprendizaje Peso Criterios de evaluación Peso

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

25%

a) Se han reconocido las posibilidades demodificar las etiquetas HTML 10%

b) Se han definido estilos de forma directa 10%

c) Se han definido y asociado estilos globales enhojas externas 10%

d) Se han definido hojas de estilos alternativas 10%

e) Se han redefinido estilos 10%

f) Se han identificado las distintas propiedades decada elemento

15%

g) Se han creado clases de estilos 15%

h) Se han utilizado herramientas de validación dehojas de estilos

10%

i) Se ha utilizado y actualizado la guía de estilo 10%

Competencias Profesionales, Personales y Sociales asociadas

e), g), n), u)

Objetivos Didácticos

Reconocer las posibilidades de modificar las etiquetas HTML Definir estilos de forma directa Definir y asociar estilos globales en hojas externas Definir hojas de estilos alternativas Redefinir estilos Identificar las distintas propiedades de cada elemento Crear clases de estilos Utilizar herramientas de validación de hojas de estilos Utilizar y actualizar la guía de estilo

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.- Lenguaje extensible de hojas de estilo.- Herramientas y test de verificación.- Uso y actualización de guías de estilo.- Bootstrap, Sass.

Actividades de enseñanza

Introducción a CSS.

Código: Rev.: Fecha Implantación: Entregar a:Página 20 de 33

MD850401 5 12/09/2019 Jefa/e depto. → Jefatura estudios

Page 21: MÓDULO: DISEÑO DE INTERFACES WEB CURSO 2019/2020ºDA… · profesional, para realizar la gestión básica de una pequeña empresa o emprender un trabajo. ab) Reconocer sus derechos

Selectores. Propiedades de fuente y texto. Los colores y los fondos. Flotar y posicionar. Cambiar la apariencia de otros elementos de la web.

Recursos a utilizar

Plataforma Moodle Navegador Editor de código

Código: Rev.: Fecha Implantación: Entregar a:Página 21 de 33

MD850401 5 12/09/2019 Jefa/e depto. → Jefatura estudios

Page 22: MÓDULO: DISEÑO DE INTERFACES WEB CURSO 2019/2020ºDA… · profesional, para realizar la gestión básica de una pequeña empresa o emprender un trabajo. ab) Reconocer sus derechos

6.2.3. Unidad didáctica 3: Implantación de contenido multimedia

Ud3.- Implantación de contenido multimedia 18h

Resultados de Aprendizaje Peso Criterios de evaluación Peso

3. Prepara archivos multimedia para la Web, analizando sus característicasy manejando herramientas especificas.

15%

a) Se han reconocido las implicaciones de las licencias y los derechos de autor en el uso de material multimedia

10%

b) Se han identificado los formatos de imagen, audio y vídeo a utilizar

15%

c) Se han analizado las herramientas disponibles para generar contenido multimedia

10%

d) Se han empleado herramientas para el tratamiento digital de la imagen 15%

e) Se han utilizado herramientas para manipular audio y vídeo 15%

f) Se han realizado animaciones a partir de imágenes fijas 15%

g) Se han importado y exportado imágenes, audioy video en diversos formatos según su finalidad

10%

h) Se ha aplicado la guía de estilo 10%

Competencias Profesionales, Personales y Sociales asociadas

h), i), n)

Objetivos Didácticos

Reconocer las implicaciones de las licencias y los derechos de autor en el uso de materialmultimedia

Identificar los formatos de imagen, audio y vídeo a utilizar Analizar las herramientas disponibles para generar contenido multimedia Emplear herramientas para el tratamiento digital de la imagen Utilizar herramientas para manipular audio y vídeo Realizar animaciones a partir de imágenes fijas Importar y exportado imágenes, audio y video en diversos formatos según su finalidad Aplicar la guía de estilo

Contenidos

- Derechos de la propiedad intelectual. Licencias. Ley de la propiedad intelectual. Derechosde autor.

- Tipos de Imágenes en la Web.- Imágenes: mapa de bits, imagen vectorial. Software para crear y procesar imágenes.

Formatos de imágenes.- 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.

• Animación de imágenes y texto.

Código: Rev.: Fecha Implantación: Entregar a:Página 22 de 33

MD850401 5 12/09/2019 Jefa/e depto. → Jefatura estudios

Page 23: MÓDULO: DISEÑO DE INTERFACES WEB CURSO 2019/2020ºDA… · profesional, para realizar la gestión básica de una pequeña empresa o emprender un trabajo. ab) Reconocer sus derechos

• Integración de audio y vídeo en una animación.- Aplicación de guías de estilo.

Actividades de enseñanza

Imágenes. Software para la gestión de recursos gráficos. Las imágenes y la ley de propiedad intelectual. El sonido. El vídeo en la web. Las animaciones en la web. Gráficos vectoriales escalables.

Recursos a utilizar

Plataforma Moodle Navegador Editor de código PC con acceso a Internet Software de tratamiento de imágenes y vídeo

Código: Rev.: Fecha Implantación: Entregar a:Página 23 de 33

MD850401 5 12/09/2019 Jefa/e depto. → Jefatura estudios

Page 24: MÓDULO: DISEÑO DE INTERFACES WEB CURSO 2019/2020ºDA… · profesional, para realizar la gestión básica de una pequeña empresa o emprender un trabajo. ab) Reconocer sus derechos

6.2.4. Unidad didáctica 4: Contenidos web interactivos

Ud4.- Contenidos web interactivos 18h

Resultados de Aprendizaje Peso Criterios de evaluación Peso

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

20%

a) Se han reconocido y analizado las tecnologíasrelacionadas con la inclusión de contenidomultimedia e interactivo

10%

b) Se han identificado las necesidades específicasde configuración de los navegadores Web parasoportar contenido multimedia e interactivo

10%

c) Se han utilizado herramientas gráficas para eldesarrollo de contenido multimedia interactivo

15%

d) Se ha analizado el código generado por lasherramientas de desarrollo de contenidointeractivo

10%

e) Se han agregado elementos multimedia adocumentos Web

15%

f) Se ha añadido interactividad a elementos de undocumento Web

20%

g) Se ha verificado el funcionamiento de loselementos multimedia e interactivos en distintosnavegadores

10%

Competencias Profesionales, Personales y Sociales asociadas

h), i), n)

Objetivos Didácticos

Reconocer y analizado las tecnologías relacionadas con la inclusión de contenidomultimedia e interactivo

Identificar las necesidades específicas de configuración de los navegadores Web parasoportar contenido multimedia e interactivo

Utilizar herramientas gráficas para el desarrollo de contenido multimedia interactivo Analizar el código generado por las herramientas de desarrollo de contenido interactivo Agregar elementos multimedia a documentos Web Añadir interactividad a elementos de un documento Web Verificar el funcionamiento de los elementos multimedia e interactivos en distintos

navegadores

Contenidos

- Tecnologías relacionadas con la inclusión de contenidos multimedia e interactivos.- Configuración de navegadores.- Elementos interactivos básicos y avanzados.- Comportamientos interactivos. Comportamiento de los elementos.- Ejecución de secuencias de comandos.- Reproducción de elementos multimedia e interactivos.

Actividades de enseñanza

Elementos interactivos.

Código: Rev.: Fecha Implantación: Entregar a:Página 24 de 33

MD850401 5 12/09/2019 Jefa/e depto. → Jefatura estudios

Page 25: MÓDULO: DISEÑO DE INTERFACES WEB CURSO 2019/2020ºDA… · profesional, para realizar la gestión básica de una pequeña empresa o emprender un trabajo. ab) Reconocer sus derechos

Comportamientos interactivos. JQuery. Propiedades de los elementos.

Recursos a utilizar

Plataforma Moodle Navegador Editor de código PC con acceso a Internet Software de tratamiento de imágenes y vídeo

Código: Rev.: Fecha Implantación: Entregar a:Página 25 de 33

MD850401 5 12/09/2019 Jefa/e depto. → Jefatura estudios

Page 26: MÓDULO: DISEÑO DE INTERFACES WEB CURSO 2019/2020ºDA… · profesional, para realizar la gestión básica de una pequeña empresa o emprender un trabajo. ab) Reconocer sus derechos

6.2.5. Unidad didáctica 5: Diseño de webs accesibles

Ud5.- Diseño de webs accesibles 12h

Resultados de Aprendizaje Peso Criterios de evaluación Peso

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

12,5%

a) Se ha reconocido la necesidad de diseñar Websaccesibles

15%

b) Se ha analizado la accesibilidad de diferentesdocumentos Web 15%

c) Se han identificado las principales pautas deaccesibilidad al contenido 15%

d) Se han analizado los posibles errores según lospuntos de verificación de prioridad 15%

e) Se ha alcanzado el nivel de conformidaddeseado 15%

f) Se han verificado los niveles alcanzadosmediante el uso de test externos 15%

g) Se ha verificado la visualización del interfazcon diferentes navegadores y tecnologías

10%

Competencias Profesionales, Personales y Sociales asociadas

i), m), n), u)

Objetivos Didácticos

Reconocer la necesidad de diseñar Webs accesibles Analizar la accesibilidad de diferentes documentos Web Identificar las principales pautas de accesibilidad al contenido Analizar los posibles errores según los puntos de verificación de prioridad Alcanzar el nivel de conformidad deseado Verificar los niveles alcanzados mediante el uso de test externos Verificar la visualización del interfaz con diferentes navegadores y tecnologías

Contenidos

- Concepto de accesibilidad.- 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.- 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.• Chequeo de la accesibilidad Web desde diferentes navegadores.• Chequeo de la accesibilidad Web desde dispositivos móviles.

Actividades de enseñanza

Código: Rev.: Fecha Implantación: Entregar a:Página 26 de 33

MD850401 5 12/09/2019 Jefa/e depto. → Jefatura estudios

Page 27: MÓDULO: DISEÑO DE INTERFACES WEB CURSO 2019/2020ºDA… · profesional, para realizar la gestión básica de una pequeña empresa o emprender un trabajo. ab) Reconocer sus derechos

Accesibilidad en la web. Tipos de discapacidad. El consorcio World Wide Web. Navegación en la web. Análisis de accesibilidad.

Recursos a utilizar

Plataforma Moodle Navegador Editor de código PC con acceso a Internet

Código: Rev.: Fecha Implantación: Entregar a:Página 27 de 33

MD850401 5 12/09/2019 Jefa/e depto. → Jefatura estudios

Page 28: MÓDULO: DISEÑO DE INTERFACES WEB CURSO 2019/2020ºDA… · profesional, para realizar la gestión básica de una pequeña empresa o emprender un trabajo. ab) Reconocer sus derechos

6.2.6. Unidad didáctica 6: Usabilidad en la web

Ud1.- Usabilidad en la web 12h

Resultados de Aprendizaje Peso Criterios de evaluación Peso

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

12,5%

a) Se ha analizado la usabilidad de diferentesdocumentos Web

15%

b) Se ha modificado el interfaz Web paraadecuarlo al objetivo que persigue y a losusuarios a los que va dirigido

20%

c) Se ha valorado la importancia del uso deestándares en la creación de documentos Web

15%

d) Se ha verificado la facilidad de navegación deun documento Web mediante distintos periféricos

20%

e) Se han analizado diferentes técnicas paraverificar la usabilidad de un documento Web

15%

f) Se ha verificado la usabilidad del interfaz Webcreado en diferentes navegadores y tecnologías

15%

Competencias Profesionales, Personales y Sociales asociadas

i), m), n)

Objetivos Didácticos

Analizar la usabilidad de diferentes documentos Web Modificar el interfaz Web para adecuarlo al objetivo que persigue y a los usuarios a los

que va dirigido Valorar la importancia del uso de estándares en la creación de documentos Web Verificar la facilidad de navegación de un documento Web mediante distintos periféricos Analizar diferentes técnicas para verificar la usabilidad de un documento Web Verificar la usabilidad del interfaz Web creado en diferentes navegadores y tecnologías

Contenidos

- Concepto de usabilidad.- Análisis de la usabilidad. Técnicas.- Principios para conseguir Webs amigables.- Identificación del objetivo de la Web.- Tipos de usuario. Necesidades.- Barreras identificadas por los usuarios.- Información fácilmente accesible.- Velocidad de conexión.- Importancia del uso de estándares externos.- Navegación fácilmente recordada frente a navegación redescubierta.- Facilidad de navegación en la Web.- Verificación de la usabilidad en diferentes navegadores y tecnologías.- Herramientas y test de verificación.

Actividades de enseñanza

Usabilidad en la web.

Código: Rev.: Fecha Implantación: Entregar a:Página 28 de 33

MD850401 5 12/09/2019 Jefa/e depto. → Jefatura estudios

Page 29: MÓDULO: DISEÑO DE INTERFACES WEB CURSO 2019/2020ºDA… · profesional, para realizar la gestión básica de una pequeña empresa o emprender un trabajo. ab) Reconocer sus derechos

Análisis de la usabilidad. Verificación de la usabilidad.

Recursos a utilizar

Plataforma Moodle Navegador Editor de código PC con acceso a Internet

Código: Rev.: Fecha Implantación: Entregar a:Página 29 de 33

MD850401 5 12/09/2019 Jefa/e depto. → Jefatura estudios

Page 30: MÓDULO: DISEÑO DE INTERFACES WEB CURSO 2019/2020ºDA… · profesional, para realizar la gestión básica de una pequeña empresa o emprender un trabajo. ab) Reconocer sus derechos

7. MATERIAS TRANSVERSALES

Teniendo en cuenta una concepción integral de la educación, los temas transversales sonfundamentales para procurar que el alumnado asea capaz de desenvolverse en diferentes ámbitos dela vida, para que en un futuro se pueda integrar como miembro activo en una cultura y una sociedaddeterminadas. Estos temas no pueden plantearse como un programa paralelo al desarrollo delcurrículo, sino insertado en la dinámica de todo el proceso educativo.

Para conseguir este objetivo plenamente, es necesario que algunos aspectos de nuestrasociedad, como por ejemplo los derechos humanos y la paz, la salud, el consumo, la tecnología dela información, la circulación viaria, la igualdad entre los sexos, etc., también formen parte delcurrículo, aunque no aparezcan formulados explícitamente en los contenidos y objetivos de lasdiferentes áreas.

Los elementos transversales son, por lo tanto, procesos activos, permanentes y preventivosque pretenden informar y formar al alumnado. Tienen que ver, pues, con su actitud ante la vida y deesta manera el profesorado tiene que inculcarlos. Se trata de temas muy actuales que están presentesen mayor o menor grado en los medios de información social y reclaman su presencia en laeducación para poder luchar contra sus efectos negativos.

Los temas transversales se incorporarán a lo largo de todas las unidades de la presenteprogramación. Los principales contenidos a tratar serán los siguientes:

Educación moral y cívica

Respeto por las normas del aula.

Utilización adecuada y cuidado del material informático.

Ventajas e inconvenientes de las nuevas tecnologías.

Repercusión de las nuevas tecnologías en el desequilibrio existente entre países dedesarrollados y subdesarrollados.

Análisis crítico del uso de las redes de comunicación.

Análisis crítico y reflexión sobre el mercado informático, la piratería informática, y uso delos datos informáticos.

Educación para la salud

Desarrollo de hábitos saludables frente al ordenador (postura adecuada de la espalda y losbrazos, ajuste adecuado del monitor...).

Seguridad laboral en el sector informático (exposición a radiación, posibles enfermedadesprofesionales del sector, etc.).

Educación para la paz y la convivencia

Trabajo en grupo respetando la autonomía de los demás y empleando el diálogo como formade solucionar las diferencias.

Otros países y culturas diferentes en la web.

Educación para el consumo

Mediante el análisis del software libre y de pago, atendiendo a sus ventajas einconvenientes, se intentará crear una conciencia crítica ante el consumo.

Educación medioambiental

El correo electrónico. Correo sin papel.

Código: Rev.: Fecha Implantación: Entregar a:Página 30 de 33

MD850401 5 12/09/2019 Jefa/e depto. → Jefatura estudios

Page 31: MÓDULO: DISEÑO DE INTERFACES WEB CURSO 2019/2020ºDA… · profesional, para realizar la gestión básica de una pequeña empresa o emprender un trabajo. ab) Reconocer sus derechos

Internet como “medio de transporte” sin combustible.

Elaboración de proyectos relacionados con el medio ambiente con el fin de expresar laevolución de distintos indicadores que nos informan sobre su estado.

Educación para la igualdad de género

En el Centro se llevan a cabo numerosas actividades en educación para la igualdad deoportunidades de ambos sexos. Se concienciará al alumnado a participar en dichasactividades.

Código: Rev.: Fecha Implantación: Entregar a:Página 31 de 33

MD850401 5 12/09/2019 Jefa/e depto. → Jefatura estudios

Page 32: MÓDULO: DISEÑO DE INTERFACES WEB CURSO 2019/2020ºDA… · profesional, para realizar la gestión básica de una pequeña empresa o emprender un trabajo. ab) Reconocer sus derechos

8. ACTIVIDADES COMPLEMENTARIAS Y EXTRAESCOLARES

No hay prevista ninguna actividad extraescolar por el momento. Si a lo largo del curso seprevé alguna, se realizará con la aprobación del Consejo Escolar.

El alumnado que participa en la modalidad dual del ciclo formativo deberá realizar laformación complementaria que determinen tanto la empresa como el departamento de informática através del equipo educativo del grupo.

Código: Rev.: Fecha Implantación: Entregar a:Página 32 de 33

MD850401 5 12/09/2019 Jefa/e depto. → Jefatura estudios

Page 33: MÓDULO: DISEÑO DE INTERFACES WEB CURSO 2019/2020ºDA… · profesional, para realizar la gestión básica de una pequeña empresa o emprender un trabajo. ab) Reconocer sus derechos

9. BIBLIOGRAFÍA, MATERIALES Y RECURSOS

9.1. Bibliografía de departamento

García, D. y López, M. (2019). Diseño de interfaces web. Síntesis.

Webs relacionadas

https://www.w3schools.com/css http://www.mclibre.org/consultar/htmlcss/ https://www.eniun.com/diseno-interfaces-web-ciclo-formativo/ https://uniwebsidad.com/libros/css http://getbootstrap.com/ https://jquery.com/ https://developers.google.com/speed/pagespeed/insights/ https://validator.w3.org/ https://jigsaw.w3.org/css-validator/

9.2. Materiales, recursos y laboratoriosTodas las sesiones correspondientes a este módulo se desarrollarán en el aula-taller de

informática de dotación del ciclo. Además de los recursos tradicionales como la pizarra paraexplicaciones teóricas, se necesitarán los siguientes recursos tecnológicos en el aula:

Infraestructura y comunicaciones

Aula con ordenadores conectados en red.

Acceso a Internet para todos los ordenadores del aula. El profesor tendrá la posibilidad deinhabilitar dicho acceso en un momento concreto

Hardware

Un ordenador por cada alumno con conexión a Internet.

Cañón proyector para exposición de la parte teórica por parte del profesor

Software

Sistema operativo: Windows y Linux (Ubuntu u otra distribución)

Paquete ofimática Libre Office

Plataforma Moodle en la que el profesorado entregará al alumnado relaciones de ejercicios.

Editores de código: Brackets, Visual Studio Code.

Navegadores: Chrome, Firefox.

Código: Rev.: Fecha Implantación: Entregar a:Página 33 de 33

MD850401 5 12/09/2019 Jefa/e depto. → Jefatura estudios