Nimbus Look & Feel

Desde el JDK 6 release 10 (jdk6u10), está disponible un nuevo Look & Feel para las aplicaciones en Java: Nimbus Look & Feel. El cual tiene una manera de funcionar muy particular y distinta a como venían funcionando los L&F anteriores.

Para invocarlo simplemente escribimos en el “Main” de nuestra aplicación:

public static void main(String[] args) {
        // TODO code application logic here
        for(UIManager.LookAndFeelInfo laf:UIManager.getInstalledLookAndFeels()){
            if("Nimbus".equals(laf.getName()))
                try {
                UIManager.setLookAndFeel(laf.getClassName());
            } catch (Exception ex) {
            }
        }
    }

No es recomendable poner el L&F directamente asi:

try {
       UIManager.setLookAndFeel("com.sun.java.swing.plaf.nimbus.NimbusLookAndFeel");
     } catch (Exception ex) {// Manejo de excepción...
                                     }

Por varias razones. La principal es que a partir de Java 7, el L&F Nimbus cambiará de paquete y se ubicará en javax.swing.plaf.nimbus. Muchos se preguntarán “Y por qué no lo pusieron ahi desde que lo crearon?” La respuesta es sencilla; Los paquetes java.* y javax.* no pueden ser modificados en releases menores. Por otro lado, nada nos garantiza que nuestra aplicación se vaya a ejecutar en un cliente con jdk6u10 o superior instalado.

Una de las grandes ventajas de Nimbus sobre los otros L&F’s es que este no se encuentra basado en Bitmaps, sino que todo se basa en Vectores, los cuales permiten tener mayor precisión al pintar el componente, sobretodo cuando se agrandan o reducen componentes, cuando se maximiza o restaura una aplicación.

Existe una aplicación de prueba llamada Laffy, con la cual se puede observar todos los componentes Swing, con el L&F de Nimbus. Una vez descarguen jdk6u10, o superior instalado pueden hacer click aqui para darle un vistazo a Laffy y por supuesto, el más reciente Look and Feel de Java; Nimbus. He aqui un vistazo a Laffy.

Nimbus Look & Feel

Los invito a todos a probar en sus aplicaciones este nuevo L&F, seguro sus clientes (o su jefe ;-) ) se mostrarán sorprendidos!

NetBeans 6.7, el próximo release del NetBeans IDE: Tip 1 (Ergonomic)

Luego del exitoso lanzamiento por parte de NetBeans.org de la versión 6.5 y 6.5.1 (versión mejorada del 6.5) de su IDE, vino el anuncio lanzamiento de la versión 6.7 del mismo. Esta versión aún no alcanza su etapa final, sin embargo, esta llena de cambios y mejoras. Hoy hablaré de una de ellas, disponible a partir de Netbeans 6.7 Milestone 2; defininda por el mismo NetBeans Team como “Ergonomic”, ya que permite al IDE acomodarse a las necesidades del desarrollador, cargando solamente los módulos que el/ella necesite.

Cuando por ejemplo instalamos la versión “All” o completa del IDE y vamos a revisar los plugins y y módulos disponibles (Tools->Plugins->Installed), veremos (y sin motivo para alarmarnos…) que muchos de los módulos del IDE están desactivados, y prácticamente estan activos los que pertenecen a la parte base del IDE, como lo muestra la imagen:

Lista de plugins para NetBeans 6.7M3

Los módulos no activos, se activarán según lo requiera el usuario. Por ejemplo, si vamos al wizard para crear una nueva aplicación web, cuando intentamos crear dicho proyecto, en la segunda ventana del asistente, aparecerá un mensaje como este:

Activándose...

Esta característica de acivar módulos por demanda, un poco extraña, inicialmente, busca evidentemente aliviar un poco la carga de trabajo del IDE, pues solo trabaja con las clases que necesita, evitando utilizar carcaterísticas que quizás nunca utilicemos (C++, por ejemplo…).

Cabe aclarar que una vez estos módulos se activan no se vuelven a desactivar, a menos que el usuario así lo indique. Una vez más gracias a todos por leer mis posts, hace un año y unos pocos días que me mudé a wordpress y van casi 20K visitas, simplemente gracias!!! :-)

Nota: para aquellos que se estén preguntando por qué saltaron de 6.5 a 6.7, la razón es tan sencilla como curiosa; no querían que se asociara al IDE con el número 6.6…6, jejej, veanlo aquí ;-)

Haciendo debug de Javascript en Netbeans 6.5

Entre las múltiples características que brinda el IDE Netbeans 6.5, una de las más llamativas y quizás poco explotadas es el debugger para Javascript. A continuación mostraré como se puede hacer este debug en un ejemplo sencillo.

1. Crear una aplicación Web, colocándole el nombre deseado (WebApplication1?) y escogemos el framework a utilizar en este casodeberá ser Visual Web JavaServerFaces(Luego explicaré por qué).
2. Agregamos al proyecto un archivo de javascript. Vamos a File->New File. En la sección Other, seleccionamos JavaScript File. Le colocamos como nombre script.
3. En vista de diseño de la pagina principal, vamos a la ventana Palette, buscamos una sección que dice Advanced, ahí seleccionamos script y lo arrastramos a la página.
4. Sin cambiarnos de la vista de diseño vamos a la ventana Navigator, en la cual buscamos el objeto script que acabamos de agregar.


Vista de Navigator

5. Luego de haberlo encontrado y seleccionado, vamos a la ventana de Properties, donde editamos la propiedad url. Al hacer click en el boton [...] nos lleva a una especie de selector de archivos. Debe aparecer en los candidatos el archivo JavaScript que acabamos de crear; script.js. Lo seleccionamos y damos click en OK. Hasta acá se han ejecutado los  pasos necesarion para poder utilizar en la página, las funciones de JavaScript que se creen en el archivo script.js
6. Abrimos el archivo llamado script.js y pegamos el sgte código

