Ing. Néstor Alejandro Carrillo ITZacatecas
Almacenamientos para el tipo de dato definido por el
programador „Persona‟ utilizando Interfaz gráfica de
Usuario (GUI)
Objetivo de la práctica: Diseñar y desarrollar una aplicación de escritorio
que permita almacenar un tipo de dato definido por el programador en memoria
RAM por medio de colecciones, archivo de texto y base de datos MySQL.
Práctica 1.-Colecciones
Prática 2.-Archivos de texto
Práctica 3.-Base de datos (MySQL)
Antes de comenzar recordaremos los estándares para los nombres de los objetos y estándares de
nombres de materia.
(Nos sirven para identificar más rápido los nombres de los objetos en el código)
Objeto prefijo
Forma frm
Label lbl
Botón btn
Lista desplegable cbo
Lista lst
Tabla tbl
Campo de texto txt
Estándares de siglas de materias
Materia Siglas de materia
Organización de datos (L.I.)
odd
Taller de base de datos (I.S.C.)
tbd
Tópicos avanzados de programación
(L.I.)
tap
Tópicos selectos de programación
(I.S.C.)
tsp
Ing. Néstor Alejandro Carrillo ITZacatecas
Practica 1.- Colecciones
Paso 1.1 crear el proyecto
Empecemos creando un nuevo proyecto con el siguiente estándar de nombre de proyecto según
sea la materia:
siglasDeMateria_GUI_TipoDeDato_TuNombreApellido
Pensando que sobre esta ventana (forma) será el menú que mandará llamar a otras ventanas
(formas) para los diversos tipos de almacenamiento como collection (en memoria RAM), archivos
de texto(archivo secuencial), base de datos(MSQL).
Archivo
Nuevo proyecto
Java
Java Aplicación de escritorio
Nombre del proyecto: siglasDeMateria_GUI_TipoDeDato_TuNombreYApellido
Donde:
siglasDeMateria: Son las siglas que corresponden con la materia.
TipoDeDato: Es el tipo de dato definido por el programador
Ing. Néstor Alejandro Carrillo ITZacatecas
TuNombreYApellido: Es tu nombre y primer Apellido (Sin espacios)
Paso 1.2 Construir el menú en la ventana del
proyecto para posteriormente mandar llamar
las otras ventanas (formas)
siglasDeMateria_GUI_Persona_NestorCarrilloView
Esta será la ventana de menú que mandara llamar a otras ventanas
Objeto Nombre de Variable Texto Acción Observaciones panel Sobre el
objeto panel colocar.
Label lblMenu Menú Propiedades: Arial 18 Negrita
Ing. Néstor Alejandro Carrillo ITZacatecas
Botón btnColeccionPersona Colección Persona
Action Performed
Botón btnArchivoPersona Archivo Persona
Action Performed
Botón btnBaseDatosPersona Base de datos Persona
Action Performed
La interfaz del menú debe quedar así:
Paso 1.3 Crear el tipo de dato definido por el
programador “Persona”
Ahora hay que añadir el tipo de dato definido por el programador en mi caso “Persona” , esta es
una clase en la que solo se van a escribir los atributos y se le dice al NetBeans (tecla derecha de
mouse, en insertar código) que inserte los métodos constructores, seter , geters y el toString
Ing. Néstor Alejandro Carrillo ITZacatecas
Paso 1.4 crear una ventana (forma) para la
interfaz del tipo de dato definido por el
programador “Persona” y que almacene los
datos en una “Collection” en la RAM de la
Computadora
Ahora hay que añadir otra ventana en el cual el nombre será (frmColeccionTuTipoDeDato) en este
caso “frmColeccionPersona”
Ing. Néstor Alejandro Carrillo ITZacatecas
frmColeccionPersona
Ing. Néstor Alejandro Carrillo ITZacatecas
frmColeccionPersona
La forma frmColeccionPersona deberá llevar la siguiente interfaz gráfica para posteriormente
agregar la codificación
Ing. Néstor Alejandro Carrillo ITZacatecas
Objeto Nombre de Variable Texto Acción Observaciones
forma frmColeccionPersona -En propiedades defaultCloseOperation: dispose
Panel colocar éste panel
Label lblNombre Nombre:
Campo de texto
txtNombre
Label lblEdad Edad:
Campo de texto
txtEdad
Label lblSexo Sexo:
Lista desplegable
cboSexo Femenino, Masculino
-En propiedades de este objeto. -En model
Botón btnAgregar Agregar ActionPerformed
Botón btnNuevo Nuevo ActionPerformed
Botón btnPorcentajeEdad Porcentaje Edad
ActionPerformed
Botón btnPorcentajeSexo Porcentaje Sexo
ActionPerformed
Panel Colocar sobre este panel los siguientes objetos
Panel de desplazamiento
Tabla tblPersonas -En propiedades -En model colocar los encabezados
MouseClicked Colocar la tabla sobre el panel de desplazamiento
Botón btnCerrar Cerrar ActionPerformed
Debe quedar así la ventana ( forma) de frmColeccionPersona:
Ing. Néstor Alejandro Carrillo ITZacatecas
Paso 1.4.1 Vincular del menú
“siglasDeMateria_GUI_Persona_NestorCarrilloView” a la
forma “frmColecciónPersona”
En el botón de “ColeccionPersona”
Ing. Néstor Alejandro Carrillo ITZacatecas
Paso 1.4.2 Codificación de la ventana
“frmColeccionPersona”
En el botón de source ir hasta el principio del código y empezar a teclear las librerias
1.4.3 librerías
Nota: Las librerías van después de la línea de package
Nota: La declaración de atributos (van entre la clase y el constructor)
Ing. Néstor Alejandro Carrillo ITZacatecas
1.4.4 código de botón de “Agregar”
Ing. Néstor Alejandro Carrillo ITZacatecas
1.4.5 código de método definido por el
programador “cargarDatosEnTabla”
1.4.6 código de botón de “Nuevo”
Ing. Néstor Alejandro Carrillo ITZacatecas
1.4.7 código del botón “btnPorcentaceEdad”
1.4.8 código del botón “btnPorcentaceSexo”
Ing. Néstor Alejandro Carrillo ITZacatecas
1.4.9 Evento de dar click en la tabla para eliminar
a una persona “tblPersonaMouseClicked”
Ing. Néstor Alejandro Carrillo ITZacatecas
1.4.10 código del botón de cerrar ventana
“btnCerrar”
Ing. Néstor Alejandro Carrillo ITZacatecas
Práctica 2.-Archivos de texto
Esta práctica consiste en almacenar los datos de la colección en un archivo de
texto, para ello necesitamos una nueva forma (JFrame o Ventana)
frmArchivoPersona
frmArchivoPersona
Ing. Néstor Alejandro Carrillo ITZacatecas
Paso 2.1 Añadir la interfaz gráfica de la forma o
ventana “frmArchivoPersona” añadimos todos los
objetos de la interfaz gráfica de usuario (paneles,
etiquetas botones, etc) de la práctica 1 de manejo
de colecciones de la forma “frmColeccionPersona”
y adicionalmente colocar los siguientes objetos
Objeto Nombre de Variable Texto Acción Observaciones
forma frmArchivoPersona -En propiedades defaultCloseOperation: dispose
botón btnLeerArchivoPersona Leer Archivo
Action performed
Botón btnGuardaArchivoPersona Guardar archivo
Action performed
Ing. Néstor Alejandro Carrillo ITZacatecas
Si se pudiera expresar matemáticamente lo que se requiere
hacer para codificar la ventana de “frmArchivoPersona” sería
la siguiente formula:
frmArchivoPersona = mismos pasos de práctica 1.4.2 “frmColeccionPersona”
+ librería para manejo de archivos
+ código para habilitar y deshabilitar botones
+ btnGuardarArchivo
+ btnLeerArchivo
Paso 2.2 agregar adicionalmente la librería
para manejo de archivos
Ing. Néstor Alejandro Carrillo ITZacatecas
Paso 2.3 Deshabilitar botones para forzar al
usuario para que presione el botón de leer
archivo
Ing. Néstor Alejandro Carrillo ITZacatecas
Paso 2.4 Código del botón “btnLeerArchivo”
Ing. Néstor Alejandro Carrillo ITZacatecas
Paso 2.5 Código del botón
“btnGuardarArchivo”
Ing. Néstor Alejandro Carrillo ITZacatecas
Paso 2.6 Vincular del menú
“siglasDeMateria_GUI_Persona_NestorCarrilloView” a
la forma “frmArchivoPersona”
Ing. Néstor Alejandro Carrillo ITZacatecas
Top Related