UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... ·...

69
UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas Mercantiles CARRERA: Sistemas PROYECTO DE EXAMEN COMPLEXIVO PREVIO A LA OBTENCIÓN DEL TÍTULO DE INGENIERIO EN SISTEMAS E INFORMATICA TEMA: Aplicación web para el control de las ventas y cobranzas en el “Almacén Carmita” AUTOR: Alex Geovanny Toledo Brahan TUTOR: Lic. Luis Albarracín Zambrano, Mgs. Quevedo- Ecuador 2018

Transcript of UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... ·...

Page 1: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

UNIVERSIDAD REGIONAL AUTÓNOMA

DE LOS ANDES “UNIANDES”

FACULTAD DE: Sistemas Mercantiles

CARRERA: Sistemas

PROYECTO DE EXAMEN COMPLEXIVO PREVIO A LA OBTENCIÓN DEL

TÍTULO DE INGENIERIO EN SISTEMAS E INFORMATICA

TEMA: Aplicación web para el control de las ventas y cobranzas en el “Almacén

Carmita”

AUTOR: Alex Geovanny Toledo Brahan

TUTOR: Lic. Luis Albarracín Zambrano, Mgs.

Quevedo- Ecuador

2018

Page 2: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas
Page 3: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas
Page 4: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas
Page 5: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

DEDICATORIA

Dedico esta tesis a Dios por haberme permitido llegar hasta este punto y haberme dado

salud para lograr mis objetivos, además de su infinita bondad y amor. y a mis padres;

Dolores del Carmen Brahan Peralta y Miguel Geovanny Toledo Montaño que siempre

han estado para apoyarme incondicionalmente en la parte moral y económica para

cumplir una meta más de mi vida profesional

A mis hermanos y demás familiares en general por el apoyo brindado día a día en el

transcurso de cada semestre de mi vida universitaria.

Page 6: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

AGRADECIMIENTO

Le agradezco a dios por haberme acompañado y guiado a lo largo de mi carrera, por ser

mi fortaleza en los momentos de debilidad y por brindarme una vida llena de

aprendizajes, experiencias y sobre todo felicidad.

Le doy gracias a mis padres Carmen y Geovanny por apoyarme en todo momento, por

los valores que me han inculcado, y por haberme dado la oportunidad de tener una

excelente educación en el transcurso de mi vida. Sobre todo por ser un excelente

ejemplo de vida a seguir

A mis hermanos por ser parte importante de mi vida y presentar la unidad familiar. A

Josue por ser un ejemplo de desarrollo profesional a seguir, a Nayelli por llenar mi vida

de alegrías y amor cuando más lo he necesitado.

A Karen por ser una parte muy importante de mi vida, por haberme apoyado en las

buenas y en las malas, sobre todo por su paciencia y amor incondicional.

Le agradezco la confianza, apoyo y dedicación de tiempo a mis profesores: Juan Carlos

Albarracín, Edmundo Jalón y Luis Albarracín. Por haber compartido conmigo sus

conocimientos y sobre todo su amistad.

Page 7: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

RESUMEN EJECUTIVO

En la actualidad las aplicaciones web se han vuelto necesarias para el manejo de la

información en una organización convirtiéndose en una herramienta muy eficiente que

permite al usuario acceder y utilizar un sistema informático permitiendo un mejor

manejo y organización de su información. Para lo cual se planteó el “Desarrollo de una

aplicación web para el control de las ventas y cobranzas en el “Almacén Carmita”,

como una manera de contribuir con el mejoramiento del control de las ventas y

cobranzas.

Los tipos de investigaciones con sus métodos permitieron identificar y puntualizar

requerimientos funcionales y no funcionales para el desarrollo del software, sin

descartar a la técnica más usada por todo investigador: la observación que permitió

analizar y sintetizar muchos comportamientos de los procesos internos que se dan en el

diario vivir comercial.

El diseño y el desarrollo del software se lo realizo en software libre para que tenga la

enorme ventaja de ser multiplataforma. Utilizando HTML con estructura base, CSS

como diseño y presentaciones, PHP como el lenguaje de enlace con JavaScript para la

manipulación de información y el enlace con la base de datos. Además de modelar la

base de datos para el manejo con precisión de los campos que tiene que tener. Todas

estas características ayudo a realizar un sitio web que me permita realizar el control de

las ventas y cobranzas de una manera eficiente y sin atadura respeto al lugar en donde

se encuentran los dueños y el equipo que esté utilizando, solo necesita acceder a un

navegador.

Page 8: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

ABSTRACT

Currently web applications have become necessary for the management of information

in an organization becoming a very efficient tool that allows the user to access and use a

computer system allowing better management and organization of their information. For

which the "Development of a web application for the control of sales and collections in

the" Carmita Store "was proposed, as a way to contribute with the improvement of the

control of sales and collections.

The types of research with their methods allowed to identify and specify functional and

non-functional requirements for software development, without ruling out the most used

technique by all researchers: the observation that allowed analyzing and synthesizing

many behaviors of the internal processes that occur in the daily commercial life.

The design and development of the software is done in free software so that it has the

enormous advantage of being multiplatform. Using HTML with base structure, CSS as

design and presentations, PHP as the link language with JavaScript for the manipulation

of information and the link with the database. In addition to modeling the database for

accurate handling of the fields you have to have. All these features helped to make a

website that allows me to control the sales and collections in an efficient way and

without any ties to the place where the owners are and the equipment they are using,

you only need to access a browser.

Page 9: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

ÍNDICE

CERTIFICACIÓN DEL TUTOR ............................................................ ¡Error! Marcador no definido.

CERTIFICACIÓN DE AUTORIA .......................................................... ¡Error! Marcador no definido.

DEDICATORIA ................................................................................................................................ V

AGRADECIMIENTO ....................................................................................................................... VI

RESUMEN EJECUTIVO .................................................................................................................. VII

EXECUTIVE SUMMARY ................................................................... ¡Error! Marcador no definido.

ÍNDICE .......................................................................................................................................... IX

ÍNDICE DE TABLAS ........................................................................................................................ XI

ÍNDICE DE ILUSTRACIONES .......................................................................................................... XII

Tema .............................................................................................................................................. 1

Problema de Investigación ............................................................................................................ 1

Formulación del problema ............................................................................................................ 1

Línea de investigación ................................................................................................................... 1

Justificación de la Necesidad, Actualidad e Importancia .............................................................. 1

Objetivos ....................................................................................................................................... 2

Objetivo general ........................................................................................................................ 2

Objetivos específicos ................................................................................................................. 2

Fundamentación teórica y conceptual.......................................................................................... 2

Sitio web .................................................................................................................................... 2

Web ........................................................................................................................................... 3

Características de aplicaciones web................................................................................... 3

Cliente – Servidor ...................................................................................................................... 4

Servidores Web ......................................................................................................................... 4

Apache Web .............................................................................................................................. 5

¿Qué es PHP? ............................................................................................................................ 5

Métodos de transferencia de datos en formularios ................................................................. 6

CSS ............................................................................................................................................. 6

Diferencias entre extensiones mysql, mysqli y PDO ................................................................. 7

Ajax ............................................................................................................................................ 7

HTML ......................................................................................................................................... 8

¿Qué es base de datos? ............................................................................................................ 8

Page 10: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

Tipos de gestores de base de datos ........................................................................................ 8

Dominio ..................................................................................................................................... 9

Tipos de dominios ................................................................................................................. 9

Hosting .................................................................................................................................... 10

Tipos de hosting .................................................................................................................. 11

Hosting compartido .................................................................................................................... 11

Hosting dedicado ........................................................................................................................ 11

Servidor local ........................................................................................................................... 11

Que es empresa ...................................................................................................................... 12

Que es microempresas............................................................................................................ 12

Venta ....................................................................................................................................... 13

Venta Directa ..................................................................................................................... 13

Venta Indirecta .................................................................................................................. 13

Venta a distancia ............................................................................................................... 13

Ventas multinivel ............................................................................................................... 14

Control de ventas .................................................................................................................... 14

Créditos y cobranzas ............................................................................................................... 14

Antecedentes relacionados con la investigación a desarrollar ............................................... 15

METODOLOGIA ........................................................................................................................... 17

Tipo de Investigación .............................................................................................................. 17

Población y Muestra ............................................................................................................... 17

Método Analítico – Sintético .................................................................................................. 17

Método sistémico ................................................................................................................... 17

Método de la modelación ....................................................................................................... 18

Método Inductivo.................................................................................................................... 18

Método Deductivo .................................................................................................................. 18

METODOLOGÍA INFORMÁTICA ............................................................................................... 19

Propuesta .................................................................................................................................... 21

Tema ........................................................................................................................................ 21

Antecedentes de la Empresa .................................................................................................. 21

Objetivo ................................................................................................................................... 21

Modelado de Gestión .............................................................................................................. 22

Caso de Uso ............................................................................................................................. 24

Modelado de datos ................................................................................................................. 25

Page 11: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

Modelo conceptual ................................................................................................................. 25

Modelo Lógico ......................................................................................................................... 26

Modelo Fisco ........................................................................................................................... 27

Script de la base de datos ....................................................................................................... 27

Diccionario de Datos ............................................................................................................... 33

Diagrama de Navegabilidad .................................................................................................... 41

Diseño de Interfaz ................................................................................................................... 42

Resultados Finales de la Aplicación......................................................................................... 44

Conclusiones ............................................................................................................................... 48

Recomendaciones ....................................................................................................................... 49

Referencias Bibliográficas ........................................................................................................... 50

ÍNDICE DE TABLAS

Tabla 1: Población y Muestra ........................................................................................ 17

Tabla 2: Requerimiento 1 ............................................................................................... 22

Tabla 3: Requerimiento 2 ............................................................................................... 22

Tabla 4: Requerimiento 3 ............................................................................................... 22

Tabla 5: Requerimiento 4 ............................................................................................... 22

Tabla 6: Requerimiento 5 ............................................................................................... 23

Tabla 7: Requerimiento 6 ............................................................................................... 23

Tabla 8: Requerimiento 7 ............................................................................................... 23

Tabla 9: Requerimiento 8 ............................................................................................... 23

Tabla 10: Requerimiento 9 ............................................................................................. 24

Tabla 11: Requerimiento 10 ........................................................................................... 24

Tabla 12: Categorías de la base de datos de la aplicación web .................................... 33

Tabla 13: Índice de tabla de Categorías ........................................................................ 34

Tabla 14: Cliente de la base de datos de la aplicación web .......................................... 34

Tabla 15: Índice de tabla de Cliente .............................................................................. 34

Tabla 16: Compras de la base de datos de la aplicación web ....................................... 35

Tabla 17: Índice de tabla de Compras ........................................................................... 35

Tabla 18: Factura de Compra de la base de datos de la aplicación web ...................... 35

Tabla 19: Índice de tabla de Factura de Compra .......................................................... 35

Tabla 20: Factura de Venta de la base de datos de la aplicación web .......................... 36

Page 12: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

Tabla 21: Índice de tabla de Factura de venta ............................................................... 36

Tabla 22: Marcas de la base de datos de la aplicación web .......................................... 36

Tabla 23: Índice de tabla de Marcas .............................................................................. 36

Tabla 24: Numero de Contrato de la base de datos de la aplicación web ..................... 37

Tabla 25: Índice de tabla de Numero de Contrato ......................................................... 37

Tabla 26: Pagos de la base de datos de la aplicación web ............................................ 37

