Programación web II

Unidad 1. Tecnologías para mi sitio web

Ingeniería en Desarrollo de Software

Semestre 8

Programa de la asignatura:
Programación web II

Unidad 1. Tecnologías para mi sitio web

Actividades de aprendizaje

Clave:
15144843

Universidad Abierta y a Distancia de México

Ciencias Exactas, Ingeniería y Tecnología | Desarrollo de Software 1

Programación web II
Unidad 1. Tecnologías para mi sitio web

Índice

Foro de dudas de la asignatura Programación web II ........................................................ 3

Foro de presentación ......................................................................................................... 3
Actividad 1. Primera fase: Tecnologías para el desarrollo de sitios web ............................ 4
Actividad 1. Segunda fase: Tecnologías para el desarrollo de sitios web........................... 5
Actividad 2. Documentación y maquetación de un sitio web .............................................. 7
Evidencia de aprendizaje. Alojamiento de una página en un sitio web ............................... 9
Autorreflexiones Unidad 1 ................................................................................................ 11

Ciencias Exactas, Ingeniería y Tecnología | Desarrollo de Software 2

Programación web II
Unidad 1. Tecnologías para mi sitio web

Foro de dudas de la asignatura Programación web II

Este foro no es ponderable y su finalidad es ser un medio de comunicación abierto entre

tus compañeros de grupo y el Docente en línea, en el transcurso de la asignatura; puedes
por este medio, realizar la consulta de dudas, compartir recomendaciones, debatir, y en
general, compartir todo lo relacionado con los temas de la Unidad 1 de esta asignatura.

Este foro permanecerá abierto durante todo el ciclo escolar, de modo que puedas dirigirte
a tus compañeros y Docente en línea.

A lo largo del ciclo escolar puedes compartir en este foro tus dudas generales sobre algún
tema de la asignatura correspondiente a la Unidad 1, recomendaciones, o bien, contestar
dudas de tus compañeros en caso de saber la respuesta, o leer la respuesta que tus
compañeros compartan en el foro, etcétera.

Este foro no es ponderable.

Nota: recuerda que debes utilizar los foros de manera respetuosa y responsable.

Foro de presentación

Participa en el foro presentándote con tus compañeros y docente en línea. Comienza tu

participación proporcionando los siguientes datos:

Generales (nombre y lugar de procedencia).

Laborales (giro de la empresa en la que laboras y el tiempo que llevas laborando en esa
organización).
Del tema (una experiencia personal y otra laboral; ambas relacionadas con la asignatura,
incluye tus expectativas respecto a la misma).

Nota: recuerda que debes utilizar los foros de manera respetuosa y responsable.

Foro no ponderable.

Ciencias Exactas, Ingeniería y Tecnología | Desarrollo de Software 3

Programación web II
Unidad 1. Tecnologías para mi sitio web

Actividad 1. Primera fase: Tecnologías para el desarrollo de sitios web

Introducción

En la actualidad existe diversidad de tecnologías para el desarrollo de aplicaciones y sitios

web, y saber cuál de todas es la que es posible utilizar para el desarrollo de un sitio o
aplicación es una decisión de gran relevancia, de ahí la importancia de conocer las
vigentes.

En esta unidad aprenderás a maquetar un sitio web, así como a desarrollarlo mediante el
uso de los lenguajes HTML5 y CSS3, de igual forma conocerás a cerca de los
administradores de contenidos, el diseño responsivo mediante el uso del framework
bootstrap y el alojamiento web

La actividad 1 se conforma de dos fases, la primera fase consiste en investigar

tecnologías web de actualidad, para ello se debe estructurar un reporte en forma
individual. La segunda fase consiste en la realización de un foro donde se expondrán las
conclusiones principales de la fase 1.

Instrucciones:

El propósito de la actividad, es identificar las diferentes tecnologías que existen en la

actualidad para la creación y desarrollo de aplicaciones y sitios web, su utilidad y las
soluciones que ofrecen.

1. Realiza una investigación sobre las diversas tecnologías que se pueden aplicar
en el desarrollo de las páginas web en la actualidad.

2. Identifica la funcionalidad y ejemplos de cada una de ellas.

3. Elabora una tabla comparativa donde describas por lo menos cinco tecnologías
utilizadas para el desarrollo de aplicaciones web, así como sus características.
Al final redacta una conclusión personal.

4. Guarda la actividad con el nombre DPW2_U1_A1_XXYZ. Sustituye las XX por

