En ésta ocasión Scott Hommel nos muestra en 6 pasos (un tutorial corto pero bueno) como crear una aplicación JavaFX que muestra un grupo de fotografías con transición automática y efectos entre transición, al estilo diapositivas. En realidad resulta bastante sencillo el ver cómo se realiza la aplicación con pocas líneas de código.

La herramienta que ha utilizado en éste caso es NetBeans, y a propósito de NetBeans ya está disponible para la descarga la versión 6.8 Beta y en el blog de Avbravo pueden encontrar una entrada NetBeans 6.8 Beta JavaFX Ubuntu 9.10 el nombre es por demás descriptivo de lo que encontrarán. Sería interesante hacer el slideshow con las herramientas del post de Avbravo.

Los 6 pasos que se muestran en el post Creating an Image Slideshow:

1. Crear el proyecto Slideshow
2. Crear el Stage y Scene
3. Configurar el color de fondo
4. Cargar y mostrar las imágenes
5. Agregar una línea de tiempo
6. Agregar la transición

El post de Hommel es interesante porque al final se muestran otros recursos relacionadas con cada una de las actividades realizadas para crear el post.

Espero que sea de su interés.

Como ya lo mencionó Charles Ditzel en su post What’s Wrong With JavaFX and What Needs Fixing? una de las falencias de JavaFX es la ausencia de ciertos controles (ejemplo: árboles y tablas), ésta debilidad se acrecienta cuando lo comparamos con Swing que cuenta con muchos más. (Para ver una lista de los componentes JavaFX visiten: Top 5 most Important Features in JavaFX 1.2).

Para cubrir de cierta forma ésta debilidad, es posible utilizar dentro de una aplicación JavaFX componentes Swing; también se lo puede hacer en sentido contrario, en una aplicación Swing usar JavaFX, pero a través del hacking lo que no garantiza que siga funcionando en versiones posteriores. Para conocer más visiten: How to use JavaFX in Your Swing aplicaciones. Ésta característica, la capacidad de JavaFX de soportar componentes Swing, ha sido explotada en el JavaOne en las conocidas sesiones “Extreme GUI Make Over”, en donde se hace un cambio extremo a una aplicación Swing, ésta vez, para las mejoras se ha utilizado JavaFX dando como resultado una aplicación hibrida entre JavaFX y Swing.

Amy Fowler ha colaborado en el cambio extremo de GUI y ha elaborado un post resumen, en el cual muestra una lista de 10 + 1 pasos necesarios para incluir controles Swing dentro de una aplicación JavaFX. Los 10 pasos son los siguientes:

• Tocar las bases del lenguaje
• Descargar el SDK JavaFX
• Crear un proyecto en NetBeans
• Crear el “Stage”
• Definir el layout
• Embeber los componentes Swing
• Enganchar los Listeners
• Agregar efectos
• Agregar movimiento
• Hacer tus conclusiones

Para leer el post completamente lee el post: Insider’s Guide to Mixing Swing and JavaFX

Revisando un vídeo en dónde Danny Coward (Chief Architect for Client Software at Sun Microsystems) habla sobre algunas de las características que tendrá del JDK 7, que verá la luz más allá del mes de Febrero de 2010, me encontré con la grata noticia que algunos componentes de SwingX estarán incluidos dentro del API; los componentes son: JXDatePicker y JXLayer.

Éstos componentes permitirán que nuestras aplicaciones tengan un widget para la selección de una fecha y un componente que permita bloquear un panel y sus componentes,mientras que se ejecuta una tarea, con unos efectos visuales bastante buenos. (Al momento de escribir éste post la página de SwingLabs tiene problemas y no puedo cargar links).

Me da gusto saber que se han tomando en cuenta elementos como éstos que han nacido de esfuerzoso open source.

Una pregunta que nos hicieron en otro post era: ¿qué se debe hacer para que cuando un JFormattedTextField gane el foco se sobreescriba el texto que se muestra actualmente?

Mi primer respuesta fue programar el evento focusGained (cuándo gana el foco) e invoca al método selectAll() que permite seleccionar el texto que muestra el JFormattedTextField. En teoría funciona, pero resulta que no es así. La explicación es la siguiente:

Existe un bug, el 4740914, que ha sido reportado desde la versión 1.4 y que en breves palabras nos dice que existe un problema cuando se llama al método selectAll() de un JFormattedTextField.

La solución se muestra en el mismo reporte del bug. Y es la siguiente:

private void jFormattedTextField1FocusGained(java.awt.event.FocusEvent evt) {
   SwingUtilities.invokeLater(new Runnable() {
      public void run() {
         jFormattedTextField1.selectAll();
      }
   });
}

Básicamente lo que se hace es crear un hilo que llama al método selectAll sobre el JFormattedTextField. En mi caso lo programé en el método que maneja el evento focusGained. Existe una nota que dice: Please note that this solution does not work when this component is used as an editor in a JTable with surrender-focus enabled.

