Tesis Ejemplo

ESCUELA POLITCNICA
NACIONAL
ESCUELA DE FORMACIN DE TECNLOGOS
DESARROLLO DE UNA APLICACIN WEB PARA LA

ADMINISTRACIN DE SERVICIOS SOCIALES DEL HOGAR DE
VIDA N1 DE LA FUNDACIN PATRONATO SAN JOS
PROYECTO PREVIO A LA OBTENCIN DEL TTULO DE TECNLOGO

EN ANLISIS DE SISTEMAS INFORMTICOS
CRISTINA ELIZABETH JUMBO CORDOV A

cristina_jumbo@yahoo.es
DIRECTOR: ING. ROS A NAVARRETE

rosan18@gmail.coms
Quito, Marzo 2008

II
DECLARACIN
Yo, Cristina Elizabeth Jumbo Cordova, declaro bajo juramento que el trabajo aqu
descrito es de mi autora; que no ha sido previamente presentado para ningn
grado o calificacin profesional; y, que he consultado las referencias bibliogrficas
que se incluyen en este documento.
A travs de la presente declaracin cedo mis derechos de propiedad intelectual

correspondientes a este trabajo, a la Escuela Politcnica Nacional, segn lo
establecido por la Ley de Propiedad Intelectual, por su Reglamento y por la
normatividad institucional vigente.
CRISTINA E LIZABETH JUMBO CORDOVA

III
CERTIFICACIN
Cerifico que el presente trabajo fue desarrollado por Cristina Elizabeth Jumbo
Cordova, bajo mi supervisin.
ING. ROSA NAVARRETE

DIRECTORA DE PROYECTO
IV
AGRADECIMIENTO
A mi compaero de viaje que jams me ha abandonado DIOS, por proveerm e de

salud, fuerza y constancia.
A mi familia, que siempre ha estado conmigo en los buenos y malos momentos,

gracias por creer que la educacin es el nico camino.
A todos mis maestros, quienes me inculcaron paso a paso para lograr ser un
profesional, de manera especial, el reconocimiento a la Ing. Rosa Navarrete por
su apoyo y gua tanto dentro del aula como fuera de ella y por ser la persona que
me gui en la culminacin del proyecto.
CRISTINA
V
DEDICATORIA
A mis padres, Pedro y Marlene, por tener el coraje, la sabidura y el amor para
guiarme a ser cada da una mejor persona y ahora una profesional, a Milton
porque el sacrificio vali la pena, a Fernando. A ustedes mi familia va dedicado
este Proyecto de Titilacin porque siempre han credo en m.
Y tambin a todas aquellas personas que me colaboraron, para la realizacin del

proyecto.
A ellos va dedicada m i tesis.

VI
CONTENIDO
CAPITULO 1 ......................................................................................................... 1
1 INTRODUCCION ............................................................................................ 1
1.1 AMBITO ................................................................................................... 1
1.2 PLANTEAMIENTO DEL P ROBLEMA ...................................................... 1
1.2.1 OBJETIVOS ...................................................................................... 2
1.2.1.1 OBJETIVOS GENERALES ........................................................... 2
1.2.1.2 OBJETIVOS ESPECIFICOS ......................................................... 2
1.3 ALCA NCES Y LIMITACIONES ................................................................ 2
1.4 JUSTIFICACIN ...................................................................................... 3
CAPITULO 2 ......................................................................................................... 4
2 MARCO TEORICO ......................................................................................... 4
2.1 INGENIE RIA WEB ................................................................................... 4
2.1.1 PRODUCTO DE LA IWEB ................................................................ 4
2.1.2 CONTROL Y GARANTA DE LA CALIDAD...................................... 5
2.2 ARQUITECTURA WEB ............................................................................ 7
2.2.1 Desarrollo basado en Componentes................................................. 9
2.2.2 Seguridad ....................................................................................... 10
2.2.3 Estndares de Internet.................................................................... 10
2.3 ARQUITECTURA MULTINIVEL............................................................. 11
2.3.1 Arquitectura de Tres Capas ............................................................ 11
2.3.2 Arquitectura de n-Capas ................................................................. 13
2.4 HERRAMIENTAS................................................................................... 14
2.4.1 HERRAMIENTAS OPEN SOURCE ................................................ 14
2.4.1.1 AppServ 2.5.9.............................................................................. 16
2.4.1.2 Apache Web Server Versin 2.2.4 .............................................. 16
2.4.1.3 PHP Script Language Versin 5.2.1 ............................................ 17
2.4.1.4 MySQL Database Versin 5.0.27 ................................................ 17
2.4.1.5 phpMyAdmin Database Manager Versin 2.9.2 .......................... 17
2.4.1.6 JavaScript.................................................................................... 17
2.4.2 HERRAMIENTAS DE DESA RROLLO ............................................ 18
2.4.2.1 Macrom edia Dream weaver 8 ...................................................... 18
2.4.3 HERRAMIENTAS DE ANALISIS Y DISEO .................................. 19
2.4.3.1 Rational Rose.............................................................................. 19
2.4.4 HERRAMIENTAS DE DISEO GRAFICO ..................................... 19
2.4.4.1 Macrom edia Flash 8 .................................................................... 19
2.4.4.2 Gif Construction S et Professional................................................ 20
CAPTULO 3 ........................................................................................................ 21
3 MARCO METODOLOGICO ......................................................................... 21
3.1 MODELO ESP IRAL PARA LA WEB ...................................................... 21
3.1.1 ACTIVIDA DES DEL MODELO ES PIRAL PARA LA WEB .............. 22
3.1.1.1 Formulacin................................................................................. 22
3.1.1.2 Planificacin ................................................................................ 22
3.1.1.3 Anlisis ........................................................................................ 22
3.1.1.4 Ingeniera .................................................................................... 22
3.1.1.5 Generacin de Pginas y Pruebas .............................................. 23
3.1.1.6 Evaluacin del Cliente ................................................................. 23
3.2 METODOLOGIA OOHDM...................................................................... 23
VII
3.2.1 FASE S DE LA METODOLOGIA OOHDM .................................... 24

3.2.1.1 Determ inacin de Requerimientos. ............................................. 24
3.2.1.2 Diseo Conceptual. ..................................................................... 24
3.2.1.3 Diseo Navegacional. ................................................................. 24
3.2.1.4 Diseo de Interfaz Abstracta. ...................................................... 25
3.2.1.5 Im plementacin. .......................................................................... 25
3.2.2 LENGUA JE DE MODELADO UNIFICADO UML .......................... 27
3.2.2.1 Diagramas de Casos de Uso....................................................... 29
3.2.2.2 Diagrama de Clases .................................................................... 30
3.2.2.3 Diagrama de Objetos .................................................................. 31
3.2.2.4 Diagrama de Secuencia .............................................................. 33
3.2.2.5 Diagrama de Colaboracin.......................................................... 34
3.2.2.6 Diagrama de Estado.................................................................... 35
3.2.2.7 Diagrama de Actividades ............................................................ 36
3.2.2.8 Diagrama de Com ponentes......................................................... 38
3.2.2.9 Diagrama de Despliegue ............................................................. 39
3.2.2.10 Diagrama Arquitectnico.......................................................... 40
3.2.2.11 Diagrama Navegacinal........................................................... 41
CAPTULO 4 ........................................................................................................ 43
4 CONCLUSIONES Y RE COME NDACIONES ................................................ 43
4.1 CONCLUSIONES .................................................................................. 43
4.2 RECOMENDACIONES .......................................................................... 44
BIB LIOGRAFA .................................................................................................... 45
FIGURAS
Fig. 2.1 rbol de Requisitos de Calidad (OSL 99) ................................................. 6
Fig. 2.2 Arquitectura Web ...................................................................................... 7
Fig. 2.3 Tecnologas S ervidor Web........................................................................ 8
Fig. 2.4 Tecnologas Cliente Web ......................................................................... 9
Fig. 2.5 Sistema de Tres Capas para Intranet .................................................... 12
Fig. 2.6 Arquitectura Web de tres niveles ........................................................... 12
Fig. 2.7 Arquitectura Multinivel............................................................................. 13
Fig. 2.8 El Modelo de Proceso Iweb .................................................................... 16
Fig. 3.2 Relaciones del Modelo OOHDM ............................................................ 26
Fig. 3.4 Diagrama de Casos de Uno .................................................................... 30
Fig. 3.5 Diagram a de Clases............................................................................... 31
Fig. 3.6 Diagrama de Objetos .............................................................................. 32
Fig. 3.7 Diagrama de Secuencia .......................................................................... 33
Fig. 3.8 Diagrama de Colaboracin ..................................................................... 35
Fig. 3 .9 Diagrama de Estado ............................................................................... 36
Fig. 3.10 Diagrama de Actividades ...................................................................... 37
Fig. 3.11 Diagrama de Componentes .................................................................. 38
Fig. 3.12 Diagrama de Despliegue....................................................................... 39
Fig. 3.13 Diagrama de Despliegue....................................................................... 41
Fig. 3.14 Diagrama de Navegacinal................................................................... 42
VIII
RESUMEN
El presente proyecto plantea realizar un Aplicacin Web para la Administracin de

los servicios en las reas mdica, social y psicolgica que ofrece el Hogar de Vida
a sus usuarios, que permita un seguimiento del trnsito de los usuarios por el
Hogar. Permitir resolver problem as de consolidacin de datos, administracin de
informacin para la elaboracin de reportes.
La Ingeniera Web aplica conceptos fundamentales de la ingeniera de Software,

sin embargo son diferentes se consideran otros aspectos como son la
Arquitectura Web que establece el entorno, la seguridad y los estndares de
Internet, as tambin la arquitectura multinivel es un concepto importante y
finalmente las Herram ientas de software utilizadas
El Marco Metodolgico que guiara el desarrollo de este proyecto presenta los

conceptos principales del paradigma aplicado al proyecto, la metodologa
utilizada, los diagramas UML aplicados a la Web.
El proyecto term inara con las Conclusiones obtenidas al finalizar el proyecto y

las respectivas Recomendaciones para mejorar el buen funcionamiento de la
aplicacin, como la bibliografa utilizada para el desarrollo del proyecto.
1
CAPITULO 1
1 INTRODUCCION
1.1 AMBITO
La Fundacin Patronato San Jos Hogar de Vida N1, forma parte del Municipio
de Quito. Fue implementada en abril del 2002 como una propuesta concreta y
sensible para lograr la integracin social de adultos mayores en situacin de
mendicidad e indigencia. Esta ubicada en Conocoto, Avenida Ciudad del Nio y
Pichincha.
1.2 PLANTEAMIENTO DEL PROBLEMA

La Institucin se dedica al cuidado de personas vulnerables de la tercera edad. En
la actualidad presta servicios a 200 personas, en reas como:
Albergue y alojamiento diurno y nocturno.
Alimentacin.
Apoyo psicosocial.
Atencin mdica.
Reinsercin familiar.
Terapias ocupacionales con talleres de capacitacin para elevar su

autoestima y m ejorar su calidad de vida.
Recreacin y actividades culturales.
Su rea de accin abarca las reas mdica, social y psicolgica de los usuarios,
brindndoles as una mejor calidad de vida.
La informacin de los usuarios se mantiene al momento en forma manual. Lo que

conlleva, entre otros, los siguientes problemas:
Informacin no actualizada y en algunos casos prdida de la misma.
Dificultad para identificar los registro de las personas de la tercera edad

que transitan por el Hogar
No se tiene informacin completa de todas las reas, por lo que la

informacin es incompleta o dispersa.
2
Las actividades que realiza en las diferentes reas se las registra de forma
independiente, impidiendo as que el usuario tenga la atencin apropiada.
Perdida de tiempo en el momento de elaborar informes o reportes de la
gestin realizada, para el Municipio de Quito.
No se puede obtener mtricas de desempeo, estadsticas de atencin,
tendencias en el uso de los distintos de servicio
1.2.1 OBJE TIVOS

1.2.1.1 OBJETIVOS GENERALES
Apoyar la administracin de la informacin de usuarios y la difusin de los
servicios que brinda el Hogar de V ida, a travs del desarrollo y posterior
implementacin de una aplicacin Web.
1.2.1.2 OBJETIVOS ESPECIFICOS

Gestionar Usuarios.
Gestionar Actividades: Sociales, Psicolgicas y Mdicas.

Elaborar Reportes
Elaborar informes estadsticos y reportes informativos
1.3 ALCANCES Y LIMITACIONES
Este proyecto contempla el desarrollo de la Aplicacin Web, sin embargo no la

implementacin, Facilita la tarea de los funcionario parar registrar los servicios
que la institucin prev a los a usuarios, crea reporte a partir de esta informacin.
Aun cuando crea inform es estadsticos no crea proyecciones futuras.

No contempla servicios Web, como correo electrnico, publicidad, entre otros.
3
1.4 JUSTIFICACIN
El presente proyecto plantea realizar un Aplicacin Web para la Administracin de

los servicios que ofrece el Hogar de Vida a sus usuarios, que permita un
seguimiento del trnsito de los usuarios por el Hogar. Permitir resolver
problem as de consolidacin de datos, administracin de informacin para la
elaboracin de reportes. Este proceso de los datos obtenidos no solo cubre las
necesidades del hogar de vida como institucin, sino que tambin colaborar con
informacin valiosa para la sociedad, al ayudar a detectar los sectores de la
tercera edad ms vulnerables en el pas. El municipio podr tener informacin
para la toma de decisiones respecto a este grupo de la poblacin.
4
CAPITULO 2
2 MARCO TEORICO
2.1 INGENIERIA WEB
La Ingeniera Web o IWeb es la aplicacin de conocim ientos empleados para la
invencin, perfeccionam iento o utilizacin de software basado en la Web.
Cabe sealar que la IWeb no es un clnico perfecto de la Ingeniera de Software
pero toma prestados muchos de los conceptos y principios bsicos de la
Ingeniera de Software dando importancia a las mismas actividades tcnicas y de
gestin. (Pressman, 521).
Es el establecimiento y utilizacin de principios cientficos, de ingeniera y de

gestin, y con enfoques sistemticos y disciplinados del xito del desarrollo,
empleo y mantenimiento de sistemas y aplicaciones basados en Web de alta
calidad. (Murugesan, 3 13).
La IWeb es diferente de la Ingeniera de software aun cuando las dos estn

