7 de abril de 2012 Mi Primer Applet con NetBeans 7.0.

El objetivo de este documento es ensear como se genera un applet utilizando la plataforma de desarrollo NetBeans 7.0.1. El motivo a exponerlo es debido a una experiencia particular para generar este tipo de aplicaciones, lo cual implic dedicacin de tiempo y diversas bsquedas para la satisfaccin del requerimiento. Considerando que es un tema introductorio es ideal desarrollarlo lo mas detallado posible, aunque parezca exagerada la explicacin, pero bien en la experiencia de este caso introductorio, la omisin de pequeos detalles implic el incremento al tiempo dedicado.

Procedimiento: 1. 2. 3. 4. Crear Proyecto Java Agregar un formulario applet Generar el codigo de salida del applet Generar la aplicacin

1. Para crear el proyecto vaya a Archivo > Proyecto Nuevo (Ctrl-Shift-N). Al ingresar a la ventana Proyecto Nuevo, en categora seleccionar la carpeta Java y dentro de ella, en proyectos seleccionar Aplicacin Java. Finalmente dar click en Siguiente.

Edwin Reyes

7 de abril de 2012 Dar un nombre cualquiera al proyecto, para el ejemplo Mi_Primer_Applet. Automaticamente se genera la clase principal mi_primer_applet.Mi_Primer_Applet. Dar click en Terminar.

2. Finalizada la creacin del proyecto, en la ventana izquierda aparece activa la ventana de proyectos, all, seleccionar el proyecto creado en este caso Mi_Primer_Applet. Dar click derecho sobre el proyecto, seleccionar Nuevo > Applet.

Edwin Reyes

7 de abril de 2012 Al agregar el applet estando ubicado en el proyecto ( Mi_Primer_Applet), el applet ser generado en un nuevo paquete dentro del proyecto, lo que implica dar un nombre al applet (Nombre de clase) y el nombre para este nuevo paquete. Para el ejemplo el Mi_Applet y org.mi.primer respectivamente. Hacer click en Terminar

3.1 Hasta el momento se tiene un applet listo para ser ejecutado, lo cual proyectara una un applet en blanco; para editarlo agregamos la librera java.awt.Graphics: import java.awt.Graphics; Borrar todo el cdigo generado en la clase Mi_Applet y agregar el siguiente cdigo que mostrar el mensaje deseado: @Override public void paint(Graphics g) { g.drawString("Mi primer applet!", 50, 25); } Finalmente dar click derecho sobre el applet (Mi_Applet.java) y seleccionar Ejecutar Archivo (Maysculas+F6)

Edwin Reyes

7 de abril de 2012

Si todo va bien hasta el momento ya se puede observar en ejecucin el primer applet. Esta sera la perspectiva de mi primer applet.

Edwin Reyes

7 de abril de 2012 3.2 Anteriormente se creo un applet que su entorno grafico se genera por medio de cdigo puro. Para generar un applet con formulario, que permita agregar los elementos manualmente se cuenta con la posibilidad de agregar un formulario JApplet. Para ninguno de los dos tipos de applet es necesario crearle un nuevo paquete de fuentes aparte del generado al crear el proyecto, en el siguiente ejemplo se hace directamente al paquete creado de la siguiente forma: Posicionndose sobre el paquete creado (mi primer applet) agregar un formulario JApplet. Es decir: Click derecho sobre mi_primer_applet, seleccionar Nuevo > Otro. En la ventana Archivo Nuevo seleccionar Formularios de interfaz grfica, en tipos de archivo seleccionar JApplet y hacer click en siguiente.

Dar un nombre al applet para el ejemplo Mi_Japplet y hacer click en finalizar.

Edwin Reyes

7 de abril de 2012

Debe aparecer una paleta con los controles, ubicarse sobre los controles swing desde ah arrastrar un campo de texto y editarlo por medio de click derecho. Para el ejemplo en el texto se pone Mi primer applet!

Edwin Reyes

7 de abril de 2012 Finalizada la edicin, ejecutar el applet, como en el applet anterior (Maysculas+F6) .La perspectiva de este applet sera la siguiente:

4. Para generar los aplicativos, hay que posicionarse desde el proyecto (Mi_Primer_Applet) sobre el archivo principal del proyecto, para el ejemplo Mi_Primer_Applet.Java y ejecutar el archivo (Maysculas+F6). NetBeans crear aplicaciones html que incluirn los applets.

Edwin Reyes

7 de abril de 2012 Estas aplicaciones se encuentran en la pestaa de archivos al lado de la ventana de proyectos, a esta se puede ingresar por medio del comando Ctrl+2 en la ruta Mi_Primer_Applet > build

Haciendo click derecho y click en Vista se puede apreciar la aplicacin, para ejemplo se ejecutan las dos y abre dos ventanas de Internet Explorer, en ellas una advertencia de advertencia de cdigo active x, hay que confiar en el cdigo propio, entonces permitir y se proyecta la aplicacin

Edwin Reyes

7 de abril de 2012 El cdigo que aparece en los archivos .html se puede editar pero cada vez que ejecutemos el archivo principal (Mi_Primer_Applet), modificar los archivos html como los creados al principio. La solucin es crear un nuevo archivo html. Entonces ubicar la carpeta build del proyecto (Mi_Primer_Applet), dar click derecho y seleccionar Nuevo > Archivo HTML

Dar nombre al archivo, para el ejemplo HtmlApplet y click en terminar. Cabe resaltar que estos archivos html deben ser creados en la carpeta indicada anteriormente, de lo contrario las aplicaciones presentarn errores en el momento de la ejecucin.

Edwin Reyes

7 de abril de 2012

Se incluye el cdigo que incluye el applet dentro del cdigo Html. El procedimiento es abrir el archivo Mi_Applet.html y de ah tomar el cdigo que incluye al applet, correspondiente al siguiente: <P> <APPLET codebase="classes" height=200></APPLET> </P> Para el ejemplo se copia todo lo que esta por dentro del <Body> code="org/mi/primer/Mi_Applet.class" width=350

Edwin Reyes

7 de abril de 2012

Este cdigo se pega y se edita en la estructura <body> del nuevo archivo html, en el ejemplo el archivo HtmlApplet.html. Hacer pequeas modificaciones.

Finalmente ejecutar el archivo dando click derecho en el archivo HtmlApplet.html y seleccionar la opcin ver y el resultado ser como el que se muestra en la siguiente figura

Edwin Reyes

7 de abril de 2012

Ahora si se puede ejecutar el archivo principal, es decir Mi_Primer_Applet y se conservarn las modificaciones del archivo html nuevo (HtmlApplet.html) y cambiarn nicamente las modificaciones generadas desde el applet.

Referencias: El presente artculo se basa en el tutorial disponible en el siguiente enlace: http://netbeans.org/kb/docs/web/applets.html Tambin es recomendable ver el video del siguiente enlace: http://jc-mouse.blogspot.com/2010/01/primer-applet-en-netbeans-video.html Actualizaciones de Facebook en el siguiente enlace: http://www.facebook.com/pages/Ing-Edwin-Reyes/219025848144981

Edwin Reyes