UNIVERSIDAD PRIVADA DEL VALLE

FACULTA DE INFORMTICA Y ELECTRNICA

INGENIERA DE SISTEMAS INFORMTICOS

SISTEMA WEB DE CONTROL DE

INVENTARIO PARA UNA OPTICA GENERICA

PERFIL DE PROYECTO DE
GRADO

PARA

OPTAR

AL

TTULO DE LICENCIATURA EN
INGENIERA

DE

INFORMTICOS

POSTULANTE:
TUTOR: ING.GASTON SILVA SANCHEZ

COCHABAMBA-BOLIVIA
2015

SISTEMAS

CONTENIDO
1.

INTRODUCCIN.....................................................................................................

2.

PLANTEAMIENTO DEL PROBLEMA........................................................................

3.

JUSTIFICACIN.....................................................................................................

4.

5.

6.

3.1.

JUSTIFICACIN ECONMICA.......................................................................3

3.2.

JUSTIFICACIN SOCIAL...............................................................................4

3.3.

JUSTIFICACIN TCNICA............................................................................. 4

OBJETIVO..............................................................................................................
4.1.

OBJETIVO GENERAL....................................................................................4

4.2.

OBJETIVOS ESPECFICOS........................................................................... 4

ALCANCES DEL PROYECTO..................................................................................

5.1.

GESTIN ADMINISTRATIVA..........................................................................5

5.3.

GESTIN DE PRE VENTA.............................................................................6

5.4.

GESTIN DE VENTAS................................................................................... 6

5.5.

GESTIN DE VENTAS POR MAYOR...............................................................7

5.6.

GESTIN DE ENVIOS ENTRE SUCURSALES.................................................7

5.7.

GESTIN DE RECETAS................................................................................7

5.8.

GESTIN DE FLUJO DE CAJA.......................................................................8

5.9.

GESTIN DE IMPRESIONES.........................................................................8

MARCO CONCEPTUAL...........................................................................................
6.1.

MARCO TERICO........................................................................................ 9

6.1.1.

HTML5, CSS3, JAVASCRIPT....................................................................9

6.1.2.

NODEJS Y MONGODB..........................................................................11

6.1.3.

RUP.................................................................................................... 13

6.1.4.

AngularJs............................................................................................. 14

6.1.5.

MODELO, VISTA, CONTROLADOR (MCV.)..............................................15

6.1.6.

APLICACIN WEB.............................................................................. 16

6.2.

MARCO REFERENCIAL...............................................................................16

6.2.1. OFTALMOLOGA......................................................................................... 16
6.2.2.
7.

CONSULTA OFTALMOLGICA...............................................................16

METODOLOGA.................................................................................................... 16
7.1.

ENFOQUE Y TIPO DE INVESTIGACIN........................................................16

7.2.

SUJETO Y FUENTES DE INVESTIGACIN....................................................17

7.3.

DESCRIPCIN DE LOS INSTRUMENTOS.....................................................17

8.

NDICE TENTATIVO............................................................................................... 17

9.

CRONOGRAMA DE TRABAJO...............................................................................19

10. REFERENCIA BIBLIOGRAFA................................................................................ 19

1. INTRODUCCIN
Al da de hoy se habla bastante sobre lo que son las aplicaciones web, teniendo una
gran escalabilidad y utilidad. Muchas de las aplicaciones web aportan en diferentes
mbitos laborales, para el registro de datos, manejo de grandes cantidades de
informacin, fcil acceso de informacin en cuanto a compatibilidades de sistemas
operativos o versiones de navegadores, como tambin el tiempo de respuesta en
cuanto a peticiones de informacin.
La importancia del desarrollo de las aplicaciones web en el rea de trabajo radica en
mejorar los tiempos en cuanto al acceso de la informacin como tambin a travs de
diferentes plataformas, que la misma sea confiable, clara y oportuna.
Actualmente muy pocas pticas cuentan con un sistema que ayude al control de su
inventario, por tal motivo se ven las falencias que existe dentro su flujo de trabajo
entorno a sus diferentes tipos de ventas como ser mayor o menor, registro de
preventas, elaboracin de receta oftalmolgica, registro de compras, control de
estado de cada uno de los productos, envos entre sucursales, control de su
personal y el control de su flujo de caja.
Al ver que la tecnologa avanza a grandes pasos y viendo que todo tipo de negocios
estn optando por la sistematizacin de su modo de trabajo, sumados a las
problemticas en cuanto al manejo de la informacin y control de los diferentes
servicios que se brinda, surge la necesidad de contar con una aplicacin web para el
control de todos sus tipos de ventas, personal, compras, stock, flujo de caja, estado
de productos y elaboracin de recetas.
Por tal motivo la implementacin de una aplicacin de uso genrico en cualquier
ptica, aportara una gran ayuda en cuanto a reduccin de tiempo al acceso de la
informacin, el control de inventario referente a compra y venta, control de precios
referente a sus productos, el flujo de la caja y el manejo de la informacin en cuanto
a reportes.
Los aspectos que se tomarn para la realizacin del sistema son la gestin de los
diferentes tipos de ventas (pre venta, ventas, ventas por mayo), las compras de
productos, impresin de cdigos qr encada producto para su identificacin nica y
gestin de sus estados, envi de productos entre sucursales, el control del flujo de