Espero que les ayude, en especial a quién hizo la pregunta.

A los tiempos escribo.

El tema que les presentaré utiliza varias técnologías: SwingWorker, JXBusyLabel y Java Web Start. El propósito es mostrar cómo funcionan, en parte, cada una de ellas. Paso a explicar mis intenciones.

La aplicación es bastante sencilla, imagínese que al hacer clic en un botón se lanza una tarea que demara alguna cantidad significativa de tiempo, para señalarle al usuario que el programa está trabajando (y no dar la impresión que el programa se colgó) se muestra una animación. Luego que la tarea se ha cumplido la animación deja de trabajar. Para cumplir con lo propuesto se utiliza lo siguiente:

• SwingWorker. Una especialización de la clase Thread, que permite realizar tareas ‘por debajo’ de la GUI. La clase SwingWorker crea un hilo que se encarga de hacer la tarea compleja para ello se cuenta con el método doInBackground y cuando la tarea concluye automáticamente se llama al método done. Además la clase SwingWorker trabaja con genéricos de tal forma que permite que el programador defina los tipos de datos de retorno del método doInBackground, en mi caso usé el tipo boolean.

protected Boolean doInBackground() throws Exception {
   int i = 0;

   while(i < 100 && !isCancelled()){
      Thread.sleep(100);
      i ++;
   }
  return true;
}

public void done(){
   try {
      etiqueta.setBusy(!get());
      boton.setEnabled(get());
   } catch (InterruptedException ex) {
      Logger.getLogger(Tarea.class.getName()).log(Level.SEVERE, null, ex);
   } catch (ExecutionException ex) {
      Logger.getLogger(Tarea.class.getName()).log(Level.SEVERE, null, ex);
   }
}

Dentro del método done se puede ver que se existe una llamada al método get() que lo que hace es obtener el valor que retornó el método doInBackground en nuestro caso obtendría true. SwingWorker es un hilo que permite que el hilo que se encarga de la GUI siga trabajando sin interrumpirlo, de esa manera se dá se evita que la GUI se congele. Se creó un clase denominada Tarea que hereda de SwingWorker y posee propiedades del tipo JXBusyLabel y JButton que serán referencias a los elementos que se encuentran en el JFrame.

SwingWorker se encuentra definido desde la versión 1.6 así que es necesario contar con esa versión del JDK.

• SwingX es un conjunto de componentes que extienden a los existentes en Swing, entre esos componentes existen uno denominado JXBusyLabel que es un componente que muestra un grupo de líneas colocadas formando una circunferencia (existen otras formas de presentación), cada línea cambia de color dándole así una animación y el la idea de que se está trabajando y que espere hasta que se concluya con la tarea. Veamos el código

BusyPainter painter = new BusyPainter(
   new RoundRectangle2D.Float(0, 0, 15.000001f, 5.0f, 10.0f, 10.0f),
   new Ellipse2D.Float(7.5f, 7.5f, 35.0f, 35.0f));
painter.setTrailLength(4);
painter.setPoints(8);
painter.setFrame(-1);

jxblTrabajando.setPreferredSize(new Dimension(50, 50));
jxblTrabajando.setIcon(new EmptyIcon(50, 50));
jxblTrabajando.setBusyPainter(painter);

Aún estoy estudiando el código así que no puedo decir mucho, pero podemos ver que no es complicado. El objeto de la clase JXBusyLabel se denomina jxblTrabajando y utiliza la clase BusyPrinter para poder trabajar. Es importante decir que para iniciar la animación se debe llamar al método setBusy(true); en el programa que analizamos se ejecuta dicho método cuándo se hace clic en el botón Iniciar.

Las clases de SwingX son muchas y además existen otros proyectos como JXLayer, Timingframework que permiten hacer muchas otras cosas.

• Finalmente Java Web Start es una tecnología Java que permite deployar (descargar e instalar) las aplicaciones desde una página Web superando algunos de los incovenientes que se presentan cuándo se instalan aplicaciones cliente – servidor, como por ejemplo la actualización ya que las aplicaciones JWS primero revisan si la versión de la aplicación instalada en el computador es la misma que la que se encuentra en el servidor, sino es así se descargará la última versión del servidor.  Para realizar ésto se utilizó las facilidades que posee NetBeans. Para ello se hizo clic derecho sobre el proyecto, propiedades y luego se busca la opción Web Start se habilita esa opción y listo. Cuando se hace un Clean&Build se generan un archivo jnlp y página html que contienen un link al archivo jnlp.  Antes de poder ejecutar las aplicaciones de ésta manera es necesario verificar que tú servidor Web maneje apropiadamente vía tipo MIME los archivo jnlp, verificando si existe la línea: application/x-java-jnlp-file JNLP . Mayores detalles puedes encontrarlos en Deploying Java Web Start Applications

Para ejecutar la aplicación vía Web Start clic aquí

En la aplicación se agregó un check box y un radio button con la final de mostrar cómo la tarea se ejecuta de manera independiente de la GUI. SwingLabs posee muchos componentes muy interesantes y útiles pueden ver los demás aquí y en algún momento la aplicación debería ser así

