PLANEACIONES DOCENTES

República Dominicana

FAMILIA PROFESIONAL
Informática y Comunicaciones

PROGRAMA
Desarrollo y Administración de Aplicaciones Informáticas

MÓDULO
MF_059_3: Diseño de portales web y
recursos multimedia
PRESENTACIÓN
DISEÑO DE PORTALES WEB
Y RECURSOS MULTIMEDIA
La competencia general de este programa, Desarrollo y Administración de Aplicaciones Informá­
ticas, es:

⚫ Analizar, diseñar, desarrollar, administrar e implementar aplicaciones informáticas, sistemas de

bases de datos, aplicaciones web y recursos de sistemas de información, a fin de apoyar las fun-
ciones productivas de las organizaciones.

Siendo la unidad de competencia para este Módulo MF_059_3: Diseño de portales web y recursos
multimedia:

⚫ UC_059_3: Diseñar portales web y recursos multimedia haciendo uso de herramientas informáti-
cas de acuerdo con las necesidades presentadas por el cliente o negocio.

Este módulo se compone de los siguiente RA (destacamos el que desarrollaremos):

RA7.1: Determinar las herramientas de desarrollo web para el diseño de la aplicación,

según metodología definida y requerimientos de la institución.

⚫ RA7.2: Elaborar trabajos para medios impresos, audiovisuales y digitales, según criterios técnicos
y requerimientos de la institución.
⚫ RA7.3: Jerarquizar y diseñar la aplicación web, para definir el orden de inicio de la aplicación, se-
gún los requerimientos de la institución.

3
Módulo: MF_059_3: Diseño de portales web y recursos multimedia

Familia Profesional Informática y comunicaciones

Bachillerato Técnico en Desarrollo y Administración de Aplicaciones Informáticas

Módulo Formativo (MF) MF7: Diseño de portales web y recursos multimedia Código MF_059_3

Diseñar portales web y recursos multimedia haciendo

Unidad de Competencia
uso de herramientas informáticas de acuerdo con las Código UC_059_3
Asociada al MF
necesidades presentadas por el cliente o negocio.

Horas
Fecha de Inicio Semanas 45 6
semanales

RA7.1: Determinar las herramientas de desarrollo web Nivel de Aplicación

Resultados de para el diseño de la aplicación, según metodología Dominio del
Aprendizaje (RA) definida y requerimientos de la institución. RA

Nivel Enunciado de las Actividades/

Elementos de Duración Contenidos
Dominio Actividades de Instrumentos
Capacidad (EC) en sesiones a Trabajar
de los EC Enseñanza/Aprendizaje de Evaluación

EC7.1.1 Conocer las Act. 7.1.1 Identificación 1 sesión Observación HTML y versiones:
diferentes tecnologías de las diferentes — DHTML.
Rúbrica
y herramientas de tecnologías web, y sus — XML.
diseño software. usos más comunes. — XHTML.
— PHP.
Act. 7.1.2 Comparación 0,5 sesión — Java.
entre las distintas — JavaScript.
herramientas de diseño — Tecnología ASP.
web que actualmente — Tecnologías de
son “estado del arte”. desarrollo de
— Aplicaciones Web.
Comprensión Act. 7.1.3 Familiarización 1 sesión — Caracteres
con la herramienta de especiales.
diseño web elegida por
el docente. Valoración de la
importancia social del
software libre.

Identificación de
las características
generales de
programas de diseño
web.

EC7.1.2 Realizar una Act. 7.1.4 Identificación 1 sesión Rúbrica Explicación de

recogida de requisitos de los requisitos publicación y los
eficaz por parte del para llevar a cabo un tipos.
cliente. desarrollo web.
Aplicación
Act. 7.1.5 Evaluación 0,5 sesión
de diferentes tipos de
publicaciones, para una
serie de casos.



4 INFORMÁTICA Y COMUNICACIONES (IFC)

 RA7.1: Determinar las herramientas de desarrollo web para el diseño de la aplicación,
según metodología definida y requerimientos de la institución



EC7.1.3 Identificar, a Act. 7.1.6 Revisión de 2 sesiones Observación Aplicación de formato