caja como pagos de servicios bsicos o pago a empleados, elaboracin de receta

por parte de un doctor oftalmlogo, control de comisin a cada vendedor por cada
lente completo vendido, estimacin de costo segn medidas de lentes determinadas
por el oftalmlogo en preventas.
2. PLANTEAMIENTO DEL PROBLEMA
Al haber realizado los estudios preliminares en el estilo de ventas por parte de las
pticas se ven varios aspectos con falencias de organizacin y control.
El registro de preventas en pequeos recibos tiene una posibilidad de prdida o
confusin, con esto vendedores pueden confundir y finalizar otra preventa o al
momento de establecer precios confundiendo el precio de un producto por otro,
cobrando equvocamente.
Teniendo el control del personal de manera escrita tanto sus comisiones como el
monto que llega a faltar al momento de cierre de caja, puede existir mal clculo al
realizar el pago de salarios, as no teniendo un destalle sobre que vendi en su
jornada.
El control de compra de productos de forma manual est a la merced de fcil
perdida de informacin y de las plantillas de su inventario, poniendo en riesgo la
integridad.
La elaboracin de receta oftalmolgica de forma manual retrasa al cliente como a la
venta en sucursales tanto en bsqueda de material como en precios de los
productos.
El control de su flujo de caja est a merced de gastos innecesarios por no tener una
bitcora sobre a qu se est destinando el dinero y un detalle del mismo.
El control de inventario es de manera genrica y escrita, no teniendo un control
detallado sobre los estados de sus productos en inventario, dando la posibilidad de
una perdida ms fcil y sin conocimiento exacto de a quien se lo vendi o si se lleg
a perder el tem.
No se lleva con detalle los productos que se envan entre sucursales, esto podra
ocasionar una fcil perdida de producto, sin tomar en cuenta los estados del
producto.
Otro aspecto a tomar en cuenta es que al estar el inventario en plantillas de papel,
hace demora la bsqueda de un producto perdido o robado por parte del
administrador.
Tomando en cuenta esos puntos se plantea lo siguiente:

Una aplicacin web para el control de su inventario donde abarcara el control de

su personal, su flujo de caja, movimiento de productos entre sucursales, registro de
sus diferentes tipos de ventas, control de emisin de recetas?

3. JUSTIFICACIN
El proyecto aporta con el crecimiento tecnolgico enfocado a la gestin de
inventarios, haciendo ms rpida la atencin al cliente, otro de los puntos
importantes a destacar es el manejo de la informacin de mejor manera para la
toma de decisiones segn el estado de negocio y sus ventas en lapsos de tiempo,
aportando un control exhaustivo referente a su inventario tanto sus ventas.
3.1. JUSTIFICACIN ECONMICA
El sistema ayudar a reducir tiempos en bsquedas en cuanto a la recopilacin
de la informacin, como costos de productos en ventas as evitando confusiones
de precios, menos consumo de papel al momento de elaboracin de recetas por
parte del doctor.
Otro de los puntos importantes es la reduccin de costo as reducir horas de
trabajo del personal.
En cuanto a las herramientas para el desarrollo son gratuitas lo que ahorrar en
gastos de licencia por pago de software.
Se optar por servicios gratuitos en la nube para el despliegue de la aplicacin
web, si llegase a querer un mejor servicio se puede optar por un servicio de
paga con backups automatizados y rplicas de informacin.
3.2. JUSTIFICACIN SOCIAL
Los centros pticos brindan servicios de ventas de lentes, monturas, lentes de
contacto y dems productos referente a oftalmologa. Atenderlos de manera ms
rpida, sin necesidad de ir a buscar el articulo para la consulta de precios en
plantillas tediosas.
3.3. JUSTIFICACIN TCNICA
La implementacin del sistema se har el uso buenas prcticas de ingeniera de
software y de diseo de bases de datos asegurarn un software robusto,
escalable y de calidad.

