Programacin web II

Unidad 1. Tecnologas para mi sitio web

Ingeniera en Desarrollo de Software

Semestre 8

Programa de la asignatura:
Programacin web II

Unidad 1. Tecnologas para mi sitio web

Actividades de aprendizaje

Clave:
15144843

Universidad Abierta y a Distancia de Mxico

Ciencias Exactas, Ingeniera y Tecnologa | Desarrollo de Software 1

Programacin web II
Unidad 1. Tecnologas para mi sitio web

ndice

Foro general de la asignatura Programacin web II............................................................3

Actividad 1. Primera fase: Tecnologas para el desarrollo de sitios web..............................4
Actividad 1. Segunda fase: Tecnologas para el desarrollo de sitios web............................6
Actividad 2. Documentacin y maquetacin de un sitio web...............................................8
Evidencia de aprendizaje. Alojamiento de la maquetacin web.........................................10
Autorreflexiones................................................................................................................ 12

Ciencias Exactas, Ingeniera y Tecnologa | Desarrollo de Software 2

Programacin web II
Unidad 1. Tecnologas para mi sitio web

Foro general de la asignatura Programacin web II

Este foro no es ponderable y su finalidad es ser un medio de comunicacin abierto entre

tus compaeros de grupo y el Docente en lnea, en el transcurso de la asignatura, as
tambin para la consulta de dudas, para compartir recomendaciones, debatir, y en
general, de expresin de los temas relacionados con la asignatura.

Este foro permanecer abierto durante todo el ciclo escolar, de modo que puedas dirigirte
a tus compaeros y Docente en lnea.

Comienza tu participacin 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
organizacin)
Del tema (una experiencia personal y otra laboral; ambas relacionadas con la asignatura).

A lo largo del ciclo escolar puedes compartir en este foro tus dudas generales sobre algn
tema de la asignatura, recomendaciones, o bien, contestar dudas de tus compaeros en
caso de saber la respuesta, etctera.

Este foro no es ponderable.

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

Ciencias Exactas, Ingeniera y Tecnologa | Desarrollo de Software 3

Programacin web II
Unidad 1. Tecnologas para mi sitio web

Actividad 1. Primera fase: Tecnologas para el desarrollo de sitios web

Introduccin

En la actualidad existe diversidad de tecnologas para el desarrollo de aplicaciones y sitios

web, y saber cul de todas es la que es posible utilizar para el desarrollo de un sitio o
aplicacin es una decisin de gran relevancia, de ah la importancia de conocer las
vigentes.

En esta unidad aprenders a maquetar un sitio web, as como a desarrollarlo mediante el

uso de los lenguajes HTML5 y CSS3, de igual forma conocers a cerca de los
administradores de contenidos, el diseo 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

tecnologas web de actualidad, para ello se debe estructurar un reporte en forma
individual.

La segunda fase consiste en la realizacin de un foro donde se expondrn las

conclusiones principales de la fase 1.

El propsito de la actividad, bsicamente es identificar las diferentes tecnologas que

existen en la actualidad para la creacin y desarrollo de aplicaciones y sitios web, su
utilidad y las soluciones que ofrecen.

Desarrollo de la actividad

La actividad 1 tiene como propsito que identifiques las diferentes tecnologas

disponibles para tu sitio web. Para ello, tu Docente en lnea te har llegar las
instrucciones, una vez que cuentes con ellas, realiza los siguientes pasos:

1. Realiza una investigacin sobre las diversas tecnologas que se pueden aplicar
a las pginas web en la actualidad.

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

3. Redacta una conclusin personal.

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

las dos primeras letras de tu primer nombre, la Y por tu primer apellido y la Z por
tu segundo apellido.

Ciencias Exactas, Ingeniera y Tecnologa | Desarrollo de Software 4

Programacin web II
Unidad 1. Tecnologas para mi sitio web

5. Enva el archivo a tu Docente en lnea para recibir retroalimentacin mediante la

herramienta Tareas.

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

Lineamientos de formato

Caractersticas del formato de prrafo y fuente:

Arial 11
Texto justificado
Ttulos centrados

Elementos de la actividad:
Cartula. Se deber integrar con los siguientes elementos:
-Nombre completo de la institucin.
-Nombre completo de la asignatura.
-Nombre completo de la unidad.
-Nombre completo y nmero de la actividad.
-Nombre del proyecto analizado.
-Nombre completo del (de la) alumno(a)
-Datos generales: matrcula (de la) alumno(a), grupo, nombre del(a) Docente
en lnea, fecha de entrega.
Explicacin de cada una de las tecnologas investigadas y una ejemplificacin de
cada una de ellas.
Conclusiones
Fuentes de consulta

Ciencias Exactas, Ingeniera y Tecnologa | Desarrollo de Software 5

Programacin web II
Unidad 1. Tecnologas para mi sitio web

