Documentos de Académico
Documentos de Profesional
Documentos de Cultura
PROGRAMACIÓN DIDÁCTICA
Ciclo
Formativo: Desarrollo de Aplicaciones Web (WEM)
Normativa Real Decreto 686/2010, de 20 de mayo, por el que se establece el título de
que regula Técnico Superior en Desarrollo de Aplicaciones Web y se fijan sus
el título enseñanzas mínimas.
Orden 2694/2009 , de 9 de junio, por la que se regula el acceso, la
matriculación, el proceso de evaluación y la acreditación académica de
los alumnos que cursen en la Comunidad de Madrid la modalidad
presencial de la formación profesional del sistema educativo
establecida en la Ley Orgánica 2/2006, de 3 de mayo, de Educación.
Módulo
Profesional Desarrollo web en entorno cliente
Departam. Informática y comunicaciones
Fecha de
entrada en Septiembre 2016
vigor
Objetivos Generales del Ciclo Formativo que el módulo profesional ayuda a conseguir.
f) Seleccionar lenguajes, objetos y herramientas, interpretando las especificaciones para
desarrollar aplicaciones web con acceso a bases de datos.
g) Utilizar lenguajes, objetos y herramientas, interpretando las especificaciones para
desarrollar aplicaciones web con acceso a bases de datos.
i) Utilizar lenguajes de marcas y estándares web, asumiendo el manual de estilo, para
desarrollar interfaces en aplicaciones web.
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ón científica, tecnológica y organizativa del sector y las tecnologías de la
información y la comunicación, para mantener el espíritu de actualización y adaptarse a
nuevas situaciones laborales y personales.
_________________________________________________________________________________________________________________________________
Metodología
Los aspectos metodológicos que se aplican en el módulo parten de la idea de la
adaptación de los contenidos al alumnado. De esta forma conseguiremos un aprendizaje
funcional en el conjunto de alumnos.
Para conseguir estos objetivos la práctica educativa diaria se planteará de la siguiente mane-
ra:
A los alumnos que finalizan sin problemas cada actividad, se les plantea el perfecciona-
miento de ésta, investigando ellos por su cuenta.
Mientras, el resto, que tienen dificultades para finalizar las actividades, cuentan con algo
más de tiempo, durante el cual el profesor les orienta de forma individualizada.
Equipamientos y materiales.
A continuación se enumeran las necesidades de material y recursos didácticos que
existen para llevar a buen termino esta programación.
educativa diaria y que se deberían satisfacer, siempre que las circunstancias lo permitan, en
el menor tiempo posible.
RELACIÓN DE UNIDADES DIDÁCTICAS DEL MÓDULO PROFESIONAL
Unidad didáctica nº 1
Selección de arquitecturas Nº horas teoría 1
y herramientas de
Nº horas práctica 2
programación
RA Contenidos
— Mecanismos de ejecución de código en un navegador web.
— Capacidades y limitaciones de ejecución. Configuración de un navegador.
— Lenguajes de programación en entorno cliente.
— Tecnologías y lenguajes asociados.
— Integración del código con las etiquetas HTML.
1
Actividades Prácticas
1) Ejercicios de investigación, para profundizar sobre los navegadores, su
arquitectura, sobre la tecnología Flash, etc.
Criterios de Evaluación
Criterios evaluación RA1:
a) Se han caracterizado y diferenciado los modelos de ejecución de código en el
servidor y en el cliente Web.
b) Se han identificado las capacidades y mecanismos de ejecución de código de los
navegadores Web.
c) Se han identificado y caracterizado los principales lenguajes relacionados con la
programación de clientes Web.
d) Se han reconocido las particularidades de la programación de guiones y sus
ventajas y desventajas sobre la programación tradicional.
e) Se han verificado los mecanismos de integración de los lenguajes de marcas con
los lenguajes de programación de clientes Web.
f) Se han reconocido y evaluado las herramientas de programación sobre clientes
Web.
_________________________________________________________________________________________________________________________________
Unidad didáctica nº 2
Manejo de la sintaxis del Nº horas teoría 2
lenguaje Nº horas práctica 4
RA Contenidos
— Variables.
— Tipos de datos.
— Asignaciones.
— Operadores.
— Comentarios al código.
— Sentencias.
— Decisiones.
2 — Bucles.
Actividades Prácticas
1) Realizar ejercicios en javascript para comprobar el funcionamiento de
las sentencias de control y operadores.
Criterios de Evaluación
Criterios de evaluación RA2
a) Se ha seleccionado un lenguaje de programación de clientes Web en función de sus
posibilidades.
b) Se han utilizado los distintos tipos de variables y operadores disponibles en el
lenguaje.
c) Se han identificado los ámbitos de utilización de las variables.
d) Se han reconocido y comprobado las peculiaridades del lenguaje respecto a las
conversiones entre distintos tipos de datos.
e) Se han utilizado mecanismos de decisión en la creación de bloques de sentencias.
f) Se han utilizado bucles y se ha verificado su funcionamiento.
g) Se han añadido comentarios al código.
h) Se han utilizado herramientas y entornos para facilitar la programación, prueba y
depuración del código.
Unidad didáctica nº 3
Utilización de los objetos Nº horas teoría 6
predefinidos del lenguaje Nº horas práctica 12
RA Contenidos
— Utilización de objetos. Objetos nativos del lenguaje.
— Interacción con el navegador. Objetos predefinidos asociados.
— Generación de texto y elementos HTML desde código.
— Aplicaciones prácticas de los marcos.
— Gestión de la apariencia de la ventana.
— Creación de nuevas ventanas. Comunicación entre ventanas.
3
Actividades Prácticas
1) Crear páginas web con script que utilicen los diferentes objetos predefinidos
del lenguaje, como son el objeto Number, el string, el Navigator, el Screen, el
Window, el Document, etc.
Criterios de Evaluación
Criterios de evaluación RA 3:
a) Se han identificado los objetos predefinidos del lenguaje.
b) Se han analizado los objetos referentes a las ventanas del navegador y los
documentos web que contienen.
c) Se han escrito sentencias que utilicen los objetos predefinidos del lenguaje para
cambiar el aspecto del navegador y el documento que contiene.
d) Se han generado textos y etiquetas como resultado de la ejecución de código en el
navegador.
e) Se han escrito sentencias que utilicen los objetos predefinidos del lenguaje para
interactuar con el usuario.
f) Se han utilizado las características propias del lenguaje en documentos compuestos
por varias ventanas y marcos.
g) Se han utilizado “cookies” para almacenar información y recuperar su contenido.
h) Se ha depurado y documentado el código.
_________________________________________________________________________________________________________________________________
Unidad didáctica nº 4
Programación con arrays, Nº horas teoría 5
funciones y objetos
Nº horas práctica 10
definidos por el usuario
RA Contenidos
— Funciones predefinidas del lenguaje.
— Llamadas a funciones. Definición de funciones.
— Arrays.
— Creación de objetos.
— Definición de métodos y propiedades
3 Actividades Prácticas
1) Crear scripts que utilicen el método Document.write.
2) Crear scripts con funciones.
3) Crear scripts que utilice arrays.
4) Crear scripts que definan objetos.
Criterios de Evaluación
Criterios de evaluación RA 4:
a) Se han clasificado y utilizado las funciones predefinidas del lenguaje.
b) Se han creado y utilizado funciones definidas por el usuario.
c) Se han reconocido las características del lenguaje relativas a la creación y uso de
arrays.
d) Se han creado y utilizado arrays.
e) Se han reconocido las características de orientación a objetos del lenguaje.
f) Se ha creado código para definir la estructura de objetos.
g) Se han creado métodos y propiedades.
h) Se ha creado código que haga uso de objetos definidos por el usuario.
i) Se ha depurado y documentado el código.
Unidad didáctica nº 5
Interacción con el usuario. Nº horas teoría 9
Eventos y formularios Nº horas práctica 12
RA Contenidos
— Modelo de gestión de eventos.
— Utilización de formularios desde código.
— Modificación de apariencia y comportamiento.
— Validación y envío.
— Expresiones regulares.
— Utilización de cookies.
Actividades Prácticas
4 1) Realizar una plantilla con los eventos que existen y dónde puede utilizar cada
uno de ellos.
2) Ejercicios sobre validaciones de campos.
3) Realizar un estudio sobre cuáles pueden ser los problemas que generan las
cookies en una aplicación web.
4) Buscar en internet qué es el protocolo HTTPS. Comentar qué aporta esto
protocolo con repecto al uso de las cookies.
Criterios de Evaluación
Criterios de evaluación RA 5:
a) Se han reconocido las posibilidades del lenguaje de marcas relativas a la captura de
los eventos producidos.
b) Se han identificado las características del lenguaje de programación relativas a la
gestión de los eventos.
c) Se han diferenciado los tipos de eventos que se pueden manejar.
d) Se ha creado un código que capture y utilice eventos.
e) Se han reconocido las capacidades del lenguaje relativas a la gestión de formularios
Web.
f) Se han validado formularios web utilizando eventos.
g) Se han utilizado expresiones regulares para facilitar los procedimientos de
validación.
h) Se ha probado y documentado el código.
_________________________________________________________________________________________________________________________________
Unidad didáctica nº 6
Utilización del modelo de Nº horas teoría 6
objetos del documento
(DOM-Document Object Nº horas práctica 12
Model)
RA Contenidos
— El modelo de objetos del documento (DOM).
— Objetos del modelo. Propiedades y métodos de los objetos.
— Acceso al documento desde código.
— Programación de eventos.
— Diferencias en las implementaciones del modelo.
— Uso de librerías de terceros.
Actividades Prácticas
1) Realizar un script que recorra y muestre con un alert de javascript, cada tipo de
nodo del árbol de una página HTML, que previamente haya creado.
5 2) Realizar dos tabla, una con las constantes de la interfaz node y otra con los
métodos, indicando los valores que reciben y los que devuelven.
3) Hacer un pequeño esquema sobre cuáles son las distintas formas de acceder a
un nodo en la estructura de árbol.
4) Describir en forma de puntos, cuáles son los pasos para crear y eliminar un
nodo tipo element, que tiene a su vez un valor de texto.
5) Enumerar los pasos para realizar la inserción de un nuevo nodo en el árbol.
Para ello hay que tener en cuenta que la página está cargada completamente.
Criterios de Evaluación
Criterios de evaluación RA 6:
a) Se ha reconocido el modelo de objetos del documento de una página Web.
b) Se han identificado los objetos del modelo, sus propiedades y métodos.
c) Se ha creado y verificado un código que acceda a la estructura del documento.
d) Se han creado nuevos elementos de la estructura y modificado elementos ya
existentes.
e) Se han asociado acciones a los eventos del modelo.
f) Se han identificado las diferencias que presenta el modelo en diferentes
navegadores.
g) Se han programado aplicaciones Web de forma que funcionen en navegadores con
diferentes implementaciones del modelo.
h) Se han independizado las tres facetas (contenido, aspecto y comportamiento), en
aplicaciones Web.
Unidad didáctica nº 7
Utilización de mecanismos Nº horas teoría 9
de comunicación asíncro-
na (AJAX-Asynchronous
Nº horas práctica 15
Javascript
and XML)
RA Contenidos
— Mecanismos de comunicación asíncrona.
— Modificación dinámica del documento utilizando comunicación asíncrona.
— Formatos para el envío y recepción de información.XMLy JSON (JavaScrip-
tObject
— Notation).
— Notificaciones.
6
— Librerías de actualización dinámica.
Actividades Prácticas
1) Realizar un página web de selección de origen/destino para la compra de billetes de
autobús.
Criterios de Evaluación
Criterios de evaluación RA 7:
a) Se han evaluado las ventajas e inconvenientes de utilizar mecanismos de
comunicación asíncrona entre cliente y servidor Web.
b) Se han analizado los mecanismos disponibles para el establecimiento de la
comunicación asíncrona.
c) Se han utilizado los objetos relacionados.
d) Se han identificado sus propiedades y sus métodos.
e) Se ha utilizado comunicación asíncrona en la actualización dinámica del documento
Web.
f) Se han utilizado distintos formatos en el envío y recepción de información.
g) Se han programado aplicaciones Web asíncronas de forma que funcionen en
diferentes navegadores.
h) Se han clasificado y analizado librerías que faciliten la incorporación de las
tecnologías de actualización dinámica a la programación de páginas Web.
i) Se han creado y depurado programas que utilicen estas librerías.
_________________________________________________________________________________________________________________________________
Unidad didáctica nº 8
Almacenamiento de datos Nº horas teoría 6
en el lado cliente Nº horas práctica 12
RA Contenidos
— Almacenamiento web.
— Bases de datos SQL (Standard Query Language) en entorno cliente.
— Aplicaciones en caché.
Actividades Prácticas
1) Investigar el uso del objeto globaStorage y su relación con los objetos
localStorage y sessionStorage.
7
2) Investigar los navegadores que actualmente implementan la caché de
aplicación y sus características especiales.
3) ¿De qué manera puedo conocer, en mi aplicación del lado del cliente si el
navegador se encuentra en línea o fuera de línea?.
Criterios de Evaluación
Criterios de evaluación RA 8:
a) Se han reconocido los mecanismos de almacenamiento web del lado del cliente.
b) Se ha analizado la especificación web Storage de la W3C.
c)Se han conocido y comparado las diferentes tecnologías y sus implantaciones: los
objetos de almacenamiento web de HTML5 e IndexedDB.
d)Se ha profundizado en los conceptos genéricos de las bases de datos del lado del
cliente.
Unidad didáctica nº 9
Integración avanzada de Nº horas teoría 5
componentes Nº horas práctica 10
RA Contenidos
— Reproductores multimedia y plugins asociados.
— Geolocalización.
Actividades Prácticas
7
1) Realizar un reproductor de audio HTML 5 + CSS + Javascript.
Criterios de Evaluación
Criterios de evaluación RA 9:
a) Se han conocido los formatos y macanismos de reproducción multimedia
actuales.
b) Se han detallado la adicción de elementos de vídeo HTML 5 en el desarrollo de
sitios web.
c) Se han detallado la adicción de elementos de audio HTML 5 en el desarrollo de
sitios web.
d) Se han conocido las características de geolocalización específicas por la API de
geolocalización de HTML 5.
e) Se han descrito los aspectos de seguridad y usos principales de la
geolocalización.
CRONOGRAMA
Procedimiento de Evaluación
En este apartado de la programación se van a establecer los procedimientos necesarios para
conocer el grado de cumplimiento con las capacidades terminales que han desarrollado los
alumnos. Estos procedimientos no deben basarse únicamente en la emisión de una califica-
ción por parte del profesor, sino que debe permitir el reajuste de la práctica educativa, para
una mejor consecución de los objetivos que se pretenden en este módulo. Estos procedi-
mientos nos van a permitir realizar un seguimiento del proceso de enseñanza-aprendizaje,
así como para comprobar la eficacia de esta programación.
Estos procedimientos de evaluación deben permitir una evaluación inicial, para que el pro-
fesor observe los conocimientos que tienen inicialmente los alumnos y a partir de ellos de-
sarrolle las unidades de trabajo. También deben permitir una evaluación formativa, que
constate la marcha del grupo y las dificultades existentes, y una evaluación sumativa, que
compruebe el avance realizado en el aprendizaje por parte del alumnado.
EVALUACIÓN EXTRAORDINARIA
Cuando algún alumno no haya superado satisfactoriamente, con una puntuación de
5,00 o superior en la evaluación ordinaria, tendrá la posibilidad de recuperar el módulo
durante el periodo de Abril- Junio, asistiendo a clase, donde se realizarán actividades de
recuperación, después el alumno tendrá que realizar un examen final, de todo el módulo,
en el cual tendrá que obtener una puntuación de 5 o superior para aprobar dicho módulo.
12) Realizar dos tabla, una con las constantes de la interfaz node y otra con los
métodos, indicando los valores que reciben y los que devuelven.
13) Hacer un pequeño esquema sobre cuáles son las distintas formas de acceder a un
nodo en la estructura de árbol.
14) Describir en forma de puntos, cuáles son los pasos para crear y eliminar un nodo
tipo element, que tiene a su vez un valor de texto.
15) Enumerar los pasos para realizar la inserción de un nuevo nodo en el árbol. Para
ello hay que tener en cuenta que la página está cargada completamente.
16) Realizar un página web de selección de origen/destino para la compra de billetes de
autobús.
17) Investigar el uso del objeto globaStorage y su relación con los objetos localStorage
y sessionStorage.
18) Investigar los navegadores que actualmente implementan la caché de aplicación y
sus características especiales.
19) ¿De qué manera puedo conocer, en mi aplicación del lado del cliente si el
navegador se encuentra en línea o fuera de línea?.
20) Realizar un reproductor de audio HTML 5 + CSS + Javascript.
Libro de Texto
Durante el curso se propondrá distinto material bibliográfico para el estudio y
comprensión de los contenidos del módulo.
EXTRACTO DE LA PROGRAMACIÓN DIDÁCTICA
Ciclo
Formativo: Desarrollo de Aplicaciones Web (WEM)
Normativa Real Decreto 1629/2009, de 30 de octubre, por el que se establece el
que regula título de Técnico Superior en Administración de Sistemas Informáticos
el título en Red y se fijan sus enseñanzas mínimas.
Módulo
Profesional Desarrollo web en entorno cliente
Departam. Informática
Fecha de
entrada en Septiembre 2016
vigor
_________________________________________________________________________________________________________________________________
Objetivos Generales del Ciclo Formativo que el módulo profesional ayuda a conseguir.
f) Seleccionar lenguajes, objetos y herramientas, interpretando las especificaciones para
desarrollar aplicaciones web con acceso a bases de datos.
g) Utilizar lenguajes, objetos y herramientas, interpretando las especificaciones para
desarrollar aplicaciones web con acceso a bases de datos.
i) Utilizar lenguajes de marcas y estándares web, asumiendo el manual de estilo, para
desarrollar interfaces en aplicaciones web.
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ón científica, tecnológica y organizativa del sector y las tecnologías de la
información y la comunicación, para mantener el espíritu de actualización y adaptarse a
nuevas situaciones laborales y personales.
Utilización de cookies.
Utilidades
Estos procedimientos de evaluación deben permitir una evaluación inicial, para que el pro-
fesor observe los conocimientos que tienen inicialmente los alumnos y a partir de ellos de-
sarrolle las unidades de trabajo. También deben permitir una evaluación formativa, que
constate la marcha del grupo y las dificultades existentes, y una evaluación sumativa, que
compruebe el avance realizado en el aprendizaje por parte del alumnado.
Procedimiento de Recuperación
EVALUACIÓN ORDINARIA
Se establecen distintos criterios de recuperación según se avanza en el desarrollo de
la programación. Así se pueden distinguir dos tipos de recuperación según los objetivos no
alcanzados, los cuales se detallan a continuación.
a) No se han alcanzado alguno de los objetivos de alguna unidad didáctica en una
evaluación. Entonces durante la siguiente evaluación, y siempre a criterio del profesor, se
podrán establecer algunas actividades para alcanzar los objetivos que no se alcanzaron
previamente.
_________________________________________________________________________________________________________________________________
b) No se han alcanzado los objetivos del módulo. Existe un examen final, en el que el
alumno podrá superar la totalidad del módulo.
Así mismo el profesor establecerá actividades de recuperación y de refuerzo en las
distintas evaluaciones que permitirá al alumnado cumplir con los objetivos del modulo.
EVALUACIÓN EXTRAORDINARIA
Cuando algún alumno no haya superado satisfactoriamente, con una puntuación de
5,00 o superior en la evaluación ordinaria, tendrá la posibilidad de recuperar el módulo
durante el periodo de Abril- Junio, asistiendo a clase, donde se realizarán actividades de
recuperación, después el alumno tendrá que realizar un examen final, de todo el módulo,
en el cual tendrá que obtener una puntuación de 5 o superior para aprobar dicho módulo.
Libro de Texto
Durante el curso se propondrá distinto material bibliográfico para el estudio y
comprensión de los contenidos del módulo.