practica 01 java crear app visual 01 version 2011

7/30/2019 Practica 01 Java Crear App Visual 01 Version 2011

1/11

Universidad Nacional Jos Mara Arguedas-Andahuaylas Algoritmos y Estructura de Datos IIIngeniera de Sistemas Docente: Ing. Edwin Ramos

Pgina 1 de 11

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 deJava.

El alumno realizar la agregacin de controles visuales a un formulario Swing de Java

DATOS PREVIOSPara dar inicio a esta prctica, usted debe tener claro los conceptos de Programacin Orientada aObjetos, tales como: Qu es una clase?, Qu es un objeto?, adems, propiedades y mtodosde la clase, y constructores.Elementos requeridos:

a) Entorno de programacin en Java: IDE NetBeans 6.7.1b) 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 utilizadosal referenciar los objetos visuales debe ser los relacionados con la clase a la cualpertenecen 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 deProgramacin IDE Netbeans 6.7.1

CREAR UNA APLICACIN JAVA BASICAa) Crear el proyecto Java: App_Visual_Simple2. Volver al IDE Netbeans 6.7.13. Crear un nuevo proyecto (ir al men Archivo Proyecto Nuevo, o presionarCTRL+Shift +

N), y seleccionar la plantilla JavaApplicacin Java

Seleccionarel cono

Databases

Ventana Runtime

Si esta ventana no

estuviere visible,

seleccionar el

submen

WindowRuntime


2/11


Pgina 2 de 11

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

Se generar automticamente la estructura bsica de una aplicacin Java, y el aspecto del

IDE Netbeans ser similar al que se muestra a continuacin:

2. Seleccionar la plantilla

ApplicacinJava

1. Llamar al proyecto como:

App_Visual_Simple

1. Seleccionar la

categora Java

Nota: Nosotros tenemos un

directorioD:\Proyectos Java dondealmacenamos todos nuestros

proyectos de aplicaciones Java2. Presionar el botn

Terminar


3/11


Pgina 3 de 11

b) Crear el formulario JformEjemplo (formulario del tipo javax.swing.JDialog)5. Ir al men ArchivoArchivo Nuevo (o las teclas CTRL + N) y agregar una formulario del

tipo JDialog (SeleccionarJava GUI FormsJDialog). Luego presionar el botn SIGUIENTE

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

2. Seleccionar un

formulario JDialog

1. Seleccionar la categora:

Formularios de interfaz

grfica de Swing

3. Presionar el botn:

Siguiente

2. Presionar el

botn Terminar

1. denominarlo

JformEjemplo

Ojo: verificar que el paquete

sea nuestra aplicacin

app_visual_simple


4/11


Pgina 4 de 11

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

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 lacategora Swing):

8. Seleccionar el control JButton1, y en el men contextual que se muestra, seleccionar

Cambiar nombre de variable, y asignarle el nombrejBtnCerrar.

9. Seleccionar el control jBtnCerrar, y en el men contextual que se muestra, seleccionar laopcin Editar Texto, y luego, asignarle el nombre jBtnCerrar. Luego de lo cual, el textomostrado en el controljBtnCerrarse habr modificado.

Paleta de controles

Control

JformEjemplo


5/11


Pgina 5 de 11

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

private voidjBtnCerrarActionPerformed(java.awt.event.ActionEvent evt) {this.setVisible(false);this.dispose();

}//----------------------------------------------------------------public void show_info(String title, String info)

{ this.jBtnCerrar.setText("Aceptar/Cerrar");this.jLabel1.setText(info);

this.setTitle(title);this.setVisible(true);

}

11. Cerrar este formulario.

c) Crear el procedimiento de arranque en el void main de la aplicacin12. 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 voidPrograma_ejemplo01(){newJformEjemplo(null,false).show_info("Mi App 01", "Hola PERU");

}

public static voidmain(String[] args) {// TODO code application logic herePrograma_ejemplo01();

}}

NOTA: Note que lo nico que hemos hecho es agregar un mtodo Programa_ejemplo01(), yluego llamarlo desde el void main de la aplicacin

13. Grabar todo.14. Compilar y ejecutar.

CREAR UN FORMULARIO QUE REALICE OPERACIONES DE SUMA Y RESTAa) Crear el formulario JformMatematico (formulario del tipo javax.swing.JDialog)15. 5. Ir al men ArchivoArchivo Nuevo (o las teclas CTRL + N) y agregar una formulario

del tipo JDialog (Seleccionar Java GUI FormsJDialog). Luego presionar el botnSiguiente

