NDICE

RESUMEN.. 4 INTRODUCCIN 5 MARCO CIENTFICO... 6 I. II. ANTECEDENTES . 7 MARCO TERICO..... 8 1) Internet.. 2) Evolucin de la Web . 3) Navegador Web 4) Pagina Web .. 5) Servidor Web ... 6) Lenguajes de Programacin . 8 10 12 12 14 15

DESARROLLO ..... 20 I. TECNOLOGAS WEB.... 21 1. Tecnologas Cliente 21 2. Tecnologas Servidor... 30 Conclusiones..... 40 Bibliografa...... 41

RESUMEN

Este presente trabajo de investigacin explicara las diferentes tecnologas que se usan para navegar en la Web todas las herramientas necesarias para crear aplicaciones web. Aqu veremos por ejemplo los diferentes lenguajes usados para la creacin de pginas web dependiendo de los requerimientos de la empresa que necesite la pgina web como son los lenguajes ASP, JSP, Javascript, PHP, ASP .NET, Applets, etc. As tambin describiremos los diferentes navegadores web utilizados, para la visualizacin de estas web como el Internet Explorer que es el ms usado seguido de cerca por el Mozilla Firefox, Chrome y otros. Describiendo tambin los

diferentes servidores web que son utilizados para la ejecucin y alojamiento de estas pginas. Comenzaremos primero describiendo los conceptos bsicos de los componentes de la web as tambin los lenguajes de programacin. Para ms adelante en el siguiente captulo explicar de manera ms profunda las caractersticas, ventajas y desventajas de estos lenguajes. Dando a conocer algunas sintaxis de su cdigo fuente.

Pgina 1

INTRODUCCIN

En estos tiempos modernos de proliferacin del internet a permitido que la web sea una gran herramienta de mercadeo, es su imagen, su tarjeta de presentacin al mundo de las empresas que est disponible todo el ao a cualquier hora del da. Adems de esto, este medio le permite relacionarse ms estrechamente con clientes y proveedores alrededor del mundo, conocerlos mejor, para saber cules son sus gustos y exigencias, mejorando as la calidad del servicio brindado por usted, ofrecindole oportunamente productos y servicios relacionados a sus necesidades presentes y futuras. El objetivo de este presente trabajo es explicar las diferentes tecnologas web que nos permitirn mejores resultados para su desarrollo, explicando su evolucin a travs de los aos, su funcionamiento, sus estndares, seguridad, su desarrollo en componentes con los distintos lenguajes de programacin que usa como HTML, PHP, ASP, JAVA, etc. Tambin los diferentes servicios que se requieren para su respectiva publicacin.

Pgina 2

Pgina 3

I.

ANTECEDENTES

Segn (http://es.wikipedia.org/wiki/World_Wide_Web) Las tecnologas web implican un conjunto de herramientas que nos facilitarn lograr mejores resultados a la hora del desarrollo de un sitio web. Navegadores web: Epiphany, Galeon, Internet Explorer, Konqueror, Mozilla Firefox, Netscape Navigator, Opera, Safari, etc. Servidores Web: CERN, Servidor HTTP Apache, Servidor HTTP Cherokee, IIS, Resin Otras tecnologas: CFM Coldfusion, DHTML, PHP, ASP, CGI, JSP (Tecnologa Java), .NET

Segn Luis Marco Gimnez Agencia Tributaria. Madrid Dpto. Informtica Tributaria. Son un conjunto de tecnologas que nos permite navegar en la web presenta una arquitectura cliente- Servidor, Teniendo como protocolos implicados el HTTP, HTTPS. Se clasifican en

Tecnologas CLIENTE aqu encontramos a los navegadores Web y Tecnologas de programacin. Y la otra tecnologa es la SERVIDOR aqu encontramos a los Servidores Web y tambin a otras de Tecnologas de programacin..

Pgina 4

II.

MARCO TERICO 1. INTERNET: Internet es una red de redes1 lo que significa que muchas redes operadas por una multitud de organizaciones estn interconectadas para conformarlas. Permiten comunicarse, compartir recursos y datos con personas ubicadas en la calle de enfrente a al otro lado del planeta. Su mayor ventaja radica en que es una herramienta que permite tener acceso a enormes cantidades de informacin en todo el mundo. 1) Intranets : Es una red local que utiliza los mismos protocolos que internet, independiente de que este o no est conectado a internet. La velocidad es mucho mayor que la del internet posibilitando una comunicaron fluida. 2) Extranet. Es la unin de dos o ms intranets utilizando como puente el

internet. Es un sistema barato ya que requiere que solo las intranets estn conectadas a internet. COMPONENTES i. Direccin IP: Es el cdigo de identificacin nico que posee toda mquina conectada a internet, ninguna otra mquina que cuenta con internet cuenta con esta misma direccin.

ii.

Protocolos: Un protocolo es un mtodo estndar que permite la comunicacin entre procesos, es decir, es un conjunto de reglas y procedimientos que deben respetarse para el envi y recepcin de datos en una red. El protocolo que permite que se comuniquen todas las redes de internet es el TCP/IP2 cada computadora conectada a internet obedece a estos protocolos.

1 2

Wyatt, Allen L. 1995. La magia del internet. 1. Mxico: McGraw HILL. pag. 5 Transmission Control Protocol / Internet Protocol Pgina 5

Estos protocolos contienen a otros protocolos por capas que son HTTP3, FTP4, ARP5, TCP, UDP6, SMTP7, IP, Telnet, etc. iii. DNS: (Domain Name Service) es un sistema de nombres que permite traducir de nombre de dominio a direccin IP y viceversa. Aunque Internet slo funciona en base a direcciones IP, el DNS permite que los humanos usemos nombres de dominio que son bastante ms simples de recordar simplificando la vida de los usuarios.

iv.

