Tuaexcomsis019 2018

UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES
“UNIANDES - IBARRA”
FACULTAD DE SISTEMAS MERCANTILES
CARRERA DE SISTEMAS
PROYECTO DE EXAMEN COMPLEXIVO PREVIO A LA

OBTENCIÓN DEL TITULO DE INGENIERO EN SISTEMAS E
INFORMÁTICA
TEMA:
APLICACION WEB DE VENTA DE FLORES CON FACTURACIÓN
ELECTRÓNICA PARA LA EMPRESA EXPORTBROKER S.A
AUTOR: MORALES AMAYA CRISTIAN GEOVANNY
ASESOR: ING. BAÑO NARANJO FREDDY PATRICIO, M. Sc.
AMBATO – ECUADOR
2018
APROBACIÓN DEL ASESOR DEL TRABAJO DE TITULACIÓN
CERTIFICACIÓN:
Quien suscribe, legalmente CERTIFICA QUE: El presente Trabajo de Titulación realizado

por el señor Cristian Geovanny Morales Amaya, estudiante de la Carrera de Sistemas,
Facultad de Sistemas Mercantiles, con el tema “Aplicación Web De Venta De Flores Con
Facturación Electrónica Para La Empresa Exportbroker S.A ”, ha sido prolijamente
revisado, y cumple con todos los requisitos establecidos en la normativa pertinente de la
Universidad Regional Autónoma de los Andes -UNIANDES-, por lo que apruebo su
presentación.
Ambato, Marzo de 2018
_______________________________
Ing. Baño Naranjo Freddy Patricio
ASESOR
DECLARACIÓN DE AUTENTICIDAD
Yo, Cristian Geovanny Morales Amaya, estudiante de la Carrera de Sistemas, Facultad de

Sistemas Mercantiles, declaro que todos los resultados obtenidos en el presente trabajo de
investigación, previo a la obtención del título de INGENIERIA EN SISTEMAS E
INFORMATICA, son absolutamente originales, auténticos y personales; a excepción de
las citas, por lo que son de mi exclusiva responsabilidad.
Ambato, Marzo 2018
_____________________________
Sr. Cristian Geovanny Morales Amaya

CI. 1003204490
AUTOR
DERECHOS DE AUTOR
Yo, Cristian Geovanny Morales Amaya, declaro que conozco y acepto la disposición
constante en el literal d) del Art. 85 del Estatuto de la Universidad Regional Autónoma de
Los Andes, que en su parte pertinente textualmente dice: El Patrimonio de la UNIANDES,
está constituido por: La propiedad intelectual sobre las Investigaciones, trabajos científicos
o técnicos, proyectos profesionales y consultaría que se realicen en la Universidad o por
cuenta de ella;
Ambato, Marzo 2018
_______________________________
Sr. Cristian Geovanny Morales Amaya
CI. 1003204490
AUTOR
DEDICATORIA
A la mujer que los retos no le asustaron porque siempre supo hacerles frente, la que
manejo con paciencia cada caída que tuve para ir convirtiéndome cada vez en un gran
profesional, a la mujer que deposito en mis manos todo su amor y su tiempo hasta cumplir
con el fin de concebir mi profesión, la que me empapo de su luz para que tenga luz propia
y ahora que experimento la oportunidad de poder retribuir todo eso, te lo retribuyo,
¡gracias madre mía! gracias por seguir mis pasos, el camino fue largo pero jamás cediste.
Este éxito lo hago mío, pero también es tuyo.

AGRADECIMIENTOS
Quiero que estas líneas sirvan para expresar mi más profundo y sincero agradecimiento a
cada una de las personas que de manera directa e indirecta colaboraron en la realización
del presente trabajo, en especial a mi tutor el ingeniero Freddy Baños, por su orientación,
la disciplina impartida y la supervisión estricta de la misma, pero sobre todo por su apoyo,
por su constante motivación a lo largo de este periodo.
A mi amada hija Emiliana por ser mi fuente de inspiración para poder superarme cada día
más y así poder luchar para que la vida nos depare un futuro más estratégico, a mi amada
esposa Clarita que siempre estuvo a mi lado en cada paso que daba siempre brindándome
su compresión, cariño y amor.
A mi amada madre y hermanos quienes siempre se hicieron presentes con palabras de

aliento y motivación, logrando así nunca dejar que desfallezca ante adversidades para que
siga adelante y perseveré para que cumpla con mis ideales.
A todos aquellos que me han brindado un pedazo de su tiempo, un instante de su vida, mis
más sinceros agradecimientos.
INDICE GENERAL
APROBACIÓN DEL ASESOR DEL TRABAJO DE TITULACIÓN

DECLARACIÓN DE AUTENTICIDAD
DERECHOS DE AUTOR
DEDICATORIA
AGRADECIMIENTOS
INDICE GENERAL
INDICE DE TABLAS
INDICE DE GRAFICOS
RESUMEN
ABSTRACT
INTRODUCCIÓN ----------------------------------------------------------------------------------------------------- 1
Antecedentes de la Investigación ---------------------------------------------------------------------------------- 1
Planteamiento del Problema ---------------------------------------------------------------------------------------- 2
Formulación del Problema ------------------------------------------------------------------------------------------ 3
Delimitación del Problema ------------------------------------------------------------------------------------------ 4
Identificación de la Línea De Investigación ------------------------------------------------------------------- 4
Objetivos ------------------------------------------------------------------------------------------------------------------ 4
Objetivo General ------------------------------------------------------------------------------------------------------- 4
Objetivos Específicos ------------------------------------------------------------------------------------------------- 4
Idea A Defender -------------------------------------------------------------------------------------------------------- 4
Variables ------------------------------------------------------------------------------------------------------------------ 4
Justificación del Tema ------------------------------------------------------------------------------------------------ 5
1 MARCO TEÓRICO --------------------------------------------------------------------------------------------- 6
1.1 Aplicación Web -------------------------------------------------------------------------------------------------- 6
1.1.1 Definición -------------------------------------------------------------------------------------------------------- 6
1.1.2 Arquitectura------------------------------------------------------------------------------------------------------ 8
1.1.3 Estructura de la aplicación Web ----------------------------------------------------------------------------- 9
1.1.4 Tecnologías ----------------------------------------------------------------------------------------------------- 10
1.1.4.1 Ajax ------------------------------------------------------------------------------------------------------------ 10
1.1.4.2 Css-------------------------------------------------------------------------------------------------------------- 10
1.2 E-Commerce ------------------------------------------------------------------------------------------------------ 11
1.2.1 Antecedentes ---------------------------------------------------------------------------------------------------- 11
1.2.2 Interfaz ----------------------------------------------------------------------------------------------------------- 11
1.2.3 Consideraciones Técnicas------------------------------------------------------------------------------------ 12
1.2.4 Uso empresarial ------------------------------------------------------------------------------------------------ 12
1.2.5 Ventajas --------------------------------------------------------------------------------------------------------- 13
1.2.6 Desventajas ----------------------------------------------------------------------------------------------------- 13
1.3 Herramientas de Desarrollo ------------------------------------------------------------------------------------ 13
1.3.1 HTML ----------------------------------------------------------------------------------------------------------- 13
1.3.2 PHP --------------------------------------------------------------------------------------------------------------- 14
1.3.3 JavaScript ------------------------------------------------------------------------------------------------------- 14
1.3.4 IDE de desarrollo ---------------------------------------------------------------------------------------------- 14
1.4 Seguridades ------------------------------------------------------------------------------------------------------- 15
1.4.1 Fundamentos de la Seguridad Informática --------------------------------------------------------------- 15
1.4.2 Criptosistemas de Clave Secreta ---------------------------------------------------------------------------- 15
1.4.3 Criptosistemas de Cifrado en Flujo ------------------------------------------------------------------------ 16
1.4.4 Criptosistemas de Clave Pública---------------------------------------------------------------------------- 16
1.4.5 Funciones de Autenticación e Integridad. ---------------------------------------------------------------- 17
1.4.6 Firma Digital y Certificados Digitales. -------------------------------------------------------------------- 17
1.4.7 Aplicaciones Seguras ----------------------------------------------------------------------------------------- 17
1.5 Ventas -------------------------------------------------------------------------------------------------------------- 18
1.5.1 Definición ------------------------------------------------------------------------------------------------------- 18
1.5.2 Facturación------------------------------------------------------------------------------------------------------ 18
1.5.3 Inventario-------------------------------------------------------------------------------------------------------- 18
1.5.4 Facturación Electrónica -------------------------------------------------------------------------------------- 22
1.6 Conclusiones parciales del capítulo.----------------------------------------------------------------------- 24
2 MARCO METODOLÓGICO ------------------------------------------------------------------------------- 25
2.1 Caracterización del Sector. ------------------------------------------------------------------------------------- 25
2.2 Descripción del procedimiento metodológico. ------------------------------------------------------------- 26
2.2.1 Modalidad de la investigación ------------------------------------------------------------------------------- 26
2.2.2 Tipo de investigación ------------------------------------------------------------------------------------------ 26
2.2.3 Métodos de investigación ------------------------------------------------------------------------------------- 27
2.2.4 Técnicas e instrumentos de investigación ------------------------------------------------------------------ 27
2.2.5 Población y muestra ------------------------------------------------------------------------------------------- 28
2.2.6 Análisis e Interpretación de resultados.--------------------------------------------------------------------- 28
2.2.7 Conclusiones parciales del capítulo. ------------------------------------------------------------------------ 40
3 MARCO PROPOSITIVO ------------------------------------------------------------------------------------- 41
3.1 Tema ---------------------------------------------------------------------------------------------------------------- 41
3.2 Objetivos----------------------------------------------------------------------------------------------------------- 41
3.2.1 Objetivo General ----------------------------------------------------------------------------------------------- 41
3.2.2 Objetivos Específicos------------------------------------------------------------------------------------------ 41
3.3 Desarrollo de la Propuesta ------------------------------------------------------------------------------------- 41
3.3.1 RUP--------------------------------------------------------------------------------------------------------------- 41
3.3.2 Características: -------------------------------------------------------------------------------------------------- 42
3.3.3 Fases -------------------------------------------------------------------------------------------------------------- 42
3.3.4 Diagramas Uml ------------------------------------------------------------------------------------------------- 43
3.3.5 Recursos --------------------------------------------------------------------------------------------------------- 43
3.3.6 Elaboración ------------------------------------------------------------------------------------------------------ 47
3.3.7 Base de datos---------------------------------------------------------------------------------------------------- 56
3.3.8 Tablas ------------------------------------------------------------------------------------------------------------ 58
3.3.9 Formulario de Entradas --------------------------------------------------------------------------------------- 65
3.3.10 Construcción--------------------------------------------------------------------------------------------------- 68
3.3.11 Capacitación. -------------------------------------------------------------------------------------------------- 71
3.3.12 Pruebas de software ------------------------------------------------------------------------------------------ 72
CONCLUSIONES ---------------------------------------------------------------------------------------------------- 75
RECOMENDACIONES -------------------------------------------------------------------------------------------- 76
BIBLIOGRAFIA ------------------------------------------------------------------------------------------------------ 77
ANEXOS
INDICE DE TABLAS
TABLA 1 PERSONAL DE LA EMPRESA .................................................................................. 28

TABLA 2 ENTREVISTA GERENTE GENERAL........................................................................... 39
TABLA 3 RECURSOS HUMANOS - DESARROLLADORES ......................................................... 43
TABLA 4 RECURSOS HUMANOS - USUARIOS ......................................................................... 44
TABLA 5 RECURSOS HUMANOS - ASESORES ......................................................................... 44
TABLA 6 RECURSOS TÉCNICOS – HARDWARE DESARROLLO ................................................ 44
TABLA 7 RECURSOS TÉCNICOS – HARDWARE IMPLEMENTACIÓN ......................................... 45
TABLA 8 RECURSOS TÉCNICOS – SOFTWARE DESARROLLO ................................................. 45
TABLA 9 RECURSOS TÉCNICOS – SOFTWARE IMPLEMENTACIÓN .......................................... 46
TABLA 10 RECURSOS ECONÓMICOS ..................................................................................... 46
TABLA 11 RECURSOS ECONÓMICOS - DESARROLLO ............................................................. 46
TABLA 12 RECURSOS ECONÓMICOS - IMPLEMENTACIÓN ...................................................... 47
TABLA 13 RECURSOS ECONÓMICOS - EXTRAS ...................................................................... 47
TABLA 14 REGISTRO DE USUARIOS ....................................................................................... 73
TABLA 15 PROCESO DE RESTAURACIÓN DE LA CLAVE DE USUARIO ...................................... 73
TABLA 16 PROCESO DE FACTURACIÓN ................................................................................. 74
TABLA 17 PROCESO DE DEVOLUCIONES................................................................................ 74
INDICE DE GRAFICOS
GRAFICO 1 ¿FRECUENCIA AL REALIZAR PEDIDOS?................................................................ 29

GRAFICO 2 ¿EL MANEJO DE INVENTARIO ES? ........................................................................ 30
GRAFICO 3 ¿MANEJO DE INVENTARIO ES ADECUADO?.......................................................... 31
GRAFICO 4 ¿TIEMPO EN VENTA DE ARTÍCULOS? ................................................................... 32
GRAFICO 5 DISPONIBILIDAD DEL PRODUCTO ........................................................................ 33
GRAFICO 6 TIEMPO EN VENTA .............................................................................................. 34
GRAFICO 7 FACTURAS .......................................................................................................... 35
GRAFICO 8 BÚSQUEDA DE ARTÍCULOS .................................................................................. 36
GRAFICO 9 MEJORAR MANEJO DE INVENTARIO..................................................................... 37
GRAFICO 10 PAGOS DE COMPRAS ......................................................................................... 38
GRAFICO 11 FASES DE LA METODOLOGÍA ............................................................................ 42
GRAFICO 12 CASO DE USO ADMINISTRADOR ........................................................................ 49
GRAFICO 13 CASO DE USO AYÚDATE DE MOSTRADOR ......................................................... 49
GRAFICO 14 CASO DE USO BODEGUERO ............................................................................... 50
GRAFICO 15 CRONOGRAMA DE ACTIVIDADES....................................................................... 54
GRAFICO 16 BASE DE DATOS – MODELO FÍSICO .................................................................. 56
GRAFICO 17 BASE DE DATOS – MODELO LÓGICO ................................................................ 57
GRAFICO 18 TABLA USUARIOS ............................................................................................. 58
GRAFICO 19 TABLA PRODUCTOS .......................................................................................... 59
GRAFICO 20 TABLA PROVEEDORES ...................................................................................... 60
GRAFICO 21 TABLA MOVIMIENTO DE PRODUCTOS ............................................................... 61
GRAFICO 22 TABLA COMPRAS.............................................................................................. 62
GRAFICO 23 TABLA DEVOLUCIONES .................................................................................... 63
GRAFICO 24 TABLA CLIENTES .............................................................................................. 64
GRAFICO 25 TABLA CATEGORÍA .......................................................................................... 64
GRAFICO 26 TABLA CONFIGURACIONES ............................................................................... 65
GRAFICO 27 FORMULARIO INGRESO DE PROVEEDORES ........................................................ 66
GRAFICO 28 FORMULARIO INGRESO DE PRODUCTOS ............................................................ 66
GRAFICO 29 FORMULARIO INGRESO DE COMPRAS ............................................................... 67
GRAFICO 30 FORMULARIO DE FICHA DE PRODUCTO............................................................. 67
GRAFICO 31 FORMULARIO INGRESO DE FACTURA ................................................................ 68
GRAFICO 32 FORMULARIO REPORTE DE FACTURA ............................................................... 68
RESUMEN
La Empresa “ExportBroker S.A” de la ciudad de Quito, se dedica a la venta y exportación