Tabla 27: Índice de tabla de Pagos ................................................................................ 38

Tabla 28: Pago de Contrato de la base de datos de la aplicación web ......................... 38

Tabla 29: Índice de tabla de Pagos de Contrato ............................................................ 38

Tabla 30: Producto de la base de datos de la aplicación web ....................................... 39

Tabla 31: Índice de tabla de Producto ........................................................................... 39

Tabla 32: Temporal de la base de datos de la aplicación web ...................................... 39

Tabla 33: Índice de tabla de Temporal .......................................................................... 39

Tabla 34: Venta de la base de datos de la aplicación web ............................................. 40

Tabla 35: Índice de tabla de Venta ................................................................................. 40

Tabla 36: Ventas de Contrato de la base de datos de la aplicación web ....................... 40

Tabla 37: Índice de tabla de venta de contrato .............................................................. 41

ÍNDICE DE ILUSTRACIONES

Ilustración 1 Cliente/Servidor ........................................................................................... 4

Ilustración 2: AJAX .......................................................................................................... 7

Ilustración 3: Caso de Uso del Usuario ......................................................................... 24

Ilustración 4: Caso de uso del Administrador ................................................................ 25

Ilustración 5: Modelo Conceptual .................................................................................. 26

Ilustración 6: Modelo Lógico ......................................................................................... 26

Ilustración 7: Modelo Físico .......................................................................................... 27

Ilustración 8: Diagrama de navegabilidad del Administrador ...................................... 41

Ilustración 9: Diagrama de navegabilidad del Cliente .................................................. 42

Ilustración 10: Página Principal de la Aplicación Web ................................................. 42

Ilustración 11: Pagina de Contacto de la Aplicación .................................................... 43

Ilustración 12: Pagina de Iniciar Sesión ........................................................................ 43

Ilustración 13: Índex de la Aplicación ........................................................................... 44

Ilustración 14: Artículos del Almacén ............................................................................ 44

Page 13: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

Ilustración 15: Contáctenos de la Aplicación ................................................................ 45

Ilustración 16: Iniciar Sesión ......................................................................................... 45

Ilustración 17: Ventana Principal de la Aplicación ....................................................... 46

Ilustración 18: Formulario de Ingreso de Compras ...................................................... 46

Ilustración 19: Formulario de Ingreso de Usuarios ...................................................... 47

Ilustración 20: Formulario de Ingreso de Categorías ................................................... 47

Page 14: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

1

Tema

Aplicación Web para el control de las ventas y cobranzas en el “Almacén Carmita”

Problema de Investigación

El “Almacén Carmita” propiedad de MSc. Dolores del Carmen Brahan Peralta,

dedicada a la comercialización de electrodomésticos, y artículos para el hogar, se

encuentra ubicada en el Cantón Mocache en la calle 28 de mayo y 1 de agosto en la

Provincia de los Ríos.

La empresa no cuenta con un sistema de cobranza, donde especifique los clientes

deudores y no deudores, ocasionando deficiencia en el departamento financiero,

también carece de Políticas crediticias en la actualidad, es necesario mencionar que el

comercial tiene alto índice de morosidad.

El seguimiento no es adecuado, no realizan llamadas a los clientes, recordándoles sus

obligaciones, dando como resultado incumplimientos, elevando la cartera vencida, los

mecanismos utilizados no garantizan que los pagos sean en las fechas establecidas, de

continuar con estos problemas el “Almacén Carmita” no podrá llevar a cabo un análisis

crediticio idóneo y una correcta administración de las cobranzas.

Formulación del problema

¿Cómo contribuir con el mejoramiento del control de las ventas y cobranzas en el

“Almacén Carmita”?

Línea de investigación

Desarrollo de software libre.

Justificación de la Necesidad, Actualidad e Importancia

En la actualidad las aplicaciones web se han vuelto necesarias para el manejo de la

información en una organización convirtiéndose en una herramienta muy eficiente que

permite al usuario acceder y utilizar un sistema informático permitiendo un mejor

manejo y organización de su información.

Page 15: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

2

Los procesos que llevan el control de un sistema, son los que mediante dispositivos

programados o automatizados pueden funcionar de forma independiente o semi-

independiente del control manual.

Se realizó un estudio en el Almacén Carmita donde se encontraron algunas fallas que

presentan la inconformidad de los clientes al no poseer un registro de control de sus

compras y pagos realizados por lo que requiere automatizar y optimizar sus actividades

con el fin de mejorar los servicios que presta el almacén de electrodomésticos.

Con el desarrollo de una aplicación web el Almacén Carmita tendría una necesaria

herramienta de apoyo para llevar un mejor control de los datos de los clientes, sus

ventas y cobros realizados.

Objetivos

Objetivo general

Desarrollar una aplicación web para el control de las ventas y cobranzas en el “Almacén

Carmita”

Objetivos específicos

Fundamentar las bases teóricas sobre el control de las ventas y cobranzas, sitios

web, modelamiento.

Determinar a través de los procedimientos metodológicos para el diagnóstico del

estado actual del proceso de control de las ventas y cobranzas en el “Almacén

Carmita”.

Estructurar una aplicación web para el control de las ventas y cobranzas en el

“Almacén Carmita”.

Fundamentación teórica y conceptual

Sitio web

“Es un conjunto de páginas web relacionada entre sí. Se entiende por página web tanto

el fichero que contiene el código HTML como todos los recursos que se emplean en la

página (imágenes, sonidos, código, JavaScript, entre otros.)” (Mora, 2002, pág. 62)

Page 16: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

3

“Cuando ejecuta una URL (Uniform Resource Locator), por ejemplo http:// .google.es,

¿qué ocurre en el navegador (Internet Explorer, Firefox, Chrome...)?

La URL se envía a un servidor Web a través de la red. Este servidor procesa lasolicitud

y reenvía el flujo HTML al navegador” (Rollet, 2015, pág. 13)

Según Mora y Rollet, un sitio web no es más que un conjunto de páginas relacionadas

con la misma temática y estas pertenecen a un mismo dominio y las cuales poseen

varios tipos de recursos que permiten interactuar con los usuarios, respondiendo a

diversas interrogantes.

Web

“Los conceptos de web y de internet a menudo se confunden y se tiene a creer que son

lo mismo, pero en realidad son diferentes. Internet engloba a la tecnología que hacen

posible que los ordenadores ubicados en diferentes lugares del mundo se conecten entre

si y puedan compartiré información, la web es solo uno de los servicios que proporciona

internet” (Ramos Martín & Ramos Martín, 2014, pág. 3).

“La web es una colección de documentos que representan diferentes sitios enlazados

entre sí, de modo que basta hacer clic en una palabra o imagen o sonido en particular

para trasladarse rápidamente a otro sitio.” (Salkind, 1999)

En si la web no es más que una compilación de índices electrónicos vinculados entre sí,

siendo mostrados a través de un navegador web, permitiendo visualizar cualquier tipo

de archivo sean texto, imágenes, videos, entre otros. Esta estructura está compuesta por

varios computadores conectados a nivel mundial

Características de aplicaciones web

Resaltado de sintaxis: el código fuente se resalta con colores según si el texto

es una palabra reservada del lenguaje, una variable, una función, una clase.

Etc.

Formateo automático del código: el código se estructura de acuerdo a las

normas o recomendaciones de cada lenguaje.

Autocompletado: a medida que se escribe, el editor muestra sugerencias que

permiten completar la palabra de forma mucho más rápida

Page 17: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

4

Documentación en línea: posibilidad de consultar la documentación del

lenguaje desde el propio editor (GÓMEZ, 2015, pág. 55)

Cliente – Servidor

Un sistema cliente servidor es un entramado de componentes funcionales de procesos,

el cliente quien solicita un requerimiento y el servidor lo otorga, manteniendo la idea

de resguardar todo tipo de información y luego brindarla a cada punto de conexión a

través de una línea de comunicación.

Ilustración 1 Cliente/Servidor Fuente: http://profejavaoramas.blogspot.com

Servidores Web

“Servidor web es un programa que está esperando permanentemente las solicitudes de

conexión mediante el protocolo http por parte de los clientes web. En los sistemas Unix

suele ser un demonio y en los sistemas Microsoft Windows un servicio. La parte

servidor de las aplicaciones web está formada por paginas estáticas que siempre

muestran el mismo contenido y por programas o scripts que son ejecutados por el

servidor web cuando el navegador del cliente solicita algunas páginas.” (Mora, 2002)

“En un entorno Web g en una arquitectura cliente/servidor aparece la parte"servidor".

Por definición, un servidor web es una aplicación informática del lado del servidor que

realiza conexiones bidireccionales y/o unidireccionales y síncronas o asíncronas con el

cliente generando una respuesta en cualquier lenguaje o aplicación del lado del cliente”

(San Miguel, 2015, pág. 48)

De forma más explícita se concluye con que un servidor web es un programa que se

ejecuta en un ordenador master, manteniéndose a la expectativa de recibir peticiones

por parte de los clientes o usuarios para poder contestarlas de manera adecuada dando

como efecto una página web, la función base es el intercambio de información

mediante el navegador y el servidor a través de protocoles, scripts o paginas activas

Page 18: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

5

Apache Web

Según lo dicho por (San Miguel, 2015) el servidor apache es el más utilizado. Su éxito

se debe, principalmente, aque es multiplataforma y a Su estructura modular, esto

permite emplear diversos lengua es en el lado del servidor (PHP, Pgthon g Perl,

programas CGI g otros), así como incorporar características como la compresión de

datos, as conexiones seguras g la utilización de URLs amigables. Aparte del

mencionado tiene, además, un proyecto llamado TOMCAT, el cual implementa las

