PROGRAMACION WEB

UNIDAD

Introduccin a las tecnologas Web

El estudiante conocer las caractersticas de una Aplicacin Web y conocer los elementos que interactua con ella

Por: Silverio Ramrez Martnez

contactosilver@gmail.com

PROGRAMACIN ORIENTADA A OBJETOS

UNIDAD 1 Introduccin a las tecnologas Web.

1.1 Perspectiva histrica de I!ter!et . 1." Pr#t#c# # http $pr#t#c# # de tra!s%ere!cia de hiperte&t#'. 1.".1 Ar()itect)ra de ***. 1."." +R,-s. 1.".. M/t#d#s http. Persiste!cia e! http 0C##1ies. 1.. I!tr#d)cci! a 2TM,. ,e!3)a4e de desp ie3)e de 5e6 1...1 2TM, c#7# )! tip# SGM,. 1..." E e7e!t#s de e!3)a4e 2TM,. 1.... Ta6 as e! 2TM,. 1...8 9#r7) ari#s. 1.8 Ev# )ci! de desarr# # de ap icaci#!es *e6. 1.: 2#4as de esti # e! cascada e i!tr#d)cci! a ;M,.

1.1 Perspectiva Histrica de Internet Internet se inici como un proyecto de defensa de los Estados Unidos. A finales de los aos 60, la AR A !A"encia de royectos de In#esti"acin A#an$ados% del Departamento de Defensa defini el protocolo &' (I . Aun)ue pare$ca e*trao, la idea era "aranti$ar mediante este sistema la comunicacin entre lu"ares ale+ados en caso de ata)ue nuclear. A,ora el &' (I sir#e para "aranti$ar la transmisin de los pa)uetes de informacin entre lu"ares remotos, si"uiendo cual)uier ruta disponi-le. En 1./0, AR Anet comen$ a funcionar como red, sir#iendo como -ase para unir centros de in#esti"acin militares y uni#ersidades, y se tra-a+ en desarrollar protocolos m1s a#an$ados para diferentes tipos de ordenadores y cuestiones espec2ficas. En 1.34 se adopt el &' (I como est1ndar principal para todas las comunicaciones, y en 1..0 desapareci AR Anet para dar paso +unto a otras redes &' (I a Internet. or a)uel entonces tam-i5n comen$aron a operar or"ani$aciones pri#adas en la Red. oco a poco, todos los fa-ricantes de ordenadores personales y redes ,an incorporado el &' (I a sus sistemas operati#os, de modo )ue en la actualidad cual)uier e)uipo est1 listo para conectarse a Internet. Internet une muc,as redes, incluyendo como m1s importantes la )ue proporciona acceso a los "rupos de noticias !Usenet%, )ue data de 1./. y !conceptualmente% la 6orld 6ide 6e-, de principios de los .0. 7e calcula )ue actualmente ,ay #arios miles de redes de todos los tamaos conectadas a Internet, m1s de seis millones de ser#idores y entre 80 y 00 millones de personas )ue tienen acceso a sus contenidos. 9 estas cifras crecen sin cesar de un d2a a otro. En Espaa, Internet comen$ a implantarse a finales de los 30, a tra#5s del pro"rama Iris. En 1..0 naci como tal RedIRI7, entidad )ue o-tu#o la condicin de red oficial de cara a los est1ndares internacionales de Internet, y )ue fue adoptando poco a poco cada uno de los ser#icios e*istentes. En 1..1 sur"i :oya, el primer pro#eedor de acceso pri#ado a Internet, y entre 1..; y 1..8 se produ+o su implantacin de Internet en la mayor parte de las uni#ersidades y la lle"ada de m1s ser#icios "lo-ales y pro#eedores de acceso. 1..0 fue el ao definiti#o para la populari$acin de Internet en Espaa, el <-oom< de los pro#eedores de Internet y tam-i5n la fec,a de nacimiento de Info=2a, la <Internet Espaola.< >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ?a ,istoria de Internet se remonta al temprano desarrollo de las redes de comunicacin.

