1. Conociendo el entorno
Fecha: 21 de Febrero
Conocimiento del entorno.
Java es un lenguaje que tiene un potencial enorme para
poder desarrollar aplicaciones, pero para poder
programar debemos tener un entorno bien configurado.
Java como sabemos trabaja mediante una máquina
virtual por lo que es necesario poder saber configurar.
Objetivos:
● Conocer el entorno de desarrollo
● Programar mi primer aplicación en Java
¿Que necesito para programar ?
1. Editor de texto
2. JDK. Java Development Kit
http://www.oracle.com/technetwork/es/java/javase/downloads/index.html
Es muy sencillo poder conseguir las herramientas para hacer los diferentes desarrollos
con java, ya que son GRATUITOS!
Como Java tiene diferentes ventajas sobre el desarrollo en la parte empresarial y la
robustez de la plataforma hay una infinidad de herramientas para poder programar con
java,existen editores gráficos que permiten facilitar enormemente la programación como
en el caso de Eclipse y netbeans.
Eclipse es un entorno de desarrollo muy famoso por su escalabilidad sin embargo es de
la misma marca que Java. Netbeans por su parte son de oracle por lo que tiene soporte
para Java totalmente.
¿Entonces netbeans no es Java???
Claro que no, java es independiente, netbeans es solo una escabadora si programar fuera
hacer un hoyo. Netbeans es un entorno que me permite programar en C, php o inclusive
Ruby que son lenguajes diferentes a JAVA. Por lo que nuestro amigo netbeans nos
ayudará a trabajar con Java.

2. ¿A ver, a ver, entonces cómo empiezo ?
Lo primero que tienes que hacer es instalar JDK actualmente viene en la versión 7 que es la
actual de Java lo puedes descargar de aquí,
http://www.oracle.com/technetwork/es/java/javase/downloads/index.html
Una vez que lo tienes instalado hay que configurar las variables de entorno. Poniendo la
dirección de la carpeta donde se instalo java para que en este caso nos detecte correctamente
el JDK.
¿Chetos!!! Como hago esto!?
Lo primero que tienes que hacer es verificar donde esta instalado Java, en sistemas como
windows tenemos que el JDK esta instalado por default en archivos de programasJava, ahi
encontraras una carpeta con la versión de JDK
Ya que la hayas encontrado entra a la carpeta y encuentra la carpeta de bin, copia la ruta que
tiene la carpeta, dando clic en la barra superior
Te dara una dirección como la siguiente:

3. C:Program FilesJavajdk1.7.0_07bin
Ya que tienes la ruta es hora de hacer un paso muy delicado para tu maquina MUCHO
CUIDADO!
Entrarás a las opciones avanzadas de tu equipo, para esto nos vamos a propiedades del
sistema, según la versión de tu windows puede ser boton derecho equipo -> propiedades, o Mi
PC o algo así
Vamos a encontrar un botón que se llama variables de entorno. Vamos a darle un clic

4. Analicen esta ventana, ya viene lo delicado !! CUIDADO
En la ventana voy a buscar en las variables la palabra path
Cuando lo encuentro le voy a dar en editar, SIN MODIFICAR NADA, agregamos al final un punto
y coma (;) y pegamos el enlace que acabamos de copiar.
Le damos OK
Una vez terminado esa parte en la misma ventana de variables de entorno creamos una nueva
(si es que no existe ) con el nombre de “CLASSPATH” y en el valor ponemos “.” (un punto)