Debe seleccionar el evento

actionPerformed

Agregue

tambin

estas lneasde cdigo

Seleccionar un

formulario JFrame


6/11


Pgina 6 de 11

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

botn Terminar.

El resultado es la creacin de un formulario llamado JformMatematico en el interior delproyecto 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)

2. Seleccionar un

formulario JDialog

1. Seleccionar la categora:Formularios de interfaz

grfica de Swing

3. Presionar el botn:

Siguiente

2. Presionar el

botn Terminar

1. denominarlo

JformMatematico

Ojo: verificar que el paquete

sea nuestra aplicacin

app_visual_simple


7/11


Pgina 7 de 11

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 Propiedad Valor

jLabel1 text Nmero A:

jLabel2 text Nmero B:

jLabel3 text Resultado:

jTextField1 name

text

jtxNroA

0jTextField2 name

textjtxNroB0

jTextField3 nametext

jtxResultado0

jRadioButton1 nametextbuttonGroup

jRbtnOpcion1SumarbuttonGroup1

jRadioButton2 nametextbuttonGroup

jRbtnOpcion2RestarbuttonGroup1

jButton1 nametext

jBtnProcesarProcesar

jButton2 name

text

jBtnCerrar

Cerrar

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

jLabel1

jLabel2

jLabel3

jBtnCerrar

jBtnProcesar

jTxtNroA

jRbtnOpcion1

jRbtnOpcion2

jTxtNroB

jTxtResultado


8/11


Pgina 8 de 11

19. En el evento actionPerformed del control JBtnCerrar escribir lo que a continuacin seescriba (Llegue a esto, a travs del men contextual del mismo control jBtnCerrar):private voidjBtnCerrarActionPerformed(java.awt.event.ActionEvent evt) {

this.setVisible(false);this.dispose();

}//--------------------------------------------------------------

public void show_info(String title)

{ this.jRbtnOpcion1.setSelected(true);this.setTitle(title);this.setVisible(true);

}

20. En el evento actionPerformed del control JBtnProcesar escribir lo que a continuacin seescriba (Llegue a esto, a travs del men contextual del mismo control jBtnProcesar):private voidjBtnProcesarActionPerformed(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;

elsez = x - y;

this.jTxtResultado.setText(String.valueOf(z));}

b) Crear el procedimiento de arranque en el void main de la aplicacin21. 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 voidPrograma_ejemplo01(){newJformEjemplo(null,false).show_info("Mi App 01", "Hola PERU");

}private static voidPrograma_ejemplo02(){

newJformMatematico(null,false).show_info("Sumas y Restas");

}

public static voidmain(String[] args) {// TODO code application logic herePrograma_ejemplo02();

}}

NOTA: Usted podr notar que lo nico que hemos hecho es agregar un mtodo denominadoPrograma_ejemplo02(), y luego llamarlo desde el void main de la aplicacin

Agreguetambin

estas lneas

de cdigo


9/11


Pgina 9 de 11

22. Grabar todo.23. Compilar y ejecutar.

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


10/11


Pgina 10 de 11

Aplicacin MyCalculadora (Propuesta Sugerencia) Diagrama de Secuencia

: TCalculadora: TPanelCalculadora : 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()


12 : OrdenaProcesar()13 : btn_procesar()

14 : Procesar()


16 : btn_Mem_MC()17 : LimpiaMemoria()

18 : Clear()

19 : txtMem=getNumero()

20 : btn_Mem_MS()21 : AsignaValorAMemoria()

22 : setNumero()

23 : txtMem=getNumero()

24 : btn_Mem_MR()25 : LeeValorDeMemoria()

26 : TCalculadora.Nro=getNumero()

27 : tx tResultado=getResultado()

28 : SeleccionarOperacion()29 : btn_producto()

30 : AddOperacion()

31 : AgregaNumero3()32 : btn_accion_4()

33 : AddNumero()


35 : btn_procesar()36 : OrdenaProcesar()

37 : Procesar()



11/11


Pgina 11 de 11

Diagrama de Clases

TCalculadora

-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()

TPanelCalculadora

+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()

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 elinterior de JDialog

public class JDialogCalculadora extends javax.swing.JDialog {

//----------------------------------------

public JDialogCalculadora(java.awt.Frame parent, boolean modal) {super(parent, modal);initComponents();

this.CargarPaneles();}

//----------------------------------------

private voidCargarPaneles(){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

practica 01 java crear app visual 01 version 2011

Documents