especificaciones de los servvlets y de JavaServer Pages (JSPJ de Oracle Corporation

(creado por Sun Microsystems y absorbida por Oracle).

Un apache quien permite otorgar servicio a las páginas web ya sean estas dinámicas o

estáticas es decir páginas cambiantes o básicas que muestran información neta.

Además del ser el más utilizado por ser multiplataforma (diferentes sistemas

operativos) lo que se convierte en la característica más destacada de él.

¿Qué es PHP?

PHP (acrónimo recursivo de PHP: Hypertext Preprocessor) al “momento es importante

mencionar que se trata de un lenguaje libre y abierto que presenta una curva de

aprendizaje muy baja, con una sintaxis simple, y que cumple con los estándares básicos

de la programación orientada a objetos. Estos atributos le han permitido ubicarse como

uno de los lenguajes del lado del servidor más utilizados alrededor del mundo” (Luna &

Peña , 2018, pág. 1)

“PHP es un lenguaje de script que se ejecuta del lado del servidor; el código PHP Se

incluye en una página HTML normal. Por lo tanto, se puede comparar con Otros

lenguajes de script que se ejecutan según el mismo principio: ASP (Active Server

Pages), JSP(lava Server Pages) o PL/SQL Server Pages (PSP)” (Heurtel, 2015, pág. 13)

PHP es un lenguaje de programación de uso general de código del lado del servidor

originalmente diseñado para el desarrollo web de contenido dinámico. Fue uno de los

primeros lenguajes de programación del lado del servidor que se podían incorporar

directamente en el documento HTML en lugar de llamar a un archivo externo que

procese los datos. El código es interpretado por un servidor web con un módulo de

procesador de PHP que genera la página Web resultante. PHP ha evolucionado por lo

que ahora incluye también una interfaz de línea de comandos que puede ser usada en

Page 19: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

6

aplicaciones gráficas independientes. Puede ser usado en la mayoría de los servidores

web al igual que en casi todos los sistemas operativos y plataformas sin ningún costo.

Métodos de transferencia de datos en formularios

“Los datos que el usuario introduzca en un formulario de una página web pueden ser

transferidos al servidor para su procesamiento con dos métodos diferentes:

Método GET: los datos son enviados dentro del URL de localización del

destino.

Método POST: los datos son enviados de manera invisible para el usuario,

haciendo uso del protocolo http y en un encabezado independiente.

Diferencias entre ambos métodos. Tanto GET como POST son métodos de envío de la

información de los formularios válidos y ampliamente utilizados. Cada método tiene

sus ventajas y sus inconvenientes y no se puede decir que uno sea mejor que otro.

Elegir entre un método y otro depende de la aplicación concreta que se esté

desarrollando y es algo que dentro de las empresas de desarrollos web suelen decidir

los encargados del diseño de las aplicaciones” (Cobo, Gomez, Pérez, & Rocha, 2005,

pág. 141).

Existen varios métodos para poder transferir datos a través de formularios de forma

visible e invisible para el usuario estos métodos ambos son para envíos de datos los

dos funcionan por igual sin dar estimación a ninguno de los dos, pero hacen en

distinta forma porque el método POST se envía atreves de formularios, mientras que

el método GET lo hace mediante URL.

CSS

“CSS significa Cascade Sty/e Sheets (también denominado como Hojas de Estilo en

Cascada). Es un lenguaje de marcado que se utiliza para dar formato a las páginas web

funcionando en conjunto con los archivos HTML es por ello que, para desarrollar un

sitio web, es necesario conocer ambos lenguajes “ (Velazquez Perea, 2018, pág. 9)

El lenguaje CSS es una hoja de estilo, que sirve para organizar la presentación de los

navegadores web de internet y por los programadores web informáticos y aspecto de

una página web. Este lenguaje es principalmente utilizado hoy en día por parte de los

Page 20: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

7

programadores para elegir una multitud de opciones de presentación como colores,

tipos y tamaños de letra, entre otros.

Diferencias entre extensiones mysql, mysqli y PDO

Mysql: Es la API histórica que ofrece PHP desde varias versiones atrás.

Mysqli: Esta es la nueva versión de mysql, orientada a objetos.

PDO: Es una capa de abstracción de base de datos, con soporte para MySQL y

otros sistemas de gestores de base de datos

Ajax

“El Ajax une antiguas tecnologías para elaborar una técnica de desarrollo que permite

crear aplicaciones web más interactivas con el usuario que las de la web 1.5” (Arias,

Durango, & Socorro, Curso de Marketing Online, 2016)

El AJAX es un conjunto de técnicas nuevas, que envuelven diversas tecnologías

antiguas, de entre estas: Javascript, XML, Document Object Model (DOM). De entre

estas tecnologías el único elemento nuevo es el XMLHttpRequest, y aun así no es tan

nuevo como parece. (Arias, Aprende a Programar con Ajax, 2014)

Con Ajax se hace posible realizar peticiones al servidor y obtener una respuesta de esta

en segundo plano y usar esos datos para a través de JavaScript, modificar los

contenidos de la página creando efectos dinámicos y rápidos

Ilustración 2: AJAX

Fuente: http://aprenderaprogramar.com/

Page 21: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

8

HTML

“HTML son las iniciales de Hipcr Text Markup Language.

Es un conjunto o serie dc etiquetas incluidas archivos de texto que definen la estructura

de un documento WWW y sus vínculos con otros documentos.

Los navegadores leen estos archivos de texto e interpretan esas etiquetas para

determinar

como desplegar la página Web” (Sánchez Morales, 2012, pág. 104)

HTML es el lenguaje que se emplea para el desarrollo de páginas. Está compuesta por

una serie de etiquetas que el navegador interpreta y da forma en la pantalla, también

dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras

páginas saltos de líneas, listas, tablas entre otras.

¿Qué es base de datos?

“Las bases de datos son repositorios que almacenan informaciones de carácter

estructurado o no estructurado con sus contenidos tantos sintácticos como semánticos”

(Capallo Portilla & Nieto Bernal, 2017, pág. 5)

Las de base de datos son sistemas computarizados, que registran datos, cuya finalidad

es salvaguardar la información y permitir el acceso a aquella cuando se desee.

Teniendo un lenguaje de manipulación datos SQL que puede ser utilizado en cualquier

sistema gestor de base datos, con pequeñísimas modificaciones en su estructura.

Tipos de gestores de base de datos

MySQL: Es un sistema de gestión de base de datos relacional, multihilo y

multiusuario con más de seis millones de instalaciones. MySQL AB desarrolla

MySQL como software libre en un esquema de licenciamiento dual.

Oracle: Es un sistema de gestión de base de datos relacional (o RDBMS por el

acrónimo en inglés de Relational Data Base Management System), fabricado por

Oracle Corporation.

Microsoft SQL Server: Es un sistema de gestión de bases de datos relacionales

basado en el lenguaje Transact-SQL, capaz de poner a disposición de muchos

usuarios grandes cantidades de datos de manera simultánea.

Page 22: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

9

Microsoft Access: Es un sistema de gestión de bases de datos Relacional creado

y modificado por Microsoft (DBMS) para uso personal de pequeñas

organizaciones.

Visual FoxPro: Es un lenguaje de programación orientado a objetos y

procedural, un Sistema Gestor de Bases de datos o Database Management

System (DBMS), y desde la versión 7.0, un Sistema administrador de bases de

datos relacionales, producido por Microsoft.

PostgreSQL. Es un sistema de gestión de base de datos relacional orientada a

objetos y libre, publicado bajo la licencia BSD. Como muchos otros proyectos

de código abierto, el desarrollo de PostgreSQL no es manejado por una empresa

y/o persona, sino que es dirigido por una comunidad de desarrolladores que

trabajan de forma desinteresada, altruista, libre y/o apoyada por organizaciones

comerciales. Dicha comunidad es denominada el PGDG (PostgreSQL Global

Development Group).

Dominio

“Un nombre de dominio es una cadena de caracteres con una sintaxis concreta que

apunta a un único espacio de internet. Así, escribiendo el nombre de dominio en un

navegador se accede al sitio web al que apunta. Por ejemplo, si se escribe el nombre

de dominio "www.google.es" se accederá a la web del buscador Google en Español

y a ninguna otra” (Celaya Luna, 2017)

“Computadora anfitriona de Internet que ejecuta el software DNS para coordinar las

direcciones IP y los nombres de dominio de cada computadora conectada a la

misma” (Technology, 2005, pág. 60)

En concordancia con los autores Celaya &Technology se diría que el dominio es el

nombre único que te direcciona hacia un sitio web, para poder obtener un dominio

para un sitio lo primero es identificar que ese nombre no exista. Básicamente es el

nombre con el que vas a estar alojado en la web” www.cisco.com”.

Tipos de dominios

De acuerdo con las revistas Anetcon e Informático, se sacó los tipos de dominios

más importantes ya que existen algunos.

Page 23: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

10

Dominios.com: Son los dominios más extendidos en el mundo. Sirven para

cualquier tipo de página web, temática, persona o entidad.

Dominios.net: Originalmente orientado a empresas relacionadas con Internet

y la tecnología, en la actualidad se usa como alternativa a los dominios .com,

y puede ser usado para cualquier tipo de página web.

Dominios.org: Diminutivo de “organización”, este tipo de dominios están

orientados a organizaciones sin ánimo de lucro, asociaciones o fundaciones.

Dominios.info: Se utilizan para página de información general o puntual. Se

puede usar como alternativa a los .com o .net.

Dominios.es: Es un tipo de dominio territorial y se usa para páginas web que

tengan alguna relación con España o la cultura española. Puede contratarlo

cualquier persona o entidad sin necesidad de que tenga residencia en España.

Dominios.com.es: Son los dominios más extendidos en el mundo. Sirven para

cualquier tipo de página web, temática, persona o entidad.

Dominios nom.es: Al igual que los dominios.com.es, son dominios

territoriales y se usan para páginas web que tengan alguna relación con

España o la cultura española.

Dominios. gob: Es para las páginas de gobiernos.

Dominios .edu: Es reservado para las instituciones relativas de educación.

Dominios .mil: Se utiliza para instituciones militares.

Hosting

“Es el espacio donde se aloja un sitio web en Internet. Concretamente, es el servidor

web donde se guarda toda la información de nuestra página y permite a los usuarios

acceder a nuestra oferta y realizar transacciones comerciales con nuestra empresa. El

servicio de hosting permite que nuestra tienda esté siempre disponible, para que

cualquier usuario pueda comprar a cualquier hora y desde cualquier ubicación o

dispositivo con las mayores garantías” (Naranjo , 2017)

En conclusión, de lo dicho por el autor es el espacio físico- lógico donde va a alojar

el sitio, por lo general son computadores con grandes características (servidores)

que permiten conexiones de alta velocidad para la navegación, garantizan una

disponibilidad de 24 horas al día por 7 de la semana y seguridad en la información

almacenada.

Page 24: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

11

Tipos de hosting

Existen varios tipos de hosting web y se seleccionan dependiendo a su seguridad

Hosting compartido.

“Este es el tipo de hosting más utilizado y resulta ser una alternativa bastante

económica. El servicio consiste en que compartas el servidor con otro sitio web.

Esto implica compartir el almacenamiento, recursos y gastos entre todas las

webs alojadas en el servidor” (Selman, 2017)

“Muchos sitios comparten servidor. A cambio de un pequeño pago mensual, el

servicio dispone de múltiples funciones, Sus principales usuarios son los

particulares y las pequeñas empresas” (Poolos, 2018, pág. 35)

Un hosting compartido es aquel que comparte su almacenamiento con otras

páginas de otras empresas, utilizando el mismo servidor para abaratar costos

de requerimientos de igual manera estos servicios se encuentran con normas de

seguridad y la información esta disponibles 24/7.

Hosting dedicado

“Hosting es el de housing o colocation, que consiste en alquilar espacio físico en

un centro de datos, para colocar un servidor de nuestra propiedad, que nosotros

mismos instalamos, administramos y mantenemos” (Seoane Balado, 2005, pág.

130)

“El propietario dispones de todo el servidor web. Esto permite un rendimiento

más rápido, ya que se tiene todos los recursos del servidor por completo, sin

compartir con otros usuarios de sitios web” (Martínez Valverde & Rojas Ruiz ,

2016, pág. 122)

Este tipo de hosting es aquel que nos sirve como alojamiento único para una

sola empresa o institución, y que una de las ventajas es la rapidez de

navegabilidad y el espacio de almacenamiento que posee.

Servidor local

“Lo instalaremos en local, es decir, en una máquina que no está conectada Internet, que

puede ser perfectamente su ordenador habitual. El objetivo de la instalación en local es

Page 25: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

12

probar el sitio desde un punto de vista funcional, pero sin que esté a disposición de los

usuarios” (Aubry, 2012, pág. 207)

sin que esté a disposición de los usuarios. Este tipo de servidor nos emula que estamos

navegando en la web, pero como su propia palabra los dice es local, que nos quiere

decir solo para una Pc´s

Que es empresa

“Que hoy en día vivimos rodeados de empresas, que son de interés por razones

diferentes, ya sean de tipo productivo, por su interés financiero, relaciones

contractuales, entre otros. Todas estas razones son las que consideran a la empresa

como una realidad socioeconómica a estudiar dentro del ámbito de las ciencias sociales,

y en particular dentro de la economía.” (Estallo M. d., 2007)

“Es un organismo formado por personas, bienes materiales, aspiraciones y realizaciones

comunes para dar satisfacciones a su clientela.” (Romero, 2010)

La empresa es una entidad conformada básicamente por varias personas, que tiene una

misión, visión, una cadena de valores y objetivos institucionales a cumplir para lo cual

tienen que gestionar varias estrategias que permitan alcanzar la estabilidad de la

empresa.

Que es microempresas

“La unidad productiva más pequeña de la estructura empresarial, en términos de escala

de activos físicos, ventas y números de empleados, que realiza actividades de

producción, comercio o servicios en áreas rurales o urbanas.” (Lizarazo Beltran, 2009)

“Una microempresa puede ser definida como una asociación de personas que, operando

en forma organizada, utiliza sus conocimientos y recursos: humanos, materiales,

económicos y tecnológicos para la elaboración de productos y/o servicios que se

suministran a consumidores, obteniendo un margen de utilidad luego de cubrir sus

costos fijos variables y gastos de fabricación” (Monteros, 2005, pág. 15)

Una microempresa es aquella pequeña o media empresa, la cual refleja su realidad

económica, en su volumen o balance general de ganancias, por las cuales se pueden

acoger a los programas o políticas de la Unión Europea (UE) que es destina

específicamente a pequeñas o medianas empresas (PYME)

Page 26: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

13

Venta

No es más que la acción de intercambiar un bien o servicio con otra persona a cambio

de valor o bien común que permita generar una rentabilidad o ganancia. Se diría que

venta es una operación transfiere el dominio de ese bien por un valor pactado. Existen

diferentes tipos de ventas como: Venta Directa, Indirecta, Distancia y Ventas

Multinivel.

Venta Directa

“Se trata de ejemplos de individuos normales que hacen de la venta directa una actividad

cotidiana, una diversión , se cabe: una tarea a la que se lanzan sin que exista una

obligación o una necesidad lucrativa, sino una aspiración de índole personal” (Ongallo,

2012, pág. 7)

Es cuando durante el proceso de venta existe un contacto directo entre el

vendedor que puede llegar a ser una persona natural o empresa y el comprador

que puede ser lo mismo que el vendedor, no existen intermediarios entre ellos.

Venta Indirecta

“Es cuando el comprador adquiere el producto sin contacto ni asesoramiento del

vendedor” (Escudero Serrano, Procesos de venta, 2014, pág. 28)

En relación con lo dicho por el autor Escudero no es más que cuando el

comprador realiza la compra de un bien o servicio por necesidad propia y con

conocimiento de causa.

Venta a distancia

“En este tipo de Venta un Contacto directo el comprador y el vendedor.

La oferta comercial y su aceptación se realizan a través de un medio de

comunicación a distancia.

El sistema de contratación utilizado es también es a distancia, y lo organiza y

facilita el vendedor” (Montserrat Cabrerizo , 2014, pág. 118)

En resumen, con el autor Monserrat la venta se concreta por medios de

comunicaciones tecnológicos en la actualidad (computadores, teléfonos), el envió

del producto se lo realiza por correos, sin conocer en persona al vendedor.

Page 27: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

14

Ventas multinivel

“Es un sistema de venta directa sus características son: los vendedores pueden

tener descuentos por su volumen personal de ventas; comisiones por las ventas o

compras de aquellas personas a las que han reclutado y también sobre las ventas

del grupo o la red reclutada” (Escudero Serrano , Técnicas de venta y

negociación, 2016, pág. 7)

En concordancia con el autor Escudero se diría que la venta multinivel son los

vendedores que tiene de bajo de ellos más vendedores y así sucesivamente por

cada persona, cada una de esas personas al realizar una venta ganan un dinero

por cada vendedor debajo de ellos y hace comisionar al que está encima de él.

Control de ventas

“Es fundamental para conocer los resultados negativos y sus causas. Se debe efectuar

anualmente, así como el control de la estrategia” (Estallo M. Á., 2010, pág. 657).

“El sistema de control debe proveer al vendedor de la información básica sobre las

desviaciones que va teniendo a lo largo del año en sus resultados y en su actividad, de

modo que puede emprender por su propia cuenta acciones correctoras en caso necesario.

Es lo que se suele conocer como autocontrol. Ahora bien, a menudo no es sencillo para

el vendedor sacar por sí mismo conclusiones claras sobre qué hay que corregir y en qué

dirección. Y para ello existe el control del supervisor (director comercial, jefe de

ventas), el cual tiene precisamente entre sus tareas la de analizar los informes de control

de cada vendedor e intervenir cuando las desviaciones son suficientemente importantes

o continuadas (control por excepción)” (Belío Galindo & Sainz Andrés, 2007, pág. 53)

Para resumir lo dicho por Estallo el control de venta no es más que la forma de llevar

cuentas de lo vendido, por ítems de producto o valores, de esta manera se puede decir

que es lo que más se vende y lo que no. Además de indicar los ingresos de valores por

las ventas.

Créditos y cobranzas

“La entrega de un valor actual, sea dinero, mercancía o servicio, sobre la base de

confianza, a cambio de un valor equivalente esperado en un futuro, pudiendo existir

adicionalmente un interés pactado” (Arturo Morales Castro, 2014, pág. 24).

Page 28: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

15

Los negocios actuales manejan dos formas de pago una es contado y la otras es crédito,

siendo esta última más utilizada, porque permite con poco dinero y en cómoda cuotas

semanales, quincenales o mensuales se pague el objeto llevado. Entonces en ese

momento interviene la cobranza por parte del almacén.

Antecedentes relacionados con la investigación a desarrollar

Los autores Ronald Marcelo Gualán Saavedra y Diego Fabián Montúfar Cevallos, en su

tesis de ingeniería en Sistemas con el título: “APLICACIÓN WEB PARA LA

GESTIÓN DE MICROCRÉDITOS”, de la Universidad de Cuenca de la escuela de

Informática de Ecuador dicen que:

El objetivo de esta tesis es crear una herramienta que permita gestionar los procesos

necesarios para la comercialización de microcréditos. Para esto primeramente se busca

desarrollar una plataforma robusta que aprovecha los beneficios de utilizar un manejo

transaccional de procesos, una arquitectura modular del sistema y el empleo de

tecnologías recientes en el manejo de persistencias y desarrollo de interfaces web en

Java como son JPA y GWT respectivamente. Con los resultados obtenidos se pretende

dar soporte a los Asesores de microcrédito que ejercen su trabajo en zonas alejadas de la

ciudad, llegando a ofrecer el producto crediticio a clientes que no disponen de

facilidades para obtener estos créditos por medios tradicionales.

Los microcréditos representan un medio de desarrollo y crecimiento a nivel económico

para estos sectores, que generalmente son de bajos recursos. Los asesores requieren de

herramientas como computadores portátiles, teléfonos inteligentes o tablets para realizar

su trabajo de campo. El presente sistema tiene como objetivo funcionar sobre dichos

dispositivos, especialmente sobre computadores portátiles y tablets, facilitando a los

asesores la gestión de microcréditos.

En el presente documento se analiza el flujo de procesos que implica un manejo

apropiado de un producto de microcrédito, así como también la estructura

organizacional y aspectos referentes a la comercialización, venta, y seguimiento que

implica dicho flujo. Luego se abordan temas referentes a las herramientas tecnológicas a

utilizar para desarrollar la aplicación. Se presentan características, ventajas y

desventajas, junto con análisis estadísticos para justificar el uso de cada una de ellas.

Además, se aborda formalmente un análisis de requerimientos funcionales de la

Page 29: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

16

aplicación, para así continuar con la parte del análisis, diseño e implementación de la

misma. Finalmente ponemos a consideración posibles trabajos futuros y las

conclusiones que se obtuvieron al terminar el proyecto.

Según la autora Peña Roja Angie Paola en su tesis de Especialista en sistema de

Información con el título: “DISEÑO DE UN SISTEMA DE INFORMACION PARA

LA GESION DE PEDIDOS DE VENTAS INTEGRADO ALA PLATAFORMA

TECNOLOGICA DE PONCE & BENZO”, de la universidad Católica Andrés Bello de

la ciudad de Caracas país Venezuela dice que:

Gracias a las nuevas tecnologías, los consumidores tienen acceso a gran cantidad de

Información. El cliente no sólo es el centro de todas las acciones, sino que ha dejado el

papel de receptor de información y se ha convertido en un consumidor activo que busca

lo que necesita entre una oferta muy amplia. En este ámbito Ponce & Benzo es una

empresa venezolana, fundada en 1921, que manufactura y distribuye productos

farmacéuticos y de consumo masivo, que reconoce el rol protagónico que tiene la

gerencia comercial y considerando la necesidad de automatizar sus procesos, obtener

datos confiables y disminuir el tiempo de las actividades operativas, se planteó

desarrollar una investigación siguiendo la modalidad de proyecto factible, con el

objetivo de Diseñar un sistema de información basado en tecnología web para la gestión

de pedidos de ventas integrado a la plataforma tecnológica de Ponce & Benzo, la misma

abarcó cuatro fases: revisión de procesos, revisión documental, diseño de la propuesta y

estudio de factibilidad, sin concretar su implementación.

La unidad de análisis fue el área comercial; el diseño del sistema de información se

realizó considerando la plataforma tecnológica de la empresa, los criterios de la

tecnología web y la diagramación UML para el modelado de procesos. Para recopilar

los datos se utilizaron las siguientes fuentes, técnicas e instrumentos: observación

directa estructurada, observación documental, análisis de flujo de datos, entrevistas y

encuestas. Definitivamente automatizar la gestión de pedidos de ventas representa para

Ponce & Benzo considerables mejoras en los tiempos de respuesta, calidad de

información, apoyo a la toma de decisiones, cubrir expectativas del cliente y finalmente

obtener ventajas competitivas que contribuyan con el éxito empresarial.

Page 30: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

17

METODOLOGIA

Tipo de Investigación

La investigación a utilizar es la cualitativa – cuantitativa, siendo la primera la que va

permitir ver las acciones, normas y valores de la empresa a investigar, además de

permitir extraer los requerimientos para el desarrollo de software y la segunda

investigación permitió recolectar necesidades con precisión y perfilar el desarrollo.

Población y Muestra

La población del almacén Carmita es por el momento muy limitada e igual el personal

con el que se labora es de 98 personas en general, por lo que no se aplica la fórmula

para obtener una muestra que el valor es menos de cien.

Detalle Población Muestra

Personal que labora en el Almacén 3 3

Cartera de cliente estable 95 95

TOTAL 98

Tabla 1: Población y Muestra

Fuente: Alex Toledo

Método Analítico – Sintético

“Este método estudia los hechos, partiendo de la descomposición del objeto de estudio,

en cada una de sus partes para estudiarlas en forma individual (análisis), y luego se

integran dichas partes para estudiarlas de manera holística e integral (síntesis).” (Torres,

2006)

Se analizó y sintetizo los pasos a seguir para realizar la aplicación web y los procesos

que ayudaría en la implementación.se utilizo para analizar información obtenida de la

técnica de la observación la cual después se sintetizó.

Método sistémico

“El objetivo principal de las múltiples investigaciones sistémicas puede ser formulado

como la búsqueda de medios científicos con cuya ayuda se puede expresar la integridad

del objeto investigado; es decir, caracterizar los rasgos específicos, las propiedades, los

órganos, etc., que hacen del objeto un sistema” (Sanchez Jimenez, 2007, pág. 32)

Page 31: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

18

Ayudó a definir los pasos a seguir para él desarrollos de la aplicación web, así como

también las relaciones de los diferentes objetos. Lo que permitió realizar el algoritmo

de funcionamiento del sistema

Método de la modelación

“Es el método que opera en forma práctica o teórica con un objeto, no en forma directa,

sino utilizando cierto sistema intermedio, auxiliar, natural o artificial.” (Ocaña, 2009)

Este método fue de gran ayuda para llegar al problema de la investigación mediante

proyectos a pequeña escala. Se diseñó el sistema web de acuerdo a los datos obtenidos

de la investigación

Método Inductivo

“Consiste en basarse en enunciados singulares, tales como descripciones de los

resultados de observaciones o experiencias para plantear enunciados universales, tales

como hipótesis o teorías. Ello es como decir que la naturaleza se comporta siempre

igual cuando se dan las mismas circunstancias, lo cual es como admitir que bajo las

mismas condiciones experimentales se obtienen los mismos resultados, base de la

repetitividad de las experiencias, lógicamente aceptado” (Cegarra Sánchez, 2012, pág.

82)

Este método se aplicó para realizar las conclusiones de la presente investigación,

partiendo de varios escenarios encontrados en el tiempo del desarrollo del sitio.

Método Deductivo

“Es un método de razonamiento que consiste en tomar conclusiones generales para

explicaciones particulares. El método se inicia con el análisis de los postulados,

teoremas, leyes, principios, etcétera, de aplicación universal y de comprobada validez,

para aplicarlos a soluciones o hechos particulares.” (Torres, 2006)

Se estableció a partir de los conceptos del marco teórico para aplicarlos en la

investigación, como aplicaciones web y gestión de almacenes.

Page 32: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

19

METODOLOGÍA INFORMÁTICA

Se planteó utilizar el método de desarrollo rápido de aplicaciones (RAD) se tiende a

comprender la usabilidad, utilidad y la rapidez de ejecución, comprende las siguientes

etapas:

Modelado de gestión: En este proceso se modela el flujo de información que se va

a manejar en el sistema para utilizarla como requerimientos de la Aplicación Web

para el control de las ventas y cobranzas en el “Almacén Carmita”

Modelado de datos: Se contempla la definición de las características de los

objetos, así como la constitución de los objetos y sus vínculos entre ellos. Y cada

uno de los atributos de las entidades que se necesiten para registrar la información

más relevante para gestionar, controlar y agilizar todos los procesos que se

realicen.

Modelado de procesos: Describe las metodologías que manipulan los objetos, así

como la comunicación entre ellos. Se utiliza para añadir, modificar, suprimir o

recuperar un objeto de datos. A través del diseño de los diagramas UML,

identificando los procesos que se lleven a cabo en la gestión de la aplicación web.

Diagrama de aplicación: En este diagrama nos permite presentar en forma

esquematizada la información relativa e inherente el software y facilitar la

construcción del programa, como el diagrama de navegación y el diseño de

interfaz.

Pruebas e implementación: para la creación del software se utilizó el lenguaje de

programación HTML Y PHP, para la base de datos MySQL

Software Utilizados: Para la creación del aplicativo web para el control de ventas

y cobranzas en el Almacen Carmita se utilizó los siguientes software

o Power Designer: modelamiento de la base de datos

o EasyPHP: como servidor y sistema gestor de base de datos

o MySQL: creación de base de datos

o Notepad++: para codificar el HTML, PHP, CSS y JavaScript

Page 33: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

20

Conclusiones Parciales del Capitulo

Se podría decir que la presente investigación me encamino a desarrollar una

propuesta que solucione el registro de ventas y cobranzas dado en el almacén

para lo que se vio factible recomendar un sitio web, porque esto permitió

mejorar esta problemática con un sistema online de control, además de permitir

ubicar publicidad, promociones e interactuar con los usuarios para tener

contactos con ellos sobre sus necesidad.

Page 34: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

21

Propuesta

Tema

Aplicación web para el control de las ventas y cobranzas en el Almacén

“Carmita”.

Antecedentes de la Empresa

Almacén Carmita abrió sus puertas en el año 1990, sus inicios fueron con un juego de

comedor de 6 sillas, que después de 4 horas se duplico, todo había sido un rotundo éxito

para este pequeño almacén que recién estaba iniciando, la primera empresa en ser parte

del éxito fue MAYEPSA de propiedad del señor Julio Yépez ofreciéndole artículos a

consignación, al observar el éxito que tenía para vender la propietaria del Almacén

Carmita la MGs. Dolores del Carmen Brahan Peralta se fueron sumando más empresas

permitiéndole abrir código y crédito directo con carteras que iban subiendo mediante su

nivel de venta.

Hoy en día el Almacén Carmita es líder en ventas de artículos para el hogar en el

Cantón Mocache y siendo distribuidor exclusivo de varias empresas reconocidas

nacionalmente como “JUAN ELJURI, MAYEPSA, SUZUKI, PARAISO CENTER,

PARAISO DEL ECUADOR, CHAIDE Y CHAIDE” entre otras, Almacén Carmita

cuenta con 1 sucursal en el mismo cantón, y está a próximo de abrir más sucursales a

nivel de la provincia en ciudades de mayor influencia de compradores, este cuenta

actualmente con 4 trabajadores entre ellos la propietaria y gerente de mencionado

almacén, siendo parte de este progreso con un gran entusiasmo y liderazgo hacia sus

trabajadores.

Objetivo

General

Estructurar una aplicación web para el control de ventas y cobranzas del

Almacén “Carmita”.

Específicos

Determinar requerimiento del sistema a desarrollar.

Page 35: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

22

Modelar la base de datos para la aplicación

Diseñar sitio web para el control de ventas y cobranzas del Almacén

“Carmita”.

Modelado de Gestión

Para este modelado de gestión de la aplicación web se generó los requerimientos, a

través de la entrevista realizada a la gerente del comercial “CARMITA”, y son los

siguientes.

Requerimiento REQ001 Tipo Funcional

Nombre Clientes

Descripción Registrar a todas la personas que deseen adquirir o vender algún

producto, y también a las personas que administran el sistema.

Prioridad Alta Adjunto

Tabla 2: Requerimiento 1 Fuente: Alex Toledo

Requerimiento REQ002 Tipo Funcional

Nombre Categorías

Descripción Registrar a todas las categorías que maneja el almacén Carmita.

Prioridad Media Adjunto

Tabla 3: Requerimiento 2

Fuente: Alex Toledo

Requerimiento REQ003 Tipo Funcional

Nombre Marcas

Descripción Registrar y saber que marcas tengo en existencia en el almacén

Carmita.

Prioridad Media Adjunto

Tabla 4: Requerimiento 3

Fuente: Alex Toledo

Requerimiento REQ004 Tipo Funcional

Nombre Productos

Descripción Tener registrado todos los modelos de productos que posee el

almacén Carmita.

Prioridad Alta Adjunto

Tabla 5: Requerimiento 4

Page 36: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

23

Fuente: Alex Toledo

Requerimiento REQ005 Tipo Funcional

Nombre Compras

Descripción Registrar a todas las compras que realice el almacén Carmita.

Prioridad Alta

Adjunto REQ002, REQ003,

REQ004

Tabla 6: Requerimiento 5

Fuente: Alex Toledo

Requerimiento REQ006 Tipo Funcional

Nombre Ventas

Descripción Registrar a todas las ventas que haga la empresa, para así tener un

control de los productos que se venden en el almacén Carmita.

Prioridad Alta Adjunto

REQ001, REQ002,

REQ003, REQ004

/ REQ010

Tabla 7: Requerimiento 6

Fuente: Alex Toledo

Requerimiento REQ007 Tipo Funcional

Nombre Facturación

Descripción Entregar al cliente la factura o recibo de constancia que o los

productos adquiridos en el almacén Carmita.

Prioridad Alta Adjunto

REQ001, REQ002,

REQ003, REQ004,

REQ006 / REQ010

Tabla 8: Requerimiento 7

Fuente: Alex Toledo

Requerimiento REQ008 Tipo Funcional

Nombre Contrato

Descripción Entregar un contrato al cliente con compre a crédito algún

producto en el almacén Carmita.

Prioridad Alta Adjunto

REQ001, REQ002,

REQ003, REQ004/

REQ010

Tabla 9: Requerimiento 8

Fuente: Alex Toledo

Page 37: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

24

Ilustración 3: Caso de Uso del Usuario

Requerimiento REQ009 Tipo Funcional

Nombre Pedidos de crédito

Descripción Llevar un control de los créditos que se han generado en el

almacén Carmita.

Prioridad Alta Adjunto

REQ001, REQ002,

REQ003, REQ004,

REQ008 / REQ010

Tabla 10: Requerimiento 9

Fuente: Alex Toledo

Requerimiento REQ010 Tipo Funcional

Nombre Inventario

Descripción Llevar un control de los productos que existen o cual es el más

vendido, los créditos otorgados, las ventas realizadas, entre otros.

Prioridad Alta Adjunto

REQ004, REQ006,

REQ007, REQ008,

REQ009

Tabla 11: Requerimiento 10

Fuente: Alex Toledo

Caso de Uso

Usuario

Fuente: Alex Toledo

Page 38: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

25

Administrador

Ilustración 4: Caso de uso del Administrador

Fuente: Alex Toledo

Modelado de datos

Este es el siguiente para después de tener los requerimientos se pasa a la fase de

modelamiento donde se genera la base de datos con la cual la aplicación web va a

trabajar, y este modelado de datos tiene la siguiente estructura:

Modelo conceptual

Este modelo es el primero, ya que en él se genera las tablas y atributos que va a poseer

cada uno de los campos y donde se van asignar el tipo de dato y sus respectivas claves

con sus relaciones.

Page 39: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

26

Ilustración 5: Modelo Conceptual

Fuente: Alex Toledo

Modelo Lógico

Este modelo se genera después de que se haya creado el modelo conceptual, en este se

va a insertar las relaciones que hay entre una u otra tabla y so obtiene la clave foránea.

Ilustración 6: Modelo Lógico Fuente: Alex Toledo

Page 40: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

27

Modelo Fisco

Luego de haber creado el modelo lógico nos queda el último modelo, donde los

atributos quedan solo los nombres y desaparece el tipo de dato y las relaciones de las

claves foráneas.

Ilustración 7: Modelo Físico

Fuente: Alex Toledo

Script de la base de datos

Este script de base de datos, es un documento que contiene instrucciones, escritas en

códigos de programación. Y esta creado para la Aplicación web del control de las

ventas y cobranzas en el “Almacén Carmita”.

/*==============================================================

*/

/* DBMS name: MySQL 5.0

*/

/* Created on: 26/11/2018 12:17:17

*/

/*==============================================================

*/

drop table if exists bd_categoria;

drop table if exists bd_cliente;

drop table if exists bd_compras;

drop table if exists bd_factura_compra;

Page 41: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

28

drop table if exists bd_factura_venta;

drop table if exists bd_marcas;

drop table if exists bd_numero_contrato;

drop table if exists bd_pagos;

drop table if exists bd_pagos_contrato;

drop table if exists bd_producto;

drop table if exists bd_temporal;

drop table if exists bd_venta;

drop table if exists bd_ventas_contrato;

/*==============================================================

*/

/* Table: bd_categoria

*/

/*==============================================================

*/

create table bd_categoria

(

id_catego int not null AUTO_INCREMENT,

cat_nombre varchar(50) not null,

cat_descri varchar(200),

primary key (id_catego)

)ENGINE=InnoDB AUTO_INCREMENT=1;

/*==============================================================

*/

/* Table: bd_cliente

*/

/*==============================================================

*/

create table bd_cliente

(

id_cliente int not null AUTO_INCREMENT,

cli_cedula varchar(13) not null,

cli_nombre varchar(50),

cli_apelli varchar(50) not null,

cli_ciudad varchar(50) not null,

cli_correo varchar(40) not null,

cli_telefo varchar(15) not null,

cli_direcc varchar(200) not null,

cli_rango varchar(20) not null,

cli_status varchar(20) not null,

primary key (id_cliente)

)ENGINE=InnoDB AUTO_INCREMENT=1;

/*==============================================================

*/

Page 42: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

29

/* Table: bd_compras

*/

/*==============================================================

*/

create table bd_compras

(

id_compra int not null AUTO_INCREMENT,

id_faccom int,

id_producto int,

com_serie varchar(20) not null,

com_precio decimal(7,2) not null,

com_prepvp decimal(7,7) not null,

primary key (id_compra)

)ENGINE=InnoDB AUTO_INCREMENT=1;

/*==============================================================

*/

/* Table: bd_factura_compra

*/

/*==============================================================

*/

create table bd_factura_compra

(

id_faccom int not null AUTO_INCREMENT,

id_cliente int,

fac_numero varchar(17) not null,

fac_fecha date not null,

primary key (id_faccom)

)ENGINE=InnoDB AUTO_INCREMENT=1;

/*==============================================================

*/

/* Table: bd_factura_venta

*/

/*==============================================================

*/

create table bd_factura_venta

(

id_facven int not null AUTO_INCREMENT,

id_cliente int,

primary key (id_facven)

)ENGINE=InnoDB AUTO_INCREMENT=1;

/*==============================================================

*/

/* Table: bd_marcas

*/

/*==============================================================

*/

create table bd_marcas

(

id_marca int not null AUTO_INCREMENT,

id_catego int,

mar_nombre varchar(50) not null,

mar_descri varchar(100),

primary key (id_marca)

Page 43: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

30

)ENGINE=InnoDB AUTO_INCREMENT=1;

/*==============================================================

*/

/* Table: bd_numero_contrato

*/

/*==============================================================

*/

create table bd_numero_contrato

(

id_numcon int not null AUTO_INCREMENT,

id_cliente int,

nuc_vended int not null,

nuc_garant int not null,

nuc_meses int not null,

nuc_forma int not null,

nuc_observ varchar(200) not null,

nuc_fecha date not null,

primary key (id_numcon)

)ENGINE=InnoDB AUTO_INCREMENT=1;

/*==============================================================

*/

/* Table: bd_pagos

*/

/*==============================================================

*/

create table bd_pagos

(

id_pago int not null AUTO_INCREMENT,

id_facven int,

pag_total decimal(7,2) not null,

primary key (id_pago)

)ENGINE=InnoDB AUTO_INCREMENT=1;

/*==============================================================

*/

/* Table: bd_pagos_contrato

*/

/*==============================================================

*/

create table bd_pagos_contrato

(

id_pagcon int not null AUTO_INCREMENT,

id_numcon int,

pac_abono decimal(7,2) not null,

pac_total decimal(7,2) not null,

pac_vtotal decimal(7,2) not null,

pac_cuotas decimal(7,2) not null,

pac_fecha date not null,

primary key (id_pagcon)

)ENGINE=InnoDB AUTO_INCREMENT=1;

/*==============================================================

*/

Page 44: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

31

/* Table: bd_producto

*/

/*==============================================================

*/

create table bd_producto

(

id_producto int not null AUTO_INCREMENT,

id_marca int,

pro_nombre varchar(50) not null,

pro_descri varchar(500) not null,

pro_imagen varchar(10) not null,

primary key (id_producto)

)ENGINE=InnoDB AUTO_INCREMENT=1;

/*==============================================================

*/

/* Table: bd_temporal

*/

/*==============================================================

*/

create table bd_temporal

(

id_tempo int not null AUTO_INCREMENT,

id_producto int,

id_compra int,

id_cliente int,

primary key (id_tempo)

)ENGINE=InnoDB AUTO_INCREMENT=1;

/*==============================================================

*/

/* Table: bd_venta

*/

/*==============================================================

*/

create table bd_venta

(

id_venta int not null AUTO_INCREMENT,

id_facven int,

id_compra int,

id_producto int,

ven_fecha date not null,

primary key (id_venta)

)ENGINE=InnoDB AUTO_INCREMENT=1;

/*==============================================================

*/

/* Table: bd_ventas_contrato

*/

/*==============================================================

*/

create table bd_ventas_contrato

(

id_contrato int not null AUTO_INCREMENT,

id_numcon int,

id_producto int,

Page 45: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

32

id_compra int,

primary key (id_contrato)

)ENGINE=InnoDB AUTO_INCREMENT=1;

alter table bd_compras add constraint fk_relationship_2 foreign

key (id_faccom)

references bd_factura_compra (id_faccom) on delete

restrict on update restrict;

alter table bd_compras add constraint fk_relationship_5 foreign

key (id_producto)

references bd_producto (id_producto) on delete restrict on

update restrict;

alter table bd_factura_compra add constraint fk_relationship_1

foreign key (id_cliente)

references bd_cliente (id_cliente) on delete restrict on

update restrict;

alter table bd_factura_venta add constraint fk_relationship_11

foreign key (id_cliente)

references bd_cliente (id_cliente) on delete restrict on

update restrict;

alter table bd_marcas add constraint fk_relationship_3 foreign

key (id_catego)

references bd_categoria (id_catego) on delete restrict on

update restrict;

alter table bd_numero_contrato add constraint fk_relationship_6

foreign key (id_cliente)

references bd_cliente (id_cliente) on delete restrict on

update restrict;

alter table bd_pagos add constraint fk_relationship_16 foreign

key (id_facven)

references bd_factura_venta (id_facven) on delete restrict

on update restrict;

alter table bd_pagos_contrato add constraint fk_relationship_7

foreign key (id_numcon)

references bd_numero_contrato (id_numcon) on delete

restrict on update restrict;

alter table bd_producto add constraint fk_relationship_4 foreign

key (id_marca)

references bd_marcas (id_marca) on delete restrict on

update restrict;

alter table bd_temporal add constraint fk_relationship_17

foreign key (id_producto)

references bd_producto (id_producto) on delete restrict on

update restrict;

alter table bd_temporal add constraint fk_relationship_18

foreign key (id_compra)

Page 46: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

33

references bd_compras (id_compra) on delete restrict on

update restrict;

alter table bd_temporal add constraint fk_relationship_19

foreign key (id_cliente)

references bd_cliente (id_cliente) on delete restrict on

update restrict;

alter table bd_venta add constraint fk_relationship_12 foreign

key (id_facven)

references bd_factura_venta (id_facven) on delete restrict

on update restrict;

alter table bd_venta add constraint fk_relationship_13 foreign

key (id_compra)

references bd_compras (id_compra) on delete restrict on

update restrict;

alter table bd_venta add constraint fk_relationship_15 foreign

key (id_producto)

references bd_producto (id_producto) on delete restrict on

update restrict;

alter table bd_ventas_contrato add constraint fk_relationship_10

foreign key (id_compra)

references bd_compras (id_compra) on delete restrict on

update restrict;

alter table bd_ventas_contrato add constraint fk_relationship_8

foreign key (id_numcon)

references bd_numero_contrato (id_numcon) on delete

restrict on update restrict;

alter table bd_ventas_contrato add constraint fk_relationship_9

foreign key (id_producto)

references bd_producto (id_producto) on delete restrict on

update restrict;

Diccionario de Datos

El diccionario de datos se genera desde el gestor de base de datos, donde se puede

visualizar los nombres de las tablas, los atributos con sus respectivos tipos de datos.

bd_categoria

Columna Tipo Nulo Predeterminado Comentarios MIME

id_catego int(11) No

cat_nombre varchar(50) No

cat_descri varchar(200) Sí NULL

Tabla 12: Categorías de la base de datos de la aplicación web

Fuente: Alex Toledo

Page 47: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

34

Índices

Nombre

de la

clave

Tipo Únic

o

Empaqueta

do

Colum

na

Cardinalid

ad

Cotejamie

nto

Nul

o

Comenta

rio

PRIMA

RY

BTRE

E Sí No

id_cate

go 0 A No

Tabla 13: Índice de tabla de Categorías

Fuente: Alex Toledo

bd_cliente

Columna Tipo Nulo Predeterminado Comentarios MIME

id_cliente int(11) No

cli_cedula varchar(13) No

cli_nombre varchar(50) Sí NULL

cli_apelli varchar(50) No

cli_ciudad varchar(50) No

cli_correo varchar(40) No

cli_telefo varchar(15) No

cli_direcc varchar(200) No

cli_rango varchar(20) No

cli_status varchar(20) No

Tabla 14: Cliente de la base de datos de la aplicación web

Fuente: Alex Toledo

Índices

Nombre

de la

clave

Tipo Únic

o

Empaqueta

do

Colum

na

Cardinalid

ad

Cotejamie

nto

Nul

o

Comenta

rio

PRIMA

RY

BTRE

E Sí No

id_clien

te 0 A No

Tabla 15: Índice de tabla de Cliente

Fuente: Alex Toledo

bd_compras

Columna Tipo Nul

o

Predeterminad

o Enlaces a

Comentario

s

MIM

E

id_compra int(11) No

id_faccom int(11) Sí NULL bd_factura_comp

ra -> id_faccom

id_product int(11) Sí NULL bd_producto ->

Page 48: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

35

o id_producto

com_serie varchar(20) No

com_preci

o

decimal(7,2

) No

com_prepv

p

decimal(7,7

) No

Tabla 16: Compras de la base de datos de la aplicación web

Fuente: Alex Toledo

Índices

Nombre de

la clave Tipo

Úni

co

Empaquet

ado

Column

a

Cardinali

dad

Cotejamie

nto

Nul

o

Comenta

rio

PRIMARY BTR

EE Sí No

id_comp

ra 0 A No

fk_relationsh

ip_2

BTR

EE No No

id_facco

m 0 A Sí

fk_relationsh

ip_5

BTR

EE No No

id_produ

cto 0 A Sí

Tabla 17: Índice de tabla de Compras

Fuente: Alex Toledo

bd_factura_compra

Columna Tipo Nulo Predeterminado Enlaces a Comentarios MIME

id_faccom int(11) No

id_cliente int(11) Sí NULL bd_cliente ->

id_cliente

fac_numero varchar(17) No

fac_fecha date No

Tabla 18: Factura de Compra de la base de datos de la aplicación web

Fuente: Alex Toledo

Índices

Nombre de

la clave Tipo

Úni

co

Empaquet

ado

Colum

na

Cardinali

dad

Cotejamie

nto

Nul

o

Comenta

rio

PRIMARY BTR

EE Sí No

id_facc

om 0 A No

fk_relationsh

ip_1

BTR

EE No No

id_clien

te 0 A Sí

Tabla 19: Índice de tabla de Factura de Compra

Fuente: Alex Toledo

Page 49: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

36

bd_factura_venta

Columna Tipo Nulo Predeterminado Enlaces a Comentarios MIME

id_facven int(11) No

id_cliente int(11) Sí NULL bd_cliente ->

id_cliente

Tabla 20: Factura de Venta de la base de datos de la aplicación web

Fuente: Alex Toledo

Índices

Nombre de la

clave Tipo

Úni

co

Empaquet

ado

Colum

na

Cardinali

dad

Cotejamie

nto

Nul

o

Comenta

rio

PRIMARY BTR

EE Sí No

id_facv

en 0 A No

fk_relationshi

p_11

BTR

EE No No

id_clie

nte 0 A Sí

Tabla 21: Índice de tabla de Factura de venta

Fuente: Alex Toledo

bd_marcas

Columna Tipo Nulo Predeterminado Enlaces a Comentarios MIME

id_marca int(11) No

id_catego int(11) Sí NULL bd_categoria

-> id_catego

mar_nombre varchar(50) No

mar_descri varchar(100) Sí NULL

Tabla 22: Marcas de la base de datos de la aplicación web

Fuente: Alex Toledo

Índices

Nombre de

la clave Tipo

Úni

co

Empaquet

ado

Colum

na

Cardinali

dad

Cotejamie

nto

Nul

o

Comenta

rio

PRIMARY BTR

EE Sí No

id_mar

ca 0 A No

fk_relationsh

ip_3

BTR

EE No No

id_cate

go 0 A Sí

Tabla 23: Índice de tabla de Marcas

Fuente: Alex Toledo

Page 50: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

37

bd_numero_contrato

Columna Tipo Nulo Predeterminado Enlaces a Comentarios MIME

id_numcon int(11) No

id_cliente int(11) Sí NULL bd_cliente ->

id_cliente

nuc_vended int(11) No

nuc_garant int(11) No

nuc_meses int(11) No

nuc_forma int(11) No

nuc_observ varchar(200) No

nuc_fecha date No

Tabla 24: Numero de Contrato de la base de datos de la aplicación web

Fuente: Alex Toledo

Índices

Nombre de

la clave Tipo

Úni

co

Empaquet

ado

Column

a

Cardinali

dad

Cotejamie

nto

Nul

o

Comenta

rio

PRIMARY BTR

EE Sí No

id_num

con 0 A No

fk_relationsh

ip_6

BTR

EE No No

id_clien

te 0 A Sí

Tabla 25: Índice de tabla de Numero de Contrato

Fuente: Alex Toledo

bd_pagos

Column

a Tipo

Nul

o

Predeterminad

o Enlaces a

Comentario

s

MIM

E

id_pago int(11) No

id_facve

n int(11) Sí NULL

bd_factura_vent

a -> id_facven

pag_total decimal(7,2

) No

Tabla 26: Pagos de la base de datos de la aplicación web

Fuente: Alex Toledo

Índices

Nombre de la

clave Tipo

Úni

co

Empaquet

ado

Colum

na

Cardinali

dad

Cotejamie

nto

Nul

o

Comenta

rio

PRIMARY BTR

EE Sí No

id_pag

o 0 A No

Page 51: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

38

Nombre de la

clave Tipo

Úni

co

Empaquet

ado

Colum

na

Cardinali

dad

Cotejamie

nto

Nul

o

Comenta

rio

fk_relationshi

p_16

BTR

EE No No

id_facv

en 0 A Sí

Tabla 27: Índice de tabla de Pagos

Fuente: Alex Toledo

bd_pagos_contrato

Columna Tipo Nul

o

Predeterminad

o Enlaces a

Comentario

s

MIM

E

id_pagcon int(11) No

id_numco

n int(11) Sí NULL

bd_numero_contra

to -> id_numcon

pac_abon

o

decimal(7,

2) No

pac_total decimal(7,

2) No

pac_vtotal decimal(7,

2) No

pac_cuota

s

decimal(7,

2) No

pac_fecha date No

Tabla 28: Pago de Contrato de la base de datos de la aplicación web

Fuente: Alex Toledo

Índices

Nombre de

la clave Tipo

Úni

co

Empaquet

ado

Column

a

Cardinali

dad

Cotejamie

nto

Nul

o

Comenta

rio

PRIMARY BTR

EE Sí No

id_pagc

on 0 A No

fk_relationsh

ip_7

BTR

EE No No

id_num

con 0 A Sí

Tabla 29: Índice de tabla de Pagos de Contrato

Fuente: Alex Toledo

bd_producto

Columna Tipo Nulo Predeterminado Enlaces a Comentarios MIME

id_producto int(11) No

id_marca int(11) Sí NULL bd_marcas ->

id_marca

pro_nombre varchar(50) No

Page 52: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

39

pro_descri varchar(500) No

pro_imagen varchar(10) No

Tabla 30: Producto de la base de datos de la aplicación web

Fuente: Alex Toledo

Índices

Nombre de

la clave Tipo

Úni

co

Empaquet

ado

Column

a

Cardinali

dad

Cotejamie

nto

Nul

o

Comenta

rio

PRIMARY BTR

EE Sí No

id_produ

cto 0 A No

fk_relationsh

ip_4

BTR

EE No No

id_marc

a 0 A Sí

Tabla 31: Índice de tabla de Producto

bd_temporal

Columna Tipo Nulo Predeterminado Enlaces a Comentarios MIME

id_tempo int(11) No

id_producto int(11) Sí NULL bd_producto -

> id_producto

id_compra int(11) Sí NULL bd_compras ->

id_compra

id_cliente int(11) Sí NULL bd_cliente ->

id_cliente

Tabla 32: Temporal de la base de datos de la aplicación web

Fuente: Alex Toledo

Índices

Nombre de

la clave Tipo

Úni

co

Empaquet

ado

Column

a

Cardinali

dad

Cotejami

ento

Nu

lo

Coment

ario

PRIMARY BTR

EE Sí No

id_temp

o 0 A No

fk_relationshi

p_17

BTR

EE No No

id_produ

cto 0 A Sí

fk_relationshi

p_18

BTR

EE No No

id_comp

ra 0 A Sí

fk_relationshi

p_19

BTR

EE No No

id_client

e 0 A Sí

Tabla 33: Índice de tabla de Temporal

Fuente: Alex Toledo

Page 53: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

40

bd_venta

Columna Tipo Nulo Predeterminado Enlaces a Comentarios MIME

id_venta int(11) No

id_facven int(11) Sí NULL bd_factura_venta

-> id_facven

id_compra int(11) Sí NULL bd_compras ->

id_compra

id_producto int(11) Sí NULL bd_producto ->

id_producto

ven_fecha date No

Tabla 34: Venta de la base de datos de la aplicación web

Fuente: Alex Toledo

Índices

Nombre de

la clave Tipo

Úni

co

Empaquet

ado

Column

a

Cardinali

dad

Cotejami

ento

Nu

lo

Coment

ario

PRIMARY BTR

EE Sí No id_venta 0 A No

fk_relationshi

p_12

BTR

EE No No

id_facve

n 0 A Sí

fk_relationshi

p_13

BTR

EE No No

id_comp

ra 0 A Sí

fk_relationshi

p_15

BTR

EE No No

id_produ

cto 0 A Sí

Tabla 35: Índice de tabla de Venta

Fuente: Alex Toledo

bd_ventas_contrato

Columna Tipo Nul

o

Predeterminad

o Enlaces a

Comentario

s

MIM

E

id_contrato int(11

) No

id_numcon int(11

) Sí NULL

bd_numero_contrat

o -> id_numcon

id_product

o

int(11

) Sí NULL

bd_producto ->

id_producto

id_compra int(11

) Sí NULL

bd_compras ->

id_compra

Tabla 36: Ventas de Contrato de la base de datos de la aplicación web

Fuente: Alex Toledo

Page 54: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

41

Índices

Nombre de la

clave Tipo

Úni

co

Empaque

tado Columna

Cardinali

dad

Cotejami

ento

Nu

lo

Coment

ario

PRIMARY BTRE

E Sí No

id_contra

to 0 A No

fk_relationshi

p_10

BTRE

E No No

id_compr

a 0 A Sí

fk_relationshi

p_8

BTRE

E No No

id_numc

on 0 A Sí

fk_relations

hip_9

BTR

EE No No

id_prod

ucto 0 A Sí

Tabla 37: Índice de tabla de venta de contrato

Fuente: Alex Toledo

Diagrama de Navegabilidad

Fuente: Alex Toledo

Ilustración 8: Diagrama de navegabilidad del Administrador

Page 55: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

42

Ilustración 9: Diagrama de navegabilidad del Cliente

Fuente: Alex Toledo

Diseño de Interfaz

Este es un diseño borrador o boceto como se desea la página visualizar y así se cumple

con todos los estándares o pasos para la creación de una página web.

Página principal de la aplicación

Ilustración 10: Página Principal de la Aplicación Web

Fuente: Alex Toledo

Page 56: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

43

Página de Contacto

Ilustración 11: Pagina de Contacto de la Aplicación

Fuente: Alex Toledo

Página de Iniciar Sesión

Ilustración 12: Pagina de Iniciar Sesión Fuente: Alex Toledo

Page 57: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

44

Resultados Finales de la Aplicación

La siguiente Aplicación web para el control de las ventas y cobranzas en el “Almacén

Carmita” tiene el siguiente proceso:

Cualquier persona o usuario puedo interactuar con la pagina visualizando las diferentes

pestañas que se encuentran en el menú.

Ilustración 13: Índex de la Aplicación

Fuente: Alex Toledo

En esta parte los clientes o usuarios podrán visualizar las categorías que vende el

almacén Carmita.

Ilustración 14: Artículos del Almacén Fuente: Alex Toledo

Page 58: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

45

Si el cliente o usuario tiene alguna pregunta lo puede realizar contactándose a los

numero telefónicos o enviando un correo con la inquietud o pregunta que tenga.

Ilustración 15: Contáctenos de la Aplicación

Fuente: Alex Toledo

En este formulario podrán iniciar sesión las personas que tengan acceso y los

administradores del sistema

Ilustración 16: Iniciar Sesión

Fuente: Alex Toledo

Page 59: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

46

Luego de haber colocado el usuario y contraseña correspondiente y el sistema haber

verificado que los datos son correctos el sistema da acceso para el ingreso a la

aplicación e ingresa a este formulario.

Ilustración 17: Ventana Principal de la Aplicación

Fuente: Alex Toledo

Esta es la ventana si desea realizar algún ingreso de compras donde debe colocar todos

los datos que pide para guardar la compra al sistema

Ilustración 18: Formulario de Ingreso de Compras

Fuente: Alex Toledo

Page 60: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

47

Si se desea registrar a un usuario para que maneje el sistema debe llenar todos los

campos que se encuentran en el formulario.

Ilustración 19: Formulario de Ingreso de Usuarios

Fuente: Alex Toledo

En esta formulario ingresamos las categorías que se deseen guardar al sistema.

Ilustración 20: Formulario de Ingreso de Categorías

Fuente: Alex Toledo

Page 61: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

48

Conclusiones

Las bases teóricas ayudaron a fortalecer el conocimiento y la estructura base

para la propuesta más viables y acertada a la realidad del almacén. Permitiendo

plantear conceptos claros apoyados por diferentes pensadores de teorías.

Con los tipos de investigación acompañados de los métodos se logró determinar

las características y definir la profundidad del funcionamiento del sistema web,

todo esto ayudado de la técnica la observación que ayudo a ver las cosas desde

otras ópticas.

El diseño y el desarrollo del software se lo realizo en software libre para que

tenga la enorme ventaja de ser multiplataforma. Utilizando HTML con

estructura base, CSS como diseño y presentaciones, PHP como el lenguaje de

enlace con JavaScript para la manipulación de información y el enlace con la

base de datos. Todas estas características ayudo a realizar un sitio web que me

permita realizar el control de las ventas y cobranzas de una manera eficiente y

eficaz.

El sitio web fue diseñado de manera que la aplicación le permita agregar más

módulos de trabajos. Lo que indicaría que si la empresa crece el sistema se

ajustaría a ese crecimiento.

Page 62: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

49

Recomendaciones

Se recomienda actualizar el sitio web con herramientas nuevas de diseño y

programación web que permita mejorar el sitio y se encuentre a la par de la

tecnología.

Capacitar al personal que va manipular el sitio web para así poder tener el mayor

rendimiento y no se provoque incidencias en el software que haga que se dañe y

deje de funcionar.

En estudios posteriores se podría incrementar una aplicación móvil que serviría

de ayuda al sistema.

Page 63: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

50

Referencias Bibliográficas

Arias, Á. (2014). Aprende a Programar con Ajax. Amazon : Createspace Independen.

Arias, Á., Durango, A., & Socorro, M. (2016). Curso de Marketing Online. Amazon: IT Campus

Academy.

Arturo Morales Castro, J. A. (2014). Crédito y Cobranza. Grupo Editorial Patria.

Aubry, C. (2012). Cree su primer sitio Web: del diseño a la realización. Barcelona: ENI.

Belío Galindo, J. L., & Sainz Andrés, A. (2007). Cómo mejorar el funcionamiento de la fuerza de

ventas. Madrid: Edirectivos.

Capallo Portilla , J. R., & Nieto Bernal, W. (2017). Diseño de bases de datos. Barranquilla :

UNiversidad del Norte .

Cegarra Sánchez, J. (2012). Los métodos de investigación. Madrid: Diaz de Santos.

Celaya Luna, A. (2017). Creación de Páginas Web con Wordpress. España: ICB.

Cobo, Á., Gomez, P., Pérez, D., & Rocha, R. (2005). PHP y My SQL: Tecnologias para el

desarrollo de apliciones web. España: Diaz de Santos.

Escudero Serrano , M. J. (2016). Técnicas de venta y negociación. Madrid: Paraninfo, S.A.

Escudero Serrano, M. J. (2014). Procesos de venta. Madrid: Paraninfo.

Estallo, M. Á. (2010). Cómo crear y hacer funcionar una empresa. ESIC Editorial.

Estallo, M. d. (2007). como crear y hacer funcionar uan empresa. Madrid: ESIC.

GÓMEZ, J. L. (2015). UF1844 - Desarrollo de aplicaciones web en el entorno servidor. Ediciones

Paraninfo, S.A.

Heurtel, O. (2015). HP 5.6: desarrollar un sitio web dinámico e interactivo. Barcelona: ENI.

Lizarazo Beltran, M. O. (2009). Jovenes emprendedores. Quito: Graphus.

Luna, F., & Peña , C. (2018). PROGRAMACION WEB Full Stack. Buenos Aires: USER.

Martínez Valverde, J. F., & Rojas Ruiz , F. (2016). Comercio electrónico. Madrid : Paraninfo.

Monteros, E. (2005). Microempresa.

Montserrat Cabrerizo , E. (2014). La preparación de la venta (Procesos de venta). Madrid:

Editex.

Mora, S. L. (2002). Programacion de aplicaciones Web: historia, principios basicos y clientes

web. San Vicente Alicante: Editorial Club Universitario.

Page 64: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

51

Naranjo , F. (2017). E-COMMERCE: Empieza a vender online: Guía práctica para arrancar tu

negocio. Comunica Web: Observatorio Digital .

Ocaña, A. O. (2009). Temas pedagógicos, didácticos y metodológicos.

Ongallo, C. (2012). ¿Qué es la venta directa? Madrid: Díaz ded Santos.

Poolos, J. (2018). Diseñar, construir y mantener sitios web. New York: The Rosen Publishing

Group.

Ramos Martín, A., & Ramos Martín, M. (2014). Aplicaciones Web. Madrid: Ediciones Paraninfo,

S.A.

Rollet, O. (2015). Aprender a desarrollar un sitio web con PHP y MySQL: ejercicios prácticos y

corregidos. Barcelona: ENI.

Romero, R. (2010). Marketing. España.

Ruz, L. F. (2014). El Paradigma Paradójico: O La Historia Del Ser. Palibrio.

San Miguel, J. T. (2015). Implantación de aplicaciones web en entorno internet, intranet y

extranet. Madrid: Paraninfo.

Sanchez Jimenez, M. H. (2007). Lectura sistemica sobre familia y el patron de la violencia.

Manizales : Universidad de Caldas.

Sánchez Morales, M. (2012). Manual de Desarrollo Web basado en ejercicios y supuestos

prácticos. Seattle: CreateSpace.

Selman, H. (2017). Marketing Digital. Mexico: Ibukku.

Seoane Balado, E. (2005). Estrategia para la implantación de nuevas tecnologías en PYMES.

Madrid: Ideaspropias.

Technology, C. (2005). Diccionario de Informatica E Internet:. Boston : THOMSON.

Torres, C. A. (2006). Metodología de la investigación: para administración, economía,

humanidades y ciencias sociales. Mexico: PEARSON.

Velazquez Perea, L. E. (2018). Animación de gráficos con Adobe Animate CC: Ejercicios

prácticos. Mexico: Digital Media.

Page 65: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas
Page 66: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

<?php

require_once('./sistema/clases/conexion.php');

require_once('./sistema/clases/valida.php');

if (isset($_POST['iniciar'])){

$sql_login=sprintf("SELECT cli_cedula,cli_correo,cli_status,cli_rango,

id_cliente

FROM bd_cliente

WHERE cli_correo=%s AND

cli_cedula=%s AND cli_status='1'",

valida::convertir($mysqli,$_POST['usuario'],"text"),

valida::convertir($mysqli,$_POST['contra'],"text"));

//echo $sql_login; exit;

$q_login=mysqli_query($mysqli,$sql_login);

$r_login=mysqli_fetch_assoc($q_login);

$t_login=mysqli_num_rows($q_login);

if ($t_login==1){

session_start();

$_SESSION['usuario']=$r_login['id_cliente'];

if($r_login['cli_rango']=='admin'){

header('location: ./sistema/inicio.php');

}else{

header('location:./sistema/clie.php');

}

}else{

header('location:login.php?mal');

}

}

?>

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<title> Almacen Carmita</title>

<link rel="shortcut icon" href="./images/carmita.ico">

<meta name="viewport" content="width=device-width, initial-scale=1">

<meta name="description" content="Free HTML5 Website Template by

freehtml5.co" />

<meta name="keywords" content="free website templates, free html5, free

template, free bootstrap, free website template, html5, css3, mobile first, responsive" />

<meta name="author" content="freehtml5.co" />

<!-- Facebook and Twitter integration -->

<meta property="og:title" content=""/>

<meta property="og:image" content=""/>

<meta property="og:url" content=""/>

<meta property="og:site_name" content=""/>

<meta property="og:description" content=""/>

<meta name="twitter:title" content="" />

Page 67: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

<meta name="twitter:image" content="" />

<meta name="twitter:url" content="" />

<meta name="twitter:card" content="" />

<link

href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700"

rel="stylesheet">

<link

href="https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400i,700"

rel="stylesheet"

>

<!-- Animate.css -->

<link rel="stylesheet" href="css/animate.css">

<!-- Icomoon Icon Fonts-->

<link rel="stylesheet" href="css/icomoon.css">

<!-- Bootstrap -->

<link rel="stylesheet" href="css/bootstrap.css">

<!-- Magnific Popup -->

<link rel="stylesheet" href="css/magnific-popup.css">

<!-- Flexslider -->

<link rel="stylesheet" href="css/flexslider.css">

<!-- Owl Carousel -->

<link rel="stylesheet" href="css/owl.carousel.min.css">

<link rel="stylesheet" href="css/owl.theme.default.min.css">

<!-- Theme style -->

<link rel="stylesheet" href="css/style.css">

<!-- Modernizr JS -->

<script src="js/modernizr-2.6.2.min.js"></script>

<link rel="stylesheet" href="sistema/Sweet alert/sweetalert2.css">

<script type="text/javascript" src="sistema/Sweet

alert/sweetalert2.min.js"></script>

</head>

<body>

<div class="fh5co-loader"></div>

<div id="page">

<?php

include('./menu_static.php');

?>

<div class="container-wrap">

<div id="fh5co-contact">

<div class="row animate-box">

<div class="col-md-6 col-md-offset-3 text-center fh5co-

heading">

<h2>Iniciar Sesi&oacute;n</h2>

</div>

</div>

<div class="row" style="text-align: center; display: flex; justify-

content: center; align-items: center;">

<div class="col-md-6 animate-box" style="text-align:

center;">

<form name="" method="post" action="">

Page 68: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

<div class="row">

<div class="col-md-12">

<div class="form-group">

<h4><i class="icon-

user2"></i> Usuario</h4>

<input type="text"

name="usuario" class="form-control" placeholder="Correo Electronico" required>

</div>

</div>

<div class="col-md-12">

<div class="form-group">

<h4><i class="icon-

lock4"></i> Contrase&ntilde;a</h4>

<input type="password"

name="contra" class="form-control" placeholder="Password" required>

</div>

</div>

<div class="col-md-12">

<div class="form-group">

<input type="submit"

value="Ingresar" class="btn btn-primary btn-modify" name="iniciar">

</div>

</div>

</div>

</form>

</div>

</div>

</div>

</div><!-- END container-wrap -->

<?php

include('./footer.php');

?><!-- END container-wrap -->

</div>

<div class="gototop js-top">

<a href="#" class="js-gotop"><i class="icon-arrow-up2"></i></a>

</div>

<!-- jQuery -->

<script src="js/jquery.min.js"></script>

<!-- jQuery Easing -->

<script src="js/jquery.easing.1.3.js"></script>

<!-- Bootstrap -->

<script src="js/bootstrap.min.js"></script>

<!-- Waypoints -->

<script src="js/jquery.waypoints.min.js"></script>

<!-- Flexslider -->

<script src="js/jquery.flexslider-min.js"></script>

<!-- Carousel -->

<script src="js/owl.carousel.min.js"></script>

<!-- Magnific Popup -->

Page 69: UNIVERSIDAD REGIONAL AUTÓNOMAdspace.uniandes.edu.ec/bitstream/123456789/11019/1/... · 2020-03-09 · UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES “UNIANDES” FACULTAD DE: Sistemas

<script src="js/jquery.magnific-popup.min.js"></script>

<script src="js/magnific-popup-options.js"></script>

<!-- Counters -->

<script src="js/jquery.countTo.js"></script>

<!-- Main -->

<script src="js/main.js"></script>

</body>

</html>

<?php

if (isset($_GET['err'])){

echo '<script language="javascript">swal("Error","El Usuario y contraseña son

incorrectos","warning")</script>';

}

?>