Servidor: Son maquinas que albergan programas que responden a solicitudes provenientes de otros nodos. Se cualifica a estas maquinas servidores y a los programas que albergan se llaman programas servidores.

v.

Cliente: Para poder interrogar al servidor, hay que disponer de una maquina conectada a la red, as como de un programa adaptado llamado cliente. Por un lado propone una interfaz hombre mquina amigable para poder ayudar a formular la peticin, una vez definida se conecta por la red al servidor para dialogar con l a fin de solicitarle el tratamiento de la peticin. Cuando el servidor a calculado la respuesta, la devuelve por la red al programa cliente en un formato inteligible. Algunos servidores y clientes no tienen interaccin con el usuario. Se trata normalmente de comunicaciones clientes/servidor vinculadas a servicios de bajo nivel.

3 4

HyperText Transfer Protocol File Transfer Protocol 5 Address Resolution Protocol 6 User Datagram Protocol 7 Simple Mail Transfer Protocol Pgina 6

2. EVOLUCIN DE LA WEB: a) Web 1.0: La Web 1.0 empez en los aos 60's, De la forma ms bsica que existe, con navegadores de solo texto, como ELISA, bastante rpidos, despus surgi el HTML8 que hizo las pginas web ms agradables a la vista y los primeros navegadores visuales como I.E., Netscape, etc. La Web 1.0 es de solo lectura, el usuario no puede interactuar con el contenido de la pgina, (nada de comentarios, respuestas, citas, etc.) Estando totalmente limitado a lo que el Webmster sube a la pgina web. Web 1.0 es una frase que se refiere a un estado de la World Wide Web, y cualquier pgina web diseada con un estilo anterior del fenmeno de la Web 2.0. Es en general un trmino que ha sido creado para describir la Web antes del impacto de la fiebre punto com en el 2001, que es visto por muchos como el momento en que el internet dio un giro. Las principales caractersticas de esta web 1.0 son: Pginas estticas. El uso de Frameset o marcos. Extensiones propias del HTML como el parpadeo y las marquesitas, etiquetas introducidas durante la guerra de navegadores web. Formularios HTML enviados va email. Un usuario llenaba un formulario y despus de hacer clic se enviaba a travs de un cliente de correo electrnico, con el problema que en el cdigo se poda observar los detalles del envi del correo electrnico.

b) Web 2.0: El trmino, Web 2.0 fue acuado por Tim O'Reilly en 2004 para referirse a una segunda generacin en la historia de la Web basada en comunidades de usuarios y una gama especial de servicios, como las
8

Hyper Text Markup Language Pgina 7

redes sociales, los blogs, los wikis o las folcsonomas, que fomentan la colaboracin y el intercambio gil de informacin entre los usuarios. El trmino Web 2.0 nos referimos a una serie de aplicaciones y pginas de Internet que utilizan la inteligencia colectiva para proporcionar servicios interactivos en red dando al usuario el control de sus datos. As, podemos entender como Web 2.0 a -"todas aquellas utilidades y servicios de Internet que se sustentan en una base de datos, la cual puede ser modificada por los usuarios del servicio, ya sea en su contenido (aadiendo, cambiando o borrando informacin o asociando datos a la informacin existente), pues bien en la forma de presentarlos, o en contenido y forma simultneamente. Sus caractersticas principales son:

El sitio no debe actuar como un "jardn cerrado": la informacin debe poderse introducir y extraer fcilmente

Los usuarios deberan controlar su propia informacin Redifusin de contenido usando protocolos estandarizados que permitan a los usuarios finales usar el contenido de la web en otro contexto, ya sea en otra web, en un conector de navegador o en una aplicacin de escritorio.

Servicios Web. Software de Servidor.

c) Web 3.0: Web 3.0 es un neologismo que se utiliza para describir la evolucin del uso y la interaccin en la red a travs de diferentes caminos. Ello incluye, la transformacin de la red en una base de datos, un movimiento hacia hacer los contenidos accesibles por mltiples aplicaciones non-browser, el empuje de las tecnologas de inteligencia artificial, la web semntica, la Web Geoespacial, o la Web 3D.
Pgina 8

Frecuentemente es utilizado por el mercado para promocionar las mejoras respecto a la Web 2.0. El trmino Web 3.0 apareci por primera vez en 2006 en un artculo de Jeffrey Zeldman, crtico de la Web 2.0 y asociado a tecnologas como AJAX. Actualmente existe un debate considerable en torno a lo que significa Web 3.0, y cul es la definicin acertada. 3. NAVEGADOR WEB El navegador web es un programa o aplicacin que nos va a permitir movernos por internet y acceder al contenido de las webs, blogs, foros, galeras fotogrficas, etc., de Internet. Posiblemente el navegador Internet Explorer sea el ms conocido por todos al estar integrado en Windows, no obstante, tambin disponemos de otras alternativas como por ejemplo: Mozilla Firefox, Opera, Flock, Chrome, Maxthon, Avant Browser, Kmeleon, etc. El navegador interpreta el cdigo, HTML generalmente, en el que est escrita la pgina web y lo presenta en pantalla permitiendo al usuario interactuar con su contenido y navegar hacia otros lugares de la red mediante enlaces o hipervnculos. La funcionalidad bsica de un navegador web es permitir la visualizacin de documentos de texto, posiblemente con recursos multimedia

incrustados. Los documentos pueden estar ubicados en la computadora en donde est el usuario, pero tambin pueden estar en cualquier otro dispositivo que est conectado a la computadora del usuario o a travs de Internet, y que tenga los recursos necesarios para la transmisin de los documentos (un software servidor web). Tales documentos, comnmente denominados pginas web, poseen hipervnculos que enlazan una porcin de texto o una imagen a otro documento, normalmente relacionado con el texto o la imagen.

