SlideShare una empresa de Scribd logo
UNIVERSIDAD ISRAEL
CIENCIAS DE LA INGENIERÍA
CARRERA DE SISTEMAS DE INFORMACIÓN
PROGRAMACIÓN ORIENTADA A OBJETOS
SEMESTRE 2021 A
LABORATORIO S3
TEMA: Aplicaciones Java (Creación de GUI básicas)
PROFESOR: Mg. Luis Fernando Aguas Bucheli
QUITO, 2021
Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Sistemas de Información
1. TEMA: Aplicaciones Java (Creación de GUI básicas)
2. OBJETIVOS:
• Adquirir los conceptos básicos relacionados con la POO
• Reconocer las características de la POO
3. OBJETIVOS DE DESARROLLO SOSTENIBLE:
4. INTRODUCCION:
El control JTextField permite al operador del programa ingresar una cadena de caracteres por
teclado. Para ver su fun cionamiento, vamos a crear un programa que permita ingresar el
nombre de usuario y cuando se presione un botón mostrar el valor ingresado en la barra de
títulos del JFrame.
/* Importamos las componentes Swing, así como el paquete con los interfaces
para los eventos */
import javax.swing.*;
import java.awt.event.*;
/* La clase JFrame encapsula el concepto de una ventana, para implementar una
aplicación que muestre una ventana debemos plantear una clase que herede de
la clase JFrame e implemente a a ActionListener para el evento del botón*/
public class Formulario extends JFrame implements ActionListener{
Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Sistemas de Información
/* Definimos variables. */
private JTextField textfield1;
private JLabel label1;
private JButton boton1;
/* En el constructor de la clase llamamos al método heredado de la
clase JFrame llamado setLayout y le pasamos como parámetro un valor null, con
esto estamos informándole a la clase JFrame que utilizaremos posicionamiento
absoluto para los controles visuales dentro del JFrame*/
public Formulario() {
setLayout(null);
/* Etiqueta de usuario */
label1=new JLabel("Usuario:");
label1.setBounds(10,10,100,30);
add(label1);
/* Campo de texto */
textfield1=new JTextField();
textfield1.setBounds(120,10,150,20);
add(textfield1);
/* Botón de Aceptar */
boton1=new JButton("Aceptar");
boton1.setBounds(10,80,100,30);
add(boton1);
Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Sistemas de Información
/* Inicializo escuchador del botón */
boton1.addActionListener(this);
}
/* Método que implementa la acción del botón */
public void actionPerformed(ActionEvent e) {
if (e.getSource()==boton1) {
String titulo=textfield1.getText();
setTitle(titulo);
}
}
/* En el método main creamos un objeto de la clase Formulario,
llamamos al método setBounds para ubicar y dar tamaño al control y mediante
el método setVisible hacemos visible el JFrame */
public static void main(String[] args) {
Formulario formulario1=new Formulario();
formulario1.setBounds(0,0,300,150);
formulario1.setVisible(true);
}
}
El control de tipo JTextArea permite ingresar múltiples líneas, a diferencia del control de tipo
JTextField. Vamos a crear un campo de entrada de email de tipo JTextField y debajo el cuerpo
del mensaje en formato jTextArea:
Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Sistemas de Información
import javax.swing.*;
public class Formulario extends JFrame{
/* Definimos variables. */
private JTextField textfield1;
private JTextArea textarea1;
public Formulario() {
setLayout(null);
/* Campo de email */
textfield1=new JTextField();
textfield1.setBounds(10,10,200,30);
add(textfield1);
/* Cuerpo de mensaje */
textarea1=new JTextArea();
textarea1.setBounds(10,50,400,300);
add(textarea1);
}
public static void main(String[] args) {
Formulario formulario1=new Formulario();
formulario1.setBounds(0,0,540,400);
Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Sistemas de Información
formulario1.setVisible(true);
}
}
El problema de JTextArea es que si escribimos muchas líneas, llegará un momento en que no
podremos ver todo el texto. Para ello, debemos crear un objeto de la clase JScrollPane y añadir
en su interior el objeto de la clase JTextArea, de modo que el código modificado quedaría así:
import javax.swing.*;
public class Formulario extends JFrame{
/* Definimos variables. */
private JTextField textfield1;
private JTextArea textarea1;
private JScrollPane scrollpane1;
public Formulario() {
setLayout(null);
/* Campo de email */
textfield1=new JTextField();
textfield1.setBounds(10,10,200,30);
add(textfield1);
/* Cuerpo de mensaje en scrollPane*/
Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Sistemas de Información
textarea1=new JTextArea();
textarea1.setLineWrap(true); //Para que salte de línea al
llegar al final del ancho del jTextArea
scrollpane1=new JScrollPane(textarea1);
scrollpane1.setBounds(10,50,400,300);
add(scrollpane1);
}
public static void main(String[] args) {
Formulario formulario1=new Formulario();
formulario1.setBounds(0,0,540,400);
formulario1.setVisible(true);
}
}
5. DESARROLLO:
• Ingresamos a Netbeans
Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Sistemas de Información
• Creamos un nuevo proyecto:
• Colocamos como nombre
Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Sistemas de Información
Damos clic en Finish
Damos clic en Delete
Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Sistemas de Información
Luego marcamos y clic en Refactor
Teniendo
Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Sistemas de Información
Creamos una nueva clase:
Teniendo:
Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Sistemas de Información
Colocamos el siguiente código:
public class Persona
{
public String nombre;
public String apellido;
public String paralelo;
public String fecha;
public Persona(String nombre, String apellido, String paralelo, String
fecha)
{
this.nombre = nombre;
this.apellido = apellido;
this.paralelo = paralelo;
this.fecha = fecha;
}
public String getNombre()
{
return nombre;
}
public String getApellido()
{
return apellido;
}
public String getParalelo()
{
return paralelo;
}
public String getFecha()
{
return fecha;
}
}
Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Sistemas de Información
Teniendo:
Creamos un jFrame
Colocamos el siguiente nombre
Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Sistemas de Información
Teniendo
Vamos a la Palette y colocamos un jpanel
Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Sistemas de Información
En el jpanel incluimos (4 jlabels, 4 jTextfields y 1 jTextArea), de la siguiente manera:
Colocamos también un botón
Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Sistemas de Información
Damos clic en la primera jlabel y vamos a la propiedad text y colocamos:
Damos clic a la siguiente jlabel y vamos a la propiedad text y colocamos:
Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Sistemas de Información
Damos clic a la siguiente jlabel y vamos a la propiedad text y colocamos:
Damos clic a la siguiente jlabel y vamos a la propiedad text y colocamos:
Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Sistemas de Información
Damos clic a la siguiente jbutton y vamos a la propiedad text y colocamos:
Damos doble clic en el botón
Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Sistemas de Información
Colocamos el siguiente código:
private void jButton1ActionPerformed(java.awt.event.ActionEvent evt) {
Persona P = new
Persona(jTextField1.getText(),jTextField2.getText(),jTextField3.getText(),jTextField4.getText());
jTextArea1.append("n"+ P.getApellido()+ " "+ P.getNombre()+ " " + P.getParalelo()+ " "+
P.getFecha());
}
Teniendo:
Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Sistemas de Información
Compilamos y Ejecutamos:
Llenamos y damos clic en Insertar
Ciencias de la Ingeniería
Universidad Israel
Ciencias de la Ingeniería
Carrera de Sistemas de Información
6. BIBLIOGRAFIA:

