domingo, 23 de noviembre de 2014

TEMA #6: NUESTRA PRIMERA APLICACIÓN CON NETBEANS

Bueno, ahora sí vamos a entrar en detalle de cómo se hace una aplicación/juego con Netbeans. Primero comenzaremos con una breve descripción del programa Netbeans y luego veremos cómo crear un nuevo proyecto para hacer aplicaciones/juegos y los elementos que componen el proyecto. Empecemos.

Netbeans

Ya lo hemos mencionado muchas veces y de verdad que es un programa que nos facilita las cosas al hacer aplicaciones/juegos en java. En particular, antes había buscado explicaciones de cómo trabajar con java para celulares (J2ME), pero siempre encontraba referencias en las que usaban programas más viejos. Netbeans no es sólo un programa limitado a J2ME sino que es un programa completo que permite la programación para exploradores web, tablets, celulares Android,... Vamos a ver cómo luce.
clic en la imagen para agrandarla

Destacaremos 4 áreas importantes:

  1.  Corresponde al área de trabajo; es donde escribiremos el código de nuestra aplicación/juego.
  2. Corresponde al panel de  proyectos que se encuentran actualmente abiertos en el programa. Se puede activar o desactivar este panel en el menú Window ->Projects, o con el atajo de teclado Ctrl+1.  
  3.  Corresponde panel de archivos que se encuentran dentro del proyecto (es como si viéramos el contenido del proyecto a través del explorador de archivos de Windows). Se puede activar o desactivar este panel en el menú Window -> Files, o con el atajo de teclado Ctrl+2. 
  4. Corresponde a los Menús. No comentaremos cosas específicas sobre los menús sino que a medida que vayamos avanzando en el curso aprenderemos el uso de alguno de ellos.

 

Creando Un Nuevo Proyecto

Un proyecto es un conjunto de elementos que constituyen la aplicación/juego como tal. Podemos crear un proyecto para una aplicación y luego, en un futuro, podemos modificar ese proyecto para mejorar la funcionalidad de la aplicación (hacer una nueva versión del programa). Veamos los pasos que debemos seguir para crear un nuevo proyecto y empezar a hacer aplicaciones/juegos J2ME en Netbeans:

1) Clic en el menú File y clic en New Project.
clic en la imagen para agrandarla
     2) Aparecerá el siguiente cuadro con múltiples opciones. Elegimos Java ME en la lista de la izquierda y luego Mobile Application en la lista de la derecha y hacemos clic en Next.

clic en la imagen para agrandarla

3) Elegimos el nombre de nuestro proyecto y la ubicación donde se guardará, en nuestro caso lo llamaremos Práctica. La opción que dice “Create Default Package and Main Executable Class” se marca si queremos que se creen un paquete y un midlet automáticamente (lo comentaremos más adelante). En este caso la dejaremos marcada y hacemos clic en Next.

clic en la imagen para agrandarla
   4) Aquí lo importante es elegir la configuración y el perfil adecuados para que la aplicación/juego funcione correctamente en nuestro celular. Para saber qué perfil y qué configuración usa tu celular te recomiendo descargar esta aplicación e instalarla en tu celular. Cuando la instales y la abras, entra en Opciones -> Phone info y allí aparecerá el perfil (MIDP) y la configuración (CLDC) que usa tu celular.
 
clic en la imagen para agrandarla
5) Clic en Finish.



Estructura De Un Proyecto

Cuando creamos un nuevo proyecto, vemos los elementos que lo conforman en el panel de proyectos:




clic en la imagen para agrandarla

Tenemos en primer lugar el nombre del proyecto, Practica, luego tenemos los archivos de código por llamarlos de una forma. En los archivos de código vamos a diferenciar un paquete de los archivos propiamente dichos en que los paquetes se identifican con un ícono de una caja amarilla. Un paquete es una caja dentro de la cual se pueden crear varios archivos.
Nota: cuando describíamos los pasos para crear un nuevo proyecto mencionamos la opción de crear un paquete y un midlet automáticamente, como la dejamos marcada se creó automáticamente un paquete con el mismo nombre del proyecto, practica, y un archivo llamado midlet.java.

Una Aplicación De Ejemplo
Ahora veremos cómo hacer una aplicación simple y la probaremos en el emulador de nuestra computadora y en nuestro celular. Lo primero que debemos hacer es abrir nuestro archivo midlet.java y escribir en el área de trabajo de manera que quede igual a esto:


clic en la imagen para agrandarla

Para descargar el código en formato texto haz clic aquí.
Para descargar el proyecto completo y saber cómo abrirlo en Netbeans haz clic aquí.  
Vamos a ir comentando brevemente las líneas del código:

Porción del Código
Comentarios
package practica;
Esto corresponde al nombre del paquete donde se encuentra el archivo que se está mostrando (midlet.java).
import javax.microedition.lcdui.*;
import javax.microedition.midlet.*;
Permite importar los elementos necesarios que utilizaremos en nuestro código. Si no se importan el programa notificará errores.
public class Midlet extends MIDlet {
}
    public void startApp() {
        display.setCurrent(pantalla);
    }

    public void pauseApp() {
    }

    public void destroyApp(boolean unconditional) {
    }
}
Es como el nombre principal de nuestro código. La palabra extends significa que nuestra aplicación hereda las cualidades de la clase MIDlet, que incluye startApp(), pauseApp y destroyApp(boolean unconditional).
private Display display = Display.getDisplay(this);
private Form pantalla;
private Command comandoSalir;
private String saludo;
En estas líneas definimos los elementos que vamos a utilizar en nuestro código. Vemos que estos elementos son en realidad variables; vemos sus tipos (Display, Form, Command, String) y sus nombres (display, pantalla, comandoSalir, saludo). Vemos que al principio de cada línea se encuentra la palabra private, que significa que las variables definidas sólo pueden ser usadas en esa única aplicación.
public Midlet (){
...
}
Dentro de estos corchetes es que debemos definir el código de funcionalidad de nuestra aplicación.
pantalla = new Form("Saludo");
saludo = "Hola, cómo estás?";
comandoSalir = new Command("Salir", Command.SCREEN, 1);
En estas líneas vemos la definición de los elementos de tipo Form, String y Command. Las definimos a través del operador de asignación “=”.

Más adelante en el curso veremos en más detalle cada uno de estos elementos que hemos usado en nuestra aplicación de prueba.

Una vez escrito todo este código en el área de trabajo procedemos a probarlo en el emulador de que nos provee el J2ME SDK. Esto lo hacemos haciendo clic en el menú Run y luego en la opción Run Project. Esperamos un momento y veremos cómo funciona nuestra aplicación.


Para ejecutar la aplicación en algún celular debes realizar un paso extra que es construirla (clic en Run -> Build). Luego de construirla, los archivos que vas a instalar en tu celular son los que se ubican en la carpeta dist, ubicada donde decidiste guardar el proyecto en tu computadora. Por ejemplo, si decidiste guardar el proyecto en mis documentos, los archivos que tienes que copiar en tu celular son los que se encuentran en mis documentos -Práctica -> dist -> practica.jad y practica.jar. Luego que los tengas en tu celular vas a ejecutar el archivo llamado practica.jad y este se va a encargar de instalar el archivo practica.jar automáticamente.


Haz la prueba y ve cómo se muestra, ya que dependiendo del celular donde se ejecute la aplicación se mostrará con un estilo diferente.

No hay comentarios.:

Publicar un comentario