INSTITUTO TECNOLGICO DEL

VALLE DE OAXACA
INVESTIGACIN
TECNOLOGAS UTILIZADAS EN EL DISEO Y
DESARROLLO DE APLICACIONES WEB
MATERIA: PROGRAMACIN WEB
DOCENTE: CARDOSO JIMENEZ AMBROSIO
ESTUDIANTE:GONZALO MIGUEL AQUINO
INGENIERA EN TICS GRADO: VII
Ex-Hacienda de Nazareno Xoxocotln.,Oax. 04 de Septiembre del
2014.
ndice de contenido
INTRODUCIN ..................................................................................................................................3
TECNOLOGAS DEL LADO CLIENTE.............................................................................................4
SGML...............................................................................................................................................4
HTML...............................................................................................................................................4
XHTML............................................................................................................................................5
HTML5.............................................................................................................................................5
APPLETS DE JAVA ........................................................................................................................6
CSS3.................................................................................................................................................7
JavaSc!"#..........................................................................................................................................$
AJAX................................................................................................................................................%
&LASH '4()()('77..........................................................................................................................'3
NAVEGADORES................................................................................................................................'4
I*#+*+# E,"-.+ ''........................................................................................................................'4
M./!--a &!+0., 31.).......................................................................................................................'6
G..2-+ C3.4+ 37.11.))................................................................................................................'7
Sa0a! 7.).4......................................................................................................................................'$
O"+a '%.).......................................................................................................................................'%
TECNOLOGAS DEL LADO SERVIDOR........................................................................................1)
ASP.NET 5Ac#!v+ S+v+ Pa2+67. ...................................................................................................1)
JSP..................................................................................................................................................1'
PERL 5..............................................................................................................................................'
PHP 5.5.'5........................................................................................................................................3
CGI ..................................................................................................................................................5
XML .................................................................................................................................................5
8!9-!.2a0:a............................................................................................................................................6
INTRODUCIN
El objetivo principal de este informe es la presentacin y estudio de las caractersticas
generales de las tecnologas que brindan diferentes plataformas para el desarrollo de
aplicaciones de tipo empresarial con arquitectura cliente/servidor. Este trabajo no debe ser
entendido como una referencia para el uso de las tecnologas tratadas. Por el contrario, debe
ser un medio para conocer los detalles particulares de la filosofa de cada una, de forma de
brindar elementos de juicio para la toma de decisiones en una realidad particular.
El tratamiento dado en este trabajo a las tecnologas es general, aunque en ciertos casos el
enfoque se ajusta a aplicaciones de tipo empresarial. Existe actualmente una fuerte
tendencia al uso de tecnologas web en este tipo de aplicaciones. Esta tendencia se debe a
que resulta un medio sencillo y conocido, en comparacin a otros, para implementar ciertos
aspectos de una aplicacin con arquitectura cliente/servidor. El uso de tecnologas web en
redes privadas, como por ejemplo de rea local, !ace de "stas lo que se conoce como
intranets. #esarrollar para intranets permite la utili$acin de todas las tecnologas disponibles
para el desarrollo para %nternet.
&uc!as de las tecnologas tratadas en este trabajo sirven para desarrollar tanto para %nternet
como para intranets, aunque son estudiadas tambi"n otro tipo de tecnologas. Por otra parte,
en lo referente al dise'o de aplicaciones, el t"rmino arquitectura en capas est actualmente
muy difundido, aunque su significado no est estandari$ado. El desarrollo de aplicaciones de
mediano o mayor porte no deben quedar ajenos a este tema. En este trabajo se confronta la
arquitectura cliente/servidor con la arquitectura en capas, buscando un relacionamiento entre
ambos conceptos. (omo se ver, las tecnologas aplicables al desarrollo de una aplicacin
cambian en funcin del dise'o global de la arquitectura de la aplicacin.
TECNOLOGAS DEL LADO CLIENTE
SGML
)tandard *enerali$ed &ar+up ,anguage, o simplemente conocido como )*&,, es un
estndar %)- que permite definir lenguajes de etiquetas. Es estndar %)- desde ./01 2%)-
003/4./015. 6na de las caractersticas ms valoradas de )*&, es la de permitir el
intercambio de informacin de una manera sencilla, abstray"ndose de la complejidad de la
aplicacin. -tro aspecto para destacar es que permite definir nuevos lenguajes de marcado
independientes. ,as etiquetas tienen la funcin de otorgarles nombres a los elementos,
posibilitando marcar comien$o y final de un objeto lgico.
Entre los derivados de )*&,, uno de los ms destacados y conocidos es 7&,. 8ambi"n es
importante mencionar que 98&, se apoy en )*&, en su definicin, sin basarse en el
marcado estricto, tema que luego sera uno de los motivos de la llegada de 798&, 2basado
en 7&,5. 7&, :ajo las siglas 7&, se conoce al metalenguaje de marcas extensible, cuyo
nombre en ingl"s es Extensible &ar+up ,anguage. Es importante aclarar que 7&, no es un
lenguaje en s mismo, sino que lo que nos ofrece es una manera de especificar reglas para
definir lenguajes de etiquetas. En la actualidad, es un estndar que est bajo la rbita del
;<(, y su aplicacin en %nternet resulta frecuente.
7&, es muy utili$ado para intercambio de informacin, y su uso se !a visto potenciado con la
llegada de =>=7. Este estndar permite describir datos de manera tal que se pueda reali$ar
un intercambio de una forma transparente entre aplicaciones. 6n caso de uso de 7&, que
se puede mencionar es el del popular formato ?)), que se emplea para compartir y difundir
informacin en %nternet.
HTML
98&, 29yper8ext &ar+up ,anguage o lenguaje de marcado de !ipertexto5 es el lenguaje de
etiquetas que funciona como una de las piedras angulares de la ;orld ;ide ;eb. =unque la
evolucin de %nternet nos !a trado muc!os avances en lo que se refiere 8im :erners@,ee a
tecnologa 2;eb A.B y ;eb <.B, mediantes5, el defini la primera d"cada del noventa sigue
siendo fundamental para especificacin el desarrollo web, ya que es el que comprenden elde
98&, a inicios solo ya no es tan potente como lo fue en aquellos de los noventa. tiempos y,
!oy por !oy, necesita combinarse lenguaje de etiquetas que se populari$ en la interpretan
los navegadores. (laro est que por s con otras tecnologas y lenguajes para lograr
resultados que est"n a la altura de las necesidades del desarrollo web actual. Pero, para
comprender un poco mejor la importancia de 98&,.
XHTML
&ientras 98&, quedaba detenido en la versin C.B., se fue desarrollando una alternativa
que pudiera solucionar algunos de los problemas que se presentaban con este estndar. =s
surgi 798&,, que es ni ms ni menos que una adaptacin de 98&, al 7&,. )i miramos el
rbol genealgico, podremos observar, entonces, que de )*&, surgen 98&, y 7&, y que,
de este Dltimo, nace 798&,, aunque en realidad, este toma prcticamente todas sus
etiquetas de 98&,. ,a primera gran diferencia entre 98&, y 798&, reside en que el
primero es blando y permisivo, mientras que el segundo es estricto.
Para entender a qu" nos referimos con esta rigurosidad de 798&,, veremos algunos
ejemplos que nos aclararn el tema.
HTML5
=l momento de decidir el camino por seguir en la evolucin de 98&,/798&,, se plante la
controversia entre avan$ar sobre 798&, A.B o bien reali$ar una nueva versin del lenguaje
98&,. Einalmente, esta Dltima idea fue la que triunf y, por tal motivo, 98&,F es la
versin que nos ocupa principalmente en este libro. Gale decir que 98&,F tuvo su primer
borrador pDblico a partir del a'o ABB0.
html5
APPLETS DE JAVA
Es otra manera de incluir cdigo a ejecutar en los clientes que visuali$an una pgina web. )e
trata de peque'os programas !ec!os en >ava, que se transfieren con las pginas web y que
el navegador ejecuta en el espacio de la pgina.
,os applets de >ava estn programados en >ava y precompilados, es por ello que la manera
de trabajar de "stos vara un poco con respecto a los lenguajes de script como >avascript.
,os applets son ms difciles de programar que los scripts en >avascript y requerirn unos
conocimientos bsicos o medios del lenguaje >ava.
,a principal ventaja de utili$ar applets consiste en que son muc!o menos dependientes del
navegador que los scripts en >avascript, incluso independientes del sistema operativo del
ordenador donde se ejecutan. =dems, >ava es ms potente que >avascript, por lo que el
nDmero de aplicaciones de los applets podr ser mayor.
(omo desventajas en relacin con >avascript cabe se'alar que los applets son ms lentos de
procesar y que tienen espacio muy delimitado en la pgina donde se ejecutan, es decir, no se
me$clan con todos los componentes de la pgina ni tienen acceso a ellos. Es por ello que
con los applets de >ava no podremos !acer directamente cosas como abrir ventanas
secundarias, controlar Erames, formularios, capas, etc.
java
CSS3
,as !ojas de estilo en cascada, tal es su traduccin del ingl"s (ascading )tyle )!eets
2())5, tienen como funcin establecer reglas de representacin de un documento en un
medio o dispositivo. &ediante estas reglas podremos establecer medidas, colores o cualquier
otra caracterstica de representacin de una pgina web, para que se vea reflejada en una
pantalla de monitor, de un dispositivo mvil, una tablet, una impresora, un dispositivo braille o
un televisor. ,a funcin principal de ()) es, por lo tanto, la de permitir separar el contenido y
la estructura que se define en un documento 98&,, de la representacin, que queda a cargo
de las !ojas de estilos. Esta separacin es importante para un proyecto web ya que, adems
de permitir la definicin de criterios que se deben respetar en el sitio, ofrece la posibilidad de
que se definan clases para evitar la necesidad de rescribir cdigo y, adems, se pueden
crear reglas para que el sitio se represente de una manera correcta en diferentes
dispositivos.
Entre las caractersticas ms importantes que se destacan en este nuevo nivel de ())
encontramos las siguientes4
Huevas alternativas para dibujar bordes con el uso de opciones tales como color,
imgenes, y radio o redondeado.
Hovedades en el trabajo con fondos, con el uso de degradados y la posibilidad de
css3
incluir mDltiples imgenes.
6so de sombras para texto 2text s!adow5.
)e incluye la posibilidad de aplicar sombra a elementos 2box s!adow5.
Hovedades en cuanto al uso del color y de la opacidad.
%ncorporacin de muc!as novedades en lo que se refiere a flujo de texto dentro del
sitio 2text overflow5.
Huevas caractersticas para trabajo con mDltiples columnas.
Einalmente se le dice adis al problema de las limitaciones con las tipografas, con el
uso de Ifontface.
Hovedades y algunos cambios en el uso de pseudoelementos.
(aractersticas relacionadas con la interfa$ de usuario.
(apacidad de rotacin de elementos.
-pciones de transformacin de elementos.
%ncorporacin de transicin y tambi"n funciones de animacin.
JavaSc!"#
Es importante tener en cuenta que >ava)cript 2dialecto de E(&=)cript5 es un lenguaje
multiparadigma que requiere de un int"rprete para ser ejecutado. =s como los navegadores
web cuentan con un motor para representar el contenido de 98&, y ()), tambi"n tienen un
motor que funciona como int"rprete para el cdigo >ava)cript. (omo lenguaje, >ava)cript
sali a la lu$ en el a'o .//F. ,uego de
pasar por algunos nombres y denominaciones, se fue convirtiendo en una alternativa para
programacin del lado cliente.
)u finalidad principal es permitir la creacin de pginas dinmicas, con cdigo que puede
ejecutarse desde el lado cliente, alivianando la tarea del servidor y disminuyendo la cantidad
de peticiones que se le !agan. Por sus caractersticas, resulta Dtil para validacin de
formularios, mostrar y aplicar efectos, y ex!ibir avisos en pantalla. Es importante remarcar
que su uso cobr mayor fuer$a a partir del "xito de =>=7 y el importante impulso de la ;eb
A.B. ,a inclusin de un cdigo >ava)cript dentro de un documento 98&, puede reali$arse
ubicndolo en el encabe$ado entre las etiquetas
Jscript typeKLtext/javascriptLM y J/scriptM. )i bien esta alternativa sigue siendo utili$ada, la
mejor opcin es externali$ar el contenido de >ava)cript en un arc!ivo de extensin .>).
,uego lo incluimos en el documento 98&, con una lnea de cdigo en el encabe$ado como
vemos en el siguiente ejemplo4
Jscript typeKNtext/javascriptN srcKN./js/script.jsNMJ/scriptM
En el valor de la propiedad src, se debe especificar la ruta y el nombre del arc!ivo que
contiene el cdigo >ava)cript que se desea incluir.

