ARQUITECTURA DE LAS APLICACIONES WEB La arquitectura tradicional de cliente/servidor tambin es conocida como arquitectura de dos capas.

Requiere una interfaz de usuario que se instala y se ejecuta en una PC o estacin de trabajo y enva solicitudes a un servidor para ejecutar operaciones complejas. Por ejemplo, una estacin de trabajo utilizada como cliente puede ejecutar una aplicacin de interfaz de usuario que interroga a un servidor central de bases de datos.

Ventajas del Sistema de Dos Capas: El desarrollo de aplicaciones en un ambiente de dos capas funciona adecuadamente, pero no es necesariamente lo ms eficiente. Las herramientas para el desarrollo con dos capas son robustas y ampliamente evaluadas. Las tcnicas de ingeniera de software de prototipo se emplean fcilmente. Las soluciones de dos capas trabajan bien en ambientes no dinmicos estables, pero no se ejecutan bien en organizaciones rpidamente cambiantes. Desventajas del sistema de dos capas: Los ambientes de dos capas requieren control excesivo de las versiones y demandan esfuerzo de distribucin de la aplicacin cuando se les hacen cambios. Esto se debe al hecho de que la mayora de la aplicacin lgica existe en la estacin de trabajo del cliente. La seguridad del sistema en un diseo de dos capas es compleja y a menudo requiere administracin de las bases de datos; esto es debido al nmero de dispositivos con acceso directo al ambiente de esas bases de datos.

Las herramientas del cliente y de la base de datos, utilizadas en diseos de dos capas, constantemente estn cambiando. La dependencia a largo plazo de cualquier herramienta, puede complicar el escalamiento futuro o las implementaciones. Arquitectura de tres capas La arquitectura de tres capas es un diseo reciente que introduce una capa intermedia en el proceso. Cada capa es un proceso separado y bien definido corriendo en plataformas separadas. En la arquitectura tradicional de tres capas se instala una interfaz de usuario en la computadora del usuario final (el cliente). La arquitectura basada en Web transforma la interfaz de bsqueda existente (el explorador de Web), en la interfaz del usuario final. 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 presentar 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. 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 (primer nivel otra vez).

Las diferentes capas suelen ser: Capa 1: Cliente de aplicacin: Navegador Web

Capa 2 : Servidor de Aplicaciones: Apache, Servidor Tomcat con servlets Capa 3 : Servidor de Datos: Base de datos, servidor SMTP Ventajas de la arquitectura de tres capas: Las llamas de la interfaz del usuario en la estacin de trabajo, al servidor de capa intermedia, son ms flexibles que en el diseo de dos capas, ya que la estacin solo necesita transferir parmetros a la capa intermedia. Con la arquitectura de tres capas, la interfaz del cliente no es requerida para comprender o comunicarse con el receptor de los datos. Por lo tanto, esa estructura de los datos puede ser modificada sin cambiar la interfaz del usuario en la PC. El cdigo de la capa intermedia puede ser reutilizado por mltiples aplicaciones si est diseado en formato modular. La separacin de roles en tres capas, hace ms fcil remplazar o modificar una capa sin afectar a los mdulos restantes. Desventajas de las Arquitecturas de Tres Capas y basadas en Web. Los ambientes de tres capas pueden incrementar el trfico en la red y requiere ms balance de carga u tolerancia a las fallas. Los exploradores actuales no son todos iguales. La estandarizacin entre diferentes proveedores ha sido lenta en desarrollarse. Muchas organizaciones son forzadas a escoger uno en lugar de otro, mientras que cada uno ofrece sus propias y distintas ventajas.

LENGUAJES DE PROGRAMACIN DEL LADO DEL CLIENTE Un lenguaje del lado cliente es totalmente independiente del servidor, lo cual permite que la pgina pueda ser albergada en cualquier sitio. Pero nuestra pgina no se ver bien si la computadora cliente no tiene instalados los plug-in adecuados. El cdigo, tanto del hipertexto como de los scripts, es accesible a cualquiera y ello puede afectar a la seguridad. Javascript. Javascript es un lenguaje de programacin que realiza acciones dentro del mbito de una pgina web. Su compatibilidad con la mayora de los navegadores modernos, lo posiciona como el lenguaje de programacin del lado del cliente ms utilizado. Con Javascript podemos crear efectos especiales en las pginas y definir interaccin con el usuario. El navegador (browser) del cliente es el encargado de interpretar las instrucciones Javascript y ejecutarlas para realizar estos efectos e interactividades, de modo que el mayor recurso, y tal vez el nico, con que cuenta este lenguaje es el propio navegador. Entre las acciones tpicas que se pueden realizar en Javascript tenemos dos vertientes. Por un lado los efectos especiales sobre pginas web, para crear contenidos dinmicos y elementos de la pgina que tengan movimiento, cambien de color o cualquier otro dinamismo.

