Gracias a la aparición de la nueva versión del Mac Os X llamada snow leopard y a un post de JavaHispano me enteré de la existencia de una iniciativa denominada Macwidgets que se ha planteado como objetivo crear en Java algunos widgets con el estilo Mac. Para muestra un botón:

Un elemento de ejemplo (Tomado desde: http://code.google.com/p/macwidgets/wiki/Examples)

En éste enlace pueden encontrar un página en dónde se muestran ejemplos de los elementos que existen. Según he leído en el sitio, los componentes no son exclusivos para la plataforma Mac.

Lo única que resta por decir es “a jugar” con los componentes.

Buscando algo de información sobre GWT, me he encontrado con el proyecto SmartGWT, que es otro extensión para Google Web Toolkit. Lo que más me llamó la atención es que al parecer uno de los desarrolloradores de GWT-Ext está trabajando en éste SmartGWT y lo más destacable es que tiene soporte para DataBiding y Data Integration. Además de poseer otras características y herramientas que facilitan la integración con base de datos. Aquí la página con los demos.

Viene en 2 versiones (típico) una versión libre y otra versión empresarial de pago, ésta última tiene algunas herramientas adicionales.

Ahora me pregunto, con la versión 1.5 del GWT ya se soporta JPA ¿es necesario éste tipo de aplicaciones? En algún lugar leí que aún se tiene problemas al tratar de enviar los objetos anotados con Entity, pero nunca lo he probado. Ahora que hablo de GWT, GWT-Ext y base de datos les comparto un link en donde pueden encontrar 3 vídeos para saber cómo trabajar con GWT más Eclipse más GWT-Ext más Base de datos. En verdad se puede construir en cualquier otro entorno sin problemas. Link

Gracias a Google Visualization API Library y al trabajo de integración con GWT (Google Web Toolkit) se puede visualizar y hacer reportes de información de una manera gráfica utilizando diagramas de barras, líneas de tiempo, mapas, y muchos otros.

Un ejemplo de lo que se puede realizar (Gráfica tomada del Post Google Visualization API Library for Google Web Toolkit)

También encontrarán el código GWT que genera la imagen anterior. Así que debemos empezar a disfrutar de ésta nueva opción que nos ofrece GWT.

Dentro de una de las materias que llevo en la UTPL, estamos analizando GWT como alternativa para el desarrollo de aplicaciones AJAX. Dentro de éste marco preparé unas clases en donde se muestra cómo se puede interactuar con un servidor Web y a su vez con su servidor de base de datos.

Se mostró el uso de GWT-RPC y servlets, la primera de las opciones tal vez la más compleja (por el manejo de interfaces y clases) mientras que la segunda con el problema de comunicar los resultados (éxito o error) con el trabajo de la base de datos. Obviamente ambos superables.

Se utilizó como base de datos Derby DB que viene configurada para el trabajo con NetBeans y que por razones didácticos es más que suficiente.

Para la GUI, la base es GWT, pero extendida con las características GWT-Ext, configuradas como señalé en un post anterior. Personalmente creo que GWT-Ext colabora enormemente en el desarrollo rápido de éste tipo de aplicaciones.

Les comparto los links en donde pueden descargar el proyecto completo y las librerías que se necesitan así como también algunos archivos de configuración (gwtext.jar, derbyclient.jar), el script e la base de datos.

Proyecto.

Archivo adicionales.

Es conocido que dentro del mundo de NetBeans existe un plugin que nos permite crear aplicaciones GWT y también conocemos la existencia de GWT-Ext que nos aporta con widgets adicionales a los que trae GWT, ahora lo que creo que no es tan conocido es como trabajar con GWT-Ext y NetBeans, esto lo digo porque tuve un par de problemas que me retrasaron algunos minutos, les comparto mi experiencia.

Partiendo que tenemos instalado GWT y configurado NetBeans con su plugin y un EntryPoint, debemos hacer lo siguiente para configurar GWT-Ext en nuestro proyecto:

1. Agregamos el archivo gwtext.jar a nuestro proyecto. Clic derecho sobre Libraries, luego Add JAR/Folder…
2. Ahora debemos hacer un Clean&Build de nuestro proyecto. Clic derecho sobre el nombre del proyecto y buscamos dicha opción. Esto lo debemos hacer ya que es necesario copiar algunos archivos (hojas de estilo y código JavaScript) dentro de la carpeta js que se encuentra en <Tu_Proyecto>/build/web/<nombr_paquete>/js/ext. Se debe crear la carpeta ext
3. Copiar los siguientes archivos y directorios, los mismos que se son parte de la descarga de ext2.0.2 (como lo señala GWT-Ext, cuando lo descargamos). Se debe copiar lo siguiente: ext-all.js y las carpetas adapter y resources a la carpeta que se menciona en el punto 2.
4. Modificar el archivo xxx.gwt.xml agregando las siguientes líneas:

<inherits name=”com.gwtext.GwtExt”/>

<entry-point class=”ec.loxa.client.prbEntryPoint”/> OJO: esto cambia solo lo ubique para mostrar el orden, aunque no estoy seguro de que tenga alguna implicación.

<stylesheet src=”js/ext/resources/css/ext-all.css” />
<script src=”js/ext/adapter/ext/ext-base.js” />
<script src=”js/ext/ext-all.js” />

Y listo tenemos lo necesario para empezar a trabajar, ojo si le das un Clean&Build o un Build a tú proyecto debes volver a repetir los pasos 2 y 3.

Espero que sea de su ayuda.

Buscando ejemplos sobre aplicaciones GWT para mis alumnos, me he encontrado con un sitio denominado Google Web Toolkit Applications que muestra algunos ejemplos que han sido desarrollados para un libro con el mismo nombre.

Los he revisado y me parecen bastante interesantes y por supuesto el libro también. Les comento los ejemplos:

• Gadget Desktop: Una aplicación al estiglo Google Ig, es decir tabs, y gadgets que se pueden ubicar, arrastrar y ordenar según nuestro conveniencia.
• Multi-Search: Un cliente que permite realizar búsquedas a diferentes motores de búsqueda y que utliza JSONP.
• Blog Editor: Se conecta a Blogger utilizando REST/GData API.
• Instant Messenger: Google Talk se podría decir, ilustra el uso de GWT RPC.
• Database Editor: Herramienta para el manejo de datos, muestra el trabajo con JSON, PHP, REST, GWT RPC con un servlet Java e Hibernate

Ahí se los dejo para que lo revisen y puedan disfrutarlos.

El 3 de enero me enteré de ésta noticia, Google a través de un canal en YouTube (Google Developers) ha puesto a nuestra disposición una extensa lista de vídeos en donde se puede apreciar presentaciones de algunos de los API’s que Google ha desarrollado.

Espero que sea de su ayuda.

Powered by ScribeFire.

Ya hace algún tiempo se vaticino la llegada de la aplicaciones Web orientadas hacia la experiencia rica del usuario. Lo que significa:

• Asemejar la apariencia de las aplicaciones Web con la apariencia de las aplicaciones de escritorio.
• Respuesta rápida e intuitiva
• Respuesta inmediata a los estímulos del usuario
• Que las cosas pasen naturalmente, sin necesidad de que el usuario solicite hacer lo que es obvio.

Una gran cantidad de la aplicaciones que usamos sobre la Internet, son aplicaciones Web convencionales; que una aplicación Web, sea convencional significa que la interacción de usuario sigue la secuencia: clic, esperar, refrescar -hacer clic en petición de una acción, esperar, y recibir una nueva página con los resultados de la acción solicitada-. Esta secuencia es lenta y el tiempo de respuesta esta sujeto a variables como la velocidad de conexión, la capacidad del equipo servidor, diseño de navegabilidad de la aplicación, etc. Ejemplos de este tipo de aplicaciones son: El Entorno Virtual de Aprendizaje de la UTPL y la UOC, de los cuales soy usuario; El cliente Web de correo de la UTPL; DSpace; La versión antigua del cliente Web de correo de hotmail que aún se usa ampliamente en el mundo; La versión alternativa que google presenta cuando el navegador no soporta AJAX; El Entorno Virtual de Aprendizaje Compartido EQaula. Seguramente ustedes conocen algunos más.

En contraste, las tecnologías para aplicaciones que proveen interacción rica al usuario emergen como solución a los problemas derivados de las aplicaciones Web convencionales. Ejemplos de estas tecnologías son: Java Applets, Macromedia Flash, Java WebStart, DHTML, AJAX. Algunos ejemplos de Aplicaciones Web orientadas hacia la experiencia rica del usuario son: El cliente de correo de Gmail, WordPress, Blogspot, Yahoo Maps, y otras más que hoy mismo usamos con frecuencia.

AJAX permite ofrecer una experiencia rica de uso de aplicaciones gracias a que minimiza el retardo en la respuesta de la aplicación a través del reemplazo de la secuencia clic, esperar, refrescar por actualizaciones parciales de la pantalla. Esto significa que únicamente los elementos de la pantalla que contienen nueva información son refrescados y no todos como sucede en las aplicaciones Web convencionales. Otra diferencia sustancial es que, AJAX, delega el manejo de la interface de usuario al cliente y el servidor se encarga de proveer los datos. En las aplicaciones Web convencionales, el servidor se encarga de proveer la interface de usuario y los datos al mismo tiempo. Esta separación de los datos y la interface del usuario, permite que el usuario siga usando la aplicación mientras que los datos son solicitados y refrescados internamente por la aplicación.

Este conjunto de características dan al usuario la sensación de estar trabajando sobre una aplicación de escritorio sobre la Internet. Para que se haga una idea de esto imagine en el Entorno Virtual: hacer clic sobre su nombre, que se habilite el modo de edición, agregar una tilde a su nombre o corregir cualquier error ortográfico, presionar la tecla enter o hacer clic fuera y sin más su nombre ya esta actualizado; al mismo tiempo que en la lista de materias se actualice la información de los mensajes sin leer o a parezca una etiqueta amarilla que indique que en ese momento esta conectado el profesor.

Seguramente muchos de nosotros somos usuarios de aplicaciones basadas en AJAX, a lo mejor no lo hemos notado o no le hemos dato importancia. Lo cierto es que hoy en día “la red es la computadora” y la plataforma sobre la cual corre gran parte de nuestra información tarde o temprano, sino lo es ya, sera la Web.

Revisando JavaHispano, me encontré con la noticia que los creadores GWT han construido una aplicación que puede ejecutarse en los iPhone.
Y lo más relevante es que escribieron toda la experiencia en éste artículo y en ésta sección se puede descargar la aplicación
Tomando algo del post de JavaHispano:
“Una de las apuestas más interesantes de Apple y su iPhone es la de utilzar aplicaciones web 2.0 directamente en teléfonos móviles a través de Safari Mobile. La idea es tener esas bonitas aplicaciones con XHTML, CSS y Ajax en tu móvil y olvidarte de estar lidiando con interfaces poco atractivas como sucedía con WAP o de estar instalando aplicaciones
JavaME que pueden ser incompatibles según el modelo del teléfono usado.

Si bien esta tendencia la inicio Opera con su Opera móvil, Apple la ha llevado a su máxima expresión proveyendo a su iPhone de una gran pantalla y de métodos para interactuar con un touch screen que permite una mejor experiencia para el usuario. SA pesar de que en España la mayor pega a este tipo de aplicaciones es que las operadores móviles cobran demasiado caro el enlace de datos a través de sus redes, en países como Estados Unidos y México existen operadoras que permiten planes de datos ilimitados por lo que el uso de aplicaciones web a través de un teléfono no suena nada mal.”

GWT    Feed Reader para el iPhone

Artículo sobre GWT y iPhone

Powered by ScribeFire.

Hace algún tiempo me enteré de la existencia de ésta herramienta, desarrollada por la gente de google, qué básicamente es permite personalizar una página a través del uso de mashup’s o gadget’s (como prefieran llamarlos).

Es así que página personal ha ido creciendo y tengo todo lo que necesito en una sola página. Lo único que se necesita es tener una cuenta en google para tener acceso al googleig.

Existen una gran variedad de mashup y se pueden agregar todos los que se deseen, existen una gran variedad, entre los que he seleccionado éstan éstos:

• Art of the Day, cada día muestra una obra de arte diferente.
• Gmail, la bandeja de entrad a mi cuenta de gmail
• Google Talk, puede chatear con mis contactos
• Google Reader, para leer todos los RSS a los cuales estoy suscrito
• Twitter
• Deliciuos
• Noticias de Ecuador, a través de CRE

Adicionalmente pueden crear pestañas (tab)  de tal forma que pueden organizar su contenido.

No hace falta decirlo que todo ésto funciona utilizando AJAX

Les dejo una pantalla de mi página.

Powered by ScribeFire.