Más contenido relacionado

PDF
C6 net beansentradasysalidas
PDF
Programación en Java (y II)
PDF
Programación orientada a objetos (I)
PDF
Sesion12-Componentes AWT
PDF
Sesion12-componentes Visuales java
PDF
62016561 java
PPT
Eventos
C6 net beansentradasysalidas
Programación en Java (y II)
Programación orientada a objetos (I)
Sesion12-Componentes AWT
Sesion12-componentes Visuales java
62016561 java
Eventos

La actualidad más candente (20)

PPTX
Eventos
PDF
Examen programación
PPTX
Presentacion Java
PDF
Programación en Java (I)
PPT
Javaintroduccion 2010
DOCX
Progra final examen
PDF
Ejercicios de evaluación de fundametnos de programacion en JAva
PDF
Informe tecnico eventos
PPT
Curso Java Inicial 8 Conceptos Avanzados Awt
PPTX
Java - Tutorial Ventanas
PDF
Swing
 
DOCX
Estructuras de control
PPT
Curso Java Inicial 8 Conceptos Avanzados I O
PDF
Analizador de una matriz utilizando compiladores
PDF
Resumen semana2
PPTX
Formularios y contenedores
PDF
Programación con java en Eclipse
Eventos
Examen programación
Presentacion Java
Programación en Java (I)
Javaintroduccion 2010
Progra final examen
Ejercicios de evaluación de fundametnos de programacion en JAva
Informe tecnico eventos
Curso Java Inicial 8 Conceptos Avanzados Awt
Java - Tutorial Ventanas
Swing
 