PROGRAMACIN ORIENTADA A OBJETOS

?a idea de una red de computadoras diseada para permitir la comunicacin "eneral entre usuarios de #arias computadoras sea tanto desarrollos tecnol"icos como la fusin de la infraestructura de la red ya e*istente y los sistemas de telecomunicaciones. ?as m1s anti"uas #ersiones de estas ideas aparecieron a finales de los aos 00. Implementaciones pr1cticas de estos conceptos empe$aron a finales de los 60 y a lo lar"o de los /0. En la d5cada de 1.30, tecnolo"2as )ue reconocer2amos como las -ases de la moderna Internet, empe$aron a e*pandirse por todo el mundo. En los .0 se introdu+o la 6orld 6ide 6e-, )ue se ,i$o com@n. ?a infraestructura de Internet se esparci por el mundo, para crear la moderna red mundial de computadoras )ue ,oy conocemos. Atra#es los pa2ses occidentales e intent una penetracin en los pa2ses en desarrollo, creando un acceso mundial a informacin y comunicacin sin precedentes, pero tam-i5n una -rec,a di"ital en el acceso a esta nue#a infraestructura. Internet tam-i5n alter la econom2a del mundo entero, incluyendo las implicaciones econmicas de la -ur-u+a de las .com. Un m5todo de conectar computadoras, pre#alente so-re los dem1s, se -asa-a en el m5todo de la computadora central o unidad principal, )ue simplemente consist2a en permitir a sus terminales conectarse a tra#5s de lar"as l2neas al)uiladas. Este m5todo se usa-a en los aos 00 por el royecto RAND para apoyar a in#esti"adores como Aer-ert 7imon, en itts-ur", ! ensil#ania%, cuando cola-ora-a a tra#5s de todo el continente con otros in#esti"adores de 7anta Bnica !'alifornia% tra-a+ando en demostraciones de teoremas automati$adas e inteli"encia artificial. Un pionero fundamental en lo )ue se refiere a una red mundial, C.'.R. ?icDlider, comprendi la necesidad de una red mundial, se"@n consta en su documento de enero, 1.60, BanE'omputer 7ym-iosis !7im-iosis Aom-reE'omputadora%. <una red de muc,os FordenadoresG, conectados mediante l2neas de comunicacin de -anda anc,a< las cuales proporcionan <las funciones ,oy e*istentes de las -i-liotecas +unto con anticipados a#ances en el "uardado y ad)uisicin de informacin y FotrasG funciones sim-iticas< C.'.R ?icDliderF1G En octu-re de 1.6;, ?icDlider fue nom-rado +efe de la oficina de procesado de informacin DAR A, y empe$ a formar un "rupo informal dentro del DAR A del Departamento de Defensa de los Estados Unidos para in#esti"aciones so-re ordenadores m1s a#an$adas. 'omo parte del papel de la oficina de procesado de informacin, se instalaron tres terminales de redesH una para la 7ystem De#elopment 'orporation en 7anta Bonica, otra para el royecto :enie en la Uni#ersidad de 'alifornia !IerDeley% y otra para el proyecto Bultics en el Instituto &ecnol"ico de Bassac,usetts. ?a necesidad de ?icDlider de redes se ,ar2a e#idente por los pro-lemas )ue esto caus. < ara cada una de estas tres terminales, ten2a tres diferentes +ue"os de comandos de usuario. or tanto, si esta-a ,a-lando en red con al"uien en la 7.D.'. y )uer2a ,a-lar con al"uien )ue conoc2a en IerDeley o en el B.I.&. so-re esto, ten2a )ue irme de la terminal de la 7.'.D., pasar y re"istrarme en la otra terminal para contactar con 5l. Di+e, es o-#io lo )ue ,ay )ue ,acerH si tienes esas tres terminales, de-er2a ,a-er una terminal )ue fuese a donde sea )ue )uisieras ir y en donde ten"as interacti#idad. Esa idea es el AR ANet.< Ro-ert 6. &aylor, coEescritor, +unto con ?icDlider, de <&,e 'omputer as a 'ommunications De#ice< !El Jrdenador como un Dispositi#o de 'omunicacin%, en una entre#ista con el

