aplicaciones web con zk framework.pdf

7/28/2019 Aplicaciones Web con ZK Framework.pdf

1/14

Desarrollo de aplicaciones web

con ZK Framework

Qu es ZK Framework?

ZK es un framework de aplicaciones web en AJAX, completamente en Java de

software de cdigo abierto que permite una completa interfaz de usuario para

aplicaciones web sin usar JavaScript y con poca programacin.

El ncleo de ZK es un mecanismo conducido por eventos basado en AJAX,

sustentado sobre 70 componentes XUL y 80 componentes XHTML, y un lenguaje

de marcacin para disear interfaces de usuario. Los programadores disean las

pginas de su aplicacin en componentes XUL/XHTML ricos en caractersticas, y

los manipulan con eventos disparados por la actividad del usuario final. Es similar

al modelo de programacin encontrado en las aplicaciones basadas en GUI de

escritorio.

Para qu se usa?

ZK utiliza el acercamiento llamado centrado-en-el-servidor para la sincronizacin

de componentes y el pipelining entre clientes y servidores se haga

automticamente por el motor, y los cdigos de Ajax sean completamente

transparentes para los desarrolladores de aplicaciones web. Por lo tanto, los

usuarios finales obtienen una interaccin y respuesta similar a las de una

aplicacin de escritorio, mientras que la complejidad del desarrollo es similar a la

que tendra la codificacin de aplicaciones de escritorio.


2/14

Instalacin de ZK

1) Pre-requisitos

a. JDK

b. Tomcat 7

c. Eclipse

d. Descompresor (Winrar, winZip, 7 Zip, etc.)

*Puedes ver la instalacin de estos programas en:

http://www.cjavaperu.com/instalaciones

2) Descargas

a. Descargar el programa en:http://www.zkoss.org/download/zk

b. De acuerdo a nuestro sistemas operativo vamos a realizar la descarga,

nosotros usaremos Windows y el ejecutable aunque tambin

podemos usar el archivo zipeado:

Descargar el Archivo
http://www.cjavaperu.com/instalacioneshttp://www.cjavaperu.com/instalacioneshttp://www.zkoss.org/download/zkhttp://www.zkoss.org/download/zkhttp://www.zkoss.org/download/zkhttp://www.zkoss.org/download/zkhttp://www.cjavaperu.com/instalaciones


3/14

c. Seleccionamos una ruta en la red donde guardaremos el archivo zip,

clic en Guardar.

d. Una vez descargado, reconocers el fichero porque llevar por

nombre algo parecido a zk-bin-[version].zip. Extraer su contenido en

una carpeta.

3) Agregar la Librera Jar del ZK

Para crear una aplicacin web en Eclipse, primero creamos un Dynamic Web

Project:

a. Seleccionamos File/New/Other


4/14

b. En la siguiente ventana desplegamos la carpeta Web y dentro de ella

seleccionamos Dynamic Web Project, clic enNext

c. Escribimos como nombre del proyecto, por

ejemplo ProyectoWebCnZK, y dejamos el resto de configuraciones

como estn por defecto. Clic en Finish.


5/14

Para Instalar el JAR de ZK en el Proyecto Web

a. Para usar ZK en un proyecto, tienes que copiar el JAR de ZK en tu

carpeta de libreras de la aplicacin (library). Seleccionamos el Proyectocreado, clic derecho: Build Path/Configure Build Path

b. De la ventana que se muestra, en la pestaa Libraries, seleccionamos

el botnAdd External JARs


6/14

c. En la siguiente ventana seleccionamos los archivos JRar

{YOUR_ZK_UNZIP_FOLDER}\dist\lib

{YOUR_ZK_UNZIP_FOLDER}\dist\lib\ext

De la carpeta zk-bin-version que descargamos al inicio. Clic enAbrir.

d. Finalmente clic en OK.


7/14

e. Con esto ya tendramos agregado la librera del ZK. Tal como lo

muestra la siguiente figura:

4) Ejemplo (Crear una pgina simple)

Despus de la instalacin, puedes crear una pgina simple para verificarsi ZK est funcionando o no.

a. Desde el eclipse para aadir un nuevo fichero en el proyecto

seleccionamos File/New/File


8/14

b. Lo llamaremos hello.azul y lo colocaremos en la carpeta WebContent

de nuestro proyecto Web. Clic en Finish.

c. Hacemos doble clic en el fichero hello.azul, para editar su contenido

como texto.


9/14

d. Copiamos el siguiente cdigo fuente dentro del fichero (hello.azul) y

lo guardamos.

CJAVA... Siempre para Apoyarte!!

Ahora configuramos el servidor

e. Antes de ejecutar una aplicacin web, tenemos que configurar un

servidor en eclipse. Para ello seleccionamos Windows/Preferences.


10/14

f. En la parte izquierda de la ventana Preferences que nos ha aparecido

seleccionamos Server/Runtime Environments. Pulsamos Add para

aadir una configuracin de ejecucin de servidor.

g. Seleccionamos Apache/Tomcat v7.0 Server, puesto que soporte

Servlet 3.0 y marcamos Create a new local server, a continuacin clic

en Next.


11/14

h. Como se indica al inicio de este tutorial como Pre-requisito debes

tener instalado Tomcat 7, simplemente indica el directorio de

instalacin en Tomcat installation directory. Clic en Finish.

i. A partir de este momento podr ver la nueva entrada en Serverruntime environments en la pantalla de Preferences. Pulsamos Ok.


12/14

Ejecutamos la Aplicacin

j. Ahora hacemos clic con el botn derecho sobre el fichero hello.azul

y seleccionamos Run As/Run on Server para ejecutar el fichero ennuestro servidor de aplicaciones.

k. Elegimos el servidor Tomcat v7.0 que nos aparece. Luego hacemos

clic en Finish y esperamos a que el servidor arranque.


13/14

l. Despus de que el servidor arranque, eclipse abrir su navegador y

conectar con el servidor de aplicaciones automticamente. Si lo ves

es muy similar a la siguiente imagen.

Con esto queda probado que el programa funciona correctamente.

Resulvelo t

Ahora te toca a ti! Crea una web con ms pginas

Recuerda que el cdigo y la base de datos puedes descargarlo en:

o http://www.cjavaperu.com/instalaciones/ZK
http://www.cjavaperu.com/instalaciones/ZKthttp://www.cjavaperu.com/instalaciones/ZKthttp://www.cjavaperu.com/instalaciones/ZKt


14/14

Trabajo realizado por el rea de sistemas de CJAVA

Para consultas, dudas o asistencia tcnica comunicarse al siguiente correo:

o [email protected]

o [email protected]

o www.cjavaperu.com
mailto:[email protected]:[email protected]:[email protected]:[email protected]://www.cjavaperu.com/http://www.cjavaperu.com/http://www.cjavaperu.com/mailto:[email protected]:[email protected]

aplicaciones web con zk framework.pdf

Documents