Practica google drive
- 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