You are on page 1of 4

UN LENGUAJE DEL LADO CLIENTE: Es totalmente independiente del servidor, permite que la pgina pueda ser albergada en cualquier

sitio. La pgina no se ver bien si el ordenador cliente no tiene instalados los plug-in adecuados. El cdigo del hipertexto y los scripts, es accesible a cualquiera y puede afectar a la seguridad. UN LENGUAJE DEL LADO SERVIDOR: Es independiente del navegador, no necesita plugin especiales para visualizar correctamente cualquier pgina. El cdigo de los script puede ocultarse al terminal cliente, se ve el cdigo html terminado. Las pruebas y depuraciones del script se hacen desde el servidor. LENGUAJES DE PROGRAMACIN Existen numerosos lenguajes de programacin empleados para el desarrollo de Aplicaciones Web: -PHP -ASP/ASP.NET (ASP no es un lenguaje de programacin, es una arquitectura de desarrollo web en la que se usa por debajo distintos lenguajes (por ejemplo VB.NET o C# para ASP.NET, o VBScript/JScript para ASP). -Java, con sus tecnologas Java Servlets y JavaServer Pages (JSP) -Perl -Ruby -Python DHTML Es lo que hace posible crear una pgina web que salven todas las limitaciones del HTML, es muy amplio y engloba muchas tcnicas que se pueden realizas con multitud de lenguajes de programacin y programas distintos DHTML DE CLIENTE -Es cuando la pgina se est viendo en la pantalla de los usuarios, es decir en los navegadores. En estos casos, para realizar cualquier tipo de efecto o interactividad en la pgina tenemos como recurso al navegador. FUNCIN DEL DHTML DE CLIENTE

Se pueden realizar efectos diversos en las pginas, sonidos, videos, mens interactivos, control y respuesta a las acciones de un usuario en la pgina, control sobre los formularios. Se pueden utilizar lenguajes de programacin como Javascript (para todos los navegadores) y VBScript(para Internet Explorer), o programas como Flash. DHTML DE SERVIDOR Cuando una pgina es solicitada por parte de un cliente, el servidor ejecuta los scripts y genera una pgina resultado, que enva al cliente. La pgina resultado contiene nicamente cdigo HTML, el cdigo de las pginas con los scripts nunca llega al cliente. Se cuentan con todos los recursos del servidor donde estn alojadas las pginas. PROGRAMACIN DEL LADO DEL CLIENTE La interactividad de las aplicaciones se basa en el uso de programacin y de representacin de informacin compatibles con los navegadores web actuales. PROGRAMACIN DEL LADO DEL SERVIDOR La parte importante de las aplicaciones se configura de forma centralizada en servidores especficos. La programacin de estas aplicaciones se puede utilizar usando diversos lenguajes de programacin, lo que implica el uso de modelos de arquitecturas diferentes PHP Compila una serie de instrucciones (llamadas opcodes) siempre que estas son accedidas. Estas instrucciones son ejecutadas una por una hasta que el script termina. PHP es recompilado cada vez que se solicita un script. -VENTAJA PHP: toda la memoria usada por el cdigo es manejada por PHP, y el lenguaje automticamente vaca esta memoria cuando el script finaliza. C# C# es un lenguaje de propsito general orientado a objetos creado por Microsoft para su plataforma .NET.

Fue diseado para combinar el control a bajo nivel de lenguajes como C y la velocidad de programacin de lenguajes como Visual Basic. AJAX AJAX no es un lenguaje exactamente su nombre viene dado por el acrnimo de Asynchronous JavaScript And XML. El corazn de Ajax es el objeto XMLHttpRequest que nos permite realizar una conexin al servidor y al enviarle una peticin y recibir la respuesta que procesaremos en nuestro cdigo Javascript, JAVASCRIPT Se trata de un lenguaje de programacin del lado del cliente, soporta la carga de procesamiento. Es el lenguaje de programacin del lado del cliente ms utilizado. PERL Es el lenguaje ms antiguo. Muchas de las aplicaciones "open source" requieren tener Perl instalado correctamente. La ventaja de Perl es que es muy flexible, y tambin tiene un gran cantidad de mdulos ya escritos. Bien escritos los scripts en Perl se asemejan bastante a PHP. La principal causa es la escritura en "una lnea" empaquetando numerosas funcionalidades en una sola lnea de cdigo. C Es un lenguaje de "medio nivel" pero con numerosas caractersticas de bajo nivel. Dispone de las estructuras tpicas de los lenguajes de alto nivel pero, a su vez, dispone de construcciones del lenguaje que permiten un control a muy bajo nivel. RUBY Y RUBY ON RAILS Tambin conocido como RoR o Rails es un framework de aplicaciones web de cdigo abierto escrito en el lenguaje de programacin Ruby. -PRINCIPAL PROBLEMA haba sido la falta de documentacin en otro idioma que no sea japons. -Simple y funcional, el uso de Active Record de forma eficiente simplifica y agiliza el desarrollo de forma notable. ASP Es un intent de Microsoft para introducirse en el mercado del desarrollo Web, y

viene a ser como su estndar para su servidor Web, ISS. SERVLETS JAVA Son muy eficientes, debido al esquema de threads en el que se basan y al uso de una arquitectura estndar como la JVM, Java Virtual Machine. JAVASERVER PAGES (JSP). Permiten juntar HTML, aplicaciones Java, y componentes como las JavaBeans creando una pgina Web especial que el servidor Web compila dinmicamente en un servlet la primera vez que es llamada. DESARROLLO DE APLICACIONES WEB LOS SERVLETS JAVA Son muy eficientes, debido al esquema de threads en el que se basan y al uso de una arquitectura estndar como la JVM, Java Virtual Machine. JAVASERVER PAGES ( JSP): Los JSP permiten juntar HTML, aplicaciones Java, y componentes como las JavaBeans creando una pgina Web especial que el servidor Web compila dinmicamente en un servlet la primera vez que es llamada. ARQUITECTURA WEB Para abrir una pgina Web en un navegador, normalmente se teclea el correspondiente URL o se hace clic en el hiperenlaces. Una vez que se solicita esta peticin mediante el protocolo HTTP y la recibe el servidor Web, ste localiza la pgina Web en su sistema de ficheros y la enva de vuelta al navegador que la solicit DIAGRAMA ARQUITECTURA DE WEB BSICA

EL NAVEGADOR WEB, BROWSER NAVEGADOR: puede considerarse como una interfaz de usuario universal. Dentro de sus funciones estn la peticin de las pginas Web, la representacin adecuada de sus contenidos y la gestin de los posibles

errores que se puedan producir. -Los navegadores permiten la ejecucin de aplicaciones dentro de los documentos mostrados -VBScript, JScript y JavaScript, proporcionan las soluciones llamadas del lado del cliente, client side y permiten realizar validaciones de datos recogidos en las pginas antes de enviarlos al servidor y proporcionan un alto grado de interaccin con el usuario dentro del documento. HTML dinmico (Dinamic HTML, DHTML). ste est compuesto de HTML, hojas de estilo en cascada, modelo de objetos y scripts de programacin que permiten formatear y posicionar correctamente los distintos elementos HTML de las pginas Web, permitiendo un mayor control sobre la visualizacin de las pginas. LOS APPLETS JAVA: Son pequeos programas que se descargan del servidor Web y se ejecutan en la JVM del navegador. EL SERVIDOR WEB Es un programa que corre sobre el servidor que escucha las peticiones HTTP que le llegan y las satisface. Dependiendo del tipo de la peticin, el servidor Web busca una pgina Web o ejecuta un programa en el servidor, siempre devolver algn tipo de resultado HTML al cliente o navegador que realiz la peticin. CONSTRUCCIN DEL SITIO WEB Para construir el sitio, una vez que tengamos estructurada la informacin y la plantilla de pgina, se debe crear los directorios y los ficheros adecuados. Se deben tener cuidado que los enlaces estn correctamente construidos. Se debe modificar los colores y los ttulos que indican la situacin exacta dentro del sitio web. ACTUALIZACIN DEL SITIO WEB Resulta de vital importancia presentar informacin actualizada, pues de otro modo el sitio perder inters, adems de dar una imagen negativa de nosotros mismos. Se debe recordar modificar la

fecha de ltima actualizacin de las pginas actualizadas. APLICACIONES MULTINIVEL APLICACIONES DE DOS NIVELES: Cliente/servidor pertenecen a la categora de las aplicaciones de dos niveles. La aplicacin reside en el cliente mientras que la base de datos se encuentra en el servidor. El peso del clculo recae en el cliente, mientras que el servidor hace la parte menos pesada. Adems, est el problema de la actualizacin y el mantenimiento de las aplicaciones, ya que las modificaciones a la misma han de ser trasladada a todos los clientes. ARQUITECTURAS DE TRES NIVELES: -Interfaz de presentacin, lgica de la aplicacin y los datos. -La capa intermedia es el cdigo que el usuario invoca para recuperar los datos deseados. La capa de presentacin recibe los datos y los formatea para mostrarlos adecuadamente. Esta divisin entre la capa de presentacin y la de la lgica permite una gran flexibilidad a la hora de construir aplicaciones, ya que se pueden tener mltiples interfaces sin cambiar la lgica de la aplicacin. SISTEMAS MULTINIVEL: -La tercera capa consiste en los datos que gestiona la aplicacin. Estos datos pueden ser cualquier fuente de informacin como una base de datos o documentos XML. -El sistema multinivel consiste en extender la capa intermedia permitiendo que convivan mltiples aplicaciones en lugar de una sola DIAGRAMA DE ARQUITECTURA

MULTINIVEL

LA ARQUITECTURA DE LAS APLICACIONES WEB Suelen presentar un esquema de tres niveles El primer nivel consiste en la capa de presentacin que incluye no slo el navegador, sino tambin el servidor web que es el responsable de dar a los datos un formato adecuado. El segundo nivel est referido habitualmente a algn tipo de programa o script. El tercer nivel proporciona al segundo los datos necesarios para su ejecucin. DESCRIPCIN Y DIAGRAMA DE ARQUITECTURA WEB DE TRES NIVELES Una aplicacin Web tpica recoger datos del usuario (primer nivel), los enviar al servidor, que ejecutar un programa (segundo y tercer nivel) y cuyo resultado ser formateado y presentado al usuario en el navegador

. PHP, Hypertext Preprocesor . JSP, Java Server Pages ARQUITECTURA DE LAS APLICACIONES WEB ARQUITECTURA DE DOS NIVELES: Es la ms simple, se tiene el nivel del Cliente y el nivel del Servidor. ARQUITECTURA WEB DE TRES NIVELES: El primer nivel consiste en la capa de presentacin que incluye el navegador y el servidor web que es el responsable de dar a los datos un formato adecuado. El segundo nivel est referido habitualmente a algn tipo de programa o script. Finalmente, el tercer nivel proporciona al segundo los datos necesarios para su ejecucin. LENGUAJES DE PROGRAMACIN DEL LADO DEL CLIENTE -Los programas del lado del cliente estn incluidos dentro de la pgina HTML, se descargan del servidor junto con este. -Los programas se ejecutan dentro del mbito del browser TECNOLOGAS Y LENGUAJES DEL LADO DEL CLIENTE. -Navegadores para Web. -HTML. -Javascript y Vbscript. -Applets en Java. -Flash (lenguaje ActionScript). -XML. -PDF. -AJAX, acrnimo de Asynchronous JavaScript And XML (JavaScript asncrono y XML). LENGUAJES DEL LADO DEL CLIENTE -Amaya -Epiphany -Galeon -Internet Explorer -Konqueror -Lynx -Mozilla suite navigator -Mozilla Firefox -Netscape Navigator -Opera -Safari -Shiira -Maik Navigator TECNOLOGAS Y LENGUAJES DEL LADO DEL CLIENTE

-Algunos de estos lenguajes y tecnologas requieren de un programa especial (plug-in) instalado en la computadora del usuario. Ejemplo: Adobe Flash Player. -UN COMPLEMENTO (O PLUG-in en ingls) es una aplicacin que se relaciona con otra para aportarle una funcin nueva y generalmente muy especifica. Esta aplicacin adicional es ejecutada por la aplicacin principal e interactan por medio de la API. LENGUAJES DE PROGRAMACIN DEL LADO DEL SERVIDOR. -Se ejecutan en el servidor de Web y son dependientes de la plataforma del servidor. -Se usan para acceder a recursos del servidor, como bases de datos y generacin de contenido dinmico para las pginas.

LENGUAJES DE PROGRAMACIN DEL LADO DEL SERVIDOR. Por ejemplo, el mbito de ejecucin de una pgina ASP.NET

(primer nivel otra vez). PASOS PARA EL DESARROLLO DE UN SITIO WEB -Establecer la informacin a mostrar en el Web, estructurando la estructura lgica del sitio. -Disear la apariencia fsica de las pginas. -Construir el sitio a partir de la informacin, la estructura lgica y de la apariencia fsica del mismo. -Mantener el sitio actualizado. LENGUAJES WEB DEL CLIENTE . Javascript . Visual Basic Script . DHTML . CSS . Applets de Java LENGUAJES WEB DEL SERVIDOR . CGI, Common Gateway Interface . ASP, Active Server Pages

LENGUAJES DE PROGRAMACIN DEL LADO DEL SERVIDOR ASP, ASP.NET (son tecnologas, soportan diferentes lenguajes como VB, C#, C++, etc.). PHP. JSP. Perl. Ruby. Python. XML. 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 se llama hipertextos, pginas web o pginas HTML:

textos complejos con enlaces, figuras, formularios, botones y objetos incrustados como animaciones o reproductores de msica. EJEMPLOS DE SERVIDORES -CERN httpd -Apache (Libre, servidor ms usado del mundo, segn Wikipedia) -IIS -Resin -Tomcat (Libre, del proyecto Jakarta de Apache) -Geronimo (Libre, orientado a J2EE, del proyecto Jakarta de Apache, actualmente se encuentra en desarrollo) -JBoss -JOnAS -Cherokee DIFERENCIA ENTRE UN SITIO WEB Y UNA APLICACIN WEB Una aplicacin Web es un sitio Web donde la navegacin a travs del sitio, y la entrada de datos por parte de un usuario, afectan el estado de la lgica del negocio. En esencia, una aplicacin Web usa un sitio Web como entrada (front-end) a una aplicacin tpica. Si no existe lgica del negocio en el servidor, el sistema no puede ser llamado aplicacin Web ARQUITECTURA WEB tiene 3 componentes principales: un servidor Web, una conexin de red, y uno o ms clientes (browsers). *El servidor Web distribuye pginas de informacin formateada a los clientes que las solicitan. Los requerimientos son hechos a travs de una conexin de red, y para ello se usa el protocolo HTTP.

en una base de datos, y las pginas son creadas dinmicamente. Estos son llamados sitios dinmicos

PAGINAS WEB: son el componente principal de una aplicacin o sitio Web. SCRIPTS EN EL CLIENTE Cuando el browser ejecuta un script en el cliente, ste no tiene acceso directo a los recursos del servidor. Hay otros componentes que no son scripts, como los applets o los componentes ActiveX. Los scripts del cliente son por lo general cdigo JavaScript o VBSscript, mezclados con cdigo HTML. FORMULARIOS Un formulario (form) es una coleccin de campos de entrada: textbox, text area, checkbox, radio button group, button y selection list. SERVIDOR WEB En aplicaciones Web hay una capa intermedia,compuesta por un conjunto de componentes, que se ejecutan no necesariamente en el servidor Web, sino en otros servidores de aplicaciones. Esta capa encapsula la lgica del negocio, y, al ser componentes compilados puede contener objetos, con sus mtodos y atributos (llamados business objects).

BUILDS.Hay una relacin fundamental entre las pginas del servidor y las pginas del cliente, y es que las pginas del servidor crean las pginas del cliente. Esta relacin es en una sola direccin,y para modelarla se usa el estereotipo <<builds>>. ESPECIE DE (IF):redireccionar ciertas solicitudes de procesamiento a otras pginas servidoras. LINKS:define relaciones entre pginas cliente y otras pginas (cliente o servidoras). HIPERLINK:incluye parmetros, stos son modelados como atributos del link fuera de la asociacin. FRAMES:frames se implementan en HTML usando un frameset. Un frameset podra a su vez estar contenido en otro frameset. Las pginas Web contenidas en un frame se llaman targets. El estereotipo <<targeted link>> hace referencia a pginas que van ser cargadas en un frame distindo del que contiene la pgina que tiene el link.

MODELADO APLICACIONES WEB Conallen propone una extensin al UML para disear aplicaciones Web:

ARQUITECTURA BASICA DE APLICACION WEB La informacin mostrada en las pginas est tpicamente almacenada en archivos. Sin embargo, muchas veces esta informacin est almacenada

las pginas Web son los principales componentes de la arquitectura Web, hay que podermodelarlas. Usando UML podemos ver una pgina Web como un objeto.