Universidad Nacional Jos Mara Arguedas-Andahuaylas Ingeniera de Sistemas

Algoritmos y Estructura de Datos II Docente: Ing. Edwin Ramos

PRACTICA DE LABORATORIO 02: CREAR UNA APLICACIN JAVA CON EL NETBEANS 6.7.1: - CREACION DE UNA APLICACIN VISUAL OBJETIVO El alumno podr realizar la creacin de una aplicacin Java. El alumno podr crear una aplicacin con un formulario usando los controles Swing de Java. El alumno realizar la agregacin de controles visuales a un formulario Swing de Java DATOS PREVIOS Para dar inicio a esta prctica, usted debe tener claro los conceptos de Programacin Orientada a Objetos, tales como: Qu es una clase?, Qu es un objeto?, adems, propiedades y mtodos de la clase, y constructores. Elementos requeridos: a) Entorno de programacin en Java: IDE NetBeans 6.7.1 b) Maquina Virtual Java: JDK1.6.0_01 o superior

METODOLOGIA Se propondr al alumno una forma de creacin de aplicaciones visuales en java utilizando un nico formulario visual, luego se le solicitar que realice lo mismo, creando una aplicacin propuesta por su persona. Se plantearn recomendaciones respecto al uso de los prefijos en el nombre de los objetos que forman parte de una clase. Expresaremos la idea de que los prefijos utilizados al referenciar los objetos visuales debe ser los relacionados con la clase a la cual pertenecen los objetos en los cuales se utilizan.

ABRIR EL ENTORNO DE PROGRAMACIN DE JAVA: NETBEANS 6.7.1 1. Ejecutar NetBeans 6.7.1. Luego de lo cual se le mostrar en pantalla la interfaz de Programacin IDE Netbeans 6.7.1

Seleccionar el cono Databases

Ventana Runtime Si esta ventana no estuviere visible, seleccionar el submen Window Runtime

CREAR UNA APLICACIN JAVA BASICA a) Crear el proyecto Java: App_Visual_Simple 2. Volver al IDE Netbeans 6.7.1 3. Crear un nuevo proyecto (ir al men Archivo Proyecto Nuevo, o presionar CTRL+Shift + N), y seleccionar la plantilla Java Applicacin Java

Pgina 1 de 11

Universidad Nacional Jos Mara Arguedas-Andahuaylas Ingeniera de Sistemas

Algoritmos y Estructura de Datos II Docente: Ing. Edwin Ramos

1. Seleccionar la categora Java 2. Seleccionar la plantilla Applicacin Java

4. Denominar al nuevo proyecto con el nombre: App_Visual_Simple y luego presionar el botn Terminar

1. Llamar al proyecto como: App_Visual_Simple Nota: Nosotros tenemos un directorio D:\Proyectos Java donde almacenamos todos nuestros proyectos de aplicaciones Java

2. Presionar el botn Terminar

Se generar automticamente la estructura bsica de una aplicacin Java, y el aspecto del IDE Netbeans ser similar al que se muestra a continuacin:

Pgina 2 de 11

Universidad Nacional Jos Mara Arguedas-Andahuaylas Ingeniera de Sistemas

Algoritmos y Estructura de Datos II Docente: Ing. Edwin Ramos

b) Crear el formulario JformEjemplo (formulario del tipo javax.swing.JDialog) 5. Ir al men Archivo Archivo Nuevo (o las teclas CTRL + N) y agregar una formulario del tipo JDialog (Seleccionar Java GUI Forms JDialog). Luego presionar el botn SIGUIENTE

1. Seleccionar la categora: Formularios de interfaz grfica de Swing 3. Presionar el botn: Siguiente

2. Seleccionar un formulario JDialog

6. Denominarlo JformEjemplo y guardarlo en el paquete app_visual_simple, y presionar el botn Terminar.

1. denominarlo JformEjemplo Ojo: verificar que el paquete sea nuestra aplicacin app_visual_simple 2. Presionar el botn Terminar

Pgina 3 de 11

Universidad Nacional Jos Mara Arguedas-Andahuaylas Ingeniera de Sistemas

Algoritmos y Estructura de Datos II Docente: Ing. Edwin Ramos

El resultado es la creacin de un formulario llamado JformEjemplo en el interior del proyecto app_visual_simple.

Control JformEjemplo

Paleta de controles

7. En el formulario JformEjemplo, insertar 01 control JButton (Botn) y 01 control JLabel (Etiqueta), tal como se muestra a continuacin (Seleccionarlo de la paleta de controles, en la categora Swing):

8. Seleccionar el control JButton1, y en el men contextual que se muestra, seleccionar Cambiar nombre de variable, y asignarle el nombre jBtnCerrar.

9. Seleccionar el control jBtnCerrar, y en el men contextual que se muestra, seleccionar la opcin Editar Texto, y luego, asignarle el nombre jBtnCerrar. Luego de lo cual, el texto mostrado en el control jBtnCerrar se habr modificado.

Pgina 4 de 11

Universidad Nacional Jos Mara Arguedas-Andahuaylas Ingeniera de Sistemas

