-
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
-
7/30/2019 Practica 01 Java Crear App Visual 01 Version 2011
2/11
Universidad Nacional Jos Mara Arguedas-Andahuaylas Algoritmos y Estructura de Datos IIIngeniera de Sistemas Docente: Ing. Edwin Ramos
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
-
7/30/2019 Practica 01 Java Crear App Visual 01 Version 2011
3/11
Universidad Nacional Jos Mara Arguedas-Andahuaylas Algoritmos y Estructura de Datos IIIngeniera de Sistemas Docente: Ing. Edwin Ramos
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
-
7/30/2019 Practica 01 Java Crear App Visual 01 Version 2011
4/11
Universidad Nacional Jos Mara Arguedas-Andahuaylas Algoritmos y Estructura de Datos IIIngeniera de Sistemas Docente: Ing. Edwin Ramos
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
-
7/30/2019 Practica 01 Java Crear App Visual 01 Version 2011
5/11
Universidad Nacional Jos Mara Arguedas-Andahuaylas Algoritmos y Estructura de Datos IIIngeniera de Sistemas Docente: Ing. Edwin Ramos
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
-
7/30/2019 Practica 01 Java Crear App Visual 01 Version 2011
6/11
Universidad Nacional Jos Mara Arguedas-Andahuaylas Algoritmos y Estructura de Datos IIIngeniera de Sistemas Docente: Ing. Edwin Ramos
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/30/2019 Practica 01 Java Crear App Visual 01 Version 2011
7/11
Universidad Nacional Jos Mara Arguedas-Andahuaylas Algoritmos y Estructura de Datos IIIngeniera de Sistemas Docente: Ing. Edwin Ramos
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
-
7/30/2019 Practica 01 Java Crear App Visual 01 Version 2011
8/11
Universidad Nacional Jos Mara Arguedas-Andahuaylas Algoritmos y Estructura de Datos IIIngeniera de Sistemas Docente: Ing. Edwin Ramos
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
-
7/30/2019 Practica 01 Java Crear App Visual 01 Version 2011
9/11
Universidad Nacional Jos Mara Arguedas-Andahuaylas Algoritmos y Estructura de Datos IIIngeniera de Sistemas Docente: Ing. Edwin Ramos
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
-
7/30/2019 Practica 01 Java Crear App Visual 01 Version 2011
10/11
Universidad Nacional Jos Mara Arguedas-Andahuaylas Algoritmos y Estructura de Datos IIIngeniera de Sistemas Docente: Ing. Edwin Ramos
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()
11 : txtResultado := getResultado()
12 : OrdenaProcesar()13 : btn_procesar()
14 : Procesar()
15 : txtResultado := getResultado()
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()
34 : tx tResultado=getResultado()
35 : btn_procesar()36 : OrdenaProcesar()
37 : Procesar()
38 : tx tResultado=getResultado()
-
7/30/2019 Practica 01 Java Crear App Visual 01 Version 2011
11/11
Universidad Nacional Jos Mara Arguedas-Andahuaylas Algoritmos y Estructura de Datos IIIngeniera de Sistemas Docente: Ing. Edwin Ramos
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