AJAX
=l !ablar de =>=7, debemos comen$ar por comprender que no es un lenguaje de
programacin, como >ava)cript o P9P, sino que representa una t"cnica que reDne a un
conjunto de tecnologas y lenguajes para crear lo que se conoce como ?%= 2?ic! %nternet
=pplications5. )u nombre se comen$ a utili$ar en ABBF, en pleno auge de la ;eb A.BO sin
embargo, los lenguajes y las tecnologas que son utili$ados con =>=7 ya existan en ese
momento. ,o que ocurri es que, por las necesidades de desarrollo que comen$aron a
florecer en aquella "poca, se !i$o necesario un cambio en las t"cnicas empleadas, y all fue
javascript
donde =>=7 encontr su lugar.
El t"rmino =>=7 es un acrnimo que proviene de =sync!ronous
>ava)cript =nd 7&,, que, al castellano, podra traducirse como >ava)cript asncrono y 7&,.
>ustamente este es el punto fuerte de =>=74
poder trabajar con datos de manera asincrnica, vali"ndose de >ava)cript como lenguaje del
lado cliente para manejar datos que le llegan desde el servidor. #e esta manera, el motor de
=>=7 trabaja como un intermediario entre el cliente y el servidor, pero, en lugar de demorar
procesos, los administra de tal manera que es posible, por ejemplo, la recarga de solo
algunas partes de una pgina web. Esta posibilidad cambia el paradigma de la necesidad de
una recarga completa de la pgina y permite construir aplicaciones web ms potentes,
emulando incluso a muc!as de las soluciones que se vean posibles solo en software de
escritorio.
,os lenguajes y tecnologas que intervienen en =>=7 son4