Algoritmos y Estructura de Datos II Docente: Ing. Edwin Ramos

10. En el evento actionPerformed del control JBtnCerrar escribir lo que a continuacin se escriba (Llegue a esto, a travs del men contextual del mismo control jBtnCerrar):

Debe seleccionar el evento actionPerformed

private void jBtnCerrarActionPerformed(java.awt.event.ActionEvent evt) { this.setVisible(false); this.dispose(); }//---------------------------------------------------------------public void show_info(String title, String info) Agregue { this.jBtnCerrar.setText("Aceptar/Cerrar"); this.jLabel1.setText(info); tambin this.setTitle(title); estas lneas this.setVisible(true); de cdigo } 11. Cerrar este formulario. c) Crear el procedimiento de arranque en el void main de la aplicacin 12. Abrir el archivo main.java de la aplicacin, y modificar su contenido, dejndolo tal como se muestra a continuacin: public class Main { /** * @param args the command line arguments */ private static void Programa_ejemplo01(){ new JformEjemplo(null,false).show_info("Mi App 01", "Hola PERU"); } public static void main(String[] args) { // TODO code application logic here Programa_ejemplo01(); } } NOTA: Note que lo nico que hemos hecho es agregar un mtodo Programa_ejemplo01(), y luego llamarlo desde el void main de la aplicacin 13. Grabar todo. 14. Compilar y ejecutar.

CREAR UN FORMULARIO QUE REALICE OPERACIONES DE SUMA Y RESTA a) Crear el formulario JformMatematico (formulario del tipo javax.swing.JDialog) 15. 5. Ir al men Archivo Archivo Nuevo (o las teclas CTRL + N) y agregar una formulario del tipo JDialog (Seleccionar Java GUI Forms JDialog). Luego presionar el botn Siguiente

Seleccionar un formulario JFrame

Pgina 5 de 11

Universidad Nacional Jos Mara Arguedas-Andahuaylas Ingeniera de Sistemas

Algoritmos y Estructura de Datos II Docente: Ing. Edwin Ramos

1. Seleccionar la categora: Formularios de interfaz grfica de Swing 3. Presionar el botn: Siguiente

2. Seleccionar un formulario JDialog

16. Denominarlo JformMatematico y guardarlo en el paquete app_visual_simple, y presionar el botn Terminar.

1. denominarlo JformMatematico Ojo: verificar que el paquete sea nuestra aplicacin app_visual_simple 2. Presionar el botn Terminar

El resultado es la creacin de un formulario llamado JformMatematico en el interior del proyecto app_visual_simple. 17. En el formulario JformMatematico, insertar desde la paleta de controles (categora Swing): 03 controles jLabel (Etiqueta) 03 controles jTextField (Campo de Texto) 02 controles jButton (Botn) 02 controles jRadioButton (Botn de opcin) 01 control buttonGoup (Grupo de botones)

Pgina 6 de 11

Universidad Nacional Jos Mara Arguedas-Andahuaylas Ingeniera de Sistemas

Algoritmos y Estructura de Datos II Docente: Ing. Edwin Ramos

18. Haciendo uso de los mens contextuales de cada uno de los controles, modificar su nombre (name), as como el texto(propiedad text) que visualizan de la forma siguiente: Componente jLabel1 jLabel2 jLabel3 jTextField1 jTextField2 jTextField3 jRadioButton1 Propiedad text text text name text name text name text name text buttonGroup name text buttonGroup name text name text Valor Nmero A: Nmero B: Resultado: jtxNroA 0 jtxNroB 0 jtxResultado 0 jRbtnOpcion1 Sumar buttonGroup1 jRbtnOpcion2 Restar buttonGroup1 jBtnProcesar Procesar jBtnCerrar Cerrar

jRadioButton2

jButton1 jButton2

El aspecto final del formulario, y de la ventana Inspector ser la que se muestra:

jTxtNroA jLabel1 jLabel2 jLabel3 jBtnCerrar jBtnProcesar jRbtnOpcion1 jRbtnOpcion2 jTxtNroB jTxtResultado

Pgina 7 de 11

Universidad Nacional Jos Mara Arguedas-Andahuaylas Ingeniera de Sistemas

Algoritmos y Estructura de Datos II Docente: Ing. Edwin Ramos

19. En el evento actionPerformed del control JBtnCerrar escribir lo que a continuacin se escriba (Llegue a esto, a travs del men contextual del mismo control jBtnCerrar): private void jBtnCerrarActionPerformed(java.awt.event.ActionEvent evt) { this.setVisible(false); this.dispose(); } //-------------------------------------------------------------public void show_info(String title) Agregue { this.jRbtnOpcion1.setSelected(true); this.setTitle(title); tambin this.setVisible(true); estas lneas }

de cdigo