Para el desarrollo del sistema se realizar con el lenguaje de JavaScript lado

servidor corriendo en NodeJs, la base de datos que se empleara es NoSQL en
MongoDB.
EL framework de JavaScript AngularJs que se utilizara lado cliente est en base
a Modelo Vista Controlador aplicando la tecnologa SPA (single page aplication),
adems que es un framework rpido, seguro y profesional.
4. OBJETIVO
4.1. OBJETIVO GENERAL
Desarrollar un sistema web de control de inventario para una ptica
genrica.
4.2. OBJETIVOS ESPECFICOS
Los objetivos especficos comprenden desarrollar los siguientes mdulos:

Gestin administrativa
Gestin de compras
Gestin de pre ventas
Gestin de ventas
Gestin de ventas por mayor
Gestin de envos entre sucursales
Gestin de recetas
Gestin de flujo de caja
Gestin de impresiones
Gestin de depuracin

5. ALCANCES DEL PROYECTO

5.1. GESTIN ADMINISTRATIVA
5.1.1. Gestionar (crear, editar) los datos de los usuarios que tendr acceso al
sistema, otorgar tipo de usuario as dando permiso a ciertas secciones del
sistema.
5.1.2. Gestin de asignacin de sucursal a vendedores, para la venta diaria,
dando la posibilidad de rotar diariamente entre sucursales
5.1.3. Gestionar (crear, editar) los productos que se procedern a comprar,
vender, enviar.
5.1.4. Gestionar (crear, editar) Sucursales para la venta de productos y control
del stock de estas mismas.

5.1.5. Los reportes del sistema sern:

Por stock de tipo de productos

Por productos vendidos por usuario

5.2. GESTIN DE COMPRAS

5.2.1. Gestionar (crear) los proveedores para

realizar futuras compras

relacionados.
5.2.2. Gestionar (crear, editar) las compras por parte del Administrador y por
parte del Encargado donde el encargado no figura el precio de venta y el
administrador anida los diferentes tipos de precios existentes (mayor,
normal, mayor con factura, normal con factura).
5.2.3. Gestionar pago mensual a proveedor, dando la posibilidad de pagar a
crdito.
5.2.4. Los reportes del sistema sern:

Por rango de fecha

Por compras realizadas por encargado

Deudas por proveedor

5.3. GESTIN DE PRE VENTA
5.3.1. Gestionar (crear, editar) los datos de la preventa referente a una receta
interna o toma de datos de receta externa.
5.3.2. Gestionar la sugerencia de precios por material y medida existente.
Se podr visualizar los diferentes precios existentes en el inventario de
depsito as dando a escoger de manera ms rpida dando una cotizacin
del producto.
5.3.3. Gestionar las comisiones dadas a cada vendedor por venta de lente
completo.
5.3.4. Gestin de creacin de peticin de materiales como lentes a depsito.
5.3.5. Lectura de qr de productos asignados para la elaboracin de lentes, como
marco de lente o caja.
5.3.6. Los reportes del sistema sern:

Pre ventas realizadas por rangos de fechas por sucursal

Pre ventas por vendedores.

Comisiones obtenidas por vendedor.

5.4. GESTIN DE VENTAS
5.4.1. Gestionar (crear, editar) los datos para la realizacin de ventas.

5.4.2. Gestionar las comisiones de un vendedor por vender lentes de contacto o

gafas.
5.4.3. Lectura de cdigos qr y para validar estado de producto y realizar el
cambio de estado.
5.4.4. Los reportes del sistema sern

Ventas por rango de fecha por sucursal

Cantidad de productos vendidos por meses.

5.5. GESTIN DE VENTAS POR MAYOR
5.5.1. Gestionar (crear) la insercin de clientes mayoristas para el uso continuo y
la venta diaria a estos mismos.
5.5.2. Gestionar (crear, editar) ventas por mayor con diferentes tipos de precio
como precios al por mayor, precio normal, precio con factura al por mayor,
precio normal con factura.
5.5.3. Gestin de pago a plazo por parte de tus clientes mayoristas, as
facilitando la economa a tus clientes.
5.5.4. Los reportes del sistema sern:

Por rango de fechas.

Consumo mensual del cliente mayorista.