partir de una recogida los requisitos de un a publicación y
Rúbrica
de requisitos, las proyecto web para configuración de
necesidades de encontrar sus puntos página.
seguridad de la críticos en materia de
información y Aplicación seguridad y protección Valoración de los
actualización de datos de datos. criterios
referentes al portal de calidad y
web a desarrollar. seguridad en
la evaluación de
herramientas.

EC7.1.4 Reconocer los Act. 7.1.7 Definición 0,5 sesión Observación Preparación de
objetivos que tendrá de objetivos a través publicaciones a partir
Lista de cotejo
que abordar la página de los requisitos de un de plantillas.
web a través de su proyecto web. Rúbrica
diseño. Estructura del
Act. 7.1.8 Creación 2 sesiones documento:
de plantillas para
— Tags.
publicaciones, en base a
— Enlaces.
una serie de objetivos a
— URLs. (Tipos).
abordar.
Aplicación — Anclas (Tipos).
— Listas.
— Imágenes.
— Formato.
— Formulario.
— Controles
avanzados para un
formulario.
— Mapa.
— Tablas.
— Videos.

EC7.1.5 Determinar Act. 7.1.9 Evaluación de 1 sesión Rúbrica Preparación de

los recursos de diseño los distintos recursos publicaciones a partir
necesarios para de diseño disponibles, de plantillas.
abordar cada uno en base a una serie de
de los objetivos del objetivos a abordar. Aplicación de formato
portal web. a publicación y
configuración de
página.
Aplicación
Sonidos y multimedia:
SWF.
Elementos
multimedia.
Animación flash.
Formato de sonido.
MP3, WAV, MIDI.



DESARROLLO Y ADMINISTRACIÓN DE APLICACIONES INFORMÁTICAS 5

Módulo: MF_059_3: Diseño de portales web y recursos multimedia



Estructura del
documento:
— Tags.
— Enlaces.
— URLs. (Tipos).
— Anclas (Tipos).
— Listas.
— Imágenes.
— Formato.
— Formulario.
— Controles
avanzados para un
— formulario.
— Mapa.
— Tablas.
— Videos.

EC7.1.6 Identificar los Act. 7.1.10 Identificación 1 sesión Observación Identificación de

equipos tecnológicos de los requisitos las características
Rúbrica
necesarios para hardware y software generales de
cumplir con los necesarios para la programas de diseño
requisitos y objetivos implementación del web.
del proyecto. proyecto web.
Sonidos y multimedia:
Aplicación
— SWF.
— Elementos
multimedia.
— Animación flash.
— Formato de
sonido.
— MP3, WAV, MIDI.

EC7.1.7 Dominar las Act. 7.1.11 Manejo de 1 sesión Observación Toma de conciencia
diferentes licencias herramientas para la de las implicaciones
y derechos de autor búsqueda de recursos de licencias y
aplicables en recursos Actitudinal audiovisuales sin derechos de
web. derechos de autor. autor en el uso de
herramientas de
programación.

6 INFORMÁTICA Y COMUNICACIONES (IFC)

 RA7.1: Determinar las herramientas de desarrollo web para el diseño de la aplicación,
según metodología definida y requerimientos de la institución

Determinar las herramientas de desarrollo web para el diseño de la aplicación, según

RA7.1
metodología definida y requerimientos de la institución.

Enunciado de las
Propuestas para desarrollo
Actividades de Recursos digitales y otros anexos
Presencial de las actividades
Enseñanza/Aprendizaje

Act. 7.1.1 Identificación de Los/as alumnos/as, por parejas, Presentación

las diferentes tecnologías relacionarán cada tecnología o lenguaje
Biblioteca digital
web, y sus usos más destinado a programación web, con las
comunes. funciones más importantes para las que Bibliografía complementaria:
están destinadas. Además, tendrán que GUERRERO Pérez, R.: Elaboración de documentos
investigar si existen requisitos especiales web mediante lenguajes de marcas. UF1841.
u otro tipo de peculiaridades de cada Antequera: IC Editorial, 2014.
tecnología/lenguaje, que pueden obligar
a tener en cuenta consideraciones
Eduplan (Diseño Web con HTML y CSS):
especiales a la hora de plantear un
proyecto web. 👉 https://redirectoronline.com/aecidifc133201
Otros recursos:
Expondrán los resultados de su
— Documentación asociada sobre cada
investigación al resto de la clase.
tecnología/lenguaje.