20. En el evento actionPerformed del control JBtnProcesar escribir lo que a continuacin se escriba (Llegue a esto, a travs del men contextual del mismo control jBtnProcesar): private void jBtnProcesarActionPerformed(java.awt.event.ActionEvent evt) { // TODO add your handling code here: float x, y, z; String s; S = this.jTxtNroA.getText(); x = Float.parseFloat(s); s = this.jTxtNroB.getText(); y = Float.parseFloat(s); if (this.jRbtnOpcion1.isSelected()) z = x + y; else z = x - y; this.jTxtResultado.setText(String.valueOf(z)); }

b) Crear el procedimiento de arranque en el void main de la aplicacin 21. Abrir el archivo main.java de la aplicacin, y modificar su contenido, dejndolo tal como se muestra a continuacin: public class Main { /** * @param args the command line arguments */ private static void Programa_ejemplo01(){ new JformEjemplo(null,false).show_info("Mi App 01", "Hola PERU"); } private static void Programa_ejemplo02(){ new JformMatematico(null,false).show_info("Sumas y Restas"); } public static void main(String[] args) { // TODO code application logic here Programa_ejemplo02(); } } NOTA: Usted podr notar que lo nico que hemos hecho es agregar un mtodo denominado Programa_ejemplo02(), y luego llamarlo desde el void main de la aplicacin

Pgina 8 de 11

Universidad Nacional Jos Mara Arguedas-Andahuaylas Ingeniera de Sistemas 22. Grabar todo. 23. Compilar y ejecutar.

Algoritmos y Estructura de Datos II Docente: Ing. Edwin Ramos

TAREA: Implementar una aplicacin semejante a la que se muestra en pantalla en Java:

O tambin podra ser la calculadora cientfica:

NOTA: Puede realizarlo en la misma aplicacin de ejemplo

Pgina 9 de 11

Universidad Nacional Jos Mara Arguedas-Andahuaylas Ingeniera de Sistemas

Algoritmos y Estructura de Datos II Docente: Ing. Edwin Ramos

Aplicacin MyCalculadora (Propuesta Sugerencia) Diagrama de Secuencia

: TPanelCalculadora

: TCalculadora

: TMemoria

: Usuario 1 : AgregaNumero1() 2 : btn_accion_0() 3 : AddNumero() 4 : txtResultado := getResultado()

5 : SeleccionaOperacion()

6 : btn_adicion() 7 : AddOperacion()

8 : AgregaNumero2()

9 : btn_accion_1() 10 : AddNumero() 11 : txtResultado := getResultado()

12 : OrdenaProcesar()

13 : btn_procesar() 14 : Procesar() 15 : txtResultado := getResultado()

17 : LimpiaMemoria() 16 : btn_Mem_MC() 18 : Clear() 19 : txtMem=getNumero() 20 : btn_Mem_MS() 22 : setNumero() 23 : txtMem=getNumero()

21 : AsignaValorAMemoria()

25 : LeeValorDeMemoria()

24 : btn_Mem_MR() 26 : TCalculadora.Nro=getNumero() 27 : txtResultado=getResultado()

28 : SeleccionarOperacion()

29 : btn_producto() 30 : AddOperacion()

31 : AgregaNumero3() 32 : btn_accion_4() 33 : AddNumero() 34 : txtResultado=getResultado()

36 : OrdenaProcesar()

35 : btn_procesar() 37 : Procesar() 38 : txtResultado=getResultado()

Pgina 10 de 11

Universidad Nacional Jos Mara Arguedas-Andahuaylas Ingeniera de Sistemas

Algoritmos y Estructura de Datos II Docente: Ing. Edwin Ramos

Diagrama de Clases
TPanelCalculadora TCalculadora +Calc: TCalculadora +Mem: TMemoria +TPanelCalculadora() +btn_clear() +btn_accion_0() +btn_accion_1() +btn_accion_2() +btn_accion_3() +btn_accion_4() +btn_accion_5() +btn_accion_6() +btn_accion_7() +btn_accion_8() +btn_accion_9() +btn_adicion() +btn_sustraccion() +btn_producto() +btn_division() +btn_procesar() +btn_Mem_MC() +btn_Mem_MS() +btn_Mem_MR() +btn_Mem_MMas() -NroA: String -NroB: String -Operacion: Integer -HayNumero: Boolean +TCalculadora() +Clear() +getResultado(): String +AddPunto() +AddNumero(N: Integer) +AddNumero(S: String) +setNumero(d: double) +setNumero(S: String) +AddOperacion(S: String) +Procesar() TMemoria -Numero: String +TMemoria() +Clear() +setNumero(d: double) +setNumero(S: String) +getNumero(): String +Adicion(d: double) +Adicion(S: String) +EstaVacio(): Boolean

Nota: Para insertar un JPanel en un JDialog(Formulario), puede escribir el siguiente cdigo en el interior de JDialog

public class JDialogCalculadora extends javax.swing.JDialog { //---------------------------------------public JDialogCalculadora(java.awt.Frame parent, boolean modal) { super(parent, modal); initComponents(); this.CargarPaneles(); } //---------------------------------------private void CargarPaneles(){ JPanelCalculadora JP; JP =new JPanelCalculadora(); JP.setSize(290, 252); getContentPane().add(JP); JP.doLayout(); } //---------------------------------------//******** // Codigo de netbeans // prvate void initComponents() { // ----// ---// } //--}

Lineas de cdigo a agregar/ modificar

Pgina 11 de 11