tu primer nombre, la Y por tu primer apellido y la Z por tu segundo apellido.

IMPORTANTE: La actividad 1 está programada para el envío de un único archivo, es

decir, se elabora mediante un único intento, por ello, es preciso que la envíes cuando
estés seguro de que has elaborado la actividad con base en las instrucciones y en los
criterios de evaluación.

Ciencias Exactas, Ingeniería y Tecnología | Desarrollo de Software 4

Programación web II
Unidad 1. Tecnologías para mi sitio web

*No olvides consultar los Criterios de evaluación de actividades de la unidad 1 para que
los consideres en el desarrollo de tu actividad.

Lineamientos de formato

Características del formato de párrafo y fuente:

 Arial 11
 Texto justificado
 Títulos centrados

Elementos de la actividad:
 Carátula. Se deberá integrar con los siguientes elementos:
-Nombre completo de la institución.
-Nombre completo de la asignatura.
-Nombre completo de la unidad.
-Nombre completo y número de la actividad.
-Nombre del proyecto analizado.
-Nombre completo del estudiante
-Datos generales: matrícula (de la) alumno(a), grupo, nombre del(a) Docente
en línea, fecha de entrega.
 Explicación de cada una de las tecnologías investigadas.
 Conclusiones.
 Fuentes de consulta.

Actividad 1. Segunda fase: Tecnologías para el desarrollo de sitios

web

Introducción

Para el desarrollo de esta segunda etapa, es necesario que analices detenidamente los
resultados de tu investigación, identifica los elementos principales, para ello, te puedes
guiar con los siguientes planteamientos que no deberás entregar a tu Docente en línea,
sólo son directivas de análisis para participar en el Foro de la actividad 1:
 ¿Dónde se aplican las nuevas tecnologías web que identifiqué?
 ¿Qué problemas de la vida cotidiana y organizacional resuelven?
 ¿Qué necesito para poder implementarlas?
 ¿Cuento con las condiciones técnicas, económicas, físicas y de conocimientos
para implementarlas?

Ciencias Exactas, Ingeniería y Tecnología | Desarrollo de Software 5

Programación web II
Unidad 1. Tecnologías para mi sitio web

 ¿Cuáles son los recursos (técnicos, económicos, físicos y de conocimientos) con

los que cuento para poder implementarlos?
 ¿Cuáles son los recursos (técnicos, económicos, físicos y de conocimientos) que
no tengo y que se requieren para poder implementarlas?
 ¿Puedo conseguir los recursos técnicos y económicos necesarios que me hacen
falta para implementar la tecnología?
 ¿Cuál es la tecnología web que podría implementar? ¿Por qué?
 ¿Cuál es la tecnología web que no podría implementar? ¿Por qué?
 Observando el ambiente que me rodea en mi ámbito de trabajo, familiar, personal,
profesional, etcétera. ¿Qué necesidad, área de oportunidad o problema se puede
atender mediante una nueva tecnología web?

Una vez que analices tu investigación con base en las preguntas guía, escribe el
resultado de tu análisis de tal forma que puedas sintetizar el resultado de tu análisis en un
párrafo no mayor de 15 líneas.

Una vez que estés seguro de haber identificado todos los elementos de tu análisis y que
observes que están expuestos en el texto que escribiste, estás listo para desarrollar la
segunda fase de tu actividad 1.

Recuerda que antes de ingresar al foro, debiste escribir el resultado de tu análisis, cuida
que tu escrito cuente con todas las ideas que deseas transmitir, así mismo, revisa la
redacción con el fin de que tus ideas sean entendidas sin problema por tus compañeros
de grupo y por el Docente en línea.
A continuación, se exponen los pasos para realizar la segunda fase de la actividad 1.

Instrucciones:

El propósito de la actividad es identificar las diferentes tecnologías que existen en la

actualidad para la creación y desarrollo de aplicaciones y sitios web, su utilidad y las
soluciones que ofrecen.

En esta segunda fase compartirás el análisis de tu investigación acerca de las nuevas

tecnologías web disponibles. Una vez que hayas concluido tu análisis, realiza los
siguientes pasos.

1. Selecciona alguna de las tecnologías que mencionaste en la Actividad 1. Primera

fase Tecnologías para el desarrollo de un sitio web, indicando usos, ejemplos de
código, y describe un ejemplo de algún problema que pueda resolverse mediante esta
tecnología.

Ciencias Exactas, Ingeniería y Tecnología | Desarrollo de Software 6

