Programación web II Unidad 1. Tecnologías 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 aprendia!e
Clave:
1"1##8#$
Universidad Abierta Abierta % a Distancia de &'(ico
Cien Ci enci cias as Exa Exact ctas as,, Inge Ingeni nier ería ía y Te Tecn cnol olog ogía ía | Des Desar arro roll llo o de Sof Softw twar are e
Programación web II Unidad 1. Tecnologías Tecnologías para mi sitio web
)ndice !oro general de la asignatura Programaci"n we# II$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ II$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$ $$$$$$$ % &ctividad $ $ Primera fase: fase: Te Tecnologías cnologías 'ara el desarrollo desarrollo de de sitios we#$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$( we#$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$( &ctividad $ $ Segunda Segunda fase: Tecnología Tecnologías s 'ara el desarrollo de de sitios we#$$$$$$$$$$$$$$$$$$$$$$$$$$$$ we#$$$$$$$$$$$$$$$$$$$$$$$$$$$$ ) &ctividad *$ *$ Documentaci"n Documentaci"n y ma+uetaci" ma+uetaci"n n de un sitio we#$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ we#$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$ Evidencia de a'rendi-a.e$ a'rendi-a.e$ &lo.amiento &lo.amiento de la ma+uetaci"n ma+uetaci"n we#$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$/ we#$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$/ &utorreflexiones$$$$$$$$$$$ &utorreflexiones$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$ *
Cien Ci enci cias as Exa Exact ctas as,, Inge Ingeni nier ería ía y Te Tecn cnol olog ogía ía | Des Desar arro roll llo o de Sof Softw twar are e
*
Programación web II Unidad 1. Tecnologías Tecnologías para mi sitio web
*oro general de la asignat+ra Programación Pr ogramación web II Este foro no es 'ondera#le y su finalidad es ser un medio de comunicaci"n a#ierto entre tus com'a0eros de gru'o y el Docente en línea, en el transcurso de la asignatura, así tam#i1n 'ara la consulta de dudas, 'ara com'artir recomendaciones, de#atir, y en general, de ex'resi"n de los temas relacionados con la asignatura$ Este foro 'ermanecer2 a#ierto durante todo el ciclo escolar, de modo +ue 'uedas dirigirte a tus com'a0eros y Docente en línea$ Comien-a tu 'artici'aci"n 'ro'orcionando los siguientes datos: 3enerales 4nom#re y lugar de 'rocedencia5$ 6a#orales 4giro de la em'resa en la +ue la#oras y el tiem'o +ue llevas la#orando en esa organi-aci"n5 Del tema 4una ex'eriencia 'ersonal y otra la#oral7 am#as relacionadas con la asignatura5$ & lo lo largo del del ciclo escolar escolar 'uedes 'uedes com'artir en este foro foro tus dudas dudas generales generales so#re so#re alg8n tema de la asignatura, recomendaciones, o #ien, contestar dudas de tus com'a0eros en caso de sa#er la res'uesta, etc1tera$ Este foro no es 'ondera#le$ 9ota: recuerda +ue de#es utili-ar los foros de manera res'etuosa y res'onsa#le$
Cien Ci enci cias as Exa Exact ctas as,, Inge Ingeni nier ería ía y Te Tecn cnol olog ogía ía | Des Desar arro roll llo o de Sof Softw twar are e
%
Programación web II Unidad 1. Tecnologías Tecnologías para mi sitio web
Actividad 1. Primera fase, Tecnologías Tecnologías para el desarrollo de sitios web Introd+cción En la actualidad existe diversidad de tecnologías 'ara el desarrollo de a'licaciones y sitios we#, y sa#er cu2l de todas es la +ue es 'osi#le utili-ar 'ara el desarrollo de un sitio o a'licaci"n es una decisi"n de gran relevancia, de aí la im'ortancia de conocer las vigentes$ En esta unidad a'render2s a ma+uetar un sitio we#, así como a desarrollarlo mediante el uso de los lengua.es ;T<6= y CSS%, de igual forma conocer2s a cerca de los administradores de contenidos, el dise0o res'onsivo mediante el uso del framewor> #ootstra' y el alo.amiento we# 6a actividad se conforma de dos fases, la 'rimera fase consiste en investigar tecnologías we# de actualidad, 'ara ello se de#e estructurar un re'orte en forma individual$ 6a segunda fase consiste en la reali-aci"n de un foro donde se ex'ondr2n las conclusiones 'rinci'ales de la fase $ El 'ro'"sito de la actividad, #2sicamente es identificar las diferentes tecnologías +ue existen en la actualidad 'ara la creaci"n y desarrollo de a'licaciones y sitios we#, su utilidad y las soluciones +ue ofrecen$
Desarrollo de la actividad 6a actividad tiene como 'ro'"sito +ue identifi+ues las diferentes tecnologías dis'oni#les 'ara tu sitio we#$ Para ello, tu Docente en línea te ar2 llegar las instrucciones, una ve- +ue cuentes con ellas, reali-a los siguientes 'asos: $ -ealia una investigaci"n so#re las diversas tecnologías +ue se 'ueden a'licar a las '2ginas we# en la actualidad$ *$ Identifica la funcionalidad y e.em'los de cada una de ellas$ %$ -edacta una conclusi"n 'ersonal$ ($ +arda la actividad con el nom#re DP?*@A@&@BB$ S+stit+%e las BB 'or las dos 'rimeras letras de tu 'rimer nom#re, la 'or tu 'rimer a'ellido y la 'or tu segundo a'ellido$
Cien Ci enci cias as Exa Exact ctas as,, Inge Ingeni nier ería ía y Te Tecn cnol olog ogía ía | Des Desar arro roll llo o de Sof Softw twar are e
(
Programación web II Unidad 1. Tecnologías Tecnologías para mi sitio web
=$ /nvía el arcivo a tu Docente en línea 'ara reci#ir retroalimentaci"n mediante la erramienta Tareas $ 9o olvides consultar los Criterios de evaluaci"n de actividades de la unidad 'ara +ue los consideres en el desarrollo de tu actividad$
0ineamientos de formato Características del formato de '2rrafo y fuente: &rial • •
Texto Te xto .ustificado .ustif icado
•
Títulos centrados
/lementos de la actividad, •
•
• •
Car2tula$ Se de#er2 integrar con los siguientes elementos: F9om#re com'leto de la instituci"n$ F9om#re com'leto de la asignatura$ F9om#re com'leto de la unidad$ F9om#re com'leto y n8mero de la actividad$ F9om#re del 'royecto anali-ado$ F9om#re com'leto del 4de la5 alumno4a5 FDatos generales: matrícula 4de la5 alumno4a5, gru'o, nom#re del4a5 Docente en línea, feca de entrega$ Ex'licaci"n de cada una de las tecnologías investigadas y una e.em'lificaci"n de cada una de ellas$ Conclusiones !uentes de consulta
Cien Ci enci cias as Exa Exact ctas as,, Inge Ingeni nier ería ía y Te Tecn cnol olog ogía ía | Des Desar arro roll llo o de Sof Softw twar are e
=
Programación web II Unidad 1. Tecnologías Tecnologías para mi sitio web
Actividad 1. Seg+nda fase, Tecnologías Tecnologías para el desarrollo de sitios web Introd+cción Para el desarrollo de esta segunda eta'a, es necesario +ue analices detenidamente los resultados de tu investigaci"n, identifica los elementos 'rinci'ales, 'ara ello, te 'uedes guiar con los siguientes 'lanteamientos +ue no de#er2s entregar a tu Docente en línea, s"lo son directivas de an2lisis 'ara 'artici'ar en el !oro de la actividad : GD"nde se a'lican las nuevas tecnologías we# +ue identifi+u1H Gu1 'ro#lemas de la vida cotidiana y organi-acional resuelvenH Gu1 necesito 'ara 'oder im'lementarlasH GCuento con las condiciones t1cnicas, econ"micas, físicas y de conocimientos 'ara im'lementarlasH GCu2les son los recursos 4t1cnicos, econ"micos, físicos y de conocimientos5 con los +ue cuento 'ara 'oder im'lementarlosH GCu2les son los recursos 4t1cnicos, econ"micos, físicos y de conocimientos5 +ue no tengo y +ue se re+uieren 'ara 'oder im'lementarlasH GPuedo conseguir los recursos t1cnicos y econ"micos necesarios +ue me acen falta 'ara im'lementar la tecnologíaH GCu2l es la tecnología we# +ue 'odría im'lementarH GPor +u1H GCu2l es la tecnología we# +ue no 'odría im'lementarH GPor +u1H J#servando el am#iente +ue me rodea en mi 2m#ito de tra#a.o, familiar, 'ersonal, 'rofesional, etc1tera$ Gu1 necesidad, 2rea de o'ortunidad o 'ro#lema se 'uede atender mediante una nueva tecnología we#H • • • •
•
•
•
• • •
Ana ve- +ue analices tu investigaci"n con #ase en las 'reguntas guía, escri#e el resultado de tu an2lisis de tal forma +ue 'uedas sinteti-ar el resultado de tu an2lisis en un '2rrafo no mayor de = líneas$ Ana ve- +ue est1s seguro de a#er identificado todos los elementos de tu an2lisis y +ue o#serves +ue est2n ex'uestos en el texto +ue escri#iste, est2s listo 'ara desarrollar la segunda fase de tu actividad $
Kecuerda +ue antes de ingresar al foro, de#iste escri#ir el resultado de tu an2lisis, cuida +ue tu escrito cuente con todas las ideas +ue deseas transmitir, así mismo, revisa la redacci"n con el fin de +ue tus ideas sean entendidas sin 'ro#lema 'or tus com'a0eros de gru'o y 'or el Docente en línea$ & continua continuaci"n ci"n se ex'onen ex'onen los los 'asos 'ara 'ara reali-ar reali-ar la segunda segunda fase de de la actividad actividad $
Desarrollo de la actividad Cien Ci enci cias as Exa Exact ctas as,, Inge Ingeni nier ería ía y Te Tecn cnol olog ogía ía | Des Desar arro roll llo o de Sof Softw twar are e
)
Programación web II Unidad 1. Tecnologías Tecnologías para mi sitio web
En esta segunda fase com'artir2s el an2lisis de tu investigaci"n acerca de las nuevas tecnologías we# dis'oni#les$ Ana ve- +ue ayas concluido tu an2lisis, reali-a los siguientes 'asos$
1. omparte las conclusiones a las +ue llegaste con #ase en la investigaci"n so#re las nuevas tecnologías we#$
2. /!em /!empl pliifica fica una tecnología we# +ue utili-arías y ex'lica 'or +u1 la utili-arías y cu2l es el 'ro#lema, 2rea de o'ortunidad o 'ro#lema +ue se 'uede atender 'or medio de ella$
$. -ec+erda +ue es necesario seguir la línea de discusi"n 'lanteada 'or el Docente en línea$
#. -evisa las a'ortaciones de tus com'a0eros así como la retroalimentaci"n del Docente en línea$ =$ Ingresa nuevamente al Foro, responde a la retroalimentaci"n de tu Docente en línea y lee detenidamente la 'artici'aci"n de uno de tus com'a0eros4as5$ Ana ve- +ue ayas leído la 'artici'aci"n de tu com'a0ero4a5, responde una a'ortaci"n a su 'artici'aci"n mencionando cu2l sería tu idea de uso de la tecnología we# +ue ella o 1l ex'onen en el foro$ 9o olvides revisar los criterios de evaluaci"n de esta segunda fase de la actividad 'ara considerarlas en el desarrollo de esta actividad$
Cien Ci enci cias as Exa Exact ctas as,, Inge Ingeni nier ería ía y Te Tecn cnol olog ogía ía | Des Desar arro roll llo o de Sof Softw twar are e
L
Programación web II Unidad 1. Tecnologías Tecnologías para mi sitio web
Actividad 2. Doc+mentación % ma3+etación de +n sitio web Introd+cción En esta actividad reali-ar2s la ma+uetaci"n de un sitio, es im'ortante 'ara ello, considerar las eta'as eta'as de desarrollo desarrollo de un sitio we# +ue se a#ord" en la asignatu asignatura ra Programación web II , una ve- +ue cuentes con la informaci"n +ue se re+uiere 'ara dise0ar un sitio we#, como la 'rimera eta'a del desarrollo, de#er2s documentar esta informaci"n y dise0ar la ma+uetaci"n de tu sitio$ Para desarrollar esta actividad es im'ortante +ue recu'eres los conocimientos ad+uiridos acerca de las fases de desarrollo de un 'royecto y de un sitio we#$ Puedes retomar las conclusiones acerca de un 'ro#lema, necesidad o 2rea de o'ortunidad a la +ue 'ueda a'licarse una nueva tecnología we#, con #ase en ello, es necesario +ue realices el la%o+t un 'royecto de dise0o de sitio we#$ Atili-a las eti+uetas ;T<6=, +ue se revisaron en la unidad 1. Tecnologías para mi sitio web $
Desarrollo de la actividad 6a actividad * tiene como o#.etivo +ue estructures un sitio we# mediante la ma+uetaci"n, 'ara ello, tu Docente en línea te ar2 llegar las instrucciones necesarias, una ve- +ue cuentes con ellas, sigue estos 'asos: $
-ealia el an4lisis y dise5o de una '2gina we# 'ara alguna organi-aci"n o 'ara atender un 'ro#lema, 2rea de o'ortunidad o necesidad$
*$ Doc+menta la descri'ci"n del caso seleccionado: re+uerimientos de usuario, o#.etivo, tecnologías a utili-ar$ %$ rea un 'rototi'o o la%o+t del sitio mediante la ma+uetaci"n, con #ase en los re+uerimientos del caso seleccionado$ ($ odifica la ma+uetaci"n de tu sitio mediante ;T<6= y CSS%$ =$ enera una imagen del resultado de la ma+uetaci"n con ;T<6= y CSS% y anexa el c"digo generado$ )$ +arda la actividad con el nom#re DP?*@A@&*@BB$ S+stit+%e las BB 'or las dos 'rimeras letras de tu 'rimer nom#re, la 'or tu 'rimer a'ellido y la 'or tu segundo a'ellido$
Cien Ci enci cias as Exa Exact ctas as,, Inge Ingeni nier ería ía y Te Tecn cnol olog ogía ía | Des Desar arro roll llo o de Sof Softw twar are e
Programación web II Unidad 1. Tecnologías Tecnologías para mi sitio web
L$ /nvía el arcivo a tu Docente en línea 'ara reci#ir retroalimentaci"n mediante la erramienta Tareas $ 9o olvides consultar los criterios de evaluaci"n de actividades de la unidad 'ara +ue los consideres en el desarrollo de tu actividad$
0ineamientos de formato aracterísticas del formato de p4rrafo % f+ente, •
&rial
•
Texto Te xto .ustificado .ustif icado
•
Títulos centrados
/lementos de la actividad, •
•
• •
Car2tula$ Se de#er2 integrar con los siguientes elementos: F9om#re com'leto de la instituci"n$ F9om#re com'leto de la asignatura$ F9om#re com'leto de la unidad$ F9om#re com'leto y n8mero de la actividad$ F9om#re del 'royecto anali-ado$ F9om#re com'leto del 4de la5 alumno4a5 FDatos generales: matrícula 4de la5 alumno4a5, gru'o, nom#re del4a5 Docente en línea, feca de entrega$ Descri'ci"n del caso: Ke+uerimientos de usuario, o#.etivo, tecnologías a utili-ar, ma+uetaci"n o la%o+t, imagen generada así como el c"digo utili-ado 'ara la ma+uetaci"n$ Conclusiones !uentes de consulta 4recuerda +ue de#er2n ser confia#les y evitar tomar contenido textual, es necesario +ue s"lo te #ases en las fuentes y ex'li+ues lo +ue as com'rendido de ellas5$
Cien Ci enci cias as Exa Exact ctas as,, Inge Ingeni nier ería ía y Te Tecn cnol olog ogía ía | Des Desar arro roll llo o de Sof Softw twar are e
M
Programación web II Unidad 1. Tecnologías Tecnologías para mi sitio web
/videncia de aprendia!e. Alo!amiento de la ma3+etación web. Introd+cción En esta actividad reali-ar2s el alo.amiento del sitio we# +ue ma+uetaste en la actividad *, 'ara ello, es im'ortante +ue revises tus contenidos de la unidad , asimismo, +ue consultes tus dudas con tu Docente en línea$ Es im'ortante +ue te guíes 'or estas 'reguntas de an2lisis, recuerda +ue no de#er2s enviarlas a tu Docente en línea, 8nicamente tienen la finalidad de guiarte en el desarrollo de tu Evidencia de a'rendi-a.e$ Kecuerda +ue el caso de#e ser original$ Para el desarrollo de la actividad es im'ortante +ue actualices tu navegador y +ue selecciones una característica de dise0o res'onsivo 'ara +ue la integres a tu sitio we#, asimismo, considera la 'osi#ilidad de utili-ar un C
Desarrollo de la actividad En esta actividad alo.ar2s la ma+uetaci"n del sitio we# reali-ada en la actividad *, en un ost gratuito$ Para ello, sigue estas instrucciones: $ Identifica un sitio de alo.amiento de tu '2gina we# a internet en forma gratuita *$ Selecciona un 'rograma de transferencia de arcivos !TP$ %$ ompr+eba +ue el nom#re de dominio seleccionado no aya sido registrado 'reviamente$ ($ Alo!a la ma+uetaci"n reali-ada en la actividad *$ =$ Integra la direcci"n 'ara ir a tu '2gina we# alo.ada$ )$ -ealia la ca'tura de 'antalla del 'rocedimiento de alo.amiento o gr2#ate en un
Cienc Ci encias ias Exa Exacta ctas, s, Ing Ingeni enierí ería a y Tecno cnolog logía ía | Desa Desarro rrollo llo de Sof Softwa tware re
/
Programación web II Unidad 1. Tecnologías Tecnologías para mi sitio web
video reali-ando y ex'licando el 'rocedimiento$ L$ +arda la actividad con el nom#re DP?*@A@E&@BB$ Sustituye las BB 'or las dos 'rimeras letras de tu 'rimer nom#re, la 'or tu 'rimer a'ellido y la 'or tu segundo a'ellido$ $ /nvía el arcivo a tu Docente en línea 'ara reci#ir retroalimentaci"n mediante el Portafolio de evidencias$ 9o olvides consultar los criterios de evaluaci"n de actividades de la unidad 'ara +ue los consideres en el desarrollo de tu actividad$
0ineamientos de formato aracterísticas del formato de p4rrafo % f+ente, •
&rial
•
Texto Te xto .ustificado .ustif icado
•
Títulos centrados
/lementos de la actividad, •
•
•
•
Car2tula$ Se de#er2 integrar con los siguientes elementos: F9om#re com'leto de la instituci"n$ F9om#re com'leto de la asignatura$ F9om#re com'leto de la unidad$ F9om#re com'leto y n8mero de la actividad$ F9om#re del 'royecto anali-ado$ F9om#re com'leto del 4de la5 alumno4a5 FDatos generales: matrícula 4de la5 alumno4a5, gru'o, nom#re del4a5 Docente en línea, feca de entrega$ Descri'ci"n del caso, sitio de alo.amiento seleccionado, Programa !TP, ca'turas de 'antalla del 'rocedimiento de alo.amiento o un video ex'licando e ilustrando el 'rocedimiento en el caso seleccionado, el caso de#e ser original, es decir, de tu autoría$ Conclusiones: integra las dudas +ue ayas tenido en el 'roceso de alo.amiento, así como algunas recomendaciones de alo.amiento o ex'eriencias +ue ayas tenido al alo.ar tu ma+uetaci"n del sitio$ !uentes de consulta 4recuerda +ue de#er2n ser confia#les y evitar tomar contenido textual, es necesario +ue s"lo te #ases en las fuentes y ex'li+ues lo +ue as com'rendido de ellas5$
A+torrefle(iones 6ota: no olvides reali-ar tu e.ercicio de Autorreflexión, recuerda +ue tam#i1n cuenta 'ara la calificaci"n final$
Cienc Ci encias ias Exa Exacta ctas, s, Ing Ingeni enierí ería a y Tecno cnolog logía ía | Desa Desarro rrollo llo de Sof Softwa tware re
Programación web II Unidad 1. Tecnologías Tecnologías para mi sitio web
Cienc Ci encias ias Exa Exacta ctas, s, Ing Ingeni enierí ería a y Tecno cnolog logía ía | Desa Desarro rrollo llo de Sof Softwa tware re
*