UNIVERSIDAD ANDINA DEL CUSCO

Facultad de ingeniera
Carrera profesional: Ingeniera de sistemas
FRAMEWORK:
Introduccin a Vaadin

Docente: Ivn Molero Delgado

Asignatura: Algortmica y programacin IV
Presentado por: Fredy ngel Ugarte Portilla
Gabriel lvaro, Huamn Flores
Albert Anthony, Crdenas Nez

Cusco-Per
2015

Tabla de contenido
Introduccin 1
Presentacin 2
Marco terico

Qu es un framework
Patrn MVC

Tipos de framework

Caractersticas de un framework 6
Desarrollo del framework: Vaadin 7
Qu es Vaadin

Cmo trabaja Vaadin

Porqu utilizar Vaadin

Cmo utilizar Vaadin

Conclusiones 9
Bibliografa 9

Introduccin
Este informe est enfocado a presentar de manera precisa una interpretacin del
framework VAADIN, teniendo en cuenta su definicin, componentes, aspectos y
procesos relevantes para la programacin y diseo, desde una perspectiva amplia,
teniendo en cuenta su presente y su futuro. Tener un entendimiento del VAADIN en su
sentido ms puro, implica hacer un ejercicio de lectura profundo y de recopilacin de
varias fuentes, buscando exponer una relacin clara en el concepto.
El Vaadin es desarrollado por una empresa con sedes en Europa y los EE.UU. cabe
mencionar que es un proceso para la creacin de aplicaciones web modernas, con un
aspecto atractivo, y de excelentes prestaciones. Vaadin ayuda a reducir el tiempo de
desarrollo y el nmero de errores esto facilita la creacin y mejora de nuevos elementos,
adems de proveer y extender. Los framework VAADIN es cdigo abierto. Se
distribuye bajo licencia Apache 2, una plataforma muy liberal, lo que quiere decir que
no existen obligaciones y que se puede utilizar sin ninguna restriccin.
En cuanto a la parte acadmica de este informe, el docente se encuentra comprometido
con la orientacin y evaluacin de esta actividad, con la cual se lograra superar
procesos pendientes con el rea a cargo. El compromiso sobre este informe del
framework VAADIN favorecer el aprendizaje y la aplicacin correcta en la
programacin y diseo de web.
Por lo tanto se espera dominar los conceptos y teoras ledas para dar a conocer lo ms
representativo de que es VAADIN."

Presentacin
En el presente informe brindaremos a conocer distintos conceptos de lo que es un
framework para as tener en cuenta que nos proporciona este a la hora de programar
tambin detallaremos los tipos de framework que existen y sus caractersticas de cada
uno de ellos para as recin por dar detalles de que es el FRAMEWORK VAADIN
desde que es un Vaadin, como trabaja, el por qu debemos utilizar y como utilizar
VAADIN ya que este FRAMEWORK nos proporciona un estilo diferente de disear
pginas web.

Marco terico

Qu es un framework?

En el castellano un framework es una mesa de trabajo en el cual uno puede hacer o

realizar software, tanto en el desarrollo de aplicaciones web, para desarrollo de
juegos o para distintas ramas que uno pueda escoger.
Es una estructura software la cual est compuesta de componentes personalizables e
intercambiables para el desarrollo de cualquier aplicacin, en si se podra decir que
framework es una estructura general pero que est incompleta y necesita de varios
componentes para su desarrollo completo tal igual que un rompecabezas.

Patrn

MVC:

Para poder trabajar con framework tenemos que aprender a usar lo que vendra a
ser un Modelo-Vista-Controlador, ya que en este encontramos el diseo y las
arquitecturas para el desarrollo de una aplicacin en 3 modelos diferentes de los
cuales:
En el modelo primero representamos todos los datos y las reglas de la aplicacin.
En vista representamos los formularios de entrada y salida de una informacin.
El control es el que procesa las peticiones de todos los usuarios y controla la
forma de ejecucin de la aplicacin.

Tipos de

frameworks webs:

Existen varios tipos de frameworks Web: orientados a la interfaz de usuario, como:

a)
b)
c)
d)

1)
2)
3)

4)

Java Server Faces, orientados a aplicaciones de publicacin de documentos