Por el otro, javascript nos permite ejecutar instrucciones como respuesta a las acciones del usuario (eventos), con lo que podemos crear pginas interactivas con programas como calculadoras, agendas, o tablas de clculo. Javascript es un lenguaje con muchas posibilidades, es orientado a objetos, con funciones, estructuras de datos complejas, etc. Adems, Javascript pone a disposicin del programador todos los elementos que forman la pgina web, para que ste pueda acceder a ellos y modificarlos dinmicamente. JavaScript no permite dos de las caractersticas clsicas de los lenguajes orientados a objetos (herencia y polimorfismo), pero permite la creacin y manipulacin de objetos sencillos, y la definicin de mtodos y propiedades para dichos objetos. JavaScript soporta el Modelo de Objetos de Documento (DOM, Document Object Model). El DOM es el conjunto de objetos predefinidos que nos permite acceder a todos los elementos de una pgina y a ciertas caractersticas especficas del navegador. Visual Basic Script Es un lenguaje de programacin de scripts del lado del cliente, slo compatible con Internet Explorer. Es por ello se usa poco. Est basado en Visual Basic de Microsoft. Tanto su sintaxis y modo de operacin es una versin reducida del primero. El modo de funcionamiento de Visual Basic Script para construir efectos especiales en pginas web es muy similar al utilizado en Javascript y los recursos a los que se puede acceder tambin son los mismos: el navegador. Applets de Java Son programas hechos en Java, que se transfieren con las pginas web y que el navegador ejecuta en el espacio de la pgina. Los applets son ms difciles de programar que los scripts en Javascript y requerirn conocimientos medios del lenguaje Java. La principal ventaja de utilizar applets consiste en que son independientes del navegador, del sistema operativo y multiplataformas. Cada sistema operativo dispone de una mquina Virtual de Java que puede interpretar los Byte Codes y transformarlos a sentencias ejecutables en el sistema en cuestin. Flash Es un programa multimedia de Adobe que se utiliza para crear presentaciones animadas. Se trata de una aplicacin del lado del cliente que es leda por los principales navegadores. Las animaciones se realizan a partir de vectores y de imgenes en base a pxeles (llamadas raster graphics) y pueden incluir audio y video. Este programa es uno de los ms utilizados para animar sitios Web y permitir la interactividad. Crtica de Steve Jobs Flash una tecnologa 100% propietaria, argumenta que los estndares web deben de ser completamente abiertos. Adobe asevera que los dispositivos que no tienen soporte para Flash, no tienen acceso a toda la web, porque ms del 75% del vdeo en Internet est basado en Flash". Pero lo que no dicen, es que casi todo ese contenido, tambin est disponible en formatos ms modernos como el H.264.

Flash ofrece poca seguridad a sus usuarios. Dice que es uno de los principales culpables que las computadoras Mac fallen. Afirma que han tratado de trabajar conjuntamente con Adobe para corregir los problemas, pero que estos persisten despus de varios aos. No queremos reducir la confiabilidad y la seguridad del iPhone, del iPod, o del iPad aadiendo la tecnologa Flash. Flash se desempea pobremente en los dispositivos porttiles, dado que consume mucha energa, adems de que tambin, consume demasiados recursos aunque el hardware sea capaz de reproducir dicho contenido.

AMBIENTES PARA EL DESARROLLO DE APLICACIONES WEB Un entorno de desarrollo integrado (IDE- Integrated Development Environment -) tambin conocido como entorno de diseo integrado o el medio ambiente integrado de depuracin es una aplicacin de software que ofrece servicios integrales a los programadores de computadoras para el desarrollo de software. Un IDE normalmente se compone de: Un editor de texto. Un compilador. Un intrprete. Herramientas de automatizacin. Un depurador. Posibilidad de ofrecer un sistema de control de versiones. Factibilidad para ayudar en la construccin de interfaces grficas de usuario. IDE para Php Existen muchos entornos de desarrollo para PHP en software libre tales como: Zend Studio, Open Komodo Project, Eclipse + phpEclipse, entre otros. Dreamweaver de Adobe Es en una potente y flexible herramienta de desarrollo que inclute numerosas herramientas para facilitarnos el desarrollo de aplicaciones web. Dreamweaver permite trabajar con los siguientes modelos de servidor: ASP JavaScript ASP VBScript ASP.NET C# ASP.NET VB COLDFUSION JSP PHP MySQL El concepto de sitios en Dreamweaver es bastante til ya que nos permite mantener un orden lgico/fsico de la estructura de nuestro sitio, enlaces y recursos que este utiliza, tiene el potencial para encargarse completamente de los enlaces relativos (recomendado).

