C

C
5
0
0
2

D
e
s
a
r
r
o
l
l
o

d
e

A
p
l
i
c
a
c
i
o
n
e
s

w
e
b
Jos Urza http://jose.cl

CC5002
Desarrollo de Aplicaciones Web

C
C
5
0
0
2

D
e
s
a
r
r
o
l
l
o

d
e

A
p
l
i
c
a
c
i
o
n
e
s

w
e
b
Jos Urza http://jose.cl

ro!ra"a del C#rso
$ %ntrod#cci&n
' (str#ct#ra del c#rso
' Aplicaciones )eb
$ *++ , *+-.
' Web est/tica0 C110 Ja2ascript
' *+-.5
$ Web Din/"ica
' C3%
' J10 1er2lets0 +o"cat
$ -odelo -4C
' 1prin!

C
C
5
0
0
2

D
e
s
a
r
r
o
l
l
o

d
e

A
p
l
i
c
a
c
i
o
n
e
s

w
e
b
Jos Urza http://jose.cl

ro!ra"a del C#rso 526
$ 1esiones
' Coo7ies
$ 18.0 JD9C
' Conceptos b/sicos0 herra"ienta: -,18.0
ost!re18.
$ 9eans
' *erra"ientas "apeo de objetos
' DA:
$ +a! libraries
' J1+.: Ja2a1er2er a!es 1tandard +a! .ibrar,

C
C
5
0
0
2

D
e
s
a
r
r
o
l
l
o

d
e

A
p
l
i
c
a
c
i
o
n
e
s

w
e
b
Jos Urza http://jose.cl

ro!ra"a del C#rso 5;6
$ 1e!#ridad
' 11. , 1e!#ridad en <or"#larios
$ Ja2ascript
' D:-
' Aja=0 bibliotecas
' -4C en lado cliente
$ +ransacciones
$ (scalabilidad
' Cachin!0 distrib#ci&n0 conc#rrencia
$ er<or"ance
' ro<ilin!0 "e"or, lea7s0 lo!0 deb#!

C
C
5
0
0
2

D
e
s
a
r
r
o
l
l
o

d
e

A
p
l
i
c
a
c
i
o
n
e
s

w
e
b
Jos Urza http://jose.cl

(2al#aciones
$ 2 controles0 > tareas
$ Aprobar:
' ro"edio de controles ?@ >
' ro"edio de tareas ?@ >
$ Aota Binal:
0.CDAC E 0.;DA+
$ Fal!#ien se e=i"eG
' Condici&n: AC ?@ 5 HH A+ ?@ >
$ (=cepciones:
' +area rec#perati2a

C
C
5
0
0
2

D
e
s
a
r
r
o
l
l
o

d
e

A
p
l
i
c
a
c
i
o
n
e
s

w
e
b
Jos Urza http://jose.cl

%ntrod#cci&n

C
C
5
0
0
2

D
e
s
a
r
r
o
l
l
o

d
e

A
p
l
i
c
a
c
i
o
n
e
s

w
e
b
Jos Urza http://jose.cl

.a )eb
$ er"ite acceder a doc#"entos 2inc#lados
distrib#idos en "iles de "/I#inas
$ (n J0 aKos paso a ser #sada por "illones de
personas
' .as personas piensan I#e es %nternet
' Co"enz& distrib#,endo datos de <Lsica
' %nter<az !r/<ica atracti2a , </cil de #sar
$ Co"enz& en JMNM en el C(OA
' Centro (#ropeo de in2esti!aci&n n#clear
' -arzo de JMNM0 +i" 9ernersP.ee propone:
$ red de doc#"entos 2inc#lados

C
C
5
0
0
2

D
e
s
a
r
r
o
l
l
o

d
e

A
p
l
i
c
a
c
i
o
n
e
s

w
e
b
Jos Urza http://jose.cl

.a )eb
$ ri"er prototipo de"or& JN "eses
$ Dicie"bre JMMJ: pri"era de"ostraci&n pblica
$ -arc Andreessen:
' Desarroll& el pri"er na2e!ador !r/<ico: -osaic
$ 51e co"enta I#e el pri"ero es 4iolaWWW6
' .iberado en <ebrero de JMM;
' Un aKo "/s tarde <#nd& Aetscape Co""#nications
Corp
$ Desarrollo de clientes0 ser2idores , otro tipo de so<t)are )eb

C
C
5
0
0
2