Estructuras de control
Curso Java Inicial 8 Conceptos Avanzados I O
Analizador de una matriz utilizando compiladores
Resumen semana2
Formularios y contenedores
Programación con java en Eclipse
Publicidad

Similar a Lab3-POO (20)

PDF
Semana 5 Java Swing
PDF
Java class library
 
PDF
Guia6 java
PDF
Informe de eventos topicos avanzados de programacion.
DOCX
Tema 2 objetos_jlabel_jtextfield_jbutton
PDF
Guia practicaiuprg3
PPTX
Clase10
PPTX
Grupo 5 java diseño - controles basicos.pptx
DOCX
Practica 10 haro_oscullo
PPTX
JAVA Interfaz gráfica (GUI)
PDF
Proyecto Informatico
PPT
abstract window tool kit
PPT
Entorno gráfico en Java
PPT
Entorno grafico en Java
PPT
AWT- JAVA
PDF
PDF
Ejemplo de un codigo a través de un lenguaje de programacion llamado java
PPTX
javainterfazgraficaenjavausandonetbeans.pptx
Semana 5 Java Swing
Java class library
 
Guia6 java
Informe de eventos topicos avanzados de programacion.
Tema 2 objetos_jlabel_jtextfield_jbutton
Guia practicaiuprg3
Clase10
Grupo 5 java diseño - controles basicos.pptx
Practica 10 haro_oscullo
JAVA Interfaz gráfica (GUI)
Proyecto Informatico
abstract window tool kit
Entorno gráfico en Java
Entorno grafico en Java
AWT- JAVA
Ejemplo de un codigo a través de un lenguaje de programacion llamado java
javainterfazgraficaenjavausandonetbeans.pptx
Publicidad

Más de Luis Fernando Aguas Bucheli (20)

PPTX
EFC-ISW-Luis Fernando Aguas.pptx
PPTX
PPTX
PPTX
PPTX
PPTX
PPTX
PPTX
PPTX
PPTX
PPTX
PPTX
PPTX

Último (20)

