Tutorial de echo2 en español
04/2/07
Recientemente he traducido el tutorial oficial de Echo2 al español y está disponible en mi página web para todo aquel que esté interesado en introducirse en este framework de desarrollo basado en AJAX.
Introducción al Google Web Toolkit
11/27/06
Debido a los comentarios y dudas surgidos a raiz de mi anterior entrada “Ejecutando aplicaciones GWT en Eclipse“, he decidido publicar esta nueva con un breve resumen del GWT que incluye una serie de enlaces a documentación, tutoriales, herramientas, etc..
Google Web Toolkit es una herramienta de desarrollo AJAX de Google destinada a desarrolladores Java. Las aplicaciones web (tanto GUI -Graphical User Interface- como RPC -Remote Procedure Call-) se escriben en Java usando el API GWT. Después los archivos Java se compilan en archivos JavaScript compactos, ofuscados y específicos del navegador. Un pequeño código de carga en JavaScript determina que archivos de script específico del navegador se deben utilizar dependiendo del navegador cliente. La librería API está licenciada bajo licencia Apache 2.0. El compilador GWT lo está bajo una licencia propietaria.
Este es el tercero de una serie de artículos acerca de la creación de componentes para Echo2:
- Componentes personalizados en Echo2 - Parte I
- Componentes personalizados en Echo2 - Parte II
- Componentes personalizados en Echo2 - Parte III
En los anteriores artículos vimos cómo crear ocmponentes personalizados para Echo2 con sus propios elementos de representación y código de lado cliente. Esto se realizó completamente dentro del contexto de Echo2 y el modelo de programación Java del lado del servidor.
Sin embargo existe un inconveniente en esta método, la productividad de desarrollo, y especialmente temas relacionados con la depuración del JavaScript del lado del cliente. Este artículo trata una nuevo modo de desarrollo de un nuevo componentes personalizado que permite una sesión de desarrollo muy productiva y componentes bien depurados, cuyo resultado se pude utilizar dentro del framework Echo2.
Este es el segundo de una serie de artículos acerca de la creación de componentes para Echo2:
- Componentes personalizados en Echo2 - Parte I
- Componentes personalizados en Echo2 - Parte II
- Componentes personalizados en Echo2 - Parte III
En este artículo continuaremos examinando mas características que podemos añadir a los componentes para convertirlos en mas ricos de cara al usuario. Usaremos como componente de ejemplo el echopoint.ExpandableSection de EchoPointNG. Tal vez quieras bajarte su código fuente para estudiarlo según avanzamos.
Este es el primero de una serie de artículos acerca de la creación de componentes para Echo2:
- Componentes personalizados en Echo2 - Parte I
- Componentes personalizados en Echo2 - Parte II
- Componentes personalizados en Echo2 - Parte III
El framework Echo2 viene con una serie de componentes predefinidos que te permiten construir una aplicación Web. Sin embargo quizás quieras construir los tuyos propios que vayan mas allá de los básicos que trae el framework.
Una forma de crearte tus propios componentes consistiría en la composición de varios de los ya existentes. Por ejemplo podríamos crearnos nuestro propio componente LoginPanel como una simple composición de un Grid, un TextField y un Button. Y podríamos añadirles document listeners y action listeners para que actuen como un único componente.
Pero ¿qué ocurre si queremos crear un componente que simplemente no existe o si lo que queremos es modificar significativamente el modo en que trabaja un componente? Para conseguir esto tenemos que escribir nuestro propio componente con su correspondiente elemento de representación (rendering peer).
Siguiendo los pasos de creación e importación de un proyecto Google Web Toolkit en Eclipse nos podemos encontrar que a la hora de ejecutar/depurar no se crea una configuración adecuada que nos permita realizar dicha ejecución/depuración de modo sencillo integrado con el propio Eclipse.
Estos son los pasos a seguir para solucionarlo:
- Con nuestro proyecto ya importado y seleccionado, ir a: “Run” –> “Debug…” (o “Run…”)
- Seleccionar “Java Application” y con el botón derecho “New“
- En “Name” introducimos, por ejemplo, el nombre de nuestra aplicación
- En “Project” seleccionamos nuestro proyecto
- En “Main class” escribimos “com.google.gwt.dev.GWTShell” (sin las comillas)
- Vamos a la pestaña “Arguments” e introducimos algo similar a esto:
-out www com.mycompany.MyApplication/MyApplication.html
El valor adecuado para nuestra aplicación lo podemos ver en el fichero “nombreProyecto-shell” que el GWT ha creado, por ejemplo:
#!/bin/sh
APPDIR=`dirname $0`;
java -cp “$APPDIR/src:$APPDIR/bin:/opt/gwt-linux-1.1.10/gwt-user.jar:/opt/gwt-linux-1.1.10/gwt-dev-linux.jar” com.google.gwt.dev.GWTShell -out “$APPDIR/www” “$@” es.seresco.gwt.GoogleWebToolkit/GoogleWebToolkit.html;
- Vamos a la pestaña “Classpath” y en “User Entries” añadimos al “default classpath” de nuestro proyecto (si no aparece pulsar en “Restore Default Entries”) lo siguiente:
- “Advanced…“, “Add folder” y elejimos la carpeta “src” de nuestro proyecto
- “Add external JARs…” y buscamos la libería “gwt-dev-linux.jar” (o “gwt-dev-windows.jar” en su caso) del directorio de instalación de GWT
- Vamos a la pestaña “Environment“, seleccionamos “New“, en “Name” ponemos “GWT_EXTERNAL_BROWSER” (sin las comillas) y en “Value” el path al navegador Web del sistema, por ejemplo “/usr/bin/firefox“
Listo, ya estamos preparados para ejecutar/depurar nuestra aplicación usando Eclipse.
Echo2
03/1/06
Recientemente he estado haciendo una revisión de varios frameworks de desarrollo Web basados en AJAX y de entre todos los que he visto me ha impresionado uno cuya filosofía contrasta con el desarrollo habitual de aplicaciones Web y se acerca más al desarrollo habitual de escritorio en entornos como Swimng. Se trata del framework open-source echo2.