Act. 7.1.2 Comparación A través de un pequeño trabajo de Biblioteca digital

entre las distintas investigación, cada grupo de alumnos/as
Bibliografía complementaria:
herramientas de diseño buscará información sobre los distintos
web que actualmente son entornos de desarrollo web que son
“estado del arte”. más usados actualmente. El objetivo Eduplan (HTML5 y CSS3: revolucione el diseño de
principal será comparar las diferentes sus sitios web)
herramientas en base a sus capacidades,
sistemas para los que están disponibles,
👉 https://redirectoronline.com/aecidifc133202
Eduplan (Cómo hacer una Web Responsive):
👉 https://redirectoronline.com/aecidifc133203
y cualquier otra información que pueda
ser relevante y útil a la hora de realizar
comparativas.
Otros recursos:
Será importante distinguir entre — Documentación asociada a cada entorno de
soluciones basadas en software libre y desarrollo web.
aquellas que son de pago.

Act. 7.1.3 Familiarización El objetivo de esta actividad es que los Biblioteca

con la herramienta de alumnos, de forma individual o por
diseño web elegida por el parejas, descubran las funcionalidades
Eduplan (Creación de páginas web con el lenguaje
docente. y características más importantes del
de marcas):
entorno de desarrollo que usarán en
posteriores módulos y actividades, para 👉 https://redirectoronline.com/aecidifc133204
realizar desarrollos web. Eduplan (HTML5 y CSS3: revolucione el diseño de
sus sitios web):
Para llevarla a cabo, y con el fin de
usar distintas funcionalidades de
👉 https://redirectoronline.com/aecidifc133202
la herramienta, el alumnado puede Eduplan (Cómo hacer una Web Responsive):
usar una plantilla o una página de
prueba para desarrollar la actividad
👉 https://redirectoronline.com/aecidifc133203
y familiarizarse con las diferentes Otros recursos:
características. — Documentación asociada al entorno de
desarrollo elegido.



DESARROLLO Y ADMINISTRACIÓN DE APLICACIONES INFORMÁTICAS 7

Módulo: MF_059_3: Diseño de portales web y recursos multimedia



Act. 7.1.4 Identificación de Se presenta al alumnado una serie de Presentación

los requisitos para llevar a supuestos prácticos, en los que varios
Biblioteca digital
cabo un desarrollo web. clientes ficticios detallan una descripción
del portal web que buscan desarrollar. Bibliografía complementaria:
Cada alumno/a, de forma individual, GUERRERO Pérez, R.: Creación de páginas web
identificará los puntos más importantes con el lenguaje de marcas. UF1302. Antequera: IC
de cada descripción para desarrollarlos Editorial, 2014.
en actividades posteriores.
Eduplan (HTML5 y CSS3: revolucione el diseño de
Cada supuesto será puesto en común
sus sitios web):
de forma conjunta con todos los
alumnos/as, favoreciendo el debate y el 👉 https://redirectoronline.com/aecidifc133202
aprendizaje guiado. Eduplan (Cómo hacer una Web Responsive):
👉 https://redirectoronline.com/aecidifc133203
Vídeo (Tipos de sitios web):
👉 https://redirectoronline.com/aecidifc133205
Act. 7.1.5 Evaluación A partir de los puntos más importantes Biblioteca digital
de diferentes tipos de que han sido identificados en la
Bibliografía complementaria:
publicaciones, para una Act. 7.1.4, cada alumno/a, de forma
serie de casos. individual, tendrá que evaluar cuál es el GUERRERO Pérez, R.: Creación de páginas web
tipo de publicación más relevante para con el lenguaje de marcas. UF1302. Antequera: IC
representar cada uno de los puntos. Editorial, 2014.
Se tendrá que acompañar cada tipo de
publicación con un posible boceto de la Vídeo (Identifica el tipo y propósito de tu sitio
misma. web):

