1
CAPITULO II
DESARROLLO DE LA METODOLOGÍA ICONIX
2
1.1. Diseño de Interfaces Web de Usuario
Para poder diseñar las interfaces Web de Usuario, es necesario la formulación de los
requerimientos de los Usuarios, los mismos que han sido obtenidos a través de
entrevistas (Ver Anexo 02) aplicadas al Personal de las Áreas de Créditos, Afiliación y
Operaciones.
1.1.1. Requerimientos de Usuarios
a. Permitir que las Personas soliciten ser Socios.
b. Mostrar información de Actividades de la Cooperativa San Lorenzo.
c. Mostrar horarios de Atención al Público.
d. Consultar Estados de Cuenta.
e. Realizar Simulaciones de Créditos.
f. Realizar Transferencias de Cuentas.
g. Registrar Sugerencias.
h. Tener una Clave de Acceso por Usuario.
i. El sistema operativo Microsoft Windows XP a las estaciones trabajo.
j. Se hará uso del manejador de Base de Datos Microsoft SQL Server 2005.
k. La Aplicación se desarrollará en lenguaje de programación ASP.NET.
Estos requerimientos se puede agrupar en:
Funcionales: los requerimientos a, b, c, d, e, f, g, h.
No Funcionales: los requerimientos i, j, k.
1.1.2. Prototipo de Interfaces Web de Usuario
Cabe recalcar que los prototipos de Interfaz web de usuario que a continuación se
presentan son los más importantes de la solución web.
a) Interfaz de Usuario: Solicitud Para ser Socio.
Ver página Siguiente
3
Figura N° 17: Solicitud Para ser Socio
b) Interfaz de Usuario: Eventos y Actividades.
Figura N° 18: Eventos y Actividades
4
c) Interfaz de Usuario: Horarios de Atención al público.
Figura N° 19: Horarios de Atención al público
d) Interfaz de Usuario: Autenticación de Usuario
Ver página siguiente.
5
Figura N° 20: Autenticación de Usuario
e) Interfaz de Usuario: Estados de Cuenta.
Figura N° 21: Estados de Cuenta
6
f) Interfaz de Usuario: Simulación de Créditos.
Figura N° 22: Simulación de Créditos
Comentario:
Al realizar una simulación de crédito los valores para el cálculo del crédito se
encuentran dentro del código de la página mas no lo registramos.
7
g) Interfaz de Usuario: Transferencia de Cuentas.
Figura N° 23: Transferencia de Cuentas
h) Interfaz de Usuario: Buzón de Sugerencias.
Ver página siguiente
8
Figura N° 24: Buzón de Sugerencias
Comentario:
Al realizar una sugerencia no se necesita identificar a la persona que escribe el
comentario, solo se captura un número correlativo para identificar a la sugerencia.
9
1.2. Modelo Dinámico
La segunda etapa de la Metodología ICONIX consiste en los procesos que se realizarán
en la aplicación web, comenzando a diseñar los diagramas de casos de uso, los
diagramas de secuencia y por ultimo los diagramas de robustez.
Los diseños que se realizarán en esta etapa, son el reflejo de las interfaces web de
usuario.
1.2.1. Diseño de los Diagrama de caso de Uso
a) Caso de Uso: Autenticar Usuario
Figura N° 25: Caso de Uso Autenticar Usuario
Descripción de Caso de Uso Autenticación de Usuario:
Para la autenticación de usuario hemos considerado los datos del socio como son
número de tarjeta y clave. El socio debe ingresar su número de tarjeta y su clave, una
vez validado el ingreso de estos datos, el socio tendrá acceso a los servicios de
estado de cuenta y transferencia de cuenta, en el cual se mostrará su nombre
personificando que su sesión esta activa.
10
b) Caso de Uso: Registrar Solicitud Para Ser Socio
Ver página siguiente.
uc CU Solicitar ser Socio
Usuario
Registrar Solicitud
Caso de Uso Solicitar ser Socio
Figura N° 26: Caso de Uso Solicitar ser Socio
Descripción de Caso de Uso Solicitar ser Socio:
El Usuario ingresa datos relevantes como: Nombre, DNI, número telefónico, dirección,
y la descripción del por que desea ser socio. Y luego haciendo click en el botón de
registrar se registra la solicitud, y los trabajadores de la cooperativa San Lorenzo
analizaran ésta solicitud y decidirán hacer una visita a la persona interesada.
c) Caso de Uso: Consultar Estado de Cuenta
Figura N° 27: Caso de Uso Consultar Estado de Cuenta
11
Descripción de Caso de Uso Consultar Estado de Cuenta:
Una vez iniciada la sesión el socio ingresará a la interfaz de estado de cuenta y
aparecerá los tipos de cuenta asociada a su inicio de sesión, el socio seleccionará el
tipo de cuenta y se listará todos los movimientos de la cuenta seleccionada.
d) Caso de Uso: Realizar Simulación de Crédito
uc CU Simulación de Crédito
Usuario
Ingresar Datos
Credito
Simular Credito
Caso de Uso Realizar Simulación Crédito
Figura N° 28: Caso de Uso Realizar Simulación de Crédito
Descripción de Caso de Uso Realizar Simulación de Crédito:
El usuario podrá realizar simulaciones de un crédito para saber el número de cuotas y
el monto a pagar. Para ello ingresará el monto del crédito que quiere solicitar, el
número de cuotas, ingresar tasa de interés, Seleccionar tipo de cuota, la fecha en que
le otorgaran el crédito, y la fecha de vencimiento de la primera cuota finalmente
presionará un botón para calcular las cuotas.
12
e) Caso de Uso: Realizar Transferencia de Cuenta
Figura N° 29: Caso de Uso Realizar Transferencia de Cuenta
Descripción de Caso de Uso Transferencia de Cuenta:
Una vez iniciada la sesión el socio ingresará a la interfaz de transferencia de cuenta y
aparecerá la cuenta de ahorro asociada a su inicio de sesión, seleccionará el tipo de
cuenta de la que va a transferir el dinero, y se ingresará la cuenta a transferir,
mostrando los datos de ésta cuenta, seleccionará el tipo de cuenta a transferir y se
ingresará el monto a transferir, finalmente se hará clic sobre el botón transferir monto.
13
f) Caso de Uso: Realizar Sugerencias
uc CU Sugerencias
Registrar sugerencia
Usuario
Caso de Uso Sugerencia
Figura N° 30: Caso de Uso Realizar Sugerencias
Descripción de Caso de Uso Realizar Sugerencias:
El usuario ingresa su nombre, su e-mail e Ingresa la sugerencia que desea enviar y
hará clic en el botón enviar sugerencia.
14
1.2.2. Diseño de los Diagramas de Secuencia
a) Diagrama de Secuencia: Autenticar Usuario
Figura N° 31: Diagrama de Secuencia Autenticar Usuario
b) Diagrama de Secuencia: Solicitar ser Socio
Figura N° 32: Diagrama de Secuencia Solicitar ser Socio
15
c) Diagrama de Secuencia: Consultar Estados de Cuenta
Figura N° 33: Diagrama de Secuencia Consultar Estados de Cuenta
d) Diagrama de Secuencia: Realizar Simulación de Créditos
Figura N° 34: Diagrama de Secuencia Realizar Simulación de Créditos
16
e) Diagrama de Secuencia: Realizar Transferencia De Cuentas
Figura N° 35: Diagrama de Secuencia Realizar Transferencia De Cuentas
17
f) Diagrama de Secuencia: Realizar Sugerencias
Figura N° 36: Diagrama de Secuencia Realizar Sugerencias
1.2.3. Diseño de los diagramas de Robustez
a) Diagrama de Robustez: Autenticar Usuario
sd Autenticar Usuario
Usuario
IU Autenticacion de
Usuario
Buscador Usuario
Buscador Tarjeta
Socio
Tarjeta
1: Autenticar Usuario()
2: Buscar tarjeta()
3: Buscar()
4: ObjTarjeta()
5: Buscar Socio()
6: Buscar()
7: ObjSocio()
Figura N° 37: Diagrama de Robustez Autenticar Usuario
b) Diagrama de Robustez: Solicitar ser Socio
sd Solicitar ser Socio
Usuario
IU Solicitud para ser
SocioRegistrador Solicitud Solicitud
1: Ingresar Datos de Solicitud()2: Registrar Solicitud()
3: Registrar()
4: Solicitud ok()
«mensaje»
Figura N° 38: Diagrama de Robustez Solicitar ser Socio
18
c) Diagrama de Robustez: Consultar Estados de Cuenta
sd Consultar Estado de Cuenta
UsuarioIU Estado de Cuenta
Buscador Cuenta
Buscador Movimiento
Cuenta
Transaccion
1: Consultar Estado de Cuenta()
2: Buscar Cuenta()
3: Leer()
4: ObjCuenta()
5: Buscar Movimiento()
6: Buscar()
7: ObjMovimiento()
8: Consulta estado de Cuenta ok()
«mensaje»
Figura N° 39: Diagrama de Robustez Consultar Estados de Cuenta
d) Diagrama de Robustez: Realizar Simulación de Créditos
sd Realizar Simulacion de Credito
Usuario
IU Simulacion de
CreditoCalculador Credito
1: Ingresar Datos del Credito() 2: Calcular Credito()
3: Credito ok()
«mensaje»
Figura N° 40: Diagrama de Robustez Realizar Simulación de Créditos
e) Diagrama de Robustez: Realizar Transferencia de Cuentas
Ver página siguiente.
19
sd Realizar Transferencia de Cuenta
Usuario
IU Transferencia de
Cuenta
Buscador Cuenta de
transferencia
Buscador Cuenta a
transferir
Cuenta
Transaccion
Registrador
TransferenciaDocGenerado
EstructuraContable
TransaccionxCuenta
1: Realizar transferencia()
2: Buscar Cuenta de transferencia()
3: Buscar()
4: ObjCuenta de Transferencia()
5: Ingresa datos a transferir()
6: Buscar Cuenta a transferir()
7: Buscar()
8: ObjCuenta a Transferir()
9: Registrar Transferencia()10: Grabar()
11: Grabar()
12: Grabar()
13: Grabar()
14: Actulizar()
15: Transferencia ok()
«mensaje»
Figura N° 41: Diagrama de Robustez Realizar Transferencia de Cuentas
f) Diagrama de Robustez: Registrar Sugerencias
sd Realizar Sugerencias
Usuario
IU Buzon de
Sugerencias
Registrador Sugerencia Sugerencia
1: Ingresar Datos de Sugerencia()
2: Registrar Sugerencia()
3: Grabar()
4: Sugerencia ok()
«mensaje»
4.1: Sugerencia Enviada()
«mensaje»
Figura N° 42: Diagrama de Robustez Registrar Sugerencias
20
1.3. Modelo Estático
La tercera etapa de la Metodología ICONIX consiste en los objetos que intervendrán
sobre la aplicación web, comenzando a diseñar el modelo del dominio, modelo del
dominio actualizado y por ultimo el diagrama de clases.
1.3.1. Modelo del Dominio
Ver página siguiente
21
class Class Model
TarjetaElectronica
TransaccionParametros
SocioCuenta
Figura N° 43: Modelo del Dominio
22
1.3.2. Modelo del Dominio Actualizado.
class Class Model
TarjetaElectronica
Transaccion
Cuenta
Parametros
Socio
Sugerencia
SolicitudxSocio
Figura N° 44: Modelo del Dominio Actualizado
23
1.3.3. Diagrama de Clases
class Class Model
TarjetaElectronica
+ IdPersona: char
+ IdOficina: char
+ Aleatorio: char
+ Clave: char
+ Estado: char
+ FechaCambioEstado: datetime
+ FechaProceso: char
+ HoraProceso: char
+ BuscarTarjetaElectronica() : void
+ ModificarTarjetaElectronica() : void
Transaccion
+ IdPersona: char
+ IdParam: char
+ NroTransaccion: char
+ NroDoc: char
+ TipMoneda: int
+ CuentaCargo: char
+ CuentaAbono: char
+ FechaTransaccion: datetime
+ GlosaFija: varchar
+ GlosaVariable: varchar
+ MontoSoles: double
+ MontoDolar: double
+ FechaProceso: datetime
+ HoraProceso: char
+ GrabarTransaccion() : void
+ BuscarTransaccion() : void
Cuenta
+ FechaEstado: datetime
+ FechApertura: datetime
+ FechaProceso: datetime
+ HoraProceso: char
+ IdPersona: char
+ IdTipCta: char
+ NumCuenta: char
+ Saldo: double
+ TipMoneda: char
+ TipoApertura: char
+ BuscarCuenta() : void
+ MostrarCuenta() : void
+ ActualizarCuenta() : void
Parametro
+ IdParam: char
+ Parametro: varchar
+ TipMoneda: char
+ Descripcion: varchar
+ valor: char
+ BuscarParametro() : void
+ MostrarParametro() : void
+ ActualizarParametro() : void
Socio
+ AporteIni: int
+ FechaEstado: datetime
+ FechaIngreso: datetime
+ FechaProceso: datetime
+ HoraProceso: char
+ IdPersona: int
+ IdSocio: char
+ NroRuc: char
+ TipoPersona: char
+ BuscarSocio() : void
+ MostrarSocio() : void
Sugerencia
+ IdParam: char
+ Nombres: varchar
+ Email: varchar
+ Comentario: varchar
+ GrabarSugrencia() : void
SolicitudxSocio
+ IdParam: char
+ Nombres: varchar
+ Dni: char
+ Email: varchar
+ Direccion: varchar
+ Comenatario: varchar
+ GrabarSolicitudxSocio() : void
1
realiza
1..*
1
genera
1
1
registra
1..*1
tiene
1
1
genera
1
1
genera
1
Figura N° 45: Diagrama de Clases
24
Anexo 02
ENCUESTA Nº 02 DIRIGIDA A LOS TRABAJADORES DE LA COOPERATIVA SAN
LORENZO
1. ¿Tiene acceso a Internet en tu trabajo?
a. Sí b. No
2. ¿Considera útiles las herramientas informáticas en su trabajo?
a. Muy Útiles b. Útiles c. Regular d. Poco Útiles e. Nada Útil
3. ¿Cuáles son las operaciones más tediosas y que te ocupan mayor tiempo en su
trabajo?
______________________________________________________
4. ¿Cómo es la comunicación con los socios?
a. Muy Buena b. Buena c. Regular d. Mala e. Muy Mala
5. ¿Qué te parece la idea de una aplicación Web para brindar servicios a los socios
de la cooperativa? ¿Que servicios propondrías?
a. Muy Buena b. Buena c. Regular d. Mala e. Muy Mala
25
Anexo 04
ENCUESTA PARA PRUEBAS UNITARIAS
1. ¿Estas de acuerdo en que puedas solicitar ser socio de la Cooperativa San Lorenzo desde
la comodidad de tu hogar o trabajo?
a. Sí
b. No
2. ¿Cómo calificas la aplicación Web?
a. Excelente
b. Muy Buena
c. Buena
d. Regular
e. Malo
3. ¿Consideras que la aplicación Web cubre tus expectativas y necesidades de información?
a. Sí
b. No
4. ¿Consideras que con la aplicación Web podrías reducir tiempo, esfuerzo y dinero?
a. Sí
b. No
5. Los criterios que se han considerado para la presentación de las consultas y validaciones
en estado de cuenta los consideras:
a. Adecuado
b. Regular
c. Inadecuado
6. El tiempo que utilizas en hacer una consulta de estado de cuenta es:
a. Apropiado
b. Tolerante
c. Regular
d. Inaceptable
7. El tiempo que utilizas en hacer una transferencia de cuenta es:
a. Apropiado
b. Tolerante
c. Regular
d. Inaceptable
26
Anexo 05
PRUEBAS UNITARIAS
Pruebas Unitarias para Administrar Sesión del Usuario
1) ¿Qué pasaría si el usuario intenta iniciar sesión con un nombre de usuario y contraseña no
existentes?
La aplicación Web retornaría un mensaje mostrando error en el inicio de session.
2) ¿Qué pasaría si el nombre de usuario existe, pero el usuario proporcionó una contraseña
que no concuerda con el nombre de usuario brindado?
La aplicación Web retornaría un mensaje mostrando error en el inicio de session.
3) ¿Qué pasaría si el usuario ingresa una contraseña incorrecta por más de 4 intentos?
La aplicación Web retornaría un mensaje en el cual se advierte al usuario el límite de
intentos permitidos.
Pruebas unitarias para: Simulación de Crédito
1) ¿Qué pasaría si el usuario ingresa letras en las cajas de texto monto crédito, numero de
cuotas y tasa de interés en vez de ingresar números?
Cerca de la caja de texto se visualizará un mensaje indicando el error.
2) ¿Qué sucedería si el usuario no selecciona el tipo de cuota?
Saldrá un mensaje indicando error.
3) ¿Qué ocurriría si el usuario ingresa fechas no validas para el cálculo de la simulación de
crédito?
En la aplicación Web se visualizará un mensaje de error cerca de las cajas de texto fecha
de otorgamiento del crédito y vencimiento de la primera cuota.