Para descargar el código haga clic aquí

Saludos.

Buscando ejemplos de aplicaciones JavaFx, me he encontrado con el siguinte blog JFXStudio, el mismo que muestra una gran cantidad de ejemplos sobre JavaFx, acompañados de su código fuente.

Uno de los ejemplos que más me ha llamado la atención es uno que trabaja con base de datos. El ejemplo es una evolución de otro, que se detalla aquí. En la evolución se puede ver una interfaz más desarrollada y enriquecida que la original.

Lo interesante del post original es que detalla el trabajo con base de datos, una de las tareas que son necesarias en cualquier tipo de aplicación. En éste ejemplo podemos ver el potencial para la creación de GUI que posee JavaFX y cómo interactuar con bases de datos. Pueden encontrar el código fuente del proyecto de NetBeans.

Un imagen de ejemplo: tomada desde JavaFXStudio

“]

GUI JavaFX y base de datos [Tomada desde: http://jfxstudio.wordpress.com/2009/03/03/the-graphic-database-front-end/

Espero que les ayude.

Via un RSS de Sun, me he enterado de la existencia de una aplicación Java desarrollada para Facbook, bueno hasta ahí ninguna novedad. Lo interesante es que ha sido desarrollada utilizando JavaFX.

Detallando un poco la aplicación: se trata de un Puzzle o rompecabezas, que se forma a partir de una imgén que es tomada de tú album de fotos. Para ver en funcionamiento dicha aplicación debes buscar JavaFX y el segundo link te mostrará ésta aplicación, luego sigues los pasos que se muestran y estarás disfrutando de ésta aplicación.

Ésta aplicación, podría ser la primera aplicación JavaFX, que se lanza a producción y que tiene miles de usuarios potenciales. Lamentablemente para quienes estamos utilizando Ubuntu y no tenemos instalado el jre6u10 esté mundo FX está aún lejano. (No instalo el jre6u10, porque no aparece en Synaptic)

Revisando el sitio de Sun he podido ver cómo se hace el lanzamiento de la plataforma JavaFX, para la cual han creado un sitio, en el cual pueden ver vídeos, descargar el SDK, ver ejemplos y demos de lo que se puede hacer con ésta plataforma para la construcción de interfaces de aplicaciones.

Adicionalmente la gente de NetBeans anunció (y me enteré vía correo) que se puede actualizar la versión 6.5 para soportar JavaFX, aún no sé si con un editor visual o a puras sentencias.

Esperemos y veamos como se adopta ésta nueva tecnología.

En el presente tutorial pondremos algunas referencias sobre el manejo de este software.

Para la simulación del circuito electrónico, utilizaremos el siguiente software: “Proteus versión 7”.

Un vistazo de este software:

Los elementos que componen nuestro circuito para la manipulación son:

· Micro controlador 16PU

· 6 Leds

· 1 Led de alta luminosidad

· Capacitores de 1 Microfaradio

· 4 Resistencias de 370 ohmios

· Max 232 para trabajar con el puerto serial

· Pulsadores para resetear y enviar mensaje a la computadora

· Cable serial

División de este articulo:

1. Definir tecnologías para el presente proyecto.

2. Desarrollar una simulación del dispositivo.

3. Construir el software para receptar el video en la computadora.

4. Construir el software para manipulación de hardware del circuito electrónico para el movimiento.

5.Construcción de software para el celular.

6.Prueba en un servidor para manipulación desde la web (incluye el servicio mail).

]]> http://cafelojano.wordpress.com/2008/10/16/movimiento-de-una-camara-de-vigilancia-desde-un-celular/feed/ 18 fdquinones esquema_proyecto vascom proteus http://cafelojano.wordpress.com/2008/09/11/richfaces-en-netbeans/ http://cafelojano.wordpress.com/2008/09/11/richfaces-en-netbeans/#comments Fri, 12 Sep 2008 03:53:59 +0000 Jorge López (jorgaf) http://cafelojano.wordpress.com/?p=282 ]]>

Luego de una conversación con mi amigo zepolar, me decidí a leer algo sobre RichFaces, así que empecé por descargar RichFaces Developer Guide.

Buscaba un IDE con el cual trabajar y en la documentación  encontré, aunque ya sabía de su existencia, a JBoss Developer Studio que lamentablemente es una herramienta paga, únicamente existe una versión Trial de 30 días. Ahora volví a buscar algún plugin para NetBeans y me encontré con RichFaces4NB y RichFacesPalette, ambos se necesitan para poder realizar trabjar, aquí los pueden encontrar.

También encontré las siguientes direcciones(Parte I, Parte II y Parte III) en donde se puede encontrar información sobre el trabajo de éste plugin, que puede trabajar con Apache Tomcat como servidor, aunque luego se necesitará GlassFish para el trabajo con EJB mediante Seam.

Espero que sea de su ayuda.