Programación web II
Unidad 1. Tecnologías para mi sitio web

3. Revisa las aportaciones de tus compañeros.

4. Ingresa nuevamente al Foro, y lee detenidamente la participación de mínimo uno de

tus compañeros(as). Una vez que hayas leído y analizado la participación, responde a
la misma, con una aportación mencionando cuál es tu idea de uso de la tecnología web
que ella o él exponen en el foro.

*No olvides revisar los criterios de evaluación de esta segunda fase de la actividad 1
para considerarlas en el desarrollo de esta actividad.

Actividad 2. Documentación y maquetación de un sitio web

Introducción

En esta actividad realizarás la maquetación de un sitio, es importante para ello, considerar

las etapas de desarrollo de un sitio web que se abordó en la asignatura Programación web
II, una vez que cuentes con la información que se requiere para diseñar un sitio web, como
la primera etapa del desarrollo, deberás documentar esta información y diseñar la
maquetación de tu sitio.

Para desarrollar esta actividad es importante que recuperes los conocimientos adquiridos
acerca de las fases de desarrollo de un proyecto y de un sitio web. Puedes retomar las
conclusiones acerca de un problema, necesidad o área de oportunidad a la que pueda
aplicarse una nueva tecnología web, con base en ello, es necesario que realices el layout
un proyecto de diseño de sitio web. Utiliza las etiquetas HTML5, que se revisaron en la
unidad 1. Tecnologías para mi sitio web.

Instrucciones:

La actividad 2 tiene como objetivo que estructures un sitio web mediante la

maquetación, para ello, sigue estos pasos:

1. Realiza el análisis de un sitio web para una empresa dedicada a ofrecer cursos de
capacitación, la empresa ofrece servicios como: cursos de capacitación, talleres,
diplomados, conferencias y al desarrollo de software.

2. Documenta la descripción del caso seleccionado tal como: objetivo del análisis,
requerimientos de usuario.

Ciencias Exactas, Ingeniería y Tecnología | Desarrollo de Software 7

Programación web II
Unidad 1. Tecnologías para mi sitio web

3. Crea un prototipo del diseño que tendría un sitio web haciendo uso de la
maquetación utilizando algún software para maquetación de tu elección.

Importante: No programar en web, únicamente se recibirán actividades que se hayan

hecho con software de maquetación, principalmente utilizar los software
mencionados en los contenidos de la Unidad 1, el diseño de la maqueta se hará con
base en los requerimientos del caso seleccionado.

4. Genera un video en donde se muestre el diseño del sitio web que se hizo mediante
la maquetación. (No hacer desarrollos web, solo se pide hacer una maqueta o
prototipo, las maquetas solo son diseños sin funcionalidad). De preferencia el video se
deberá subir a YouTube.

5. Genera la documentación del problema con el siguiente formato.

6. Guarda el documento con el nombre DPW2_U1_A2_XXYZ. Sustituye las XX por tu

primer nombre, la Y por tu primer apellido y la Z por tu segundo apellido. Envía el
archivo a tu Docente en línea para recibir retroalimentación mediante la herramienta
Tareas.

*No olvides consultar los criterios de evaluación de actividades de la unidad 1 para que
los consideres en el desarrollo de tu actividad.

Lineamientos de formato

Características del formato de párrafo y fuente:

 Arial 11
 Texto justificado
 Títulos centrados
Elementos de la actividad:
 Carátula. Se deberá integrar con los siguientes elementos:
-Nombre completo de la institución.
-Nombre completo de la asignatura.
-Nombre completo de la unidad.
-Nombre completo y número de la actividad.
-Nombre del proyecto analizado.
-Nombre completo del (de la) alumno(a)
-Datos generales: matrícula (de la) alumno(a), grupo, nombre del(a) Docente en
línea, fecha de entrega.
 Descripción del caso: Requerimientos de usuario, objetivo, maquetación o

Ciencias Exactas, Ingeniería y Tecnología | Desarrollo de Software 8

Programación web II
Unidad 1. Tecnologías para mi sitio web

prototipo, imagen generada.

 Conclusiones
 Fuentes de consulta (recuerda que deberán ser confiables y evitar tomar contenido
textual, es necesario que sólo te bases en las fuentes y expliques lo que has
comprendido de ellas).
 Incluir la liga del video para su revisión.

Evidencia de aprendizaje. Alojamiento de una página en un sitio web

Introducción