4. PAGINAS WEB: Una pgina web, tambin conocida como pgina de Internet, es un documento adaptado para la Web y normalmente forma parte de un sitio
Pgina 9

web. Su principal caracterstica son los hiperenlaces a otras pginas web, siendo esto el fundamento de la Web. Una pgina est compuesta principalmente por informacin (slo texto o multimedia) e hiperenlaces; adems puede contener o asociar datos de estilo para especificar cmo debe visualizarse o aplicaciones incrustadas para hacerla interactiva. d) PAGINAS WEB ESTTICAS Este tipo de pginas contienen informacin que el cliente no puede manipular, es decir, si el cliente de este tipo de pginas web desea modificar cualquier tipo de contenido mostrado en su web esttica, deber de ponerse en contacto con la empresa que al desarrollo para poder realizar dichas modificaciones. Esto supondr un coste adicional e independiente al conste inicial de dicha web esttica.

e) PAGINAS WEB DINMICAS: Las pginas dinmicas son pginas HTML generadas a partir de lenguajes de programacin (scripts) que son ejecutados en el propio servidor web. A diferencia de otros scripts, como el JavaScript, que se ejecutan en el propio navegador del usuario, los 'Server Side' scripts generan un cdigo HTML desde el propio servidor web. Este cdigo HTML puede ser modificado por ejemplo en funcin de una peticin realizada por el usuario en una Base de Datos. Dependiendo de los resultados de la consulta en la Base de Datos, se generar un cdigo HTML u otro, mostrando diferentes contenidos.

5. SERVIDOR WEB Un servidor web es un programa que implementa el protocolo HTTP. Este protocolo pertenece a la capa de aplicacin del modelo OSI y est diseado para transferir lo que llamamos hipertextos, pginas web o pginas HTML textos complejos con enlaces, figuras, formularios, botones y objetos incrustados como animaciones o reproductores de msica.

Pgina 10

Bsicamente, un servidor web sirve contenido esttico a un navegador, carga un archivo y lo sirve a travs de la red al navegador de un usuario. Este intercambio es mediado por el navegador y el servidor que hablan el uno con el otro mediante HTTP. Se pueden utilizar varias tecnologas en el servidor para aumentar su potencia ms all de su capacidad de entregar pginas HTML; stas incluyen scripts CGI, seguridad SSL y pginas activas del servidor (ASP). Unos ejemplos claros de servidores web son el Internet Information Server (IIS), Apache, Apache Tomcat, WebSphere, webserver, motores Java y PHP, etc.

6. LENGUAJES DE PROGRAMACIN: Actualmente existen diferentes lenguajes de programacin para desarrollar en la web, estos han ido surgiendo debido a las tendencias y necesidades de las plataformas. A travs del tiempo las tecnologas fueron desarrollndose y surgieron nuevo problemas a dar solucin es as que se desarrollaran nuevos lenguajes de programacin para realizar pginas web dinmicas. Algunos de estos lenguajes son: 1) HTML: Es un lenguaje utilizado para desarrollar pginas y documentos Web. A diferencia de los lenguajes convencionales, HTML utiliza una serie de etiquetas ASCII especiales intercaladas en un documento escrito en ASCII. Dichas etiquetas sern posteriormente interpretadas por los exploradores encargados de visualizar la pgina o el documento Web con el fin de establecer el formato. Para editar una pgina HTML y posteriormente visualizarla. Todo lo que necesita es un editor de texto ASCII y un explorador Web. Para ver la pgina HTML no necesita una conexin a la red; Cualquier explorador web debe permitirle hacerlo trabajando en local.

2) PHP: (Hipertext Pre-Processor): Lenguaje de programacin relativamente nuevo, concebido

principalmente como herramienta para el desarrollo web. PHP nos

Pgina 11

permite disear paginas dinmicas de servidor, es decir, generar pginas bajo peticin capaces de responder de manera inteligente a las demandas del cliente y que nos permitan la automatizacin de gran cantidad de tareas. En consecuencia PHP es un lenguaje interpretado de alto nivel embebido en paginas HTML y ejecutado en el servidor. Aunque existe mucha multitud de lenguajes y entornos de desarrollo concebidos en internet, PHP se ha convertido en unos de los lenguajes, del lado servidor, ms ampliamente utilizados para el desarrollo de pginas dinmicas junto con ASP, JSP, Cold Fusion y Perl. En los ltimos aos los servidores que utilizan PHP se han disparado, logrando situarse en ms de 5 millones.

3) ASP: (Active Server Pages) Es una tecnologa del lado de servidor desarrollada por Microsoft para el desarrollo de sitio web dinmicos, fue liberado por Microsoft en 1996. Las pginas web desarrolladas bajo este lenguaje es necesario tener instalado Internet Information Server (IIS). ASP no necesita ser compilado para ejecutarse. Existen varios lenguajes que se pueden utilizar para crear pginas ASP. El ms utilizado es VBScript, nativo de Microsoft. ASP se puede hacer tambin en Perl and Jscript (no JavaScript). El cdigo ASP puede ser insertado junto con el cdigo HTML. Los archivos cuentan con la extensin (asp).

4) ASP .NET. Es un framework para aplicaciones web desarrollado y comercializado por Microsoft. Es usado por programadores para construir sitios web dinmicos, aplicaciones web y servicios web XML. Apareci en enero de 2002 con la versin 1.0 del .NET Framework, y es la tecnologa sucesora de la tecnologa Active Server Pages (ASP). ASP.NET est construido sobre el Common Language Runtime, permitiendo a los programadores escribir cdigo ASP.NET usando cualquier lenguaje admitido por el .NET Framework.
Pgina 12