98&,/798&, y ())4 ya !emos !ablado bastante de ellos, son los que permiten la
representacin en el navegador.
7&, y >)-H4 son los que permiten reali$ar el intercambio de datos y tambi"n efectuar
la manipulacin de estos.
7&,9ttp?equest4 es el que permite reali$ar el intercambio asncrono de los datos que
sean necesarios.
#-&4 es la interfa$ que permite acceder a las partes de un documento como si fueran
objetos y, a partir de eso, modificarlas.
Ajax
>ava)cript4 es el lenguaje utili$ado para !ilvanar todo.
7&,9ttp?equest
(omo su nombre lo indica, 7&,9ttp?equest es una interfa$ que permite reali$ar peticiones a
servidores web mediante el protocolo 988P 2y tambi"n utili$ando el protocolo 988P)5.
=dems de 7&,, el formato de transferencia puede ser codificado en texto plano, 98&, y
>)-H. 7&,9ttp?equest es uno de los elementos fundamentales para permitir la
transferencia asincrnica de datos de =>=7. Esta especificacin fue creada por &icrosoft y
se incorpor en %nternet Explorer a partir de la versin F 2usando =ctive75. Posteriormente
fue incorporada por los navegadores &o$illa, )afari y -pera, entre otros. =l ser un navegador
ms joven, *oogle (!rome lo utili$a desde el momento de su nacimiento. Para conocer ms
sobre esta especificacin, podemos ingresar en el sitio web que se encuentra en
www.w<.org/8?/7&,9ttp?equest. 7&,9ttp?equest ,evel A se encuentra actualmente en
#raft la vemos en4 !ttp4//www.w<.org/8?/7&,9ttp?equestA.
#-&
:ajo el nombre de #-& 2#ocument -bject &odel5 se define una interfa$ que permite la
representacin del documento en el modelo de objetos. #e esta manera, es posible acceder,
por ejemplo, a los elementos contenidos en un documento 98&, o 7&, con la posibilidad de
manipularlos 2crearlos, borrarlos o modificarlos5. En palabras sencillas, #-& nos permite
tener acceso a un documento 2que puede ser una pgina web5 representado en una
estructura de objetos. Es posible modificar estos objetos, cambiarles sus atributos o bien
agregarles nuevos. El uso de #-& es una de las caractersticas principales que le da mayor
funcionalidad a =>=7. 6tili$ando >ava)cript, es posible acceder de diferentes formas
directamente al elemento, como por ejemplo, mediante su id con getElement:y%d25 o a trav"s
de su etiqueta con getElements:y8agHame25. Gale decir que al acceder a los elementos del
documento mediante #-&, podremos manipular su contenido y tambi"n sus atributos. =s
podremos percibir cambios en la pgina sin recargarla por completo.
>)-H
>ava)cript -bject Hotation 2>)-H5 es la denominacin en ingl"s que recibe el formato de
notacin literal de objetos, el cual es utili$ado principalmente para el intercambio de datos en
=>=7. En la actualidad, se emplea muc!o en aquellos proyectos donde, con frecuencia, se
produce un gran nivel de flujo de datos asncronos entre cliente/servidor, ya que permite
tener la informacin organi$ada y con facilidad de acceso para ser manipulada. Entre estas
ventajas se encuentra la simplicidad con la que permite interactuar con arrays y el uso de
objetos. Por sus caractersticas, en especial su simple$a y eficiencia, >)-H se !a convertido
en una muy interesante alternativa a 7&,, como opcin de codificacin de datos en =>=7.
Pero tambi"n resulta importante destacar que, en un mismo desarrollo, es posible utili$ar
tanto la alternativa para el manejo con 7&, con 7&,9ttp?equest, como la solucin que nos
ofrece >)-H. Es importante tener en cuenta que la mayora de los navegadores modernos
cuenta con soporte nativo para >)-H.
?%=
?ic! %nternet =pplications 2?%=5 es el t"rmino con que se denomina a las aplicaciones de
%nternet enriquecidas. En pocas palabras, este tipo de aplicaciones tienen caractersticas
similares a las de escritorio, pero corren directamente en el navegador. =unque existen
alternativas, debemos tener en cuenta que la ventaja de desarrollar ?%= con =>=7 es que el
usuario no necesita instalar software adicional en su equipo. 8an solo necesita contar con un
navegador moderno y una buena conexin a %nternetO de esta forma estar listo para correr la
aplicacin web.
Eramewor+s
El concepto de framewor+ es muy usual en el mbito de programacin y !a cobrado gran
importancia en lo que se refiere a desarrollo web. #ebemos saber que, en lneas generales,
un framewor+ es un fragmento de cdigo que cuenta con soluciones para enfrentar una
necesidad de desarrollo en particular, resolviendo cuestiones de bajo nivel para simplificar la
labor del programador que lo utili$a.
En =>=7, encontramos varias libreras muy interesantes que simplifican nuestro trabajo con
esta tecnologa. Entre las ms importantes, podemos mencionar a jPuery 2que se encuentra
en la direccin !ttp4//jquery.com5, Prototype 2www. prototypejs.org5 y &oo8ools
2!ttp4//mootools.net5, entre otras.
$LASH %&'('('%))
Es un programa que facilita la utili$acin de tecnologa en la ;eb, permitiendo la creacin de
animaciones vectoriales. El inter"s en el uso de grficos vectoriales es que "stos permiten
llevar a cabo animaciones de poco peso, es decir, que tardan poco tiempo en ser cargadas
por el navegador.
En los grficos vectoriales una imagen es representada a partir de lneas 2o vectores5 que
poseen determinadas propiedades 2color, grosor...5. ,a calidad de este tipo de grficos no
depende del $oom o del tipo de resolucin con el cual se est" mirando el grfico. Por muc!o
que nos acerquemos, el grfico no se pixeli$a, ya que el ordenador tra$a automticamente
las lneas para ese nivel de acercamiento.
Elas! almacena su s arc!ivos con varias extensiones. ,a extensin Q.flaQ contiene el
programa fuente mientras que los arc!ivos Q.swfQ contienen el grfico que ser mostrada en
la web.
,os arc!ivos Q.swfQ son muy populares especialmente en la industria de la publicidad virtual
2propaganda y avisos como banners, s+yscrapers, etc.5.
Flash
Es recomendable no reali$ar sitios web completos solo con Elas!. = pesar que *oogle ya
puede verlos, aun no se indexan correctamente por los buscadores.
NAVEGADORES
Ra !emos explicado la importancia de los navegadores para el mundo web4 se trata de las
aplicaciones que reciben la informacin, la interpretan y finalmente la muestran al usuario.
Existen navegadores para diferentes dispositivos y plataformas. (ada uno con sus propias
caractersticas, todos tiene la misma finalidad4 ofrecerle al navegante una representacin lo
ms fiel posible del recurso al que est accediendo, que, por lo general, ser un sitio o una
aplicacin web. Existen diferentes navegadores, pero nos centraremos en los principales4
%nternet Explorer, Eirefox, (!rome, =pple )afari y -pera.
I*#+*+# E,"-.+ %%
,a primera versin de %nternet Explorer 2%E5 apareci en el a'o .//F. Eran tiempos de
;indows /F, y lo que !oy conocemos como %nternet aDn estaba en pa'ales. ,a versin A
sali a la lu$ !acia fines de .//F, y la < se public en .//1, con mejoras en lo que se refiere
a la compatibilidad con G:)cript, >ava)cript y tambi"n ()). %nternet Explorar C se lan$a en
el segundo semestre de .//3, mejorando la compatibilidad con 98&, y ()). Ra eran
tiempos de ;indows /0, aunque esta versin aDn contemplaba compatibilidad !acia atrs
con los sistemas operativos de &icrosoft. En .///, con la llegada de ;indows /0 )E,
aparece %E F, que ofrece compatibilidad con ())A. (on ;indows 7P, llega %E 1. (orra el
a'o ABB. y, entre ese a'o y los siguientes, &icrosoft logr una cuota del mercado de los
navegadores, !asta superar picos de /BS de usuarios. %nternet Explorer 1 correga errores y
mejoraba la compatibilidad respecto de las recomendaciones del ;<(. =unque !oy, pasados
los a'os, resulta un navegador que se considera obsoleto, en su momento ofreci varias
mejoras para la familia de browsers de &icrosoft. #espu"s de varias betas y un importante
tiempo de desarrollo, en ABB1, con el lan$amiento de ;indows Gista, llega %nternet Explorer
3. &s seguro y estable, ofrece varias mejoras respecto de la versin anterior, en especial,
en lo que se refiere a compatibilidad con ()), navegacin por pesta'as, soporte a
transparencias en arc!ivos PH*, correcciones de bugs y renderi$ado de las pginas.
=unque para lo que !oy en da se espera en %nternet puede resultar anticuado, y, por lo tanto,
aDn existe una porcin considerable de usuarios que no !an migrado y por lo tanto lo siguen
utili$ando. %nternet Explorer 0 se lan$a en el primer semestre del a'o ABB/ y es el Dltimo de
la familia de navegadores de &icrosoft en prestar compatibilidad con el sistema operativo
;indows 7P. Por su parte, %nternet Explorer / se lan$a en el a'o AB.. y, a partir de esta
versin, llega la compatibilidad con ())< y 98&,F. %E/ tambi"n mejora las funciones de
soporte para #-&, )G* y >ava)cript.abe decir que, aunque ya no tenga el dominio absoluto
que supo tener en el mercado de los navegadores, aDn !oy toda la familia de navegadores
%nternet Explorer, sumados, resultan los ms utili$ados por los usuarios. Por este motivo, es
muy importante reali$ar pruebas en las Dltimas versiones para asegurar la compatibilidad de
nuestros proyectos. ,a Platform Preview de %nternet Explorer .B fue lan$ada tambi"n en
AB.., y se esperan mejoras en esta versin por el lado del soporte a 98&,F y ())<,
especialmente en lo que se refiere a multicolumna y al mdulo denominado Elexible :ox
,ayout. )i deseamos obtener la Dltima versin final de %nternet Explorer en espa'ol, se puede
acceder a la siguiente direccin web4 www. microsoft.com/spain/windows/internet@explorer.
Internet Explorer
M./!--a $!+0., 312(
,a primera versin de Eirefox sali a la lu$ en noviembre de ABBC. 6n a'o despu"s y con
varios cambios, llegara la versin ..F. ,a navegacin mediante pesta'as y el gestor de
complementos seran algunas de las mejoras de la versin A, que fue publicada en ABB1. En
ABB0, con la versin <, llegan varias correcciones y ajustes en lo que se refiere al
cumplimiento de estndares web. 6n aluvin de descargas en las primeras !oras
acompa'ara el "xito de esta versin. = partir de la versin <.F, publicada en el a'o ABB/, se
comien$a a dar soporte a algunas caractersticas de 98&,F, como las etiquetas de JaudioM
y JvideoM 2con compatibilidad nativa con los cdecs -gg 8!eora y -gg Gorbis5. En esta
versin, tambi"n !ay mejoras por el lado de >ava)cript con el motor 8race&on+ey. En AB.B,
llega la versin <.1, que durante ese mismo a'o recibira varias actuali$aciones !asta llegar a
la <.1..<. Entre las mejoras ms importantes que se pueden mencionar, estn las
relacionadas con >ava)cript, el soporte a ;eb -pen Eont Eormat 2;-EE5, soporte a nuevos
atributos de ())<, #-& y 98&,F 2Eile =P% y #rag T #rop =P%5.
8ambi"n en AB.B, aparece la beta de Eirefox C, cuya versin definitiva se publica en mar$o
de AB... (on Eirefox C, llegan mejoras en lo que se refiere a audio y videoO con el soporte a
video 9# con ;eb&, se admite tambi"n el formato ;eb*, para grficos <# en la ;eb,
mejoras en el soporte a Eirefox se destaca ())<, soporte a elementos y atributos de
Mozilla Firefox
formulario por la cantidad de 98&,F,soporte multi@touc! para ;indows 3, de add@ons Dtiles
)G* como arc!ivos de imgenes y fondos. En la versin F de Eirefox, lan$ada en junio de
AB.., se actuali$a la interfa$, el trabajo con para extender sus funciones. pesta'as y su menD
contextual con ms funciones integradasO tambi"n !ay mejoras en la gestin de cuentas de
usuarios. )u lan$amiento fue anunciado para mediados de AB... Para descargar la Dltima
versin final disponible de &o$illa Eirefox, podemos ingresar en www.mo$illa@
europe.org/es/firefox.
G..3-+ C4.5+ 3)2112((
,a primera versin de *oogle (!rome fue lan$ada por *oogle en el a'o ABB0 y estaba
pensada para plataforma ;indows 27P y superiores5. ,a versin A de este navegador lleg
en el primer semestre del a'o ABB/ para ofrecer una mayor cantidad de idiomas. (on la
versin <, publicada en septiembre de ABB/, llega el soporte a las etiquetas JcanvasM,
JaudioM y JvideoM de 98&,F. 8ambi"n se mejora la performance en el motor
correspondiente a >ava)cript. (on la versin C, publicada en enero de AB.B, aparecen
tambi"n las betas para otros sistemas operativos 2,inux y &ac5. En lo que se refiere a la
versin ;indows, se mejora el rendimiento general, se suma soporte para una gran cantidad
de extensiones y, en lo vinculado a 98&,F, se destaca el soporte para almacenamiento
local. *oogle (!rome F se publica en el mes de mayo de AB.B. Este lan$amiento ya ofrece
las versiones definitivas tanto para ;indows como para &ac y ,inux. #ragT#rop,
geolocali$acin, =pp (ac!e y ;eb)oc+ets son algunas de las caractersticas relacionadas
con 98&,F que ya se pueden comen$ar a utili$ar con *oogle (!rome F.
En el mes de septiembre de AB.B, se publica la versin 1, que cuenta con varias mejoras en
las caractersticas de sincroni$acin del navegador. 8ambi"n se destaca por tener el plugin
de Elas! Player .B.. incorporado y activado de manera predeterminada. En lo vinculado con
98&,F, se da soporte a ;eb& para video. = partir de la versin 3, se comien$a a notar con
mayor fluide$ el ritmo de actuali$acin del navegador de *oogle, que llega a lan$ar una
versin cada seis semanas. En lo referente a 98&,F, *oogle (!rome 3 incorpora varias
mejoras, entre las que se destacan el soporte a la Eile =P% y una performance notable en los
tests de 98&,F.
*oogle (!rome 0 se lan$a en diciembre de AB.B y principalmente brinda correcciones de
bugs, mejoras de performance y el lector de P#E incorporado activado por defecto. ,a
versin / del navegador de *oogle nos trae ;eb*, activado de manera predeterminada
(!rome .A, lan$ado en AB.., incorpora aceleracin y aislamiento del proceso de Elas!
Player, entre otras caractersticas de inter"s. por !ardware En la versin .B, se destacan las
mejoras en para <# ()). el rendimiento, y es ms velo$ que su antecesor gracias a las
actuali$aciones reali$adas a los motores de renderi$ado y de >ava)cript. En las siguientes
versiones, se mantiene la apuesta por mejorar el rendimiento, aprovec!ar al mximo las
caractersticas de !ardware, corregir errores y brindar mayor compatibilidad a las nuevas
caractersticas de 98&,F y tambi"n de ())<. ,a versin .. incluye compatibilidad con la
=P% de vo$ 2)peec! to text =P%5 para permitir que el usuario ingrese un texto mediante vo$.
En su corta !istoria, *oogle (!rome !a evolucionado muc!o en su arquitectura y tecnologa,
pero no solo eso, sino que tambi"n se !a convertido en el navegador preferido por muc!os
usuarios, aunque aDn se encuentra por detrs de %E y de Eirefox en las preferencias del
pDblico. (!rome se destaca por su frecuencia de actuali$acin.
Sa0a! )2(2&
#esarrollado por =pple, este navegador que primero naci para sistemas &ac, luego supo
pegar el gran salto para plataformas ;indows y tambi"n cuenta con versiones para mviles
Gogle Chrome
2iP!one5, reproductores
multimedia 2iPod 8ouc!5 y tablets 2iPad5. ,a primera versin apareci como beta a principios
del a'o ABB< y, a mediados de ese a'o, fue lan$ada en forma definitiva. En octubre de ABB<,
con la llegada de la versin ..., )afari comen$ a ser el navegador por defecto de los
sistemas &ac -)7, lo cual signific un impulso muy importante para este software. ,a
versin A llegara en el a'o ABBF, y la versin < sera lan$ada dos a'os despu"s, ya con el
soporte tanto para &ac -)7 como para ;indows.
)afari C se publica en ABB/ con la gran novedad en su motor de >ava)cript 2Hitro5. En AB.B,
llega )afari F con muc!as novedades en lo que se refiere al soporte de 98&,F4 pantalla
completa y subttulos para JvideoM, geolocali$acin, Event)ource, ;eb)oc+et, #ragT#rop,
etiquetas semnticas y atributos de formularios, entre otras caractersticas.
O"+a %62(
)i !ay algo que destaca a -pera, es que podemos encontrar versiones para diferentes
sistemas y dispositivos, entre ellos, equipos de escritorio, smartp!ones, P#=s y consolas de
videojuegos. =unque -pera no se encuentra en el podio entre los navegadores ms
utili$ados de la actualidad, cuenta con varias caractersticas muy interesantes, que a lo largo
de su !istoria !an demostrado que es un navegador de vanguardia. ,a primera versin de
-pera sali a la lu$ en .//F, pero, curiosamente,no se lan$ para el pDblico general. #e esta
manera, en el a'o .//1, la versin A es la primera en estar disponible para todos los
Safari
usuarios. En .//3, se publica la versin < y, un a'o despu"s, se lan$a la <.F,
con una destacada compatibilidad con ()).