PROGRAMACIN ORIENTADA A OBJETOS

NeK 9orD &imesF;G 'omo principal pro-lema en lo )ue se refiere a las intercone*iones est1 el conectar diferentes redes f2sicas para formar una sola red l"ica. Durante los aos 60, #arios "rupos tra-a+aron en el concepto de la conmutacin de pa)uetes. Normalmente se considera )ue Donald Da#ies !National ,ysical ?a-oratory%, aul Iaran !Rand 'orporation% y ?eonard LleinrocD !BI&% lo ,an in#entado simult1neamente.F4G ?a conmutacin es una t5cnica )ue nos sir#e para ,acer un uso eficiente de los enlaces f2sicos en una red de computadoras. Un a)uete es un "rupo de informacin )ue consta de dos partesH los datos propiamente dic,os y la informacin de control, en la )ue est1 especificado la ruta a se"uir a lo lar"o de la red ,asta el destino del pa)uete. Bil octetos es el l2mite de lon"itud superior de los pa)uetes, y si la lon"itud es mayor el mensa+e se fra"menta en otros pa)uetes. J&RJ &EBA mas 1.1 Perspectiva histrica de Internet Es la red de redes. 7istema mundial de redes de computadoras interconectadas. Mue conce-ida a fines de la d5cada de 1.60 por el Departamento de Defensa de los Estados UnidosN m1s precisamente, por la AR A. 7e la llam primero AR Anet y fue pensada para cumplir funciones de in#esti"acin. 7u uso se populari$ a partir de la creacin de la 6orld 6ide 6e-. Actualmente es un espacio p@-lico utili$ado por millones de personas en todo el mundo como ,erramienta de comunicacin e informacin. Historia de Internet 1.0/ ?a Unin 7o#i5tica lan$a el 7putniD, el primer sat5lite artificial. En respuesta a este ,ec,o, Estados Unidos crea el AR A!Jr"anismo de royectos de In#esti"acin A#an$ada% dentro del Binisterio de Defensa a fin de esta-lecer su lidera$"o en el 1rea de la ciencia y la tecnolo"2a aplicadas a las fuer$as armadas. 1.60 El AR A promue#e un estudio so-re ORedes cooperati#as de computadoras de tiempo compartidoP. E El &QE; en el la-oratorio ?incoln del BI& y el AN(M7RE4; de la 7ystem De#elopment 'orporation )uedan #inculadas directamente !sin conmutacin por pa)uetes% por medio de una l2nea telefnica dedicada de 1;00 -psN m1s tarde se a"re"a la computadora de la Di"ital E)uipment 'orporation !DE'% en AR A y as2 conforma la red e*perimental. 1.63 7e presenta la red conmutada por pa)uetes ! 7 E NetKorD% ante el AR A. 1.6.

PROGRAMACIN ORIENTADA A OBJETOS