D
e
s
a
r
r
o
l
l
o

d
e

A
p
l
i
c
a
c
i
o
n
e
s

w
e
b
Jos Urza http://jose.cl

.a )eb
$ JMM>: C(OA , -%+ <or"an W;C
$ :r!anizaci&n dedicada al desarrollo )eb0 estandarizaci&n
protocolos e interPoperabilidad de sitios

C
C
5
0
0
2

D
e
s
a
r
r
o
l
l
o

d
e

A
p
l
i
c
a
c
i
o
n
e
s

w
e
b
Jos Urza http://jose.cl

.a )eb: arI#itect#ra
$ Us#ario 2e #n conj#nto de doc#"entos lla"ados
p/!inas )eb
$ #eden contener 2Lnc#los a otras p/!inas )eb
$ .os #s#arios hacen clic7 en los 2Lnc#los
' .as p/!inas se 2en #sando #n na2e!ador:
$ :btiene la p/!ina0 interpreta el te=to , co"andos de
<or"ateo
$ Atrapa los clic7 I#e se hacen en los ele"entos de la p/!ina
$ .as p/!inas se no"bran #tilizando UO.s:
' Ao"bre protocolo
' Ao"bre DA1 de la "/I#ina I#e tiene la p/!ina
' Ao"bre de archi2o de la p/!ina

C
C
5
0
0
2

D
e
s
a
r
r
o
l
l
o

d
e

A
p
l
i
c
a
c
i
o
n
e
s

w
e
b
Jos Urza http://jose.cl

.a )eb: na2e!ador
$ Us#ario hace clic7 en Qhttp://))).nic.cl/inde=.ht"lR
$ Aa2e!ador deter"ina la UO. , pide al DA1 la direcci&n % de
))).nic.cl
$ DA1 responde con 200.NM.C0.JNN
$ Aa2e!ador realiza cone=i&n +C con el p#erto N0 de la
direcci&n % 200.NM.C0.JNN
$ Aa2e!ador en2La #n "ensaje solicitando el archi2o
Qinde=.ht"lR
$ (l ser2idor en2La el archi2o
$ 1e libera cone=i&n +C
$ Aa2e!ador desplie!a todo el te=to del archi2o
$ Aa2e!ador obtiene , desplie!a todas las i"/!enes del
archi2o

C
C
5
0
0
2

D
e
s
a
r
r
o
l
l
o

d
e

A
p
l
i
c
a
c
i
o
n
e
s

w
e
b
Jos Urza http://jose.cl

.a )eb: arI#itect#ra
artes del "odelo W(9

C
C
5
0
0
2

D
e
s
a
r
r
o
l
l
o

d
e

A
p
l
i
c
a
c
i
o
n
e
s

w
e
b
Jos Urza http://jose.cl

.a )eb: na2e!ador
$ Ao todas las p/!inas contienen *+-.
' Doc#"ento DB0 3%B0 J(30 -;0 -(3...
' .os na2e!adores no a!re!an #n intrprete por cada
n#e2o tipo de archi2o
$ C#ando los ser2idores entre!an #na p/!ina la aco"paKan
de otra in<or"aci&n: -%-( t,pe
$ (l na2e!ador desplie!a al!#nos tipos conocidos
' 1i no es conocido0 b#sca en #na tabla co"o desple!ar
ese tipo de archi2o
' #ede #tilizar pl#!Pins o aplicaciones a#=iliares
' l#!Pin <#nciona dentro del na2e!ador0 i"ple"enta
procedi"ientos I#e dice el na2e!ador
' ro!ra"a a#=iliar se ejec#ta co"o #n proceso
independiente

C
C
5
0
0
2

D
e
s
a
r
r
o
l
l
o

d
e

A
p
l
i
c
a
c
i
o
n
e
s

w
e
b
Jos Urza http://jose.cl

.a )eb: ser2idor
$ 1er2idor W(9
' 1ec#encia en el ser2idor
$ Acepta cone=i&n +C del cliente 5na2e!ador6
$ :btiene no"bre de archi2o solicitado
$ :btiene el archi2o desde el disco
$ Oe!resa el archi2o al cliente
$ .ibera cone=i&n +C
' (l ser2idor no atiende "/s solicit#des por se!#ndo
I#e accesos al disco
$ 1e hacen "ejoras "anteniendo en QcacheR los
solicitados reciente"ente
$ 1e necesita "e"oria , "/s tie"po de procesa"iento