Vous êtes sur la page 1sur 28

INSTITUTO POLITCNICO NACIONAL

UNIDAD PROFESIONAL INTERDISCIPLINARIA DE INGENIERA Y CIENCIAS


SOCIALES Y ADMINISTRATIVAS

T E M A:

Diseo de Prototipo de Aplicacin: OPTIVISION 2000


I N T E G R A N T E S::

Chvez Chvez Ana


Gmez Navarro Claudia
Jimenez Rojas Erick
Picazo Ruiz Csar Alejandro
Snchez Siurob Jaime David

C O O R D I N A D O R:

Camacho Rivas Hugo Alejandro

Diseo de Prototipo de Aplicacin: OPTIVISION 2000

16 de Mayo de 2016

NDICE
INTRODUCCIN
MISIN
VISIN
PROPSITO
PLANTEAMIENTO DEL PROBLEMA
DELIMITACIN DEL PROBLEMA
ALCANCE
DEFINICIONES, SIGLAS Y ABREVIACIONES
ANLISIS DE REQUERIMIENTOS
Requerimientos funcionales
Requerimientos no funcionales
Requerimientos de interfaz externa
Requerimientos de usabilidad
Requerimientos de rendimientos
Requerimientos de soporte
Requerimientos de seguridad
Requerimientos de sistema
ANLISIS Y DISEO DE SOFTWARE
Diagrama de Procesos
Caso de Uso
Especificaciones de Casos de Usos
Prototipos de Interfaz
Clientes y Pacientes
Registro
Compras
Bsqueda online
Administrador
Bsqueda de pacientes y clientes
Bsqueda de productos
Ventas desde esta ventana
CONCLUSIN

2
2
3
3
3
4
4
6
7
7
8
8
8
8
9
9
9
10
10
11
12
16
16
16
18
19
20
20
21
22
23

Diseo de Prototipo de Aplicacin: OPTIVISION 2000

INTRODUCCIN
OPTIVISION 2000 es una lnea de pticas que realiza consultas, revisiones para el cuidado
de los ojos y pedidos de medicamentos o lentes (armazones, micas, cristales) con algn
tratamiento especial.
Son una pequea empresa constituida, dirigida y atendida por un equipo de profesionales
que tienen como objetivo primordial cuidar de la salud visual de los pacientes, ellos deben
trabajar con eficiencia, honestidad y de esta forma ofrecer el mejor diagnstico para la curar
a los pacientes.
OPTIVISION 2000 es reconocida por un servicio de calidad y con profesionales altamente
calificados en el rea del cuidado visual. A los pacientes se les otorga la mejor atencin y
seguridad de que su salud visual ser revisada con cuidado mediante el equipo de cmputo.

MISIN
La misin es aprovechar al mximo su infraestructura y la experiencia de los profesionales,
para poder competir y expandir las pticas en algunas ciudades de Mxico. Ser distinguidos
por la atencin de calidad al paciente y ofrecer los mejores precios, siendo as la mejor
opcin para la revisin de la salud visual.
Ser una fuente de empleo digna que asegure a nuestros profesionales un nivel de vida ms
alto, para as compartir los ideales de la pequea empresa.

VISIN

Diseo de Prototipo de Aplicacin: OPTIVISION 2000

OPTIVISION 2000 se considera una pequea empresa legalmente constituida y dirigida por
un equipo de profesionales que trabajan con metas a futuro, para ofrecer un mejor servicio a
sus pacientes con la visin de permanecer y expandir ms su empresa en las ciudades de
Mxico.

PROPSITO
El propsito principal es automatizar, agilizar y mejorar la oportunidad de ventas en lnea de
modo que no se pierdan pacientes potenciales por la incapacidad de desplazarse a
establecimientos fsicos.
El objetivo general es brindar una buena alternativa de venta on-line de los diversos tipos de
armazones, micas, cristales, tratamientos y lentes de contacto que tiene OPTIVISION 2000
para aquellas personas que se asocian a la empresa, que no tienen el tiempo de adquirir
productos en una ptica fsica, es decir, buscamos que sea segura, fcil y rpida sin dejar
aparte la calidad y eficacia que esta debe de poseer.