Las pginas de ASP.NET, conocidas oficialmente como "web forms" (formularios web), son el principal medio de construccin para el desarrollo de aplicaciones web. Los formularios web estn contenidos en archivos con una extensin ASPX; en jerga de programacin, estos archivos tpicamente contienen etiquetas HTML o XHTML esttico, y tambin etiquetas definiendo Controles Web que se procesan del lado del servidor y Controles de Usuario donde los desarrolladores colocan todo el cdigo esttico y dinmico requerido por la pgina web. Adicionalmente, el cdigo dinmico que se ejecuta en el servidor puede ser colocado en una pgina dentro de un bloque <% -- cdigo dinmico -- %> que es muy similar a otras tecnologas de desarrollo como PHP, JSP y ASP, pero esta prctica es, generalmente, desaconsejada excepto para propsitos de enlace de datos pues requiere ms llamadas cuando se genera la pgina.

5) JSP (Java Server Pages) Es un lenguaje para la creacin de sitios web dinmicos. Est orientado a desarrollar pginas web en Java. JSP es un lenguaje multiplataforma. Creado para ejecutarse del lado del servidor. Las JSP's permiten la utilizacin de cdigo Java mediante scripts. Adems, es posible utilizar algunas acciones JSP predefinidas mediante etiquetas. Estas etiquetas pueden ser enriquecidas mediante la utilizacin de Libreras de Etiquetas (TagLibs o Tag Libraries) externas e incluso personalizadas. JSP fue desarrollado por Sun Microsystems. Comparte ventajas similares a las de ASP.NET, desarrollado para la creacin de aplicaciones web potentes. Posee un motor de pginas basado en los servlets de Java. Para su funcionamiento se necesita tener instalado un servidor Tomcat.

Pgina 13

6) Applets JAVA. Es un programa de java que se puede cargarse y ejecutarse en un explorador web. En una computadora de servidor, un Applet se escribe, compila y pone en un documento HTML. Cuando un explorador permite a java recuperar y desplegar el documento en una computadora cliente, ejecuta el programa del Applet. Con contenido ejecutable, los documentos web cobran vida con interacciones por parte del usuario, imgenes en movimiento, efectos de sonido, animaciones y demostraciones en vivo, por mencionar solo algunos ejemplos. Entre sus caractersticas podemos mencionar un esquema de seguridad que permite que los applets que se ejecutan en el equipo no tengan acceso a partes sensibles (por ej. no pueden escribir archivos), a menos que uno mismo le d los permisos necesarios en el sistema; la desventaja de este enfoque es que la entrega de permisos es engorrosa para el usuario comn, lo cual juega en contra de uno de los objetivos de los Java applets: proporcionar una forma fcil de ejecutar aplicaciones desde el navegador web.

7) Servlets JAVA Son objetos que corren dentro del contexto de un contenedor de servlets (ejemplo: Tomcat) y extienden su funcionalidad. Tambin podran correr dentro de un servidor de aplicaciones (ejemplo: OC4J Oracle), que, adems de contenedor para servlet, tendr contenedor para objetos ms avanzados, como son los EJB (Tomcat slo es un contenedor de servlets). La palabra servlet deriva de otra anterior, applet, que se refera a pequeos programas que se ejecutan en el contexto de un navegador web. Por contraposicin, un servlet es un programa que se ejecuta en un servidor.

Pgina 14

El uso ms comn de los servlets es generar pginas web de forma dinmica a partir de los parmetros de la peticin que enve el navegador web.

8) Java Script JavaScript, al igual que Java o VRML, es una de las mltiples maneras que han surgido para extender las capacidades del lenguaje HTML. Al ser la ms sencilla, es por el momento la ms extendida, es un lenguaje con muchas posibilidades, utilizado para crear pequeos programas que luego son insertados en una pgina web y en programas ms grandes, orientados a objetos mucho ms complejos. Con Java script podemos crear diferentes efectos e interactuar con nuestros usuarios. Este lenguaje posee varias caractersticas, entre ellas podemos mencionar que es un lenguaje basado en acciones que posee menos restricciones. Adems, es un lenguaje que utiliza Windows y sistemas X-Windows, gran parte de la programacin en este lenguaje est centrada en describir objetos, escribir funciones que respondan a movimientos del mouse, aperturas, utilizacin de teclas, cargas de pginas entre otros. Es necesario resaltar que hay dos tipos de Java Script: por un lado est el que se ejecuta en el cliente, este es el Java script propiamente dicho, aunque tcnicamente se denomina Navigator Java script. Pero tambin existe un Java script que se ejecuta en el servidor, es ms reciente y se denomina LiveWire Java script.

9) VBScript (Visual Basic Script Edition) Es un lenguaje de script, directamente derivado de Visual Basic. Ha logrado un apoyo significativo por parte de los administradores de Windows como herramienta de automatizacin, ya que, conjunta y paralelamente a las mejoras introducidas en los sistemas operativos Windows donde opera fundamentalmente, permite ms margen de actuacin y flexibilidad que el lenguaje batch (o de proceso por lotes)
Pgina 15

desarrollado a finales de los aos 1970 para el MS-DOS. Los lenguajes de script son versiones recortadas de otros lenguajes. Estas versiones se usan para su integracin en pginas web. Un cdigo escrito en un lenguaje de script se incorpora directamente dentro de un cdigo HTML y se ejecuta interpretado, no compilado.

Pgina 16

Pgina 17

TECNOLOGAS WEB

Como hemos visto en el capitulo anterior existen en la actualidad muchas tecnologas que facilitad el desarrollo de pginas web. Entre ellas tenemos a los distintos lenguajes, servidores web, navegadores que se usan de acuerdo a los requerimientos que se les exige en el desarrollo de estas aplicaciones. A continuacin explicaremos las diferentes tecnologas que existen clasificndolas de acuerdo al lugar donde se ejecuten:

1) TECNOLOGAS CLIENTE Son aplicaciones web que se ejecutan en el equipo cliente entre ellas tenemos: a) NAVEGADOR WEB: Son las aplicaciones que nos permiten acceder y navegar por internet entre las ms importantes y utilizadas tenemos al: Internet Explorer 8: Es el explorador propietario ms utilizado por la mayora de usuarios en todo el mundo las principales caractersticas de esta versin es que ocupa menos memoria en ejecucin y le da mayor seguridad de acceso a las paginas. Mozilla Firefox 3.5: Es el segundo explorador ms utilizado en el mundo y el navegador Web ms seguro del momento, ya que a parte de su estabilidad, rapidez, y seguridad al navegar por Internet, permite una correcta lectura de los distintos lenguajes webs, scripts, y otros sistemas incluidos en los millones de sitios, que podemos visitar por la red. Una de las mejores caractersticas de este navegador, son sus plugins y extensiones que podemos incluir en el navegador segn nuestras necesidades (diccionarios, traductores, lectores de correo, gestores de descargas, widgets, lectores feed, etc.),

Pgina 18

adems de los distintos temas o mascaras con los que podemos variar el aspecto visual de este magnfico navegador. Opera 9.24: Un excelente opcin a considerar, con caractersticas muy parecidas a FireFox (navegacin por pestaas, gestor de descargas, diccionarios, witgets, skins, notas, correo, etc.) Cuenta adems con la opcin de controlar el navegador a travs de comandos de voz (en ingls). Tambin integra BitTorrents (aplicacin P2P), para controlar las descargas mientras se navega. Netscape 9.0.0.1. Fue el competidor ms cercano de Internet Explorer hace muchos aos, pero perdi muchos de los Kilmetros ganados, por su despreocupacin de desarrollo. ltimamente ha mejorando al incluir la navegacin por pestaas, tecnologa que otros han creado e incluido hace mucho tiempo atrs. Aun as, este navegador ofrece una mayor estabilidad y seguridad que Internet Explorer. Safari 3.0: Safari es el navegador web de Apple, pero que en su ltima entrega ha decidido incluir una versin para los usuarios de Windows. Y a pesar de estar en pleno desarrollo, sigue siendo ms estable, rpido y seguro que Internet Explorer. Con un diseo elegante (caracterstico de Apple), incluye casi las mismas caractersticas que los anteriores (navegacin por pestaas, lector inteligente de feeds, etc).

Pgina 19

 Chrome: Es un navegador web desarrollado por Google y compilado con base en componentes de cdigo abierto como el motor de renderizado de WebKit y su estructura de desarrollo de aplicaciones (Framework). Actualmente posee una cuota de mercado del 1,80% y est disponible gratuitamente bajo condiciones de servicio especficas. El nombre del navegador deriva del trmino usado para el marco de la interfaz grfica de usuario ("chrome").

b) TECNOLOGAS DE PROGRAMACIN:

A continuacin veremos las caractersticas ms resaltantes de los lenguajes que se ejecutan en la maquina cliente ms utilizados que sirven para la creacin de pginas web. HTML

VENTAJAS Sencillo que permite describir hipertexto. Texto presentado en forma estructurada y agradable No necesita de grandes conocimientos cuando se cuenta con un editor de pginas web o WYSIWYG Archivos Pequeos. Despliegues rpidos Lenguaje de fcil aprendizaje Lo admiten todos los exploradores.

DESVENTAJAS Lenguaje esttico. La interpretacin de cada navegador puede ser diferente. Guarda muchas etiquetas que pueden convertirse en basura y dificulta la correccin. El diseo es muy lento Las etiquetas son muy limitadas.

A continuacin escribiremos un cdigo de ejemplo de HTML.

Pgina 20

<html> */(Inicio del documento HTML)*/ <head> ( Cabecera ) </head> <body> */( Cuerpo )*/ <b> </b> Negrita <p> </p> Definir parrafo <etiqueta> */Apertura de la etiqueta*/ </etiqueta> */Cierre de la etiqueta*/ </body> </html>

JAVA SCRIPT:

VENTAJAS Lenguaje de Scripting Seguro y fiable. Los scripts tienen capacidad limitada por motivos de seguridad. El cdigo Javascript se ejecuta en el cliente.

DESVENTAJAS

Cdigo visible por cualquier usuario. El cdigo debe descargarse completamente. Puede poner en riesgo la seguridad del sitio, con el actual problema llamado XSS (significa en ingls Cross Site Scripting renombrado a XSS por su similitud con las hojas de estilo CSS). Es un lenguaje sencillo de utilizar que Es interpretado por cada navegador de puede ser incrustado en pginas HTML manera diferente. para ofrecer funcionalidades. Proporciona una manera sencilla de crear pginas web con contenido dinmico. Se puede utilizar para validaciones en un JSP o un HTML.
Pgina 21

Ejemplo

<html> <body> <p> El objeto <b>document</b> representa el documento HTML actual y con el mtodo <b>writeln</b> se puede escribir en l. <br> </p> <script type="text/javascript"> <!-document.writeln("Hola Mundo!"); //--> </script> </body> </html>

Applets Ha estado presente desde la versin 1.0 de Java Los Applets se definen en la java.applet. Los Applets se ejecutan dentro del navegador del cliente, al ser tecnologa Java, necesitan la JVM. Al ser tecnologa cliente funcionan mejor en una intranet que en la Internet. Son ms pesados que la tecnologa Swing. Son portables al estar escritos en Java. Usan las caractersticas de seguridad de Java por lo que se consideran seguros. Para comunicarse con Bases de Datos, tienen varias opciones, una de ellas es JDBC-ODBC, pero no es la ms eficiente Se compilan utilizando javac