5.6. GESTIN DE ENVIOS ENTRE SUCURSALES
5.6.1. Gestionar (crear, editar) l envi de depsito u otra sucursal a otra de sus
sucursales mediante la lectura qr del producto, cambio de estado del
producto enviado.
5.6.2. Gestionar el envi de la peticin de material de las sucursales en venta de
lente completo.
5.6.3. Los reportes del sistema sern:

Por rango de fechas de envos.

Por cantidad de peticin de material

5.7. GESTIN DE RECETAS
5.7.1. Gestionar (crear, editar) la elaboracin de la receta, iniciada por un
vendedor para la recoleccin de datos generales como nombre y dems,
finalizada por un doctor tomando medidas para la elaboracin de lentes y
sugerencia de tipo de material para la elaboracin de los lentes.
5.7.2. Los reportes del sistema sern:

No hay ningn tipo de reporte para esta seccin.

5.8. GESTIN DE FLUJO DE CAJA

5.8.1. Gestionar (crear, editar) los cierres de caja por parte del vendedor al
momento de concluir su jornada laboral.
5.8.2. Recepcin por parte del Encargado o Administrador del dinero de cierre de
caja del vendedor.
5.8.3. Descuento de dinero al usuario si llegase a faltar dinero al momento de
cerrar caja.
5.8.4. Gestin de pago de diferentes tipos de servicios como agua, luz,
publicidad, materiales de escritorio, Pago de sueldos, etc. El dinero del pago
ser descontado de la caja de sucursal principal.
5.8.5. Gestionar ingresos y egresos de la caja de sucursal principal.
5.8.6. Los reportes del sistema sern:

Por ingresos mensuales.

Por top de egresos.

Por dinero faltante por empleados.

5.9. GESTIN DE IMPRESIONES
5.9.1. Gestionar de impresin de cdigos qr, bsqueda de la compra seleccin
del tipo de producto, seleccin de los productos, creacin de cdigos qr,
formatos de impresin.
5.9.2. Gestionar impresin de recibo de pre ventas, ventas y ventas por mayor.
5.10.
GESTIN DE DEPURACIONES
5.10.1.
Gestionar de lectura y guardado de cdigos qr, una vez terminada
el sistema mostrara los tems faltantes y no ledos.
5.10.2.
Gestionar la depuracin del tem faltante en stock, pasando a un
estado de perdida.
5.10.3.
Los reportes del sistema sern:

tems perdidos por rangos de fecha.

Monto de dinero perdido por rango de fecha segn precio de compra

6. MARCO CONCEPTUAL
EL presente proyecto colaborara con el control y manejo de inventario de centros
oftalmolgicos, relacionado a sus ventas y el control de flujo de caja. El sistema se
desarrollar con los lenguajes de programacin de HTML5, CSS3, JAVASCRIPT
lado servidor con NodeJs, lado cliente AngularJs y con la base de datos MongoDb.
6.1. MARCO TERICO
6.1.1. HTML5, CSS3, JAVASCRIPT
Hipertexto Markup Lenguaje (HTML) es un lenguaje estndar de la web para
representar una informacin intercambiada por los usuarios.

Estos documentos contienen una serie de etiquitas que indican al navegador

como interpretar y dar formato al texto plano.
La utilidad del HTML viene dada por su propio carcter estandarizado. Eso
quiere decir que nosotros podemos crear documentos en cualquier formato.
Sin embargo, HTML es un estndar y otros no lo son. As pues, cualquier
navegador que haga uso de las normas estndar de visualizacin de
documentos web ser capaz de leer e interpretar adecuadamente el HTML
pero puede tener problemas a la hora de interpretar otro formato. De este
modo, utilizando HTML tendremos siempre la seguridad de que los
documentos

podrn

leerse

perfectamente

independientemente

del

navegador con el que trabajemos (Tortajada, 2014).

HTML 5 pretende proporcionar una plataforma con la que desarrollar
aplicaciones web ms parecidas a las aplicaciones de escritorio, donde su
ejecucin dentro de un navegador no implique falta de recursos o facilidades
para resolver las necesidades reales de los desarrolladores. Para ello se
estn creando unas APIs que permitan trabajar con cualquiera de los
elementos de la pgina y realizar acciones que hasta hoy era necesario
realizar por medio de tecnologas accesorias (Desarrollo web)
HTML5 no es una nueva versin del antiguo lenguaje de etiquetas, ni
siquiera una mejora de esta ya antigua tecnologa, sino un nuevo concepto
para la construccin de sitios web y aplicaciones en una era que combina
dispositivos mviles, computacin en la nube y trabajos en red.
HTML5 provee bsicamente tres caractersticas: estructura, estilo y
funcionalidad, HTML5 es considerado el producto de la combinacin de
HTML, CSS y JavaScript (Gauchat, 2012).
Hoja de estilo en cascada o CSS (siglas en ingls de cascading style
sheets) hojas de estilo en cascada. Su finalidad es definir como se han
demostrar los elementos HTML y con qu estilo se han de presentar. Los
estilos, son normalmente, almacenados en hojas de estilos y fueron
aadidos en la codificacin de HTML para solucionar algn problema (Egea,
2007).

