UNIVERSIDAD DE LAS FUERZAS ARMADAS

ESPE – SEDE LATACUNGA

Prueba_P2
PROGRAMACIÓN

ESTUDIANTE: QUISHPE URRUTIA JOB NICOLÁS

JUNIOR STEVEN CANGUI TOAPANTA

DOCENTE: ING. GUERRA CRUZ LUIS ALBERTO

NRC: 7450

MAYO– SEPTIEMBRE 2020

 Prueba2_QuishpeUrrutiaJobNicolas_Automotriz[7450]
Prueba2_CanguiToapanta_JuniorSteven_Automotriz[7450]

(TUTORIAL) CREAR UN FORMULARIO DE DATOS EN NETBEANS JAVA

Paso 1: Abrir NetBeans y crear un "New Project"--"java"--"Java Class Library".

Asignar nombre. En este caso será Formulario

Paso 2: En nuestro Source Packages, daremos click secundario, y crearemos un package

llamado Presentacion, otro llamado Negocio.Modelo y otro llamado Negocio.Control
Nos quedara de la siguiente manera:
Ahora, trabajamos en Presentacion primeramente

Presentacion
Paso 3: En nuestro package Presentacion le damos click secundario, seleccionamos "new"
y le damos a "JFrame Form". (En caso de no estar abajo sale other... buscan "Swing GUI
Forms" y dentro de él tiene que aparecer "JFrame Form”).

Lo nombraré de "InterfazFormulario"

En este ejemplo pediremos los siguientes datos (Nombre, apellidos, cédula, email, teléfono),
lo cuales serán obligatorios.
Para este fin tendremos estos jlabel: Nombre, Apellidos, Cedula, Email, Telefono y que sus
nombres de variables serán "JLNombre" en el caso del nombre...
(en caso de tener título crear un jlabel con el título).

Ponerle nombre visible por el usuario es click secundario y "Edit Text"

Ponerle nombre a la variable es click secundario y "Change Variable Name"

Nos quedara algo así:

Paso 4: Crearemos los JTextField: uno para cada Dato, excepto para la cédula que necesita
2, con el siguiente nombre de variable:

Por ejemplo: para el Nombre se llamará "txtNombre" para el Apellido se llamará

"txtApellidos", (Cedula; txtCedula .... txtValidador).
Le damos click secundario "Edit Text" y le borramos el contenido sin ningún espacio luego
agrandamos el textfield. Nos quedara algo así...
Paso 5: Dar un título al JFrame eso se hace dando click secundario encima del frame en
cualquier lugar que no sea ni un jlabel o un JtextField y damos en "Propiedades", luego en
donde dice "title" escribimos "Formulario"

Paso 6: Ahora crearemos botones "Button".

Crearemos 3; uno para "Guardar" uno para "Limpiar" y uno para "Salir" en los cuales al igual
que en los jlabel y textfield vamos a ponerle nombre de variable...

Guardar = BotonGuardar;

Limpiar = BotonLimpiar;
Salir = BotonSalir.
Paso 7: Agregaremos fondo a un Formulario, esto lo aremos con una clase y una imagen...
Crearemos una clase llamada "FondoFormulario" (Java Class, en Presentacion) y a su vez
crearemos un nuevo package llamado "Presentacion.Imagenes" (donde pondremos todas las
imagenes).
En FondoFormulario.java pondremos el siguiente código:
package Presentacion;

/**

* @ author Cangui Junior, Quishpe Nicolas

*/

import java.awt.Graphics;

import javax.swing.ImageIcon;