enfocadas a obtener econmicamente software que sea fiable y que funcione
eficientemente sobre mquinas reales, porque las WebApps tienen caractersticas
propias.
2.1.1 PRODUCTO DE LA IWEB
El producto final de la Ingeniera Web son las Aplicaciones Web o WebApps

dichas aplicaciones funcionan siempre en un sistema de red por ser diseadas
para Internet o intranet reflejan una evolucin continua por el constante cambio de
la Web, se desarrollan de forma resuelta, contemplan seguridad y esttica
aspectos fundamentales para atraer al internauta. De esta forma se definen sus
caractersticas como: Intensivas de Red, Evolucin Continua, Inmediatez,
Seguridad, Esttica
5
2.1.2 CONTROL Y GARANT A DE LA CAL IDAD

La calidad del software esta controlada por la calidad de diseo, la calidad de
concordancia, el cumplimiento de la entrega dentro del tiempo y presupuesto
establecido, y para ello em pleamos m tricas durante todo el desarrollo del
Software.
Las mtricas nos proporcionan una manera sistemtica de valorar la calidad

basndose en un conjunto de reglas claramente definidas, existen mtricas para
cada etapa del desarrollo de software desde el anlisis hasta el mantenimiento.
La calidad de diseo, comprende los requisitos, especificaciones y el diseo del

sistema, durantes todas estas etapas el uso de mtricas ser:
Mtricas de m odelo de anlisis
Mtricas de m odelo de Diseo
La calidad de concordancia se mide durante la implementacin, se verifica si se

sigue el diseo y si el sistema resultante cumple los objetivos de requisitos y
rendimiento, aqu las mtricas adecuadas sern:
Mtricas Cdigo Fuente

Mtricas Pruebas
Mtricas Mantenimiento
Mtricas Orientadas a Objetos estas mtricas estn destinadas a evaluar tanto la

calidad del software como el modelo orientado a objetos y todas las
caractersticas de este.
Mtricas de Modelo de diseo OO

Mtricas A Clases
Mtricas A Operaciones
Mtricas Pruebas Orientadas a Objetos
Mtricas Para P royectos OO

6
La entrega bajo el tiem po establecido y sin sobrepasar el presupuesto es un

indicador de calidad, la falta de control de calidad de software ser representada
en costo del software, siempre ser mas barato corregir un error en las primeras
etapas de desarrollo.
Capacidad de comprensin del sitio global

Usabilidad Servicios de ayuda y realimentacin en lnea
Capacidades estticas y de interfaz
Servicios especiales
Capacidad de recuperacin y bsqueda

Funcionalidad Servicios de bsqueda y navegacin
Servicios relacionados con el dominio de aplicacin
Calidad
de una Proceso correcto de enlace
Fiabilidad Recuperacin de errores
aplicacin
Web Validacin y recuperacin de la entrada de usuario
Rendimiento del tiempo de respuesta

Eficiencia Velocidad de generacin de pginas
Velocidad de generacin de grficos
Capacidad de Facilidad de correccin

Mantenimiento Adaptabilidad
Extensibilidad
Fig. 2.1 rbol de Requisitos de Calidad (OSL 99)

Fuente:(Pressman, 524)
Todas las actividades de establecimiento y supervisin de estndares, revisiones

tcnicas formales, anlisis, seguimiento y registro de informes, son igualmente
aplicables a la IWeb. Sin embargo, en la Web toma un enfoque especial valorar la
calidad en aspectos como: Usabilidad, Funcin habilidad, Fiabilidad, Seguridad,
Eficiencia y Mantenibilidad (Pressman, 524).
En la figura 2.1 se puede observar un resumen de estas caractersticas y lo que
implica cada una de ellas.
7
2.2 ARQUITECTURA WEB

La arquitectura Web disea y coordina el desarrollo de WebApps utilizando un
conjunto complejo de distintos sistemas integrados entre s como son bases de
datos, servidores, redes, componentes de backup y seguridad, entre otros. E s
decir se define tanto la plataforma del software como el hardware a utilizar en el
desarrollo de la aplicacin Web.
La caracterstica principal de la arquitectura Web es el uso de Internet como

sistema de Interconexin, como se puede observar en la figura 2.2, dejando atrs
las lneas de conexin privadas de coste elevado como son; Lneas Punto a
Punto, Frame Relay, A TM, .X.25, Acceso Remoto (RDSI).
Fig. 2.2 Arquitectura Web