CSS3 introduce importantes mejoras con las que es posible crear fcilmente
efectos que antes slo podan hacerse con imgenes o Flash, como por
ejemplo: bordes redondeados, sombras, gradientes o animaciones. Esto
supone un gran ahorro de tiempo en el desarrollo y mantenimiento de un
sitio. La Gua Prctica de CSS3 parte desde cero para ensearnos cmo
definir el estilo o aspecto de los distintos elementos de una pgina Web. De
forma organizada y gradual avanza hasta mostrar algunas de las
posibilidades que ofrece CSS3 con un enfoque muy prctico: cmo crear un
men, formularios atractivos, catlogos de elementos, cmo usar sprites o
cmo crear una estructura base con cabecera, men, varias columnas y un
pie. Este es el libro perfecto tanto para usuarios principiantes que desean
crear fcilmente pginas Web atractivas ahorrando tiempo y trabajo, como
para los que con un mayor nivel quieren conocer ms detalles, tcnicas y
novedades sobre CSS3 (Acera, 2012).
JavaScript es un lenguaje de programacin que se utiliza principalmente
para crear pginas web dinmicas cliente/servidor a travs de internet.
Fue diseado para ser un lenguaje de elaboracin de script que pudieran
incrustarse en archivos HTML. NO es compilado, sino que, en vez de ello,
es interpretado por el navegador. A diferencia de java, que primero es
convertido a cdigo de byte fcil de interpretar, JavaScript ledo por el
navegador como cdigo fuente.
En una aplicacin cliente para un navegador, las sentencias JavaScript
contenidas en documentos HTML, pueden reconocer y responder a eventos
generados por el usuario, como clicks del mouse, informacin en formularios
y navegacin de documentos a documentos (Sanchez, 2001).
Es importante tener en cuenta que JavaScript no tiene casi nada que ver
con el lenguaje de programacin llamado Java. El nombre similar inspirado
en consideraciones de marketing, en lugar de buen juicio. Cuando se
introdujo el JavaScript, el lenguaje Java fue siendo comercializado
pesadamente y fue ganando popularidad. Alguien pens que era una buena
idea para montar en los faldones de este xito. Ahora estamos atascados
con el nombre.

10

Los navegadores web no son slo plataformas en el que se utiliza

JavaScript. Algunas bases de datos, como MongoDB y CouchDB, utilizan
JavaScript como lenguaje de secuencias de comandos y consultas. Varias
plataformas para ordenadores personales y servidores de programacin, en
particular el proyecto de Node.js, ofrecen un potente entorno para
programacin JavaScript fuera del navegador (Haverbeke, 2014) .
6.1.2. NODEJS Y MONGODB
Node.js es una tecnologa de servidor que se basa en el motor de
JavaScript V8 de Google. Es un sistema altamente escalable que utiliza
asncronos, por eventos I/O (entrada/salida), en lugar de hilos de rosca o
procesos independientes. Es ideal para las aplicaciones web que se
acceden con frecuencia, pero computacionalmente simple.
Si utiliza un servidor web tradicional, como Apache, cada vez que se solicita
un recurso web, Apache crea un subproceso independiente o invoca un
nuevo proceso con el fin de atender la solicitud. Aunque Apache responde
rpidamente a las peticiones y limpia para arriba despus de que la peticin
ha sido satisfecha, este enfoque an puede atar un montn de recursos.
Una aplicacin web popular va a tener problemas de rendimiento grave.
Node, por el contrario, no crea un nuevo subproceso o proceso para cada
solicitud. En cambio, escucha para eventos especficos y cuando ocurra el
evento, responde en consecuencia. Node no bloquea cualquier otra peticin
mientras espera para que completar la funcionalidad de evento y eventos,
primero llegado, primero servido, en un bucle de evento relativamente sin
complicaciones.
Las aplicaciones Node son creadas con JavaScript (o una lengua alternativa
que compila a JavaScript). El JavaScript es la misma que se utiliza en las
aplicaciones de lado del cliente. Sin embargo, a diferencia de JavaScript en
un navegador, con nodo tienes que configurar un entorno de desarrollo
(Powers, 2012).