Al finalizar la actividad, el docente

👉 https://redirectoronline.com/aecidifc133206
propondrá posibles alternativas para
cada caso, siempre y cuando no hayan
sido descritas por los alumnos/as.

Act. 7.1.6 Revisión de los Usando los resultados de la Act. 7.1.4, Presentación
requisitos de un proyecto se indicará cuáles son los requisitos
Biblioteca digital
web para encontrar sus del portal web en cuanto a seguridad y
puntos críticos en materia protección de datos. El resultado de esta Bibliografía complementaria:
de seguridad y protección actividad debe de ser un listado de los URBANO López, M. P.: Administración y auditoría de
de datos. puntos encontrados que deberán tener los servicios Web. IFCT0509. Antequera: IC Editorial,
una implementación y/o configuración 2018.
especial para evitar errores de diseño
que puedan afectar a la seguridad en
Vídeo (Consejos de seguridad para tu página o
posteriores etapas de desarrollo del
aplicación web):
proyecto.
👉 https://redirectoronline.com/aecidifc133207
Se podrán usar metodologías de Vídeo (Las 10 vulnerabilidades más peligrosas
seguridad web como OWASP. usadas por aplicaciones web; OWASP 10):
👉 https://redirectoronline.com/aecidifc133208
Links de interés:
👉 https://redirectoronline.com/aecidifc133209
👉 https://redirectoronline.com/aecidifc133210


8 INFORMÁTICA Y COMUNICACIONES (IFC)

 RA7.1: Determinar las herramientas de desarrollo web para el diseño de la aplicación,
según metodología definida y requerimientos de la institución



Act. 7.1.7 Definición de Para llevar a cabo esta actividad, se Presentación

objetivos a través de los utilizarán los resultados de la Act. 7.1.4,
Biblioteca digital
requisitos de un proyecto aunque también se tendrán que tener en
web. cuenta los de la Act. 7.1.6 para definir los Bibliografía complementaria:
objetivos de seguridad del proyecto. BLANCO Morales, A. J.: Iniciación a la creación de
páginas web. IFCD010PO. Antequera: IC Editorial,
Los objetivos, tanto de contenidos de la 2021.
plataforma, público al que va dirigido,
GUERRERO Pérez, R.: Creación de páginas web
niveles de seguridad, y aspectos técnicos
con el lenguaje de marcas. UF1302. Antequera: IC
y de usabilidad, serán los resultados
Editorial, 2014.
que se esperan alcanzar a partir de las
diferentes etapas del desarrollo del
proyecto.

También es importante identificar las

restricciones del proyecto a partir de
los requisitos, para definir los objetivos.
Al finalizar esta actividad individual,
se pondrán en común los objetivos
identificados con el resto de alumnos y el
docente.

Act. 7.1.8 Creación A partir de los objetivos identificados Biblioteca digital

de plantillas para en la actividad 7.1.7., los/as alumnos/
Bibliografía complementaria:
publicaciones, en base a as, de forma individual o por parejas,
una serie de objetivos a desarrollarán plantillas para crear BLANCO Morales, A. J.: Iniciación a la creación de
abordar. publicaciones. Cada plantilla tendrá que páginas web. IFCD010PO. Antequera: IC Editorial,
buscar satisfacer una serie de objetivos, y 2021.
por lo tanto el resultado de esta actividad RUÍZ Peña, M.: Creación, programación y diseño de
tendrá que ser, a parte de las plantillas páginas web dinámicas. IFCD039PO. Antequera: IC
creadas, una serie de documentos Editorial, 2018.
adicionales donde se fundamente los
objetivos y cómo se han abordado. Será Eduplan (Cómo hacer una Web Responsive):
necesario crear un documento por cada
plantilla definida.
👉 https://redirectoronline.com/aecidifc133203
Para crear cada plantilla, habrá que
definir elementos como por ejemplo:
— Disposición de los recursos web.
— Encabezado.
— Cuerpo.
— Formato.
— Controles.



DESARROLLO Y ADMINISTRACIÓN DE APLICACIONES INFORMÁTICAS 9