PLANTEAMIENTO DEL PROBLEMA


Se pretende realizar un sistema web para las ventas en lnea de los productos de
OPTIVISION 2000, sabiendo que no se cuenta con establecimientos al alcance de puntos de
venta del producto.
Se desea almacenar la informacin de los pacientes, con el objetivo de administrar a los
mismos, teniendo disponible toda informacin de los productos de OPTIVISION 2000 en
venta, permitiendo que el sistema agregue o elimine nuevos productos o pacientes, de igual
forma solicitando los nuevos productos con base a la popularidad que se tenga.
Teniendo en cuenta que el sistema manejara una gran cantidad de pacientes, por lo que es
necesario que el sistema sea apropiado para esta necesidad, y que pueda utilizarse en

Diseo de Prototipo de Aplicacin: OPTIVISION 2000

diferentes puntos donde se encuentren, siendo capaz de que el sistema sea utilizado a la
misma vez por diversas personas.

DELIMITACIN DEL PROBLEMA


Se propone desarrollar un sistema web de ventas on-line que permita el uso gestin de una
base de datos que contenga todos los productos de OPTIVISION 2000 a vender, los
pacientes, los pedidos, historial de ventas de cada paciente, los administradores del sistema,
de modo que cada paciente se sienta con la comodidad y facilidad de hacer sus compras
online.

ALCANCE
Como se mencion en el propsito, este software va enfocado para un sector de la poblacin
que por tales razones no puede ir fsicamente a la ptica.
Crear una interfaz que sea segura, confidencial y fcil de utilizar, incluyendo a
las personas que no estn relacionadas con las computadoras.
Tener la satisfaccin de los clientes al comprar los productos de OPTIVISION
2000.
Realizar una pgina web que cumpla con todos los requerimientos que hayan
sido tomados por el cliente, cumpliendo con los estndares de la teora del color, el
diseo, el desarrollo y la funcionalidad que esta deber tener.
Tener la mayor cantidad de compradores de los productos de OPTIVISION
2000 online.

Diseo de Prototipo de Aplicacin: OPTIVISION 2000

Alcance del proyecto por acciones generales con las que contar el sistema:
Paciente
Tengan y puedan crear una sesin personal.
Comprar productos.
Consultar su informacin personal.
Ver su historial de compras.
Ver sus compras actuales.
Eliminar su sesin creada en el sistema.
Administradores
Dar de alta nuevos productos.
Dar de baja a productos no populares o fuera de circulacin.
Implementar y retirar promociones de precios de productos.
Ver la cantidad de clientes con los que se cuenta.
Cerrar o dar sesiones de clientes por inactividad o por
irregularidad que se tenga.
Ingeniero de Sistemas
Ver la informacin de sesiones de administradores y clientes.
Gestionar y reparar el sistema si as fuera necesario.
Realizar actualizaciones y mantenimiento al diseo del sistema.

Diseo de Prototipo de Aplicacin: OPTIVISION 2000

DEFINICIONES, SIGLAS Y ABREVIACIONES


Base de datos: Conjunto de datos almacenados en un dispositivo de almacenamiento.
Consultas: Apartado del sistema que da acceso a realizar modificaciones sobre los
productos.
Stock: Productos existentes dentro del sistema.
Alta: Procedimiento que permite agregar un nuevo producto al sistema para su venta.
Baja: Procedimiento que permite eliminar un registro del sistema.
ID: Nmero que identifica a un usuario especfico.
Registro: Coleccin de datos relacionados entre s.
Sistema: Conjunto de elementos interrelacionados entre s para lograr un fin comn.
Logout: Apartado que permite salir del sistema
Login: Parte del programa que da acceso a usuario registrado en el sistema.

Diseo de Prototipo de Aplicacin: OPTIVISION 2000

