Unidad 2 de Topicos avanzados de programación

1. Instituto Tecnológico Superior de Felipe Carrillo
Puerto
Ingeniería en Sistemas Computacionales
Materia: Tópicos Avanzados de Programación
Docente: Dr. Niels Henryk Aranda Cuevas
Reporte Técnico
Unidad 2: Interfaz Gráfica de Usuario (GUI)
Integrantes:
Chable Pat Jhonny Gabriel
Balam Yam Wilberth
Ayala Mutul Ezer Abizai
Vega Segura Adrián Asís
Poot Tuz Efraín Antonio
Aké Pech Jorge Manuel
Semestre: 4th
Aula: J-3 Grupo: “a”
Ciclo Escolar: Enero – Julio

2. Unidad 2: Interfaz Gráfica de Usuario (GUI)
Aplicaciones de escritorio
 Una aplicación de escritorio (desktop) está pensada para ser utilizada por un
usuario que está interconectado a un sistema común en una red LAN. La
base de datos se encuentra generalmente creada en un servidor común y los
aplicativos en su propia máquina a través de un archivo ejecutable (EXE).
Todos los usuarios comparten los mismos datos, por lo que la aplicación
debe manejar eficientemente la concurrencia que se presenta en este tipo de
aplicaciones.
Los componentes de una aplicación de escritorio (desktop) van desde los controles
que Netbeans proporciona (tales como etiquetas, cajas de texto, botones de
comando, listas, tablas, entre otros) como las bibliotecas de clase que implementan
la lógica de aplicación o de datos en el aplicativo.
A continuación se desarrollará una aplicación que utiliza algunos de estos controles:
El siguiente ejemplo realiza la captura de datos de empleados de una compañía en
tablas. Al registrarse el empleado, se puede visualizar en la tabla sus datos, además
se pueden eliminar estos registros.
Primero crear un proyecto nuevo, y dentro del proyecto crear un nuevo JFrame con
el nombre de frmMenu.
La primera clase presenta el siguiente diseño: Básicamente será el menú que
contendrá el enlace al JInternalframe.

3. Agregue ahora un nuevo formulario (JInternalFrame) de nombre
frmMantEmpleados. Y agréguele los siguientes objetos:
Ahora corresponde programar los objetos del formulario, inclusive éste. Inicialmente
se escribe el código que se encuentra en el formulario principal (declaración de
variables):
Codigo:
public class frmMantEmpleados extends javax.swing.JInternalFrame {
private int anyoActual, fila;
Object []filas=new Object[6];
javax.swing.table.DefaultTableModel modeloTabla;
public frmMantEmpleados() {
this.modeloTabla = new javax.swing.table.DefaultTableModel();
initComponents(); //inicialización de componentes en el formulario
CargarAnyos(); //método para cargar años en el ComboBox
configurarModelo(); //método para configurar el encabezado de la tabla (JTable)

4. detEdad(); //método para calcular la edad de un empleado }
private void CargarAnyos() {
int i;
javax.swing.DefaultComboBoxModel modeloCombo = new
javax.swing.DefaultComboBoxModel();
java.util.Calendar fecha= java.util.Calendar.getInstance();
anyoActual=fecha.get(java.util.Calendar.YEAR);
for (i=1950;i<anyoActual;i++){
modeloCombo.addElement(i);
}
cmbAnyos.setModel(modeloCombo);
}
private void configurarModelo() {
modeloTabla.addColumn("Nombre");
modeloTabla.addColumn("Apellidos");
modeloTabla.addColumn("Año");
modeloTabla.addColumn("Edad");
modeloTabla.addColumn("Sexo");
modeloTabla.addColumn("Areas");
}
private void detEdad() {
int edad= anyoActual-
Integer.parseInt(cmbAnyos.getSelectedItem().toString());
lblEdad.setText(String.valueOf(edad));
}
private void detDatos() {

5. String AInteres="";
filas[0]=txtNombre.getText();
filas[1]=txtApellido.getText();
filas[2]=cmbAnyos.getSelectedItem().toString();
filas[3]=lblEdad.getText();
if (rdMasculino.isSelected()){filas[4]="Masculino";}
else{filas[4]="Femenino";}
if (chkFutbol.isSelected())AInteres=chkFutbol.getText()+",";
if (chkVoleiball.isSelected())AInteres=chkVoleiball.getText()+",";
if (chkOtro.isSelected())AInteres=AInteres + txtOtro.getText();
filas[5]=AInteres;
}
Código para el botón btnAgregar:
private void btnAgregarActionPerformed(java.awt.event.ActionEvent evt) {
detDatos();
modeloTabla.addRow(filas); //carga el modelo con los datos obtenidos
tabEmpleados.setModel(modeloTabla); //carga el modelo en JTable
}
Código para el botón btnModificar:
private void btnModificarActionPerformed(java.awt.event.ActionEvent evt) {
detDatos();
for(int i=0;i<6;i++) //para las 6 columnas de la table
modeloTabla.setValueAt(filas[i],fila,i);
tabEmpleados.setModel(modeloTabla);
}
Código para el botón btnEliminar:
private void btnEliminarActionPerformed(java.awt.event.ActionEvent evt) {
modeloTabla.removeRow(fila);
tabEmpleados.setModel(modeloTabla);}
Código para la tabla tabEmpleados:

6. private void tabEmpleadosMouseClicked(java.awt.event.MouseEvent evt) {
fila=tabEmpleados.rowAtPoint(evt.getPoint());
}
Código para el botón btnCerrar:
private void btnCerrarActionPerformed(java.awt.event.ActionEvent evt) {
// TODO add your handling code here:
System.exit(0);
}
Código para el combobox cmbAnyos:
private void cmbAnyosItemStateChanged(java.awt.event.ItemEvent evt) {
detEdad();
}

7. CONCLUSIÓN
BALAM YAM WILBERTH:
En esta segunda unidad, abarcamos el desarrollo de software a partir de interfaces
gráficas, lo mencionado anteriormente es de gran utilidad en el desarrollo de
software para el ámbito laboral, ya que es una manera más agradable, para que el
usuario interactúe el con el sistema, y el conocimiento adquirido nos abrirá más
puertas en el ámbito laboral.
POOT TUZ EFRAIN ANTONIO
Aprendimos mucho acerca de la programación, el profesor nos pasó algunos
documentos para hacer en clase, nos explicaban como crear algunas aplicaciones
desde cero, una vez terminadas se lo mostrábamos. Además utilizamos lo
aprendido para ponerlo en el proyecto integrador. Las interfaces que vimos en clase
fueron de ayuda durante todo el semestre.
AYALA MUTUL EZER ABISAI
Durante esta segunda unidad vimos muy poca teoría y no fuimos más con la
práctica, sin embargo, alcanzamos a ver algunos conceptos básicos acerca de las
aplicaciones de escritorio. Como siempre estuvimos leyendo algunos documentos
proporcionados por el profesor y resolviendo nuestras dudas con él. Los programas
los estuvimos haciendo en el salón y una vez terminados, mostrábamos los
resultados. También aprendimos muchas cosas que nos sirvieron y tuvimos que
implementar en el proyecto integrador. Esta unidad estuvo bastante interesante
porque trabajamos con interfaces.
AKE PECH JORGE MANUEL
En esta segunda unidad de interfaz gráfica de usuario, nos salíamos de la
monotonía del código para adentrarnos a los que son las interfaces en java con el
IDE Netbeans. Dentro de las funciones que nos puede ofrecer Netbeans se
encontraban muchos componentes para que la interfaz fuera la más adecuada
dependiendo de lo requerido. Trabajamos con etiquetas, combobox, cajas y demás
componentes para realizar diferentes aplicaciones que el profesor marcaba y
también lo utilizamos en nuestro proyecto integrador.
VEGA SEGURA ADRIÁN ASIS
En esta segunda unidad comenzamos viendo las aplicaciones de escritorio,
empezamos a adentrar a lo que es las interfaces y aprendimos las funciones que
nos provee NetBeans. Estuvimos trabajando los componentes como las cajas de
texto, etiquetas, paneles, botones, etc.
Aprendimos a diferenciar sus funciones y a implementarlas en nuestros software's.

8. Lo visto nos fue de mucha ayuda en el proyecto del Centro de Cómputo y gracias a
ello pudimos adecuar nuestra interfaz gráfica a lo que solicitaba el encargado
Cornelio. Todo lo que vimos durante la unidad nos será de mucha ayuda para
futuros proyectos y tareas, y no solo eso, sino también nos ayudará en el ámbito
laboral.
CHABLE PAT JHONNY GABRIEL
Con toda la información que encontramos en internet podemos ampliar nuestros
conocimientos y mejorar todo lo que vimos en esta unidad. Es importante conocer
cómo funcionan las interfaces graficas de un programa, ya que de esta forma
podemos diseñar cualquier sistema que nos propongamos. Esto es necesario ya
que la mayoría de las empresas necesitan de un sistema funcionando para
respaldar toda la información que maneja. Saber sobre esto nos vendría bien en
cualquier campo de trabajo, ya que sin importar el tipo de trabajo que halla, pues ya
contamos con esos conocimientos. Solo es cuestión de adaptar esos conocimientos
con lo que se requiera.