7e ponen en ser#icio los nodos a medida )ue IIN construye cada IB FAoneyKell DD E 016 con 1; L de memoriaGN A&S& pro#ee l2neas de 00 Dp-s Nodo 1H U'?A E Uni#ersidad de ?os Tn"eles, 'alifornia. !40 de A"osto% E MuncinH'entro de e#aluacin de redes. E 7istema, 7istema operati#oH7D7 7I:BA /, Nodo ;H Instituto de In#esti"aciones de 7tanford.!7RI% !1 de Jctu-re% E 'entro de Informacin de Redes !NetKorD Information 'enter%!NI'% E 7D7 .80(:enie E royecto de Dou" En"el-art so-re ODe-ate so-re el intelecto ,umanoP. Node 4H Uni#ersidad de 'alifornia 7anta Iar-ara !U'7I% !1 de No#iem-re% E Batem1tica Interacti#a de 'uller E Mried. E IIB 460(/0, J7(B=& Nodo 8H Uni#ersidad de Uta,. !Diciem-re% E :r1ficos. E DE' D E10, &ene* 1./1 10 nodos !;4 ,osts%H U'?A, 7RI, U'7I, Uni#ersidad de Ut,a, IIN, BI&, RAND, 7D', Aar#ard, ?a-oratorio ?incoln, 7tanford, UIUU, '6RU, 'BU, NA7A(Ames. Ray &omlinson de IIN in#enta un pro"rama de correo electrnico para mandar mensa+es en redes distri-uidas. El pro"rama ori"inal es producto de otros dosH un pro"rama interno de correo electrnico !7ENDB7:% y un pro"rama e*perimental de transferencia de arc,i#os !' 9NE&%. 1./; Ray &omlinson modifica el pro"trama de correo electrnico para AR ANE& donde se transforma en un 5*ito.7e eli"e el si"no V entre los si"nos de puntuacin de la m1)uina de teletipos &omlinson Bodelo 44 para representar el OenP. ?arry Ro-erts crea el primer pro"rama de administracin de correo electrnico para listar, leer selecti#amente, "uardar, re en#iar y responder mensa+es. RM' 413H Especificacin &elnet 1.30 AR ANE& de+a de funcionar por completo el ;/ de Jctu-re a ra2$ de una ad#ertencia de #irus propa"ada accidentalmente 1.34 El ser#idor de nom-res desarrollado en la Uni#ersidad de 6isconsin ya no re)uiere )ue el usuario cono$ca la ruta e*acta para acceder a otros sistemas. aso de N' a &' (I !1 Enero% Desaparecen los IB s AoneyKell o luri-us N los &I s son reempla$ados por &A's 1.38 7e introduce el Domain Name 7ystem!DN7% !7istema de nom-re de dominio%

PROGRAMACIN ORIENTADA A OBJETOS

1.36 7e crea la N7MNE& !'on una #elocidad principal de 06L-ps%. N7M esta-lece 0 centros de super computadoras para pro#eer alto poder de proceso. !C=N'V rinceton, 7'V itts-ur",, 7D7'VU'7D, N'7AVUIU', &,eory 'enterV'ornell%. Esto permite una e*plosin de cone*iones, especialmente por parte de las uni#ersidades.

