"TECNOLOGA Y APLICACIONES WEB"

TECNOLOGAS EMERGENTES PARA EL DESARROLLO

DE APLICACIONES WEB
















Contenido
1 TECNOLOGAS EMERGENTES. .......................................................................................................... 3
2 HERRAMIENTAS DE DESARROLLO WEB ........................................................................................... 3
2.1 FRAMEWORKS DE DESARROLLO ................................................................................................... 3
2.1.1 Struts: ......................................................................................................................................... 4
2.1.2 Java Server Faces: ....................................................................................................................... 4
2.1.3 Spring: ........................................................................................................................................ 4
2.1.4 HTML5 Boilerplate:..................................................................................................................... 5
2.1.5Blueprint: ..................................................................................................................................... 5
2.1.6 960 Grid System: ........................................................................................................................ 5
2.1.7 Bluetrip. ...................................................................................................................................... 5
2.1.8 YAML: ......................................................................................................................................... 5
2.1.9 Inuit: ........................................................................................................................................... 5
3.0 TECNOLOGA AJAX......................................................................................................................... 5
4.0 UTILIZACIN DE LIBBRERAS ......................................................................................................... 7
Bibliografa .......................................................................................................................................... 8















TECNOLOGAS EMERGENTES DE DESARROLLO WEB

1 TECNOLOGAS EMERGENTES.
Las tecnologas emergentes son definidas como innovaciones cientficas que pueden
crear una nueva industria o transformar una existente. Cada una de estas tecnologas
ofrece un amplio campo de oportunidades lo que proporciona la motivacin para hacer
inversiones de riesgo,, el problema que plantean estas nuevas tecnologas a las
empresas o directivos de las mismas es que puede dar o no resultado.
Las tecnologas emergentes surgen a que debido las herramientas de gestiones
tradicionales no son capaces de resolver con xito los nuevos desafos.
2 HERRAMIENTAS DE DESARROLLO WEB
Las fases de un desarrollo web, as como los lenguajes de programacin usados, son
muy extensos y variados, y por ello se necesitan herramientas especficas para cada una
de ellas.
En el desarrollo web existen herramientas para el diseo, otras para la maquetacin, otras
para la programacin, y para la depuracin. Todas las herramientas son muy importantes,
desde el Sistema Operativo hasta el comando ms insignificante, y por ello se debe elegir
la ms adecuada segn las necesidades y capacidades.
2.1 FRAMEWORKS DE DESARROLLO
Un framework es un concepto sumamente genrico, se refiere a ambiente de trabajo,
por ejemplo .NET es considerado un framework para desarrollar aplicaciones sobre
Windows. En general los frameworks son soluciones completas que contemplan
herramientas de apoyo a la construccin (ambiente de trabajo o desarrollo) y motores de
ejecucin (ambiente de ejecucin).
Framework se refiere a una estructura de software de componentes personalizables e
intercambiables para el desarrollo de una aplicacin.
Es una aplicacin genrica incompleta y configurable a la que se pueden aadir las
ultimas piezas para construir una aplicacin concreta.
Objetivos de un framework
Desarrollo rpido.
Desarrollo estructurado.
Reutilizacin de cdigo.
Disminucin del esfuerzo en el desarrollo.
Aprovechar las funcionalidades ya implementadas.
Concentrarse directamente en la solucin del problema.
Algunos ejemplos de Frameworks son:

Para Java:
2.1.1 Struts:
Es un framework de aplicaciones web de cdigo abierto para desarrollar aplicaciones web
de Java EE. Utiliza y ampla el Java Servlet API para animar a los desarrolladores a
adoptar una (MVC) modelo-vista-controlador. El marco WebWork escindi de Apache
Struts con el objetivo de ofrecer mejoras y refinamientos, manteniendo la misma
estructura general del marco original Struts. En diciembre de 2005, se anunci que
WebWork 2.2 fue adoptado como Apache Struts 2, que alcanz su primer lanzamiento
completo en febrero de 2007
2.1.2 Java Server Faces:
Es una tecnologa y framework para aplicaciones java basadas en web que simplifica el
desarrollo de interfaces de usuario en aplicaciones Java EE. JSF usa Java Serve Pages (JSP)
como la tecnologa que permite hacer el despliegue de las pginas, pero tambin se puede
acomodar a otras tecnologas como XUL (acrnimo de XML-based User-interface Language,
lenguaje basado en XML para la interfaz de usuario).
JSF incluye:
Un conjunto de APIs para representar componentes de una interfaz de usuario y
administrar su estado, manejar eventos, validar entrada, definir un esquema de
navegacin de las pginas y dar soporte para internacionalizacin y accesibilidad.
Un conjunto por defecto de componentes para la interfaz de usuario.
Dos bibliotecas de etiquetas personalizadas para JavaServer Pages que permiten
expresar una interfaz JavaServer Faces dentro de una pgina JSP.
Un modelo de eventos en el lado del servidor.
Administracin de estados.
Beans administrados.