public class FondoFormulario extends javax.swing.JPanel {

public FondoFormulario(){

this.setSize(395, 493);
}

@ Override

public void paintComponent(Graphics g){

ImageIcon imagenFondo = new

ImageIcon(getClass().getResource("/Presentacion/Imagenes/FondoFormulario.png" ) ) ;

g.drawImage(imagenFondo.getImage(),0,0,395, 493, null);

setOpaque(false);

super.paintComponent(g);

Paso 8:
Le damos Click secundario sobre el JForm principal y vamos a "Events" -- "Window" --
"windowOpened"

Y ahí instanciamos la clase que posee el fondo y la aplicamos de la siguiente manera.

(deberán importar la librería "import java.awt.BorderLayout ; " eso se debe escribir abajo del
nombre del package )
Paso 9: Un detalle importante tendremos que cambiar de color los JLABEL dado que el
fondo que escogí es oscuro por lo tanto las dejare amarillas y para efectos del ejemplo
también sirve que vean como se hace, Click secundario sobre el JLabel a cambiar el color y
"Propiedades"
Paso 10: Pero su tamaño puede ser cambiado por el usuario, por lo que debemos meternos
de nuevo a las propiedades del JForm principal y cambiar esa virtud...
Ahora la parte programable de este Proyecto
N°1.- Empezaremos por el más fácil el BotonSalir que le daremos clic secundario
Iremos a "Events" - "Action" - "ActionPerformed". y escribiremos ahí "dispose ( ) ; " o
"System.exit(0) ;" o "this.dispose ( ) ;" cualquiera nos sirve pero deben elegir una y dado que
solo es una ventana YO elijo "dispose ( ) ;"

N°2.- Ahora programaremos el BotonLimpiar con el cual dejaremos todos los JTextField
nuevamente sin ninguna escritura. Esto se hace de la siguiente manera ejemplo:
txtNombre.setText(““); con esto se dice que a la variable txtNombre le llevamos (set) un
String vacío (““) y así con todas las variables. Nos quedaría un código así:
N°3.- Se programará el botón Guardar con las siguientes cosas. No se guardará en ninguna
parte solamente en RAM (de momento), se validará que se hallan llenado los campos
obligatorios y se mostrará en un JOptionPane lo que se guardará a futuro...

N°3.1.- Validar llenado de campos obligatorios.

Esto lo haremos de la siguiente manera. Preguntaremos al programa si los campos están
llenados en caso de que no sea así le mandamos un mensaje al usuario que diga que por favor
llene el campo faltante y le ponemos la sentencia "return" para que así no siga adelante con
las demás acciones...

N°3.2.- Ningún nombre y ningún apellido posee números, el teléfono no posee letras, la
Cedula no posee letras por lo cual aquí haremos algo interesante que solucionara algunas
cosas que hay que hacer para validar números...(nos evitaremos el validarlos con un try catch
que algunas veces queda mal y el error es mucho más grande)...

Diremos que el tipo de tecla que será capturado en el JTextField serán letras y cuando sea un
número diremos que eso no se escriba y que se consuma el evento... esto lo haremos de la
siguiente manera.
Nos posamos sobre el JTextField que queramos editar, le damos click secundario vamos
"Events" -- "Key" -- "KeyTyped"... ahí capturamos el evento (que es cuando el usuario
aprieta una tecla) en un char y lo analizamos y decimos al programa, ¿es un dígito char? si
es un dígito entonces consumimos el evento (ósea lo hacemos nulo, que no lo escriba en el
JTextField), sino solo se escribe... (Verán cómo les servirá en un futuro esta parte).
Y así quedaría cuando queremos introducir solo números.
N°3.3.- Ahora veremos que nuestro usuario no meta demasiados caracteres y en algunos
casos solo los necesarios, para practicar el ejercicio solo se hará con la longitud del texto
por lo cual también debemos entrar en el KeyTyped contar la longitud de nuestro texto y si
es mayor a la longitud que nosotros queremos dar entonces que consuma el evento...
(se añade arriba del paso 3.2 como veremos a continuación)

N°4.- Haremos que cuando sea llenado un campo "aparezca" una imagen de un Ticket al lado
haciendo semejanza de que el campo esta correctamente llenado... veamos cómo se hace
esto...

N°4.1.- Crearemos JLabels del porte de nuestra imagen o del tamaño que necesitemos en este
ejercicio se necesitan 5 JLabels para ingresar imágenes.
Agrandaremos el JFrame principal para tener espacio y los colocaremos en el (los JLabels)
primero los dejaremos de un porte diferente y luego borramos lo que dice... ahora le daremos
click secundario 1.- cambiaremos su nombre de variable por
ejemplo: JLNombre --- txtNombre --- JLImagenNombre y así con todas los JLabels que
contendrán imágenes teniendo esto le diremos cuál será su tamaño, el cual para este ejercicio
lo dejaremos en 30 x 30 de la siguiente manera:
N°4.2.- Programaremos el JTextField para que cuando se rellene y el usuario pase a otra
casilla salga el ticket verde. Esto se hace con el evento llamado FocusLost
entonces en el JTextField le damos click secundario "Events" -- "Focus" -- "FocusLost"
En el cual preguntamos si la longitud del texto escrito es superior a 2 o 3 letras entonces que
el JLabel de la imagen cambie por un ticket caso contrario que la imagen sea un null. lo que
se hace de la siguiente manera: (primero debes iniciar una variable que contenga nuestro
ícono de la siguiente manera y en ese lugar dado que la ocuparemos más de una vez...):
Y luego hacemos vamos a "Events" -- "Focus" -- "FocusLost"

Una vez creado esto con todos nuestros JTextField tendremos que reeditar nuestro fondo
dado que ahora no tiene las mismas dimensiones entonces para saber las dimensiones de
nuestro JFrame principal damos doble click en cualquier borde de este y nos aparecerá un
mensaje que nos dirá el largo y ancho separados por una coma...

Entonces vamos al FondoFormulario.java y editamos donde dice "this.setSize (aquí damos

nuestros 2 valores separados por una coma) ; Lo mismo abajo, PERO deben darle un poco
más de largo y de ancho para que la imagen no se vea apretada...
(Eso lo van arreglando a medida de las ejecuciones).
Ya con eso tendríamos el siguiente resultado ...
BONUS TRACK CÉDULA
Para auto calcular el código verificador se hace lo siguiente número 1 se bloquea el
txtValidador para que el usuario no pueda seleccionarlo

Luego en FocusLost del txtRut haremos unos ciclos que permiten calcular el código
verificador.

Es un poco difícil de entender quizá no me especifique bien, pero si lo ocuparán dirán "Que
clase de brujería es esta". Pero si navegan un rato por la web verán que es lo mismo que
hacen todos para calcularlo
 Negocio.Control

En esta parte crearemos una clase la cual poseerá solo atributos y en casos apartados puede
tener uno que otro método entonces dentro de Negocio.Control le damos clic secundario y
"New" -- "Java Class".
Yo le llamare "Persona" y le daré los atributos que pedimos en la interfaz gráfica, hare un
constructor por defecto y uno con valores por parámetros, nos quedara algo así:

Negocio.Modelo

En este package es donde albergaremos la mayor cantidad de métodos y la menor cantidad

de atributos. Para tener todos los atributos de Persona lo haremos de la siguiente manera:
Haremos una clase de nombre Agenda (Negocio.Modelo le damos click secundario y "New"
-- "Java Class"...)
Ahora lo que resta es hacer Métodos para utilizar los atributos y luego implementarlos en la
Interfaz. Así que crearemos el método guardar, el cual nos guardará en un arraylist o un
vector o como le llamen. Se hace así (creación de un vector importando la clase
java.util.vector)
Por consiguiente, debemos llenar ese vector de Personas, pero los vectores se auto crean con
capacidad de llenarse con Object (es por defecto del que hizo ese código) por lo que una vez
que yo entregue al vector una clase de tipo Persona, el la guardará como tipo Object por lo
cual al sacar nosotros la información debemos devolver el Object a Persona... (si les resulta
estresante o enredado es cosa de ver el código y lo entenderán)
N°1.1.- Guardar:
En este método lo que se hará es Guardar lo que tiene Persona en el Vector de la siguiente
manera
N°1.2.- Mostrar Agenda
En este método lo que se hará simplemente es en una variable llamada "Linea" albergaremos
las líneas, valga la redundancia, de todas las personas en el vector (recordar que como todo
lo que hay en ese vector es de tipo Object hay que devolverlo a Persona antes de poder
ocuparlo)

¡¡¡Muy Bien con eso tenemos lista la parte de Negocio!!!

Ahora solo resta juntar Negocio con Presentacion y el código estará completo

Lo que haremos es mostrar la agenda en un JOptionPane para no tener que desarrollar un

JFrame nuevo o meterle un JtextArea al Frame ya hecho. Nos dirigimos al JFrame principal
y al botón Guardar le llevaremos el método Guardar que acabamos de crear de la siguiente
manera:
Modificar Guardar…

Crear un BotonMostrar para ver si se guarda el curso completo en nuestro Vector

Resultados (Ejecutar)
• Guardar Exitoso

Datos Alumno: Junior Steven Cangui Toapanta

Datos Alumno: Job Nicolás Quishpe Urrutia

• Mostrar
REPOSITORIO