Actividad 1. Segunda fase: Tecnologas para el desarrollo de sitios web

Introduccin

Para el desarrollo de esta segunda etapa, es necesario que analices detenidamente los
resultados de tu investigacin, identifica los elementos principales, para ello, te puedes
guiar con los siguientes planteamientos que no debers entregar a tu Docente en lnea,
slo son directivas de anlisis para participar en el Foro de la actividad 1:
Dnde se aplican las nuevas tecnologas web que identifiqu?
Qu problemas de la vida cotidiana y organizacional resuelven?
Qu necesito para poder implementarlas?
Cuento con las condiciones tcnicas, econmicas, fsicas y de conocimientos
para implementarlas?
Cules son los recursos (tcnicos, econmicos, fsicos y de conocimientos) con
los que cuento para poder implementarlos?
Cules son los recursos (tcnicos, econmicos, fsicos y de conocimientos) que
no tengo y que se requieren para poder implementarlas?
Puedo conseguir los recursos tcnicos y econmicos necesarios que me hacen
falta para implementar la tecnologa?
Cul es la tecnologa web que podra implementar? Por qu?
Cul es la tecnologa web que no podra implementar? Por qu?
Observando el ambiente que me rodea en mi mbito de trabajo, familiar, personal,
profesional, etctera. Qu necesidad, rea de oportunidad o problema se puede
atender mediante una nueva tecnologa web?

Una vez que analices tu investigacin con base en las preguntas gua, escribe el
resultado de tu anlisis de tal forma que puedas sintetizar el resultado de tu anlisis en un
prrafo no mayor de 15 lneas.

Una vez que ests seguro de haber identificado todos los elementos de tu anlisis y que
observes que estn expuestos en el texto que escribiste, ests listo para desarrollar la
segunda fase de tu actividad 1.

Recuerda que antes de ingresar al foro, debiste escribir el resultado de tu anlisis, cuida
que tu escrito cuente con todas las ideas que deseas transmitir, as mismo, revisa la
redaccin con el fin de que tus ideas sean entendidas sin problema por tus compaeros
de grupo y por el Docente en lnea.
A continuacin se exponen los pasos para realizar la segunda fase de la actividad 1.

Desarrollo de la actividad

Ciencias Exactas, Ingeniera y Tecnologa | Desarrollo de Software 6

Programacin web II
Unidad 1. Tecnologas para mi sitio web

En esta segunda fase compartirs el anlisis de tu investigacin acerca de las nuevas

tecnologas web disponibles. Una vez que hayas concluido tu anlisis, realiza los
siguientes pasos.

1. Comparte las conclusiones a las que llegaste con base en la investigacin sobre
las nuevas tecnologas web.

2. Ejemplifica una tecnologa web que utilizaras y explica por qu la utilizaras y

cul es el problema, rea de oportunidad o problema que se puede atender por
medio de ella.

3. Recuerda que es necesario seguir la lnea de discusin planteada por el

Docente en lnea.

4. Revisa las aportaciones de tus compaeros as como la retroalimentacin del

Docente en lnea.

5. Ingresa nuevamente al Foro, responde a la retroalimentacin de tu Docente en

lnea y lee detenidamente la participacin de uno de tus compaeros(as). Una
vez que hayas ledo la participacin de tu compaero(a), responde una
aportacin a su participacin mencionando cul sera tu idea de uso de la
tecnologa web que ella o l exponen en el foro.

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

Ciencias Exactas, Ingeniera y Tecnologa | Desarrollo de Software 7

Programacin web II
Unidad 1. Tecnologas para mi sitio web

Actividad 2. Documentacin y maquetacin de un sitio web

Introduccin

En esta actividad realizars la maquetacin de un sitio, es importante para ello, considerar

las etapas de desarrollo de un sitio web que se abord en la asignatura Programacin
web II, una vez que cuentes con la informacin que se requiere para disear un sitio web,
como la primera etapa del desarrollo, debers documentar esta informacin y disear la
maquetacin 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 tecnologa web, con base en ello, es necesario que realices el layout
un proyecto de diseo de sitio web. Utiliza las etiquetas HTML5, que se revisaron en la
unidad 1. Tecnologas para mi sitio web.

Desarrollo de la actividad

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

maquetacin, para ello, tu Docente en lnea te har llegar las instrucciones necesarias,
una vez que cuentes con ellas, sigue estos pasos:

1. Realiza el anlisis y diseo de una pgina web para alguna organizacin o

para atender un problema, rea de oportunidad o necesidad.

2. Documenta la descripcin del caso seleccionado: requerimientos de usuario,

objetivo, tecnologas a utilizar.

3. Crea un prototipo o layout del sitio mediante la maquetacin, con base en los
requerimientos del caso seleccionado.

4. Codifica la maquetacin de tu sitio mediante HTML5 y CSS3.