11

MongoDB (derivado de la palabra humongous) es un tipo relativamente

nuevo de la base de datos que no tiene ningn concepto de tablas,
esquemas, SQL o filas. No tiene operaciones, cumplimiento de ACID, joins,
llaves foraneas o muchas de las otras caractersticas que tienden a causar
dolores de cabeza en las primeras horas de la maana (Apress).
MongoDB es una base orientada al documento, no uno relacional. La razn
principal para abandonar el modelo relacional es que escala hacia fuera ms
fcil, pero hay algunas otras ventajas.
Una base de datos orientada a documentos reemplaza el concepto de una
"fila" con un modelo ms flexible, el "documento". Permitindole realizar
matrices y documentos incrustados, el enfoque orientado a documentos
permite representar relaciones jerrquicas complejas con un solo registro.
Este se adapta naturalmente a los desarrolladores de forma en idiomas
modernos orientada a objetos pensando en sus datos.
Tambin no hay esquemas predefinidos: claves y valores de un documento
no son de tipo fijo o tamaos. Sin un esquema fijo, es ms fcil agregar o
quitar campos segn sea necesario. Generalmente, lo desarrollo ms rpido
de lo que los desarrolladores pueden iterar rpidamente. Tambin es ms
fcil de experimentar. Los desarrolladores pueden probar decenas de
modelos de datos y luego elegir el mejor para perseguir (Chodorow, 2013).

6.1.3. RUP
Proceso de desarrollo de software, es el conjunto de actividades necesarias
para transformar los requisitos del usuario en un sistema de software.
El proceso unificado utiliza el lenguaje unificado de modelado para preparar
todos los esquemas de un sistema de software.
Los procesos unificados que se manejaran en todo el desarrollo del sistema
se manejara por fases.
Fase de inicio
Desarrollar el anlisis del negocio hasta el punto de necesario para
justificar la puesta en marcha del proyecto. Lo que se quiere

12

interpretar es poder tener una arquitectura que pueda soportar el

mbito del sistema.
EL desarrollar el anlisis del inicio del negocio es para considerar el
sistema previsto en trminos econmicos, es decir estimaciones
iniciales de costo, agenda y recuperacin de la inversin.
Fase de elaboracin
EL objetivo principal de la fase de elaboracin es formular la lnea
base de la arquitectura, esto implica el desarrollo de los casos de uso
y abordar los riesgos que interfieren en la secuencia de este objeto.
Fase de construccin
A partir de una lnea base de la arquitectura ejecutable, y trabajando
a travs de una serie de iteraciones e incrementos, desarrolla un
producto de software listo para sus operacin inicial en el entorno del
usuario, a menudo llamado versin beta.
Para ello detalla los casos de uso, escenarios restantes, modificar si
es necesario la descripcin de la arquitectura y continua los flujos de
trabajo a travs de las iteraciones adicionales
Fase de Transicin
En esta fase se centra la implementar el producto en su entorno de
operacin.
En esta fase no se busca reformular el producto. El cliente y el equipo
del proyecto deberan haber incorporado cambios significativos en la
anterior fase. Por el contrario. El equipo busca deficiencias que
pasaron desapercibidos durante la fase de construccin y que
pueden ser corregidas en el marco de la lnea base de la arquitectura
existente.
UML es un lenguaje estndar de modelado de software, un lenguaje para
visualizacin, especificacin y construccin de los artefactos de los
sistemas en los que el software cumple un papel muy importante.

13

UML permite a los desarrolladores visualizar los resultados en esquemas o