AR ANE& de+a de e*istir. 1..1 'ERN lan$a la 6orldE6ide 6e- !666%creada por &im Ierners E ?ee. 1..4 ?a 'asa Ilanca se conecta en l2nea ! ,ttpH((KKK.K,ite,ouse."o#(%H residente Iill 'lintonH presidentVK,ite,ouse."o# =icepresidente Al :oreH #iceEpresidentVK,ite,ouse."o# 6orms !"usanos% de una nue#a clase aparecen en la Red E los 6orms 666 !68% a los )ue se les unen los 7piders !araas% , 6anderers !#a"a-undos% , 'raKlers !oru"as% y 7naDes !serpientes%... Bosaic "enera un crecimiento asom-rosoH la 666 crece a una tasa del 481.648W anual para el flu+o de ser#icio. :op,er crece a una tasa del ../W. 1..0 7un lan$a CA=A el ;4 de Bayo Real Audio, una tecnolo"2a de audio, permite )ue los usuarios de la Red reci-an el sonido casi en tiempo real. 666 supera a ftpEdata en Bar$o y se transforma en el ser#icio de mayor flu+o en la N7M NetX En -ase al conteo de pa)uetes y en A-ril en -ase al conteo de -ytes. ;000 El 'ontrolador de tiempo de los EE. UU. !U7NJ% y otros pocos ser#icios de tiempo de todo el mundo reportan el nue#o ao como 1.100 el primero de Enero. Un ata)ue de rec,a$o de ser#icio masi#o es lan$ado contra importantes sitios Ke-, incluyendo a 9a,oo, Ama$on, y eIay a comien$os de Me-rero. El tamao de la 6e- estimado por NE'ERI e InDtomi so-repasa los mil millones de pa"inas susceptibles de ser catalo adas. 1.! Protocolo H""P #Protocolo de "rans$erencia de Hiperte%to&
Es e c#!4)!t# de re3 as ()e si3)e! " c#7p)tad#res para i!terca76iar i!%#r7aci! a trav/s de )!a red c#7# I!ter!et. +! pr#t#c# # es )!a re3 a esta6 ecida para deter7i!ad# act#. Estas s#! as re3 as ()e se hicier#! para ()e as PC p)diera! i!terca76iar #s p#p) ares d#c)7e!t#s de 2iper Te&t# $2TM,'< ()e es te&t# c#! e! aces a #tr#s d#c)7e!t#s = 7edi#s i!cr)stad#s = re aci#!ad#s. Per# este pr#t#c# # per7ite tra!s%erir t#d#

PROGRAMACIN ORIENTADA A OBJETOS tip# de d#c)7e!t#s< ta!t# te&t)a es $2TM,< T;T< JS' c#7# 6i!ari#s $GI9< >IP< E;E'. Los actores de una comunicacin HTTP son un cliente y un ser idor !ue se comunican mediante la metodologa de "eticin y res"uesta. A #rde!ad#r ()e s# icita )! rec)rs# re7#t# se # a7a c ie!te. A #rde!ad#r re7#t# ()e p#see e rec)rs# se # a7a servid#r. E c ie!te i!icia e act# e!via!d# )! 7e!sa4e de petici! a servid#r. E servid#r # %i!a i?a e!via!d# )! 7e!sa4e de resp)esta a c ie!te. ,a petici! i!dica e rec)rs# desead# $)!a pa3i!a 5e6< p#r e4e7p #'< a resp)esta es ese rec)rs# $ a p@3i!a 5e6 e! sA 7is7a'. La ersin actual del "rotocolo es la 1.1 y es mantenida "or el I#T$. C#7# a 7a=#rAa de #s pr#t#c# #s esta!dari?ad#s e est@!dar ()e de%i!es as re3 as para a c#7)!icaci! )ti i?a!d# e 7is7# es escrit# = act)a i?ad# p#r e IET9. Introduccin al "rotocolo HTTP Desde 1%%&' el "rotocolo HTTP (Protocolo de trans)erencia de *i"erte+to, es el "rotocolo m-s utili.ado en Internet. La ersin &.% slo tena la )inalidad de trans)erir los datos a tra /s de Internet (en "articular "-ginas Web escritas en HT0L,. La ersin 1.& del "rotocolo (la m-s utili.ada, "ermite la trans)erencia de mensa1es con encabe.ados !ue describen el contenido de los mensa1es mediante la codi)icacin 0I0#.

E pr#psit# de pr#t#c# # 2TTP es per7itir a tra!s%ere!cia de archiv#s $pri!cipa 7e!te< e! %#r7at# 2TM,'. e!tre )! !ave3ad#r $e c ie!te' = )! servid#r 5e6 $de!#7i!ad#< e!tre #tr#s< httpd e! e()ip#s +NI; ' #ca i?ad# 7edia!te )!a cade!a de caracteres de!#7i!ada direcci! +R,. 2omunicacin entre el na egador y el ser idor

,a c#7)!icaci! e!tre e !ave3ad#r = e servid#r se eva a ca6# e! d#s etapasB

E !ave3ad#r rea i?a )!a solicitud HTTP E servid#r pr#cesa a s# icit)d = desp)/s e!vAa )!a res"uesta HTTP

E! rea idad< a c#7)!icaci! se rea i?a e! 7@s etapas si se c#!sidera e pr#cesa7ie!t# de a s# icit)d e! e servid#r. Dad# ()e s # !#s #c)pa7#s de pr#t#c# # 2TTP< !# se e&p icar@ a parte de pr#cesa7ie!t# e! e

PROGRAMACIN ORIENTADA A OBJETOS servid#r e! esta secci! de artAc) #. Si este te7a es i!teresa< p)ede c#!s) tar e artic) # s#6re e trata7ie!t# de CGI. 3olicitud HTTP +!a s# icit)d 2TTP es )! c#!4)!t# de A!eas ()e e !ave3ad#r e!vAa a servid#r. I!c )=eB Una lnea de solicitudB es )!a A!ea ()e especi%ica e tip# de d#c)7e!t# s# icitad#< e 7/t#d# ()e se ap icar@ = a versi! de pr#t#c# # )ti i?ada. ,a A!ea est@ %#r7ada p#r tres e e7e!t#s ()e de6e! estar separad#s p#r )! espaci#B o e 7/t#d# o a direcci! +R, o a versi! de pr#t#c# # )ti i?ada p#r e c ie!te $p#r # 3e!era < HTTP/1.0'

Los cam"os del encabe.ado de solicitudB es )! c#!4)!t# de A!eas #pci#!a es ()e per7ite! ap#rtar i!%#r7aci! adici#!a s#6re a s# icit)d =C# e c ie!te $!ave3ad#r< siste7a #perativ#< etc.'. Cada )!a de estas A!eas est@ %#r7ada p#r )! !#76re ()e descri6e e tip# de e!ca6e?ad#< se3)id# de d#s p)!t#s $B' = e va #r de e!ca6e?ad#. #l cuer"o de la solicitudB es )! c#!4)!t# de A!eas #pci#!a es ()e de6e! estar separadas de as A!eas precede!tes p#r )!a A!ea e! 6 a!c# =< p#r e4e7p #< per7ite! ()e se e!vAe! dat#s p#r )! c#7a!d# POST d)ra!te a tra!s7isi! de dat#s a servid#r )ti i?a!d# )! %#r7) ari#. P#r # ta!t#< )!a s# icit)d 2TTP p#see a si3)ie!te si!ta&is $ <crlf> si3!i%ica ret#r!# de carr# = ava!ce de A!ea'B MTODO VERSIN URL<crlf> ENCABEZADO: Valor<crlf> . . . ENCABEZADO: Valor<crlf> Lnea en blanco <crlf> CUERPO DE LA SOLICITUD A c#!ti!)aci! se e!c)e!tra )! e4e7p # de )!a s# icit)d 2TTPB GET http:// !."#o!" a.$ t %TTP/&.' A(( pt : T )t/ht*l I+,Mo-#+# -,S#$( : Sat.r-a/0 &1,2a$.ar/,3''' &4:56:&& GMT U! r,A7 $t : Mo8#lla/4.' 9(o*pat#:l ; MSIE 1.'; <#$-o=! >1? 2omandos 2omando Descri"cin GET especi%icada 2EAD especi%icada POST especi%icada P+T especi%icada DE,ETE especi%icada

S# icita e rec)rs# )6icad# e! a +R, S# icita e e!ca6e?ad# de rec)rs# )6icad# e! a +R, E!vAa dat#s a pr#3ra7a )6icad# e! a +R, E!vAa dat#s a a +R, B#rra e rec)rs# )6icad# e! a +R,

1.' Introduccin al H"(). )en ua*e de desplie ue del +eb YRu5 es ,tml X Estas si"las si"nifican Aiper &e*t BarDup ?an"ua"e !?en"ua+e de Barcas de Aiperte*tos%. Es el )ue permite saltar de una p1"ina a otra en un mismo documento o ,acia otro )ue podr2a esta locali$ado al e*tremo opuesto del planeta. A estos te*tos, )ue no son continuos ni lineales y )ue se pueden leer como saltando las p1"inas ,acia cual)uier lado se les llama ,iperte*to o ,ipermedia !e*presin )ue comprende todos los contenidos posi-les, es decir, te*tos, audio, im1"enes, iconos y #2deos%. ?os -roKser o na#e"adores permiten #isuali$ar la forma amena y atracti#a, toda la informacin en la pantalla del monitor.

P@3i!a 4 de 1&