Como se menciono Dreamweaver proporciona soporte para variados modelos de Servidor entregando capacidades de creacin de cdigo estndar para una serie de funciones como son la insercin, edicin, eliminacin y consulta de datos, manejo de ciclos y condiciones, incluso acceso por restringido por password, todo esto de una forma muy bsica, pero sin duda es un primer acercamiento para novatos, lo importante de esto es que podemos extender esta capacidad mediante nuestros conocimientos y usar este entorno de desarrollo para facilitarnos la dura tarea de desarrollar para la Web. Jomla! Joomla! es un Sistema de Gestin de Contenidos (CMS) premiado mundialmente, que le ayuda a construir sitios web y otras aplicaciones online potentes. Lo mejor de todo, es que Joomla es una solucin de cdigo abierto y est disponible libremente para cualquiera que desee utilizarlo. Joomla! se utiliza en todo el mundo para generar desde una simple pgina web personal hasta complejas aplicaciones web corporativas. Entre los diferentes usos que la gente da a Joomla! estn: Webs corporativas o portales Comercio electrnico Pequeos sitios de negocios Webs de organizaciones o ONGs Aplicaciones gubernamentales Intranets y extranets corporativas Webs de escuelas o agrupaciones Pginas personales o familiares Portales de comunidades Revistas y peridicos Joomla se puede usar para gestionar fcilmente cualquiera de los aspectos de un sitio web, desde la introduccin de contenidos e imgenes hasta la actualizacin de un catlogo de productos o la realizacin de reservaciones online. WordPress WordPress es un sistema de gestin de contenido enfocado a la creacin de blogs (sitios web peridicamente actualizados). Desarrollado en PHP y MySQL, bajo licencia GPL y cdigo modificable, tiene como fundador a Matt Mullenweg. WordPress fue creado a partir del desaparecido b2/cafelog y se ha convertido junto a Movable Type en el CMS ms popular de la blogosfera. Las causas de su enorme crecimiento son, entre otras, su licencia, su facilidad de uso y sus caractersticas como gestor de contenidos.

METODOLOGAS PARA EL DESARROLLO DE APLICACIONES WEB. El creciente desarrollo del comercio electrnico as como el desplazamiento de las distintas organizaciones hacia la Web ha trado en la actualidad una constante evolucin de las aplicaciones

Web. Cada da se incrementan las transacciones financieras, la transferencia de informacin confidencial y ejecucin de procesos online, entre otros, las cuales exigen funcionalidad, confiabilidad, usabilidad y eficiencia por mencionar algunas caractersticas de calidad. Esta relevancia de la economa genera grandes desafos en las aplicaciones Web que son los de controlar y mejorar su calidad. Aunque las aplicaciones Web estn creciendo rpidamente tanto en uso como en aceptacin, su desarrollo tiende a ser ad hoc, resultando en aplicaciones de pobre calidad. La mayora de los desarrolladores Web ponen poca atencin en la elicitacin y anlisis de requisitos, as como en las metodologas y procesos de desarrollo. A dems los desarrolladores de aplicaciones confan excesivamente en el conocimiento y experticia de los desarrolladores individuales y sus prcticas de desarrollo individual ms bien que en las prcticas estndar. No obstante, son las mismas metodologas de desarrollo las que no tratan de manera adecuada y profunda los atributos de calidad. Estas situaciones traen como consecuencia que los atributos de calidad de los sistemas basados en la Web tales como la funcionalidad, confiabilidad, mantenibilidad, usabilidad y portabilidad no se les da la debida consideracin que se merecen durante el proceso de desarrollo. En la ingeniera software se denomina aplicacin web a aquellas aplicaciones que los usuarios pueden utilizar accediendo a un servidor web a travs de Internet o de una intranet mediante un navegador. En otras palabras, es una aplicacin software que se codifica en un lenguaje soportado por los navegadores web en la que se confa la ejecucin al navegador. Las aplicaciones web son populares debido a lo prctico del navegador web como cliente ligero, as como a la facilidad para actualizarlas y mantenerlas. Algunas aplicaciones son: los webmails, wikis, weblogs, tiendas en lnea, intranet. Ingeniera Web es el proceso utilizado para crear, implantar y mantener aplicaciones y sistemas Web de alta calidad. Esta breve definicin nos lleva a abordar un aspecto clave de cualquier proyecto como es determinar que tipo de proceso es ms adecuado en funcin de las caractersticas del mismo. Un empleo sistemtico y disciplinado de modelos, mtodos y modelos de ingeniera de software en la Web para el aseguramiento y control de la calidad favorece a la compresin y anlisis y potencialmente mejorar los desarrollos producidos.