diagramas (casos de uso, clases, objetos, secuencia, actividades,
despliegue) estandarizados (Jacobson, 1999).
6.1.4. AngularJs
AngularJS en algunos de los mejores aspectos del desarrollo del lado del
servidor y utiliza para mejorar el HTML en el navegador, crear una base que
permite construir aplicaciones ms simples y ms fcil. Aplicaciones de
AngularJS se construyen alrededor de un patrn de diseo llamado ModelView-Controller (MVC), que pone nfasis en la creacin de aplicaciones que
son
Extensible: es fcil de averiguar cmo incluso una compleja AngularJS la
aplicacin de las obras una vez que entendi las bases, y eso significa
que usted puede mejorar fcilmente aplicaciones para la creacin de
caractersticas nuevas y tiles para sus usuarios.
Fcil de mantener: AngularJS aplicaciones son fciles de depurar y fijar,
lo que significa que se simplifica el mantenimiento a largo plazo.
Prueba: AngularJS tiene buen soporte para unidad y pruebas end-to-end,
lo que significa que puede encontrar y reparar defectos antes que sus
usuarios.
Normalizado: AngularJS se basa en las capacidades innatas del
navegador sin entrar en su camino, lo que permite crear aplicaciones web
compatible con los estndares que se aprovechan de las ltimas
caractersticas (por ejemplo, las APIs de HTML5) y herramientas
populares y marcos.
AngularJS es una biblioteca JavaScript de cdigo abierto que es patrocinada
y mantenida por Google. Se ha utilizado en algunas de las aplicaciones web
ms grande y ms complejo todo. En este libro, te muestro todo lo que
necesitas saber para obtener los beneficios de la AngularJS en sus propios
proyectos (Freeman, 2014).
6.1.5. MODELO, VISTA, CONTROLADOR (MCV.)
El modelovistacontrolador (MVC) es un

patrn

de arquitectura

de

software que separa los datos y la lgica de negocios de una aplicacin de

14

la interfaz de usuario y el mdulo encargado de gestionar los eventos y las

comunicaciones.

Para

ello

MVC

propone

la

construccin

de

tres componentes distintos que son el modelo, la vista y el controlador, es

decir, por un lado define componentes para la representacin de la
informacin, y por otro lado para la interaccin del usuario. Este patrn
de arquitectura de software se basa en las ideas de reutilizacin de cdigo y
la separacin de conceptos, caractersticas que buscan facilitar la tarea de
desarrollo de aplicaciones y su posterior mantenimiento (Eslava, Bobuk
Publisging S. L.).

6.1.6. APLICACIN WEB

Son herramientas de ofimtica que se maneja con una simple conexin a
internet, y en estos casos cabe la opcin de utilizar el ordenador solo como
forma de acceso a la aplicacin remota.
Las aplicaciones son populares debidos a lo practico del navegador web
como cliente ligero, as como la facilidad para actualizar y mantener
aplicaciones web sin distribuir e instalar software a miles de usuarios
potenciales (Caivano, 2009).
6.2. MARCO REFERENCIAL
6.2.1. OFTALMOLOGA
La oftalmologa es la especialidad mdico quirrgica que se ocupa del
estudio y la evaluacin de los datos objetivos y sus objetivos, sobre la
funcin visual y la salud ocular del paciente (Morcillo, 2009).
6.2.2. CONSULTA OFTALMOLGICA
Expresin del paciente por la que solicita atencin de un profesional
Oftalmlogo o su especialista sobre el estado anatmico y funcional del ojo,
anexos y estructuras relacionadas, las patologas del globo ocular, la
musculatura ocular, sistema lagrimal, prpados y sus tratamientos, que
comprende una valoracin del segmento anterior y del fondo de ojo posterior
a la Dilatacin pupilar (Martnez, 2006).
7. METODOLOGA
A continuacin, se har referencia a la metodologa que se utilizar para su estudio.
7.1. ENFOQUE Y TIPO DE INVESTIGACIN

15

Para el desarrollo del sistema se har un estudio cuantitativo, y se realizar una

investigacin aplicada, descriptiva. Se realizar la investigacin y recoleccin de
informacin para el desarrollo del sistema.
7.2. SUJETO Y FUENTES DE INVESTIGACIN
La fuente primaria para el estudio y la recoleccin de informacin que se
requiere para el desarrollo del sistema es la poblacin y la documentacin
manualmente.
Para su mejor estudio y la recoleccin de la informacin, la poblacin que se
estudiar, son las diferentes pticas y su modo de trabajo en cuanto al registro
de ventas, cierre de caja, compras, consultas para elaboracin de receta.
7.3. DESCRIPCIN DE LOS INSTRUMENTOS
Los instrumentos a implementar son:
Lenguaje de programacin HTML5, CSS3 y JavaScript son los
instrumentos a implementar para el desarrollo en el entorno web.
Generador de una base de datos MongoDB en su tercera versin
Metodologa RUP, para el desarrollo del sistema mediante las fases de
inicio, elaboracin, construccin, transicin.
NodeJs como intrprete de JavaScript en el lado servidor
AngularJs manejando el DOM y usando la arquitectura MVC en modo
SPA (single page aplication) o carga de una pgina.
Modelo vista controlador al ser una programacin dividida ayuda a que el
sistema sea modular y sustentable.
8. NDICE TENTATIVO
1. Introduccin
1.1. Planeamiento del problema
1.2. Justificacin
1.2.1.
Econmica
1.2.2.
Social
1.2.3.
Tcnica
1.3. Objetivos
1.3.1.
General
1.3.2.
Especifico
1.4. Alcance
2. Captulo I
2.1. Marco conceptual
2.1.1.
Marco terico
2.1.1.1.
NodeJs y MongoDB
2.1.1.2.
HTML5, CSS3, JavaScript
2.1.1.3.
Modelo Vista Controlador
2.1.1.4.
AngularJs