5. Genera una imagen del resultado de la maquetacin con HTML5 y CSS3 y

anexa el cdigo generado.

6. Guarda la actividad con el nombre DPW2_U1_A2_XXYZ. Sustituye las XX por

las dos primeras letras de tu primer nombre, la Y por tu primer apellido y la Z por
tu segundo apellido.

Ciencias Exactas, Ingeniera y Tecnologa | Desarrollo de Software 8

Programacin web II
Unidad 1. Tecnologas para mi sitio web

7. Enva el archivo a tu Docente en lnea para recibir retroalimentacin mediante la

herramienta Tareas.

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

Lineamientos de formato

Caractersticas del formato de prrafo y fuente:

Arial 11
Texto justificado
Ttulos centrados

Elementos de la actividad:
Cartula. Se deber integrar con los siguientes elementos:
-Nombre completo de la institucin.
-Nombre completo de la asignatura.
-Nombre completo de la unidad.
-Nombre completo y nmero de la actividad.
-Nombre del proyecto analizado.
-Nombre completo del (de la) alumno(a)
-Datos generales: matrcula (de la) alumno(a), grupo, nombre del(a) Docente
en lnea, fecha de entrega.
Descripcin del caso: Requerimientos de usuario, objetivo, tecnologas a utilizar,
maquetacin o layout, imagen generada as como el cdigo utilizado para la
maquetacin.
Conclusiones
Fuentes de consulta (recuerda que debern ser confiables y evitar tomar contenido
textual, es necesario que slo te bases en las fuentes y expliques lo que has
comprendido de ellas).

Ciencias Exactas, Ingeniera y Tecnologa | Desarrollo de Software 9

Programacin web II
Unidad 1. Tecnologas para mi sitio web

Evidencia de aprendizaje. Alojamiento de la maquetacin web.

Introduccin

En esta actividad realizars 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 lnea. Es importante que te gues por estas
preguntas de anlisis, recuerda que no debers enviarlas a tu Docente en lnea,
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 caracterstica de diseo 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
ests desarrollando el sitio web. Para que tu Docente en lnea 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 tamao mayor al que permite el aula virtual, de tal manera que se recomienda que
conviertas a PDF el documento. Otra opcin 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 maquetacin de tu sitio web. Recuerda que el video tampoco deber
sobrepasar el tamao permitido para el envo de evidencias.

Desarrollo de la actividad

En esta actividad alojars la maquetacin del sitio web realizada en la actividad 2, en un

host gratuito. Para ello, sigue estas instrucciones:

1. Identifica un sitio de alojamiento de tu pgina web a internet en forma gratuita

2. Selecciona un programa de transferencia de archivos FTP.

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

previamente.

4. Aloja la maquetacin realizada en la actividad 2.

5. Integra la direccin para ir a tu pgina web alojada.

6. Realiza la captura de pantalla del procedimiento de alojamiento o grbate en un

Ciencias Exactas, Ingeniera y Tecnologa | Desarrollo de Software 10

Programacin web II
Unidad 1. Tecnologas para mi sitio web

video realizando y explicando el procedimiento.

7. Guarda la actividad con el nombre DPW2_U1_EA_XXYZ. Sustituye las XX por

las dos primeras letras de tu primer nombre, la Y por tu primer apellido y la Z por
tu segundo apellido.

8. Enva el archivo a tu Docente en lnea para recibir retroalimentacin mediante el

Portafolio de evidencias.

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

Lineamientos de formato

Caractersticas del formato de prrafo y fuente:

Arial 11
Texto justificado
Ttulos centrados
Elementos de la actividad:
Cartula. Se deber integrar con los siguientes elementos:
-Nombre completo de la institucin.
-Nombre completo de la asignatura.
-Nombre completo de la unidad.
-Nombre completo y nmero de la actividad.
-Nombre del proyecto analizado.
-Nombre completo del (de la) alumno(a)
-Datos generales: matrcula (de la) alumno(a), grupo, nombre del(a) Docente
en lnea, fecha de entrega.
Descripcin del caso, sitio de alojamiento seleccionado, Programa FTP, capturas
de pantalla del procedimiento de alojamiento o un video explicando e ilustrando el
procedimiento en el caso seleccionado, el caso debe ser original, es decir, de tu
autora.
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 maquetacin del sitio.
Fuentes de consulta (recuerda que debern ser confiables y evitar tomar contenido
textual, es necesario que slo te bases en las fuentes y expliques lo que has
comprendido de ellas).
Autorreflexiones

Nota: no olvides realizar tu ejercicio de Autorreflexin, recuerda que tambin cuenta para
la calificacin final.

Ciencias Exactas, Ingeniera y Tecnologa | Desarrollo de Software 11

Programacin web II
Unidad 1. Tecnologas para mi sitio web

Ciencias Exactas, Ingeniera y Tecnologa | Desarrollo de Software 12