En esta actividad realizarás el alojamiento del sitio web que maquetaste en la actividad 2,
para ello, es importante que revises tus contenidos de la unidad 1, asimismo, que
consultes tus dudas con tu Docente en línea. Es importante que te guíes por estas
preguntas de análisis, recuerda que no deberás enviarlas a tu Docente en línea,
únicamente tienen la finalidad de guiarte en el desarrollo de tu Evidencia de aprendizaje.
Recuerda que el caso debe ser original.

Para el desarrollo de la actividad es importante que actualices tu navegador y que

selecciones una característica de diseño responsivo para que la integres a tu sitio web,
asimismo, considera la posibilidad de utilizar un CMS, de acuerdo con el caso para el cual
estés desarrollando el sitio web. Para que tu Docente en línea pueda observar el
procedimiento realizado, es recomendable que captures las pantallas del procedimiento,
puede que, al finalizar el documento de tu Evidencia de aprendizaje, el documento sea de
un tamaño mayor al que permite el aula virtual, de tal manera que se recomienda que
conviertas a PDF el documento. Otra opción para desarrollar la evidencia es que elabores
un video donde te grabes desarrollando los pasos y explicando tu evidencia de
aprendizaje, aprovechando para explicar tus experiencias y recomendaciones de
alojamiento de la maquetación de tu sitio web. Recuerda que el video tampoco deberá
sobrepasar el tamaño permitido para el envío de evidencias.

Instrucciones:
El propósito de la actividad es ejercitar el procedimiento de alojamiento de páginas
web en servidores web.

En esta actividad alojarás la maquetación del sitio web realizada en la actividad 2, en

un host gratuito. Para ello, sigue estas instrucciones:

Ciencias Exactas, Ingeniería y Tecnología | Desarrollo de Software 9

Programación web II
Unidad 1. Tecnologías para mi sitio web

1. Convierte la maquetación de la Actividad 2 en una página web con HTML5 y CSS.

2. Identifica un sitio de alojamiento para tu sitio web a internet en forma gratuita.

3. Selecciona un programa de transferencia de archivos FTP.

4. Comprueba que el nombre de dominio seleccionado no haya sido registrado

previamente.

5. Aloja el proyecto de la página web desarrollado en el hospedaje gratuito.

6.Integra la dirección para ir a tu página web alojada.

7. Guarda tanto el código fuente de tu página web en un documento .zip o .rar, así
como, en un documento incluye la liga URL para ejecutar tu sitio web con el nombre
DPW2_U1_EA_XXYZ. Sustituye las XX por tu primer nombre, la Y por tu primer
apellido y la Z por tu segundo apellido.

Envía el archivo a tu Docente en línea para recibir retroalimentación mediante el

Portafolio de evidencias.

*No olvides consultar los criterios de evaluación de actividades de la unidad 1 para que
los consideres en el desarrollo de tu actividad.

Lineamientos de formato

Características del formato de párrafo y fuente:

 Arial 11
 Texto justificado
 Títulos centrados
Elementos de la actividad:
 Carátula. Se deberá integrar con los siguientes elementos:
-Nombre completo de la institución.
-Nombre completo de la asignatura.
-Nombre completo de la unidad.
-Nombre completo y número de la actividad.
-Nombre del proyecto analizado.
-Nombre completo del (de la) alumno(a)
-Datos generales: matrícula (de la) alumno(a), grupo, nombre del(a) Docente
en línea, fecha de entrega.
 Descripción del caso, sitio de alojamiento seleccionado, Programa FTP, capturas
de pantalla del procedimiento de alojamiento o un video explicando e ilustrando el

Ciencias Exactas, Ingeniería y Tecnología | Desarrollo de Software 10

Programación web II
Unidad 1. Tecnologías para mi sitio web

procedimiento en el caso seleccionado, el caso debe ser original, es decir, de tu

autoría.
 Conclusiones: integra las dudas que hayas tenido en el proceso de alojamiento,
así como algunas recomendaciones de alojamiento o experiencias que hayas
tenido al alojar tu maquetación del sitio.
 Fuentes de consulta (recuerda que deberán ser confiables y evitar tomar contenido
textual, es necesario que sólo te bases en las fuentes y expliques lo que has
comprendido de ellas).

Autorreflexiones Unidad 1

Nota: no olvides realizar tu ejercicio de Autorreflexión, recuerda que también cuenta para
la calificación final.

Ciencias Exactas, Ingeniería y Tecnología | Desarrollo de Software 11