Practica google drive

Conociendo el entornoFecha: 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.

¿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 programas\Java, 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:

C:\Program Files\Java\jdk1.7.0_07\bin

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

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)

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/

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.

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.

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.

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

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.

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.

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

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.

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