Pgina 22

 No se ejecutan con el comando java, se ejecutan al cargarse en un navegador. No contienen un mtodo main, contienen un mtodo start, que es el que se carga al abrirse en el navegador Los Applet pueden contener componentes Swing Necesitan ser descargados para ejecutarse del lado del cliente Son ms lentos que los JSP Los Applets pueden contener lgica de validacin y presentacin Los Applets pueden estar incrustados en una pgina JSP Los mtodos involucrados en el ciclo de vida de un Applet AWT son: init, start, stop y destroy.

Ejemplo:

<applet code="TumbleItem.class" width=600 height=95> <param name=maxwidth value="120"> <param name=nimgs value="16"> <param name=offset value="-57"> <param name=img value="tumble"> </applet>

Pgina 23

 AJAX: Se inici como un acrnimo: Asynchronous Javascript and XML, es decir, JavaScript asncrono y XML. Sin embargo, se trata en general de programacin de clientes integrados en el navegador que usan servicios web en el servidor. Ajax lo introdujo por vez primera Microsoft, aunque us mtodos que no eran estndar; sin embargo, se empez a usar de forma generalizada con la adopcin por Mozilla, y posteriormente de todos los navegadores, del JavaScript como lenguaje cliente, XML o JSON (JavaScript Object Notation) como lenguaje para transferencia de datos entre cliente y servidor, y finalmente un objeto que no bloquee el cliente mientras se espera la respuesta al servidor. Eventualmente, el cliente se puede programar en un nmero de lenguajes diferentes, desde JavaScript hasta ActionScript (el lenguaje integrado en el Flash) o lenguajes propietarios como VBScript; la transferencia de informacin tambin se puede hacer de mltiples formas posibles (incluso slo texto); por eso AJAX ha dejado de ser un acrnimo para convertirse en un nombre, AJAX. Lo que s se utiliza en prcticamente todos los casos es el mismo objeto para regular la transferencia entre cliente y servidor. Las tecnologas que forman AJAX son: XHTML y CSS, para crear una presentacin basada en estndares.

DOM, para la interaccin y manipulacin dinmica de la presentacin.

XML, XSLT y JSON, para el intercambio y la manipulacin de informacin.

XMLHttpRequest, informacin.

para

el

intercambio

asncrono

de

JavaScript, para unir todas las dems tecnologas.

Pgina 24

Ventajas Utiliza tecnologas ya existentes. Soportada por la mayora de los navegadores modernos. Interactividad. El usuario no tiene que esperar hasta que lleguen los datos del servidor. Portabilidad (no requiere plug-in como Flash y Applet de Java) Mayor velocidad, esto debido que no hay que retornar toda la pgina nuevamente. La pgina se asemeja a una aplicacin de escritorio. Desventajas Se pierde el concepto de volver a la pgina anterior. Si se guarda en favoritos no necesariamente al visitar nuevamente el sitio se ubique donde nos encontrbamos al grabarla. La existencia de pginas con AJAX y otras sin esta tecnologa hace que el usuario se desoriente. Problemas con navegadores antiguos que no implementan esta tecnologa. No funciona si el usuario tiene desactivado el JavaScript en su navegador. Requiere programadores que conozcan todas las

tecnologas que intervienen en AJAX. Dependiendo experimentar de la carga del servidor de podemos que

tiempos

tardos

respuesta

desconciertan al visitante.

Pgina 25

<html> <head> <title>Ejemplo1</title> <script language = "javascript"> var XMLHttpRequestObject = false; if (window.XMLHttpRequest) { XMLHttpRequestObject = new XMLHttpRequest(); } else if (window.ActiveXObject) { XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP"); } function pedirDatos(fuenteDatos, divID){ if(XMLHttpRequestObject) { var obj = document.getElementById(divID); XMLHttpRequestObject.open("GET", fuenteDatos); XMLHttpRequestObject.onreadystatechange = function(){ if (XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200) { obj.innerHTML = XMLHttpRequestObject.responseText; } } XMLHttpRequestObject.send(null); } } </script> </head> <body> <H1>Mostrando datos con AJAX</H1> <form> <input type = "button" value = "Mostrar mensaje" onclick = "pedirDatos('datos.txt','targetDiv')"> </form> <div id="targetDiv" style="background-color:#99FF66;"> <p>Aqu&iacute; aparecer&aacute; texto</p> </div> </body> </html>

Pgina 26

2) TECNOLOGAS SERVIDOR Son aplicaciones web que se ejecutan en el servidor entre ellas tenemos: a) SERVIDOR WEB: Sirve contenido esttico a un navegador, carga un archivo y lo sirve a travs de la red al navegador de un usuario. Este intercambio es mediado por el navegador y el servidor que hablan el uno con el otro mediante HTTP. Entre los principales servidores web tenemos. APACHE: El servidor HTTP Apache es un servidor web HTTP de cdigo abierto para plataformas Unix (BSD, GNU/Linux, etc.), Windows, Macintosh y otras, que implementa el protocolo HTTP/1.1 y la nocin de sitio virtual. Cuando comenz su desarrollo en 1995 se bas inicialmente en cdigo del popular NCSA HTTPd 1.3, pero ms tarde fue reescrito por completo. Su nombre se debe a que Behelendorf eligi ese nombre porque quera que tuviese la connotacin de algo que es firme y enrgico pero no agresivo, y la tribu Apache fue la ltima en rendirse al que pronto se convertira en gobierno de EEUU, y en esos momentos la preocupacin de su grupo era que llegasen las empresas y "civilizasen" el paisaje que haban creado los primeros ingenieros de internet. Adems Apache consista solamente en un conjunto de parches a aplicar al servidor de NCSA. Era, en ingls, a patchy server (un servidor "parcheado"). El servidor Apache se desarrolla dentro del proyecto HTTP Server (httpd) de la Apache Software Foundation. Apache presenta entre otras caractersticas altamente

configurables, bases de datos de autenticacin y negociado de contenido, pero fue criticado por la falta de una interfaz grfica que ayude en su configuracin.