PPTX
MODULO 1.SEGURIDAD Y SALUD CONCEPTOS GENERALES.pptx
PDF
Primera formulación de cargos de la SEC en contra del CEN
PPT
tema DISEÑO ORGANIZACIONAL UNIDAD 1 A.ppt
PPTX
CAPACITACIÓN DE USO ADECUADO DE EPP.pptx
PDF
Estrategias de apoyo de tecnología 2do periodo pdf
PPTX
MODULO 2. METODOLOGIAS PARA ANALISIS DE RIESGOS 2da Parte.pptx
PDF
prg2_t01_p01_Fundamentos POO - parte1.pdf
PDF
1132-2018 espectrofotometro uv visible.pdf
PPT
357161027-seguridad-industrial-diapositivas-ppt.ppt
DOC
informacion acerca de la crianza tecnificada de cerdos
PDF
Copia de Presentación Propuesta de Marketing Corporativo Blanco y Negro.pdf
PDF
fulguracion-medicina-legal-418035-downloable-2634665.pdf lesiones por descarg...
PPTX
Presentación - Taller interpretación iso 9001-Solutions consulting learning.pptx
PPT
PRIMEROS AUXILIOS EN EL SECTOR EMPRESARIAL
DOCX
Cumplimiento normativo y realidad laboral
PDF
MATRIZ IDENTIFICACIÓN EVALUACION CONTROL PRL.pdf
PDF
Perfilaje de Pozos _20250624_222013_0000.pdf
PDF
Módulo-de Alcance-proyectos - Definición.pdf
PPTX
Seminario de telecomunicaciones para ingeniería
PPTX
1 CONTAMINACION AMBIENTAL EN EL PLANETA.pptx
MODULO 1.SEGURIDAD Y SALUD CONCEPTOS GENERALES.pptx
Primera formulación de cargos de la SEC en contra del CEN
tema DISEÑO ORGANIZACIONAL UNIDAD 1 A.ppt
CAPACITACIÓN DE USO ADECUADO DE EPP.pptx
Estrategias de apoyo de tecnología 2do periodo pdf
MODULO 2. METODOLOGIAS PARA ANALISIS DE RIESGOS 2da Parte.pptx
prg2_t01_p01_Fundamentos POO - parte1.pdf
1132-2018 espectrofotometro uv visible.pdf
357161027-seguridad-industrial-diapositivas-ppt.ppt
informacion acerca de la crianza tecnificada de cerdos
Copia de Presentación Propuesta de Marketing Corporativo Blanco y Negro.pdf
fulguracion-medicina-legal-418035-downloable-2634665.pdf lesiones por descarg...
Presentación - Taller interpretación iso 9001-Solutions consulting learning.pptx
PRIMEROS AUXILIOS EN EL SECTOR EMPRESARIAL
Cumplimiento normativo y realidad laboral
MATRIZ IDENTIFICACIÓN EVALUACION CONTROL PRL.pdf
Perfilaje de Pozos _20250624_222013_0000.pdf
Módulo-de Alcance-proyectos - Definición.pdf
Seminario de telecomunicaciones para ingeniería
1 CONTAMINACION AMBIENTAL EN EL PLANETA.pptx