Módulo: MF_059_3: Diseño de portales web y recursos multimedia



Act. 7.1.9 Evaluación de Utilizando los resultados de la Act. 7.1.7, Biblioteca digital
los distintos recursos los/as alumnos tendrán que identificar
Bibliografía complementaria:
de diseño disponibles, qué tipo de recursos de diseño y
en base a una serie de multimedia serán útiles para abordar BLANCO Morales, A. J.: Iniciación a la creación de
objetivos a abordar. determinados objetivos del proyecto. páginas web. IFCD010PO. Antequera: IC Editorial,
2021.
Los recursos a identificar serán
principalmente:
Eduplan (HTML5 y CSS3: revolucione el diseño de
— SWF.
sus sitios web):
—
—
Elementos multimedia.
Animaciones flash. 👉 https://redirectoronline.com/aecidifc133202
— Formato de sonido. Eduplan (Cómo hacer una Web Responsive):
—
—
MP3, WAV, MIDI.
Vídeos.
👉 https://redirectoronline.com/aecidifc133203
— Tablas.
— Imágenes.
— Mapas.
— Formularios.
— Listas.

El resultado de esta actividad, que podrá

ser realizada de forma individual o por
parejas, será un documento que incluya
cada recurso elegido y cómo puede ser
útil para abordar uno o más objetivos
concretos, poniendo ejemplos precisos.

Act. 7.1.10 Identificación En esta actividad, el alumno tendrá Presentación

de los requisitos hardware que realizar individualmente una
Biblioteca digital
y software necesarios para estimación del consumo de recursos
la implementación del computacionales que tendrá el Bibliografía complementaria:
proyecto web. portal web a desarrollar, con el fin de BLANCO Morales, A. J.: Iniciación a la creación de
definir las características técnicas del páginas web. IFCD010PO. Antequera: IC Editorial,
servidor donde se alojará y adaptar 2021.
posteriormente el desarrollo del portal
URBANO López, M. P.: Administración y auditoría de
web.
los servicios Web. IFCT0509. Antequera: IC Editorial,
2018.
Para realizar esta actividad, puede ser
útil tomar como punto de partida los
resultados de la Act. 7.1.9.

Al finalizar la misma, se pondrán en

común los resultados obtenidos, y
además el docente propondrá nuevos
casos que supongan restricciones
técnicas o económicas para el proyecto.
La finalidad de estas restricciones es
adaptar los requisitos definidos por los
alumnos a un nuevo escenario.



10 INFORMÁTICA Y COMUNICACIONES (IFC)

 RA7.1: Determinar las herramientas de desarrollo web para el diseño de la aplicación,
según metodología definida y requerimientos de la institución



Act. 7.1.11 Manejo de Para que el alumnado se familiarice Presentación

herramientas para la con los diferentes tipos de derechos de
Biblioteca digital
búsqueda de recursos autor, en esta actividad se utilizarán los
audiovisuales sin derechos siguientes recursos:
de autor. — Listado de licencias Creative Vídeo (Qué son las licencias abiertas y los derechos
Commons. de autor):
— Filtros de búsqueda por tipo de
licencia en buscadores (ej.: Google
👉 https://redirectoronline.com/aecidifc133211
Images). Vídeo (Cómo crear y usar las licencias Creative
Commons):
👉 https://redirectoronline.com/aecidifc133212
— Plataformas de contenidos
multimedia sin derechos de autor
(ej.: Pixabay).
Link de interés:
Los/as alumnos/as, de forma individual, 👉 https://redirectoronline.com/aecidifc133213
tendrán que buscar contenido
multimedia sin derechos de autor a
partir de los resultados de la Act. 7.1.9. Al
finalizar, crearán un pequeño documento
con una captura de cada recurso,
indicando el tipo de licencia que tiene
y la fuente de donde se ha obtenido.
Se añadirá también una pequeña
conclusión de no más de tres líneas,
donde se indique qué plataformas son
las más útiles para encontrar cada tipo
de recurso multimedia.

DESARROLLO Y ADMINISTRACIÓN DE APLICACIONES INFORMÁTICAS 11