Pgina 27

 IIS (Internet information Server) Internet Information Server, IIS, es una serie de servicios para los ordenadores que funcionan con Windows. Originalmente era parte del Option Pack para Windows NT. Luego fue integrado en otros sistemas operativos de Microsoft destinados a ofrecer servicios, como Windows 2000 o Windows Server 2003. Windows XP Profesional incluye una versin limitada de IIS. Los servicios que ofrece son: FTP, SMTP, NNTP y HTTP/HTTPS. Este servicio convierte a un ordenador en un servidor de Internet o Intranet es decir que en las computadoras que tienen este servicio instalado se pueden publicar pginas web tanto local como remotamente (servidor web). Los Servicios de Internet Information Services (IIS) proporcionan las herramientas y funciones necesarias para administrar de forma sencilla un servidor Web seguro. Si ha pensado alojar un sitio Web y FTP (File Transfer Protocol, Protocolo de

transferencia de archivos) con IIS, configure el servidor como un servidor de aplicaciones. La actual versin que se encentra disponible en el Windows Server 2008 es la versin IIS 7 esta aplicacin incorpora nuevas herramientas como administras nuestras pginas ASP y ASP .net modificndolas sin necesidad de tener instalado un editor para la creacin de pginas de este tipo.

Pgina 28

b) LENGUAJES DE PROGRAMACIN: Entre los lenguajes ms importantes y usados que se ejecutan en el servidor tenemos: JSP: Caractersticas: Cdigo separado de la lgica del programa. Las pginas son compiladas en la primera peticin. Permite separar la parte dinmica de la esttica en las pginas web. Los archivos se encuentran con la extensin (jsp). El cdigo JSP puede ser incrustado en cdigo HTML. Elementos: Los elementos que pueden ser insertados en las pginas JSP son los siguientes:

Cdigo: se puede incrustar cdigo Java. Directivas: permite controlar parmetros del servlet. Acciones: permite alterar el flujo normal de ejecucin de una pgina.

Ventajas:

Ejecucin rpida del servlets. Crear pginas del lado del servidor. Multiplataforma. Cdigo bien estructurado. Integridad con los mdulos de Java. La parte dinmica est escrita en Java. Permite la utilizacin se servlets

Desventajas: Complejidad en el aprendizaje.

Pgina 29

Ejemplo: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Mi primera pgina JSP</title> </head> <body> <h1> Hoy es: <%= new java.util.Date() %> </h1> </body> </html>

PHP: Ventajas: Muy fcil de aprender. Se caracteriza por ser un lenguaje muy rpido. Soporta en cierta medida la orientacin a objeto. Clases y herencia. Es un lenguaje multiplataforma: Linux, Windows, entre otros. Capacidad de conexin con la mayora de los manejadores de base de datos: MysSQL, PostgreSQL, Oracle, MS SQL Server, entre otras. Capacidad de expandir su potencial utilizando 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. Incluye gran cantidad de funciones. No requiere definicin de tipos de variables ni manejo detallado del bajo nivel.
Pgina 30

Desventajas: Se necesita instalar un servidor web. Todo el trabajo lo realiza el servidor y no delega al cliente. Por tanto puede ser ms ineficiente a medida que las solicitudes aumenten de nmero. La legibilidad del cdigo puede verse afectada al mezclar sentencias HTML y PHP. La programacin orientada a objetos es an muy deficiente para aplicaciones grandes. Dificulta la modularizacin. Dificulta la organizacin por capas de la aplicacin. Seguridad: PHP es un poderoso lenguaje e intrprete, ya sea incluido como parte de un servidor web en forma de mdulo o ejecutado como un binario CGI separado, es capaz de acceder a archivos, ejecutar comandos y abrir conexiones de red en el servidor. Estas propiedades hacen que cualquier cosa que sea ejecutada en un servidor web sea insegura por naturaleza. PHP est diseado especficamente para ser un lenguaje ms seguro para escribir programas CGI que Perl o C, y con la seleccin correcta de opciones de configuracin en tiempos de compilacin y ejecucin, y siguiendo algunas prcticas correctas de programacin. Ejemplo: La sintaxis utilizada para incorporar cdigo PHP es la siguiente: <? $mensaje = Hola; echo $mensaje; ?>

Pgina 31

Nuevas Tecnologas PHP: P4A P4a es un framework (entorno de trabajo) para aplicaciones web, no es para hacer web ms bonitas, es para aplicaciones web. P4a es adems de un framework un RAD. RAD es un acrnimo ingles de Rapid Application Development, es decir que puedes desarrollar rpidamente tus aplicaciones, y es cierto con pocas lneas de cdigo tienes un muy buen resultado. P4a 3 es la ltima versin de este framework, esta reescrita en PHP 5 y con muchas mejoras. Que necesitas para comenzar? ASP: Ventajas: Usa Visual Basic Script, siendo fcil para los usuarios. Comunicacin ptima con SQL Server. Soporta el lenguaje JScript (Javascript de Microsoft). Desventajas: Cdigo desorganizado. Un servidor web, de preferencia Apache Php 5 Un gestor de bases de datos, mi sugerencia postgresql 8.3, tambin puede ser Mysql. Un navegador web. Un editor de PHP, dependiendo de tu plataforma.

Pgina 32

 Se necesita escribir mucho cdigo para realizar funciones sencillas. Tecnologa propietaria. Hospedaje de sitios web costosos. Ejemplo: <form name=tb action=tb.asp method=post> <P align=center>Seleccione una opcin <SELECT align=center name=tab style="WIDTH: 40px"> <OPTION selected>1</OPTION> <OPTION >2</OPTION> <OPTION >3</OPTION> <OPTION >4</OPTION> <OPTION >5</OPTION> <OPTION >6</OPTION> <OPTION >7</OPTION> <OPTION >8</OPTION> <OPTION >9</OPTION> <OPTION >10</OPTION> </SELECT> <br> <INPUT type=submit value="Ver tabla" > </P> </form>

