clase 1 - wordpress.com · web viewcon los siguientes atributos: numero de ficha y paciente,...

15
Clase 1.- El Modelo Como es la primera clase y algunos no se encuentran familiarizados con este IDE (Entorno de Desarrollo Integrado) trataré de detallar al máximo cada paso a realizarse así como iré señalando algunas ayudas con las que cuentas este IDE, primeramente podemos descargar el IDE ORACLE JDeveloper (10.1.3.1.0) de la siguiente dirección www.oracle.com/technology/software/products/jdev/htdocs/soft10131.html y una vez descargado, descomprimir el archivo jdevstudio10131.zip y dar doble clic el jdeveloper para poder comenzar a trabajar. Luego de la pantalla de carga aparecerá la pantalla principal y damos clic derecho dentro de Applications Navigator en Applications y seleccionamos New Application…

Upload: others

Post on 28-Aug-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Clase 1 - WordPress.com · Web viewcon los siguientes atributos: Numero de Ficha y Paciente, observe como al momento de fijar el atributo private Paciente paciente; se crea la relación

Clase 1.- El Modelo

Como es la primera clase y algunos no se encuentran familiarizados con este IDE (Entorno de Desarrollo Integrado) trataré de detallar al máximo cada paso a realizarse así como iré señalando algunas ayudas con las que cuentas este IDE, primeramente podemos descargar el IDE ORACLE JDeveloper (10.1.3.1.0) de la siguiente dirección www.oracle.com/technology/software/products/jdev/htdocs/soft10131.html y una vez descargado, descomprimir el archivo jdevstudio10131.zip y dar doble clic el jdeveloper para poder comenzar a trabajar.

Luego de la pantalla de carga aparecerá la pantalla principal y damos clic derecho dentro de Applications Navigator en Applications y seleccionamos New Application…

Y

Page 2: Clase 1 - WordPress.com · Web viewcon los siguientes atributos: Numero de Ficha y Paciente, observe como al momento de fijar el atributo private Paciente paciente; se crea la relación

Nos aparecerá la siguiente pantalla en la cual en el campo Application Name pondremos nuestro nombre de la aplicación para este ejemplo realizaremos una aplicación para un departamento médico en el Directory Name se especifica la dirección en donde se alojará nuestro Proyecto, dentro de Application Package Prefix pondremos una abreviatura para identificar nuestro proyecto (para este ejemplo use el prefijo dm), en el Application Template seleccionaremos entre el menú la opción Java Application [Java,Swing] y pulsamos en Aceptar.

El resultado será el siguiente:

Page 3: Clase 1 - WordPress.com · Web viewcon los siguientes atributos: Numero de Ficha y Paciente, observe como al momento de fijar el atributo private Paciente paciente; se crea la relación

Para desarrollar una aplicación con una interfaz gráfica de usuario no podemos descuidar la parte del modelado de clases principales que es la que nos proveerán del conocimiento necesario que será necesario para desarrollar nuestra aplicación como por ejemplo las clases persona, paciente, etc., realizaremos una aplicación aplicando el Modelo Vista Controlador, realizaremos nuestro diagrama de clases para esta aplicación.

Ahora damos un clic derecho en Client y seleccionamos la opción New…

En esta pantalla seleccionamos dentro de las categorías La opción Diagrams y dentro de Ítems la opción Java Class Diagram y pulsamos Aceptar.

Page 4: Clase 1 - WordPress.com · Web viewcon los siguientes atributos: Numero de Ficha y Paciente, observe como al momento de fijar el atributo private Paciente paciente; se crea la relación

En esta pantalla pondremos un nombre a nuestro diagrama en Name y pulsamos Aceptar. (Para este ejemplo el nombre del diagrama es DiagramaDM).

Ahora nos dirigimos a la paleta de componentes (Component Palete) y damos un clic en Java Class

Ahora damos un click en cualquier parte del área para dibujar nuestro diagrama y ponemos el nombre de nuestra clase, es este caso: Persona veremos que también en el navegador nuestra clase persona ya creada.

Page 5: Clase 1 - WordPress.com · Web viewcon los siguientes atributos: Numero de Ficha y Paciente, observe como al momento de fijar el atributo private Paciente paciente; se crea la relación

Ahora damos dos clicks en la parte designada para atributos y nos aparece un mini pantalla para escribir aquí los atributos como es una aplicación sencilla solo pondremos un par de atributos como: nombres, apellidos, sexo, estado civil.

Ahora damos un click fuera del área de dibujo y luego damos doble click en Persona y podemos ver nuestros atributos escritos, para generar los métodos accesores: Get y Set de cada atributo, damos un click derecho en cualquier área limpia y seleccionamos la opción: Generate Accessors…

Page 6: Clase 1 - WordPress.com · Web viewcon los siguientes atributos: Numero de Ficha y Paciente, observe como al momento de fijar el atributo private Paciente paciente; se crea la relación

Ahora seleccionamos todos nuestros atributos y pulsamos aceptar y podemos ver como todos estos métodos aparecen ya codificados en nuestra clase.

Regresamos a nuestro diagrama y creamos en esta ocasión la clase Paciente y esta clase será una clase hija de la clase Persona, para eso haremos uno de la flecha Extends que nos provee la paleta y haremos un marcado desde la clase Paciente hasta la clase Persona.