16

3.

4.

5.

6.
7.
8.

2.1.1.5.
Aplicaciones web
2.1.1.6.
RUP
2.1.2.
Marco referencia
2.1.2.1.
Oftalmologa
2.1.2.2.
Consulta oftalmolgica
Captulo II
3.1. Ingeniera del Proyecto
3.1.1.
Iniciacin
3.1.2.
Elaboracin
3.1.3.
Construccin
3.1.4.
Transicin
3.1.5.
Modelo de base de datos con UML
Capitulo III
4.1. Pruebas
4.1.1.
Pruebas de sistema
4.1.2.
Pruebas de validacin
4.1.2.1.
Ingreso de datos
4.1.2.2.
Cdigo HTML/CSS
4.1.3.
Pruebas de seguridad
4.1.4.
Pruebas de resistencia
Capitulo IV
5.1. Introduccin
5.2. Estimacin de costos
5.2.1.
Costo de personal
5.2.2.
Costo de subcontratos externos
5.2.3.
Costo de tiempo computadora
5.2.4.
Costo de datos ingresados
5.2.5.
Costo de facilidades fsicas
5.2.6.
Costo de consumo
5.2.7.
Costo de traslado y gastos personales
5.3. Costo total del proyecto
Conclusin y recomendaciones
Bibliografa
Anexos

9. CRONOGRAMA DE TRABAJO
Etapas / Actividades

CRONOGRAMA DE TRABAJO
1 semana

Diseo del perfil de Proyecto

Observacin de la problemtica

Entrega de perfil

2 semana

3 semana

17
4

Bsqueda de Informacin

x x x

Anlisis y diseo de la base de

datos

x x x x

Anlisis y diseo del sistema

Gestin Administrativa

Gestin de Compras

x x x x x

x x x x

Gestin de pre ventas

10

Gestin de ventas

11

Gestin de Ventas por mayor

x x

12

Gestin de envos entre

sucursales

13

Gestin de recetas

14

Gestin de flujo de caja

15

Gestin de impresiones

16

Pruebas finales

17

Documentacin

18

Presentacin final

x x
x x
x x x

x
x

10. REFERENCIA BIBLIOGRAFA

ACERA, Miguel CSS. Anaya Multimedia-Anaya Interactiva, 2012.
ARIAS, Jaime, ALLER, Maria, ARIAS, Jose, LORETO, Laureano
Propedutica quirrgica. Tebar S.L. 1999.
CAIVANO, Marcela, VILLORIA Noem Aplicaciones WEB 2.0. Villa Maria:
eduvim, 2009.
GAUCHAT, Diego El gran libro de HTML5, CSS3 y Java Script.
Barcelona: Marcombo, 2012.
JACOBSON, Ivar, BOOK, Grady, RUMBAUGH, james El proceso
unificado del desarrollo de software (Tr. Salvador Snchez, Miguel Sicilia,
Carlos Canal, Francisco Duran). Madrid: Pearson educacin, 2000.
MARTNEZ Farrero Del motivo de consulta a la demanda en psicologa.
Rev Asoc Esp Neuropsiq. 2006.
MORCILLO, Rafael Oftalmologa bsica para estudiantes de medicina
5ed. Espaa: Elservier, 2009
SNCHEZ, Angel JavaScript. Mlaga: Innovacin y cualificacin S.L,
2001
TORTAJADA, Juan La gua definitiva del diseo web: html, xhtml, css y
herramientas de diseo. 2014.

18

Manual del desarrollo web,

http://www.desarrolloweb.com/manuales/21/#manual168
CHODOROW, MongoDB: The Definitive Guid: OReilly 2013
APRESS, MongoDB basics: 2014
FREEMAN, Pro AngularJs: Apress 2014
POWES, Learning Node: OReilly 2012
HAVERBEKE, Eloquent JavaScript 2014