Universidad los ngeles de Chimbote Facultad de Ingeniera Escuela Profesional de Ingeniera de Sistemas

Asignatura: Programacin Visual

PRESENTACIN DE LA ASIGNATURA E INTRODUCCIN A LA PROGRAMACIN VISUAL

Aspectos Generales El curso de Programacin Visual est orientado al diseo de aplicaciones bajo entorno visual comnmente a travs del uso del formulario. En este curso se har una presentacin y estudio de las interfaces visuales a travs del entorno de desarrollo denominado NetBeans, es decir, utilizaremos el lenguaje de programacin Visual Java. La asignatura se encuentra dividida en tres unidades: la primera es Manipulacin de controles, la segunda es Diseo de formularios y Mens y la tercera es Sistemas de

Elaborado por: Ing. Martn Gustavo Salcedo Quiones

Universidad los ngeles de Chimbote Facultad de Ingeniera Escuela Profesional de Ingeniera de Sistemas

Asignatura: Programacin Visual

Aplicacin.

En la primera unidad se estudiar a los objetos de control bsicos como son JLabel, JTextField, JButton, JRadioButton, JCheckBox, JList, JComboBox y Jtable; en la segunda unidad se tendr en cuenta el diseo de aplicaciones a partir de casos, lo cual implica el uso de los objetos de control bsicos estudiados en la primera unidad como tambin la construccin o diseo de mens; y en la tercera se abarcar la construccin o diseo de sistemas de aplicaciones haciendo uso de las sentencias selectivas, repetitivas y el uso de arreglos como tambin se ver el uso de interfaces multimedia y paquetes.

A continuacin iniciamos el desarrollo de la asignatura y haciendo una introduccin a la programacin visual.

Qu es Programacin Visual? La programacin visual brinda los conocimientos necesarios para disear y desarrollar aplicaciones con un entorno visual amigable y fciles de utilizar por el usuario. Los lenguajes de programacin visual, como Visual Java, hacen sencilla la tarea de los programadores porque antes constitua una gran demora tiempo en el diseo de ventanas o formularios. Programacin orientada a Objetos En el caso del lenguaje de programacin, Java aplica la programacin orientada a objetos (POO). La POO define a los programas en trminos de clases de objetos, objetos que son entidades que combinan estado (datos), comportamiento (procedimientos o mtodos) e identidad (propiedad o atributo del objeto) que lo diferencia de los dems. La POO expresa un programa como un conjunto de objetos, que colaboran entre ellos para realizar tareas. Podramos decir que que las caractersticas de los objetos son:

Los objetos se pueden agrupar para formar las clases. El estado de los objetos est determinado por los datos.
Elaborado por: Ing. Martn Gustavo Salcedo Quiones
2

Universidad los ngeles de Chimbote Facultad de Ingeniera Escuela Profesional de Ingeniera de Sistemas

Asignatura: Programacin Visual

Pueden heredar propiedades o atributos de otros objetos. Usando Mensajes un objeto se puede comunicar con otro objeto. Los mtodos definen el comportamiento de los objetos.

Bibliotecas de Clases en Java Sabemos que Java es un lenguaje de programacin con un entorno de ejecucin de aplicaciones como tambin entorno de ejecucin de despliegue de aplicaciones. Es utilizado para desarrollar applets como aplicaciones. Java est compuesta de bibliotecas de clases (package) siendo las ms importantes:

Package Lang: compuesta por clases con funcionalidades bsicas, arrays, cadenas de caracteres, entrada/salidad, excepciones, etc. Este paquete debes haberlo utilizado en el curso de Fundamentos de Programacin. Package Util: compuesta por clases para utilizadas como nmeros aleatorios, vectores, propiedades del sistema, etc. Package net: compuesta por clases, es usada para la conectividad y trabajo con redes, URL, etc. Package Applet: compuesta por clases, es usada para el desarrollo de aplicaciones ejecutables en navegadores. Package Awt y Swing: compuesta por clases para el desarrollo de interfaces grficas de usuario. El paquete swing es el paquete por excelencia para el desarrollo de los temas del presente curso.

Observa la siguiente figura:

Elaborado por: Ing. Martn Gustavo Salcedo Quiones

Universidad los ngeles de Chimbote Facultad de Ingeniera Escuela Profesional de Ingeniera de Sistemas

Asignatura: Programacin Visual

Cualquier programa hecho en Java lleva a definir un archivo de extensin .java. El programa debe pasar por un proceso de compilacin que consiste en convertir tu programa fuente (el archivo de extensin .java) en un archivo de extensin .class y conjuntamente con la biblioteca de clases se logra interpretar lo programado, es as cuando ya se puede ejecutar el programa y ver los resultados en la pantalla del computador. Para este curso, en el que veremos programacin visual y por lo tanto el uso de formularios, se crear un archivo adicional con extensin.frm que guardar la estructura o diseo del formulario. Veamos a continuacin el entorno de desarrollo NetBeans, el cual ya conoces, pero del que vale la pena reforzar algunas afirmaciones necesarias para el curso. NetBeans IDE en la programacin visual El NetBeans es un entorno de desarrollo integrado que permite crear aplicaciones de escritorio, aplicaciones web y aplicaciones mviles utilizando las ltimas tecnologas para los desarrolladores de software de Java. El IDE de NetBeans es un producto gratuito y sin restricciones de uso pudiendo escribir, compilar, depurar e implementar programas en Java. NetBeans es un proyecto open source de desarrollo escrito en Java. La plataforma NetBeans da soporte para escritura de servlets, ayuda on-line y ayudas con el cdigo. Usaremos la versin 6.0 de NetBeans para la construccin y diseo de las aplicaciones. Una vez que ingresas al entorno de desarrollo de NetBeans se observa:

Elaborado por: Ing. Martn Gustavo Salcedo Quiones

Universidad los ngeles de Chimbote Facultad de Ingeniera Escuela Profesional de Ingeniera de Sistemas

Asignatura: Programacin Visual

Para dar inicio a una aplicacin de Java bajo el entorno de Netbeans se debe definir un proyecto, para ello, seleccionas la opcin del men denominada File. Se muestra inmediatamente un men flotante cuya primera opcin indica New Proyect, est opcin la seleccionas.

Elaborado por: Ing. Martn Gustavo Salcedo Quiones

Universidad los ngeles de Chimbote Facultad de Ingeniera Escuela Profesional de Ingeniera de Sistemas

Asignatura: Programacin Visual

Al momento de seleccionar New Proyect se visualiza la ventana siguiente:

Elaborado por: Ing. Martn Gustavo Salcedo Quiones

Universidad los ngeles de Chimbote Facultad de Ingeniera Escuela Profesional de Ingeniera de Sistemas

Asignatura: Programacin Visual

Dado que nuestras aplicaciones van ser desarrolladas en entorno visual en Categories seleccionas la carpeta Java y en Proyects seleccionas Java Application. Luego hacer click en el botn de comando Next que mostrar la siguiente ventana:

Es conveniente que uno mismo cree su carpeta de destino de los archivos que se generan para la construccin de una aplicacin. Supongamos que la carpetas que necesitamos crear se llama Ejercicios y la creamos en la unidad E, para ello es necesario dar click en el botn de comando Browse.

Elaborado por: Ing. Martn Gustavo Salcedo Quiones

Universidad los ngeles de Chimbote Facultad de Ingeniera Escuela Profesional de Ingeniera de Sistemas

Asignatura: Programacin Visual

Una vez indicada la nueva carpeta Ejercicios, procede a dar click en el botn de comando Abrir quedando la ventana New Java Application de la siguiente forma:

Elaborado por: Ing. Martn Gustavo Salcedo Quiones

Universidad los ngeles de Chimbote Facultad de Ingeniera Escuela Profesional de Ingeniera de Sistemas

Asignatura: Programacin Visual

Se observa que en Proyect Location se muestra la carpeta destino del proyecto. Vamos a suponer que se quiere construir un programa que calcule el promedio de dos notas, entonces la ventana debera quedar de la siguiente forma:

Al dar click en Finish se mostrar el entorno de desarrollo de NetBeans listo para dar inicio a la construccin de la aplicacin.

Elaborado por: Ing. Martn Gustavo Salcedo Quiones

Universidad los ngeles de Chimbote Facultad de Ingeniera Escuela Profesional de Ingeniera de Sistemas

Asignatura: Programacin Visual

Cuando se pretenda construir una aplicacin de entorno visual tendramos que usar plantillas que el mismo NetBeans IDE te ofrece. Ahora, seleccionemos el paquete ejercicios y luego elijamos la opcin New y a continuacin seleccionemos JFrameForm

Elaborado por: Ing. Martn Gustavo Salcedo Quiones

10

Universidad los ngeles de Chimbote Facultad de Ingeniera Escuela Profesional de Ingeniera de Sistemas

Asignatura: Programacin Visual

Una vez seleccionada la opcin JframeForm se muestra la ventana New Jframe Form para definir el nombre de clase.

Elaborado por: Ing. Martn Gustavo Salcedo Quiones

11

Universidad los ngeles de Chimbote Facultad de Ingeniera Escuela Profesional de Ingeniera de Sistemas

Asignatura: Programacin Visual

Como nombre de clase le pondremos frmPromedio2Notas esto generar un archivo de extensin .java dentro de la ruta: E:\Ejercicios\Promedio2Notas\src\ejercicios\frmPromedio2Notas.java y como veremos todo se encuentra dentro de la carpeta Ejercicios creada inicialmente en la unidad E

Al dar click en el botn de comando Finish se mostrar el entorno de desarrollo de NetBeans listo para dar inicio al diseo de un formulario y por lo tanto dar comienzo a una aplicacin en un entorno visual.

Elaborado por: Ing. Martn Gustavo Salcedo Quiones

12

Universidad los ngeles de Chimbote Facultad de Ingeniera Escuela Profesional de Ingeniera de Sistemas

Asignatura: Programacin Visual

Elaborado por: Ing. Martn Gustavo Salcedo Quiones

13