Cocoon, orientados a la parte de control de eventos
Struts que tambin controla
Tapestry, la cual controla varios elementos los cuales aveces pueden ser algo
confusos
La mayora de frameworks Web se encargan de ofrecer una capa de
controladores de acuerdo con el patrn MVC o con el modelo 2 de Servlets y
JSP, ofreciendo mecanismos para facilitar la integracin con otras herramientas
para la implementacin de las capas de negocio y presentacin.

Caractersticas de los frameworks:

No es necesario manipular las URLs ya que los framework se encargan de ello.
En cuan al acceso de dato estas tienen las interfaces y las herramientas necesarias
para conectarse con una base de datos.
La mayora de frameworks implementa una serie de controladores para gestionar
eventos, como una introduccin de datos mediante un formulario o el acceso a una
pgina. Estos controladores suelen ser fcilmente adaptables a las necesidades de un
proyecto concreto.
Tienes deferentes formas de mecanismos para cada usuario y estos no se confundan a
la hora de usarlos.
Mediante el login y password restringe el paso a otras personas que no tengan nada
que ver con el acceso a las pginas de los usuarios

Desarrollo del framework: Vaadin

Qu es Vaadin
Productividad. Funcionalidad. Extensibilidad
Vaadin es un Framework Java para la creacin de aplicaciones web modernas,
con un aspecto atractivo, y de excelentes
prestaciones.
El trmino Vaadin en fins
Las prioridades principales de Vaadin son la significa reno hembra. Se
productividad
del
desarrollador,
la puede ver su parecido si
experiencia del usuario final, y su inclinamos el logotipo 90
escalabilidad. Gracias a la combinacin de grados y nos imaginamos la
desarrollo sobre la JVM y el uso de HTML5, cabeza de un reno.
Vaadin ayuda a reducir el tiempo de
desarrollo y el nmero de errores.
Cdigo abierto
Vaadin es cdigo abierto. Se distribuye bajo licencia Apache 2, una plataforma
muy liberal, lo que quiere decir que no existen obligaciones y que se puede
utilizar sin ninguna restriccin.
Extensibilidad
Los componentes distribuidos con Vaadin Framework han sido creados
pensando en su usabilidad, pero si por cualquier motivo esos componentes no
fueran suficientes para su proyecto, existen ms de 400 componentes en el
directorio de Vaadin para distintos propsitos y listos para usarse.

Cmo trabaja Vaadin

Vaadin comunica sus cambios al navegador.
Lado del servidor
Optimizado para la productividad
La mayora de su tiempo lo pasar escribiendo cdigo Java para el
servidor, de manera que pueda seguir siendo productivo y pueda tener
acceso a sus datos y servicios sin ninguna capa intermedia de
comunicacin.
Lado del cliente

Optimizado para el control

En el lado cliente Vaadin es compatible tanto con el uso de JavaScript
como con el uso de Java a travs del compilador java a javascript GWT.
Usted tendr acceso completo al rbol DOM y podr controlar
directamente cualquier
objeto del navegador.

Por qu utilizar Vaadin

Ventajas:
Para el desarrollador

Causa una buena impresin

Vaadin es una tecnologa para hacer aplicaciones web HTML5. Su

aplicacin en vaadin dar la sensacin de ser rpida; funcionar en cualquier
dispositivo y causar una muy buena impresin.

Aade rpidamente nuevas funcionalidades

Podr seguir aadiendo de manera rpida nuevas caractersticas a su

producto, escribiendo su cdigo en Java, Scala, o en cualquier lenguaje que
corra sobre la JVM, sin preocuparse de incompatibilidades de navegador, ni
de cmo ser la comunicacin ajax, y podr refactorizar su cdigo en su IDE
de igual manera que lo hace con su capa de servicios o de negocio.

Garantiza calidad y seguridad

Vaadin es un API web para el servidor, no hay ninguna restriccin en su

aplicacin. Funcionar con sus libreras y arquitectura favoritas, le resultar
fcil el escribir tests unitarios con JUnit, y pruebas de regresin como tests
basados en pantallazos. El modelo de aplicacin ejecutndose en el servidor
garantiza la seguridad de su aplicacin.
Para el jefe de producto

Ahorra un 50% en costes