TECNOLOGAS DEL LADO SERVIDOR
ASP2NET 7Ac#!v+ S+v+ Pa3+892
,enguaje comerciali$ado por &icrosoft, y usado por programadores para desarrollar entre
otras funciones, sitios web. =)P.HE8 es el sucesor de la tecnologa =)P, fue lan$ada al
mercado mediante una estrategia de mercado denominada .HE8.
)e desarrollado para resolver las limitantes que brindaba tu antecesor =)P. Para el
desarrollo de =)P.HE8 se puede utili$ar (U, G:.HE8 o >U. ,os arc!ivos cuentan con la
extensin 2aspx5. Para su funcionamiento de las pginas se necesita tener instalado %%) con
el Eramewor+ .Het. &icrosft ;indows ABB< incluye este framewor+, solo se necesitar
instalarlo en versiones anteriores.
El lenguaje =)P consiste en una serie de clases .HE8 utili$adas para crear aplicaciones
;eb, tanto del lado cliente 2;eb Eorm5 como del lado servidor 2;eb )ervice5. ,a integracin
Opera
de nativa .HE8 Eramewor+ con el sistema operativo ;indows )erver ABB< !ace que su
ejecucin sea ms estable y rpida que otros lenguajes de programacin.
Gentajas4

(ompletamente orientado a objetos.

(ontroles de usuario y personali$ados.
#ivisin entre la capa de aplicacin o dise'o y el cdigo.
Eacilita el mantenimiento de grandes aplicaciones.
%ncremento de velocidad de respuesta del servidor.
&ayor velocidad.
&ayor seguridad.
#esventajas4
&ayor consumo de recursos.
8ecnologa propietaria.
9ospedaje de sitios web costosos.
JSP
Es un lenguaje para la creacin de sitios web dinmicos, acrnimo de >ava )erver Pages.
AS!"E#
Est orientado a desarrollar pginas web en >ava. >)P es un lenguaje multiplataforma.
>)P fue desarrollado por )un &icrosystems. (omparte ventajas similares a las de =)P.HE8,
desarrollado para la creacin de aplicaciones web potentes. Posee un motor de pginas
basado en los servlets de >ava. Para su funcionamiento se necesita tener instalado un
servidor 8omcat.
(aractersticas
(digo separado de la lgica del programa.
,as pginas son compiladas en la primera peticin.
Permite separar la parte dinmica de la esttica en las pginas web.
,os arc!ivos se encuentran con la extensin 2jsp5.
El cdigo >)P puede ser incrustado en cdigo 98&,.
,os elementos que pueden ser insertados en las pginas >)P son los siguientes4
(digo4 se puede incrustar cdigo V>avaL.
#irectivas4 permite controlar parmetros del servlet.
=cciones4 permite alterar el flujo normal de ejecucin de una pgina.
$S
Gentajas4

Ejecucin rpida del servlets.
(rear pginas del lado del servidor.
&ultiplataforma.
(digo bien estructurado.
%ntegridad con los mdulos de >ava.
,a parte dinmica est escrita en >ava.
#esventajas4
(omplejidad de aprendi$aje.
PERL 5
2Practical Extraction and ?eport ,anguage5
Es un lenguaje de programacin desarrollado por ,arry ;all 2lwall at netlabs.com5 inspirado
en otras !erramientas de 6H%7 como son4 sed, grep, aw+, c@s!ell, para la administracin de
tareas propias de sistemas 6H%7. Ho establece ninguna filosofa de programacin concreta.
Ho se puede decir que sea orientado a objetos, modular o estructurado aunque soporta
directamente todos estos paradigmasO su punto fuerte son las labores de procesamiento de
textos y arc!ivos. ,enguaje de programacin basado en scripts portable a casi cualquier
plataforma. Es muy utili$ado para escribir (*%s. 6no de sus elementos ms potentes son las
expresiones regulares, que a partir de su versin en Perl !an sido adoptadas por otros
lenguajes y plataformas como .HE8 o >avascript.
Gentajas

Es un buen lenguaje VpegamentoL. )e pueden juntar varios programas de una forma
sencilla para alcan$ar una meta determinada. ,os usuarios de ;indows agradecern
esta propiedad ya que normalmente adolecen de un buen lenguaje tipo VscriptL.
Es relativamente rpido para un lenguaje tipo VscriptL.
Est disponible en mDltiples plataformas y sistemas operativos 26H%7, ,inux y
;indows5. 6n programa que se escriba teniendo en cuenta la compatibilidad puede
ser escrito en una plataforma y ejecutado en otra.
El desarrollo de aplicaciones es muy rpido.
9ay una coleccin enorme de mdulos que pueden ser incorporados a cualquier
VscriptL de Perl. Estn disponibles en el (P=H 2V(ompre!ensive Perl =rc!ive
Hetwor+L5. En particular existe una extensin para clculo num"rico denominada P#,.
Perl es gratuito. &uc!o ms que eso, es V)oftware ,ibreL. Esto quiere decir que el
cdigo fuente est disponible para que cualquiera lo pueda ver o modificar, y lo que es
ms importante, siempre lo estar. =unque nunca pretendas cambiar el cdigo, es
importante disponer de la posibilidad de !acerlo, ya que siempre se podr contratar a
E%&
una tercera persona para que lo modifique en el caso de que !aya un error, y debera
ser posible solucionarlo.
,e otorga al programador muc!a libertad para que !aga el programa como quiera. 8al
como dice el eslogan de Perl V9ay ms de una forma de !acerloL.
PHP 5252%5
P9P es el acrnimo de 9ipertext Preprocesor. Es un lenguaje de programacin del lado del
servidor gratuito e independiente de plataforma, rpido, con una gran librera de funciones y
muc!a documentacin. Eue creado originalmente en .//C por ?asmus ,erdorf, pero como
P9P est desarrollado en poltica de cdigo abierto, a lo largo de su !istoria !a tenido
muc!as contribuciones de otros desarrolladores.
El cliente solamente recibe una pgina con el cdigo 98&, resultante de la ejecucin de la
P9P. (omo la pgina resultante contiene Dnicamente cdigo 98&,, es compatible con todos
los navegadores.
Gentajas
&uy fcil de aprender.
)e caracteri$a por ser un lenguaje muy rpido.
)oporta en cierta medida la orientacin a objeto. (lases y !erencia.
'
Es un lenguaje multiplataforma4 ,inux, ;indows, entre otros.
(apacidad de conexin con la mayora de los manejadores de base de datos4
&ys)P,, Postgre)P,, -racle, &) )P, )erver, entre otras.
(apacidad de expandir su potencial utili$ando mdulos.
Posee documentacin en su pgina oficial la cual incluye descripcin y ejemplos de
cada una de sus funciones.
Es libre, por lo que se presenta como una alternativa de fcil acceso para todos.
%ncluye gran cantidad de funciones.
Ho requiere definicin de tipos de variables ni manejo detallado del bajo nivel.
#esventajas
8odo el trabajo lo reali$a el servidor y no delega al cliente. Por tanto puede ser ms
ineficiente a medida que las solicitudes aumenten de nDmero.
,a legibilidad del cdigo puede verse afectada al me$clar sentencias 98&, y P9P.
,a programacin orientada a objetos es aDn muy deficiente para aplicaciones grandes.
#ificulta la modulari$acin.
#ificulta la organi$acin por capas de la aplicacin.
)eguridad

P9P es un poderoso lenguaje e int"rprete, ya sea incluido como parte de un servidor web en
forma de mdulo o ejecutado como un binario (*% separado, es capa$ de acceder a
arc!ivos, ejecutar comandos y abrir conexiones de red en el servidor. Estas propiedades
!acen que cualquier cosa que sea ejecutada en un servidor web sea insegura por naturale$a.
P9P est dise'ado especficamente para ser un lenguaje ms seguro para escribir
programas (*% que Perl o (, y con la seleccin correcta de opciones de configuracin en
tiempos de compilacin y ejecucin, y siguiendo algunas prcticas correctas de
programacin.
CGI
Es el sistema ms antiguo que existe para la programacin de las pginas dinmicas de
servidor. =ctualmente se encuentra un poco desfasado por diversas ra$ones entre las que
destaca la dificultad con la que se desarrollan los programas y la pesada carga que supone
para el servidor que los ejecuta. ,os (*% se escriben !abitualmente en el lenguaje Perl, sin
embargo, otros lenguajes como (, (WW o Gisual :asic pueden ser tambi"n empleados para
construirlos.
XML
7&, es una tecnologa en realidad muy sencilla que tiene a su alrededor otras tecnologas
que la complementan y la !acen muc!o ms grande y con unas posibilidades muc!o
mayores. 7&,, con todas las tecnologas relacionadas, representa una manera distinta de
!acer las cosas, ms avan$ada, cuya principal novedad consiste en permitir compartir los
datos con los que se trabaja a todos los niveles, por todas las aplicaciones y soportes.
(M&
Bibliogr!"
M:*;+/ L<!8 J2 T+c*.-.3=a8 <#!-!/a;a8 +* +- ;!8+>. ? ;+8a.--. ;+ a"-!cac!.*+8
@+A2 R+c<"+a;. +- 3% ;+ A3.8#. ;+ 1(%& ;+:
4##":BBC++5!-+v!2-ac.c#+-+a2*+#B".8#B1(%3B(DB%6B#+c*.-.3!a8E<#!-!/a;a8E+-E;!8+*.E
?E;+8a.--.Ea"-!cac!.*+8
G<=a B+v+ ;+ XHTML2 R+c<"+a;. +- 3% ;+ A3.8#. ;+ 1(%& ;+:
4##":BB@@@2@3c2+8BD!v<-3ac!.*B3<!a8A+v+8BXHTML
P.3a5ac!F* Java2 R+c<"+a;. +- 3% ;+ A3.8#. ;+ 1(%& ;+:
4##":BB@@@2-+*3<aC+8E;+E".3a5ac!.*2c.5B".3a5ac!.*ECava284#5-
Pa#F* GM.;+-.EV!8#aEC.*#.-a;.G2 R+c<"+a;. +- 3% ;+ A3.8#. ;+ 1(%& ;+:
4##":BB@@@2".ac#!vaEca-!;a;2c.5BCavaB"a#.*+8B5vc24#5-
ACa,: U* *<+v. ac+ca5!+*#. a -a8 a"-!cac!.*+8 @+A2 Ma+8#.8 ;+- H+A2
R+c<"+a;. +- 3% ;+ A3.8#. ;+ 1(%& ;+:
4##":BB@@@25a+8#.8;+-@+A2c.5B+;!#.!a-BaCa,B
4##":BB@@@2+c<+;2c<B!*;+,2"4"BS+v!;.+8IH+A
4##":BB@@@2+8#<c#<a?".3a5ac!.*2c.5B5a#+!a8B".3a5ac!.*E
@+AB#+c*.-.3!a8E"aaE+-E;+8a.--.E;+Ea"-!cac!.*+8E@+AB
4##":BB5.8a!c2<.c2+;<B1(%3B()B3%B#+c*.-.3!a8E"aaE;+8a.--.E;+Ea"-!cac!.*+8E
!c4E5+;!aB
4##":BBC++5!-+v!2-ac.c#+-+a2*+#B".8#B1(%3B(DB%6B#+c*.-.3!a8E<#!-!/a;a8E+-E;!8+*.E
?E;+8a.--.Ea"-!cac!.*+8