Fuente:(http://www.informandote.com/jornadasIngWEB/programa.asp )
En el diseo de WebApps requiere un firme conocimiento de las tecnologas

aplicadas, ya que en el proceso de implementacin estas son fundamentales.
8
Fig. 2.3 Tecnologas Servidor Web

La figura 2.3 y 2.4 muestra las distintas tecnologas como son protocolos,
lenguajes y aplicaciones tanto de las tecnologas aplicadas al servidor en las
figura 2.3 y las tecnologas cliente Web en la figura 2.4
Definiendo a estas tecnologas como:
Desarrollo basado en Componentes .- S e establece la relacin del

Hardware con el software.
Seguridad.- Se establece pginas seguras, se realiza la proteccin de la

informacin.
Estndares de Internet.- Aqu se contemplan tanto los lenguajes como

protocolos.
9
Fig. 2.4 Tecnologas Cliente Web

2.2.1 Desarrollo basado en Componentes

Una vez resuelta la interconexin, la implantacin de una arquitectura web se
puede dividir en dos, el Cliente y los Servidores
La utilizacin de una arquitectura Web permite dar acceso sencillo y controlado a
los datos y servicios de la empresa, tanto para empleados como para los clientes
y proveedores. Algunas ventajas son:
Aplicaciones distribuidas.
Com particin de BB.DD.
Acceso Universal a la Informacin.

Teleformacin / Teletrabajo.
Com ercio Electrnico.

Atencin al Cliente va Internet.
Clientes Ligeros (NC).

Mejora la Gestin del Conocimiento.
Reduccin de Costes.
Internacionalizacin de la Empresa.
10
2.2.2 Seguridad
Las conexiones realizadas va Internet no se pueden considerar seguras, la
transmisin de informacin sensible se puede proteger mediante la creacin de
tneles cifrados, o mediante el uso de pginas Web encriptadas.
Pginas seguras, la proteccin de la informacin se realiza entre el cliente web y
un servidor seguro.
SSL (Secure S ockets Layer)
Conexin segura a nivel de socket

Transparente al Usuario y la Aplicacin
SET (Secure Electronic Transarions)

Propuesto por VISA y MasterCard
Certificado Emitido por el Banco

Certificado de Consumidor en cliente
2.2.3 Estndares de Internet

La utilizacin de un navegador estndar como cliente universal plantea una
alternativa asequible y con gran futuro, se contemplan tanto los lenguajes como
protocolos.
Protocolos de Tunelizado.- Estos protocolos actan en los niveles de enlace y red,

ofrecen un transporte seguro mediante el encapsulado de las tramas IP en tramas
codificadas utilizando IPSec.
Los protocolos PPTP y L2TP permiten el encapsulado de otros protocolos
distintos de IP (IPX, NetBeui ).
PPTP (Point to Point Tunneling Protocol)

o Extensin del protocolo PPP
o No ofrece seguridad en los datos
o LAN - LAN y RAS - LAN
L2TP (Layer 2 Tunneling Protocol)
o Extensin del protocolo PPTP y L2F
o LAN - LAN y RAS - LAN
o Ofrece seguridad apoyndose en IPSec
IPS ec (IP Security)

11
o Protocolo de seguridad a Nivel 3

o Autentificacin y Control de Acceso
o Datos Encriptados
Fuente (http://www.infor.uva.es/~jvegas/cursos/buendia/pordocente/node21.html)
2.3 ARQUITECTURA MULTINIVEL

2.3.1 Arquitectura de Tres Capas
La Figura 2.5 muestra una arquitectura de tres capas. Se com pone de una capa
de presentacin, una capa de procesamiento (o capa de servidor de solicitudes) y
una capa de base de datos.
Capa de Presentacin.- Es la responsable de la presentacin visual de la

aplicacin, la capa de la base de datos contiene los datos de la aplicacin.
Capa de Procesamiento.- Es la responsable del procesamiento que tiene

lugar en la aplicacin. La capa intermedia es la que conlleva capacidad de
mantenimiento y de reutilizacin. Contendr objetos definidos por clases
reutilizables que se pueden utilizar una y otra vez en otras aplicaciones. E s
la comunicacin de la capa de presentacin con la capa de la base de
datos
Capa Base de Datos.- sta estara compuesta de los archivos que

contienen los datos de la aplicacin.
12
Fig. 2.5 Sistema de Tres Capas para Intranet

Fuente (http://www.marketinet.com/ebooks/manual_de_intranet/manual_de_intranet.php)
Fig. 2.6 Arquitectura Web de tres niveles

En la Fig. 2.6 se puede observar la dinmica de trabajo de la Arquitectura Web de

tres niveles La capa de presentacin enviar mensajes a los objetos de esta capa
intermedia, la cual o bien responder entonces directamente o m antendr un
13
dilogo con la capa de la base de datos, la cual proporcionar los datos que se
mandaran como respuesta a la capa de presentacin.
La arquitectura de tres capas permite aislar a la tecnologa que implementa la

base de datos, de forma que sea fcil cambiar esta tecnologa.
La idea de las tres capas encaja con las prcticas orientadas a objetos de hoy en
da: todo el procesamiento tiene lugar por medio de los mensajes que se envan a
los objetos y no mediante trozos de cdigo asociados a cada objeto en la capa de
presentacin que se est ejecutando.
2.3.2 Arquitectura de n-Capas

Esta arquitectura no es mas que una extensin de la arquitectura de tres capas,
especficamente en la capa intermedia aqu se creara las n capas que sean
requeridas, representado en la figura 2.7
Fig. 2.7 Arquitectura Multinivel.

14
2.4 HERRAMIENTAS
2.4.1 HERRAMIENTAS OPEN SOURCE
Cdigo abierto o Open Source es el trmino con el que se conoce al software
distribuido y desarrollado libremente. Fue utilizado por primera vez en 1998 por
algunos usuarios de la comunidad del software libre, tratando de usarlo como
reemplazo al ambiguo nombre original en ingls del software libre (free software).
La idea detrs del open source es bien sencilla: cuando los programadores en
internet pueden leer, modificar y redistribuir el cdigo fuente de un programa, ste
evoluciona, se desarrolla y mejora. Los usuarios lo adaptan a sus necesidades,
corrigen sus errores a una velocidad im presionante, mayor a la aplicada en el
desarrollo de software convencional o cerrado, dando como resultado la
produccin de un m ejor software.
Fuente:( http://www.es.wikipedia.org/wiki/Open_Source)
El software Open Source se define por la licencia que lo acompaa, que garantiza
a cualquier persona el derecho de usar, modificar y redistribuir el cdigo
libremente.
Open Source es una marca de certificacin propiedad de la Open Source

Initiative. Los desarrolladores que disean software para ser com partido,
mejorado y distribuido libremente, pueden usar la marca registrada Open Source
si sus trminos de distribucin se ajustan a la definicin Open Source de la OSI.
Bsicamente, el modelo de distribucin requiere que:
Libre distribucin.- No hayan restricciones para vender o distribuir el

software.
Cdigo fuente. E l software debe incluir el cdigo fuente y debe permitir
crear distribuciones compiladas siempre y cuando la forma de obtener el
cdigo fuente est expuesta claramente.
15
Trabajos derivados. - Se debe permitir crear trabajos derivados, que

deben ser distribuidos bajo los mismos trminos que la licencia original del
software.
Integridad del cdigo fuente del autor.- Se debe permitir la distribucin

del cdigo fuente modificado, aunque pueden haber restricciones para que
se pueda distinguir el cdigo fuente original del cdigo fuente del trabajo
derivado.
No discriminar personas o grupos. - La licencia no debe discriminar a

ninguna persona o grupo.
No discriminar ningn tipo de uso del programa. La licencia no debe

impedir a nadie el uso del programa en una determinada actividad. Por
ejemplo, no puede impedir el uso en una empresa, o no puede impedir el
uso en investigacin gentica.
Distribucin de la Licencia. Los derechos que acompaan al programa

deben aplicarse a todo el que redistribuya el programa, sin necesidad de
licencias adicionales.
La licencia no debe ser especfica a un producto. Los derechos que da

la licencia no deben ser diferentes para la distribucin original y para la que
funciona en un contexto totalmente diferente.
La licencia no debe ir en contra de otro software. La licencia no debe

restringir otro software que se distribuya con el m ismo. Por ejemplo, la
licencia no debe indicar que todos los programas distribuidos
conjuntam ente con el deben ser open source.
Fuente:(http://www.webtaller.com/maletin/articulos/que-significa-open-source.php)
Las herramientas que se utilizan en el desarrollo de aplicacin Web para el Hogar

de Vida, m antiene la Arquitectura que se puede observar en la Fig. 2.8 .
16
La capa de presentacin realizada con HTML y Java enviar mensajes a los

objetos de la capa intermedia, desarrollada PHP la cual o bien responder
entonces directamente o mantendr un dilogo con la capa de la base de datos
MySQL, la cual proporcionar los datos que se mandaran como respuesta a la
capa de presentacin.
HERRAMIENTAS
HTML
Browser JavaScript
CAPAS Apache Web Server P HP (Lenguaje de Servidor)
Datas
MySQL
Fig. 2.8 El Modelo de Proceso Iweb

Elaborado por: Cristina Jumbo
2.4.1.1 AppServ 2.5.9

Es una herramienta para Windows que facilita la instalacin de Apache, MySQL y
PHP en una sola herramienta, esta caracterstica abrevia la tarea al usuario ya
que se configuran las aplicaciones de forma automtica. Incorpora tambin una
interfaz amigable denominada phpMyAdmin para el manejo de MySQL
2.4.1.2 Apache Web Server Versin 2.2.4

El servidor del HTTP de Apache es software para plataformas Unix (BS D,
GNU/Linux, etc.), Windows, Macintosh y otras.
Es manejado en com n por un grupo de voluntarios situados alrededor del
mundo, usando el Internet y el Web para comunicar, para planear, y para
desarrollar el servidor y su documentacin relacionada. Este proyecto es parte de
la fundacin del software de Apache. Adems, los centenares de usuarios han
contribuido ideas, cdigo, y la documentacin al proyecto.
Fuente:(http://httpd.apache.org/)
17
2.4.1.3 PHP Script L anguage Versin 5.2.1

Es un lenguaje de "cdigo abierto" interpretado, de alto nivel, embebido en
pginas HTML y ejecutado en el servidor. Se trata de un lenguaje interpretado
usado para la creacin de aplicaciones para servidores, o creacin de contenido
dinmico para sitios Web. ltimamente tam bin para la creacin de otro tipo de
programas incluyendo aplicaciones con interfaz grfica.
2.4.1.4 MySQL Database Versin 5.0.27

Es un sistema de gestin de bases de datos relacionales SQL Open Source ms
popular, lo desarrolla, distribuye y soporta MySQL AB. MySQL AB es una
compaa comercial, fundada por los desarrolladores de MySQL. Es una
compaa Open Source de segunda generacin que une los valores y
metodologa Open Source con un exitoso modelo de negocio. Adems el servidor
de base de datos MySQL es muy rpido, fiable y fcil de usar.
Fuente:(http://dev.mysql.com/doc/refman/5.0/es/introduction.html)
2.4.1.5 phpMyAdmin Database Manager Versin 2.9.2

Aplicacin Web que provee interfaz completa para administrar bases de datos
MySQL. Es una herramienta escrita en PHP previsto para manejar la
administracin de MySQL sobre el Web. Puede crear actualmente y las bases de
datos y eliminarlas, crea/eliminar/altera las tablas, cancelacin/las corrige/agrega
campos, ejecuta cualquier declaracin del SQL, maneja llaves en campos, maneja
privilegios, exporta datos en varios formatos y est disponible en 54 idiomas.
2.4.1.6 JavaScript
Es un lenguaje de programacin interpretado, es decir, que no requiere

compilacin, utilizado principalmente en pginas Web, con una sintaxis semejante
a la del lenguaje Java y el lenguaje C. JavaScript se ejecuta en el agente de
18
usuario al mismo tiempo que las sentencias van descargndose junto con el
cdigo HTML, sin acceso a funciones del servidor.
Al contrario que Java, JavaScript no es un lenguaje orientado a objetos

propiam ente dicho, ya que no dispone de Herencia, es ms bien un lenguaje
basado en prototipos, ya que las nuevas clases se generan clonando las clases
base (prototipos) y extendiendo su funcionalidad. Es as como se ha convertido en
una herramienta fundamental para la programacin Web, proporciona los
recursos para disear la interfaz del cliente.
JScript es la implementacin de Microsoft de ECMAScript. Est disponible

mediante Internet Explorer y el Windows Scripting Host.
Fuente:( http://es.wikipedia.org/wiki/JScript")
2.4.2 HERRAMIENTAS DE DESARROLLO

2.4.2.1 Macromedia Dreamweaver 8
Es la opcin profesional para la creacin de sitios y aplicaciones
Web. Proporciona una combinacin muy eficaz de herramientas visuales de
diseo, funciones de desarrollo de aplicaciones y soporte de edicin de cdigo
que permite a los desarrolladores y diseadores de todos los niveles crear de
forma rpida sitios y aplicaciones visualm ente atractivos y basados en las
normas. Desde la compatibilidad lder para el diseo basado en CSS hasta las
funciones de codificacin manual, Dreamweaver pone en manos de los
profesionales las herram ientas que necesitan en un entorno integrado y gil. Los
desarrolladores pueden utilizar Dreamweaver con la tecnologa de servidor que
prefieran para crear potentes aplicaciones de Internet que conecten a los usuarios
con bases de datos, servicios Web y sistemas heredados.
19
2.4.3 HERRAMIENTAS DE ANALISIS Y DISEO

2.4.3.1 Rational Rose
Es la herramienta CASE desarrollada por los creadores de UML, cubre todo el
ciclo de vida de un proyecto: concepcin y formalizacin del modelo, construccin
de los componentes, transicin a los usuarios y certificacin de las distintas fases
y entregables. Es la herramienta que nos ayuda a disear nuestra aplicacin.
Permite disear soluciones del software usar modelar unificado Lengua (UML).
Arquitectos, analistas, diseadores del software y de la base de datos, y
reveladores en tiem po real/encajados de los sistemas la poder toda utiliza a Rose
racional familia de los productos para producir la representacin visual modelos
de las arquitecturas del software, bases de datos, requisitos del uso y activos
reutilizables, as como a form ular las comunicaciones del gerencia-nivel. Un
campo comn herramienta y lengua para modelar ayudas para simplificar el
ambiente del trabajo y apresurar el desarrollo de la calidad del software.
Fuente:(Ayuda de Macromedia Flash 8)
2.4.4 HERRAMIENTAS DE DISEO GRAFICO

2.4.4.1 Macromedia Flash 8
Es una herramienta utilizada del mercado para editar una amplia variedad de
contenido interactivo. Flash Professional 8 y Flash Basic 8 ofrecen a los
desarrolladores y diseadores Web una extensa gama de herramientas que
incluyen efectos grficos, animacin, texto, vdeo y sonido para crear diseos de
gran im pacto para los usuarios. Estos diseos se podrn enviar a equipos de
escritorio o a telfonos mviles. Flash perm ite crear material de gran calidad de
marketing interactivo, presentaciones, anuncios multimedia, cursos en lnea,
aplicaciones de entretenimiento y comerciales, experiencias de vdeo interactivo y
mucho m s. 1
20
2.4.4.2 Gif Construction Set Professional

El asistente de animacin permite al usuario crear rpida y fcilmente
animaciones en un instante. Estas animaciones pueden ser modificadas mediante
potentes herram ientas, comandos y efectos especiales, incluyendo algunos
especialmente diseados para crear carteles publicitarios interactivos, botones,
indicadores, sm bolos, rotaciones, transiciones, y grficos con una gama de
colores elevada; consiguiendo as presentaciones de aspecto profesional. Una
herramienta, llamada "supercompression" analiza el grfico resultante para
reducir al mximo su tamao con la menor prdida de calidad posible. Tambin es
posible m ediante este programa abrir archivos AVI y grabar las animaciones
creadas en este mismo form ato, as como la gestin por bloques y el control sobre
la paleta de colores.
Fuente:(http://es.wikipedia.org/wiki/Gif_Construction)
CAPTULO 3
3 MARCO METODOLOGICO
Caractersticas como inmediatez y evolucin y crecimiento continuos, nos llevan a

un proceso incremental y evolutivo, que permite que el usuario se involucre
activamente, facilitando el desarrollo de productos que se ajustan mucho lo que
ste busca y necesita es as que la IWeb demanda un Proceso de Software
Incremental y Evolutivo (P ressman, 525)
3.1 MODELO ESPIRAL PARA LA WEB

El modelo en espiral se basa en una serie de iteraciones en las que se cumplen
unos objetivos definidos previamente. Una de estas iteraciones puede estar
dedicada a la elaboracin de un estudio de viabilidad, de los requerimientos, al
trabajo de diseo, a la obtencin de prototipos funcionales, a la depuracin, a la
ampliacin de los resultados. En la figura 1.5 se visualiza grficamente las
actividades del marco de trabajo de este modelo.

Fuente:(Pressman, R (2002) Ingeniera de Software Un enfoque Prc tico, Cp. 29 Pg. 525)
22
3.1.1 ACTIVIDADES DEL MODELO ESPIRAL PARA LA WEB

3.1.1.1 Formulacin
Actividad que identifica mtodos y objetivos de la WebApps.
Las preguntas clave para esta fase son Porque, Para que y Para quien se
desarrolla la aplicacin, con la finalidad de obtener:
Metas Informativas : Definen los objetivos sobre el contenido e informacin

que se dar al usuario.
Metas Aplicables : Son los servicios o tareas que puede realizar la

WebApp.
Perfil del Usuario , determinando las principales caractersticas de los

potenciales navegadores y clientes.
3.1.1.2 Planificacin
Estima coste total del proyecto, evala los riesgos asociados con el esfuerzo del
desarrollo, y define una planificacin del desarrollo bien granulada para el
incremento final de la WebApp
3.1.1.3 Anlisis
Establece los requerimientos tcnicos para la WebApp e identifica los elementos
del contenido que van a incorporar. Tambin se definen los requisitos del diseo
grafico.
3.1.1.4 Ingeniera
Incorpora dos Tareas Diseo del Contenido, Produccin. Esta actividad se
encargada de disear, producir y adquirir todo el contenido de texto, grafico y
multimedia que se utilizaran en la WebApp y las tareas de diseo
Diseo Arquitectnico.- Se centra en la estructura global hipermedia para

la WebApp que estn definidas en funcin de las metas de la WebApp, los
contenidos a presentar a los usuarios y la filosofa de navegacin
23
Diseo Navegacional.- Define rutas de navegacin que permite al usuario

acceder al contenido y a los servicios de la WebApp, identifica la semntica
y la mecnica
Diseo Interfaz Abstracta.- Es la categora de diseo que crea una

conexin entre el hombre y la maquina, pues la interfaz de usuario de una
WebApp es la primera impresin.
3.1.1.5 Generacin de Pginas y Pruebas

Es la actividad de construccin donde se hace uso de las herramientas
autom atizadas para la creacin de las WebApp l modelo en espiral se basa en
una serie de iteraciones en las que se cumplen unos objetivos definidos
previamente. Una de estas iteraciones puede estar dedicada a la elaboracin de
un estudio de viabilidad, de los requerimientos, al trabajo de diseo, a la
obtencin de prototipos funcionales, a la depuracin, a la ampliacin de los
resultados.
3.1.1.6 Evaluacin del Cliente

Son las tareas requeridas para la reaccin del cliente segn la evaluacin de las
representaciones del software creadas durante la etapa del proceso IWeb
3.2 METODOLOGIA OOHDM

Para el desarrollo de software orientado a objetos no basta usar un lenguaje
orientado a objetos. Tambin se necesitar realizar un anlisis y diseo orientado
a objetos.
Este modelo para diseo de aplicaciones hiperm edia y para la Web, fue diseado
por D. Schwabe, G. Rossi, and S. D. J. Barbosa y es una extensin de HDM con
orientacin a objetos, que se est convirtiendo en una de las metodologas ms
utilizadas. Ha sido usada para disear diferentes tipos de aplicaciones hipermedia
como galeras interactivas, presentaciones multimedia, sitios web y, sobre todo,
numerosos y WebApps.
24
Los modelos utilizados en esta metodologa proveen de todos los mecanismos de

agrupamiento y herencia que necesitamos a lo largo del modelado.
Esta metodologa plantea el diseo de una aplicacin Web a travs de cinco fases
que se desarrollan de un modo iterativo.
3.2.1 FASES DE LA METODOL OGIA OOHDM

3.2.1.1 Determinacin de Requerimientos.
Facilita el m ecanismo apropiado para saber lo que quiere el cliente, analizando
necesidades, confirmando su viabilidad, negociando una solucin razonable,
especificando la solucin sin ambigedad, validando la especificacin y
gestionando los requisitos para que se transformen en un sistema operacional.
Este proceso puede ser descrito en los siguientes pasos:
Identificacin de Requisitos
Anlisis de Requisitos y Negociacin

Especificacin de Requisitos
Modelizado del Sistema

Validacin de Requisitos y Gestin de Requisitos
3.2.1.2 Diseo Conceptual.

Se construye un esquema conceptual representado por los objetos de dominio o
clases y las relaciones entre dichos objetos. Se puede usar un modelo de datos
semntico estructural (como el modelo de entidades y relaciones). El modelo
OOHDM propone com o esquema conceptual basado en clases, relaciones y
subsistemas.
3.2.1.3 Diseo Navegacional.

En la segunda etapa, el diseador define clases navegacionales tales como
nodos, enlaces y estructuras de acceso (ndices y visitas guiadas) inducidas del
esquema conceptual. Los enlaces derivan de las relaciones y los nodos
representan ventanas lgicas (views) sobre las clases conceptuales. A
continuacin, el diseador describe la estructura navegacional en trminos de
contextos navegacionales. Un contexto navegacional es un conjunto de nodos,
enlaces, clases de contextos y otros contextos navegacionales (contextos
25
anidados) -igual que en HDM definen agrupaciones- que pueden ser definidos por
comprensin o extensin, o por enumeracin de sus miembros. Los nodos se
enriquecen con un conjunto de clases especiales que permiten presentar atributos
as como mtodos o comportam ientos cuando se navega en un contexto
particular. Durante esta etapa, es posible adaptar los objetos navegacionales para
cada contexto, de forma similar a las perspectivas de HDM.
OOHDM no propone un modelo enriquecido para el dominio de la aplicacin, por
lo que deja libre al diseador para elegir el m odelo de especificacin del dom inio.
Sin embargo, el modelo hipermedia est definido en dos niveles de abstraccin:
las clases navegacionales y los contextos navegacionales.
En el momento de la especificacin de las clases navegacionales es cuando el
diseador define las correspondencias y, aunque OOHDM sugiere algunas, no
impone metforas preestablecidas tan sistemticamente como RMM. Los nodos
inducidos de las clases del modelo del dominio y los enlaces inducidos de las
relaciones del modelo del dominio se pueden precisar. Como el segundo nivel
est consagrado a la especificacin de la navegacin, expresada exclusivamente
sobre los objetos navegacionales (no sobre los elementos del modelo del
dominio), constituye un mecanismo que permite enriquecer el modelo hipermedia.
3.2.1.4 Diseo de Interfaz Abstracta.

La tercera etapa est dedicada a la especificacin de la interfaz abstracta. As, se
define la forma en la cual deben aparecer los contextos navegacionales. Tambin
se incluye aqu el modo en que dichos objetos de interfaz activarn la navegacin
y el resto de funcionalidades de la aplicacin, esto es, se describirn los objetos
de interfaz y se los asociar con objetos de navegacin. La separacin entre el
diseo navegacional y el diseo de interfaz abstracta permitir construir diferentes
interfaces para el m ismo modelo navegacional.
Es la categora de diseo que crea una conexin entre el hombre y la maquina,
pues la interfaz de usuario de una WebApp es la primera impresin.
3.2.1.5 Implementacin.
Por fin, la cuarta etapa, dedicada a la puesta en prctica, es donde se hacen
corresponder los objetos de interfaz con los objetos de implementacin.
ada etapa de la concepcin define un esquema objeto especfico en el que se
introducen nuevos elementos (clases). En la siguiente imagen se muestran las
relaciones entre los esquemas conceptual, navegacional y los objetos de interfaz
en OOHDM.
Fig. 3.2 Relaciones del Modelo OOHDM

Fuente:(http://www.telemidia.puc-rio.br/oohdm/oohdm.html)
27
3.2.2 LE NGUAJE DE MODELADO UNIFICADO UML

Desde los inicios del desarrollo de software OO han existido diferentes
metodologas para hacer esto del modelamiento, pero sin lugar a duda, el
Lenguaje de Modelamiento Unificado (UML) puso fin a la guerra de metodologas.
Segn los diseadores del lenguaje UML Grady Booch, Jim Rumbaugh e Ivar
Jacobson, ste tiene como fin modelar cualquier tipo de sistemas (no solamente
de software) usando los conceptos de la orientacin a objetos. Establecer un
lenguaje que acople conceptos orientados a objetos y permita su intercambio. Y
adems, este lenguaje debe ser entendible para los humanos y mquinas.
El UML consta de todos los elementos y diagramas que permiten modelar los
sistemas en base al paradigm a orientado a objetos. Los modelos orientados a
objetos cuando se construyen en forma correcta, son fciles de comunicar,
cambiar, expandir, validar y verificar. Este modelamiento en UML es flexible al
cambio y permite crear componentes plenamente reutilizables.
UML se definen los siguientes diagramas grficos:
1. Diagrama de casos de uso

2. Diagrama de clases
3. Diagrama de objetos
4. Diagrama de estados
5. Diagrama de actividades
6. Diagrama de secuencia
7. Diagrama de colaboracin
8. Diagrama de componentes
9. Diagrama de despliegue
Los bloques de construccin de UML no pueden combinarse de cualquier manera.

Com o cualquier lenguaje UML tiene unas reglas que especifican a qu debe
parecerse un modelo bien formado. Un modelo bien formado es aquel que es
28
semnticamente autoconsistente y est en armona con todos sus modelos

relacionados.
UML tiene reglas semnticas para:
Nombres.- Cmo llamar a los elementos, relaciones y diagramas.

Alcance.- El contexto que da significado especfico a un nombre.
Visibilidad.- Cmo se pueden ver y utilizar esos nombres por otros.

Integridad.- Cmo se relacionan apropiada y consistentemente unos
elementos con otros.
Ejecucin.- Qu significa ejecutar o simular un modelo dinmico.
Los modelos que construidos durante el proceso software de un sistema con gran
cantidad de software tienden a evolucionar y pueden ser vistos por diferentes
usuarios de formas diferentes y en momentos diferentes. Por esta razn, es
comn en el equipo de desarrollo no slo construir modelos bien formados, sino
tambin construir m odelos que sean:
Abreviados.- Ciertos elementos se ocultan para simplificar la vista.

Incompletos.- : Pueden estar ausentes ciertos elementos.
Inconsistentes.- No se garantiza la integridad del modelo.
Estos m odelos que no llegan a ser bien formados son inevitables conforme los
detalles de un sistema van apareciendo y mezclndose durante el proceso
software. Las reglas de UML estimulan (pero no obligan) a considerar las
cuestiones ms im portantes de anlisis, dise no e implementacin que llevan a
tales sistem as a convertirse en bien formados con el paso del tiempo.
Estos diagramas proporcionan mltiples perspectivas del sistema bajo anlisis

una de ellas nos lleva a ver el modelo de una forma esttica o de una forma
dinmica, la figura 3.3 describe la utilizar durante el desarrollo de este proyecto la
clasificacin antes mostrada. Aadiendo dos diagramas que son fundamentales
para el diseo Web. El modelo integra representaciones de forma que se puede
construir un sistema.
29
FASE MODELO DIAGRAMA
Diagrama de casos de uso
ANALISIS MODELO ESTATICO Diagrama de clases
Diagrama de objetos
MODELO Diagrama de estados

DINAMICO
Diagrama de actividades
Diagrama de secuencia
DISEO MODELO DE PROCESO
Diagrama de colaboracin
Diagrama Arquitectnico
MODELO NAVEGACIONAL
Diagrama Navegacional

3.2.2.1 Diagramas de Casos de Uso

Muestra la descripcin del comportamiento del sistema tal como lo observan los
usuarios finales, es decir representa lo que hace el sistema y como se relaciona
con su entorno, ayuda al analista a representar los requisitos del sistema.
El diagram a se representa con los siguientes elementos
Caso de Uso.- Define la caracterstica de funcionalidad y comportamiento

durante su interaccin con los usuarios y otros sistemas.
Actores.- Modela un tipo de objeto fuera del dominio del sistema pero que
interacta con este, puede ser un conjunto uniforme de personas, sistemas
o maquinas.
30
Relaciones.- Entre los actores y los casos de uso esta la asociacin, la

generalizacin entre actores, existe tambin generalizacin, incluye y
exclude entre casos de uso.
< <e xte n d > >
Social se l e cci o na r u su a ri o i n gr es a r d ire c cio n m o d i fi ca r di re cci o n

<< e xte n d > >
s e l e cci on a r d ire cc io n
Fig. 3.4 Diagrama de Casos de Uno

En la Figura 3.4 se puede observar los elementos del diagrama como son el Actor
llamado Social, cuatros casos de uso denominados seleccionar_usuario y las
relaciones.
3.2.2.2 Diagrama de Clases

Es un diagrama de estructura esttica muestra un conjunto de clases que
conform an un sistema junto con las relaciones existentes entre las m ismas, sin
que estas interacten.
Clases.- Es un conjunto de Objetos que comparten los mismos atributos,

operaciones, relaciones y semntica.
Relaciones.- Las relaciones entre clases son De Dependencia,

Generalizacin, Asociacin.
31
Fig. 3.5 Diagrama de Clases

En la Figura 3.5 se puede observar las clases usuario, referencia, direccin,

actividad social, actividad medica, actividad psicolgica, y las relaciones de
dependencia hacia la clase origen o independiente.
3.2.2.3 Diagrama de Objetos

Representa un conjunto de objetos y sus relaciones. Se utilizan para describir
estructuras de datos, instantneas de los elementos encontrados en los
diagram as de clases. Cubre los mismos aspectos que los diagramas de clases
pero desde una perspectiva de casos reales o prototpicos.
Un objeto se define como la instancia de una clase, es decir es la representacin
de un entidad, ya sea real o conceptual, con lmites bien definidos y con
significado dentro de un modelo. Cada objeto en un modelo se caracteriza por su
estado, comportamiento e identidad.
32
Estado.- Un objeto es una de las posibles condiciones bajo las que el

objeto puede existir. El estado de un objeto cambia con el tiempo y est
definido por un conjunto de propiedades (atributos), por los valores de esas
propiedades y por las relaciones que dicho objeto puede tener con otros
objetos.
Comportamiento.- Un objeto determina la forma en que responde ante

peticiones de otros objetos, y tipifica todo lo que el objeto puede hacer. El
comportamiento de un objeto se materializa en el conjunto de operaciones
definidas para dicho objeto.
Identidad.- Implica que cada objeto es nico, incluso si su estado es

idntico al de otro objeto.
Fig. 3.6 Diagrama de Objetos

En la Figura 3.6 se puede observar el diagrama de clases pero en esta ocasin

los atributos con un valor asignado es as como se convierte en el diagrama de
objetos.
33
3.2.2.4 Diagrama de Secuencia

Es un diagrama que resalta la interaccin de un conjunto de objetos enfocando su
atencin en el orden cronolgico del envi de mensajes entre estos. Este
diagram a permite dar detalle a los casos de uso y depende de la formulacin de
dichos casos de uso.
Objetos, Actores
Lneas de Vida.- Indica la vida de un objeto durante la interaccin, es una

lnea vertical.
Focos de Control.- Muestra el periodo de tiempo en el cual el objeto se

encuentra desarrollando alguna operacin.
Mensajes.- Este se realiza entre objetos y se representa con una lnea

horizontal con flecha, pueden ser asncronos, de llamada a procedimiento y
concurrentes.
: direcc ion
: Social
ingresa direccion( ) m odifica direccion( )
DIRE CCION REGISTRADA
selecc iona direc cion( ) modifica direccion( )
DIRECCION ACTUALIZADA
Fig. 3.7 Diagrama de Secuencia

34
En la Figura 3.7 se puede observar ciertos elementos del diagrama como son el
Actor llamado Social, el objeto Direccin, los mensajes como son ingresa
direccin (), modifica direccin (), el foco de control, y el mensaje direccin
registrada, entre otros.
3.2.2.5 Diagrama de Colaboracin

Es un diagrama muestra la colaboracin entre objetos para realizar una tarea
mediante el uso de mensajes entre ellos, enfatiza la estructura organizacional
estableciendo un orden para dichos m ensajes sin importar el orden cronolgico,
enumera los m ensajes para establecer una secuencia.
Objetos.- Pueden representarse de diferentes formas como objetos

comunes, activos, m ultiobjetos y compuestos.
Enlaces.- Es una instancia de una Asociacin de un diagrama de clases,

representa la conexin entre dos instancias de objetos indicando alguna
forma de navegacin y visibilidad.
Numeraciones.- Determina la secuencia en que ocurren estos mensajes

representado mediante un numero.
Mensajes.- Pueden ser al mismo objeto, indicar la construccin o

destruccin de objetos, ser condicionales o condicionales mutuamente
excluyentes.
Interacciones.- Indica la cantidad de repeticiones que ejecutara el

mensaje.
35
2: modifica direccion( )
1: ingresa direccion( )
4: selecciona direccion( )
: direccion
: Social 3: DIRECCION REGISTRADA

6: DIRECCION ACTUALIZADA
Fig. 3.8 Diagrama de Colaboracin

En la Figura 3.8 se puede observar ciertos elementos del diagrama como son el
Actor llamado Social, el objeto Direccin, los mensajes como son 1: ingresa
direccin (), 2: modifica direccin (), etc. Cada uno con la numeracin que indica
la secuencia.
Los diagramas de secuencia y los diagramas de colaboracin. Ambos diagramas

son isomorfos, es decir, se puede convertir de uno a otro sin prdida de
informacin.
3.2.2.6 Diagrama de Estado

Representa el conjunto de estados por los cuales pasa un nico objeto durante su
vida dentro de una aplicacion, junto con los eventos que provocan las
transiciones que permiten pasar de un estado a otro, as describe el
comportamiento de este objeto elemento de nuestro modelo.
Son especialmente importantes para modelar el comportam iento de una interfaz,
una clase o una colaboracin, lo que es especialmente til al modelar sistemas
reactivos.
Estados.- Esta definido por ciertas caractersticas que de un objeto

mantiene en un periodo de tiempo, en el cual el objeto puede recibir
acciones. Existen dos estados fundamentales que son el inicial y final.
36
Eventos.- Es una ocurrencia que puede causar la transicin del objeto de

un estado a otro.
Transiciones.- Es una accin instantnea, es una relacin que indica que

el objeto en primer estado puede o no pasar al segundo.
crea direccion eliminada Vigente Eliminado
Fig. 3 . 9 Diagrama de Estado

En la Figura 3.9 se puede ver los estados de la clase direccin el inicial, el

Vigente que se crea bajo el evento de crea o ingresa direccin, as continan las
transiciones hasta llegar al estado final.
3.2.2.7 Diagrama de Actividades

Muestra la relacin de operaciones para conseguir el objetivo, es una vison
simplificada de lo que ocurre en un proceso. Este diagrama m uestra el flujo de
trabajo.
Actividad.- Representa la realizacin de una o varias tareas.
Accin.- Es una actividad que no se puede descomponer.

Transiciones.- Indican el flujo de control y pasa a la siguiente actividad.
Inicio y Terminacin.- Seala el inicio o fin del diagrama de actividades.

Flujo de Objetos.- Establece el paso de una actividad a otra.
Seales.- Representa las seales de envi y recibo entre actividades.
Decisiones.- Se establece a partir de condiciones, estas decisiones

pueden disparar diferentes eventos.
37
Barras de S incronizacin.- Indica la ejecucin de procesos al mismo

tiempo.
Carriles.- Muestra las responsabilidades que estn bajo la responsabilidad

de algn objeto, persona o equipo de trabajo.
Co o r d in a d o r So c ia l P Si co l o g o M ed i c o
In gres ar
U sua rio
In gre sar In gres ar Ac t ivi da d Ing resa r Act i vi dad

Act i vi dad Soc ia l P sic ol ogi ca Me di ca
V er Usu ari o I nf orma ci on d e

Us uari o
Fig. 3.10 Diagrama de Actividades

En la Figura 3.10 se puede observar los carriles con los departamentos de

Coordinador, Social, Psiclogo, Medico. Las Actividades como Ver Usuario,
Ingresa Usuario, etc. Barras de sincronizacin durante las actividades de
Ingr5esar Actividad Social, Ingresar Actividad Psicolgica, Ingresar Actividad
Medica y los elementos que indican el Inicio y Terminacin.
A menudo se pude considerar comenzar por un diagrama de estados para

describir la respuesta del sistema ante los eventos externos, y despus convertirlo
en un diagrama de actividades que se centre en el flujo de control, tambin se
puede pasar de los diagramas de actividades a los diagramas de estados .
38
3.2.2.8 Diagrama de Componentes

Los diagramas de componentes se utilizan para describir la vista de
implementacin esttica de un sistema, es decir solo los componentes y sus
conexiones, y no como funcionan.
Componentes.- Es un elemento lgico, fsico y remplazable de un sistema.
Interfaces.- Es el rostro que presenta al mundo un componente o una

clase con las cual interaccionan otros componentes o clases.
Relaciones.- Las relaciones entre clases son De Dependencia,

Generalizacin, Asociacin.
Fig. 3.11 Diagrama de Componentes

Fuente:(Cesar Liza, A (2001) Modelando con UML, Cp. 8 Pg. 220)
En la Figura 3.11 se puede observar las dependencias entre los componentes de

una pagina Web. Consta de archivos html, mediante el cual es posible acceder
por medio de hiperenlaces a otros archivos, el archivo download puede descargar
conferencias que se encuentran en los archivos zip CONEIIS 1999, CONEIIS2000
y el archivo de texto ResumenA nticopia. (vila)
39
3.2.2.9 Diagrama de Despliegue

Modela la topologa del hardware sobre el cual correr nuestra aplicacin y nos
indica donde se ejecutara cada uno de nuestros componentes. Muestra las
relaciones fsicas entre los componentes de software y el hardware del sistema.
Los diagramas de despliegue se relacionan con los diagramas de componentes,
ya que un nodo normalmente incluye uno o ms componentes.
Fuente:(http://www-gris.det.uvigo.es/~avilas/UML/node22.html)
Nodos.- Es la representacin de cualquier tipo de hardware sobre el cual

correr el sistema.
Conexiones.- Las conexiones entre nodos se realizan mediante una

asociacin.
Internet
<< processor>> *
Estacion de Trabajo
T CP/ IP
<<device>>
MODEM
1 1
<<procesor>>
1 1 <<device>> TCP /I P
<<device>>
Servidor Proxy T CP/ I P Switch 1 Router
Fig. 3.12 Diagrama de Despliegue

Fuente:(Cesar Liza, A (2001) Modelando con UML, Cp. 9 Pg. 233)
En la Figura 3.12 se muestra un servidor Proxy, varias estaciones, un switch un

router y un MODEM. Tambin se muestra la conexin TCP/IP muy comn para
acceder a Internet.
40
3.2.2.10 Diagrama Arquitectnico

Se centra en la estructura global hipermedia para la WebApp que estn definidas
en funcin de las metas de la WebApp, los contenidos a presentar a los usuarios
y la filosofa de navegacin.
La estructura de las WebApps puede ser:
Estructuras Lineales.- Cuando es predecible la sucesin de interacciones.

Tambin existen lineales con flujo opcional, y lineal con desviaciones.
Estructuras Reticulares.- Solo si el contenido de la Web puede ser

organizado en dos o ms dimensiones. Para ellos el contenido debe ser
muy regular.
Estructuras Jerrquicas.- Son las mas com unes. En las jerarquas de

software tradicionales se fomentan el flujo de control solo a lo largo de las
ramas verticales. E n una WebApp se pueden enlazar por hipertexto ramas
verticales de la m isma estructura. Es el Acoplamiento.
Estructura en Red (o de Web pura).- Es como la arquitectura en

evolucin de los sistemas OO. Se enlaza todo con todo. Da mucha
flexibilidad de navegacin, aunque a veces es confusa para el usuario.
Es comn com binar varias de las estructuras, dando lugar a estructuras hbridas
41
Fig. 3.13 Diagrama de Despliegue

En la Figura 3.14 se puede observar un diagrama de navegacin de estructura

jerrquica.
3.2.2.11 Diagrama Navega cinal

Una vez establecida la arquitectura se define la ruta que permitir acceder al
contenido y a los servicios. Se deber identificar una semntica segn los perfiles
de usuarios que contenga la aplicacin y definir una sintaxis (mecnica) para la
navegacin. La arquitectura debe estar establecida.
Unidad Semntica de Navegacin.- US N se crea para cada meta

asociada a cada rol de usuario. Cada USN tiene unas formas de
navegacin (WoN) para que cada usuario llegue a cada meta que se
Esta establecida por la creacin de
42
proponga.
Mecnica.- los enlaces de Navegacin,

el establecimiento de convenciones y ayudas.
o Opciones de Enlaces.- Texto, iconos, botones, interruptores,
metforas grficas entre otras, deberemos elegir la que mas se
adecuen al interfaz de nuestra Web.
o Ayudas a la Navegacin.- Pueden ser una vista de esquema, un
mapa Web, tabla de contenidos, mecanismos de bsqueda y
servicios dinmicos de ayuda.
Fig. 3.14 Diagrama de Navegacinal

En la Figura 3.14 se puede observar el diagrama de navegacin con el perfil de

usuario como rol.
Fuente:( http://www.desarrollos-mecame.com/)
43
CAPTULO 4
4 CONCLUSIONES Y RECOMENDACIONES
4.1 CONCLUSIONES
La Aplicacin permite el seguimiento del trnsito de los usuarios por el

Hogar de Vida, de una manera ordenada y confiable. Facilita el registro de
actividades en las reas mdica, social y psicolgica de los usuarios,
perm itiendo as compartir informacin entre reas.
Ha resuelto el problema de consolidacin de datos, y administracin de

informacin para la elaboracin de reportes. E ste proceso de los datos
obtenidos no solo cubre las necesidades del hogar de vida como
institucin, detecta los sectores de la tercera edad ms vulnerables en el
pas.
La metodologa OOHDM utilizada en el desarrollo de la WebApp facilito la

organizacin de la informacin, la planificacin de las actividades a realizar,
el diseo y desarrollo del proyecto.
UML (Lenguaje Unificado de Modelado) fue utilizado para el rea de

diseo, ayud en la representacin grfica de la funcionalidad del sistema
a travs de sus diagramas.
El conocer los lenguajes de programacin fue necesario para ser
capaces de organizar, optimizar el funcionamiento de nuestro sitio Web

como es el caso de JavaScript, muy til para la realizacin de la interfaz
de usuarios y PHP, que se integra fcil y eficazm ente con HTML y con las
bases de datos en MySQL.
Con la utilizacin de software Open Source, que proporciona las mismas

caractersticas que cualquier otro software licenciado, se ha podido reducir
costos y poder construir software de calidad.
44
4.2 RECOMENDACIONES
La implementacin inmediata de la Aplicacin Web en la intranet de la

institucin es fundamental, tanto para el Hogar N 1 como para el N 2 de
esta manera tendrn informacin unificada no solo para el Hogar de Vida
N 1, sino para la institucin como tal.
Esta aplicacin puede ser conectada con el sitio Web que mantiene
actualmente La Fundacin Patronato San Jos Hogar de Vida N1, para
que pueda acceder a esta tanto desde la intranet como desde Internet.
A futuro se podra implementar una pgina de bsqueda de usuarios,

accediendo a la base de datos de la aplicacin, con la finalidad de que los
familiares de dichos usuarios los puedan localizar.
Se debe establecer el manejo de respaldos de la base de datos

semanalm ente, es muy importante para que no existan prdidas o
inconsistencia de la inform acin almacenada en la base de datos.
Es esencial brindar capacitacin a la personas que administrarn el sitio

Web para el correcto funcionamiento del mismo
Se recom ienda que exista un Administrador Web, que controle los

respaldos de la base de datos, las seguridades a la WebApps a travs de
antivirus, fireware, antispy etc. Adems de actualizar, controlar y permitir el
acceso de funcionarios a la aplicacin.
45
BIBLIOGRAFA
Pressman Roger
Ingeniera de Software Un enfoque Prctico.
Quinta Edicin 2002
[IWeb]
Cesar Liza vila.

Modelando con UML Principios y Aplicaciones.
Primera Edicin Agosto 2001
[UML]
S. Murugesan, Y. Deshpande , S.Hansen, A. Ginige.

Web Engineering : A New Discipline for Development of Web-Based Systems.
Lecture Notes in Computer Science 2016 Springer 2001, pag 3 13.
[Ingenieria Web]
David Rodrguez Lozano,

Arquitectura de Sistemas Web, Aplicados a la Empresa.
I Jornadas Internacionales de Ingeniera Web, Cceres, 25 y 26 de junio de 2001.
[Arquitectura Web]
Paginas Web
http://www.telemidia.puc-rio.br/oohdm/oohdm.html
Instituto de Tecnologa de Software (ITS) - Departamento Informtica Rio de
Janeiro Brasil
[Metodologa OOHDM]
http://www.informandote.com/jornadasIngWEB/programa.asp
Universidad de Extremadura. Departamento de Informtica. Escuela Politcnica.
Espaa. [Ingeniera Web]
http://java.ciberaula.com/articulo/tecnologia_orientada_objetos/
[Anlisis y diseo Orientado a Objetos UML]
46
http://www.oei.eui.upm.es/Asignaturas/PInformaticos/ficheros/temario/PROYINF-
1-NUEVO.pdf [Modelo Espiral]
http://es.wikipedia.org/wiki
http://www.appservnetwork.com/
http://www.php.net/docs.php
http://dev.mysql.com/doc/refman/5.0/es/introduction.html
http://www.phpmyadmin.net/home_page/index.php
http://httpd.apache.org/
http://www.rational.com.ar/brochures/rose.pdf
http://office.microsoft.com
[Herramientas]
http://www.informandote.com/jornadasIngWEB/programa.asp
http://www.iua.upf.es/~tnavarrete/publications/pfc.pdf
http://www.tdx.cesca.es/TESIS_UPC/AVAILABLE/TDX-
47
ANEXOS
48
CONTENIDO
MANUAL TECNICO ............................................................................................. 50
ANALISIS ............................................................................................................. 51
DISEO CONCEPTUAL ...................................................................................... 52
MODELO ESTATICO ........................................................................................... 53
DIAGRAMA DE CASOS DE US O .................................................................... 54
DEFINICION DE ACTORES...................................................................... 55
INGRESO DE USUARIO........................................................................... 56
MANTENIMIENTO DE USUA RIO ............................................................. 56
INGRESAR REFERENCIA ........................................................................ 56
INGRESAR DIRECCION........................................................................... 57
INGRESAR ESTA DIA................................................................................ 57
INGRESAR ACTIVIDAD SOCIAL.............................................................. 57
INGRESAR ACTIVIDAD MEDICA ............................................................. 57
INGRESAR ACTIVIDAD PSICOLOGICA .................................................. 58
OTROS ...................................................................................................... 58
DICCIONARIO DE CASOS DE USO........................................................ 59
DIAGRAMA DE CLASES.................................................................................. 62
DICCIONARIO DE CLASES...................................................................... 64
DIAGRAMA DE OBJETOS ............................................................................... 65
DISEO................................................................................................................ 67
DISEO DE INTERFAZ A BSTRACTA................................................................. 68
MODELO DINAMICO ....................................................................................... 69
DIAGRAMA DE SE CUENCIA ....................................................................... 70
DIAGRAMA DE COLABORACIN ............................................................... 76
MODELO DE PROCESOS ............................................................................... 82
DIAGRAMA DE ESTADOS ........................................................................... 83
TRANSICION DE LOS ESTADOS DEL USUARIO ................................... 84
ESTA DO DE LA CLASE REFERENCIA .................................................... 84
ESTA DO DE LA CLASE DIRECCION ....................................................... 84
ESTA DO DEL SERVICIO EXTERNO........................................................ 84
DIAGRAMA DE ACTIVIDADES .................................................................... 85
49
DISEO DE NAVEGACION................................................................................. 87
MODELO NAVEGACIONAL ............................................................................. 88
DIAGRAMA ARQUITECTNICO................................................................. 89
DIAGRAMA NAVEGACIONAL ...................................................................... 91
DIAGRAMA DE AGENTES ....................................................................... 92
GENERAL ................................................................................................. 93
AGE NTE SOCIAL...................................................................................... 93
AGE NTE MEDICO.................................................................................... 94
AGE NTE PSICOLOGICO......................................................................... 95
AGE NTE COORDINADOR........................................................................ 96
MANUAL DE USUARIO ....................................................................................... 97
INGRESO AL SISTEMA ................................................................................... 98
MENU ............................................................................................................... 98
INGRESAR DATOS.......................................................................................... 99
VER INFORMACION ...................................................................................... 101
GLOBAL ...................................................................................................... 101
ESPECIFICO .............................................................................................. 101
INFORMES ..................................................................................................... 102
SITIO .............................................................................................................. 103
BUSQUEDA .................................................................................................... 104
50
MANUAL TECNICO
51
ANALISIS
52
DISEO CONCEPTUAL
53
MODELO ESTATICO
54
DIAGRAMA DE CASOS DE USO

55
DEFINICION DE ACTORES
Nombre Descripcin Responsabilidades

Coordinador Director General de la Ingresa usuarios
Institucin Da proceso a la insercin de un usuario
Supervisa la gestin realizada de las diferentes
reas Medicina, Psicologa, Trabajo Social
Elabora informes generales
Social Usuario final Maneja en su totalidad el ingreso y egreso de

perteneciente al rea los usuarios
de Trabajo Social Registra las actividades de tipo social
Consulta el estado medico y psicolgico para
completar su labor
Mdico Usuario final Registra la atencin medica
perteneciente al rea Consulta datos de los otros departamentos
de Mdica
Psicologa Usuario final Registra la atencin psicolgica
perteneciente al rea Consulta datos de los otros departamentos
de Psicologa
56
INGRESO DE USUARIO
<<in c lu d e >> <<e x te n d >> si c am b i a e l <<in c lu d e > >

e sta do
s e le c cio n a r u s u a r io ve r u s u a r io a c tu a l iza r u s u a ri o i n g re s a r e s ta d i a
<<e xte n d >>
<< in c lu d e >> . si e xi st e .
n o ex i ste
d ig it a r u s u a r io b u s ca r u s u a r io s <<e xte n d >>

So c ial in g r e s a r r e fe r e n c ia << e xte n d >>
<<in c lu d e > >
in g r e s a r u s u a r io <<in c lu d e >> in g r e s a r d ir e cc io n
i n g r e s a r e s ta d ia
MANTENIMIENTO DE USUARIO
< <e xt en d> >

ing re sa r re fe ren cia
< <i ncl ud e> > << e xt en d> > < <e xt e nd> >
ve r u su ari o mo di fi ca r u su ari o << exte nd > > in gre sa r d ir ecci on

So c ia l s el e ccio na r u su ar io
i ng re sa r e st ad ia
INGRESAR REFERENCIA
< < in clu de >> << exte nd >>
se le ccio na r u s ua rio i ng res ar di re ccio n m od if ica r d ire cci on

So c ia l in g res ar ref ere nc ia
< <e xt en d> > < < exte nd >>
s el ecci on ar ref er en cia m od if ica r re f ere nci a

57
INGRESAR DIRECCION
<< e xte n d >>
se l ec ci on a r u su a ri o i n gr es a r d ire cc io n m o d i fi ca r d ire cc io n
Social
< <e xt en d > >
s e l ec ci on a r di re cc io n
INGRESAR ESTADIA
c amb ia el
e st ad o
se l e c c io n a r u su a r i o a ct u a li z a r u su a r io i n g r e sa r e st a d ia
So ci a l ver e s ta d i a
INGRESAR ACTIVIDAD SOCIAL
<<in c lu d e >> ti p o act i vi d ad <<e x te n d >>

= i nse rci ci on
d e s p le g a r a c tiv id a d s o c ia l i n g r e sa r a cti vid a d s o ci a l in g r e s a r e s ta d ia

S oc i al s e le cc io n a r u s u a r i o e s c o g e r a c tivi d a d s o c ia l
<<e xt e n d >>
ve r a c tiv id a d s o c ia l im pri mi r
im pr im ir
INGRESAR ACTIVIDAD MEDICA
<< e xte n d> >
i ng r e sa r h is to ria m ed ic a im p rmi r h is to r ia me d ica
re sul tad o=
< < inc lu d e> >
no ho sp i tal i z ad o,
fa l l ec i o
< <e xte n d > >

d e sp le g a r a c tivid a d me d ica s e le cc io na r u su a r io i ng r e sa r s er vic io e xt e rn o
Me d ico a c tu ali zar s e rvic io e xte rn o
< <e xte n d >>
< < in clu d e >> ti p o a c ti v i d ad << e xte n d> >
=h os pi t al i z a do
in g re s a r ac tivid a d me d ica in g re s a r e s ta d ia
e s co g e r a c tivid a d me d ica
imp r imir s e rvic io s e xt e rn o s
ve r ac tivid a d me d ica im pr im ir
58
INGRESAR ACTIVIDAD PSICOLOGICA
in gr e s ar ac t ivi da d ps i c ol og ic a
i mpri mi r
< <e xte nd >>
des pl eg ar a c ti vi da d p s i c ol ogi c a in gr e s ar hi s t or i a ps i c ol og ic a
P s i c olo go s el ec c io na r u s ua r io
in gr e s ar pe r io do p s ic o lo gi co
v er a c ti vi da d ps i c ol ogi a imp rim ir
OTROS
Cas os de us o irrelevantes no
trascendentales pero ayudan al
USO del SISTEMA
CONSULTAR USUARIO
Social digitar parametros des plegar usuarios

buscar usuarios
Coordinador
DESPLEGAR REPORTES USUARIO
ver actividad psicologia
ver actividad medica
Social s eleccionar usuario

Coordinador
ver actividad social
ver us uario
59
DICCIONARIO DE CASOS DE USO
Flujo de Event os del Caso de Uso : INGRESO DE USUARIO

Actor : Social, Coordinador
Curso Normal : Alternativas :
digitar usuario
buscar usuario
(si existe) extend (seleccionar usuario)
include (ver usuario)
(opcin libre) extend (actualiza usuario)
include (ingresar estada)
(no existe) extend (ingresar usuario)
include (ingresar estada)
include (ingresar direccin)
(opcin libre) extend (ingresar referencia)
Flujo de Event os del Caso de Uso : MANTENIMIENTO DE USUARIO

seleccionar usuario
ver usuario
modificar usuario
extend (ingresar referencia)
(opcin libre) extend (ingresar direccin)
extend (ingresar estada)
Flujo de Event os del Caso de Uso : INGRESAR REFERENCIA

seleccionar usuario
ingresar referencia
include (ingresar direccin)
(opcin libre) extend (modificar direccin)
seleccionar referencia
modificar referencia
(opcin libre) extend (ingresar direccin)
Flujo de Event os del Caso de Uso : INGRESAR DIRECCION

seleccionar usuario
ingresar direccin
seleccionar direccin
Flujo de Event os del Caso de Uso : INGRESAR ESTADIA

60
Actor : Social, Coordinador, Medico

seleccionar usuario
ver estada
actualizar usuario
ingresar estada
Flujo de Event os del Caso de Uso : INGRESAR ACTIVIDAD SOCIAL

Actor : Social
seleccionar usuario
ingresar actividad social
include (escoger actividad social)
tipo actividad=insercin extend (ingresar estada)
extend (imprimir)
desplegar actividad social
imprimir
Flujo de Event os del Caso de Uso : INGRESAR ACTIVIDAD MEDICA

Actor : Medico
seleccionar usuario
ingresar historia medica
(opcin libre) extend (imprimir historia medica)
ingresar servicio externo
include (actualizar servicio externo)
(resultado=no hospitalizado,
falleci) extend (ingresar estada)
ingresar actividad medica
include (escoger actividad medica)
(tipo actividad=hospitalizado) extend (ingresar estada)
extend (ingresar servicio externo)
desplegar actividad medica
imprimir
Flujo de Event os del Caso de Uso : INGRESAR ACTIVIDAD

PSICOLOGIA
Actor : Psiclogo
seleccionar usuario
ingresar actividad psicolgica
ingresar historia psicolgica
extend (ingresar periodo
(opcin libre) psicolgico)
imprimir
desplegar actividad psicolgica
imprimir
61
Flujo de Event os del Caso de Uso : CONSULTAR USUARIO

Actor : Social, Coordinador, Medico, psiclogo
digitar parmetros
buscar usuario
desplegar usuarios
Flujo de Event os del Caso de Uso : DESPLEGAR REPORTES

USUARIO
Actor : Coordinador
seleccionar usuario
ver actividad medica
ver actividad psicologa
(opcin libre) ver actividad social
ver estada
ver usuario
62
DIAGRAMA DE CLASES
63
es t adi a
ce nt r o
co d est adi a
ACTI VI DA M ED I CA
co d usua r i o
- act i vi da d m e di ca
U SU AR I O es t a do
- hi s t or i a me dica
sit u aci on ac t i vi d ad m edi ca
- us uar i o - ser vi ci os ex t er no s
t i nser c i on
- di r ecci on ii po c i on c ent r o
- r ef er enc i a n se r
c od act i v i da d
- es t ad i a f d esd e
c od usu ar i o
fe ch a h ast a
e ch a m ot i vo c ons ult a
di as
ob ser v aci on d i ag nos t i cog ene r al
f ng d i ag nos des cr i p cion
e ch ai
f on ar i o i ng t r at a m i en t o
u nc i vi t na s
t na l i a mi
e rmi ng c al ci o
f
fe ch am od on ar i o mo d r es po nsab l e
u nc i
t na l m od a ut o valenc i a
e rmi
t em pe r a t ur a
r es pi r aci on
i e st a di a( )
n gr es ar p ul s o
ac t u al i zar est adi a( )
p r e si on ar t e ri al
ve r es t ad i a( )
t al a
p eso
f ech ai ng
f unc i o nar i o i ng
t er m i n al i ng
f ech am od
f unc i o nar i o m od
r ef e r e nci a his t or i a me di ca
t er m i n al m od
cen t ro
ce nt ro
i ngr e sar act i v i da d m ed i c a( )
co d r e f er e nci a cod i go h i st or i a
d esp l eg ar a ct i vi dad m ed i ca ( )
co d u sua r i o cod us uar i o
es t ad o v er a ct i vidad m ed i ca ( ) hab i t
os
t o s el e cci ona r ( ) co ndi ci one s f i sica s
i po do cum en t
i f i ca ci on i mp r i mi r ( ) ant ece nt es per so na l es
d ent i
ant ece nt es pat ol o gi cos
ap el i d o p at er no
ap el i do mat er no enf er m eda d a ct u al
pr i me r no m br e me di c ac i on ac t ua l
se gun do nombr e r es
s ent r ad ascr a nea l
no mb r e c or t o r oca bez a
s cue l
r r at or i o ser v i ci o ext er no
se xo s r esp i
oc upa ci on r r o i nt est i na l
s gas t cen t ro
r elacion r t our i nar i o
s gen i cod s er vici o
pa r e nt esc o r i cul ar
s ost eo ar t cod u sua r io
ed ad r a nex os
s pi el est ad o
de scr ipci on r d ade s
s ext r em i
r o r a xa bdom en cen t r o m edi co
f ng st
ef cha i m edi co r esp ons able
o i ng r
t ci o
tu nciona r i ng rs espnalf daec t o cont agi os a i po ser v i
e r mi nal i si des cr i p cion
f obs er va ci on
e cha mo d f pr o gr am ad a
f o mo d f e cha
u nciona r i ec hai ng
f o na r i oing r esu l t ado
t un ci
e r mi nal m od f r ea l i
t n al i ng e cha z ada
er m i f ng
i r e f er en ci a( ) f e cha i
n grl es ec
ar ci f oi ng
se o na r r ef e r enc i a( ) fec ham ood na r i om od
tu ncimona ri
i nal i ng
m odi f i car r ef e r enc i a( ) tun ci n al mo d er
er m i f
e cha mo d
f om od
i hi st o r i a m edica( )
ng r esa r tu ncimona ri
i nal m od
i r hi s t or i a m e di ca( ) er
m pr m i
i se r vi ci o ex t er n o( )
n gr esa r
act ua l i s er vici o e xt e r no( )
z ar
u sua r i o i s er vici os e xt er nos ( )
m pr i mi r
ce nt r o
co d usu ar i o
es t a do
t i po d ocume nt o
i den t i fi
c aci on
ap el l i do pat er no
ap el l i do ma t er n o
pr i m er n ombr e
se gu ndo no mb r e
no m br e cor t o
se ud oni mo
se xo
f ech a n aci m i en t o
ci ud ad nac i m i e nt o
ed ad
i di o m a
ni ve l i ns t r uc ci on
es t a do ci vi l
i ngr e so eco nom i co

m on t o i n gr eso
t i po u suar i o
sit u aci on
oc up aci on
dir e ccion
di sc apa ci d ad
ce nt r o
de sc r i pcion di sca pac i ad
co d di r ec cion an t e ced ent es del i c t i vos
co d usua r i o / co d r ef er e nci a et ni a
es t a do co l or oj os
t i po di r ecc i on t i po c abel l o
pa i s
l ar go ca bel l o
pr o vi n ci a
se a l es pa r t i
c ul ar es
ci ud ad ve st i do
se ct or t al a zap at o
ba r r i o co nd i ci one s f i s i ca s
ca l e p r i nc i p al
t al a
nu m er o
pe so
ca l e s ecu nd ar i a pu l so
di r ecc i on pr e sion
t el e f on o l oc al 1 r es pi r a ci on his t or i a psi cologi ca
t el e f on o l oc al 2
t em per a t ur a
t el e f on o c el ular cen t ro
ay ud a r ec i b i da
cod h i st or i a
f ech ai ng ay ud a d esc r i pc i on
cod u sua r io
f unc i on ar i o i ng t i em p o c al e
r el i gion
t er m i na l i pr o nun ci a ci on A CT I V I D AD P SI CO LO G I CA
f ech am od ng i po l i ti - a ct i vidad ps i c ol o gi ca
ha bit os d eas c as
f unc i on ar i o m od af i l on pa r t i - h i st or i a p si c ologi ca
f am i l i ar vi ve i ac i do
t er m i na l m od pr e at enc i on sicol og i ca - p er i o do psi co l og i co
nu m er o hi j os
si l uc i on es
po si bi l i d ad i ns er cion
sse udo cod i go
i ngr es a d i r e ccion( ) t i po i nse r ci on
saluc i nc i on es
se l e cci ona d i r ecc i on ( ) di as es t ad i a
m od i f on ( ) sac t i t ud aluci nat or i a
i ca di r ecc i f ech a i ngr e so
at t r an scu al i tat i v o
t i po i ngr es o
at t r an scu ant i t i vo
ob se r v aci on at
oau t o psi qui ca
f ech ai ng
oal op si q ui ca
f unc i on ar i o i ng
p er i o do psi colog i co
m t r an scu al i tat i v o
t er m i na l i ng
m t r an scu ant i t i vo
f ech am od at cen t ro
pcu r so
f unc i on ar i o mo d cod pe r i od o
pes t r uc t ur a
t er m i na l m od cod hi st or i a
pco nt eni do
cod us uar i o
af t r an scu al i tat i v o
i ngr e sar u sua r i o( )
ane me si s
af t r an scu ant i t i vo
m od i f ica r us uar i o( ) at f or p er i o do
af r e acc i o naf ect i va ac t
ac t i vi d ad soc i al ac t u al i zar usu ar i o() des cr i p ci on
af i de asf i j as
bu sc ar us uar i o( ) f
ce nt r o af i de aso bse si v as ec
de sp l eg ar u sua r i o( ) f hai ngo na r i oing
af f ob i as un ci
co d act i vi da d ve r u suar i o( ) ac t i da d psi col ogi ca t n al i ng
vi er m i
co d usu ar i o vac t o si m pu l sivo s
f
t i po a ct i vi d ad cen t ro vac t o sco mp ul s i vo s ec ham o d
f o na r i om od
ob se r v aci on cod a ct i vidad vac t i vi d adv ol u nt ar i a un ci
t n al mo d
co nt act o cod u sua r io l e er m i
sec i on ie nguelaji g enc i a
f ech ai ng nt i pe r i od o p si cologi co( )
sec i o nes con ci enc i a ng r esa r
t er m i na l i ng ant ec ede nt es f ng
e cha i
f ech am od t e r a pi a f oi ng
f unc i on ar i o m od i poert m ed ad
enf tu ncimona rii
i nal ng
er
est ad o c onc i en t e f
t er m i na l m od e cha mo d
evo l u ci on f om od
u nciona r i
i ngr e sar a ct i vi da d s oci al ( ) r eco me nda ci one s t m i nal m od
ACTI VI D A D SO C I AL er
de sp l eg ar a ct i vida soc i al () f ng
- act i vi da d s oci al ef cha i
ve r a ct i vi d ad so ci al () oi ng i hi st or i a ps i c ol o gi c a( )
u nciona r i n gr esa r
t m i nal i ng i h i st or i a ps i c ol o gi c a( )
se l e cci ona r ( )
fe r m pr i mi r
e cha mo d
f om od
u nciona r i
t m i nal m od
er
i ac t i vi d ad ps i co l og i c a( )
n gr esa r i d ad si
des pl ega r ac t c ologi ca( )
vi
ver act i v i da d psi col ogi ca ( )
selec ci o nar ( )
i
m pr i mi r ( )
64
DICCIONARIO DE CLAS ES
Clase Descripcin
contem pla los datos personales de cada usuario que transita
usuario por el hogar de vida
Guarda un registro histrico de las entradas y salida de cada
estada usuario en funcin del estado bajo el cual se encuentra.
alm acena las direcciones tanto de referencias como de
direccin usuarios
referencia alm acena las referencias que cada usuario pueda proveer
alm acena todas la actividades sociales realizadas con los
actividad_social usuarios
alm acena todas la actividades medicas realizadas con los
actividad_medica usuarios
historia_medica alm acena la historia_medica de cada usuarios
alm acena los servicios externos m dicos que cada usuario ha
servicios_externos tenido
alm acena todas la actividades psicolgica realizadas con los
actividad_psicologica usuarios
historia_psicologica alm acena la historia psicolgica del usuario
alm acena datos ya que es parte importante de la
periodo_psicologico historia_psicologica
65
DIAGRAMA DE OBJETOS
66
es t adi a
ce nt r o
co d est adi a
ACTI VI DA M ED I CA
co d usua r i o
- act i vi da d m e di ca
es t a do
U SU AR I O - hi s t or i a me dica
- us uar i o sit u aci on ac t i vi d ad m edi ca
- ser vi ci os ex t er no s
- di r ecci on t i nser c i on
ii po c ent r o
c i on
- r ef er enc i a n se r
f d esd e c od act i v i da d
- es t ad i a
fe ch a h ast a c od usu ar i o
e ch a
m ot i vo c ons ult a
di as
d i ag nos t i cog ene r al
ob ser v aci on
d i ag nos des cr i p cion
f ng
ef ch ai
on ar i o i ng t r at a m i en t o
ut nc i
na l i vi t na s
e rmi ng a mi
f c al ci o
e ch am od
r es po nsab l e
f on ar i o mo d
u nc i a ut o valenc i a
t na l m od
e rmi t em pe r a t ur a
i e st a di a( ) r es pi r aci on
nacgrt es uaral i zar est adi a( ) p ul s o
p r e si on ar t e ri al
ve r es t ad i a( )
t al a
p eso
f ech ai ng
f unc i o nar i o i ng
t er m i n al i ng
f ech am od
f unc i o nar i o m od
his t or i a me di ca
r ef e r e nci a
t er m i n al m od
ce nt ro cen t ro
co d r e f er e nci a i ngr e sar act i v i da d m ed i c a( ) cod i go h i st or i a
co d u sua r i o d esp l eg ar a ct i vi dad m ed i ca ( ) cod us uar i o
v er a ct i vidad m ed i ca ( ) hab i t
es t ad o os
s el e cci ona r ( )
t o co ndi ci one s f i sica s
i po do cum en t
i f i ca ci on i mp r i mi r ( ) ant ece nt es per so na l es
d ent i
ap el i d o p at er no ant ece nt es pat ol o gi cos
ap el i do mat er no enf er m eda d a ct u al
pr i me r no m br e me di c ac i on ac t ua l
se gun do nombr e r es
s ent r ad ascr a nea l
no mb r e c or t o r oca bez a
s cue l
se xo r r at or i o ser v i ci o ext er no
s r esp i
oc upa ci on r r o i nt est i na l
cen t ro
r elacion rs gas t t our i nar i o
s gen i
cod s er vici o
pa r e nt esc o r i cul ar
cod u sua r io
ed ad rs ost eo ar ta nex os
s pi el est ad o
de scr ipci on r d ade s
s ext r em i cen t r o m edi co
f ng r o r a xa bdom en
e cha i st m edi co r esp ons able
f o i ng r
u nciona r i s esp al da
r n f ec t o cont agi os a t ci o
t ng si i po ser v i
des cr i p cion
fe r mi nal i obs er va ci on
e cha mo d f pr o gr am ad a
f o mo d f e cha
u nciona r i ec hai ng r esu l t ado
t f o na r i oing
e r mi nal m od un ci f r ea l i
t n al i ng e cha z ada
er m i f ng
f e cha i
i r e f er en ci a( ) ec ham o d
n gr es ar f oi ng
se l ec ci o na r r ef e r enc i a( ) f o na r i om od u nciona r i
un ci t m i nal i ng
m odi f i car r ef e r enc i a( ) t n al mo d
er m i fe r
e cha mo d
f om od
i hi st o r i a m edica( ) u nciona r i
ng r esa r t m i nal m od
i r hi s t or i a m e di ca( ) er
m pr m i
i se r vi ci o ex t er n o( )
n gr esa r
act ua l i s er vici o e xt e r no( )
z ar
i s er vici os e xt er nos ( )
u sua r i o m pr i mi r
ce nt r o
co d usu ar i o
es t a do
t i po d ocume nt o
i den t i fi
c aci on
ap el l i do pat er no
ap el l i do ma t er n o
pr i m er n ombr e
se gu ndo no mb r e
no m br e cor t o
se ud oni mo
se xo
f ech a n aci m i en t o
ci ud ad nac i m i e nt o
ed ad
i di o m a
ni ve l i ns t r uc ci on
es t a do ci vi l
i ngr e so eco nom i co
m on t o i n gr eso
t i po u suar i o
sit u aci on
oc up aci on
dir e ccion
di sc apa ci d ad
ce nt r o de sc r i pcion di sca pac i ad
co d di r ec cion
an t e ced ent es del i c t i vos
co d usua r i o / co d r ef er e nci a
et ni a
es t a do co l or oj os
t i po di r ecc i on t i po c abel l o
pa i s l ar go ca bel l o
pr o vi n ci a se a l es pa r t i
c ul ar es
ci ud ad
ve st i do
se ct or
t al a zap at o
ba r r i o co nd i ci one s f i s i ca s
ca l e p r i nc i p al t al a
nu m er o pe so
ca l e s ecu nd ar i a
pu l so
di r ecc i on
pr e sion
t el e f on o l oc al 1 r es pi r a ci on his t or i a psi cologi ca
t el e f on o l oc al 2 t em per a t ur a
cen t ro
t el e f on o c el ular ay ud a r ec i b i da
f ech ai ng ay ud a d esc r i pc i on cod h i st or i a
f unc i on ar i o i ng cod u sua r io
t i em p o c al e
t er m i na l i r el i gion A CT I V I D AD P SI CO LO G I CA
ng pr o nun ci a ci on
i po l i ti - a ct i vidad ps i c ol o gi ca
f ech am od ha bit os d eas c as
af i l on pa r t i
f unc i on ar i o m od f am i l i ar vi ve i ac i do - h i st or i a p si c ologi ca
pr e at enc i on sicol og i ca
t er m i na l m od nu m er o hi j os - p er i o do psi co l og i co
si l uc i on es
po si bi l i d ad i ns er cion
i ngr es a d i r e ccion( ) sse udo cod i go
t i po i nse r ci on
saluc i nc i on es
se l e cci ona d i r ecc i on ( ) di as es t ad i a
sac t i t ud aluci nat or i a
m od i f on ( ) f ech a i ngr e so
i ca di r ecc i at t r an scu al i tat i v o
t i po i ngr es o
ob se r v aci on at t r an scu ant i t i vo
at
oau t o psi qui ca
f ech ai ng
oal op si q ui ca
m t r an scu al i tat i v o p er i o do psi colog i co
t er m i na l i ng
m t r an scu ant i t i vo
f ech am od at cen t ro
pcu r so
f unc i on ar i o mo d
cod pe r i od o
pes t r uc t ur a
t er m i na l m od cod hi st or i a
pco nt eni do
cod us uar i o
af t r an scu al i tat i v o
i ngr e sar u sua r i o( ) ane me si s
af t r an scu ant i t i vo
m od i f ica r us uar i o( ) at f or p er i o do
af r e acc i o naf ect i va ac t
ac t u al i zar usu ar i o() des cr i p ci on
ac t i vi d ad soc i al
af i de asf i j as
bu sc ar us uar i o( ) f
ce nt r o af i de aso bse si v as ec hai ng
de sp l eg ar u sua r i o( ) f o na r i oing
co d act i vi da d af f ob i as un ci
ve r u suar i o( ) ac t i da d psi col ogi ca t n al i ng
co d usu ar i o vi vac t o si m pu l sivo s er m i
f
cen t ro vac t o sco mp ul s i vo s ec ham o d
t i po a ct i vi d ad f o na r i om od
ob se r v aci on cod a ct i vidad vac t i vi d adv ol u nt ar i a un ci
t n al mo d
co nt act o cod u sua r io l e er m i
e ngu aj
f ech ai ng sec i on i el i g enc i a
nt i pe r i od o p si cologi co( )
f unc i on ar i o i ng sec i o nes con ci enc i a ng r esa r
ant ec ede nt es f ng
t er m i na l i ng
t e r a pi a fe cha i oi ng
f ech am od i po t u nciona r i
f unc i on ar i o m od enf er m ed ad t m i nal i ng
t er m i na l m od est ad o c onc i en t e fe r
ef cha mo d
evo l u ci on om od
u nciona r i
i ngr e sar a ct i vi da d s oci al ( ) r eco me nda ci one s t m i nal m od
f er
ACTI VI D A D SO C I AL ng
de sp l eg ar a ct i vida soc i al () e cha i
- act i vi da d s oci al
ve r a ct i vi d ad so ci al () f oi ng i hi st or i a ps i c ol o gi c a( )
ut nciona r i ni gr esa r
se l e cci ona r ( ) m i nal i ng h i st or i a ps i c ol o gi c a( )
er m pr i mi r
f
fe cha mo d om od
tu ncim
ona r i
i nal m od
er
i ac t i vi d ad ps i co l og i c a( )
n gr esa r
des pl ega r ac t i d ad si c ologi ca( )
ver act i v i da d psi colvogi
i ca ( )
selec ci o nar ( )
i
m pr i mi r ( )
67
DISEO
68
DISEO DE INTERFAZ ABSTRACTA

69
MODELO DINAMICO
70
DIAGRAMA DE SECUENCIA
71
INGRESO DE USUARIO
: usuario : estadia
: Social
digitar usuario buscar usuari o( )
U SU A R I O EX I S T E
seleccionar usuario
ver usuario ( )
actualizar usuario( ) ingresar estadia( )
A C T U AL I ZA C I ON R E G I ST R A D A
A C T U A L I ZA C I O N NO R E GI S T R A D A
: us ua ri o : es t a di a : di rec c io n : re f ere nc i a
: So ci al
bu s ca r u su a rio ( )
US U AR I O N O EX I ST E
i ng re sa r u su a rio ( ) i ng re sa r e s t ad i a( ) i ng re s a d i rec c io n( )
US U AR I O R E GIS T RA D O
U SU A RI O NO R EGI S TR A DO
i ng re sa r re f ere n ci a( )
72
: us ua rio : est ad ia : re f ere nc i a : di rec c io n
: Soci al
m od if ic a r us u ari o( ) in g res ar e s t ad ia ( )
i ng res a di rec ci o n( )
in gr esa r re fe ren c ia ( )
AC T UA L IZA CI O N R EG IS TR AD A
INGRESAR REFERENCIA
: referencia : direccion
: Social
ingresar referencia( ) ingresa direcci on( )

modifica di reccion( )
RE F ERE NCI A REG I S T RA DA
seleccionar referencia( )
modificar referencia( )
ingresa direccion( ) modifica direccion( )
RE FE REN CI A A CT U AL I Z ADA
73
INGRESAR DIRECCION
: direcc ion
: Social
ingresa direccion( ) m odifica direccion( )
DIRE CCION REGISTRADA
selecc iona direc cion( ) modifica direccion( )
DIRECCION ACTUALIZADA
INGRESAR ESTADIA
: estadia : usuario
: Social
ver estadia( )
actualizar estadia( ) ac tualizar us uario( )
ingresar es tadia( )
ES TADIA RE GISTRADA
74
: : estadia
actividad socia l
: Social
desplegar activida s ocial( )
seleccionar( )
ingresar actividad social( ) ingresar estadia( )
ACTI VIDAD REGISTRADA
ver actividad social( )
: : : se rvi ci o : es t a di a
a cti vi da d m ed ica hi st ori a me d ica ex t ern o
: Me d ico
d es pl eg a r act ivid ad me di ca ( )
s el ec ci on ar( )
in gr es ar h is t ori a m ed i ca ( )
i mp rm ir hi st ori a me di ca( )
i ng re sa r se rvi ci o e xt ern o( )
a ctu al izar se rvici o exte rno ( )
i ng res ar es t ad ia ( )
in gr es ar a ct i vi da d m e di ca ( )
i ng res ar s ervic i o e xt e rno ( )
ver a ct i vi da d m e di ca ( )
i mp rim ir ( )
im pri mi r se rvi ci os ex t e rno s( )

75
: a cti vi d ad ps i col o gi ca : hi s t ori a ps i co l og ic a : pe ri od o ps i co l og ic o
: Psi co l og o
d es p le g ar a c t ivid a d si c ol og i ca ( )
s el ec c io n ar( )
i ng re sa r a ct ivid a d p s ic o lo gi c a ( )
in gr es ar hi s t or ia ps i co l og i ca ( )
im p ri m ir h is t ori a p s ico lo g ica ()
in g res a r p eri o do p si c ol o gi co ( )
ver a c t ivid a d ps i co lo g ic a ( )
im p rim i r( )
76
DIAGRAMA DE COLABORACIN
77
INGRESO DE USUARIO
2: buscar usuario( )
1: digitar usuario
4: sel eccionar usuario
6: actualizar usuario( ) 7: ingresar estadia( )
: usuario : estadia
3: USUARIO EXISTE
: Social 5: ver usuario ( )
8: ACTUALIZACION REGISTRADA
9: ACTUALIZACION NO REGISTRADA
1 : b u s ca r u s u a ri o ( )
3 : i n g re s a r u s u a ri o ( )
: re fe re n c ia : usuario
8 : i n g re s a r r e fe re n c ia ( ) 2 : U SU AR I O N O E XI S TE
: S o ci a l
4 : in g re s a r e s t a di a ( )
6 : U S U AR IO R E GIS TR AD O
7 : U SU AR I O N O R E GIS TR ADO
: direccion : estadia
5 : i n gr es a d i re cci o n ( )
78
: estadia
4: ingresar estadia( )
1: seleccionar usuario
3: modificar usuario( ) 5: ingresa di reccion( )
: usuario : direccion
2: ver usuari o ( )
7: ACTUALIZACION REGISTRADA
: Social
6: ingresar referencia( )
: referencia
INGRESAR REFERENCIA
3 : m o di f i ca d ir e cci o n ( )
8 : m o di f i ca d ir e cci o n ( )
6 : m o d i f ic a r r e fe r en c ia ( )
1 : in g re s a r r e fe re n ci a ( ) 2 : i n g re s a d i re c ci o n ( )
5 : s el e c c i ona r r e fe r e nc i a ( ) 7 : i n g re s a d i re c ci o n ( )
: :
referencia direccion
9 : R E FER E N C I A AC T U ALI ZAD A
: S o ci a l
4 : R EFE R E N C IA R E GIS TR AD A
79
INGRESAR DIRECCION
1: ingresa direccion( )
4: selecciona direccion( )
: direccion
: Social 3: DIRECCION REGISTRADA

6: DIRECCION ACTUALIZADA
INGRESAR ESTADIA
: usuario : estadia
3: actual izar usua rio( )

: Social
1: ver e stadia( )
2 : actu al iza r estadia( )
5: ESTADIA REGISTRADA
80
1: despl egar acti vida social( )

2: seleccionar( )
3: ingresar actividad social( )
6: ver actividad social( ) 4: ingresar estadia( )
: actividad social : estadia
5: ACTIVIDAD REGISTRADA
: Social
11: imprim ir( )

1: desplegar actividad medica( )
2: seleccionar( )
8 : ingresar actividad me dica( )
10: ver actividad medica( )
: activid ad m edica
: Medico
5: ingresar se rvicio externo( )

12: imprimir servicios externos( )
3: ingresar historia medica( ) 9: ingresa r servicio externo( )
6: actualizar servicio externo( )

4: imprmir historia m edica( )
: servicio externo : estadia
: historia medica
81
8: imprimir( )
1: desplegar actividad sicologica( )
2: seleccionar( )
3: ingresar actividad psicologica( )
7: ver actividad psicologica( )
: actividad psicologica
: Psicologo
4: ingresar historia psicologica( )
5: imprim ir historia ps icologica()
6: ingres ar periodo psicologico( )

: historia psicologica : periodo psic ologico
82
MODELO DE PROCESOS
83
DIAGRAMA DE ESTADOS
84
TRANSICION DE LOS ESTADOS DEL USUARIO
RESIDENTES EX RESIDENTES
Visita Salida
Visita Salida 1
Voluntaria
Voluntaria 1
Temporal Residente Residente

Temporal Salida
Reingreso
Salida
Volunt aria 2
Volunt aria 2
Hospit alizado Reinsertado

Hospit alizado Reinsertado
Fallecido
ESTADO DE LA CLASE REFERENCIA
crea referencia Vigente Eliminado eliminada
ESTADO DE LA CLASE DIRECCION
crea direccion eliminada Vigente Eliminado
ESTADO DEL SERVICIO EX TERNO
crea servicio externo Pendiente Lis to ingres a resultado

85
DIAGRAMA DE ACTIVIDADES
86
Co o r d in a d o r So c ia l P Si co l o g o M ed i c o
In gres ar
U sua rio
In gre sar In gres ar Ac t ivi da d Ing resa r Act i vi dad

Act i vi dad Soc ia l P sic ol ogi ca Me di ca
V er Usu ari o I nf orma ci on d e

Us uari o
87
DISEO DE NAVEGACION
88
MODELO NAVEGACIONAL
89
DIAGRAMA ARQUITECTNICO
90
91
DIAGRAMA NAVEGACIONAL
92
DIAGRAMA DE AGENTES
Internauta
Es un
Funcionario del HDV1
Es un
Coordinador Social Psicologico Medico

93
GENERAL
AGENTE SOCIAL
So c ial
< <s ub si s te ma >> E
US UA RI O < <s ub si s te ma >>
DE P A RT AM E NT O
S O CI A L
S S S
<<s u bs is t em a>> << su bs is t em a>> << c ont ex t o>>

I NG RE S AR D ES P LE G A R
DE S PL E GA R
US UA R IO AC TI V ID AD
US U AR IO S
G LO B A L
S S S S S
< <c ont ex t o> > < <c on tex t o> > <<c o nte xt o> > < <c on tex t o> > << c ont ex t o>>
VER IN GRE S A R
I NGR E SA R I NG RE S AR I NG RE S AR
A CT IV I DA D AC TI V IDA D
DI RE CCI O N RE FE RE NC IA E S TA D IA
S OCI A L S O CI AL
< <c on tex t o> >

VER
US UA R IO
S S E E E E S
< <c ont ex t o> > << c ont ex t o>> << c ont ex t o>> << c ont ex to >> << co nt ex to >> <<c o nte x to> > < <c on tex t o> >
VER V ER VE R
VER I NGRE S A R VER VER
A CT I V IDA D A CT I VI DA D A CT IV I DA D
DI RE CCI O N R EF E RE NCI A RE F E RE NCI A E S TA DI A
ME D ICA S O CIA L P S I COL OG ICO
94
AGENTE MEDICO
95
AGENTE PSICOLOGICO
Psi colo gi co
S
E < <co nt ext o> >
< <su bsist e ma>> VER
S
EST ADI A
<< cont e xto >> USU ARI O
DESPL EG AR
AC TI VI DAD E
PS IC OL O GI CA < <con t ext o> >
VER
ACT IVI D AD
S PSIC OL O GI CO
<< subs ist ema> > E

S S E
DESPL EGA R < <con t ext o> >
<< con te xto >> << cont e xto >> < <co nt ext o> > U SUAR IO S VER
IN G RESAR IN GR ESAR VER
ACT IVI D AD
H IST O RI A AC TI VI DAD ACT I VID AD
SOC IA L
PSIC O LO GI CA PS IC OL O GI CA PSI CO LO G I CA
E
E
< <con t ext o> >
< <co nt ext o> > VER
S VER
ACT IVI D AD
<< con te xto >> U SUAR IO
MEDI C A
IN G RESAR
PERI OD O
E
PSI CO L OG I CO
< < cont ext o >>
VER
REF EREN CI A
S
<< con te xto >>
IN G RESAR
RE FER ENCI A
S
< <con t ext o> >
VE R
DI REC CI ON
96
AGENTE COORDINADOR
97
MANUAL DE USUARIO
98
INGRESO AL SISTEMA
La pantalla que permite el acceso a usuario es la siguiente, para el ingreso al

sistema el funcionario debe ingresar Nombre de Usuario y Contrasea, al Aceptar
si los datos son correctos ingresara al sistema Caso contrario volver a esta
pagina.
MENU
El men nos permite navegar por el sistema, bajo los siguientes tems.
Usuario.-Permite Ver a todos los usuarios general y especficamente,

adems de Ingresar Nuevos usuarios.
Departamento Social.-Permite ingresar actividades sociales a los usuarios

residentes
Departamento Medico.-Permite ingresar actividades medicas a los usuarios
residentes
Departamento Psicolgico.-Permite ingresar las actividades psicolgicas a
los usuarios residentes
Informes.-Permite desplegar informes generales de la gestin realizada.

Sitio.-Muestra la inform acin del sistema, sus creadores, el mapa Web
Bsqueda.-Permite buscar usuarios solo por nombre

99
El men vertical despliega sus opciones segn las caractersticas del usuario.
INGRESAR DATOS
Para ingresar datos se debe considerar que debe existir un usuario es decir se
podrn ingresar actividades de cualquier departamento a un usuario, jams
independientes de este.
Los formularios de ingreso tienen la m ismo m odalidad una vez digitados los datos
se guardaran, al dar clic en el botn.
100
Ingresados los Datos si es un usuario, desplegara un men horizontal en forma de

pestaas que permitir manipular los datos y la inform acin de este fcilmente.
As podem os ver toda la informacin de cada departamento

Social
Medico
Psicolgico
101
Tambin se puede ingresar, Referencia, Direccin y Estada o ver en caso de que

existieran.
VER INFORM ACION
GLOBAL
Se visualiza una lista de los usuarios a los cuales se puede realizar cambios o
ingresar nuevos registros. Para seleccionar el usuario se debe dar clic sobre el el
icono de la lupa que esta en la primera columna, en algunos casos puede existir
mas de un icono que llevan hacer diferentes acciones al pasar el Mouse por
dichos iconos se lee la accin que ejecutan.
ESPECIFICO
Cuando se selecciona un usuario se puede acceder a la informacin de este

usuario, y agregar nueva informacin.
Aqu se observa las actividades realizadas, para agregar una nueva basta con
seleccionar esa pestaa y aparecer en formulario correspondiente.
102
Para guardar se debe llenar el formulario o por lo m enos los campos obligatorios
que se diferencian de los otros por el asterisco en la etiqueta y dar clic en el boton
guardar cuando, se haya guardado volver el sistema a la pagina anterior.
INFORMES
Existen diferentes tipos de informes que muestran la gestin global realizada con
los usuarios. Para ello recurrimos al Men Informes-Reportes. Escoger el tipo de
Reporte y dentro de que intervalos de fechas se requiere la informacin.
Y se desplegaran los Reportes con un botn para imprimir, entonces se escoger

la im presora y las propiedades de esta y se ejecutara la accin.
El Reporte se imprimir de esta form a.

103
SITIO
Aqu podr encontrar el Mapa Web del Sitio, este ayudara al usuario a entender
como puede navegar un funcionario por el sistema. Adems de la informacin de
contacto de quien desarrollo el sistema.
104
BUSQUEDA
Esta opcin que el usuario encuentra en el men ayuda a localizar un usuario por
el nombre, es decir debe pones al menos un Nombre o Apellido y dar clic en la
flecha entonces se desplegara una lista o un registro de los usuarios bajo ese
nombre.
La lista de usuarios se presenta, dando la opcin al funcionario a ver la

informacin completa de dicho usuario.

Tesis Ejemplo

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Tesis Ejemplo

Diunggah oleh

Hak Cipta:

Format Tersedia

ESCUELA POLITCNICA

ESCUELA DE FORMACIN DE TECNLOGOS

DESARROLLO DE UNA APLICACIN WEB PARA LA

PROYECTO PREVIO A LA OBTENCIN DEL TTULO DE TECNLOGO

CRISTINA ELIZABETH JUMBO CORDOV A

DIRECTOR: ING. ROS A NAVARRETE

Quito, Marzo 2008

A travs de la presente declaracin cedo mis derechos de propiedad intelectual

CRISTINA E LIZABETH JUMBO CORDOVA

ING. ROSA NAVARRETE

A mi compaero de viaje que jams me ha abandonado DIOS, por proveerm e de

A mi familia, que siempre ha estado conmigo en los buenos y malos momentos,

Y tambin a todas aquellas personas que me colaboraron, para la realizacin del

A ellos va dedicada m i tesis.

3.2.1 FASE S DE LA METODOLOGIA OOHDM .................................... 24

El presente proyecto plantea realizar un Aplicacin Web para la Administracin de

La Ingeniera Web aplica conceptos fundamentales de la ingeniera de Software,

El Marco Metodolgico que guiara el desarrollo de este proyecto presenta los

El proyecto term inara con las Conclusiones obtenidas al finalizar el proyecto y

1.2 PLANTEAMIENTO DEL PROBLEMA

Terapias ocupacionales con talleres de capacitacin para elevar su

Recreacin y actividades culturales.

La informacin de los usuarios se mantiene al momento en forma manual. Lo que

Informacin no actualizada y en algunos casos prdida de la misma.

Dificultad para identificar los registro de las personas de la tercera edad

No se tiene informacin completa de todas las reas, por lo que la

1.2.1 OBJE TIVOS

1.2.1.2 OBJETIVOS ESPECIFICOS

Gestionar Actividades: Sociales, Psicolgicas y Mdicas.

Elaborar informes estadsticos y reportes informativos

1.3 ALCANCES Y LIMITACIONES

Este proyecto contempla el desarrollo de la Aplicacin Web, sin embargo no la

Aun cuando crea inform es estadsticos no crea proyecciones futuras.

El presente proyecto plantea realizar un Aplicacin Web para la Administracin de

Es el establecimiento y utilizacin de principios cientficos, de ingeniera y de

La IWeb es diferente de la Ingeniera de software aun cuando las dos estn

2.1.1 PRODUCTO DE LA IWEB

El producto final de la Ingeniera Web son las Aplicaciones Web o WebApps

2.1.2 CONTROL Y GARANT A DE LA CAL IDAD

Las mtricas nos proporcionan una manera sistemtica de valorar la calidad

La calidad de diseo, comprende los requisitos, especificaciones y el diseo del

Mtricas de m odelo de anlisis

Mtricas de m odelo de Diseo

La calidad de concordancia se mide durante la implementacin, se verifica si se

Mtricas Cdigo Fuente

Mtricas Orientadas a Objetos estas mtricas estn destinadas a evaluar tanto la

Mtricas de Modelo de diseo OO

Mtricas Para P royectos OO

La entrega bajo el tiem po establecido y sin sobrepasar el presupuesto es un

Capacidad de comprensin del sitio global

Capacidad de recuperacin y bsqueda

Rendimiento del tiempo de respuesta

Capacidad de Facilidad de correccin

Fig. 2.1 rbol de Requisitos de Calidad (OSL 99)

Todas las actividades de establecimiento y supervisin de estndares, revisiones

2.2 ARQUITECTURA WEB

La caracterstica principal de la arquitectura Web es el uso de Internet como

Fig. 2.2 Arquitectura Web

En el diseo de WebApps requiere un firme conocimiento de las tecnologas

Fig. 2.3 Tecnologas Servidor Web

Definiendo a estas tecnologas como:

Desarrollo basado en Componentes .- S e establece la relacin del

Seguridad.- Se establece pginas seguras, se realiza la proteccin de la

Estndares de Internet.- Aqu se contemplan tanto los lenguajes como