function alerta(msj){
    var uno=1;
    uno+=89;
    alert(msj+uno);
}

7. Arrastramos un botón a la página principal. Editamos sus propiedades, seleccionando el botón y luego haciendo click en la ventana Properties. En la opción onClick, escribimos alerta(”Hola mundo de debugger “)
8. Si ejecutamos de una vez la aplicación, seguro saldrá un botón, al que si le damos click dirá Hola mundo de debugger 90. Sin embargo, aún no tenemos debugger sobre el JavaScript.
9. Hacemos click derecho sobre el nodo del proyecto y luego en Properties. En la categoría debug, seleccionamos el que dice JavaScript. Luego seleccionamos el browser (recomiendo de lejos Firefox, he tenido malos ratos con el debugger en IE)
10. A continuación vamos al archivo JavaScript, llamado script.js y seleccionamos cualquiera de las filas donde deseamos que el debugger se detenga. Aparecerá el cuadro rojo en la linea como en el código java normal, es decir un breakpoint. Ahora si le damos ejecutar a la aplicación pero con debugger. Aparece un mensaje, confirmando lo que habiamos seleccionado antes. Podemos incluso indicarle en la parte inferior que no queremos ver ese mensaje de nuevo. Esta configuración se puede cambiar en cualquier momento en las propiedades del proyecto editadas en el paso anterior.


Confirmacion JavaScript1

11. La primera vez, se instalará un plugin para que Firefox soporte el debug de la aplicación. Será necesario reiniciar el navegador.


Instalación de plugin para firefox

12. Luego de un par de minutos, se instala el plugin y podemos hacer debug del código escrito en JavaScript.

Debugger en NetBeans IDE 6.5

Por alguna razón, cuando el programa llega a un breakponit y estas en el navegador, no salta a NetBeans. Hay que ir manualmente y hacer click en el IDE, para ver el programa. Los controles para avanzar son idénticos al debugger normal. Por último quiero decir que la razón por la que escogí Woodstock, sobre IceFaces es simplemente porque IceFaces no tiene un equivalente para el componente script, añadido en el paso 3.

Como vemos este debugger es una nueva ayuda para entender el funcionamiento de código JavaScript en nuestras aplicaciones web.

Una última observación es que no es recomendable que naveguemos mientras está arriba el debugger en modo javascript. La razón es que páginas con javascript (casi todas) tendrán comportamientos extraños.

5 Plugins sencillos pero muy útiles para Netbeans 6.5

Desde hace casi un año, hago parte de una comunidad que (en sus ratos libres) prueba y revisa los plugins que constantemente son creados para NetBeans por la misma comunidad, con el fin de que, si son aprobados, dichos plugins estén disponibles directamente a través del Update Center de NetBeans. Durante todo este tiempo hemos revisado una gran cantidad de plugins. Algunos muy buenos, otros no tanto. A continuación listo 5 plugins que personalmente me han llamado la atención por lo sencillos que son de utilizar y por la gran utilidad que representan. El orden es aleatorio, todos son realmente buenos:

Special copy paste

Permite seleccionar codigo fuente de nuestras clases, y copiarlo con el formato HTML, es decir que podemos copiar fragmentos desde el editor de NetBeans directamente a sitios como foros, blogs, etc, y se reflejará exactamente el formato (tamaño, color, tipo de letra).

Special copy paste

Luego pegamos directamente en cualquier blog, foro, etc.

    /**
     * @param args the command line arguments
     */
    public static void main(String[] args)throws IOException {
        // TODO code application logic here
        File backup=new File("backsup.bak");
    }

PDF Viewer

Si eres de los que les gusta tener todo en un mismo sitio, este plugin te encantará. Utiliza clases propias de Java (nada de utilizar Acrobat por debajo, o algo por el estilo…)

Copy & Paste History

Retomando aquello de copiar y pegar, este plugin guarda un histórico de varias copiadas que hallamos realizado con anterioridad, incluso despues de cerrar el IDE y apagar el equipo! Luego de instalarlo se puede configurar el numero de históricos que guarde (no he probado cual es exactamente el máximo :P) y además el tamaño de la fuente.

Copy paste history 1

Cuando deseamos ver el histórico en el editor, simplemente presionamos Altv + V, y despliega una lista con las opciones guardadas.

Copy and paste history 2

AutoSave Module

Permite configurar el IDE, para que guarde automáticamente los archivos con que estamos trabajando, a un determinado intervalo de tiempo.

Autosave module

System Tray

Podemos minimizar NetBeans y convertirlo en un icono más, que se ubica en la barra de tareas.

System tray

Netbeans, ha dejado de ser un IDE más  en la lista, para convertirse en una gran comunidad, en la que todos aportamos y recibimos, contribuyendo al crecimiento de este gran proyecto.

Get trained, get certified!!!

Hace 2 dias, llegué a casa y me encontré con un paquete de Sun Microsystems para mí “hmmm… que raro, será un CD de NetBeans? no,  no recuerdo haberlo ordenado… OpenSolaris??? no, tampoco…”, y cuando lo abrí, oh sorpresa!! casi ni me acordaba :P

Diploma Certificación NetBeans

Credencial Certificacion NetBeans

Tal como data ahi, el 29 de Octubre realicé el examen de Certificación como especialista en NetBeans IDE y lo aprobé. Los invito a todos a hacer esta y otras certificaciones que ofrece Sun, sin duda son tanto un gran motor de satisfacción personal, como una buena carta de presentación laboral. Para más info acerca de esto puedes hacer click acá