El Proceso de Ingeniera Web Caractersticas como inmediatez y evolucin y crecimiento continuos, nos llevan a un proceso incremental y evolutivo, que permite que el usuario se involucre activamente, facilitando el desarrollo de productos que se ajustan mucho lo que ste busca y necesita. Segn Pressman, las actividades que formaran parte del marco de trabajo incluiran las tareas abajo enumeradas. Dichas tareas seran aplicables a cualquier aplicacin Web, independientemente del tamao y complejidad de la misma. Las actividades que forman parte del proceso son: formulacin, planificacin anlisis, modelado, generacin de pginas, test y evaluacin del cliente. La formulacin identifica objetivos y establece el alcance de la primera entrega. La planificacin genera la estimacin del costo general del proyecto, la evaluacin de riesgos y el calendario del desarrollo y fechas de entrega. El anlisis especifica los requerimientos e identifica el contenido. La Modelado se compone de dos secuencias paralelas de tareas. Una consiste en el diseo y produccin del contenido que forma parte de la aplicacin. La otra, en el diseo de la arquitectura, navegacin e interfaz de usuario. Es importante destacar la importancia del diseo de la interfaz. Independientemente del valor del contenido y servicios prestados, una buena interfaz mejora la percepcin que el usuario tiene de stos. En la generacin de pginas se integra contenido, arquitectura, navegacin e interfaz para crear esttica o dinmicamente el aspecto ms visible de las aplicacin, las pginas. El Test busca errores a todos lo niveles: contenido, funcional, navegacional, rendimiento, etc. El hecho de que las aplicaciones residan en la red, y que interoperen en plataformas muy distintas, hace que el proceso de test sea especialmente difcil. Finalmente, el resultado es sometido a la evaluacin del cliente. ASPECTOS DE SEGURIDAD. Hoy en da las aplicaciones web son uno de los servicios ms utilizados ya sea accediendo a un servidor web a travs de internet o de una intranet. Los lenguaje de programacin web son verstiles, sencillos de usar y permiten crear soluciones de gran envergadura. Las aplicaciones escritas en estos lenguajes estn expuestas a diversas amenazas si no se toman las medidas adecuadas para evitarlo, por este motivo se resalta la importancia de la formacin en seguridad que deberan de recibir todos los programadores. Si no se procede de forma correcta, las aplicaciones web desarrolladas en estos lenguajes pueden servir como puerta de entrada de un intruso a la red de la empresa, por lo que la seguridad de este tipo de aplicaciones tiene que ser tomada como prioritaria para no exponer la seguridad de su negocio. Esta formacin est orientada a que los equipos de programadores conozcan y utilicen las buenas prcticas en el diseo y desarrollo de aplicaciones para evitar vulnerabilidades de seguridad. El objetivo del mismo es conocer como proteger la aplicacin contra los fallos ms comunes (SQL Injection, XSS, Command Execution, File Inclusion ).

Las fallas de seguridad ms comunes son: Cross Site Scripting (XSS). Las vulnerabilidades de XSS originalmente abarcaban cualquier ataque que permitiera ejecutar cdigo de "scripting", como VBScript o JavaScript, en el contexto de otro sitio web (y recientemente esto se podra clasificar ms correctamente como "distintos orgenes"). Injection Flaws Insecure Remote File Include Insecure Direct Object Reference Cross Site Request Forgery (CSRF) Information Leakage and Improper Error Handling Broken Authentication and Session Management Insecure Cryptographic Storage Insecure Communications Failure to Restrict URL access