Lab3-POO

  • 1. UNIVERSIDAD ISRAEL CIENCIAS DE LA INGENIERÍA CARRERA DE SISTEMAS DE INFORMACIÓN PROGRAMACIÓN ORIENTADA A OBJETOS SEMESTRE 2021 A LABORATORIO S3 TEMA: Aplicaciones Java (Creación de GUI básicas) PROFESOR: Mg. Luis Fernando Aguas Bucheli QUITO, 2021
  • 2. Ciencias de la Ingeniería Universidad Israel Ciencias de la Ingeniería Carrera de Sistemas de Información 1. TEMA: Aplicaciones Java (Creación de GUI básicas) 2. OBJETIVOS: • Adquirir los conceptos básicos relacionados con la POO • Reconocer las características de la POO 3. OBJETIVOS DE DESARROLLO SOSTENIBLE: 4. INTRODUCCION: El control JTextField permite al operador del programa ingresar una cadena de caracteres por teclado. Para ver su fun cionamiento, vamos a crear un programa que permita ingresar el nombre de usuario y cuando se presione un botón mostrar el valor ingresado en la barra de títulos del JFrame. /* Importamos las componentes Swing, así como el paquete con los interfaces para los eventos */ import javax.swing.*; import java.awt.event.*; /* La clase JFrame encapsula el concepto de una ventana, para implementar una aplicación que muestre una ventana debemos plantear una clase que herede de la clase JFrame e implemente a a ActionListener para el evento del botón*/ public class Formulario extends JFrame implements ActionListener{
  • 3. Ciencias de la Ingeniería Universidad Israel Ciencias de la Ingeniería Carrera de Sistemas de Información /* Definimos variables. */ private JTextField textfield1; private JLabel label1; private JButton boton1; /* En el constructor de la clase llamamos al método heredado de la clase JFrame llamado setLayout y le pasamos como parámetro un valor null, con esto estamos informándole a la clase JFrame que utilizaremos posicionamiento absoluto para los controles visuales dentro del JFrame*/ public Formulario() { setLayout(null); /* Etiqueta de usuario */ label1=new JLabel("Usuario:"); label1.setBounds(10,10,100,30); add(label1); /* Campo de texto */ textfield1=new JTextField(); textfield1.setBounds(120,10,150,20); add(textfield1); /* Botón de Aceptar */ boton1=new JButton("Aceptar"); boton1.setBounds(10,80,100,30); add(boton1);
  • 4. Ciencias de la Ingeniería Universidad Israel Ciencias de la Ingeniería Carrera de Sistemas de Información /* Inicializo escuchador del botón */ boton1.addActionListener(this); } /* Método que implementa la acción del botón */ public void actionPerformed(ActionEvent e) { if (e.getSource()==boton1) { String titulo=textfield1.getText(); setTitle(titulo); } } /* En el método main creamos un objeto de la clase Formulario, llamamos al método setBounds para ubicar y dar tamaño al control y mediante el método setVisible hacemos visible el JFrame */ public static void main(String[] args) { Formulario formulario1=new Formulario(); formulario1.setBounds(0,0,300,150); formulario1.setVisible(true); } } El control de tipo JTextArea permite ingresar múltiples líneas, a diferencia del control de tipo JTextField. Vamos a crear un campo de entrada de email de tipo JTextField y debajo el cuerpo del mensaje en formato jTextArea:
  • 5. Ciencias de la Ingeniería Universidad Israel Ciencias de la Ingeniería Carrera de Sistemas de Información import javax.swing.*; public class Formulario extends JFrame{ /* Definimos variables. */ private JTextField textfield1; private JTextArea textarea1; public Formulario() { setLayout(null); /* Campo de email */ textfield1=new JTextField(); textfield1.setBounds(10,10,200,30); add(textfield1); /* Cuerpo de mensaje */ textarea1=new JTextArea(); textarea1.setBounds(10,50,400,300); add(textarea1); } public static void main(String[] args) { Formulario formulario1=new Formulario(); formulario1.setBounds(0,0,540,400);
  • 6. Ciencias de la Ingeniería Universidad Israel Ciencias de la Ingeniería Carrera de Sistemas de Información formulario1.setVisible(true); } } El problema de JTextArea es que si escribimos muchas líneas, llegará un momento en que no podremos ver todo el texto. Para ello, debemos crear un objeto de la clase JScrollPane y añadir en su interior el objeto de la clase JTextArea, de modo que el código modificado quedaría así: import javax.swing.*; public class Formulario extends JFrame{ /* Definimos variables. */ private JTextField textfield1; private JTextArea textarea1; private JScrollPane scrollpane1; public Formulario() { setLayout(null); /* Campo de email */ textfield1=new JTextField(); textfield1.setBounds(10,10,200,30); add(textfield1); /* Cuerpo de mensaje en scrollPane*/
  • 7. Ciencias de la Ingeniería Universidad Israel Ciencias de la Ingeniería Carrera de Sistemas de Información textarea1=new JTextArea(); textarea1.setLineWrap(true); //Para que salte de línea al llegar al final del ancho del jTextArea scrollpane1=new JScrollPane(textarea1); scrollpane1.setBounds(10,50,400,300); add(scrollpane1); } public static void main(String[] args) { Formulario formulario1=new Formulario(); formulario1.setBounds(0,0,540,400); formulario1.setVisible(true); } } 5. DESARROLLO: • Ingresamos a Netbeans
  • 8. Ciencias de la Ingeniería Universidad Israel Ciencias de la Ingeniería Carrera de Sistemas de Información • Creamos un nuevo proyecto: • Colocamos como nombre
  • 9. Ciencias de la Ingeniería Universidad Israel Ciencias de la Ingeniería Carrera de Sistemas de Información Damos clic en Finish Damos clic en Delete
  • 10. Ciencias de la Ingeniería Universidad Israel Ciencias de la Ingeniería Carrera de Sistemas de Información Luego marcamos y clic en Refactor Teniendo
  • 11. Ciencias de la Ingeniería Universidad Israel Ciencias de la Ingeniería Carrera de Sistemas de Información Creamos una nueva clase: Teniendo:
  • 12. Ciencias de la Ingeniería Universidad Israel Ciencias de la Ingeniería Carrera de Sistemas de Información Colocamos el siguiente código: public class Persona { public String nombre; public String apellido; public String paralelo; public String fecha; public Persona(String nombre, String apellido, String paralelo, String fecha) { this.nombre = nombre; this.apellido = apellido; this.paralelo = paralelo; this.fecha = fecha; } public String getNombre() { return nombre; } public String getApellido() { return apellido; } public String getParalelo() { return paralelo; } public String getFecha() { return fecha; } }
  • 13. Ciencias de la Ingeniería Universidad Israel Ciencias de la Ingeniería Carrera de Sistemas de Información Teniendo: Creamos un jFrame Colocamos el siguiente nombre
  • 14. Ciencias de la Ingeniería Universidad Israel Ciencias de la Ingeniería Carrera de Sistemas de Información Teniendo Vamos a la Palette y colocamos un jpanel
  • 15. Ciencias de la Ingeniería Universidad Israel Ciencias de la Ingeniería Carrera de Sistemas de Información En el jpanel incluimos (4 jlabels, 4 jTextfields y 1 jTextArea), de la siguiente manera: Colocamos también un botón
  • 16. Ciencias de la Ingeniería Universidad Israel Ciencias de la Ingeniería Carrera de Sistemas de Información Damos clic en la primera jlabel y vamos a la propiedad text y colocamos: Damos clic a la siguiente jlabel y vamos a la propiedad text y colocamos:
  • 17. Ciencias de la Ingeniería Universidad Israel Ciencias de la Ingeniería Carrera de Sistemas de Información Damos clic a la siguiente jlabel y vamos a la propiedad text y colocamos: Damos clic a la siguiente jlabel y vamos a la propiedad text y colocamos:
  • 18. Ciencias de la Ingeniería Universidad Israel Ciencias de la Ingeniería Carrera de Sistemas de Información Damos clic a la siguiente jbutton y vamos a la propiedad text y colocamos: Damos doble clic en el botón
  • 19. Ciencias de la Ingeniería Universidad Israel Ciencias de la Ingeniería Carrera de Sistemas de Información Colocamos el siguiente código: private void jButton1ActionPerformed(java.awt.event.ActionEvent evt) { Persona P = new Persona(jTextField1.getText(),jTextField2.getText(),jTextField3.getText(),jTextField4.getText()); jTextArea1.append("n"+ P.getApellido()+ " "+ P.getNombre()+ " " + P.getParalelo()+ " "+ P.getFecha()); } Teniendo:
  • 20. Ciencias de la Ingeniería Universidad Israel Ciencias de la Ingeniería Carrera de Sistemas de Información Compilamos y Ejecutamos: Llenamos y damos clic en Insertar
  • 21. Ciencias de la Ingeniería Universidad Israel Ciencias de la Ingeniería Carrera de Sistemas de Información 6. BIBLIOGRAFIA: