Almacenamientos para el tipo de dato definido por el ...mapaches.itz.edu.mx/~nestor/materias/general2011_1/... · Paso 1.3 Crear el tipo de dato definido por el programador “Persona”

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


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


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


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


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”


frmColeccionPersona


frmColeccionPersona

La forma frmColeccionPersona deberá llevar la siguiente interfaz gráfica para posteriormente

agregar la codificación


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:


Paso 1.4.1 Vincular del menú

“siglasDeMateria_GUI_Persona_NestorCarrilloView” a la

forma “frmColecciónPersona”

En el botón de “ColeccionPersona”


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)


1.4.4 código de botón de “Agregar”


1.4.5 código de método definido por el

programador “cargarDatosEnTabla”

1.4.6 código de botón de “Nuevo”


1.4.7 código del botón “btnPorcentaceEdad”

1.4.8 código del botón “btnPorcentaceSexo”


1.4.9 Evento de dar click en la tabla para eliminar

a una persona “tblPersonaMouseClicked”


1.4.10 código del botón de cerrar ventana

“btnCerrar”


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


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


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


Paso 2.3 Deshabilitar botones para forzar al

usuario para que presione el botón de leer

archivo


Paso 2.4 Código del botón “btnLeerArchivo”


Paso 2.5 Código del botón

“btnGuardarArchivo”


Paso 2.6 Vincular del menú

“siglasDeMateria_GUI_Persona_NestorCarrilloView” a

la forma “frmArchivoPersona”


Documents

Almacenamientos para el tipo de dato definido por el ...mapaches.itz.edu.mx/~nestor/materias/general2011_1/... · Paso 1.3 Crear el tipo de dato definido por el programador “Persona”