5. Aceptamos todas las ventanas y cerramos esa parte.
Terminamos de configurar las variables de entorno “Facil NO?”
Abrimos una consola del sistema “cmd” y ponemos el comando javac -version si nos sale la
versión de Java entonces hicimos un buen trabajo, si no volvemos a configurar las variables de
entorno
OK
Si nos muestra lo siguiente nos ponemos :( porque no se configuraron
Una vez terminado ya podemos volar la imaginación con cualquier editor.
YA QUIEROOOOO PROGRAMAAARRRRR!!!!
Espera, espera vamos poco a poco.
Nos falta instalar mi amigo, lo recuerdas? ocupamos nuestra maquinaria especializada para
que me permita programar.
Por último instalamos Netbeans, puedes bajarlo tambien gratuito de la siguiente manera.
http://netbeans.org/downloads/

6. Su instalación es muy sencilla. Solo sigamos los pasos del asistente.
Con eso podemos hacer ya mis programas en base a lo que estamos escribiendo, abramos
netbeans.
Empecemos a trabajar!!!
Lo primero es conocer un poco el entorno para esto es cuestion que pongamos a trabajar y
mover en el último de los casos tendras que reinstalar pero hasta ahora no he podido estropear
mi netbeans, intentalo !!!
Vamos a trabajar, que vamos a hacer???
Vamos a hacer nuestro famoso HolaMundo, que divertido !!! ....... Ok no pues ! Vamos hacer un
pequeño teclado virtual para trabajar un poco con los componentes y poder acostumbrarnos a
trabajar con los entornos graficos.

7. Si ve interesante !!! No es un super teclado pero nos ayudará trabajar con java.
Vamos a empezar, primero debemos de crear un nuevo proyecto, un proyecto??? Si es un
simple teclado, no hay que subestimar nuestro trabajo tal vez este pequeño teclado puede ser el
inicio de una aplicación gigantesca, todo depende de nuestra creatividad. Netbeans permite
trabajar siempre con proyectos que no son más que estructura de directorios, es decir me
acomoda el código en un lado, me acomoda las clases en otro, componentes necesarios y
librerías, todo esta bien organizado.
Iremos al menú archivo y daremos donde dice nuevo proyecto, escogeremos la categoría de
Java y posteriormente tomaremos aplicación de Java, le pondremos el nombre de
appDevTequila1 para hacer referencia a nuestro primer practica.
Una vez que lo creamos le damos finalizar para empezar a crear mi teclado. Del lado izquierdo
de mi netbeans tengo la posibilidad de ver la estructura de mi proyecto, vamos a buscar la parte
source packet, damos clic derecho y buscamos un JFRAME que nos servirá para trabajar mas
agusto con los elementos gráficos.
Notita: tener en cuenta que los JFrame que estamos utilizando se manejan como
componentes principales por lo que no es recomendable si mi ventana hablara a otra,
no utilizar JFRAME si no cambiarla por JDIALOG.

8. En este caso a mi JFRAME le pondre AppTeclado y en la parte de Paquete pondré “vista”, nos
acostumbraremos a trabajar con los paquetes.
¿Paquetes ? Si un paquete no es más que una carpet, quiere decir que dentro de mi proyecto
hay una carpeta que se llama vista, ahí estará mi frame.
Tardará un poco si es la primera vez que corres netbeans ya que tiene que activar su toolsKit
para los gráficos, recuerda que netbeans es nuestro buen amigo, dale tiempo a que se prepare
para que te pueda ayudar.

9. Una vez que aparezca tendremos no código, si no un cuatro que nos servirá como guía para
trabajar, será nuestra área de trabajo, del lado derecho tendremos dos pestañas referentes a
los componentes y a las propiedades, acomoda tu dimensión o tamaño de tu cuadro mediante
las propiedades
O simplemente puedes arrastrar para acomodarlo, ¿Porque no lo mencione antes ?, no hace
daño conocer un poco las estructura de las propiedades.
Agregaremos a mi cuadrito un componente que es un cuadro de texto, muy importante en la
parte superior del cuadro de propiedades tenemos un nombre en mi caso dice jTextField1, OJO
no es el cuadro con letras grandes, en propiedades ! lado derecho abajito de aqui

10. No olvidemos este nombre nos servirá para trabajar e interactuar con la funcionalidad, a partir
de ahora a SUFRIR un poco, ya que no hemos visto layout te dará un poco de trabajo acomodar
los botones pero no es difícil si manejas un panel pon en la parte de abajo antes de que pongas
los botones un JPanel lo encuentras en los componentes en swing containers a primera vista
pensarás que no puso más que un cuadro, dale clic izquierdo y escoge administrador de
contenido y escogemos flow layout para que los componentes los vaya acomodando como van
llegando no te permitirá movernos, sino que cada componente lo ira centrando y poniendo uno
tras otro, empieza a poner botones a por mayor como se ven en la imagen, puedes escoger la
propiedad de font para aumentar el tamaño de la letra e inclusive puedes manejar with para
aumentar la anchura del boton acomoda algo como esto, cada quien es un programador por lo
que cada quien decide como poner su teclado, te doy una idea!!!!
Son un poco de botones pero animo, hay que acostumbrarnos a sufrir un poco con los gráficos
de Java.

11. En los componentes busca el botón de toggle que es el que se queda presionado, y agregalo
también a nuestro teclado virtual. El de Mayus
Como netbeans maneja un diseño nimbus para que nuestro diseño se vea mas nice pues
nuestros componentes pueden verse de manera diferente en la ejecución, por lo que vamos a ir
al codigo y buscamos un cuatro que dice LOOK and FEEL y nos aparecera un codigo como el
siguiente, cambiamos nimbus por windows para que se vea igual.

12. Listo ya quedo nuestra vista, ahora hay que hacerlo funcionar.
No olvides!!! , Selecciona el cuadro de texto y revisa como se llama, recuerda jTextField1
Empezamos a trabajar con los eventos, da un clic derecho y escoge events -> actionPerformed

13. Empezamos con el boton ESC, este lo que hara es borrar el contenido del cuadro de texto y
porque ESC? mm este mm este mmm, no se simplemente me gusto pero pueden ponerle
borrar o clear no se la verdad (chuchita) que se yo.
Continuamos con los botones cada uno de los numeros primero
Continuamos con los botones de las letras. Si se fijan cambia un poco ponemos en el set lo que
queremos que jTextField cambie, pero cambie con la tecla que corresponde.
Y que pasa con el SPACIO pues nada, simplemente sustituimos con jButton14.getText las
cambiamos por “ ” el espacio en blanco recuerden hay que innovar.

14. Seguimos con el botón de backspace que es el de borrar -> para ir eliminando los valores
Y ya tenemos un teclado virtual, muy sencillo de hacer. Es muy extenso el código pero es
sencillo. Esperemos que todo nos haya salido bien.
Cosas que hay que analizar.
1. ¿Te dio flojera poner tantos botones y poner codigo muy parecido?
2. ¿Habra manera de hacerlo mas reducido?
3. Que le puedes mejorar?
La siguiente sesión nos gustaría conocer lo que piensas.
RETO: Dale un poco de formato a tus botones, a tu teclado para que se vea más bonito, ve
dentro de los botones la propiedad de icon y trata de darle un poco más de visibilidad a tu
teclado virtual y sube la foto en el grupo de facebook para ver tu trabajo, No tengas pena si no te
gusta o crees que te dirán algo, descubrirás que cuando empiezan a darte consejos empiezas
a mejor. Agrega la tecla de enter y cuando presiones el boton que borre el texto y nos muestre
una ventanita con el texto que se teclee ahí. Vamos puedes hacerlo!
Este documento es una creación del club de programación, programar puede ser divertido