Page 7: Clase 1 - WordPress.com · Web viewcon los siguientes atributos: Numero de Ficha y Paciente, observe como al momento de fijar el atributo private Paciente paciente; se crea la relación

Ahora pondremos un par de atributos como: Observaciones y antecedentes. Crearemos también la clase FichaMedica con los siguientes atributos: Numero de Ficha y Paciente, observe como al momento de fijar el atributo private Paciente paciente; se crea la relación entre las 2 clases : Paciente y FichaMedica.

Como en esta aplicación haremos que los datos posteriormente se guarden en un archivo haremos que cada una de estas clases implemente la interfaz serializable de la siguiente manera: dando click derecho en cada clase y seleccionando Source y Luego Implement Interface… como se muestra en la figura adjunta.

Luego en la pantalla que se nos presenta escribir Serializable, en el momento de comenzar a tipiar comienza a aparecer este nombre de interfaz en la parte inferior pudiendo seleccionar el del paquete java.io y listo.

Page 8: Clase 1 - WordPress.com · Web viewcon los siguientes atributos: Numero de Ficha y Paciente, observe como al momento de fijar el atributo private Paciente paciente; se crea la relación

Ahora solo nos resta crear la clase ListaDeFichas la cual no poseerá constructor. ¿Por qué no crearemos un constructor para esta clase? Porque esta será la clase que poseerá los métodos de : guardar, actualizar, abrir, eliminar, eliminar todos y mostrar los elementos en una tabla, por ejemplo para guardar una FichaMedica (ficha) nosotros crearemos una instancia de FichaMedica, a este objeto ficha creado le asignaremos los datos de numero de ficha y paciente; datos que serán recogidos de nuestra interfaz gráfica de usuario que la construiremos en breve; este objeto ficha se almacenará de la siguiente manera: ListaDeFichas.guardar(ficha); entonces no necesitaremos instanciar en cada momento la clase ListaDeFichas ya que crearemos métodos estáticos para operar las fichas; entonces nuestra clase ListaDeFichas tendrá un atributo estático del tipo Vector<FichaMedica> en el que se operarán las fichas. Por el momento el cuerpo de esos métodos estarán vacíos hasta que los necesitemos.

Nuestro diagrama quedará de la siguiente manera por el momento.

Page 9: Clase 1 - WordPress.com · Web viewcon los siguientes atributos: Numero de Ficha y Paciente, observe como al momento de fijar el atributo private Paciente paciente; se crea la relación

Para compilar y guardar todo lo que hemos hecho en esta clase daremos un click en el icono a manera de dos disquetes o en cada clase daremos un click en el icono del disquete o Ctrl+S; esta herramienta también nos provee de ayudas como: un historial History con el cual podemos ver todos los cambios que ha ido sufriendo nuestra clase, un Source en el cual podemos ver todo el código fuente de nuestra clase y un Design en el cual se visualizará de una manera gráfica los componentes de nuestra clase en caso que puedan ser vistos, esta ayuda nos servirá cuando diseñemos nuestras clases java Swing (interfaces gráficas de usuario).

Page 10: Clase 1 - WordPress.com · Web viewcon los siguientes atributos: Numero de Ficha y Paciente, observe como al momento de fijar el atributo private Paciente paciente; se crea la relación

Espero que no hayas tenido inconvenientes, si los tuviste puedes descargarte el proyecto que esta junto a este archivo, para ver físicamente tu proyecto da un click derecho en Client

En esta pantalla dentro del Output Directory copia la línea justo hasta antes de que comience el nombre de tu proyecto y pulsa Aceptar:(Para mi caso copie: D:\Archivos de Programa\jdevstudio10131\jdev\mywork).

Page 11: Clase 1 - WordPress.com · Web viewcon los siguientes atributos: Numero de Ficha y Paciente, observe como al momento de fijar el atributo private Paciente paciente; se crea la relación

Posteriormente abre por ejemplo “Mi PC” y en la parte de Dirección tipea o copia la dirección antes mencionada “D:\Archivos de Programa\jdevstudio10131\jdev\mywork” da un enter y podrás ver a nuestro proyecto físicamente.

Para importar una aplicación haremos los siguiente, nos dirigimos a nuestra carpeta jdevstudio10131 donde se encuentra nuestro IDE luego vamos a la carpeta jdev y por último a mywork y ahí pegamos la aplicación (si la aplicación la tenemos como un archivo con extensión .zip o tar, rar , o cualquier tipo de formato que indique compresión debemos descomprimir el archivo y pegar la carpeta resultante en esta dirección).

Page 12: Clase 1 - WordPress.com · Web viewcon los siguientes atributos: Numero de Ficha y Paciente, observe como al momento de fijar el atributo private Paciente paciente; se crea la relación

Una vez hecho esto solo resta que el IDE lo reconozca dentro del Applications Navigator para eso damos un click derecho en Applications y seleccionamos la opción Add to Applications…

Seleccionamos el proyecto a importar y pulsamos Open y en la siguiente pantalla seleccionamos el archivo con extensión .jws y pulsamos Open y listo ya estará nuestra aplicación en el Applications Navigator lista para poder ser operada.

José Manuel Vega Carriónwww.indomable.wordpress.com

2007-11-04