Con Vaadin podr reducir hasta en un 50% las lneas de cdigo. Los
programadores no necesitan escribir cdigo en JavaScript o AJAX. Con
el modelo basado en componentes de Vaadin, la aplicacin no solo
presentar una mayor cohesin, sino que ser ms fcil de desarrollar
porque el equipo puede reutilizar otros componentes y composiciones
realizadas por el resto del equipo.
Mayor rapidez de comercializacin
Consiga que su primera versin est lista y en funcionamiento en 5
minutos. Haga los cambios necesarios a su aplicacin e implemntela al
instante. Integre su producto con un nuevo buscador o plataforma sin
aadir cdigo adicional. Con la potencia de la JVM y la facilidad de
Vaadin, podr conseguir comercializar su aplicacin Vaadin en un tiempo
rcord.
Rpida curva de aprendizaje
Todo el cdigo Vaadin es Java, lo que significa que el equipo no necesita
aprender nuevos lenguajes ni nuevas API. Si los desarrolladores ya han
programado una interfaz de usuario previamente, se sentirn muy
cmodos usando los Componentes de Vaadin, y si no lo han hecho
todava, vern en Vaadin la manera ms rpida de desarrollar
aplicaciones vistosas.

Para el usuario final

Aplicaciones que funcionan sin complicaciones

La imagen y la sensacin de coherencia son claves en cualquier interfaz

de usuario. Los componentes UI de Vaadin son rpidos y eficientes, estn
enfocados a la usabilidad y a la accesibilidad, y son muy personalizables.
Funciona en cualquier lugar
Vaadin es compatible con los principales navegadores para PC, mvil y
tabletas. El cdigo se escribe una sola vez y se ejecuta en cualquier
dispositivo.
Una experiencia mvil
La tendencia actual es que la oficina sea mvil. Los directivos desean
acceder a la planta de produccin desde sus tablets, y los usuarios desean
leer y escribir datos desde sus telfonos mviles. Vaadin est siendo
pionero en movilidad, con soporte nativo para dispositivos tctiles. Con
Vaadin TouchKit, podr integrar su producto en aplicaciones para iOS,
Android y Windows Phone.

Vaadin es compatible con todos los navegadores comunes de sobremesa, mviles y

tabletas. Al final, se puede escribir cdigo una sola vez y ejecutarlo en cualquier lugar
tal como pretenda Java en sus orgenes, pero sin que los usuarios finales tengan que
instalar nada en sus dispositivos.

Cmo usar vaadin

Vaadin funciona con cualquier contenedor de servlets: Tomcat, Jetty, Wildfly,
Liferay, WebSphere, Weblogic y muchos ms. Y tambin funciona en la nube.
Vaadin se distribuye en un archivo JAR que podr agregar a cualquier aplicacin
web estndar, se descarga fcilmente a travs de Maven o con su plugin de
Vaadin para su IDE favorito. Hay plugins Vaadin para Eclipse, NetBeans e
IntelliJ IDEA.

Conclusiones
En conclusin lo que podramos decir es que un framework es la forma de crear una
aplicacin web de forma sencilla ya que te ofrece seguridad y gracias a los MVC
(modelo-vista-controlador) podemos llegar a buenos resultados pero siempre en cuando
los usemos correctamente.
Vaadin es un framework escrito en java que nos permite desarrollar aplicaciones web
ricas en diseo y productividad adems de ser de cdigo abierto nos ofrece dos enfoques
de programacin: del sitio del servidor y desde el lado del cliente, lo cual enriquece ms
su utilidad.

Bibliografa
Grnroos, M. (2015). Libro de Vaadin:Vaadin 7 Edicin - 3 Revisin. Vaadin Ltd.

annimo. (2008). framework design. 4 de julio del 2015, de

Microsoft Sitio web: https://books.google.com.pe/books?
id=39d1wZ598ecC&printsec=frontcover&dq=framework&hl=
es&sa=X&ei=n6qZVeRWyqM2vvqCqAg&ved=0CB4Q6AEwAA
#v=onepage&q=framework&f=false

Sal. (29 de septiembre del 2006). Framework. 4 de julio del

2015,
de
Jordishan
Sitio
web:
http://jordisan.net/blog/2006/que-es-un-framework/