Descripción del NetBeans

Ya se ha mencionado anteriormente NetBeans, es un entorno para editar, compilar, depurar y ejecutar programas para celulares (por cierto estos programas son llamados Midlet) pero NetBeans va más allá, contiene poderosas herramientas ayudan muchísimo al programador, necesitamos conocerlo bien para poderlo explotar, así que esta entrada del blog muestra a detalle algunas secciones del NetBeans.

Para iniciar mostramos en la figura siguiente alguna de las partes del NetBeans:

A continuación detallamos cada una de las partes que se observan en la figura.

Lista de Proyectos

No hay mucho que decir de esta sección, simplemente cada vez que se crea un nuevo proyecto se va agregando a la lista de proyectos. Cada proyecto contiene la lista de archivos o recursos necesarios para el funcionamiento de cada programa, NetBeans los crea automáticamente.

Navegador de Componentes

Aquí se puede navegar entre componentes para su fácil localización, aún sin saberlo, el ejemplo “Hola Mundo” contiene varios elementos o componentes, los cuales son mostrados en la figura siguiente.

Desde el navegador se puede seleccionar los componentes, esto es realmente útil, para aplicaciones que tienen muchísimos elementos. No se desesperen, más adelante habrá otra entrada para analizar cada uno de los elementos mencionados en esta sección.

Ventana del Diseñador Visual

El diseñador visual me permite crear interfaces de usuario de una forma rapidísima, consta de varias vistas, como se puede observar en la figura siguiente:

Vista: Screen

Esta vista es la que ya conocemos, la figura siguiente muestra esta vista:

Es equivalente a la pantalla del celular, lo que pase ahí se refleja en la pantalla del teléfono, ya la vimos trabajando en el ejemplo “Hola Mundo” y en la imagen observan dos componentes:

• Form. Forma o formulario, sirve para agregar componentes dentro de el. En el ejemplo se observa dentro del Form, un stringItem
• StringItem. Elemento para mostrar una palabra en la pantalla del teléfono celular.

Vista: Flow

Esta vista es la de flujo. Veamos como se ve la vista “flow” en la figura siguiente:

Esta vista es una representación gráfica de alto nivel del flujo de la aplicación, hay dos elementos:

• Movile Device: Representa el teléfono celular.
• Form: Ya lo mencionamos arriba, sirve para agregar elementos, esta forma es la misma que la de la vista Screen, lo que yo coloqué en la forma es lo mismo que va aparecer en la pantalla del celular.

La vista de flujo nos sirve para agregar por ejemplo más formas, esto para programas con muchas interfaces de usuario. Ya habrá tiempo de mostrar esta vista en acción un poquito más adelante.

Vista: Analyzer

La figura siguiente muestra esta vista:

Analiza el programa para ver si tenemos recursos que no estamos usando en nuestro programa, para eliminarlos y no gasten memoria, recuérdese que tenemos la memoria limitada en un celular y no conviene tener recursos sin usar, desde esta vista esos recursos se pueden eliminar, para ejemplo sencillos esta vista está completamente vacía.

Vista: Source

Esta vista es la del código fuente, escrito automáticamente por el NetBeans obviamente en el lenguaje Java. La figura siguiente muestra la vista Source

Como ya se vio para el ejemplo “Hola Mundo” no agregamos una sola línea de código, pero existe, NetBeans agrego el código automáticamente.
Más adelante vernos como agregar o modificar líneas de código, a medida que se hagan los ejemplos más complejos.

La paleta de Componentes

Contiene elementos que simplemente se van agregando, se arrastran y sueltan en la pantalla del celular (Screen), por ejemplo en la figura siguiente se observa la ubicación del elemento String ítem (en rojo), si deseamos agregar por ejemplo otro mensaje al celular, se elige el String Item y se arrastra y suelta dentro del Form

Ventana de Propiedades

Esta ventana muestra las propiedades de los elementos que podemos cambiar en tiempo de compilación, la figura siguiente muestra la ventana de propiedades cuando se elige el elemento String Item


Se observan muchas propiedades pero en la figura se remarcan solo las dos propiedades que fueron modificadas:

• Label: Titulo del String: Hola
• Text: Contiene el texto que deseamos que aparezca: Hola Mundo :)
  

Bueno aquí termina esta entrada, aprendimos detalles más técnicos del NetBeans, ojala que haya servido. Prometo que la siguiente entrada realizaremos otro ejemplo completo, porque solo practicando se aprende a programar, solo hay que tener poquita paciencia.