de rosas, el inconveniente que se presenta en la empresa es la realización de procesos de
forma manual existentes.
Para el desarrollo de la alternativa de la solución se realizó una investigación de campo al
personal de empresa y a los clientes en donde se realizó un estudio sobre procesos de
ventas y de esta forma mejorar la organización de los productos y sus características.
Como alternativa de solución se planteó una aplicación web para la gestión de ventas de la
empresa “ExportBroker S.A”.
El proyecto está encaminado también en fortalecer el sistema de facturación tanto en
compra como de asignación de los productos.
Nuestro Inventario cuenta con un control de entrada y asignación de productos mediante la
utilización de Kardex el cual nos proporcionará la información necesaria y controlar el
stock de los productos en bodega.
La aplicación web también cuenta con el módulo de facturación electrónica en donde
enviamos los documentos electrónicos de forma directa y rápida a los servidores del Sri y
de tal manera los clientes reciben en su correo las facturas electrónicas de forma más fácil
para poder realizar sus declaraciones.
La metodología utilizada en el desarrollo del módulo es la metodología RUP, esta
metodología es utilizada en la programación orientada a objetos y la aplica varias de las
mejores prácticas en el desarrollo moderno de software en una forma que se adapta a un
amplio rango de proyectos y de organizaciones.
Provee a cada miembro del equipo, un fácil acceso a una base de conocimiento con guías,
plantillas y herramientas para todas las actividades críticas del desarrollo de software. Esta
metodología permite que todos los integrantes de un equipo de trabajo, conozcan y
compartan el proceso de desarrollo
Además, el módulo cuenta con seguridades como el control de usuarios y privilegios, esto
se maneja a partir de la base de datos en Mysql del módulo y así dar acceso solo a los
empleados designados en cada una de sus tareas en el módulo.
Este es un sistema que está desarrollado bajo plataformas GNU Linux, y tiene
compatibilidad con cualquier sistema operativo, mediante el uso de navegadores actuales.
ABSTRACT
The Company “ExportBroker” is located in Quito city and it mainly deals in sale and
export of roses. It is essential to mention that one of the biggest issues found within the
company is that the processes carried out in the mentioned placed are still registered in a
manual form.
To suggest a proposal, it was relevant to perform a field research by analyzing the staff
member as well as customers. Consequently, a deep study on sales processes was made in
order to improve organization and characteristics of products.
On top of that, it was suggested to deploy a web application in order to manage sales
processes effectively. In addition, this research is also aimed to strengthen product
allocation processes as well as billing and sale systems.
One should bear in mind that the stock ledger gives importance to control of purchasing as
well as product allocation throughout the computing system with the name “Kardex”. This
system allows one to get appropriate information as well as to meet the product stock.
The web application has got an electronic billing device which allows sending electronic
invoices to the public institution SRI; in this way, clients can easily get their bills in their
email accounts for keeping their tax records.
The methodology being used within this research has RUP traits and it is based on goal-
achievement applications. Furthermore, it is applied to the best practices of top of the line
software as it easily gets adapted to projects and organizations.
The software gives easy access to every staff member as it has guides, forms, and tools for
every activity. Then, all members at the company will be familiarized with the computing
system being suggested. It is crucial to say that mentioned software is a safe and reliable
account; in addition, this software is controlled through the data base “Mysql” in order to
give secure and timely assigned tasks to specific people. Also, this system bases on GNU
Linux platform; therefore, it has compatibility with other operative systems as it uses
current search engines.
INTRODUCCIÓN
Antecedentes de la Investigación
Hoy en día todos los seres humanos usamos de una u otra manera el internet, a veces
directa y a veces indirectamente, pero lo usamos. Las tendencias en lo digital crecen como
espuma, por su alcance masivo. Y es tan necesario en lo personal como en lo profesional.
En el Ecuador la penetración del internet crece, el 54% de las personas utilizan el internet
al menos una vez al día.
En la industria móvil, Ecuador sigue las tendencias globales, en 2014 la base móvil llegó a
17 millones, o 113% de tasa de penetración, mientras que el número de propietarios de los
Smartphone se duplicaron en sólo 2 años. Esto se debe también al acceso a la tecnología
que está en constante crecimiento.
Hoy en día, gracias a un Smartphone, o computador se puede comprar de todo sin

necesidad de ir a los establecimientos. Compramos ropa, muebles, celulares,
electrodomésticos, accesorios, comida y más sólo a través de fotos. Con procesos muy
simples e intuitivos, se facilita la utilización para que cualquier persona lo pueda hacer y
con diferentes formas de pago.
Nuestro mercado ecuatoriano cada vez crece más, por esta razón existe esta oportunidad de
crear una plataforma E-Commerce para poder brindar la solución de compra directa de
flores, ya que se vio en este crecimiento tecnológico una excelente oportunidad de
negocio. (Republica, 2016)
En la medida en que las operaciones de la empresa se hacen más complejas y los recursos
más costosos y difícil de conseguir, los administradores de empresas se han visto en la
necesidad de diseñar e implementar cada vez mejores métodos que le permitan controlar el
uso de dichos recursos, en especial sus inventarios y pedidos de clientes finales. Por lo
tanto, se han desarrollado modelos de control y administración de inventarios de mercancía
adaptados a las características y circunstancias de cada organización, pero basados todos
en principios y normas de aceptación general.
1
La implementación de una plataforma E-Commerce para mejorar el manejo de ventas
directas, inventario, facturación y pedidos es esencial ya que la empresa tiene una gran
cantidad de pedidos realizados que se maneje por la plataforma de esa forma es más fácil
que los usuarios permitidos puedan ingresar desde cualquier parte del mundo para poder
administrar y llevar correctamente la logística de entrega de sus productos. (Montes
Chunga, 2009)
Es un documento electrónico que sustenta una transacción comercial en el Ecuador, y el

cual debe cumplir con requisitos legales y técnicos exigidos por el SRI. Además, garantiza
la autenticidad de su origen y la integridad de su contenido a través de la firma electrónica.
En el 2014 el uso de comprobantes electrónicos será OBLIGATORIO, de acuerdo a lo
publicado en el Registro Oficial No. 956. Los sujetos pasivos, excepto las entidades
públicas, deberán emitir facturas, comprobantes de retención, guías de remisión, notas de
crédito y notas de débito únicamente a través de mensajes de datos firmados
electrónicamente. Ahora los comprobantes de venta deben ser enviados por Internet a
través de un sistema informático que cumpla con las regulaciones del SRI. (Maldonado,
2017)
Planteamiento del Problema
América Latina se ha convertido en una región que ha captado el interés internacional en

materia de comercio e inversión en emprendimientos tecnológicos debido a su crecimiento
continuo e inclusivo. En Ecuador hay aproximadamente 9 millones de personas que
confían en la compra online, y muchas de ellas son de la generación de los millenials y de
los centenial, o sea personas que nacieron en la era digital y de internet. Son usuarios que
se mueven en redes sociales (como Facebook, Twitter e Instagram) y la experiencia de
comprar online les es natural. Por lo tanto, al realizarse los diferentes estudios de mercado
se puede determinar que no existe una plataforma de compra directa de flores y que para
obtener un aumento de ventas y un mejor manejo administrativo se debe implementar una
plataforma que cuente con varios procesos que facilitara las compras para nuestros clientes
y controlar de mejor manera el ámbito administrativo de la empresa ExportBroker.
La empresa ExportBroker en la actualidad no cuenta con ninguna herramienta informática

para poder llevar todos sus procesos administrativos, esto causa que se deba realizar todo
2
el trámite de pedidos y ventas de forma manual y tareas como el ingreso de pedidos,
ingreso de clientes, no se lleva el respectivo registro de cliente-producto, una de los
inconvenientes más denotados que se ha encontrado es el mal manejo de los inventarios y
por estas razones no se puede ofrecer un catálogo actualizado a los clientes finales.
En los procesos que actualmente se desarrollan el control de stock de inventario no se

encuentra correctamente organizado ya que las facturas o pedidos de compra no son
registradas en un sistema, si surge la necesidad de realizar una factura de venta o pedido
simplemente se realizara un ingreso de inventario que cumpla este requerimiento sin
conocer cuál es la cantidad real de producto.
En los pedidos realizados a los clientes la empresa sufre varias pérdidas, ya que los
empleados tienen que manejar grandes cantidades de información y requieren mucho
tiempo para mantener un buen control actualizado de inventario y cuentas por cobrar, por
lo que esto produce una mayor cantidad de tiempo ocupada para cada pedido del cliente y
en ocasiones son pasan por alto la solicitud de algún pedido.
Uno de los aspectos más importantes de una empresa es la realización de estados

financieros, con los que se puede conocer el estado económico y financiero de la empresa,
también los cambios experimentados en un periodo de tiempo. Pero al ser informes
realizados por periodos, contienen mucha información, y se emplean varios procesos que
al ser llevados por empleados requieren mucho esfuerzo, tiempo y varias revisiones lograr
precisión.
La empresa tiene que generar anexos constantemente para el SRI (Servicio de Rentas
Internas), y estos deben ser entregados en formatos XML que ya se encuentran
predefinidos, por lo que se puede incluir en el sistema ya que generarlos consume tiempo y
esfuerzo por parte de los empleados.
Formulación del Problema
¿Cómo mejorar la gestión de ventas de la empresa ExportBroker?
3
Delimitación del Problema
El presente trabajo de investigación se lo realizó en la empresa “EXPORTBROKER” de

la ciudad de Quito, Provincia de Pichincha, ubicada en el Barrio Calderón durante el
último trimestre del año 2017 y primer semestre del 2018
Identificación de la Línea De Investigación
Desarrollo de Software y Programación de Sistema.
Objetivos
Objetivo General
Implementar una aplicación web de venta de flores con facturación electrónica para la
empresa ExportBroker S.A
Objetivos Específicos
 Fundamentar científicamente las aplicaciones web, sus herramientas de desarrollo,

la facturación electrónica y las tiendas virtuales.
 Diagnosticar los procesos actuales de gestión de ventas en la Empresa
ExportBroker S.A.
 Desarrollar la aplicación web para la gestión de venta de flores con facturación
electrónica para la empresa ExportBroker S.A.
Idea A Defender
Con la implementación de una aplicación web de venta de flores con facturación

Variables
Variable Dependiente:
Venta de flores con facturación electrónica
Variable Independiente:
Aplicación web
4
Justificación del Tema
En la actualidad el control y manipulación de información es de mucha importancia ya que

esta es necesaria para poder realizar operaciones muy necesarias para la empresa.
El presente proyecto se lo realiza con el fin de mejorar el servicio al cliente de la empresa

tanto, así como a sus empleados en la organización de sus productos tanto de entrada al
inventario como a salida y manejo del kardex y facilitar reportes instantáneos.
Además, al tener una variedad de productos se debe conocer el stock de cada uno obtener
datos de manera rápida y poder realizar pedidos a tiempo para evitar un desabastecimiento
de productos.
Con la implementación de esta plataforma esperamos satisfacer las necesidades de cada

uno de los empleados de la empresa como también de los clientes finales, para que al
momento de sus compras y pagos no tenga inconveniente alguno y se ahorre mucho
tiempo de operaciones, y de la misma forma se pueda recaudar con mayor eficacia las
facturas de clientes.
El propósito del presente trabajo es poder mejorar el funcionamiento de la empresa con