ANLISIS DE REQUERIMIENTOS
Requerimientos funcionales
Para OPTIVISION 2000 se hizo un anlisis de los usuarios del sistema con sus respectivas
actividades, los detalles se muestran en la siguiente tabla:
Usuario

Acciones

Ingeniero de sistemas
Es quien har el mantenimiento del sistema, segn las
necesidades nuevas de la lnea de pticas.
Tendr acceso al cdigo del sistema.
Administrador
Quin podr consultar las diversas acciones hechas por el
personal autorizado, clientes y pacientes
Podr dar de alta, baja y actualizacin a los empleados de la
lnea de pticas
Podr dar de alta, baja y actualizacin de las sucursales
Podr dar de baja, alta y actualizar a los proveedores de la lnea
de pticas.
Podr dar de alta, baja y actualizar los diferentes elementos al
catlogo de la lnea de pticas.
Personal autorizado
Podr registrar a los clientes y pacientes que se presenten en
cada sucursal.
Podr consultar las diversas acciones hechas por clientes y
pacientes.
En caso de ser el mdico de la sucursal, podr consultar el
listado de citas que fueron agendadas ya sea por los empleados o por los
mismos pacientes.
Cliente
Podr registrarse en el sistema a travs de la pgina web de la
lnea de pticas
Podr consultar su historial de compras de artculos de la ptica
Podr eliminar su usuario del sistema

Diseo de Prototipo de Aplicacin: OPTIVISION 2000

Paciente
Podr registrarse en el sistema a travs de la pgina web de la
lnea de pticas
Podr agendar una cita en la sucursal de su preferencia
Podr consultar su historial de consultas de artculos de la ptica
Podr eliminar su usuario del sistema

Requerimientos no funcionales
Los requerimientos que no estn relacionados directamente con la implementacin se
enlistan a continuacin:
Requerimientos de interfaz externa
Los accesos a las funcionalidades deben utilizar atributos estndar de
aplicaciones y sitios web.
Las funcionalidades deben ser accesibles, a travs del protocolo HTTP, que es
el que se utiliza para acceder a las pginas web.
Debe ser intuitiva y amigable para el usuario para su mayor comodidad.
Requerimientos de usabilidad
La plataforma de usuarios no puede ser accedida directamente, sino a travs
de una interfaz diseada para estos propsitos.
Los mensajes de excepcin deben ser reportados por el propio sistema.
Requerimientos de rendimientos
El sistema deber responder en el menor tiempo posible ante las solicitudes de
informacin por parte de otros sistemas y en el procesamiento de la informacin. La

Diseo de Prototipo de Aplicacin: OPTIVISION 2000

eficiencia de la aplicacin estar determinada en gran medida por el aprovechamiento


de los recursos disponibles.
Requerimientos de soporte
Se debe realizar el proyecto de forma que permita darle futuro mantenimiento al
sistema a fin de aumentar las funcionalidades y corregir los errores del mismo a travs
de versiones posteriores. Los servicios de instalacin y mantenimiento del sistema
ser responsabilidad del administrador en el sitio donde sea utilizado.
Requerimientos de seguridad
La informacin estar protegida contra accesos no autorizados utilizando
mecanismos de validacin garantizando as la confidencialidad.
Requerimientos de sistema
Tener un navegador (puede ser Google Chrome versin, Mozilla Firefox,
Internet Explorer, Edge, Opera Mini o Safari).
Conexin a internet.

Diseo de Prototipo de Aplicacin: OPTIVISION 2000

ANLISIS Y DISEO DE SOFTWARE


Utilizando la herramienta Violet UML Editor se realiz el anlisis y diseo del Software con
diagramas UML.

10

Diseo de Prototipo de Aplicacin: OPTIVISION 2000

Diagrama de Procesos

11

Diseo de Prototipo de Aplicacin: OPTIVISION 2000

Caso de Uso

12

Diseo de Prototipo de Aplicacin: OPTIVISION 2000

13

