Sei sulla pagina 1di 11

Tecnologa de Programacin V Ciclo

Formulario - JApplet
Es posible crear applet con Interfaz Grfica de Usuario(formularios)utilizando
NetBeans, de forma similar a los programas de escritorio que se han realizado en los
cursos de Programacin Visual, es decir, utilizando formularios y colocando de forma
visual los elementos que van a formar parte del programa.

A continuacin veremos un ejemplo sencillo, de una suma de dos nmeros;


pero en el que se reflejarn los pasos para su creacin y luego la forma de insertarlo
en una pgina web.

Clic en menu archivo(File) , nuevo proyecto (New Project). En la ventana en


categoras(Categories) seleccionar Java y en proyectos(Projects) Aplicacin
Java(Java Application), luego siguiente(next).

En la siguiente ventana escribir el nombre de su proyecto, como se muestra y


luego finalizar(Finish):

Ing. Ricardo More Reao


Tecnologa de Programacin V Ciclo

En la ventana de proyectos, buscar el que se acaba de crear, luego ir al


paquete el cual tiene el mismo nombre; pero en minsculas(operaciones),
luego clic derecho, nuevo(new) y en la lista que se despliega seleccionar
JApplet Form, si no aparece seleccionar otro(other); en la nueva ventana en
categoras seleccionar Swing GUI Forms y en tipo de archivos(File Types)
seleccionar JApplet Form, luego clic en el botn siguiente(next).

Aparece una nueva ventana donde hay que poner el nombre, como se
muestra, luego finalizar(Finish):

Ing. Ricardo More Reao


Tecnologa de Programacin V Ciclo

Tenemos una presentacin similar a como de diseaban aplicaciones de


escritorio: el formulario, la paleta, la ventana de propiedades, entre otros
elementos.

Ahora trabajaremos en Diseo(Design), colocando contenedores y los


controles necesarios, similar como en Programacin Visual. En el formulario
podemos hacer diseo absoluto y utilizar algunas propiedades de los controles
y contenedores que hagan atractiva la interfaz.

Cambiar el nombre a los controles(Change Variable Name), lo que nos


permite luego utilizarlos, por esa razn tenemos que poner un nombre que
haga referencia al mismo.

Ing. Ricardo More Reao


Tecnologa de Programacin V Ciclo

Clic derecho en el botn Calcular, luego en Events, Action, actionPerformed


que permite acceder a la fuente(source)

Para los campos de texto:

txtPrimerValor, txtSegundoValor, txtResultado


Para los botones:

btnCalcular, btnNuevo, btnSalir

Las estiquetas:

lblPrimerValor, lblSegundoValor, lblResultado

Clic derecho en el botn Calcular, luego Events, Action y actionPerformed.


Aparece la ventana Fuente(Source), exactamente en el lugar preciso donde se
va a escribir.

Ing. Ricardo More Reao


Tecnologa de Programacin V Ciclo

Se escribe el cdigo(bsico) como se muestra, compila y ejecuta.

Insertando el applet en una pgina web


Vamos a dirigirnos donde est guardado nuestro proyecto y se observa lo
siguiente:

Ahora vamos al men ejecutar(Run) y selecciona Limpiar y Construir(Clean


and Build Project), volvemos al proyecto y se observa que hay nueva carpeta de
nombre dist cuyo contenido tambin se muestra a continuacin:

Ing. Ricardo More Reao


Tecnologa de Programacin V Ciclo

A continuacin vamos a escribir el cdigo para la pgina web, donde se


utiliza las etiquetas <applet> y </applet> con algunos atributos adicionales a los
usados en la sesin anterior. El archivo .html se puede escribir en cualquier editor,
incluso desde el mismo netBeans.

En NetBeans se puede crear de la siguiente manera, clic derecho en un


nuevo paquete creado dentro de nuestro proyecto, nuevo(New) y luego Archivo
Html(HTML File), si no aparece en la lista, seleccionar Otro(Other). En la ventana que
aparece en categoras seleccionar Categoras(Categories), al lado derecho en Tipo de
Archivos(File Types) seleccionar HTML File, finalmente Next(Siguiente).

En nuestro caso el archivo insertar.html lo vamos a crear con el editor de


texto y en un directorio diferente, donde adicionalmente colocaremos el archivo
.class(no es necesario, pues est comprimido dentro del .jar), el archivo .jar y el
directorio lib del proyecto OPERACIONES. En caso se guarden los applets en
directorios diferentes a la pgina considerar el atributo CODEBASE.

Ing. Ricardo More Reao


Tecnologa de Programacin V Ciclo

Finalmente en la pgina web se observa.

Ejemplo

Vamos a crear una aplicacin que permite cambiar el color de fondo y del
texto que se ha colocado en una rea de texto utilizando para ello botones.

Crear un nuevo proyecto de nombre COLORES.

Ing. Ricardo More Reao


Tecnologa de Programacin V Ciclo

En la ventana de proyectos, buscar el que se acaba de crear, luego ir al


paquete el cual tiene el mismo nombre; pero en minsculas(colores), luego clic
derecho, nuevo(new) y en la lista que se despliega seleccionar JApplet Form.
En este caso ya aparece en la lista porque ya se ha utilizado antes.

Aparece una nueva ventana donde hay que poner el nombre, como se
muestra, luego finalizar(Finish):

Ing. Ricardo More Reao


Tecnologa de Programacin V Ciclo

Tenemos una presentacin similar a como de diseaban aplicaciones de


escritorio: el formulario, la paleta, la ventana de propiedades, entre otros
elementos.

Colocamos los contenedores y controles en el formulario:

Ing. Ricardo More Reao


Tecnologa de Programacin V Ciclo

rea de texto:

txtLetra
Para los botones:

btnRojo, btnVerde, btnAzul, rbAmarillo, rbNaranja, rbBlanco

Las estiquetas:

lblTitulo

Se escribe el cdigo(bsico) como se muestra, compila y ejecuta.

Hay que considerar agregar:

import java.awt.*;

Para trabajar Color.

Ing. Ricardo More Reao


Tecnologa de Programacin V Ciclo

Adems para poder apreciar en el AppletViewer el tamao completo del


formulario debemos utilizar setSize, el cual se escribe debajo de
initComponents();

Para insertarlo en la pgina web, necesitamos del archivo .class(est dentro


del .jar), el .jar y el directorio lib. Para obtener el .jar tenemos que ir al men
ejecutar(Run), Limpiar y Construir(Clean and Build Project) lo que permite que
aparezca dentro de nuestro proyecto el directorio dist con el archivo que
necesitamos.

Se escribe el cdigo HTML y junto a este documento se guarda el archivo .jar y


el directorio lib.

Finalmente en la pgina web se observa.

Ing. Ricardo More Reao