2.1.3 Spring:
Es un framework para el desarrollo de aplicaciones y contenedor de inversin de control,
de cdigo abierto para la plataforma Java.
Para HTML y CSS:
2.1.4 HTML5 Boilerplate:
Nos ofrece simplificar el proceso de construccin de sitios web en HTML5 y para ello nos
permite descargar una especie de template o plantilla que puede ayudar no solo a los
desarrolladores web novatos, sino tambin a los ms experimentados.
Con H5BP podemos obtener cdigo del mejor (est desarrollado por gurus como Paul
Irish) para: normalizacin para todos los navegadores (cross-browsing), optimizacin de
performance, optmizaciones para navegadores en dispositivos mviles, clases especficas
para IE, clases no-js y js para estilos basados en capacidades del navegador, un
archivo .htaccess que permite el uso correcto de caractersticas HTML5 y carga de pgina
ms rpida, y mucho ms; todo hecho teniendo en cuenta las mejores prcticas de hoy en
da en el desarrollo web.
2.1.5Blueprint:
Diseado para reducir los tiempos de desarrollo y mejorar la compatibilidad entre los
distintos navegadores web cuando se trabaja con los estilos en cascada (CSS). Tambin
sirve como base para muchas herramientas que permiten el desarrollar CSS fcilmente y
de una manera ms accesible para principiantes.
2.1.6 960 Grid System:
Es una biblioteca de CSS enfocada a la maquetacin de una pgina web.
2.1.7 Bluetrip.
Es un "framework" (o entorno de desarrollo) CSS. Ahorra tiempo en la maquetacin con hojas
de estilo. Permite generar la base para el diseo de una pgina web de ancho fijo (950px),
dividida en 24 columnas iguales. De esa manera, la ubicacin y creacin de cajas de cualquier
ancho (medido en columnas) se simplifica.
2.1.8 YAML:
Es un formato de serializacin de datos legible por humanos inspirado en lenguajes
como XML, C, Python, Perl, as como el formato para correos electrnicos especificado por
el RFC 2822
2.1.9 Inuit:
Esto no hace cumplir cmo los elementos deben buscar. En su lugar, se ofrece un conjunto de
herramientas que aceleran su trabajo y permiten probar cosas nuevas ms rpido.
3.0 TECNOLOGA AJAX
El trmino AJAX es un acrnimo de Asynchronous JavaScript + XML, que se puede
traducir como "JavaScript asncrono + XML".
Ajax no es una tecnologa en s mismo. En realidad, se trata de varias tecnologas
independientes que se unen de formas nuevas y sorprendentes.
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, para el intercambio asncrono de informacin.
JavaScript, para unir todas las dems tecnologas.
Desarrollar aplicaciones AJAX requiere un conocimiento avanzado de todas y cada una
de las tecnologas anteriores.
En las aplicaciones web tradicionales, las acciones del usuario en la pgina
desencadenan llamadas al servidor. Una vez procesada la peticin del usuario, el servidor
devuelve una nueva pgina HTML al navegador del usuario.

Figura 1. Comparacin grfica del modelo tradicional de aplicacin web y del nuevo
modelo propuesto por AJAX.
Esta tcnica tradicional para crear aplicaciones web funciona correctamente, pero no crea
una buena sensacin al usuario. Al realizar peticiones continuas al servidor, el usuario
debe esperar a que se recargue la pgina con los cambios solicitados. Si la aplicacin
debe realizar peticiones continuas, su uso se convierte en algo molesto.
AJAX permite mejorar completamente la interaccin del usuario con la aplicacin,
evitando las recargas constantes de la pgina, ya que el intercambio de informacin con
el servidor se produce en un segundo plano.
Las aplicaciones construidas con AJAX eliminan la recarga constante de pginas
mediante la creacin de un elemento intermedio entre el usuario y el servidor. La nueva
capa intermedia de AJAX mejora la respuesta de la aplicacin, ya que el usuario nunca se
encuentra con una ventana del navegador vaca esperando la respuesta del servidor.
El siguiente esquema muestra la diferencia ms importante entre una aplicacin web
tradicional y una aplicacin web creada con AJAX. La imagen superior muestra la
interaccin sncrona propia de las aplicaciones web tradicionales. La imagen inferior
muestra la comunicacin asncrona de las aplicaciones creadas con AJAX.
4.0 UTILIZACIN DE LIBBRERAS
Los las libreras y los frameworks especficos para el desarrollo de aplicaciones con
JavaScript han surgido por dos razones:
En primer lugar, porque las aplicaciones comerciales deben funcionar correctamente e
igual de bien en al menos cinco navegadores diferentes: Internet Explorer 6 y 7, Firefox,
Opera y Safari.
En segundo lugar, el tiempo disponible para el desarrollo de cada nueva caracterstica se
reduce cada vez ms por la necesidad continua de incluir novedades en las aplicaciones
antes de que las incluya la competencia.
Algunas libreras son: Prototype, Scriptaculous y JQuery.
PROTOTYPE. Facilita el desarrollo de aplicaciones web con JavaScript y AJAX. Su autor
original es Sam Stephenson, las ltimas versiones incorporan cdigo e ideas de muchos
otros programadores. Es la base de muchos otros frameworks y libreras.
SCRIPTACULOUS. Es una de las muchas libreras que han surgido para facilitar el
desarrollo de aplicaciones. Su autor es Thomas Fuchs.
La librera est dividida en varios mdulos:
Efectos: Permite aadir efectos especiales a cualquier elemento de la pgina.
Controles: Define varios controles que se pueden aadir directamente a cualquier
aplicacin web. Los tres controles que forman este mdulo son: arrastrar y soltar,
autocompletar y editor de contenidos.
Utilidades: La utilidad principal que incluye se llama builder, que se utiliza para crear
fcilmente nodos y fragmentos complejos de DOM.
JQUERY. Su autor original es John Resig, resibe contribuciones de decenas de
programadores. Su diseo interno tiene diferencias drsticas respecto a Prototype.




Bibliografa
http://www.maestrosdelweb.com/editorial/herramientas-adecuadas-para-el-diseno-y-
desarrollo-de-un-sitio-web/
http://www.librosweb.es/ajax/capitulo1.html