Diseo de Prototipo de Aplicacin: OPTIVISION 2000

Especificaciones de Casos de Usos

Caso de uso

Venta

Resumen

El vendedor realizar una venta cualquiera tomando a


consideracin el producto que el cliente desee. A partir de esto el
vendedor contar con varias alternativas para realizar la venta. O
tratamiento.

Actor

El vendedor

Precondicin

La venta slo podr realizarse en el momento si se tiene en


existencia.

Descripcin

Trayectoria Bsica

Venta inicia cuando el cliente escoge el producto o tratamiento que


quiere y se lo indica al vendedor.

1. El vendedor busca en el catlogo de la ptica el


producto o costo del tratamiento.
2. Confirma su existencia.
3. Captura datos del cliente.
4. Pide tarjeta de crdito.
5. Verificar validez de la tarjeta.
6. Se firma voucher.
7. Se busca producto.

14

Diseo de Prototipo de Aplicacin: OPTIVISION 2000

8. Se entrega producto.
9. Fin

Trayectoria Alternativa

Se realice el pago en efectivo

1. El vendedor busca en el catlogo de la ptica el


producto o costo del tratamiento.
2. Confirma su existencia.
3. Captura datos del cliente.
4. Seala precio total.
5. Verificar cantidad dada por el cliente.
6. Entrega ticket de compra.
7. Se busca producto.
8. Se entrega producto.
9. Fin

Post-condicin

En caso de que la mercanca no est en existencia, se procede a


realizar reporte. Adems de indicarle al cliente el momento en que
se tenga.

15

Diseo de Prototipo de Aplicacin: OPTIVISION 2000

Caso de uso

Compra

Resumen

El cliente puede realizar en la ptica la compra de diversos artculos


as como tambin algn tratamiento.

Actor

El cliente

Precondicin

El cliente puede pagar el producto o servicio a crdito o de contado.

Descripcin

Trayectoria bsica
Compra inicia cuando el cliente escoge el producto o tratamiento que
quiere y se lo indica al vendedor.
1. El vendedor busca en el catlogo de la ptica el
producto o costo del tratamiento.
2. Esperar confirmacin de existencia.
3. Dar datos.
4. Dar tarjeta de crdito.
5. Esperar validez de la tarjeta.
6. Firmar voucher.
7. Recibir producto.

16

Diseo de Prototipo de Aplicacin: OPTIVISION 2000

8. Fin
Trayectoria alternativa
Se realice el pago en efectivo
1. El vendedor busca en el catlogo de la ptica el
producto o costo del tratamiento.
2. Esperar confirmacin de existencia.
3. Dar datos.
4. Verificar cantidad a pagar.
5. Recibir ticket de compra.
6. Recibir producto.
7. Fin

Post-condicin

En caso de que la mercanca no est en existencia, el vendedor


realiza reporte. Adems de indicarle al cliente el momento en que se
tenga su producto.

17

Diseo de Prototipo de Aplicacin: OPTIVISION 2000

Prototipos de Interfaz
En este apartado se mostrarn los prototipos de interfaz con los que el cliente estar
interactuando, por lo que es importante saber que el diseo de interfaces de usuario hay que
tenerlo muy presente, ya que facilitan su uso. Por este motivo, se han de realizar diferentes
prototipos a lo largo del diseo de la interfaz para comprobar de primera mano qu
problemas habituales tiene el usuario cuando hace uso del sistema y poder as mejorar la
interaccin de este con la aplicacin. A lo largo del presente documento se explican de forma
detallada los criterios que se han tenido en cuenta para disear una interfaz de usuario.
Clientes y Pacientes
Registro
Al ingresar a la opcin del men de registro se abrir una ventana para el registro de
pacientes y clientes, este pedir que se ingrese una serie de informacin que se tendr
monitoreada por especialistas para la proteccin de los datos proporcionados. Esta
informacin servir para la creacin de una cuenta online, con la que podr tener acceso a
diversos servicios que ofrece la ptica.
Una vez creada la cuenta, para volver a entrar debern escribir la cuenta de correo y la
contrasea para poder ingresar a la cuenta online, solo en el caso de que la clave sean
correctas y que adems de que la cuenta de paciente o cliente exista.

