Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Metodologia (v0 1) PDF
Metodologia (v0 1) PDF
Metodologa para el
diseo y desarrollo de
interfaces de usuario
Versin <0.1>
Historia de Revisin
Fecha Versin Descripcin Responsable
20/06/2005 <0.1> Creacin. Alejandro Bez
Cristian Castaeda
Diego Castaeda
INVESTIGADORES:
ALEJANDRO BAEZ
CRISTIAN CASTAEDA
DIEGO CASTAEDA
DIRECTOR:
JAVIER SNCHEZ
Framework unificado para desarrollo de interfaces J2EE
Metodologa para el diseo y desarrollo de Interfaces de Usuario
Versin 0.1
TABLA DE CONTENIDO
1. Introduccin......................................................................................................... 3
2. Anlisis, diseo, implementacin y pruebas de una aplicacin en J2EE ............ 4
2.1 Modelo de negocio ....................................................................................................... 4
2.2 Anlisis de requerimientos ........................................................................................... 6
2.2.1 Documento de requerimientos ................................................................ 6
2.2.2 Documento de casos de uso ................................................................... 8
2.3 Diseo del sistema ........................................................................................................ 9
2.4 Diseo de la lgica del negocio.................................................................................. 10
2.4.1 Modelo entidad relacin ........................................................................ 11
2.4.2 Modelo de clases persistentes: ............................................................. 11
2.4.3 Modelo de acceso a los datos (Patrn DAO) ........................................ 11
2.4.4 Definicin de servicios........................................................................... 12
2.5 Diseo de las interfaces de usuario............................................................................. 12
3. Interfaz grfica J2EE ......................................................................................... 12
3.1 Elementos funcionales de una interfaz grafica ........................................................... 13
3.1.1 Validaciones .......................................................................................... 14
3.1.2 Informacin a presentar y recolectar ..................................................... 14
3.1.3 Relacin entre datos ............................................................................. 15
3.1.4 Flujo de Pginas.................................................................................... 15
3.2 Elementos de diseo de una interfaz grafica .............................................................. 15
3.2.1 Diseo estructural ................................................................................. 16
3.2.2 Componentes ........................................................................................ 17
3.2.3 Zona de Mensajes................................................................................. 17
3.2.4 Diagrama de navegabilidad................................................................... 17
4. Otros problemas................................................................................................ 18
4.1 Acciones Extra( Mail, Alertas, tiempos).................................................... 18
4.2 Seguridad................................................................................................. 18
4.3 Reportes................................................................................................... 18
4.4 Performance............................................................................................. 18
4.5 Integracin con otro Software .................................................................. 18
Framework unificado para desarrollo de interfaces J2EE
Metodologa para el diseo y desarrollo de Interfaces de Usuario
Versin 0.1
1. Introduccin
Uno de los principales problemas en el desarrollo de aplicaciones J2EE es el poco
conocimiento que se tiene de cmo unir la lgica del negocio con la forma en que
se presentara esta a los usuarios finales del software. Es por eso de vital
importancia para el desarrollo de este proyecto, la definicin de una metodologa
que nos ayude a decir como se debe realizar este proceso, para reducir la
complejidad inherente de este tipo de desarrollos.
Modelo de negocio
Anlisis de requerimientos
Diseo del sistema
Diseo de la lgica del negocio
Diseo de las interfaces de usuario
Implementacin
Pruebas
En esta etapa, se deben definir cuales son los procesos y procedimientos que se
tienen en el escenario para el cual se va a desarrollar la aplicacin. Esto permite
identificar los casos concretos que debe automatizar el sistema, la relacin que
debe existir entre la ingeniera de software y el negocio, con el fin de aclarar el
enfoque que quiere tener el cliente con el software.
1
Remitirse a los documentos de requerimientos, casos de uso y arquitectura de la videotienda en la pagina
http://pegasus.javeriana.edu.co/~fwj2ee/
Framework unificado para desarrollo de interfaces J2EE
Metodologa para el diseo y desarrollo de Interfaces de Usuario
Versin 0.1
Luego de llenar este formato para todos los procesos que se quieren analizar, se
podr determinar que procesos van a ser automatizados por el sistema. Para
estos procesos se debern realizar las etapas posteriores de la metodologa.
Framework unificado para desarrollo de interfaces J2EE
Metodologa para el diseo y desarrollo de Interfaces de Usuario
Versin 0.1
2
Para Mayor Informacin dirjase a: Http://www.microsoft.com/spanish/MSDN/estudiantes/ingsoft/ingenieria/analisis.asp
3
Para mas informacin remitirse al estndar IEEE 830-1998 (SRS)
Framework unificado para desarrollo de interfaces J2EE
Metodologa para el diseo y desarrollo de Interfaces de Usuario
Versin 0.1
Los requerimientos funcionales son todas las funcionalidades que debe satisfacer
el sistema para cumplir con las necesidades de los usuarios, a partir del anlisis
del negocio que se halla hecho.
Los requerimientos de interfaz son todos aquellos elementos que debe proveer el
sistema para permitir la interaccin entre el usuario y las funcionalidades que este
tiene, con el fin de que en el proceso de diseo se tenga claridad de las interfaces
que se deben crear y la relacin que debe existir entre ellas.
La definicin de estos casos de uso es til para conocer los procesos del dominio
y el ambiente externo, dentro de los cuales se ejecutan los requerimientos
anteriormente descritos.
Definicin de actores
Definicin de casos de uso
Diagrama de casos de uso
4
UML y Patrones, Larman, 1999.
Framework unificado para desarrollo de interfaces J2EE
Metodologa para el diseo y desarrollo de Interfaces de Usuario
Versin 0.1
Para la definicin de cada caso de uso se deben tener en cuenta al menos los
siguiente elementos:
5
UML y Patrones, Larman, 1999.
6
UML (Unified Model Language), http://www.uml.org/
Framework unificado para desarrollo de interfaces J2EE
Metodologa para el diseo y desarrollo de Interfaces de Usuario
Versin 0.1
Tomcat
Realizando nuestro caso de prueba, hemos podido identificar los siguientes items
que al menos se deben realizar7:
7
El orden de realizacin de estos productos no es estricto. Se puede utilizar otros diagramas tiles para el diseo, para
mayor informacin remtase a la especificacin de UML.
8
Data Access Object, patrn que sirve para encapsular y administrar el acceso a los datos.
Framework unificado para desarrollo de interfaces J2EE
Metodologa para el diseo y desarrollo de Interfaces de Usuario
Versin 0.1
9
Modelo entidad relacin, http://alvherre.atentus.cl/modBasico/node3.html
10
Para mayor informacin: SILBERSCHATZ, A., et al. Fundamentos de Bases de Datos. Cuarta Edicin. McGraw Hill. 2002
11
Persistent Old Java Object, objeto al cual solo se le definen los atributos, los set y get para accesarlos.
12
Create, Read, Update, Delete. Operaciones que bsicamente se hacen sobre los datos
Framework unificado para desarrollo de interfaces J2EE
Metodologa para el diseo y desarrollo de Interfaces de Usuario
Versin 0.1
Con la definicin de los servicios, se puede tener claro como van a ser
implementados los requerimientos funcionales del sistema; esta informacin ser
vital para el proceso de integracin de la aplicacin.
Las pantallas deben permitir una forma de interaccin entre el usuario y todas las
funcionalidades que ofrece el sistema, cada una de ellas debe al menos presentar
una funcionalidad para que su creacin este justificada.
Encabezado (Opcional)
Men (Opcional)
Zona de mensajes (error, xito)
Framework unificado para desarrollo de interfaces J2EE
Metodologa para el diseo y desarrollo de Interfaces de Usuario
Versin 0.1
Zona de Contenido
Hojas de estilo (CSS)13
Los elementos funcionales de una interfaz grfica son los que definen el
comportamiento de la misma, es decir aquellos cuyo objetivo es asegurar el
funcionamiento adecuado y coherente de las pantallas del sistema, teniendo en
cuenta los requerimientos que fueron planteados y que se necesita sean
satisfechos.
Para un correcto desempeo por parte de los mismos es necesario que trabajen
conjuntamente, debido a que todos formarn el sistema y todos hacen que sea
mas claro el funcionamiento del mismo.
13
Las hojas de estilo en cascada permiten estandarizar la forma de presentacin de los componentes en una
pagina. Para mas informacin http://www.csszengarden.com/
Framework unificado para desarrollo de interfaces J2EE
Metodologa para el diseo y desarrollo de Interfaces de Usuario
Versin 0.1
3.1.1 Validaciones
Validacin: Una validacin se lleva a cabo cuando se compara un dato con un
valor esperado, buscando coherencia e integridad.
Las validaciones que se van tener en cuenta son:
Tipo: Se evala el dato respecto al tipo que se especifico que deba ser.
Los tipo que se tendrn en cuenta son:
Operador
Los elementos de diseo de una interfaz grafica, son aquellos que hacen
referencia a la presentacin esttica(distribucin, colores, fuentes, etc) de cada
una de las pantallas.
Otra ventajas es que se le da uniformidad al sistema haciendo que este sea mas
agradable estticamente.
3.2.1.1 Encabezado
El encabezado se ubica en la parte superior de la pagina, por lo general contiene
un logo o una imagen que identifique la aplicacin, es recomendable utilizar
frames para que esta imagen se cargue solo una vez.
3.2.1.2 Men
El men es necesario para una navegabilidad rpida, se puede ubicar en varios
lugares y debe ser accesible desde cualquier pgina. Es una buena practica de
programacin web el utilizar mens, para no tener que regresar a paginas y
causar mayor demora.
3.2.2 Componentes
Un componente es un elemento que posee unas caractersticas definidas, las
cuales sirven para el cumplimiento de un objetivo para el que fue creado.
4. Otros problemas
4.2 Seguridad
4.3 Reportes
4.4 Performance