Diferencia entre ASP y PHP Ambos lenguajes se insertan en documentos HTML haciendo uso de emulacin de etiquetas (otros lenguajes como Perl deben generar toda la pgina HTML de respuesta). Pero lo cierto es que, a pesar de sus semejanzas, las diferencias entre ambos lenguajes son muchas. Diferencias que hacen que la balanza se vaya inclinando hacia PHP como una mejor solucin para implementar aplicaciones Web. La principal diferencia es que ASP es una tecnologa propietaria de Microsoft, mientras que PHP sigue la filosofa Open Source. Esto
Pgina 33

hace que ASP est pensado para funcionar principalmente sobre plataformas Microsoft, a pesar de que existan soluciones -con un coste econmico elevado-' como Sun ONE ASP que permiten su utilizacin sobre Unix/Linux. Sin embargo, PHP nos permite que sin ningn problema podamos .migrar nuestras aplicaciones Web entre todos los sistemas operativos y servidores en los que funciona. La filosofa de producto comercial de ASP influye adems en que gran cantidad del software adicional necesario para complementar una aplicacin Web supone un coste econmico adicional, por ejemplo, ASPEncrypt (necesario para la encriptacin),

ServerObject's Qmail (gestor de correo electrnico) o Artisans SAFileUp (necesario para la gestin de descargas de ficheros). Sin embargo, en PHP todas estas opciones estn incluidas de forma gratuita. Finalmente, la comunicacin de errores en ASP y su solucin por parte de Microsoft es muchsimo ms lenta que en PHP; las revisiones del software y los parches a los errores encontrados tienen un tiempo de periodo de desarrollo largo. Hay que tener en cuenta que la filosofa Open Source de PHP hace que a lo largo del mundo existan gran cantidad de equipos comprobando el producto, lo cual permite actualizar el producto con nuevas versiones y revisiones que solventan sus problemas de una forma mucho ms rpida. A nivel tcnico, se pueden dar muchas razones a favor de PHP: entre ellas, una mayor rapidez de ejecucin o una gestin de memoria ms acertada. ASP, debido a su propia construccin (basada en una arquitectura COM), nunca podr llegar a ser tan rpido como PHP. Todas las operaciones en ASP estn controladas por objetos COM (Response, Request, ADO, File System ...). Sin embargo, PHP est construido de forma modular; esto quiere decir que todos sus componentes se ejecutan en el mismo espacio de memoria que PHP. De este modo, el cdigo PHP puede ejecutarse
Pgina 34

ms rpidamente al no sufrir la sobrecarga impuesta por la comunicacin con los diferentes objetos COM y procesos que soporta ASP. Adems, cada compilador de ASP (podemos programar con VBScript o con Jscript) se ejecuta en su propio proceso, de modo que, cuando nos encontramos el comienzo de una etiqueta ASP, se produce un cambio de contexto para salir del parser HTML y elegir el compilador apropiado, volviendo a realizar un salto de contexto al encontrar la etiqueta de cierre ASP para volver de nuevo al parser HTML. Algunos de estos problemas se resuelven en parte con la ltima versin del producto ASP. ASP .NET La diferencia entre ASP y ASP .NET es mucha. Mientras ASP se escriba en VBScript, ASP.net puede ser escrito en cualquier lenguaje soportado por el .net Framework, es decir: VB.net; C# y JScript.net. Si, como has ledo, ya no puedes utilizar VBScript sino que debes utilizar VB.net que es lo que ms se aproxima. Otro cambio radical es que ASP.net es un lenguaje totalmente orientado a objetos. Ventajas: Completamente orientado a objetos. Controles de usuario y personalizados. Divisin entre la capa de aplicacin o diseo y el cdigo. Facilita el mantenimiento de grandes aplicaciones. Incremento de velocidad de respuesta del servidor. Mayor velocidad. Mayor seguridad. Desventajas:

Mayor consumo de recursos.

Pgina 35

Ejemplo:

<%@ Page Language="VB" ContentType="text/html" ResponseEncoding="utf-8" %> <script runat="server"> Sub Page_Load p1.InnerHtml = "<b>Hola Mundo</b> " End Sub </script> <html> <body> <form runat="server"> <p id="p1" runat="server" /> </form> </body> </html>

Pgina 36

CONCLUSIONES De acuerdo a esta investigacin hemos llegado a la conclusin que hay infinidad de tecnologas que nos ayudan ya sea a realizacin o la visualizacin de una web, para el beneficio de todos los que usamos la web. Estas tecnologas nos dan diferentes opciones de elegir entre usar una tecnologa propietario o libre porque instalar tecnologas que necesitad ser pagadas teniendo otras que las podemos usar tecnologas libres para el desarrollo sin perjudicar a nadie y as evitando la piratera.

Pgina 37

BIBLIOGRAFA:

Willard, Wendy. Fundamentos de programacin en HTML. Santa Fe de Bogot: McGraw-Hill Interamerican. Prez Laborda, Miguel. Administracin de sitios y pginas web con Macromedia Dreamweaver Mx. Mxico: Alfaomega Grupo Editor. Paloma Daz, Mara; Montero, Susana; Aedo, Ignacio. Ingeniera de la web y patrones de diseo. Madrid: Pearson Educacin. Glenwright, Jerry. www.layout: como disear y componer sitios web. Barcelona: Ediciones Gili. Pressman, Roger S. 2002. Ingeniera del Software un enfoque practico. Mxico: MacGrawHill. Ceballos Cierra, Javier. Java 2 Curso de Programacin. 2 Edicin. Mxico: Alfaomega Grupo Editor. World Wide Web Disponible en: http://es.wikipedia.org/

Pgina 38