18

Diseo de Prototipo de Aplicacin: OPTIVISION 2000

19

Diseo de Prototipo de Aplicacin: OPTIVISION 2000

Compras
La ventana de compras online del paciente o cliente, son completamente privadas y
pertenecen solo a que quien haya creado la cuenta. Permitir al paciente o cliente elegir el
tipo de pago y la tarjeta de pago de forma obligatoria para poder continuar con la compra, as
mismo la direccin en donde se har la facturacin.

20

Diseo de Prototipo de Aplicacin: OPTIVISION 2000

Bsqueda online
En esta ventana se muestra cmo el paciente o cliente podr buscar los diversos accesorios
que la ptica tiene para vender y as mismo pueda ser comprado. Se despliega una barra de
men en donde los accesorios son divididos en diversos tipos (lentes de sol, armazones,

21

Diseo de Prototipo de Aplicacin: OPTIVISION 2000

lentes de contacto). Se podr incluso buscar el producto con solo escribirlo en la caja de
bsqueda y este se mostrar si y slo si se encuentra en existencia.

22

Diseo de Prototipo de Aplicacin: OPTIVISION 2000

Administrador
Bsqueda de pacientes y clientes
En la bsqueda de pacientes y clientes, solo tendr acceso la persona autorizada a esta
informacin, al que se le pedir una contrasea de autorizacin. El administrador podr
agregar, modificar o eliminar el registro de uno o ms clientes o pacientes, es decir desde de
este mdulo podr crear cuentas de usuarios del sistema y definir incluso su contrasea y los
privilegios que tendr el cliente o paciente.

23

Diseo de Prototipo de Aplicacin: OPTIVISION 2000

Bsqueda de productos
En la bsqueda de productos, slo tendr acceso la persona autorizada a esta informacin
como lo es el doctor o el ayudante, al que se le pedir una contrasea de autorizacin. El
administrador podr agregar, modificar o eliminar el registro de uno o ms productos. Ventas
Desde esta ventana el administrador podr solicitar el reporte de las ventas del da, de la
semana o del mes, no podr modificar, ni eliminar nada de lo que se encuentre en ese
reporte, ya que solo es para tener una visin de lo que se ha vendido en la ptica. El

24

Diseo de Prototipo de Aplicacin: OPTIVISION 2000

administrador podr solicitar la impresin del reporte y podr escoger el da, la semana o el
ao, incluso podr ser por tipo de productos.

Ventas desde esta ventana


El administrador podr solicitar el reporte de las ventas del da, de la semana o del mes, no
podr modificar, ni eliminar nada de lo que se encuentre en ese reporte, ya que solo es para
tener una visin de lo que se ha vendido en la ptica. El administrador podr solicitar la

25

Diseo de Prototipo de Aplicacin: OPTIVISION 2000

impresin del reporte y podr escoger el da, la semana o el ao, incluso podr ser por tipo
de productos.

26

Diseo de Prototipo de Aplicacin: OPTIVISION 2000

CONCLUSIN
Esta fue la documentacin del diseo de un prototipo de Aplicacin para satisfacer los
requerimientos de la franquicia de opticas OPTIVISION 2000.
La metodologa empleada fue la del Modelo de Cascada, sin embargo, al tratarse del diseo
de un prototipo, no se alcanz la tercera fase (Implementacin) y sus posteriores. No
obstante, se han definido claramente los requerimientos enfocados a los usuarios de esta
aplicacin, el comportamiento de esta ha sido diseada mediante diagramas UML utilizando
la herramienta automatizada Violet UML Editor, la cual agiliza el proceso de diseo.
Por ltimo se elabor un prototipo de Interfaz grfica con la herramienta Visio, en donde
podemos ver ms a detalle el diseo de nuestro sistema informtico.

27