una aplicación web de venta de flores y con esto poder agilizar la emisión de
comprobantes de pago, facturas de clientes finales y así brindar un mejor servicio al
cliente.
5
CAPÍTULO I
1 MARCO TEÓRICO
1.1 Aplicación Web
1.1.1 Definición
Las aplicaciones web son un tipo de software que se codifica en un lenguaje soportado por
los navegadores web y cuya ejecución es llevada a cabo por el navegador en Internet o de
una intranet , de ahí que reciban el nombre de App web.
Que las aplicaciones web sean ejecutadas por medio de un navegador web en una red
significa que los datos o los archivos en los que trabajas son procesados y almacenados
dentro de la una red a través de un navegador. Por este motivo, este tipo de aplicaciones
por lo general, no necesitan ser instaladas en el ordenador o el móvil.
Una página Web puede contener elementos que permiten una comunicación activa entre el
usuario y la información, haciendo que éste acceda a los datos de forma interactiva, ya que
el sitio web se encargará de responder a cada una de las acciones que éste ejecute (por
ejemplo, acceder a gestores de bases de datos de todo tipo, publicar e interactuar con los
contenidos, rellenar y enviar formularios, participar en juegos, etc.
Las aplicaciones web están íntimamente relacionadas con el almacenamiento de datos en

la nube, ya que toda la información se guarda de forma permanente en servidores web, los
cuales además de alojar dicha información, nos la envían a nuestros dispositivos móviles o
equipos informáticos en cada momento que sea requerida, realizando copias temporales de
estos envíos dentro de los equipos y dispositivos que utilicemos. (Mateu, 2004)
1.1.1.1 Antecedentes
En un principio la web era sencillamente una colección de páginas estáticas, documentos,

etc., para su consulta o descarga. El paso inmediatamente posterior en su evolución fue la
inclusión de un método para elaborar páginas dinámicas que permitieran que lo mostrado
tuviese carácter dinámico. Este método fue conocido como CGI (“Common Gateway
Interface”) y definía un mecanismo mediante el que se podía pasar información entre el
servidor y ciertos programas externos. Los CGIs siguen utilizándose ampliamente; la
6
mayoría de los servidores web permiten su uso debido a su sencillez. Además, dan total
libertad para elegir el lenguaje de programación que se desea emplear.
El funcionamiento de los CGIs tenía un punto débil: cada vez que se recibía una petición,
el servidor debía lanzar un proceso para ejecutar el programa CGI. Como la mayoría de
CGIs estaban escritos en lenguajes interpretados, como Perl o Python, o en lenguajes que
requerían "run-time environment", como Java o VisualBasic, el servidor se veía sometido
a una gran carga. La concurrencia de múltiples accesos al CGI podía comportar problemas
graves. (Mora, 2002)
1.1.1.2 Ventajas
 Compatibilidad multiplataforma.
Las aplicaciones web tienen un camino mucho más sencillo para la compatibilidad
multiplataforma que las aplicaciones de software descargables. Varias tecnologías
incluyendo PHP, Java, JSF y Ajax permiten un desarrollo efectivo de programas
soportando todos los sistemas operativos principales. (Mora, 2002)
 Actualización.
Las aplicaciones basadas en web están siempre actualizadas con el

último lanzamiento sin requerir que el usuario tome acciones pro-activas, y sin
necesitar llamar la atención del usuario o interferir con sus hábitos de trabajo con la
esperanza de que va a iniciar nuevas descargas y procedimientos de instalación
(algunas veces imposible cuando usted está trabajando dentro de grandes
organizaciones). (Mora, 2002)
 Inmediatez de acceso.
Las aplicaciones basadas en web no necesitan ser descargadas, instaladas y

configuradas. Usted accede a su cuenta online y están listas para trabajar sin importar
cuál es su configuración o su hardware. (Mora, 2002)
7
 Menos requerimientos de memoria.
Las aplicaciones basadas en web tienen muchas más razonables demandas de memoria
RAM de parte del usuario final que los programas instalados localmente. Al residir y
correr en los servidores del proveedor, a esas aplicaciones basadas en web usa en
muchos casos la memoria de las computadoras que ellos corren, dejando más espacio
para correr múltiples aplicaciones del mismo tiempo sin incurrir en frustrantes
deterioros en el rendimiento. (Mora, 2002)
 Menos Errores (Bugs).
Las aplicaciones basadas en web deberían ser menos propensas a colgarse y crear
problemas técnicos debido a software o conflictos de hardware con otras aplicaciones
existentes, protocolos o software personal interno. Con aplicaciones basadas en web,
todos utilizan la misma versión, y todos los bugs pueden ser corregidos tan pronto
como son descubiertos. Esta es la razón por la cual las aplicaciones basadas en web
deberían tener mucho menos bugs que el software de escritorio descargable tradicional.
(Mora, 2002)
 Los datos también van online.
Por supuesto con el desplazamiento de las aplicaciones locales a aquellas basadas en

web también los datos que creamos y accedemos van a necesitar experimentar
profundos cambios. A nadie le gusta no poder acceder a su propio e-mail cuando está
de viaje, o poder recuperar un documento particular cuando se conecta desde un cyber
café a 15.000 kilómetros de su oficina. Con las aplicaciones web este problema se
resuelve ya que se puede acceder a la información desde cualquier parte del mundo.
(Mora, 2002)
1.1.2 Arquitectura
Una aplicación Web es proporcionada por un servidor Web y utilizada por usuarios que
se Conectan desde cualquier punto vía clientes Web (browsers o navegadores). La
arquitectura de un Sitio Web tiene tres componentes principales:
 Un servidor Web
 Una conexión de red
8
 Uno o más clientes
El servidor Web distribuye páginas de información formateada a los clientes que las
solicitan. Los requerimientos son hechos a través de una conexión de red, y para ello se
usa el protocolo HTTP. Una vez que se solicita esta petición mediante el protocolo HTTP
y la recibe el servidor Web, éste localiza la página Web en su sistema de archivos y la
envía de vuelta al navegador que la solicitó.
Las aplicaciones Web están basadas en el modelo Cliente/Servidor que gestionan

servidores web, y que utilizan como interfaz páginas web.
Las páginas Web son el componente principal de una aplicación o sitio Web. Los browsers
piden páginas (almacenadas o creadas dinámicamente) con información a los servidores
Web. En algunos ambientes de desarrollo de aplicaciones Web, las páginas contienen
código HTML y scripts dinámicos, que son ejecutados por el servidor antes de entregar la
página.
Una vez que se entrega una página, la conexión entre el browser y el servidor Web se
rompe, es decir que la lógica del negocio en el servidor solamente se activa por la
ejecución de los scripts de las páginas solicitadas por el browser (en el servidor, no en el
cliente). Cuando el browser ejecuta un script en el cliente, éste no tiene acceso directo a los
recursos del servidor. Hay otros componentes que no son scripts, como los applets (una
aplicación especial que se ejecuta dentro de un navegador) o los componentes ActiveX.
Los scripts del cliente son por lo general código JavaScript o VB Script, mezclados con
código HTML. (Xavier Vilajosana Guillén, 2012)
1.1.3 Estructura de la aplicación Web
A nivel técnico, las tecnologías que se utilizan son HTML con CSS, JavaScript y Flash del
lado del Browser, PHP como lenguaje lado servidor y SQL como lenguaje de bases de
datos para comunicar con un servidor MySQL. Las comunicaciones entre Flash y base de
datos se realizarán mediante pasarelas PHP y como lenguaje de intercambio se usará
XML. En comunicaciones especiales, como es el caso de la API de Google Maps, se usará
AJAX.
9
Se cuidan las posibilidades de acceso a la aplicación, haciéndola compatible con Microsoft
Internet Explorer y Mozilla Firefox, Google Chrome que abarcan más del 95% de la
población de navegadores de Internet. (Centro de Apoyo Tecnológico a Emprendedores de
Albacete, 2012)
1.1.3.1 Diferencia entre aplicaciones web y aplicación de internet enriquecida
Las aplicaciones web se ejecutan nativamente desde el navegador. Pero existen algunas
aplicaciones que funcionan desde el navegador, pero además requieren la instalación de un
software en el ordenador para poder utilizarse. Estas aplicaciones se denominan
Aplicaciones de Internet Ricas.
El motivo de usar este software adicional es que hay muchas funcionalidades que los
navegadores no pueden ofrecer, y él enriquece a las aplicaciones web ofreciendo dichas
funcionalidades. (Centro de Apoyo Tecnológico a Emprendedores de Albacete, 2012)
1.1.4 Tecnologías
Los sitios Web requieren una combinación de tecnologías que ayudan a crear las páginas
web. Vamos a examinar algunas de las tecnologías que se utilizan para crear sitios web y
su contribución al diseño web. Como la mayoría de las tecnologías están avanzando con
las nuevas versiones, vamos a discutir las características básicas. (Puig, 2013
1.1.4.1 Ajax
Ajax es un nuevo operador en la interfaz del usuario y algunos de los principales sitios
web como Google lo utilizan para proporcionar a los usuarios un mayor nivel de
interactividad y personalización de sus opciones de visualización. AJAX proporciona a los
usuarios una capacidad de la interfaz de molde y sólo los puntos de la pantalla que
necesitan. (Puig, 2013)
1.1.4.2 Css
Aunque el CSS no es una tecnología, vale la pena mencionar su ayuda, ya que crea la
uniformidad en todo el sitio web. Las Hojas de Estilo en Cascada o CSS permiten a los
diseñadores crear las reglas de la pantalla en un archivo central que luego se aplican a
través de la página web. Un sitio web puede tener más de un CSS. Algunas de las ventajas
10
del uso de CSS en los archivos son el mantenimiento de estilos de fuente y colores, la
barra de navegación, pie de página y, a veces, incluso algunos de los gráficos en el sitio
web. (Puig, 2013)
1.2 E-Commerce
1.2.1 Antecedentes
E-Commerce se refiere al uso de un medio electrónico para realizar transacciones. El

sistema de negocios pasó de ser un local comercial a movilizar billones de dólares por año
alrededor del mundo, permitiendo a las empresas ser más eficientes y flexibles en sus
operaciones; sólo en los Estados Unidos existen aproximadamente 100 mil tiendas online
que ofrecen una variedad de productos.
De acuerdo al Centro Global de Mercado Electrónico, el comercio electrónico es

“cualquier forma de transacción o intercambio de información con fines comerciales en la
que las partes interactúan utilizando Tecnologías de la Información y la Comunicación
(TIC), en lugar de hacerlo por intercambio o contacto físico directo”, es con el uso de la
tecnología como medio y fin de comercialización dentro de los negocios cuando se detecta
la necesidad, tanto de las empresas comerciantes como de los consumidores, de reducir
tiempos de entrega, espacios físicos y costos.
El comienzo del comercio electrónico data en 1920 en los Estados Unidos cuando aparece
la venta por catálogo que revolucionó la forma de distribución tradicional. Ésta fue la
primera forma de comprar sin antes ver físicamente el producto; funcionaba mediante
fotos ilustrativas y posibilitaba vender en zonas rurales de difícil acceso. (Coloma, 2014)
1.2.2 Interfaz
Las interfaces de usuario tienen un papel relevante en esta práctica, pero me parece que
ciertas propuestas para su “enriquecimiento" se deben más a intereses comerciales que a
mejorar las experiencias de uso.
Hay analistas que han llegado a comparar esta nueva herramienta con un sistema
operativo. Algunos técnicos han criticado este enfoque basándose en la teoría
convencional sobre los SO, además de recordar que Chrome requiere trabajar sobre un
11
Windows, Linux, Mac OS, que son los que manejan los recursos de máquina. La realidad
es que, con independencia de lo que piensen y digan los expertos en informática, “la
aplicación web” se reduce a la interfaz para una inmensa mayoría de los usuarios.
En las nuevas aplicaciones, la interacción es mucho mayor, pero los usuarios no tienen un
modelo mental claro de su funcionamiento. Se introducen novedades que les pueden
generar problemas. No son intuitivas y no siguen las convenciones actuales, por lo que no
está claro qué deben hacer los usuarios para interactuar, lo que les exige un proceso de
aprendizaje, que puede ser difícil para algunos. (Martín, 2013)
1.2.3 Consideraciones Técnicas
Es necesario en algunas ocasiones recordar que las consideraciones técnicas para

desarrollar aplicaciones de cualquier tipo, van mucho más allá de la preferencia por una
marca de dispositivo o un lenguaje de programación.
Una de las vías que algunos usan para intentar evadir el tema de luchar con diferentes tipos
de dispositivos y diferentes lenguajes de programación que suponen las aplicaciones stand
alone móvil, es la web móvil, sin embargo la gran mayoría, a mi pesar, no pasa de pensar
que las aplicaciones web móvil, son simplemente webs pequeñas para presentar a los
usuarios contenido, también distribuido de forma pequeña, eso es un pensamiento típico de
usuario, lo realmente malo es que algunos profesionales o personas técnicas dedicadas al
tema, no tengan el sentido común para saber que esto no es así o bien no se tomen siquiera
el trabajo de investigar y entreguen malos productos que finalmente no cumplen con todas
las necesidades. (Martín, 2013)
1.2.4 Uso empresarial
Las empresas en la actualidad brindan acceso vía web a sus usuarios, lo cual ayuda al
desarrollo en un mercado mucho más grande, mediante aplicaciones distribuidas
desarrolladas para una interfaz web, que permita que la interacción con el usuario de una
manera más oportuna y eficaz. De esta manera al usar este tipo de aplicaciones, no hay
necesidad de que la aplicación web sea instalada en el ordenador del usuario, la empresa
deberá tener instalada la aplicación en su servidor o a la vez deberá pagar una cuota
mensual que le permita mantener sus aplicaciones web, para que la aplicación sea usada.
(Coloma, 2014)
12
1.2.5 Ventajas
 No hay limitaciones geográficas, esto es porque la red es global así que puedes
ampliar tu comercio a donde sea.
 Puedes mostrar y ofertar una mayor gama de productos.
 El coste tanto de inicio como de mantenimiento es mucho más reducido que en un
negocio de comercio tradicional.
 Ahorra tiempo al momento de realizar la compra para el cliente.
 Existe una mayor facilidad para desarrollar las estrategias de marketing en lotes,
cupones y descuentos.
 Puedes ofrecer más información al cliente.
 Existe una mayor posibilidad de ofrecer una mejor comparativa de productos con
sus precios y características. (Coloma, 2014)
1.2.6 Desventajas
 La competencia es mucho mayor ya que cualquiera puede poner en marcha este

tipo de negocios.
 Existen consumidores que prefieren ver el producto antes de comprarlo y
desconfían de los pagos en línea.
 No todos los productos pueden venderse en línea con la misma facilidad.
 Los gastos de envío pueden resultar muy caros cuando el volumen es pequeño.
 Fidelizar a un cliente es bastante difícil por la amplia gama de competencia.
 La seguridad del sitio puede dar muchas dudas a los clientes potenciales.
 Los consumidores quieren el mejor precio y el mejor servicio y es difícil conseguir
ambos siempre. (Coloma, 2014)
1.3 Herramientas de Desarrollo
1.3.1 HTML
Hyper Text Markup Lenguaje o HTML proporciona la base para la creación de páginas
web. Crea archivos de texto que son leídos por los navegadores web. Los archivos HTML
son muy versátiles, ya que permiten la entrega de archivos de imagen, contenido y campos
de formulario en línea para los usuarios. HTML pueden ser creadas por la dirección el
código directamente en el Bloc de notas o con la ayuda de los editores de HTML que se
13
utilizan en gran medida por los diseñadores. Algunos de los más populares son los editores
de HTML Dreamweaver y Frontpage. (Vega, 2011)
1.3.2 PHP
PHP es el acrónimo de Hipertext Preprocesor. Es un lenguaje de programación del lado del

servidor gratuito e independiente de plataforma, rápido, con una gran librería de funciones
y mucha documentación.
Un lenguaje del lado del servidor es aquel que se ejecuta en el servidor web, justo antes de
que se envíe la página a través de Internet al cliente. Las páginas que se ejecutan en el
servidor pueden realizar accesos a bases de datos, conexiones en red, y otras tareas para
crear la página final que verá el cliente. El cliente solamente recibe una página con el
código HTML resultante de la ejecución de la PHP. Como la página resultante contiene
únicamente código HTML, es compatible con todos los navegadores. Podemos saber algo
más sobre la programación del servidor y del cliente en el artículo qué es DHTML. (Vega,
2011)
1.3.3 JavaScript
Javascript tiene muy poco que ver con Java. Javascript proporciona ciertos controles de
interfaz de usuario que puede hacer un sitio web más interesantes, así como añadir
características de uso fácil en el sitio web. Ratón roll overs, Downs caída de navegación y
validación de formularios web son algunos de los más usos prácticos de JavaScript.
Hay muchas otras tecnologías de interfaz de usuario que pueden utilizarse por los
diseñadores. Algunos son bien conocidos y algunos podrían ser un nuevo camino
rompiendo la tecnología. Las tecnologías son las que son las más comunes y bien
conocidas en la comunidad. (Vega, 2011)
1.3.4 IDE de desarrollo
Un entorno de desarrollo integrado, es un entorno de programación que ha sido

empaquetado como un programa de aplicación, es decir, consiste en un editor de código,
un compilador, un depurador y un constructor de interfaz gráfica (GUI).
14
Los IDE proveen un marco de trabajo amigable para la mayoría de los lenguajes de
programación tales como C++, PHP, Python, Java, C#, Delphi, Visual Basic, etc. En
algunos lenguajes, un IDE puede funcionar como un sistema en tiempo de ejecución, en
donde se permite utilizar el lenguaje de programación en forma interactiva, sin necesidad
de trabajo orientado a archivos de texto. (Vega, 2011)
1.4 Seguridades
1.4.1 Fundamentos de la Seguridad Informática
La seguridad informática o seguridad de tecnologías de la información es el área de la

informática que se enfoca en la protección de la infraestructura computacional y todo lo
relacionado con esta y, especialmente, la información contenida o circulante. Para ello
existen una serie de estándares, protocolos, métodos, reglas, herramientas y leyes
concebidas para minimizar los posibles riesgos a la infraestructura o a la información.
La seguridad informática debe establecer normas que minimicen los riesgos a la

información o infraestructura informática. Estas normas incluyen horarios de
funcionamiento, restricciones a ciertos lugares, autorizaciones, denegaciones, perfiles de
usuario, planes de emergencia, protocolos y todo lo necesario que permita un buen nivel de
seguridad informática minimizando el impacto en el desempeño de los trabajadores y de la
organización en general y como principal contribuyente al uso de programas realizados por
programadores. (Tori, 2008)
1.4.2 Criptosistemas de Clave Secreta
Denominamos criptosistema de clave secreta (de clave privada, de clave única o simétrico)
a aquel criptosistema en el que la clave de cifrado, puede ser calculada a partir de la de
descifrado y viceversa. En la mayoría de estos sistemas, ambas claves coinciden y por
supuesto han de mantenerse como un secreto entre emisor y receptor: si un atacante
descubre la clave utilizada en la comunicación, ha roto el criptosistema.
Los sistemas de cifrado de clave única se dividen a su vez en dos grandes grupos de
Criptosistemas: por una parte, tenemos los cifradores de flujo, que son aquellos que
pueden cifrar un sólo bit de texto claro al mismo tiempo, y por tanto su cifrado se produce
15
bit a bit, y por otro lado tenemos los cifradores de bloque, que cifran un bloque de bits
(habitualmente, cada bloque es de 64 bits) como una única unidad. (Lockhart, 2006)
1.4.3 Criptosistemas de Cifrado en Flujo
Los cifradores en flujo son apropiados para utilizarlos en los sistemas de comunicaciones
de tiempo real, como lo es la telefonía móvil digital, debido a que el proceso de
cifrado ⁄ descifrado se realiza elemento a elemento.
Los cifradores en flujo están formados por:
Un generador de claves: a partir de una clave de inicialización K produce una secuencia

de bits igual a la longitud del mensaje, dicha secuencia de bits es empleada como la clave
en el proceso de cifrado ⁄ descifrado. Tanto emisor como receptor cuentan con un
generador de claves, los cuales producen claves idénticas en ambos extremos de la
comunicación.
El algoritmo de cifrado: realiza operaciones elemento a elemento, es decir que el

algoritmo de cifrado se va aplicando a un elemento de información del MCla con un
elemento de la clave (ya sean bits o caracteres según se esté trabajando), para obtener así el
criptograma. (Lockhart, 2006)
1.4.4 Criptosistemas de Clave Pública
El principio del cifrado asimétrico (también conocido como cifrado con clave pública)
apareció en 1976, con la publicación de un trabajo sobre criptografía por Whitfield
Diffie y Martin Hellman.
En un criptosistema asimétrico (o criptosistema de clave pública), las claves se dan en

pares:
 Una clave pública para el cifrado;
 Una clave secreta para el descifrado.
En un sistema de cifrado con clave pública, los usuarios eligen una clave aleatoria que sólo
ellos conocen (ésta es la clave privada). A partir de esta clave, automáticamente se deduce
un algoritmo (la clave pública). Los usuarios intercambian esta clave pública mediante un
canal no seguro.
16
Cuando un usuario desea enviar un mensaje a otro usuario, sólo debe cifrar el mensaje que
desea enviar utilizando la clave pública del receptor (que puede encontrar, por ejemplo, en
un servidor de claves como un directorio LDAP). El receptor podrá descifrar el mensaje
con su clave privada (que sólo él conoce). (Lockhart, 2006)
1.4.5 Funciones de Autenticación e Integridad.
En general, los mecanismos necesarios para soportar autenticidad e integridad de la

información a todos los niveles. En el caso de la autenticación será necesario por un lado
permitir que usuarios se autentiquen a sí mismos y comprueben la autenticidad de otros,
pero también debe permitirse que sistemas informáticos (servidores) se autentiquen entre sí
y ante una petición de un usuario. La integridad de la información se podrá entender como
la necesidad de que la información no sea modificada en tránsito, para lo que será
necesario establecer los mecanismos criptográficos adecuados, o la necesidad de que la
información que reside en los sistemas no se degrade o pueda ser manipulada. (Tori,
2008)
1.4.6 Firma Digital y Certificados Digitales.
Firma Digital: Es el conjunto de datos en forma electrónica, consignados junto a otros o

asociados con ellos, que pueden ser utilizados como medio de identificación del firmante.
La firma digital permite al receptor de un mensaje verificar la autenticidad del origen de la
información, así como verificar que dicha información no ha sido modificada desde su
generación. (Tori, 2008)
Certificado Electrónico: es un documento firmado electrónicamente por un prestador de

servicios de certificación que vincula unos datos de verificación de firma a un firmante y
confirma su identidad. (Tori, 2008)
1.4.7 Aplicaciones Seguras
La seguridad de aplicaciones web es una rama de la Seguridad Informática que se encarga

específicamente de la seguridad de sitios web, aplicaciones web y servicios web.
17
A un alto nivel, la seguridad de aplicaciones web se basa en los principios de la seguridad
de aplicaciones, pero aplicadas específicamente a la World Wide Web. Las aplicaciones,
comúnmente son desarrolladas usando lenguajes de programación tales
como PHP, JavaScript, Python, Ruby, ASP.NET, JSP, entre otros. (Lockhart, 2006)
1.5 Ventas
1.5.1 Definición
La venta es una de las actividades más pretendidas por empresas, organizaciones o

personas que ofrecen algo (productos, servicios u otros) en su mercado meta, debido a que
su éxito depende directamente de la cantidad de veces que realicen ésta actividad, de lo
bien que lo hagan y de cuán rentable les resulte hacerlo.
La venta también es el contrato a través del cual se transfiere una cosa propia
a dominio ajeno por el precio pactado. La venta puede ser algo potencial (un producto que
está a la venta pero que aún no ha sido comprado) o una operación ya concretada (en este
caso, implica necesariamente la compra). (Matthew Dixon, 2016)
1.5.2 Facturación
La gestión de las facturas es un punto clave en cualquier organización, éstas pueden ser
recibidas en diversos formatos (papel, factura digitalizada y factura electrónica), y tanto en
la emisión como en su recepción están involucrados diferentes perfiles de usuario que
llevan a cabo su tramitación. Esto complica la gestión, manipulación y archivo; en
definitiva, su control lo que conlleva pérdidas de información, de tiempo y de recursos.
Para lograr este control, se debe automatizar al máximo los procesos, disponer de la
información siempre accesible, actualizada y centralizada, así como conocer la normativa
vigente y las posibilidades que ofrece. (Acosta, 2015)
1.5.3 Inventario
La gestión de inventarios se incluye dentro de la rama de la contabilidad de costes y se

define como la administración adecuada del registro, compra, salida de inventario dentro
de la empresa.
18
Una empresa suele mantener un número mínimo de stock para hacer frente a aumentos de
demanda, de la misma forma que también tiene que disponer del material necesario para
continuar con la producción y que no se produzca ninguna pausa en la actividad.
La gestión de reparaciones en una empresa, controla de modo efectivo los avisos de

asistencia técnica realizados por los clientes y el tratamiento aplicado por los técnicos en
cada uno de los casos, llevando un detallado registro de todas las reparaciones realizadas
por día.
Se puede decir que la gestión de reparaciones es un servicio prestado que mantiene un

conjunto de acciones las cuales son realizadas para servir a alguien, algo o alguna causa.
Los servicios son funciones ejercidas por las personas hacia otras personas con la finalidad
de que estas cumplan con la satisfacción de recibirlos. Los servicios prestados es una
comunidad cualquiera están determinados en clases, a su vez estas clases están
establecidas de acuerdo a la figura, personal o institucional que lo ofrece o imparte.
(Acosta, 2015)
1.5.3.1 Control de Inventario
El sistema contable establece el término inventario como una cuenta y dentro de ella se
especifican las diversas denominaciones de existencias. Inventarios: “son los bienes de una
empresa destinado a la venta o la producción de productos para su posterior venta, como
materia prima, producción en proceso, artículos terminados y otros materiales que se
utilizan en el empaque, envase de mercancías o las refacciones para mantenimiento que se
consuman en el ciclo normal de las operaciones”.
Es decir que por medio de este sistema de control de inventario la empresa conoce el valor
de la mercancía en existencia en cualquier momento, sin necesidad de realizar un conteo
físico, porque los movimientos de compra y venta de mercancías se registran directamente
en el momento de realizar la transacción a su precio de costo.
Las empresas que adoptan este tipo de sistema deben llevar un auxiliar de mercancías
denominado "Kardex", en el cuál se registra cada artículo que se compre o que se venda.
La suma y la resta de todas las operaciones en un periodo dan como resultado el saldo final
de mercancías. (Cortes, 2014)
19
1.5.3.2 Importancia de un control de inventario
Permite tener un adecuado registro de inventarios no es simplemente hacerlo porque las

empresas grandes lo hacen, porque el contador lo pide o porque los necesitamos para
armar un balance general. El objetivo principal es contar con información suficiente y útil
para: minimizar costos de producción, aumentar la liquidez, mantener un nivel de
inventario óptimo y comenzar a utilizar la tecnología con la consecuente disminución de
gastos operativos, así como también conocer al final del período contable un estado
confiable de la situación económica de la empresa. (Cortes, 2014)
1.5.3.3 Propósitos de los inventarios
Los inventarios representan uno de los activos más importante de una empresa y
desempeñan múltiples funciones en el mercadeo, promoción, distribución y producción.
“La función primordial de los inventarios es que permiten desglosar o separar las
actividades de producción comercialización y distribución por esta razón se hace necesario
establecer propósitos consistentes de la existencia de estos”. (Cortes, 2014)
1.5.3.4 Beneficios de un adecuado control de inventarios
Tener un adecuado control de inventarios, habla de una empresa eficiente.

Entre los principales beneficios podemos mencionar:
 Información exacta que será útil para aprovisionamiento de productos sin excesos y
sin faltantes.
 Ahorro y reducción de tiempo y costos, durante el proceso de aprovisionamiento.
 Preparar planes de aprovisionamiento de acuerdo con la planificación de
producción y ventas.
 Detectar y gestionar los materiales obsoletos o con poco movimiento. (Cortes,
2014)
1.5.3.5 Procesos de inventario.
Independientemente del método de inventario, el proceso de inventario puede dividirse en

tres fases.
Fases de Inventario
 Preparación de inventario
- Creación de un documento para inventario.
20
- Bloqueo de materiales para contabilización.
- Impresión y distribución del documento para inventario.
 Recuento de inventario
- Recuento de stocks
- Introducción del resultado del recuento en la impresión del documento para
inventario
 Análisis del inventario

- Introducción del resultado del recuento en el sistema
- Inicio de un nuevo recuento, en caso necesario
- Contabilización de las diferencias de inventario
Etapas de tratamiento
En la preparación del inventario, deben realizarse los siguientes pasos básicos:
 Creación de un documento para inventario

 Introducción del recuento de inventario
 Compensación de las diferencias de inventario
Además, también es posible agrupar varias fases individuales y llevarlas a cabo en una única
etapa, tal como se indica a continuación:
 Contabilización del resultado del recuento de inventario sin referencia a un

documento para inventario
En esta etapa, se combina lo siguiente:
- Se crea un documento para inventario.
- Se contabiliza el resultado del recuento.
 Contabilización del resultado del recuento y compensación de diferencias de

inventario
Si existe un documento para inventario, en esta etapa se realiza lo siguiente:
- Se compensa cualquier diferencia de inventario.
21
 Compensación de diferencias de inventario sin referencia a un documento
para inventario
En esta etapa, se combina lo siguiente:
- Se crea un documento para inventario.
- Se compensa cualquier diferencia de inventario.
 Status de inventario
Con el fin de supervisar el proceso de inventario, en cada documento para inventario se
registran las etapas llevadas a cabo. Esta información puede hallarse en una posición o
cabecera de documento.
 Historial de inventario de una posición

En el historial de inventario pueden determinarse las etapas que se han realizado en lo que
respecta a una posición.
También es posible obtener estadística en el documento; la estadística proporciona un listado

del número de posiciones abiertas, contadas, compensadas (diferencias de inventario),
contadas de nuevo o borradas. (Cortes, 2014)
1.5.4 Facturación Electrónica
La facturación electrónica es otra forma de emisión de comprobantes de venta que cumple con los
requisitos legales y reglamentarios exigibles para su autorización por parte del SRI, garantizando la
autenticidad de su origen e integridad de su contenido, ya que incluye en cada comprobante la
firma electrónica del emisor. (Merlo, 2016)
1.5.4.1 Comprobante Electrónico
Un comprobante electrónico es un documento que cumple con los requisitos legales y

reglamentarios exigibles para todos comprobantes de venta, garantizando la autenticidad de su
origen y la integridad de su contenido.
Un comprobante electrónico tendrá validez legal siempre que contenga una firma electrónica.
(Merlo, 2016)
22
1.5.4.2 Beneficios
 Tiene la misma validez que los documentos físicos.

 Reducción de tiempos de envío de comprobantes.
 Ahorro en el gasto de papelería física y su archivo.
 Contribuye al medio ambiente, debido al ahorro de papel y tintas de impresión.
 Mayor seguridad en el resguardo de los documentos.
 Menor probabilidad de falsificación.
 Procesos administrativos más rápidos y eficientes. (Merlo, 2016)
23
1.6 Conclusiones parciales del capítulo.
 Los sistemas de información tienen como objetivo principal ayudar a tomar

decisiones oportunas para la empresa, proporcionando la información requerida de
manera eficiente.
 De acuerdo con las fundamentaciones que se presentan, se puede determinar que

las aplicaciones web hoy en día son de gran importancia para los procesos de una
empresa y así agilizar los procesos de facturación y ventas.
 El uso de una base de datos permite manejar grandes y medianas cantidades de

información de manera adecuada y eficiente, Mysql como un gestor de base de
datos se acoge a estas necesidades por sus características relevantes.
24
CAPÍTULO II.
2 MARCO METODOLÓGICO
2.1 Caracterización del Sector.
La presente investigación se lo implementará en la empresa “EXPORTBROKER” de la

ciudad de Quito, Provincia de Pichincha, ubicada en el Barrio Calderón durante el último
trimestre del año 2017 y primer semestre del 2018
La empresa EXPORTBROKER, se fundó el 14 de octubre de 2014, en un pequeño local

con una sola finalidad, ser los intermediarios para la cobranza de exportaciones entre las
florícolas, pulpa de fruta congelada y su consumidor inmediato en USA y la Federación
Rusa.
En el año 2016 la empresa comenzó a tener más acogida de los usuarios por lo que vieron
la necesidad de cambiarse a un local más amplio, donde además de prestar varios servicios
de exportaciones, incrementaron un grupo de vendedores con potenciales clientes en la
Federación Rusa.
En el año 2017 la empresa noto la necesidad de tener un control automatizado de

inventario y facturación, para mejorar la calidad de servicio a los clientes y tener una
información organizada de los trámites que diariamente realizaban.
Actualmente la empresa “EXPORTBROKER” cuenta con dos personas encargadas al

servicio del cliente y una persona que lleva el control de inventarios de nuestros
proveedores, dando a notar que además de prestar servicios, genero fuentes de trabajo.
Visión: “Ser una empresa elegida por su innovación, soluciones, productos y servicios y
por la contribución a las microempresas de exportación.”
Misión: “Ser una empresa que solvente las necesidades de sus clientes al momento de
adquirir nuestros productos de exportación, otorgando servicios y soluciones inmediatas.”
25
2.2 Descripción del procedimiento metodológico.
2.2.1 Modalidad de la investigación
La presente investigación tiene un enfoque cuali – cuantitativo porque participa personal

de la empresa para solucionar sus necesidades y problemas bajo la guía de un técnico, para
posteriormente ser el investigador quien compruebe la hipótesis basándose en la
información obtenida.
A más de tener un enfoque cualitativo, se considera la parte cuantitativa por cuanto se

apoya en la estadística para poder realizar la cuantificación del desarrollo sostenible de los
usuarios de la empresa, lo cual permite buscar las causas y explicar los hechos que se
estudian.
2.2.2 Tipo de investigación
El trabajo investigativo se apoya en la modalidad de campo, considerando que el estudio

sistemático se lo realizará en el lugar que se producen los hechos relacionados a los
aspectos que dificultan las actividades normales en la empresa EXPORTBROKER. Para la
información científica se sustenta en la bibliografía documental, la misma que permite
detectar, ampliar y profundizar diferentes enfoques, teorías, conceptualizaciones y criterios
de diversos actores sobre una cuestión determinada basándose en documentos como: en
libros, revistas, periódicos y otras publicaciones.
2.2.2.1 Investigación de campo
Esta investigación permite recolectar información en el mismo lugar de los hechos,

visitaremos la empresa EXPORTBROKER, para observar, inspeccionar y entrevistar a los
empleados para de esta manera obtener información que me permita adquirir elementos de
juicio y poder evaluar la situación real de la empresa pudiendo proponer soluciones que
ayuden a cambiar la situación actual de la misma.
2.2.2.2 Investigación bibliográfica
Esta modalidad me permite conocer, desarrollar, ampliar, profundizar, y deducir diferentes

enfoques, teorías, conceptualizaciones y criterios de diversos autores sobre una cuestión
determinada basándose en internet (fuentes primarias) o en libros y otras publicaciones
(fuentes secundarias). Lo cual permitió poder respaldar los resultados que se obtendrán de
la investigación en la empresa EXPORTBROKER.
26
2.2.3 Métodos de investigación
Los métodos de investigación utilizados son:
2.2.3.1 Método inductivo y deductivo
El método deductivo permitirá comprender las principales funciones, para el desarrollo del
sistema de gestión de reparaciones, inventario y facturación de la empresa en general, para
adaptarlo al sistema en particular y por medio del método inductivo permitirá trasladar las
características del sistema con sus especificaciones y requerimientos, para tener en si un
sistema adecuado para el cliente.
2.2.3.2 Método analítico sintético
Mediante esta metodología permitirá llegar a la verdad del estado actual que tiene la
empresa “EXPORTBROKER”, al momento de realizar la gestión de inventario y
facturación, para diagnosticar el objeto de investigación y posibles soluciones a sus
problemas.
2.2.3.3 Método sistémico
Este método permitirá realizar un proceso mediante el cual se relacionarán los hechos
actuales de la gestión de inventario y facturación de la empresa “EXPORTBROKER”,
aparentemente aislados, permitiendo unificarlas y dar posibles soluciones para tener un
mejor control del mismo utilizando las nuevas herramientas de quinta generación.
2.2.4 Técnicas e instrumentos de investigación
El método a emplear es la tabulación estadística-descriptiva.

Estadística descriptiva: Consiste en la recopilación, ordenación, resumen, tabulación,
manipulación, representación gráfica, análisis... de la muestra para extraer la información
primaria sobre la variable contenida en la misma. Sus conclusiones se quedan en el ámbito
de los propios elementos con los que experimenta, es decir la muestra.
2.2.4.1 Entrevista
La entrevista se utilizará para la recopilación de información en forma verbal, que se

realizará al gerente propietario de la empresa “EXPORTBROKER” y personal que labora
27
en la misma para mediante ello determinar la necesidad del mismo y saber el estado actual
del control de registro de inventario y facturación.
2.2.4.2 Encuesta
La encuentra fue aplicada a los empleados relacionados en el proceso de venta de flores,

que a su vez sirvió para tabular, graficar y analizar la información que brindo un
conocimiento amplio de las necesidades y los problemas a solucionar, así también el
determinar el nivel aceptación que proporcionara con la nueva implementación en la
empresa.
2.2.5 Población y muestra
La población tomada en cuenta para esta investigación es de 5 personas que laboran

diariamente en la empresa “EXPORTBROKER”, por lo que no se procedió a realizar una
muestra de la población.
PERSONAL DE LA EMPRESA Nro.

1 Gerente General personas
1
2 Contador 1
3 Servicio de Proveedores o Bodeguero 1
4 Servicio al Cliente o Ayudante de Mostrador 2
Total 5
Tabla 1 Personal de la empresa
Fuente: Encuesta
Elaborador por: Cristian Morales
2.2.6 Análisis e Interpretación de resultados.
Análisis de encuesta a trabajadores.

Se muestra a continuación la encuesta realizada al personal administrativo como al
personal de empleados de la empresa.
Encuesta para la creación de una aplicación web de venta de flores con facturación
electrónica para la empresa Exportbroker S.A.
28
1. Con que frecuencia se realiza pedidos de productos para la empresa:
PREGUNTA FRECUENCIA PORCENTAJE
SIEMPRE 5 100%
A VECES 0 0%
POCO 0 0%
NUNCA 0 0%
Grafico 1 ¿Frecuencia al realizar pedidos?

Autor: Cristian Morales
Análisis e interpretación
Como podemos ver en la gráfica la mayoría de los pedidos son frecuentes es decir un
100% son pedidos frecuentes de la empresa, esta grafica acerca de la frecuencia con que
los realizan pedidos es muy útil en nuestra aplicación de facturación e inventario ya que
nos indica el porcentaje de pedidos de la empresa.
29
2. Considera usted que el manejo del inventario es:
EXCELENTE 0 0%
BUENA 1 20%
REGULAR 3 60%
MUY BUENA 1 20%
Grafico 2 ¿El manejo de inventario es?

En esta grafica se puede observar que el manejo del inventario actual se lo maneja de
forma regular por lo que contienen algunos errores al realizar el inventario puede ser que
les falte productos como pueda o que les sobre.
30
3. Considera usted que el manejo del inventario se lo realiza adecuadamente
EXCELENTE 0 0%
BUENA 1 20%
REGULAR 3 60%
MUY BUENA 1 20%
Grafico 3 ¿Manejo de inventario es adecuado?

La pregunta nos dice que el manejo del inventario no es el adecuado por lo cual requieren
automatizar procesos tanto de ventas como en compras y kardex de productos.
31
4. Que tiempo le toma realizar una venta de varios artículos:
3 A 5 MINUTOS 2 40%
5 A 8 MINUTOS 3 60%
8 O MAS 0 0%
MINUTOS
Grafico 4 ¿Tiempo en venta de artículos?

La venta de varios artículos se demora dado al despacho en bodega esto se debe a que
el bodeguero no recuerda donde se encuentran todos los artículos de la empresa en la
bodega.
32
5. Al solicitar un producto cuentan con el:
SIEMPRE 3 60%
POCAS VECES 2 40%
NUNCA 0 0%
Grafico 5 Disponibilidad del producto

La estadística muestra que hay una igualdad en tener un producto en el almacén como en
no tener un producto pedido por el cliente todo esto depende de la demora de los
proveedores de productos en entregar los productos a la empresa.
33
6. Al solicitar el cliente el total de la venta la respuesta es:
INMEDIATA 0 0%
TARDA DE 3 A 5 0 0%
MINUTOS.
MAS DE 5 MIN. 5 100%
Grafico 6 Tiempo en venta

Esta grafica nos demuestra que hay demora al despachar una factura en venta al cliente
puede ser a que el sistema de facturación se demora en los procesos de impresión de
facturas o al no encontrar un producto fácilmente en el sistema de inventario actual.
34
7. Con que frecuencia pide una factura de su compra de productos:
SIEMPRE 4 80%
POCAS VECES 1 20%
NUNCA 0 0%
Grafico 7 Facturas
La empresa siempre pide factura en la compra de sus productos esto es para llevar la
contabilidad de la empresa y para la administración de sus productos en bodega y en el
sistema de inventarios.
35
8. La búsqueda de artículos en existencia se demora:
INMEDIATA 0 0%
TARDA DE 3 A 5 5 100%
MINUTOS.
MAS DE 5 MIN. 0 0%
Grafico 8 Búsqueda de artículos

Esta grafica nos dice que para buscar un artículo en existencia se demora de 3 a 5 minutos
esto es porque el sistema no tiene búsquedas inteligentes y no muestra exactamente el
producto a buscar.
36
9. Considera usted que el manejo del inventario de la empresa “EXPORTBROKER”
mejoraría con la implementación de una Aplicación web de inventario y facturación:
SI 5 100%
NO 0 0%
NO
Grafico 9 Mejorar manejo de inventario

La mayoría de los empleados y administradores están de acuerdo con que se implemente
una aplicación web de inventarios y facturación ya que mejoraría las ventas de productos y
así mismo.
37
10. Al realizar una compra si tipo de pago es:
A CREDITO 3 60%
AL CONTADO. 2 40%
LAS 2 0 0%
ANTERIORES.
Grafico 10 Pagos de Compras

La pregunta nos demuestra que al momento de realizar la adquisición de los productos el
pago lo realizan al a crédito y al contado con ciertos proveedores.
Análisis de la entrevista aplicada

La entrevista se realizó al Gerente General, Ing. Xavier Nejer donde se analiza el proceso
de autoevaluación de la universidad.
38
Preguntas Respuestas
Pregunta 1. ¿Considera eficiente el No, Porque con lleva mucho tiempo de
proceso de facturación manual que lleva trámite para generar un documento
la empresa? contable.
Pregunta 2. ¿Cree usted que se necesite Si. Porque se hacen las gestiones mucho
una aplicación web para optimizar más rápido.
tiempo?
Pregunta 3. ¿Cuál fue su objetivo para Contar con un ingreso fijo y dar
crear su propio negocio? oportunidades laborales a más personas.
Pregunta 4. ¿Utiliza algún medio de No, Solo se difunde por medio de

comunicación para difundir su negocio? amistades.
Pregunta 5. ¿Cuáles son la cosas que La Inconsistencias entre cantidad y el

encuentran más difíciles en el proceso inventario y lo real mente en stock , la
actual y que cosa piensan que puede ser velocidad con las que se les atiende a
cambiada para mejor? nuestros clientes.
Pregunta 6. ¿Quiénes tendrán acceso al Por el momento tendrán acceso solo 5
sistema de información? personas pero siempre debe estar con la
apertura para más usuarios
Pregunta 7. ¿Se ha implementado No, Es nuestro primer intento con una
anteriormente una aplicación web? aplicación web.
Pregunta 8. ¿Qué espera de la aplicación Espero que la aplicación web sea capaz
web y en que cree que ayudara en el de administrar mucha información,
crecimiento para la empresa? además de obtener más clientes ya que
también se va a publicitar al estar en el
internet, y nos ayudara a crecer al tener
más clientes y más pedidos y poder
solventarlos con mayor facilidad.
Tabla 2 Entrevista Gerente General

Fuente: Entrevista
39
Análisis e interpretación de entrevista.
Después de realizar un análisis a la encuesta realizada al Gerente General de la empresa
“ExportBroker” se puede llegar a la interpretación de que es factible la realización de una
aplicación web para poder controlar, inventario y facturación de la empresa.
2.2.7 Conclusiones parciales del capítulo.

Luego de aplicar las entrevistas al gerente propietario y trabajadores de la empresa, se
concluyó.
 El gerente propietario de la empresa “EXPORTBROKER”, está dispuesto a invertir

en la creación de un sistema de información para la gestión de inventario y
facturación.
 Con las entrevistas aplicada a la empresa “EXPORTBROKER”, se da a notar la
importancia que tienen en mejorar el proceso de inventario y facturación, para
mejor sus servicios.
 La predisposición de información del gerente propietario y de los empleados de la
empresa fue favorable sin ningún inconveniente.
 Con la implementación del sistema de información para la gestión de inventario y
facturación, se solucionará en gran parte los problemas detectados y de esa manera
poder mejorar el registro de su información y a su vez mejorar un poco más la
calidad de servicio a sus clientes.
 Al realizar la entrevista, nos percatamos que los Administradores de la empresa,
tiene visión de mejorar su servicio a los empleados, además de automatizar y
utilizar tecnología para brindar un mejor servicio.
40
CAPITULO III
3 MARCO PROPOSITIVO
3.1 Tema
Aplicación web de venta de flores con facturación electrónica para la empresa

Exportbroker S.A
3.2 Objetivos
3.2.1 Objetivo General
Implementar una aplicación web de venta de flores con facturación electrónica para la
empresa ExportBroker S.A
3.2.2 Objetivos Específicos
 Identificar las necesidades de la empresa para poder solventarlas en el proceso de

construcción.
 Elaborar un plan del proyecto donde se recoja los casos de uso necesarios para un
correcto diseño de la arquitectura.
 Construir la aplicación web para la gestión de venta de flores con facturación
 Instalar la aplicación en servidores acorde a las necesidades del cliente.
3.3 Desarrollo de la Propuesta
3.3.1 RUP
Las siglas RUP en ingles significa Rational Unified Process (Proceso Unificado de
Rational) es un producto del proceso de ingeniería de software que utiliza el lenguaje
unificado de modelado UML, constituye la metodología estándar más utilizada para el
análisis, implementación y documentación de sistemas orientados a objetos ya que
proporciona un enfoque disciplinado para asignar tareas y responsabilidades dentro de una
organización. Su meta es asegurar la producción del software de alta calidad que resuelva
las necesidades de los usuarios dentro de un presupuesto y tiempo establecidos.
41
Grafico 11 Fases de la Metodología
Fuente:www.usmp.edu.pe/publicaciones/boletin/.../RUP%20vs.%20XP.pdf
3.3.2 Características:
 Está dirigido por los Casos de Uso.
 Está centrado en la arquitectura
 Es iterativo e incremental
 Confrontación de riesgos.
 Forma disciplinada de asignar tareas y responsabilidades (quién hace qué, cuándo y
cómo)
3.3.3 Fases
3.3.3.1 Fase de Inicio
Se hace un plan de fases, donde se identifican los principales casos de uso y se identifican
los riesgos. Se concreta la idea, la visión del producto, como se enmarca en el negocio, el
alcance del proyecto.
3.3.3.2 Fase de Elaboración
Se realiza el plan de proyecto, donde se completan los casos de uso y se mitigan los
riesgos. Planificar las actividades necesarias y los recursos requeridos, especificando las
características y el diseño de la arquitectura.
3.3.3.3 Fase de Construcción
Se basa en la elaboración de un producto totalmente operativo y en la elaboración del

manual de usuario. Construir el producto, la arquitectura y los planes, hasta que el
producto está listo para ser enviado a la comunidad de usuarios.
42
3.3.3.4 Fase de Transición
Se realiza la instalación del producto en el cliente y se procede al entrenamiento de los

usuarios. Realizar la transición del producto a los usuarios, lo cual incluye: manufactura,
envío, entrenamiento, soporte y mantenimiento del producto, hasta que el cliente quede
satisfecho, por tanto, en esta fase suelen ocurrir cambios.
3.3.4 Diagramas Uml
Lenguaje Unificado de Modelado (LUM) o (UML, por sus siglas en inglés, Unified
Modeling Language) Es un lenguaje gráfico para visualizar, especificar, construir y
documentar un sistema. UML ofrece un estándar para describir un "plano" del sistema
(modelo), incluyendo aspectos conceptuales tales como procesos de negocio y funciones
del sistema, y aspectos concretos como expresiones de lenguajes de programación,
esquemas de bases de datos y componentes reutilizables.
3.3.5 Recursos
A continuación, se detalla los recursos que se dispone para el desarrollo del sistema
informático:
3.3.5.1 Recursos humanos
Se cuenta con un grupo de personas para el desarrollo y ejecución de la aplicación web de

inventario de equipos, las cuales son:
Desarrolladores:
Nombre Descripción Responsabilidad
Cristian Morales Coordinador del proyecto y Diseñador de la base de
programador datos y programador de la
aplicación web.
Tabla 3 Recursos Humanos - Desarrolladores

Usuarios
Nombre Descripción Responsabilidades
Ing. Xavier Nejer Gerente General Administrador de la
Empresa.
43
Ing. Oswaldo Representante de la Administradora contable y
Rivera Empresa representante legal de la empresa.
Tec. Carlos Servicio de Proveedores Encargado de ingresar productos

Michelena o Bodeguero entrantes a bodega
Srta. Andrea Servicio al Cliente o Encargada de realizar venta de
Guevara Ayudante de productos a clientes.
Mostrador
Srta. Martha Servicio al Cliente o Encargada de realizar venta de
Noquez Ayudante de productos a clientes.
Mostrador
Tabla 4 Recursos Humanos - Usuarios
Asesores
Nombre Descripción Responsabilidad
Ing. Freddy Baño Asesor de Proyecto Guía del proyecto
Tabla 5 Recursos Humanos - Asesores
3.3.5.2 Recursos Técnicos
Recursos de hardware y software que permitirán el desarrollo de la aplicación web para la

empresa ExportBroker S.A.
Hardware para desarrollo

COMPONENTES ESPECIFICACIÓNES
Memoria RAM DDR3 8Gb
Disco Duro 1 TB
Procesador Intel Core i7 3.2Ghz
Tabla 6 Recursos Técnicos – Hardware Desarrollo

Hardware para la implementación

Actualmente se cuenta solamente con dos computadores los cuales poseen las siguientes
características.
44
Memoria RAM DIMM 4 GB
Disco Duro 1 TB
Procesador Intel Core i5 2.60 Ghz
Tabla 7 Recursos Técnicos – Hardware Implementación

Software para el desarrollo

Sistema Operativo Windows 10 Pro
Lenguaje de Programación PHP
Tecnología de programación Html 5
IDE de Desarrollo Sublime 3
Base de Datos Mysql 5.7
Servidor Web Apache HTTP
Frontal de la Base de Datos PhpMyAdmin
Cronograma de Actividades Project 2016
Tabla 8 Recursos Técnicos – Software Desarrollo

Software para la implementación

Software servidor
Sistema Operativo Debian 7 (Wheezy)
Lenguaje de Programación PHP
Tecnología de programación Html 5
IDE de Desarrollo Sublime 3
Base de Datos Mysql 5.7
Servidor Web Apache HTTP
45
Frontal de la Base de Datos PhpMyAdmin
Tabla 9 Recursos Técnicos – Software Implementación

3.3.5.3 Recursos Económicos.
Se cuenta con un grupo de personas, software, hardware necesarios para el desarrollo de la

aplicación web.
SOFTWARE ESPECIFICACIONES COSTO DE LICENCIA
Sistema Operativo Windows 10 Pro $199.99
Servidor Web Apache HTTP (GNU/GPL)
IDE para Desarrollo Sublime 3 (GNU/GPL)
Base de Datos Mysql 5.7 (GNU/GPL)
Total 199,99
Tabla 10 Recursos Económicos

Hardware para Desarrollo
COMPONENTES ESPECIFICACIÓNES COSTO
Memoria RAM DDR2 8Gb 22.00$
Disco Duro 1 TB 80.00 $
Procesador Intel i5, 2.6GHZ 150.00$
Total 252.00
Tabla 11 Recursos Económicos - Desarrollo

Hardware para implementación

HARDWARE ESPECIFICACIONES COSTO
CPU Memoria RAM: DDR2 8Gb
Disco Duro: 1 Tb 500.00 USD

Procesador: Intel Core i5
2.6GHZ
46
IMPRESORA HP(Hewlett-Packard) 200.00 USD
MONITOR SAMSUNG 17” 149.00 USD
Total 849.00
Tabla 12 Recursos Económicos - Implementación
Recursos extras.
MATERIAL VALOR
Impresiones 2.50 dólares
Tinta blanco y negro 10.00 dólares
Resmas de papel. 4.20 dólares
Extras 10.00 dólares
Total 26.20
Tabla 13 Recursos Económicos - Extras
3.3.6 Elaboración
3.3.6.1 Diagramas de Casos de Uso
Súper-Administrador: El súper-administrador tiene acceso a todas las funciones de la

aplicación web puede consultar stock emitir facturas revisar Kardex realizar facturas en
compras, asigna privilegios a los usuarios del sistema, etc.
 Manejo del inventario: Controla todos los movimientos de los productos en la

bodega.
 Custodia el inventario: Cuidad de los productos que no haga falta en stock y que se
encuentren los productos en buen estado para su venta.
 Administración de la bodega: Administra los productos de ingreso a la bodega
como su salida para la venta.
 Autorización de compras: Autoriza la salida de productos del local para la entra al
cliente
 Registro de clientes: Autoriza el registro de clientes en la aplicación
 Registro de proveedores: Se encarga de registrar proveedores de productos en la
aplicación web.
47
 Registro de productos: Autoriza el registro de productos en el inventario y para el
ingreso a bodega
 Elaboración de reportes: Elabora reportes para la empresa en caso de que sea
necesario.
 Registro de facturas: Registra facturas tanto de entrada como de salida.
 Manejo del kardex: El manejo del kardex puede verificar los procesos de ventas de
los productos.
Grafico 12 Caso de uso Súper Administrador

Administrador: Controla todo lo que tiene que ver controla la emisión de facturas, tiene
acceso a revisar el kardex de la empresa e ingresar productos a bodega.
 Atención al cliente: Realiza la atención al cliente y asesoramiento de productos.

 Administración de bodega: Controla los productos que hay en stock
 Autorización de compras: autoriza la compra de productos para la empresa
 Registro de clientes: Autoriza el registro de clientes en la aplicación
 Registro de proveedores. Se encarga de registrar proveedores de productos en la
aplicación web
 Registro de productos. Autoriza el registro de productos en el inventario y para el
ingreso a bodega.
48
Grafico 13 Caso de uso Administrador
Ayudante de Mostrador: El ayudante de mostrador realiza venta de material, compra de

materia, registro de factura compra, registro factura venta, atención al cliente.
 Venta de material: Realiza venta de material disponible en la empresa al cliente.
 Compra de material: Realiza pedidos a los proveedores de los productos faltantes
en bodega
 Registro de facturas en compra: Registra facturas de compras de materiales de la
empresa.
 Registro de factura en venta: registra facturas de venta a clientes
 Atención al cliente: realiza asesoramiento de material para ventas.
Grafico 14 Caso de uso Ayúdate de Mostrador

49
Bodeguero: El bodeguero se encarga de registrar los productos que entran a la bodega
tiene que revisar la mercadería, el manejo operacional de la bodega lo principal que es la
optimización de la bodega y entregar producto en caso de compras
 Revisar mercadería: Verifica el estado de la mercadería entrante a la bodega.
 Manejo operacional de la bodega: Se encarga de organizar los productos en bodega.
 Organización de la bodega: Realiza la categorización de productos en la bodega.
 Recepción del producto: Se encarga de recibir el producto dentro de bodega
 Entrega del producto: Realiza la entrega de productos a los clientes.
Grafico 15 Caso de uso Bodeguero

50
3.3.6.2 Diagramas de Clases
Registro de Facturas: El ayudante de mostrador registra la factura y esta obtiene datos de

clientes y productos para luego guardar registros de los movimientos de clientes y
movimientos de productos.
Grafico 16 Diagrama de Clase, Registro de Factura

Recepción de Productos: El bodeguero ingresará la compra en donde se aumentará el

stock de los productos en bodega.
Registro de Clientes: El administrador desde su usuario puede registrar al usuario y

crearle un usuario para la plataforma e-commerce.
Grafico 17 Diagrama de Clase, Registro de Cliente

51
Estado de Cuenta: El administrador desde su usuario puede obtener el estado de cuenta
de los clientes.
Grafico 18 Diagrama de Clase, Estado de Cuenta

Kardex: El administrador desde su usuario puede obtener el kardex de un o todos los

productos para poder tomar la decisión de comprar más producto.
Grafico 19 Diagrama de Clase, Kardex

3.3.6.3 Diagramas de Secuencia
Registro de Cliente: Para que el cliente se registre lo primero que hace es acceder a la
página de registro y rellenar el formulario y a continuación recibe los datos la página
encargada de procesar los registros de los clientes. Después se accede a la base de datos y
una vez hemos conectado con la base de datos introducimos una nueva fila en la tabla de
usuarios para que se guarde dicho registro en la base de datos.
52
Grafico 20 Diagrama de Secuencia, Registro Clientes
Usuario Registrado: Una vez el cliente a echo login, la aplicación consulta las
preferencias del usuario accediendo a la base de datos y según esas preferencias se realiza
una búsqueda y se le muestran los resultados al cliente en la página principal de la
aplicación inmediatamente después de hacer login.
Grafico 21 Diagrama de Secuencia, Usuario Registrado

53
Búsquedas: La búsqueda es igual para cualquier usuario y consiste en realizar una
petición introduciendo una serie de palabras clave a buscar, la aplicación accederá a la
base de datos y buscará todo lo relacionado con la petición del cliente, luego le mostrará al
cliente una página con los resultados y cuando elija uno de ellos se le mostrará la página
que contiene dicho resultado.
Grafico 22 Diagrama de Secuencia, Buscador

3.3.6.4 Diagramas de Colaboración
Generación de reportes:
Grafico 23 Diagrama de Colaboración, Generación de Reportes

54
Inicio de Sesión:
Tabla: Usuarios
Grafico 24 Diagrama de Colaboración, Inicio de Sesión

55
3.3.7 Base de datos
3.3.7.1 Modelo Físico
Grafico 25 Base de Datos – Modelo Físico

56
3.3.7.2 Modelo Lógico
Grafico 26 Base de Datos – Modelo Lógico

57
3.3.8 Tablas
3.3.8.1 Usuarios:
En la tabla usuario permite registrar los datos de los usuarios del sistema y de esta forma
dar los privilegios de asignación del sistema
Grafico 27 Tabla Usuarios

3.3.8.2 Productos:
La tabla productos ingresa al sistema todos los productos traídos por los proveedores y
almacenas características de los productos ingresados como el código del producto, la
descripción o características.
58
Grafico 28 Tabla Productos
3.3.8.3 Proveedores:
En esta tabla se almacena todos los datos de los proveedores de manera que se pueda tener
registrados todos los datos y asignar a cada producto su respectivo proveedor.
59
Grafico 29 Tabla Proveedores
3.3.8.4 Movimiento de Productos:

La tabla Movimientos de Productos permite realizar la asignación de productos con la
cantidad de productos su descripción y la cantidad que lleva el empleado a utilizar en los
productos a utilizar.
60
Grafico 30 Tabla Movimiento de Productos
3.3.8.5 Compra:
La tabla compras permite realizar el ingreso de la compra de productos ingresando su
cantidad y el precio unitario por producto de tal forma y su descripción.
61
Grafico 31 Tabla Compras
3.3.8.6 Devolución:
En esta tabla se almacena todas las devoluciones de productos vendidos con su respectiva
factura.
62
Grafico 32 Tabla Devoluciones
3.3.8.7 Cliente:
En esta tabla se almacena todos los datos de los clientes de la empresa para la distribución
de la factura.
63
Grafico 33 Tabla Clientes
3.3.8.8 Categoría:
Se ingresa la categoría a la que pertenece los productos que se va a ingresar a bodega.
Grafico 34 Tabla Categoría

64
3.3.8.9 Configuraciones:
Se almacena todas las configuraciones del sistema tanto de los proveedores como la de los
clientes para realizar facturas en compra y facturas en venta.
Grafico 35 Tabla Configuraciones

3.3.9 Formulario de Entradas
En los formularios de entrada tenemos los siguientes: proveedores, productos, factura

compra, clientes. Describiré la función de cada uno de los formularios.
3.3.9.1 Proveedores:
En este formulario ingresamos a los proveedores de los productos de la Empresa
“ExportBroker” aquí mantendremos organizada una lista de los proveedores así mismo
este nos permite modificar los datos personales de los proveedores.
65
Grafico 36 Formulario Ingreso de Proveedores
3.3.9.2 Productos:
El formulario Productos permite ingresar de los productos entrantes a la bodega de la
empresa, nos permite ingresar de manera detallada la información del producto entrante de
manera que nos permita tener todos los datos de la utilidad.
Grafico 37 Formulario Ingreso de Productos

3.3.9.3 Factura de Compra:

Este formulario nos permite registrar las facturas dadas por los proveedores y el detalle de
los productos ingresados también se incluye una búsqueda inteligente de facturas.
66
Grafico 38 Formulario Ingreso de Compras
3.3.9.4 Ficha de Producto

Estos formularios nos permiten dar reportes a los departamentos que lo soliciten entre
estos tenemos los Formularios de Productos con un stock verdadero y en línea.
Grafico 39 Formulario de Ficha de Producto

3.3.9.5 Factura venta:

Acá se realiza la factura en venta de productos al cliente se ingresa los productos a vender.
67
Grafico 40 Formulario Ingreso de Factura
3.3.9.6 Reportes.
El formulario reportes permite ver las facturas generadas en un cierto determinado tiempo
además como más filtros ingresados.
Grafico 41 Formulario Reporte de Factura

3.3.10 Construcción
3.3.10.1 Conexión PHP A Mysql

Para la conexión de PHP a MySQL se utiliza las siguientes funciones.
function DBControlador() {
$this->Servidor = "localhost";
$this->Usuario = "root";
$this->Contra = "";
68
$this->BD = "sys_ecommerce";
}
function conectar() {
if(!($con = @mysql_connect($this->Servidor,$this->Usuario,$this->Contra)))
{
die ('Error al Conectar con servidor
mysql:'.utf8_encode(mysql_errno().": ".mysql_error()).'...');
exit();
}
if(!@mysql_select_db($this->BD,$con)) {
die ('ERROR: al seleccionar bd:'.utf8_encode(mysql_errno().":
".mysql_error()).'...');
exit();
}
$this->Conexion = $con;
return true;
}
3.3.10.2 Recuperación de datos de las tablas de la base de datos.

Aquí se recupera los datos de las tablas de la base de datos para mostrarlos como una
grilla.
<?
foreach ($registros as $key => $registro) {?>
<tr id="line-<?=$key?>"
onclick="window.location.href='modificar_clientes.php?id=<?=$registro['id']?
>'">
<td class="height-small-td" ><input type="hidden"
value="<?=$registro['id']?>"><small
><?=$registro['id']?></small></td>
<td class="height-small-td" ><small
><?=$registro['nombre_cliente']?></small></td>
><?=$registro['documento_cliente']?></small></td>
><?=substr($registro['fecha_ingreso'], 0, 10)?></small></td>
><?=$registro['direccion_cliente']?></small></td>
><?=$registro['telefono_cliente']?></small></td>
><?=$registro['email_cliente']?></small></td>
><?=$registro['saldo_actual']?></small></td>
</tr>
<?}?>
69
3.3.10.3 Enlasar a otros Formularios Con JQuery
function llenar_tabla(response){
$('#busqueda_cliente_body').html('');
response = $.parseJSON(response)
$.each( response, function( key, value ) {
var linea = '<tr><td class="height-small-td"><input type="hidden" name="status"
value="'+value.datos_cliente+'">'+value.nombre_cliente+'</td>';
linea += '<td class="height-small-td">'+value.codigo_cliente+'</td>';
linea += '<td class="height-small-td">'+value.documento_cliente+'</td>';
linea += '<td class="height-small-td">'+value.saldo_actual+'</td>';
linea += '<td class="height-small-td">'+value.email_cliente+'</td></tr>';
$('#busqueda_cliente_body').append(linea);
});
}
3.3.10.4 Cargar Combos Php
<select class="form-control" id="vendedor" style="width: 240px; margin-left: 15%;

height: 95%; font-size: 11px;">
<option value="">-- Seleccione una Opción</option>
<?foreach ($vendedores as $key => $vendedor) {?>
<option
value="<?=$vendedor['codigo_tabla']?>"><?=$vendedor['nombre_tabla']?></optio
n>
<?}?>
</select>
3.3.10.5 Insert, Update

Para crear y modificar datos se emplea este código.
public function save_cliente($datos_cliente){

$timezone="America/Guayaquil";
$dt=new datetime("now",new datetimezone($timezone));
$this->conexion->conectar();
$sql = "INSERT INTO " . $this->table . " (`nombre_cliente`, `tipo_cliente`,
`vendedor_cliente`, `cobrador_cliente`, `localidad_cliente`, `direccion_cliente`,
`telefono_cliente`, `documento_cliente`, `tipo_documento_cliente`,
`fecha_ingreso`, `condicion_pago`, `descuento_cliente`, `limite_credito_cliente`,
èmail_cliente`, ÙID`, `celular_cliente`,contacto)
VALUES('".$datos_cliente['nombre_cliente']."','".$datos_cliente['tipo_cliente']."','".
$datos_cliente['vendedor_cliente']."','".$datos_cliente['cobrador_cliente']."','".$dato
s_cliente['localidad_cliente']."','".$datos_cliente['direccion_cliente']."','".$datos_clie
nte['telefono_cliente']."','".$datos_cliente['documento_cliente']."','".$datos_cliente['t
ipo_documento_cliente']."','".gmdate("Y-m-d H:i:s",(time()+$dt-
>getOffset()))."','".$datos_cliente['condicion_pago']."','".$datos_cliente['descuento_
70
cliente']."','".$datos_cliente['limite_credito_cliente']."','".$datos_cliente['email_clien
te']."','1','".$datos_cliente['celular_cliente']."','".$datos_cliente['contacto']."')";
$resultado = mysql_query($sql);
}
public function update_cliente($datos_cliente){

$this->conexion->conectar();
$sql = ("UPDATE `clientes` SET
`nombre_cliente`='".$datos_cliente['nombre_cliente']."',`tipo_cliente`='".$datos_cliente['ti
po_cliente']."',`vendedor_cliente`='".$datos_cliente['vendedor_cliente']."',`cobrador_client
e`='".$datos_cliente['cobrador_cliente']."',`localidad_cliente`='".$datos_cliente['localidad_
cliente']."',`direccion_cliente`='".$datos_cliente['direccion_cliente']."',`telefono_cliente`='".
$datos_cliente['telefono_cliente']."',`documento_cliente`='".$datos_cliente['documento_cli
ente']."',`tipo_documento_cliente`='".$datos_cliente['tipo_documento_cliente']."',`condicio
n_pago`='".$datos_cliente['condicion_pago']."',`descuento_cliente`='".$datos_cliente['desc
uento_cliente']."',`limite_credito_cliente`='".$datos_cliente['limite_credito_cliente']."',èma
il_cliente`='".$datos_cliente['email_cliente']."',`celular_cliente`='".$datos_cliente['celular_
cliente']."' , contacto = '".$datos_cliente['contacto']."' WHERE id =
'".$datos_cliente['id_cliente']."'");
$resultado = mysql_query($sql);
}
3.3.11 Capacitación.
La capacitación va dirigida al perfeccionamiento técnico de los personales administrativos
y empelados de la empresa “ExportBroker” de la ciudad de Quito para que éste se
desempeñe eficientemente en las funciones asignadas en la aplicación para producir
buenos resultados, prevenir y solucionar anticipadamente problemas potenciales dentro de
la organización del inventario. A través de la capacitación hacemos que el personal se
adecue al a las habilidades y actitudes requeridos en el inventario.
71
3.3.12 Pruebas de software
Las pruebas intentan demostrar que un programa hace lo que se intenta que haga, así como
descubrir defectos en el programa antes de usarlo. Hay que verificar los resultados de la
prueba que se opera para buscar errores, anomalías o información de atributos no
funcionales del programa.
3.3.12.1 Aplicación de las pruebas de software mediante “Caja Negra”
La aplicación de pruebas de caja negra se realizó basándose en los requerimientos del

usuario, en este caso la empresa “ExportBroker”, mediante este tipo de prueba se validó:
 Los procesos que el sistema realiza.

 Funciones incorrectas o ausentes
 Errores en la interfaz
A continuación, se detallan el proceso de pruebas de la “Aplicación Web de Venta de

Flores con Facturación Electrónica”, en la empresa.
Registro de usuarios
Objetivo Registro adecuado de los usuarios en el “Aplicación Web de Venta
de Flores con Facturación Electrónica”, de la empresa
“ExportBroker”
Especificaciones Ingreso correcto de los nombres, apellidos, tipo de usuario que
desempeñara (Administrador o Vendedor), conjuntamente con la
contestación a las preguntas que le permitirá recuperar la clave, en
el caso de que se olvide la misma y para finalizar se registra la
clave de acceso.
Proceso  El usuario ingresa sus datos personales, tomando como
prioridad los datos obligatorios (Nombre, Apellido).
 Le saldrá un mensaje de confirmación, cuando sus datos estén
ingresados correctamente, caso contrario le saldrá un mensaje
mencionándole que “Ingrese los datos obligatorios “.
72
Resultados Realizando todos los procesos para el registro del usuario, a la
final se pudo evidenciar que el proceso de registro de usuario se
los realizo correctamente.
Tabla 14 Registro de usuarios
Proceso de restauración de la clave de usuario

Objetivo Restaurar la calve de acceso, cuando la misma sea olvidada por el
usuario.
Especificaciones Se debe ingresar en la opción “olvidaste la contraseña”, luego
proceder a ingresar el usuario y contestar a la pregunta solicita
correctamente.
Proceso El usuario ingresa al sistema, selecciona la opción “olvidaste
contraseña” y procede a ingresar los datos correspondientes.
Resultados El usuario al proceder a restaurar la contraseña, ingresa el nombre
de su usuario, conjuntamente con la contestación a la pregunta
solicitada.
 Al ingresar el usuario o la respuesta errónea, tuvo el resultado
del siguiente mensaje “usuario o respuesta incorrecta” y no
pudo cambiar su contraseña.
 Al ingresar el usuario o la respuesta correcta, le permitió
cambiar la contraseña.
Tabla 15 Proceso de restauración de la clave de usuario
Proceso de facturación
Objetivo Realizar la facturación para las ventas realizadas en la empresa
“ExportBroker”
Especificaciones  El usuario tendrá la opción de realizar una respectiva
factura, tanto de los artículos vendidos realizadas
Proceso  El usuario procede a ingresar el número de cedula de un
determinado cliente y luego generar la factura, donde
ingresara los artículos que el cliente compra a la empresa.
73
 Cuando el usuario ingresa un número de cedula de un
determinado cliente y este no este registrado, tendrá la
opción de registrarlo
Resultados El usuario, pudo evidenciar que los procesos manifestados
anteriormente, se los realiza adecuadamente.
Tabla 16 Proceso de facturación
Proceso de devoluciones
Objetivo Realizar devoluciones de ventas realizadas en la empresa
“ExportBroker”
Especificaciones  El usuario tendrá la opción registra devoluciones de los
artículos vendidos y reparaciones realizadas.
Proceso  El usuario procede a ingresar el número de cedula de un
determinado cliente, conjuntamente con el número de
factura y luego generar la devolución correspondiente del
articulo a devolver.
 Las devoluciones no afectarán al inventario por motivo que
la empresa las devoluciones las realizan a los proveedores,
quienes se encargan de las devoluciones.
Resultados El usuario, pudo evidenciar que los procesos manifestados

anteriormente, se los realiza adecuadamente.
Tabla 17 Proceso de devoluciones
74
CONCLUSIONES
La implantación de esta Aplicación Web será una buena decisión para que ExportBroker
de la ciudad de Quito se mantenga satisfaciendo las necesidades de los clientes y
Administradores de Bodega. Los propios empleados de ExportBroker están de acuerdo con
la nueva aplicación.
Esta Aplicación Web va a reforzar la estructura de trabajo que tiene la empresa

ExportBroker, haciéndola más rápida y confiable.
Uno de los aspectos más importantes que se ha logrado con la implantación de la

aplicación web en la empresa es la optimización del tiempo en la entrega de información
de los productos, mejorando la calidad del servicio al cliente, además la información se
encuentra organizada, segura y disponible para los usuarios del sistema.
La utilización de las herramientas Php y MySql, permitieron tener una aplicación web
funcionando y a disposición de la empresa, lo que demuestra que los objetivos planteados
al iniciar la investigación se cumplieron totalmente.
75
RECOMENDACIONES
Adquirir personal capacitado para un buen manejo del inventario y para un desarrollo
eficiente y eficaz de la Empresa “ExportBroker S.A”
Dar el respectivo mantenimiento de software y hardware para evitar pérdidas de

información en la empresa “ExportBroker S.A”
El usuario debe estar atento a los mensajes generados de la aplicación, ya que son de gran
utilidad para solucionar los problemas que se puedan presentar en el manejo del inventario.
Si el usuario tiene dudas respecto al manejo o funcionamiento de la aplicación debe

consultar con su manual de ayuda.
El administrador o los usuarios deben modificar frecuentemente las claves de acceso al

sistema.
76
BIBLIOGRAFIA
Acosta, J. S. (2015). ADMINISTRACIÓN DE ALMACENES Y CONTROL DE

INVENTARIOS. Madrid: Servicios Académicos Internacionales.
Centro de Apoyo Tecnológico a Emprendedores de Albacete. (2012). Estudio de los
sistemas de gestión de contenidos web. Albacete: Junta de Comunidades de Castilla
la Mancha.
Coloma, F. L. (2014). "Email Marketing: El perfecto aliado para el ecommerce". Madrid:
MDirector.
Cortes, J. A. (2014). Fundamentos de la gestión de inventarios. Colombia: Esumer.
Lockhart, A. (2006). Network Security Hacks. San Francisco: Paperback.
Martín, L. A. (2013). Herramientas para mejorar tu tienda online. Boadilla del Monte:
Lydia Natour.
Mateu, C. (2004). Desarrollo de aplicaciones web. Barcelona: Eureca Media.
Matthew Dixon, B. A. (2016). El Vendedor Desafiante (The Challenger sale). Los
Angeles: Corporate Executive Board (CEB) .
Merlo, P. C. (2016). La factura electrónica en el Ecuador . Quito: UASB-Ecuador.
Mora, S. L. (2002). Programación de aplicaciones web: Historia, Principios Basicos y
Cliente Web . Alicante: Editorial Club Universitario.
Puig, J. C. (2013). CSS3 y Javascript avanzado. Cataluña: OpenLibra.
Tori, C. (2008). Hacking Etico. Rosario - Argentina: Mastroianni.
Vega, J. F. (2011). Guía HTML5. El presente de la web. Buenos Aires: Christian Van Der
Henst.
Xavier Vilajosana Guillén, L. N. (2012). Arquitectura de aplicaciones web. Barcelona:
OpenLibtra.
Anexos
Definiciones, Acrónimos y Abreviaciones.
MySql: MySQL es un sistema de gestión de base de datos relacional orientada a objetos y

libre, publicado bajo la licencia BSD.1
UML: Lenguaje Unificado de Modelado (UML, por sus siglas en inglés, Unified
Modeling Language) es el lenguaje de modelado de sistemas de software más conocido y
utilizado en la actualidad. Es un lenguaje gráfico para visualizar, especificar, construir y
documentar un sistema 2
DFD: (Diagrama de Flujo de Datos) es una representación gráfica del "flujo" de datos a
través de un sistema de información. Un diagrama de flujo de datos también se puede
utilizar para la visualización de procesamiento de datos 3
RUP: El Proceso Unificado de Racional (Rational Unified Process en inglés,

habitualmente resumido como RUP) es un proceso de desarrollo de software y junto con el
Lenguaje Unificado de Modelado UML, constituye la metodología estándar más utilizada
para el análisis, implementación y documentación de un Sistema de Información 4
PHP: es un lenguaje de programación interpretado o framework para HTML, diseñado

originalmente para la creación de páginas web dinámicas. Se usa principalmente para la
interpretación del lado del servidor (server-side scripting) pero actualmente puede ser
utilizado desde una interfaz de línea de comandos o en la creación de otros tipos de
programas incluyendo aplicaciones con interfaz gráfica usando las bibliotecas Qt o GTK+.
El servidor HTTP Apache: Es un servidor web HTTP de código abierto, para

plataformas Unix (BSD, GNU/Linux, etc.), Microsoft Windows, Macintosh y otras, que
implementa el protocolo HTTP/1.12 y la noción de sitio virtual.
JavaScript es un lenguaje de programación interpretado, dialecto del estándar

ECMAScript. Se define como orientado a objetos,3 basado en prototipos, imperativo,
débilmente tipado y dinámico.
Encuesta Aplicación Web:
"Le agradecemos muy cordialmente que responda con mucha responsabilidad y veracidad"
Encuesta Aplicación Web de venta de flores con facturación electrónica para la

empresa Exportbroker S.A.
1. Con que frecuencia se realiza pedidos de productos para la empresa:

__ Siempre __ A veces __ Poco __ Nunca
2. Considera usted que el manejo del inventario es:

__ Excelente __ Buena __ Regular __ Muy Buena
3. Considera usted que el manejo del inventario se lo realiza adecuadamente

__ Excelente __ Bueno __ Regular __ Muy Buena
4. Que tiempo le toma realizar una venta de un artículo:

__ de 3 a 5 minutos __ de 5 a 8 minutos __ 8 o más minutos
5. Al solicitar un producto cuentan con el:

__ Siempre __ Pocas veces __ Nunca
6. Al solicitar el cliente el total de la venta la respuesta es:

__ Inmediata __ Tarda de 3 a 5 minutos __ Más de 5 minutos
7. Con que frecuencia pide una factura de su compra de productos:

__ Nunca __ A veces __ Siempre
8. La búsqueda de artículos en existencia se demora:

__ Inmediata __ de 3 a 5 minutos __ Más de 5 minutos
9. Considera usted que el manejo del inventario de la empresa “EXPORTBROKER”

mejoraría con la implementación de una Aplicación web de inventario y facturación:
__Si __No
10. Al realizar una compra que tipo de pago es:
__A crédito __al contado __Las dos anteriores
Manual De Usuario
Manual de usuario de la aplicación de inventario
1) Ingreso Aplicación Web:

Para ingresar a la Aplicación Web debemos ir al explorador de internet y escribir en la
barra de direcciones la dirección del servidor.
2) Ingreso a la aplicación
Para el ingreso a la aplicación web damos click en el texto Log In y es esta pantalla
ingresamos los datos en el cuadro de abajo el cual es nombre de usuario y contraseña.
Campo de texto de usuario: en esta área de texto ingresamos el nombre de usuario con el
que nos registramos o correo registrado.
Campo de texto de password: en este campo de texto se ingresa la contraseña de usuario

para poder ingresar a la aplicación.
Botón Sign In: hacemos clic en el botón podrá ingresar a la aplicación siempre y cuando
el campo de texto de usuario y contraseña sean los correctos.
3) Menú de la aplicación:
Menú permite que la navegación en la aplicación web mediante este podemos interactuar y
realizar las operaciones deseadas en el sistema.
4) Ingreso de proveedores:
Para ingresar un nuevo proveedor es necesario llenar la información que se requiere en el
formulario como el nombre del proveedor, el apellido, dirección, teléfono, cedula, RUC,
Luego presionamos en el botón guardar para guardar los datos en la base, en caso de
querer modificar un proveedor debemos presionar en el botón modificar y podremos
modificar los datos de un proveedor ya guardado anteriormente.
5) Ingreso de producto:
En esta pantalla podemos ingresar los productos necesarios para realizar la venta en el
formulario de Ingreso de Factura.
6) Ingreso de usuarios:
El formulario con él se deberá registrar al empleado y asignar que rol tendrá dentro del
sistema.
7) Devoluciones.
Aquí será el formulario para devolución de productos de facturas ya ingresadas.
8) Factura de Venta:
Esta es la factura en compra de productos para la empresa. Muestra el número de factura
con su respectivo proveedor y los productos pedidos por la empresa. Muestra en total a
pagar la empresa deberá ver si el pago es al contado o a crédito.
9) Facturación electrónica:
En este reporte me muestra el estado del documento electrónica, además como las
opciones de reenviar los documentos no autorizados y además el XML autorizado para las
declaraciones del Sri.
Manual Técnico
Este manual explica las herramientas utilizadas para el desarrollo de la aplicación.
Como hemos explicado anteriormente, para el desarrollo del módulo utilizamos software
cubierta por la licencia GNU/GPL la cual es libre y con mejores seguridades. Ahora
explicaremos cada una de las herramientas utilizadas dando sus características y
beneficios.
Windows 10 Pro
Windows 10, la actualización del sistema operativo de Microsoft, es el esperado redentor
después del desliz que representó Windows 8.
Windows 10, que se lanzó el 29 de julio de 2015, lleva mucho a cuestas. El nuevo sistema
operativo tiene la tarea de borrar las malas experiencias por las que pasaron los usuarios
que se toparon con Windows 8, que se enfocó en la pantalla táctil y que fracasó en su
intento por ganarse el favor entre los usuarios de PC.
Windows 10 viene repleto de funciones, como un menú de inicio (Start) rediseñado, la

asistente virtual Cortana y el nuevo navegador Edge.
Todas estas funciones han sido diseñadas para conquistar a los cansados usuarios de
Windows.
El nuevo sistema operativo también apunta a ofrecer una experiencia más unificada entre
las PCs, tabletas y smartphones como una manera para convencer a los consumidores de
preferir Windows sobre dispositivos de otras marcas.
Windows 10 se podrá descargar de forma gratuita hasta el 29 de julio de 2016. Después de

esta fecha, los que deseen actualizarse a esta versión tendrán que desembolsar US$119.
Adobe Fireworks CS6:

Adobe® Fireworks® es un programa versátil para crear, editar y optimizar gráficos Web.
Permite crear y editar imágenes de mapa de bits y vectoriales, diseñar efectos Web, como
rollovers y menús emergentes, recortar y optimizar elementos gráficos para reducir su
tamaño de archivo y automatizar tareas repetitivas para ahorrar tiempo.
Es posible exportar o guardar un documento como un archivo JPEG, un archivo GIF o un

archivo de otro formato. Estos archivos pueden guardarse junto con archivos HTML que
contengan tablas HTML y código JavaScript para facilitar su uso en Internet.
MySQL:
MySQL es un sistema de administración de bases de datos (Database Management
System, DBMS) para bases de datos relacionales. Así, MySQL no es más que una
aplicación que permite gestionar archivos llamados de bases de datos.
Existen muchos tipos de bases de datos, desde un simple archivo hasta sistemas
relacionales orientados a objetos. MySQL, como base de datos relacional, utiliza múltiples
tablas para almacenar y organizar la información. MySQL fue escrito en C y C++ y
destaca por su gran adaptación a diferentes entornos de desarrollo, permitiendo su
interactuación con los lenguajes de programación más utilizados como PHP, Perl y Java y
su integración en distintos sistemas operativos.
También es muy destacable, la condición de open source de MySQL, que hace que su
utilización sea gratuita e incluso se pueda modificar con total libertad, pudiendo descargar
su código fuente. Esto ha favorecido muy positivamente en su desarrollo y continuas
actualizaciones, para hacer de MySQL una de las herramientas más utilizadas por los
programadores orientados a Internet.
PhpMyAdmin:
PhpMyAdmin es una herramienta que se ofrece desde los paneles de control cPanel de los
alojamientos web de hosting con la que podremos manejar y administrar nuestras bases de
datos MySQL. Se pueden crear, eliminar, modificar bases de datos, así como gestionar las
tablas de las mismas.
Si nos ponemos más técnicos debemos decir que PhpMyAdmin se creó con el lenguaje de
programación PHP, que es open source y que el proyecto está en marcha desde 1998.
A la hora de tratar con bases de datos, crear, borrar, modificar, ejecutar sentencias SQL,
etc. es algo que puede resultar complicado, pero gracias a PhpMyAdmin, cualquier usuario
con unos pocos conocimientos, es capaz de realizar la tarea más cotidiana con bases de
datos SQL.
Hoy en día, la gran mayoría de las páginas web que visitamos diariamente hacen uso de
una base de datos, por lo que poder gestionar una base de datos es algo prácticamente
imprescindible.
Gracias a herramientas como PhpMyAdmin esta gestión se puede desarrollar de

una manera visual y muy intuitiva.
El acceso a PhpMyAdmin es vía web, esto quiere decir que se aloja en nuestro servidor y
podemos acceder desde cualquier dispositivo con conexión a Internet en lugar de usar un
único ordenador.
Una ventaja no escrita de PhpMyAdmin es que está instalado en la inmensa mayoría de los
alojamientos web que puedas encontrar en todo el mundo. Si aprendes a usar
PhpMyAdmin, aunque sea de manera básica, podrás hacerlo en cualquier hosting que te
encuentres.
Sublime Text 3:
Sublime Text es un editor de código multiplataforma, ligero y con pocas concesiones a las
florituras. Es una herramienta concebida para programar sin distracciones. Su interfaz de
color oscuro y la riqueza de coloreado de la sintaxis, centra nuestra atención
completamente.
Sublime Text permite tener varios documentos abiertos mediante pestañas, e incluso
emplear varios paneles para aquellos que utilicen más de un monitor. Dispone de modo de
pantalla completa, para aprovechar al máximo el espacio visual disponible de la pantalla.
El programa cuenta “de serie” con 22 combinaciones de color posibles, aunque se pueden
conseguir más. Para navegar por el código cuenta con Minimap, un panel que permite
moverse por el código de forma rápida.
El sistema de resaltado de sintaxis de Sublime Text soporta un gran número de
lenguajes (C, C++, C#, CSS, D, Erlang, HTML, Groovy, Haskell, HTML, Java,
JavaScript, LaTeX, Lisp, Lua, Markdown, Matlab, OCaml, Perl, PHP, Python, R,
Ruby, SQL, TCL, Textile and XML).
El programa dispone de auto-guardado, muchas opciones de personalización, cuenta con

un buen número de herramientas para la edición del código y automatización de
tareas. Soporta macros, Snippets y auto completar, entre otras funcionalidades. Algunas de
sus características son ampliables mediante plugins.
PHP:
Es un lenguaje de programación interpretado o framework para HTML, diseñado
originalmente para la creación de páginas web dinámicas. Se usa principalmente para la
interpretación del lado del servidor (server-side scripting) pero actualmente puede ser
utilizado desde una interfaz de línea de comandos o en la creación de otros tipos de
programas incluyendo aplicaciones con interfaz gráfica usando las bibliotecas Qt o GTK+.
El servidor HTTP Apache:

Es un servidor web HTTP de código abierto, para plataformas Unix (BSD, GNU/Linux,
etc.), Microsoft Windows, Macintosh y otras, que implementa el protocolo HTTP/1.12 y la
noción de sitio virtual.
JavaScript:
Es un lenguaje de programación interpretado, dialecto del estándar ECMA Script. Se
define como orientado a objetos,3 basado en prototipos, imperativo, débilmente tipado y
dinámico.

Tuaexcomsis019 2018

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Tuaexcomsis019 2018

Hochgeladen von

Copyright:

Verfügbare Formate

UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES

FACULTAD DE SISTEMAS MERCANTILES

PROYECTO DE EXAMEN COMPLEXIVO PREVIO A LA

AUTOR: MORALES AMAYA CRISTIAN GEOVANNY

ASESOR: ING. BAÑO NARANJO FREDDY PATRICIO, M. Sc.

Quien suscribe, legalmente CERTIFICA QUE: El presente Trabajo de Titulación realizado

Ambato, Marzo de 2018

Yo, Cristian Geovanny Morales Amaya, estudiante de la Carrera de Sistemas, Facultad de

Ambato, Marzo 2018

Sr. Cristian Geovanny Morales Amaya

Ambato, Marzo 2018

Este éxito lo hago mío, pero también es tuyo.

A mi amada madre y hermanos quienes siempre se hicieron presentes con palabras de

APROBACIÓN DEL ASESOR DEL TRABAJO DE TITULACIÓN

TABLA 1 PERSONAL DE LA EMPRESA .................................................................................. 28

GRAFICO 1 ¿FRECUENCIA AL REALIZAR PEDIDOS?................................................................ 29

La Empresa “ExportBroker S.A” de la ciudad de Quito, se dedica a la venta y exportación

Hoy en día, gracias a un Smartphone, o computador se puede comprar de todo sin

Es un documento electrónico que sustenta una transacción comercial en el Ecuador, y el

Planteamiento del Problema

América Latina se ha convertido en una región que ha captado el interés internacional en

La empresa ExportBroker en la actualidad no cuenta con ninguna herramienta informática

En los procesos que actualmente se desarrollan el control de stock de inventario no se

Uno de los aspectos más importantes de una empresa es la realización de estados

Formulación del Problema

¿Cómo mejorar la gestión de ventas de la empresa ExportBroker?

El presente trabajo de investigación se lo realizó en la empresa “EXPORTBROKER” de

Identificación de la Línea De Investigación

Desarrollo de Software y Programación de Sistema.

 Fundamentar científicamente las aplicaciones web, sus herramientas de desarrollo,

Con la implementación de una aplicación web de venta de flores con facturación

En la actualidad el control y manipulación de información es de mucha importancia ya que

El presente proyecto se lo realiza con el fin de mejorar el servicio al cliente de la empresa

Con la implementación de esta plataforma esperamos satisfacer las necesidades de cada

El propósito del presente trabajo es poder mejorar el funcionamiento de la empresa con

1.1 Aplicación Web

Las aplicaciones web están íntimamente relacionadas con el almacenamiento de datos en

En un principio la web era sencillamente una colección de páginas estáticas, documentos,

Las aplicaciones basadas en web están siempre actualizadas con el

Las aplicaciones basadas en web no necesitan ser descargadas, instaladas y

 Menos Errores (Bugs).

 Los datos también van online.

Por supuesto con el desplazamiento de las aplicaciones locales a aquellas basadas en

Las aplicaciones Web están basadas en el modelo Cliente/Servidor que gestionan

1.1.3 Estructura de la aplicación Web

1.1.3.1 Diferencia entre aplicaciones web y aplicación de internet enriquecida

E-Commerce se refiere al uso de un medio electrónico para realizar transacciones. El

De acuerdo al Centro Global de Mercado Electrónico, el comercio electrónico es

1.2.3 Consideraciones Técnicas

Es necesario en algunas ocasiones recordar que las consideraciones técnicas para

1.2.4 Uso empresarial

 La competencia es mucho mayor ya que cualquiera puede poner en marcha este

1.3 Herramientas de Desarrollo

PHP es el acrónimo de Hipertext Preprocesor. Es un lenguaje de programación del lado del

1.3.4 IDE de desarrollo

Un entorno de desarrollo integrado, es un entorno de programación que ha sido

1.4.1 Fundamentos de la Seguridad Informática

La seguridad informática o seguridad de tecnologías de la información es el área de la

La seguridad informática debe establecer normas que minimicen los riesgos a la

1.4.2 Criptosistemas de Clave Secreta

1.4.3 Criptosistemas de Cifrado en Flujo

Un generador de claves: a partir de una clave de inicialización K produce una secuencia

El algoritmo de cifrado: realiza operaciones elemento a elemento, es decir que el