universidad regional autÓnoma de -...
TRANSCRIPT
I
UNIVERSIDAD REGIONAL AUTÓNOMA DE
LOS ANDES “UNIANDES”
FACULTAD DE: Sistemas Mercantiles
CARRERA DE: Ingeniería en Sistemas
PROYECTO DE EXAMEN COMPLEXIVO PREVIO A LA OBTENCIÓN DEL
TÍTULO DE INGENIERIA EN SISTEMAS E IMFORMATICA
TEMA: “SISTEMA IMFORMATICO PARA LA GESTION COMERCIAL DE
PRODUCTO DE ELECTRODOMESTICOS EN EL ALMACEN COMWIL”
AUTOR: Wilder Eduardo Castro Patron
TUTOR: LIC. LUIS ALBARRACIN, MGS
Quevedo-Ecuador
2018
II
Quevedo, 27 de Noviembre del 2018
CERTIFICACIÓN DEL TUTOR
En calidad de tutor del presente trabajo de investigación, certifico que el examen
complexivo cuyo título es: SISTEMA IMFORMATICO PARA LA GESTION
COMERCIAL DE PRODUCTO DE ELECTRODOMESTICOS EN EL ALMACEN
COMWIL, fue elaborada por el estudiantes WILDER EDUARDO CASTRO PATRON
y cumple con los requisitos metodológicos y científicos que la Universidad Regional
Autónoma de los Andes “UNIANDES” exige, por lo tanto, autorizo su presentación para
los trámites pertinentes.
LIC. LUIS ALBARRACIN, MGS
III
Quevedo, 27 de Noviembre del 2018
CERTIFACION DE AUTORÍA
Ante las autoridades de la Universidad Regional Autónoma de los Andes “UNIANDES”
declaro que el contenido del examen complexivo: SISTEMA IMFORMATICO PARA
LA GESTION COMERCIAL DE PRODUCTO DE ELECTRODOMESTICOS EN EL
ALMACEN COMWIL, presentado como requisito de graduación de Ingeniera en
Sistemas.
WILDER EDUARDO CASTRO PATRON.
C.C. 1206474817
IV
DEDICATORIA
A DIOS. Ya que me supo dar mucha fuerza, paciencia, inteligencia necesaria para seguir
adelante con una lucha persistente y siempre seguir de frente para culminar mis objetivos
y no darme por vencido nunca.
Gracias a mi madre la Ing. Maira Patron Moreira y mi padre el Ing. Wilber Castro Vinces
por el apoyo, paciencia, concejos y ánimos diarios que día a día me dio para conseguir
llegar a mi meta, para que no me rindiera en mitad del camino y termine mi propósito
para ser un triunfador. Siempre ustedes creyeron en mí y nunca me abandonaron en mis
estudios gracias por darme una carrera para mi futuro, todo esto te lo debo a mis padres
son lo mejor del mundo los amo con mi vida.
A MIS MAESTROS Por brindarme sus conocimientos para ser un profesional y poder
ejercer mi profesión de manera correcta en el futuro y poder brindar los mismos
conocimientos que en su vez ellos me brindaron. Gracias por haberme apoyado en su
momento y marcado cada etapa de mi camino universitario, y que me ayudaron en
asesorías y dudas presentadas.
A MI HERMANO Danilo Castro gracias por ayudarme en cada momento de mi vida y
estar siempre pendiente de mi es mi alma gemela mi apoyo incondicional. A MI MUJER
Paola Parraga por cada consejo brindado por siempre estar a mi lado en los buenos y
malos momento y por darme mi motor mi pilar de vida mi Hijo Zaid Castro que es la
bendición más grande que Dios me ha dado.
V
AGRADECIMIENTO
El presente trabajo de proyecto de investigación me gustaría agradecer en primer lugar a
Dios por enaltecerme y haber llegado donde estoy, porque hiciste que logre este sueño
tan deseado.
También a mi familia que siempre estuvieron a mi lado con un apoyo incondicional
brindándome consejos, ánimos diarios en cada paso de mis estudios también agradecer a
todos mis maestros ya que ellos me enseñaron a valorar los estudios y a superarme cada
día,
Y estoy seguro que mis metas planteadas darán fruto en el futuro y por ende me debo
esforzar cada día para ser mejor profesionalmente y en todo lugar sin olvidar el respeto
que engrandece a la persona.
Antes de finalizar quiero agradecer a la Universidad Regional Autónoma de los Andes
“UNIANDES” extensión Quevedo, a la Facultad Sistemas Mercantiles, Especialización
Ingeniería en Sistemas, por darme la oportunidad de estudiar y ser un profesional.
VI
RESUMEN EJECUTIVO
Este proyecto del examen complexivo que se titula “SISTEMA IMFORMATICO PARA
LA GESTION COMERCIAL DE PRODUCTO DE ELECTRODOMESTICOS EN EL
ALMACEN COMWIL”, se basa en la creación de una página web dinámica con la
finalidad de tener un mejor desempeño dentro del almacén.
Para el desarrollo de este sistema informático se realizó una búsqueda de información en
la cual se ha logrado determinar el estado administrativo del almacén que se llevaba
manualmente por lo cual la realización de la aplicación web ayudo a la empresa a un
mejor funcionamiento administrativo y servicio al cliente.
Dentro de la revisión bibliográfica se va desarrollando las bases teóricas de la
investigación ya que es muy importante aclarar los principales temas con lo que
trabajamos en el desarrollo del proyecto e ir llevando mejores conocimientos de cada
tema indicado en el marco teórico, y con cada uno de los tema nos ayuda a ir construyendo
el proyecto.
En unos de los capítulos se muestra la metodología investigativa más adecuada para el
desarrollo de la propuesta los métodos aplicados ayudaron a poder desarrollar un buen
trabajo de investigación científica es importante tener en cuenta los elementos y procesos
básicos de la metodología de investigación
La parte fundamental de nuestro desarrollo del proyecto es la propuesta ya que nos sirve
para ir verificando cada uno de los requerimientos del sistema informático web y para ir
llevando un mejor control de ventas y de producción dentro del almacén. Dentro de la
propuesta se realizan los modelos de datos para ir desarrollando el aplicativo y el
diccionario de datos se encuentra todos los elementos almacenados dentro de la base de
datos.
El comercio electrónico nos abre grandes puertas en el mercado permitiéndonos no solo
ser reconocidos sino en mantenernos en un nivel de fuerte de competencia ante los demás
y eliminar barreras que se creían imposibles de alcanzar, la principal de ellas poder
propasar límites geográficos para efectuar la venta.
VII
ABSTRACT
This project of the complex examination that is titled "MOLLORMATIC SYSTEM FOR
THE COMMERCIAL MANAGEMENT OF PRODUCT OF ELECTRODOMESTICOS
IN THE WAREHOUSE COMWIL", is based on the creation of a dynamic web page with
the purpose of having a better performance inside the warehouse.
For the development of this computer system, an information search was carried out in
which the administrative status of the warehouse that was carried manually was
determined, so that the implementation of the web application helped the company to
better administrative functioning and service to the client.
The theoretical bases of the research are being developed within the bibliographic review
since it is very important to clarify the main issues with which we work in the
development of the project and to bring better knowledge of each subject indicated in the
theoretical framework, and with each one The theme helps us to build the project.
In one of the chapters the most adequate research methodology for the development of
the proposal is shown, the applied methods helped to be able to develop a good scientific
research work, it is important to take into account the basic elements and processes of the
research methodology
The fundamental part of our project development is the proposal as it helps us to verify
each of the requirements of the web computer system and to keep better control of sales
and production within the warehouse. Within the proposal, the data models are developed
to develop the application and the data dictionary contains all the elements stored within
the database.
E-commerce opens great doors in the market allowing us not only to be recognized but
to maintain a strong level of competition with others and eliminate barriers that were
believed impossible to achieve, the main one being to overcome geographical limits to
make the sale.
VIII
Contenido
CERTIFICACIÓN DEL TUTOR ............................................................................... II
CERTIFACION DE AUTORÍA ................................................................................III
DEDICATORIA ...................................................................................................... IV
AGRADECIMIENTO................................................................................................V
RESUMEN EJECUTIVO......................................................................................... VI
ABSTRACT ....................................................................................................... VII
Problema de la investigación ...................................................................................... 1
Formulación del problema a investigar........................................................................ 1
Justificación de la necesidad, actualidad e importancia ................................................ 1
Objetivos de investigación ...................................................................................... 2
Objetivo general ........................................................................................................ 2
Objetivos específicos ................................................................................................. 3
Fundamentación teórica conceptual ............................................................................ 4
Historia de los Electrodomésticos ............................................................................... 4
Historia de las casas comerciales y las ventas a crédito ................................................ 4
Productos electrodomésticos....................................................................................... 5
Precio ........................................................................................................................ 5
Comercio electrónico ................................................................................................. 6
Coordinación de tiempo de producto........................................................................... 6
Gestión Comercial .................................................................................................. 7
Historia de aplicaciones web ...................................................................................... 7
Qué es una aplicación web? ........................................................................................ 8
Páginas web ............................................................................................................... 8
Aplicación web de gestión comercial .......................................................................... 9
Evolución de las páginas web ..................................................................................... 9
Clasificación de páginas web .................................................................................10
IX
Página web estática ...................................................................................................10
Página web dinámica.................................................................................................10
Páginas en html.........................................................................................................11
Páginas en flash ........................................................................................................11
Páginas en lenguaje de servidor .................................................................................12
El proceso de desarrollo de un sitio web .................................................................12
Java scripts ...............................................................................................................12
Html (Lenguaje de marcado de hipertexto).................................................................13
Php (Preprocesador de hipertexto) .............................................................................14
Power designer .........................................................................................................14
Programación............................................................................................................15
Css (Hojas de estilo en cascada) ................................................................................16
Alojamiento web (web hosting) .............................................................................16
Alojamiento gratuito: ................................................................................................17
Alojamiento compartido: ...........................................................................................17
Sistemas informáticos ............................................................................................17
Antecedentes relacionados con la investigación a desarrollar ......................................18
Mercado meta ...........................................................................................................19
Tipo de investigación ................................................................................................21
Población y muestra incluida en el estudio .................................................................22
Métodos empleados para la búsqueda y procesamiento de los datos.........................22
Método Analítico – Sintético .....................................................................................22
Método de la modelación .......................................................................................22
Método Inductivo......................................................................................................23
Método Deductivo ....................................................................................................23
Técnicas ................................................................................................................24
Observación..............................................................................................................24
X
Metodología Informática .......................................................................................24
Diagnostico que caracterice el problema identificado en el trabajo ..............................24
Desarrollo de la propuesta ......................................................................................25
Tema ........................................................................................................................25
Antecedentes de la empresa .......................................................................................25
Objetivos ..............................................................................................................25
Objetivo general .......................................................................................................25
Objetivo especifico ...................................................................................................25
Modelado de procesos ...........................................................................................26
Modelado de gestión ..............................................................................................26
Modelo conceptual ....................................................................................................29
Modelo lógico...........................................................................................................30
Modelo físico ............................................................................................................31
Diccionario de datos ..............................................................................................38
Índices ...............................................................................................................42
Modelado de procesos ...........................................................................................44
Diagrama de navegabilidad .......................................................................................44
Caso de uso ...........................................................................................................45
Diagrama de aplicación .........................................................................................46
Diseño de interfaz .....................................................................................................46
Pruebas e implementación......................................................................................47
Conclusiones y recomendaciones ...........................................................................51
Conclusiones ............................................................................................................51
Recomendaciones .....................................................................................................52
BIBLIOGRAFIA...................................................................................................53
ANEXO ...................................................................................................................54
XI
TABLA DE ILUSTRACION
Ilustración 1: Población y muestra incluida en el estudio ............................................22
Ilustración 2: modelo conceptual ...............................................................................29
Ilustración 3: modelo lógico ......................................................................................30
Ilustración 4: modelo físico .......................................................................................31
Ilustración 5: Diagrama de Navegabilidad Fuente: El Autor .......................................44
Ilustración 6: Usuario ................................................................................................45
Ilustración 7: Administrador ......................................................................................45
Ilustración 8: Empleado.............................................................................................46
Ilustración 9: Administrador ......................................................................................46
Ilustración 10: Usuario ..............................................................................................47
TABLA DE REQUERIMIENTO
Tabla 1: Registro de categoría ...................................................................................26
Tabla 2: Registro de usuario ......................................................................................26
Tabla 3: Registro de marca ........................................................................................26
Tabla 4: Registro de producto ....................................................................................27
Tabla 5: Registro de compra ......................................................................................27
Tabla 6: Registro de pagos ........................................................................................27
Tabla 7: Generación de contrato ................................................................................27
Tabla 8: Generación de ventas ...................................................................................27
Tabla: 9: Categorías ..................................................................................................38
Tabla 10: Índice ........................................................................................................38
Tabla 11: Compras ....................................................................................................39
Tabla 12: Índices.......................................................................................................39
Tabla 13: Contrato ....................................................................................................40
Tabla 14: Índice ........................................................................................................40
Tabla 15: Factura ......................................................................................................40
Tabla 16: Índices.......................................................................................................40
Tabla 17: Factura_ingreso .........................................................................................41
Tabla 18: Índices.......................................................................................................41
Tabla 19: Marcas ......................................................................................................41
Tabla 20: Índices.......................................................................................................41
XII
Tabla 21: Modelo ......................................................................................................42
Tabla 22: Índices.......................................................................................................42
Tabla 23: Pagos ........................................................................................................42
Tabla 24: Índices.......................................................................................................43
Tabla 25: Temporal ...................................................................................................43
Tabla 26: Índices.......................................................................................................43
Tabla 27: Usuario......................................................................................................43
1
Tema
Sistema informático para la gestión comercial de producto de electrodomésticos en el
almacén Comwil.
Problema de la investigación
No hay una cultura de comercio electrónico en la ciudad de Quevedo, la mayor parte de
la población no está acostumbrada a hacer sus compras mediante un portal web, por la
desconfianza que brindan ciertos tipos de páginas o por el simple hecho de que no saben
utilizar los equipos electrónicos, se puede decir que la falta de actualización de la
comunidad hace que los propietarios de las tiendas sigan manejando el método
convencional en ventas.
La empresa no utiliza sistemas informáticos para comercializar sus productos por lo cual
existen faltas de ventas en electrodomésticos dentro de la ciudad de Quevedo, sin un
sistema informático son pocas las ventas de los productos y la empresa está permitiendo
que otras empresas crezcan en su negocio, por lo cual no se está dando a conocer el
almacén por medio de un portal web ya que hoy en día la sociedad está sumamente
actualizada y hacen compras a través de una aplicación web.
Dentro de la empresa los vendedores no están capacitados para trabajar con el manejo de
un sistemas informáticos y es sumamente de importancia el manejo de un portal web
para llevar un mejor control en las ventas, en la actualidad se ha observado una
gran innovación y desarrollo de tecnologías de la información que ha permitido
la evolución de la tecnología y sirve de mucha ayuda a cada empleado.
Formulación del problema a investigar
¿Cómo contribuir al mejoramiento de la comercialización de los productos en el almacén
Comwil?
Justificación de la necesidad, actualidad e importancia
Este proyecto aporta al Objetivo 5 del Plan Nacional “Toda una vida” determinando
que:
Objetivo 5: Impulsar la productividad y competitividad para el crecimiento económico
sostenible de manera redistributiva y solidaria (pág. 81)
2
Política (5.6)
Promover la investigación, la formación, la capacitación, el desarrollo y la transferencia
tecnológica, la innovación y el emprendimiento, la protección de la propiedad intelectual,
para impulsar el cambio de la matriz productiva mediante la vinculación entre el sector
público, productivo y las universidades
Meta
Incrementar de 4,6 a 5,6 el Índice de Desarrollo de Tecnologías de la Información y
Comunicación a 2021.
En la actualidad la empresa necesita tener comercio electrónico porque se está
imponiendo el dinero electrónico y también por la competencia de otros almacenes ya
que disminuyen las ventas y se pierden clientes y genera perdida de dinero para la
empresa, ahora la mayoría de las empresas utilizan un sistema informático para
incrementar las ventas dentro de un almacén y es importante que el almacén Comwil cree
un aplicativo que apoye de aumento en sus ventas.
Estos problemas son necesarios estudiarlo porque la empresa está teniendo perdida ya
que al no adaptarse a los cambios y no se abre el mercado y ahora es requerido mantenerse
al tanto de la tecnología y de los portales web y darle a conocer a los trabajadores de la
empresa el manejo de un sistema informático y llevar un mejor control el almacén
Comwil.
Es importante porque va a constituir un salto en la comercialización y va a mejorar la
empresa económicamente y aumentará clientes y mejorara su servicio de atención y se
dará a conocer el almacén a través de un portal web y el diseño dentro y fuera de la
empresa y con eso mejoraría en algunos aspectos.
Objetivos de investigación
Objetivo general
Desarrollar un sistema informático para la gestión comercial de productos de
electrodomésticos en el almacén Comwil.
3
Objetivos específicos
Fundamentar bibliográficamente el comercio electrónico, gestión comercial y las
soluciones informáticas para el comercio en el entorno telemático.
Diagnosticar a través de procedimientos metodológico el estado actual de la
gestión comercial en el almacén “Comwil”
Diseñar los componentes de un sistema informático para la gestión comercial del
almacén “Comwil”
4
Fundamentación teórica conceptual
Historia de los Electrodomésticos
“Las teorías de la mecánica cuántica han hecho posible una serie de avances tecnológicos
que han supuesto el abaratamiento y el empequeñecimiento de las máquinas que realizan
las tareas domésticas, o proporcionan ocio en casa. Estos avances tecnológicos han
cambiado radicalmente la vida cotidiana de la gente, proporcionando más tiempo para el
ocio y el consumo, ya que en nuestra sociedad difícilmente se entiende el ocio sin el
consumo. Este tipo de productos, como lavadoras, 11 frigoríficos, hornos microondas,
lavavajillas, televisores, radios, tocadiscos, ordenadores, cocinas, etc., son impensables
sin el desarrollo de una sociedad de consumo de masas, y sin el concurso de la publicidad
que crea necesidades nuevas.” (SCHWARTZ, 2012)
En la actualidad, la penetración en los hogares del home cinema, reproductores DVD
con sistema DIVx, electrodomésticos inteligentes, reproductores MP3 y telefonía móvil
ha superado las expectativas de los fabricantes. Aquellas imágenes tecnológicas y
futuristas que nos hacían llegar los cineastas de ciencia ficción, son hoy hechos reales
que cada día van quedando obsoletos por la llegada de nuevos aparatos y nuevos
sistemas tecnológicos.
Historia de las casas comerciales y las ventas a crédito
“Las primeras instituciones de crédito fueron las casas comerciales de la época
renacentista, en Italia, más tarde surgieron los bancos como entidades crediticias, y en
tiempos actuales otras instituciones de crédito, entre las que se encuentran corporaciones
privadas, la bolsa o mercado de valores, las cooperativas de ahorro y crédito, y todas las
demás instituciones de crédito. El desarrollo de los sistemas bancarios nacionales
incrementó las facilidades crediticias de las economías..” (O’DONNELL, 2014)
Dado que el crédito comercial es, prácticamente, la única fuente de financiación
alternativa para estas últimas, un mayor uso del mismo permitiría argumentar que,
durante los períodos de restricción monetaria, es la reducción en la oferta de crédito
bancario, y no en la demanda de crédito debido a una contracción en la actividad
productiva de las empresas, la que explicaría la transmisión de los efectos de dicha
política.
5
Productos electrodomésticos
“En un ambiente altamente competitivo, es ofrezcan a los consumidores productos de una
manera que puedan pagar. Simplemente consumidores como para conformarse con ellos
buscan. Como mencionamos marketing es una estrategia de dirección, que ubica al
planeación comenzando con el diseño del Cuando se evalúa el potencial de marketing
planes de líneas de productos, las empresas a sociales y psicológicas de sus prospectos
antes más exitoso comienza con una manera miadores y cómo resolverlos.” (Russell,
2011)
Los fabricantes de fas, lavadoras y secadoras se enfrentan a un muchos años, los
embarques de todo tipo de manera importante, aún las ventas de homos de comparado
am el año anterior. Los fabricantes productos maduros con una vida efectiva de censo
económico.
Precio
“La estrategia de precios es un ingrediente necesario en el proceso de marketing. Una
compañía tiene una serie de opciones en cuanto a decidir si se anuncia o no. si utilita un
sistema de distribución en particular. Si garantiza y ofrece garantías de servicio. Sin
embargo, cada producto debe tener un precio. A veces, como en el caso de los
automóviles. El precio se negocia, Perú en b mayoría de los casos los fabricantes y
detallistas fijan un precio para sus bienes y servicios. Obviamente, el costo de producción
y marketing de un producto tiene que jugar un rolen la estrategia de precios. Pero el rol
del precio es mucho más complicado que simplemente cubrir costos y brindar una
ganancia razonable. No podemos separar las percepciones dc los consumidores del valor
de un producto. Del precio que están dispuestos a pagar. En muchos casos, el valor de
una marca recibe poco que ver con su valor objetivo. De hecho una función principal de
la publicidad es crear, o mejorar. Una diferencia positiva entre el precio de un producto y
el valor promedio que cl consumidor promedio le atribuye al producto.” (Bigné, 2013)
Cuanto más grande sea esta brecha de valor, más aislado está el producto de la
competencia de precios competitivos. El concepto de la distancia de valor subraya el
concepto de que el precio por sí mismo no es un medio particularmente seguro de
establecer una ventaja competitiva a largo plazo.
6
Comercio electrónico
“El concepto de “comercio electrónico” (eCommerce, eBusiness, e-Comercio, etc.) es tan
amplio como el número de definiciones y nombres que se le atribuyen. Según algunos
expertos en eCommerce, el comercio electrónico se refiere a las ventas generadas por
Internet, cable o TV interactiva y que se realizan con pagos online.
Estamos de acuerdo en que se trata de transacciones comerciales en las que no hay
relación física entre las partes, sino que los pedidos, la información, los pagos, etc., se
hacen a través de un canal de distribución electrónico. Nosotros nos centraremos en
Internet, aunque existan otras formas de comercio electrónico como el eCommerce
(Comercio electrónico por tecnología móvil) y la televisión digital interactiva que ofrecen
ventajas similares.” (Fonseca, 2014)
“Hoy en día ya nadie duda de la relevancia del ecommerce. Cada día más gente se suma
a esta nueva forma de comprar y los que ya lo hacemos nos gastamos más, comprando
más tipos dc productos y servicios. No obstante, existe una cierta confusión sobre qué es
comercio electrónico y dónde empiezan y acaban Ias delgadas líneas que lo separan de
otras formas de hacer negocio en el ecosistema digital. El comercio electrónico se puede
analizar y catalogar de múltiples maneras según la perspectiva que se quiera adoptar. En
este primer capítulo, vamos a tratar de entender este fenómeno desde diversos ángulos
para tener una visión clara de todo lo que supone e implica desde el inicio.” (Peciña, 2017)
“El comercio electrónico, o e-commerce, podría definirse como el uso de las
telecomunicaciones para la realización de cualquier tipo de negocio. Aunque este
concepto en si no es novedoso, sí 10 es el uso de Internet y del ordenador para la
realización de transacciones comerciales y el uso popular de tales medios para la compra
y venta de productos o servicios.
Coordinación de tiempo de producto
“Ya que la coordinación de tiempo es un elemento crítico en la publicidad, es una
consideración importante en numerosas decisiones de marketing y promocionales.
Algunas de estas decisiones implican evaluaciones amplias de estrategia. Por ejemplo, cl
nivel de madurez dc una marca es un asunto critico de coordinación de tiempo en
decisiones futuras de publicidad y marketing. La publicidad funciona de manera diferente
7
en varias etapas dcl ciclo de vida del producto. Durante la fase de introducción y
crecimiento de un producto. Los negocios se anuncian para establecer una ventaja contra
los competidores y para ganar un nivel de conciencia del consumidor.” (Russell, 2011)
Al entrar los productos en etapas más maduras de desarrollo, las estrategias de
publicidad toman perspectivas más largas y sus metas probablemente estén implicadas
en el valor de marca y en un horizonte más largo de desarrollo de ventas. Con esto en
mente. Las empresas evalúan constantemente sus marcas basándose en parte en la
madurez de las marcas.
Gestión Comercial
“La Gestión comercial de la empresa requiere sólidos conocimientos por parte del
empresario, pero también herramientas informáticas profesionales que permitan la
gestión diaria de la empresa: presupuestos, facturas, gestión de clientes, correos
electrónicos, clasificación de documentos Los mercados en los que operan las empresas,
en la actualidad, son mercados maduros, mayoritariamente saturados y con clientes
informados y exigentes. Por ello, las empresas deben orientarse al mercado; ya no es
posible ofrecer productos que no guarden relación con lo que el mercado necesita, sino
que resulta imprescindible actuar en función de Lo que los consumidores esperan de la
empresa, de forma que los productos satisfagan totalmente las necesidades de los
consumidores.” (Arca, 2015)
La gestión comercial es la función encargada de hacer conocer y abrir la organización
al mundo exterior, se ocupa de dos problemas fundamentales, la satisfacción del cliente
y la participación o el aumento de su mercado, dado esto, es necesario desarrollar, un
sistema adecuado de calidad, un departamento de servicio al cliente eficiente y productos
o servicios de calidad
Historia de aplicaciones web
“El concepto de la aplicación web no es nuevo. De hecho, uno del primer lenguaje de
programación para el desarrollo de aplicaciones web es el Perl. Fue inventado por Larry
Wall en 1987 antes de que internet se convirtiera en accesible para el público en general.
Pero fue en 1995 cuando el programador Rasmus Lerdorf puso a disposición el lenguaje
PHP con lo que todo el desarrollo de aplicaciones web realmente despegó. Hoy en día,
8
incluso muchas de estas aplicaciones se han desarrollado en PHP, como Google,
Facebook y Wikipedia”. (Martín, 2014)
“Al año siguiente, en 1996, dos desarrolladores, Sabeer Bhatia y Jack Smith lanzaron
Hotmail (no fue un desarrollo original de microsoft), un servicio de correo en línea que
permite (por primera vez) para el público en general para acceder y consultar el correo
electrónico siempre que sea los usuarios pudieran estar en cualquier sitio lejos de su
ordenador”. (Luján, 2009)
La evolución de las aplicaciones web ha tenido mejoras como el rendimiento, el tiempo
de respuesta, una mejor ejecución y desarrollo.
Qué es una aplicación web?
“Desde la perspectiva de un usuario, puede ser difícil percibir la diferencia entre un sitio
web y una aplicación web. Según el Diccionario Oxford en línea, nos Enteramos que una
aplicación es "un programa o conjunto de programas para ayudar al usuario de un
ordenador para procesar una tarea específica". Una aplicación web es básicamente una
manera de facilitar el logro de una tarea específica... en la Web, a diferencia de un sitio
web estático que es más bien una herramienta, no menos importante, para la
comunicación. El término más decisivo de esta definición es "tarea específica". La
aplicación web por lo tanto permite al usuario interactuar directamente contigo y tus
datos, todo en forma personalizada, ¡para llevar a cabo esa tarea específica! Déjame
explicar.” (Groussard, 2010)
En la ingeniería de software se denomina aplicación web a aquellas herramientas que
los usuarios pueden utilizar accediendo a un servidor web a través de Internet o de una
intranet mediante un navegador. El denominador común sigue siendo el mismo: el uso
de una aplicación web para llevar a cabo todas estas.
Páginas web
“En un principio las páginas web eran sólo texto, pero a medida que ha evolucionado la
tecnología, tanto los ordenadores como las redes de telecomunicaciones, se ha generado
nuevas formas de desarrollar la web. La inclusión de imágenes fue la evolución más
significativa, pero también debemos mencionar el video y la animación, o los espacios
3D, lo que aporta valores estilísticos, de diseño y de interactividad jamás imaginados
9
antes. El diseño de páginas web se ha desarrollado a medida que ha evolucionado Internet.
En 1992 sólo había alrededor de 50 sitios web. Las últimas estadísticas nos confirmaban
que actualmente rondan los 8.000 millones de sitios web, a los que diariamente se le suma
a raíz de 4400 por día”. (Lavenir, 2013)
La historia de Internet se remonta al temprano desarrollo de las redes de comunicación.
La idea de una red de ordenadores creada para permitir la comunicación general entre
usuarios de varias computadoras sea tanto desarrollos tecnológicos como la fusión de
la infraestructura de la red ya existente y los sistemas de telecomunicaciones.
Aplicación web de gestión comercial
“Las aplicaciones web de gestión comercial permiten a las empresas, en la actualidad, ser
muy competitivas para así poder prevalecer en su nicho de mercado. Si se quiere lograr
este objetivo, necesariamente se debe tener actualizados los programas informáticos de
gestión comercial dado que son una herramienta que no solo ayudan a llevar a cabo miles
de operaciones con los clientes y proveedores sino que es de vital importancia a la hora
realizar un seguimiento de las facturas, órdenes de compra, pasarelas de pago en los sitios
web, gestión precisa de control de inventarios, entre otros.” (inytel.com, 2012)
Empresas tendrán acceso a la información desde cualquier parte del mundo donde se
tenga conexión a internet. Permitiendo conocer en tiempo real los datos generados en
los procesos de auto-venta o preventa y generar las estadísticas que ayudarán a tomar
decisiones trascendentales en el día a día, evitando detectar fallos de forma tardía y
corregirlos en el menor tiempo posible. Todo esto incide positivamente en la gestión
comercial de una manera nunca antes disponible, encaminando así a la consecución de
los objetivos trazados.
Evolución de las páginas web
“Internet ha revolucionado en muy poco tiempo el modo de comunicarnos y de acceder a
la información. World Wide Web cumplió veinte años, la estructura de la webtal y como
la conocemos nació en el año de 1989 creada por el inglés Tim Berners-Lee mientras
trabajaba en el CERN en Ginebra, Suiza donde se probaron varias técnicas sobre redes
para conectarse a Internet. . La confluencia entre el llamado comercio tradicional y las
redes de comunicación ha cambiado radicalmente el mundo de los negocios. Es necesario
10
añadir aquí que el comercio electrónico no va a reemplazar al comercio tradicional.”
(Moseley, 2017)
La Web de hoy es un universo de aplicaciones y páginas web interconectadas lleno de
vídeos, fotos y contenido interactivo. Lo que no ve el usuario es cómo interactúan los
navegadores y las tecnologías web para hacer que esto sea posible. A lo largo del tiempo,
las tecnologías web han evolucionado hasta permitir que los desarrolladores puedan
crear nuevas e increíbles experiencias web.
Clasificación de páginas web
Página web estática:
"Es aquella que está compuesta de una serie de archivos que contienen el código HTML
que constituye la página en sí y que permiten mostrar los textos, imágenes, videos, etc
que conforman el contenido de la página. La mayoría de personas que contrata este tipo
de páginas para su negocio o empresa suele modificar el contenido muy esporádicamente
debido a que cada modificación requerirá de los servicios de la persona que desarrollo la
web o alguna otra que se dedique a dar estos servicios, lo que implica un costo por cada
modificación. Este tipo de página es difícil de manejar por el propio cliente debido a los
conocimientos y programas que se requieren”. (Groussard, 2010)
Los sitios Web estáticos son aquellos sitios enfocados principalmente a mostrar una
información permanente, donde el navegante se limita a obtener dicha información, sin
que pueda interactuar con la página Web visitada, las Web estáticas están construidas
principalmente con hipervínculos o enlaces (links) entre las páginas Web que conforman
el sitio, este tipo de Web son incapaces de soportar aplicaciones Web como gestores de
bases de datos, foros, consultas online, e-mails inteligentes.
Página web dinámica:
“El término dinámico no se refiere a movimiento como muchos pueden pensar. El término
dinámico hace referencia a que la página web se construye al momento en que la página
es visitada por el usuario. Es decir que el contenido de la página web no es fijo, sino que
se construye de acuerdo a la interacción que el usuario hace con la página. La información
de este tipo de página suele estar almacenada en Bases de Datos de las cuales se extrae
11
una parte según las selecciones o acciones llevada a cabo por la persona que visita la
página web.” (Luján, 2009)
“Las páginas dinámicas contienen elementos que permiten al usuario interactuar con
ellas, o bien, presentan efectos especiales. Para crearlas, aparte de HTML, se necesitará
otro tipo de lenguajes que se describirán más adelante. Sin em,bargo no hay que olvidar
la importancia del HTML, ya que éste es la base del desarrollo web. Cuando se construye
una página dinámica, el código correspondiente a los demás lenguajes (código que
permite crear los efectos especiales o interactividad) de programación se incluye
embebido dentro del HTML y se suele denominar “script”, aunque no todo programa
interpretado es considerado un script.” (Cabello, 2014)
Las páginas dinámicas pueden ejecutarse en el cliente (navegador) o en el servidor.
Cuando una página HTML contiene script de cliente, el navegador se encarga de
interpretarlo y ejecutarlo. Que se ejecuten en uno u otro dependerá del uso que se le vaya
a dar a la página.
Páginas en html
“Son páginas estáticas las cuales se diseñan en lenguaje de marcado, también podemos
considerar que este tipo de lenguaje o código es el más común y fácil de aprender. Como
una gran ventaja que tenemos con este tipo de páginas web es su fácil implementación y
diseño”. (VERAS, 2015)
Si bien podrías hacer una página web sin aprender HTML, inevitablemente tendrás
problemas en algún punto, sea cual sea el tipo de editor de páginas web que uses, y
tendrás que saber HTML para arreglarlos. Hay muchos sitios web en los que podrás
aprender HTML, pero el presente artículo te mostrará los pasos básicos para crear un
sitio web con ese formato.
Páginas en flash
“Son páginas animadas y generalmente se emplean con diseños muy coloridos, este tipo
de diseño no es de mucho agrado para los buscadores en especial el de Google, ya que
como no es texto el robot (Googlebot o araña) que analiza las páginas no sabrá de qué se
trata la temática de la página web”. (Martínez, 2012 )
12
Paginas en FLASH puede llegar hacer realmente espectaculares e impactantes,
pero después de verlas un par de veces se acaba el encanto, es como
una película después de verla ya no quieres volverla a ver por qué ya sabes que va pasar.
Páginas en lenguaje de servidor
“Son páginas dinámicas y con una gran capacidad, y como mencionamos anteriormente
este tipo de páginas es de las más comunes. Uno de los lenguajes más usados es el PHP,
y también es bueno mencionar la fuerza que tiene la unión de PHP y Ajax. También
podríamos aplicar una categoría a los tipos de páginas web según su objeto o campo de
aplicación, pero esto ya sería como una división de lo anterior visto.” (Moseley, 2017)
El navegador es una especie de aplicación capaz de interpretar las órdenes recibidas en
forma de código HTML fundamentalmente y convertirlas en las páginas que son el
resultado de dicha orden.
El proceso de desarrollo de un sitio web
Java scripts
“A principios de los años 90, la mayoría de usuarios que se conectaban a Internet lo hacían
con módems a una velocidad máxima de 28.8 kbps. En esa época, empezaban a
desarrollarse las primeras aplicaciones web y por tanto, las páginas web comenzaban a
incluir formularios complejos. Con unas aplicaciones web cada vez más complejas y una
velocidad de navegación tan lenta, surgió la necesidad de un lenguaje de programación
que se ejecutara en el navegador del usuario. De esta forma, si el usuario no rellenaba
correctamente un formulario, no se le hacía esperar mucho tiempo hasta que el servidor
volviera a mostrar el formulario indicando los errores existentes”. (Hernández, 2014)
“La primera versión de JavaScript fue un completo éxito y Netscape Navigator 3.0 ya
incorporaba la siguiente versión del lenguaje, la versión 1.1. Al mismo tiempo, Microsoft
lanzó JScript con su navegador Internet Explorer 3. JScript era una copia de JavaScript al
que le cambiaron el nombre para evitar problemas legales. Para evitar una guerra de
tecnologías, Netscape decidió que lo mejor sería estandarizar el lenguaje JavaScript. De
esta forma, en 1997 se envió la especificación JavaScript 1.1 al organismo
ECMA European Computer Manufacturers Association)”. (Morales, 2012)
13
JavaScript es un lenguaje de programación que surgió con el objetivo inicial de
programar ciertos comportamientos sobre las páginas web, respondiendo a la
interacción del usuario y la realización de automatismos sencillos. En ese contexto
podríamos decir que nació como un "lenguaje de scripting" del lado del cliente, sin
embargo, hoy JavaScript es mucho más.
Html (Lenguaje de marcado de hipertexto)
“EI HTML es el principal lenguaje de marcado para la confección de páginas web. Está
formado por una serie de etiquetas o tags que nos permiten dar formato a los distintos
elementos que integran cada página (tablas, listas,párrafos...). Gracias a el podemos
mostrar en pantalla la información de la web de una forma sencilla y que resulte de fácil
comprensión para los usuarios a los que nos dirigimos. Las enseñanzas aquí impartidas
nos servirán para plantear y realizar nuestro primer proyecto web. Antes de entrar en
materia, no obstante, queremos dejar constancia de que, debido a la continua evolución
de Internet, el aprendizaje del lenguaje HTML y de las demás tecnologías relacionadas
con la confección y el mantenimiento de páginas debe ser dinámico. Así, todo diseñador
web debe formarse continuamente y actualizar periódicamente sus conocimientos”.
(Accerto, 2013)
“El lenguaje HTML nace en 1991 de manos de Tim Bernes-Lee del CERN como un
sistema hipertexto con el único objetivo de servir como medio de transmisión de
información entre los científicos que se ocupaban de la Física de alta energía, como parte
de la iniciativa World Wide Web. Así pues, HTML tuvo lugar a la par que el origen de la
Web, ya que se trata del lenguaje que sirve para crear páginas web. En 1993 Dan Connelly
escribe la primera DTD (Document Type Definition) de SGML describiendo el lenguaje
y, desde entonces, el lenguaje HTML ha estado sometido a incesantes cambios.”
(Elisabeth Robson, 2012)
El HTML no se define como un lenguaje de programación sino como un lenguaje de
marcado, puesto que, como hemos mencionado, emplea etiquetas. Esto es posible porque
el lenguaje HTML no sólo permite establecer enlaces entre diferentes documentos, sino
que es un lenguaje de descripción de página independiente de la plataforma en que se
utilice.
14
Php (Preprocesador de hipertexto)
“Lenguaje PHP es un lenguaje de programación de dominio específico, es decir, su
alcance se extiende a un campo de actuación que es el desarrollo web, aunque existan
variantes como el PHP-GTK. Su propósito principal es de implementar soluciones web
veloces, simples y eficientes. El lenguaje evolucionó, paso a ofrecer funcionalidades
En Ia línea de comandos, y además, ganó características adicionales, que posibilitaron
usos adicionales del PHP. Es posible instalar cl PHP en Ia mayoría de los sistemas
operativos, totalmente de manera gratuita. Siendo competidor directo de Ia tecnología
ASP perteneciente a Microsoft, PHI es utilizado en aplicaciones como MediaWiki,
Facebook, Drupal. Joomla, WordPress, Magento y Oscommerce.” (Arias, 2017)
El lenguaje evolucionó, pasó a ofrecer funcionalidades en la línea de comandos. Y
además, ganó características adicionales, que posibilitaron usos adicionales del PHP.
Es posible instalar el PHP en la mayoría de los sistemas operativos, totalmente de
manera gratuita. Siendo competidor directo de la tecnología.
Power designer
“El Power Designer es una familia de productos que ofrece una solución de modelaje
comprensivo para los analistas y diseñadores de sistemas de información y de bases de
datos, atendiendo a sus necesidades específicas. Su estructura modular brinda la facilidad,
a las organizaciones, de utilizar las herramientas que ellas necesiten según el tamaño y
alcance de sus proyectos.
La característica de análisis y diseño flexible de Power Designer permite, entre otras
cosas, crear una base de datos eficazmente y de manera estructurada, sin necesidad de
adoptar una metodología específica.” (León, 2017)
Power Designer, herramienta para el análisis, diseño y construcción de una base de
datos y un desarrollo orientado a modelos de datos a nivel físico y conceptual, que da a
los desarrolladores Cliente/Servidor la más firme base para aplicaciones de alto
rendimiento.
15
Programación
“El lenguaje de programación es el responsable de que la computadora siga paso a paso
las órdenes que el programador ha diseñado en el algoritmo. Con esto se entiende que el
lenguaje de programación es una especie de intermediario entre el ordenador y el usuario,
para que este último pueda darles respuesta a los problemas mediante la computadora y
haciendo uso de palabras (funciones), que le interpretan dicho programa al computador
para la realización de ese trabajo.” (Espín, 2014)
La programación informática es el proceso por medio del cual se diseña, codifica, limpia
y protege el código fuente de programas computacionales. A través de la programación
se dictan los pasos a seguir para la creación del código fuente de programas
informáticos.
Editores
“Los documentos HTML están en formato de texto sencillo (también conocido
como ASCII), por eso se puede utilizar un simple procesador de textos para escribir un
documento en lenguaje HTML. Este archivo será posteriormente interpretado por el
programa navegador correspondiente, siempre que el documento esté guardado en
formato: "sólo texto". Se puede usar el Bloc de notas de Windows o cualquier otro editor
de textos sencillo. Sin embargo, hay que tener cuidado con algunos editores más
complejos puesto que formatean el texto y colocan su propio código especial al guardar
las páginas y HTML debe ser únicamente texto plano, con lo que podríamos tener
problemas. Si creamos un documento HTML en un editor de texto que formatee dicho
texto, debemos guardar el documento como documento de texto sin formato”. (Lancker
L. V., HTML5: Los fundamentos del lenguaje, 2012).
“Para escribir un párrafo sin estilo específico (por defecto) no es necesario poner etiqueta
alguna. Lo único que hay que tener en cuenta es que al presentar el documento se hace
caso omiso de los espacios, tabulaciones y retornos de carro que se encuentren en el texto
fuente. Por esta razón se utilizan una serie de etiquetas que sustituyen a estos elementos.
El texto escrito no sufrirá ninguna modificación, exceptuando los acentos, la letra "ñ" y
un conjunto de caracteres especiales”. (Christopher Murphy, HTML y CSS, 2009)
16
El texto escrito tiene dos partes bien diferenciadas, el contenido de la información y el
conjunto de etiquetas del lenguaje HTML, que permiten determinar el estilo y el tipo de
letra que tendrá la presentación del documento final y que pueda ser leído por un
programa cliente.En la actualidad no se precisa conocer ni el lenguaje SGML ni HTML
en sí mismo a la hora de crear un hipertexto en la Web, pues los editores de HTML
actuales simplifican enormemente la labor y ya no hay que trabajar con texto plano y
etiquetas en código HTML
Css (Hojas de estilo en cascada)
“Hojas de estilo en cascada es un lenguaje de diseño gráfico para definir y crear la
presentación de un documento estructurado escrito en un lenguaje de marcado. Es muy
usado para establecer el diseño visual de las páginas web, e interfaces de usuario escritas
en HTML o XHTML; el lenguaje puede ser aplicado a cualquier documento XML,
incluyendo XHTML, SVG, XUL, RSS, etcétera. También permite aplicar estilos no
visuales, como las hojas de estilo auditivas” (Meyer, 2011).
“CSS está diseñado principalmente para marcar la separación del contenido del
documento y la forma de presentación de este, características tales como las capas o
layouts, los colores y las fuentes. Esta separación busca mejorar la accesibilidad del
documento, proveer más flexibilidad y control en la especificación de características
presentaciones, permitir que varios documentos HTML compartan un mismo estilo
usando una sola hoja de estilos separada en un archivo .css, y reducir la complejidad y la
repetición de código en la estructura del documento”. (Lancker L. V., 2016)
Junto con HTML y JavaScript, CSS es una tecnología usada por muchos sitios web para
crear páginas visualmente atractivas, interfaces de usuario para aplicaciones web,
aprende a utilizar este lenguaje que te ayudará a crear páginas más atractivas y precisas,
mantenibles y optimizadas. Finalizamos con una serie de artículos más avanzados para
ir un poco más allá y saber por dónde podemos continuar en el aprendizaje del lenguaje
y cómo podemos usarlo para crear sitios web más atractivos y optimizados.
Alojamiento web (web hosting)
“Los usuarios de internet necesitan un Lugar donde almacenar su información. Ese Lugar
se denomina servidor (hosting) y en él se hospedan aplicaciones o páginas web. Los
17
servidores son ordenadores ubicados en edificios llamados centros de datos (data center),
donde se colocan en armarios, unos encima de otros, a Los que se denomina racks.
Según las necesidades de los usuarios, estos pueden utilizar:
Alojamiento gratuito: el espacio y los recursos son limitados. Se agrega publicidad
Alojamiento compartido: pequeños y medianos clientes comparten un servidor, con la
consiguiente reducción de costes. Puede darse el caso de que los fallos de un usuario
repercutan en el resto. En este caso es necesario que el servidor sea cuidadoso con Los
permisos de escritura y ejecución que otorga a cada usuario”. (Carvajal, 2015)
“Sitio web, sistema, correo electrónico, archivos etc. En internet o más específicamente
en un servidor que por lo general hospeda varias aplicaciones o páginas web. Las
compañías que proporcionan espacio de un servidor a sus clientes se suelen denominar
con el término en inglés web host o Hosting. Corno podernos apreciar de ambas
definiciones, lo que homogeniza las definiciones, es el tema del alojamiento u hospedaje,
tema central en esta tecnología. Lo que aquí cabe dilucidar es qué tipo de responsabilidad
le cabe a esa empresa que aloja contenido. Qué tipo de responsabilidad le cabe al servidor
de hosting por alojar contenido dañoso.” (Reale, 2017)
La página web como imagen pública, fuente de información y canal comercial de
comunicación de la empresa para con su entorno. Un hosting o alojamiento web es como
un disco duro donde se guarda sus archivos, destinado a almacenar la información,
imágenes, video o cualquier contenido accesible Vía web de sus páginas webs de forma
segura.
Sistemas informáticos
“Los sistemas informáticos se han convertido en una herramienta fundamental en
cualquier ámbito de la sociedad actual. Con el rápido desarrollo de las tecnologías
electrónicas. Diariamente se crean multitud dc dispositivos. Este hecho, unido a la
creciente necesidad de comunicación. Hace necesaria la cualificación dc profesionales en
cl sector de los Sistemas de Telecomunicaciones e Infiniticos. Por ello, este libro va
dirigido a estudiantes tanto de Ciclos Formativos como dc Universidad. Un público en
general interesado en la instalación y la configuración de sistemas informáticos y redes
locales, así como a profesionales del sector.” (MIRANDA, 2014)
18
“Un sistema de información que basa la parte fundamental de su procesamiento, en el
empleo de la computación, como cualquier sistema, es un conjunto de funciones
interrelacionadas, hardware, software y de Recurso Humano. Un sistema informático
normal emplea un sistema que usa dispositivos que se usan para programar y almacenar
programas y datos.” (Tejada, 2014)
Un sistema informático es un ordenador o computadora básica, completa y funcional,
que incluye todo el hardware y el software necesarios para que sea funcional para un
usuario. Es el sistema encargado de recoger datos, procesarlos y transmitir la
información una vez procesada
Antecedentes relacionados con la investigación a desarrollar
Según Jacquelyne Berenice Marín Ortega de la Universidad de las Américas Puebla
previo a la obtención del título en Ingeniería en Administración de Empresa con el tema:
“Plan de negocio de comercio electrónico” nos informa que los aspectos a cubrir son:
la tecnología de la información y comercio electrónico en la sociedad.
Las empresas comerciales se han ido incremento a medida que pasa el tiempo y a pesar
de la dura competencia que existe dentro del mercado. El sector comercial cuenta con
empresas dedicadas a la comercialización de electrodomésticos ya sean estas nacionales
y extranjeras en toda la región ecuatoriana.
Existen gran demanda por los electrodomésticos importados de otros países, ya sea por
su calidad o por sus precios, esto ha llevado a que las empresas principalmente pequeñas
y medianas realicen sus compras sin el control adecuado, la inadecuada aplicación del
control interno en compras de las empresas principalmente pequeñas y medianas, no
permite manejar la liquidez que requiere.
Sus administraciones trabajan por medio de tarjetas de control, realizando cobros
semanales y mensuales, actualmente cuenta con tres trabajadores quienes son los
encargados de recaudar los cobros, pero no cuenta con un sistema específico que le ayude
a controlar las ventas y cobros que se realiza en el almacén.
La palabra almacén es un término muy popular que ostenta un uso frecuente y que además
es aplicado en varios contextos. Al local, espacio o lugar físico que está destinado para
alojar mercancías o en el cual se venden productos al por mayor se lo designa almacén.
Para algunas industrias y agentes de la economía, el almacén, resulta ser un espacio
19
elemental para su satisfactorio funcionamiento dado que sin él difícilmente se podría
garantizar la rueda de venta.
La estrategia de precios para una empresa de electrodomésticos debe basarse en ofrecer
una adecuada relación surtido/precio/servicio. El cliente exige un buen precio, que va a
estar orientado en función de los precios de la competencia, pero lo valora conjuntamente
con la relación anterior. En los últimos años ha habido una importante contención de los
precios en el sector motivada por la presión de la competencia.
Mercado meta
Los mercado meta se relaciona con las necesidades que tienen las empresas de seleccionar
de un segmento de mercado, la población o grupo de consumidores a los cuales se quiere
llegar; también son seleccionados para que sean cubiertas sus necesidades, sin embargo
este tipo de estrategia complica en general la actuación del producto o marca ante los ojos
del consumidor, debido principalmente a que no se logra un posicionamiento claro.
Lograr un posicionamiento es uno de los objetos del Mercado Meta, al aglutinar a
consumidores con las mismas características pictográficas y de actitudes, necesidades y
gustos es más fácil delimitar las características del producto o marca, así como las
necesidades que va a cubrir.
Cuando se realiza el plan de marketing, y se selecciona el Mercado Meta es necesario
delimitar el mercado, en los términos que permitan tomar decisiones
Es necesario distinguir los productos que oferta Comercial
Electrodomésticos (refrigeradoras, cocinas, licuadoras, etc.)
Electrodomésticos de diversión.(Televisores, equipo de sonido, DVD, etc)
Varios (cama, colchones, roperos, etc.)
Según Juan David Tabares Acevedo de la universidad Santo Tomás división de ciencias
económicas y administrativas facultad de administración de empresas con el tema: “El
comercio electrónico como estrategia competitiva en el sector de autopartes de
Bogotá D.C.” nos informa que los aspectos a cubrir son: la tecnología de la información
y comercio electrónico en la sociedad.
La presente investigación se lleva a cabo con el fin de identificar el nivel de inmersión
que tiene el comercio electrónico en los modelos de negocio de las Pequeñas y Medianas
Empresas (PYMES), en el sector de autopartes y especialmente las que se dedican a la
20
fabricación de tapetes y kits de carretera, que frente a las grandes industrias llevan un
atraso y teniendo en cuenta que el internet ha cambiado la forma como se hacen negocios
en el siglo XXI las empresas han empezado a transformar sus modelos de negocio para
adaptarse al uso del internet como herramienta que potencie su negocio, pues las
crecientes tendencias en el comercio mundial se ligan cada vez más al internet y al uso
de éste como medio para llegar a las personas de manera más eficaz brindando
experiencias nuevas a los consumidores.
Cómo lo indica la revista Dinero: “según la confederación Colombiana de Cámaras de
Comercio el 86% de las empresas del país es de tamaño mediano y pequeño y su vida
promedio es de 12 años, promedio que se ve condicionado por la robustez de su estructura
financiera, siendo mayor el riesgo para las menos fuertes pues su estructura financiera no
es tan robusta; este riesgo se puede mitigar anticipándose a las crisis e identificando
nuevas tendencias en el mercado, tendencias que están ligadas al uso y aprovechamiento
de herramientas informáticas en el desarrollo del negocio.”
El comercio electrónico está cambiando la forma como las empresas llegan a los
consumidores y como señala la Cámara Colombiana de Comercio Electrónico (CCCE):
“Actualmente el 76% de los internautas son compradores online, cifra que creció 24%
respecto al año 2013, siendo la moda y los dispositivos electrónicos los de más demanda,
en el caso de los productos, y los viajes y los eventos en los servicios.” (Cámara
Colombiana de Comercio Electrónico, 2016).
Las empresas que se han beneficiado con el comercio electrónico son aquellas que han
visto la oportunidad de usarlo para llegar a sus clientes de manera más fácil, debido a que
cada vez más personas optan por realizar sus compras a través de internet, puede haber
una oportunidad para las empresas de abordar esta población ahorrando los costos de abrir
un establecimiento comercial en otro lugar.
El sector de autopartes de Colombia se enfrenta a un mercado cada vez más competitivo,
y es muy importante estudiar la alternativa de adoptar cambios en sus modelos de negocio,
es por esta razón que el objetivo principal de este trabajo es abordar la problemática por
la que atraviesa 11 este sector y aprovechando las oportunidades que está generando el
comercio electrónico, estudiar la opción de adentrarse en este.
21
Metodología
Tipo de investigación
“En la investigación se aplicó el tipo de investigación cualitativa-cuantitativa. Se
considera que es cualitativa por poseer una intuición de la investigación, orientándose en
analizar, establecer y determinar a través de estrategias en el control de producción y
comercialización haciendo énfasis en los diferentes métodos de avances en el comercio.”
(Ivan, 2010)
Esta investigación nos permitió aumentar los conocimientos teóricos que se tienen. No
está necesariamente interesada en las aplicaciones prácticas. Su objetivo es hacer
generalizaciones con la intención de fundamentar principios y leyes, en las que se puedan
basar otras investigaciones.
Investigación de campo
“Es porque se tomó relación directo con la realidad, para obtener la información de
acuerdo a los objetivos planteados, que se ha investigado en algunos comerciales en la
ciudad de Quevedo.” (Razo, 2013)
En la ejecución de los trabajos de este tipo se utilizó el levantamiento de información
como el análisis, comprobaciones, aplicaciones prácticas, conocimientos y métodos
utilizados para obtener conclusiones, se realizan en el medio en el que se desenvuelve el
fenómeno o hecho en estudio.
Investigación bibliográfica
“El proceso de investigar involucra una serie de técnicas y procedimientos para alcanzar
sus fines. En este caso, específicamente se hace énfasis a la investigación bibliográfica
que consiste en el estudio sistemático de informes o escritos como fuentes de datos.
Partiendo de esta base se pasara a estudiar las diferentes técnica que proporcionan los
medios para iniciarse en la investigación.” (Linares, 2012)
Se realizó análisis de libros para recolectar información acerca de la comercialización
en la ciudad de Quevedo y así ayudar a la empresa créditos Comwil.
22
Población y muestra incluida en el estudio
La presente investigación toma en cuenta 83 elementos como población conformada con
directivos, trabajadores y clientes en la ciudad de Quevedo. Por lo tanto al ser una
población pequeña se aplica el ciento por ciento y no es necesario utilizar una fórmula
estadística.
Indicadores
Población
Muestra
Directivos
1
1
Trabajadores
2
2
Clientes
80
80
Total
83
83
Ilustración 1 Población y muestra incluida en el estudio
Fuente: El Autor
Métodos empleados para la búsqueda y procesamiento de los datos
Método Analítico – Sintético
“Procede del todo a sus partes, dc lo complejo a lo simple. Es principalmente un método
de investigación científica. Es básicamente un método de enseñanza. Simplifica. Reduce,
los elementos estructurales encontrados en el análisis. El análisis y la síntesis se
complementan y se comprueban mutuamente. La síntesis es la consecuencia o el paso a
seguir después del análisis.” (Tamayo, 2012)
Se analizó los pasos a seguir para realizar la aplicación web y los procesos que ayudaría
en la implementación. Este método nos permite a la descomposición del objeto de estudio
en cada una de sus partes para estudiarlas en forma individual.
Método de la modelación
“El modelo científico es un instrumento de la investigación de carácter material o teórico,
creado por los científicos para reproducir cl fenómeno que se está estudiando. Es una
23
reproducción simplificada, que cumple una función heurística, ya que permite descubrir
y estudiar nuevas relaciones y cualidades del objeto de estudio.” (Narváez, 2016)
En la modelación se verificaron el método usual en el estudio los modelos de la base de
datos para explicarlos y comprenderlos. Se entiende por modelo un arquetipo,
paradigma, ejemplar o punto de referencia para implementarlos.
Método Inductivo
“Conjuntamente con el anterior es utilizado en la ciencia experimental. Consiste en
basarse en enunciados o experiencias, tales como descripciones de los resultados de
observaciones o experiencias para plantear enunciados universales, tales corno 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. Pero basar en esto que desde unos hechos concretos
se puede llegar a establecer una teoría general.” (Mello, 2012)
Se tomó información a los datos aportados por la premisa; a medida que hay más datos,
habrá una mayor probabilidad de verdad, dentro de este método nos ayuda a verificar
las teorías generales de nuestro documento.
Método Deductivo
“Es un método de razonamiento que consiste en tomar conclusiones generales para
explicaciones particulares. Es un método científico que considera que la conclusión se
halla implícita dentro las premisas. Esto quiere decir que las conclusiones son una
consecuencia necesaria de las premisas: cuando las premisas resultan verdaderas y el
razonamiento deductivo tiene validez, no hay forma de que la conclusión no sea
verdadera.” (Torres A. B., 2006)
El método se aplicó con el análisis de los fundamentos, teoremas, leyes, principios,
etcétera, de aplicación universal y de comprobada validez, para aplicarlos a soluciones
o hechos particulares.
24
Técnicas
Observación
Esta técnica fue realizada desde el inicio de este trabajo para la titulación ya que se
evidencia las necesidades y falencias que se posee en el almacén Comwil, por ende se
determinó que es de suma importancia diseñar un proyecto basado en un aplicativo web
qué permita mejorar el almacén Comwil.
Metodología Informática
Se puede lograr a verificar métodos para un mejor desarrollo y más accesible dentro de
toda la información y la rapidez de ejecución, comprende las siguientes etapas:
Modelado de gestión: En este proceso se modelo el flujo de información que se va a
manejar en el sistema para utilizarla como requerimientos del portal web para la gestión
comercial de producto de electrodomésticos en el almacén Comwil”
Modelado de datos: El diseño de modelado de base de datos consiste en tener un mejor
acceso y manipular la información de manera significativa para luego extraer y almacenar
sus datos, permitiendo identificar los datos, concretar cada uno de ellos y ver su
mecanismo y características dentro de la aplicación
Modelado de procesos: se pudo describir algunos tipos de metodologías que podrían
manipular los objetos así como la comunicación entre ellos. Se utiliza para añadir,
modificar, suprimir o recuperar un objeto de datos.
Diagrama de aplicación: En este diagrama nos permitió 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.
Diagnostico que caracterice el problema identificado en el trabajo
Dentro de algunas empresas no utilizan sistemas informáticos para comercializar sus
productos y por las faltas de ventas de electrodomésticos dentro de la ciudad de Quevedo
ya que sin un sistema informático son pocas las ventas de los electrodomésticos y la
empresa no está creciendo y está permitiendo que otras empresas crezcan en su negocio
y por no dar a conocer el almacén por medio de un portal web ya que hoy en día la
sociedad está sumamente actualizada y hacen compras a través de una aplicación web.
25
Desarrollo de la propuesta
Tema
Sistema informático para la gestión comercial de producto de electrodomésticos en el
almacén Comwil.
Antecedentes de la empresa
La empresa Comwil tienes como gerente-propietario al Ing. Wilber Castro Vinces
laborando más de veinte años en la ciudad de Quevedo logrando realizar un trabajo con
mucha responsabilidad, dedicación día a día para llevar un buen servicio dentro de cada
hogar.
Para lograr emprender el proyecto del almacén Comwil fue impulsado por su familia y
en especial por su esposa que tomaron la iniciativa de formar una pequeña empresa con
la cual han dedicado su tiempo con perseverancia para poder promover un buen servicio
en cada hogar y así obtener buenos resultado dentro de la empresa para ir creciente y
mejorando de a poquito.
La empresa Comwil se dedica a la venta de electrodomésticos, venta de muebles, dando
buenos productos y excelentes precio para la comodidad de cada cliente y con una buena
forma de pagos y buen servicio para lograr llevar un aumento de clientes y que la empresa
crezca y sea reconocida a nivel nacional .
Objetivos
Objetivo general
Diseñar los componentes de un sistema informático para la gestión comercial del almacén
“Comwil.
Objetivo especifico
Seleccionar los requerimientos del sistema informático, para llevar un mejor
control de ventas y de productos dentro del almacén Comwil.
Construir el modelamiento de la base de datos para la gestión comercial del
almacén Comwil.
Determinar la interface de usuario de la aplicación web de la empresa.
26
Modelado de procesos
El siguiente pasó el cual está delegado de manifestar las relaciones que se implantan entre
los procesos, dentro de una organización o empresa lo que expresamos a continuidad de
los modelos de gestión:
Modelado de gestión
Dentro de un modelo de gestión lo primero que se va a conocer son las necesidades de la
empresa, y para llegar a cumplir los propósitos del proyecto se debe llevar un control para
mejorar en el avance y llevar un requerimiento y así lograr llevar lo planeado dentro de
la empresa:
Requerimiento REQ001 Tipo Funcional
Nombre Registro de categoría
Descripción Llevar el control de los registro de cada categoría de la
empresa COMWIL
Prioridad Alta Adjunto
Tabla 1: Registro de categoría
Fuente: El Autor
Requerimiento REQ002 Tipo Funcional
Nombre Registro de usuarios
Descripción Guardar todos los datos necesario de las persona que van
administrar el sistema
Prioridad Alta Adjunto
Tabla 2: Registro de usuario
Fuente: El Autor
Requerimiento REQ003 Tipo Funcional
Nombre Registro de marca
Descripción Llevar un registro de cada marca que estén ingresados dentro
del sistema
Prioridad Alta Adjunto
Tabla 3: Registro de marca
Fuente: El Autor
Requerimiento REQ004 Tipo Funcional
Nombre Registro de producto
27
Descripción En el registro de producto se debe ir ingresando cada
electrodoméstico que la empresa tenga dentro en el almacén.
Prioridad Alta Adjunto
Tabla 4: Registro de producto
Fuente: El Autor
Requerimiento REQ005 Tipo Funcional
Nombre Registro de compra
Descripción Se lleva un registro de compras que se realicen dentro de la
empresa
Prioridad Alta Adjunto
Tabla 5: Registro de compra
Fuente: El Autor
Requerimiento REQ006 Tipo Funcional
Nombre Registro de pagos
Descripción Se lleva un registro de pago para lograr llevar un control dentro
de la empresa
Prioridad Alta Adjunto
Tabla 6: Registro de pagos
Fuente: El Autor
Requerimiento REQ007 Tipo Funcional
Nombre Generación de contratos
Descripción Se generarán contratos en la empresa COMWIL para poder
llevar un control al cliente
Prioridad Alta Adjunto REQ001,REQ003,
REQ016
Tabla 7: Generación de contrato
Fuente: El Autor
Requerimiento REQ008 Tipo Funcional
Nombre Generación de ventas
Descripción Se generaran las ventas de cada cliente después que se obtiene
su producto
Prioridad Alta Adjunto
Tabla 8: Generación de ventas
Fuente: El Autor
29
Modelado de datos
El siguiente paso es el modelamiento de base de datos es un tipo de modelo de datos que establecen las siguientes estructuras:
Modelo conceptual
El modelo conceptual nos ayuda a realizar las entidades y en la recopilación de datos de una empresa para desarrollar nuestra base de datos.
Ilustración 2 modelo conceptual
Fuente: El Autor
30
Modelo lógico
El modelo lógico nos indica las inquisiciones tomada de otras entidades las cuales están relacionadas con las demás, enseñara atributos de otras
tablas más conocidas como las claves foráneas.
Ilustración 3 modelo lógico
Fuente: El Autor
31
Modelo físico
Es el modelo físico se presenta toda las entidades y relaciones completamente terminada para realización de la base de datos e script para nuestro
gestor de base de datos.
Ilustración 4 modelo físico
Fuente: El Autor
32
Script de la base de sistema informático
-- Base de datos: `creditos_comwil`
-- --------------------------------------------------------
-- Estructura de tabla para la tabla `categorias`
-
CREATE TABLE IF NOT EXISTS `categorias` (
`id_catego` int(11) NOT NULL AUTO_INCREMENT,
`cat_nombre` varchar(100) NOT NULL,
PRIMARY KEY (`id_catego`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=3 ;
-- --------------------------------------------------------
-- Estructura de tabla para la tabla `compras`
CREATE TABLE IF NOT EXISTS `compras` (
`id_compra` int(11) NOT NULL AUTO_INCREMENT,
`id_fac_ing ̀int(11) DEFAULT NULL,
`id_modelo` int(11) DEFAULT NULL,
`com_cantid` int(11) NOT NULL,
`com_serie` varchar(50) NOT NULL,
`com_val_uni` decimal(7,2) NOT NULL,
`com_pvp` decimal(7,2) NOT NULL,
`com_status` varchar(5) DEFAULT NULL,
PRIMARY KEY (`id_compra`),
KEY `fk_factura_ingreso_compras` (`id_fac_ing`),
KEY `fk_modelo_compras` (`id_modelo`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=5
-- --------------------------------------------------------
-- Estructura de tabla para la tabla ̀ contrato`
CREATE TABLE IF NOT EXISTS ̀ contrato` (
`id_contra` int(11) NOT NULL AUTO_INCREMENT,
`id_modelo` int(11) DEFAULT NULL,
33
`id_usuari` int(11) DEFAULT NULL,
`id_tempor` int(11) DEFAULT NULL,
`con_forma` varchar(20) NOT NULL,
`com_meses` int(11) NOT NULL,
`con_observ` varchar(500) NOT NULL,
PRIMARY KEY (`id_contra`),
KEY `fk_modelo_contrato` (`id_modelo`),
KEY `fk_temporal_contrato` (`id_tempor`),
KEY `fk_usuario_contrato` (`id_usuari`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;
-- --------------------------------------------------------
-- Estructura de tabla para la tabla ̀ factura`
CREATE TABLE IF NOT EXISTS ̀ factura` (
`id_factur` varchar(20) NOT NULL,
`id_usuari` int(11) DEFAULT NULL,
`fac_fecha` datetime NOT NULL,
PRIMARY KEY (`id_factur`),
KEY `fk_usuario_factura` (`id_usuari`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
-- --------------------------------------------------------
-- Estructura de tabla para la tabla ̀ factura_ingreso`
CREATE TABLE IF NOT EXISTS ̀ factura_ingreso` (
`id_fac_ing` int(11) NOT NULL AUTO_INCREMENT,
`id_usuari` int(11) DEFAULT NULL,
`fac_ing_numero` varchar(20) NOT NULL,
`fac_ing_fecha` date NOT NULL,
PRIMARY KEY (`id_fac_ing`),
KEY `fk_usuario_factura_ingreso` (`id_usuari`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=2 ;
-- --------------------------------------------------------
--
34
-- Estructura de tabla para la tabla `marcas`
--
CREATE TABLE IF NOT EXISTS `marcas` (
`id_marca` int(11) NOT NULL AUTO_INCREMENT,
`id_catego` int(11) DEFAULT NULL,
`mar_nombre` varchar(100) NOT NULL,
PRIMARY KEY (`id_marca`),
KEY `fk_categoria_macas` (`id_catego`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=2 ;
-- --------------------------------------------------------
--
-- Estructura de tabla para la tabla `modelo`
--
CREATE TABLE IF NOT EXISTS `modelo` (
`id_modelo` int(11) NOT NULL AUTO_INCREMENT,
`id_marca` int(11) DEFAULT NULL,
`mod_modelo` varchar(100) NOT NULL,
`mod_descri` varchar(1000) NOT NULL,
`mod_imagen` varchar(10) NOT NULL,
PRIMARY KEY (`id_modelo`),
KEY `fk_marcas_modelo` (`id_marca`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=2 ;
-- --------------------------------------------------------
--
-- Estructura de tabla para la tabla ̀ pagos`
CREATE TABLE IF NOT EXISTS ̀ pagos` (
`id_pagos` int(11) NOT NULL AUTO_INCREMENT,
`id_venta` int(11) DEFAULT NULL,
`id_usuari` int(11) DEFAULT NULL,
`pag_abono` decimal(7,2) NOT NULL,
`pag_saldo` decimal(7,2) NOT NULL,
35
`pag_fecha` datetime NOT NULL,
PRIMARY KEY (`id_pagos`),
KEY `fk_usuario_pagos` (`id_usuari`),
KEY `fk_ventas_pagos` (`id_venta`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;
-- --------------------------------------------------------
--
-- Estructura de tabla para la tabla `temporal`
--
CREATE TABLE IF NOT EXISTS `temporal` (
`id_tempor` int(11) NOT NULL AUTO_INCREMENT,
`id_usuari` int(11) NOT NULL,
`id_modelo` int(11) NOT NULL,
`id_compra` int(11) NOT NULL,
PRIMARY KEY (`id_tempor`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=10 ;
-- --------------------------------------------------------
--
-- Estructura de tabla para la tabla `usuario`
--
CREATE TABLE IF NOT EXISTS `usuario` (
`id_usuari` int(11) NOT NULL AUTO_INCREMENT,
`usu_cedula` varchar(13) NOT NULL,
`usu_nombre` varchar(50) NOT NULL,
`usu_apelli` varchar(50) NOT NULL,
`usu_direcc` varchar(200) NOT NULL,
`usu_telefo` varchar(15) NOT NULL,
`usu_correo` varchar(50) NOT NULL,
`usu_depend ̀varchar(20) NOT NULL,
`usu_status` varchar(20) NOT NULL,
PRIMARY KEY (`id_usuari`)
36
) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=4 ;
-- --------------------------------------------------------
--
-- Estructura de tabla para la tabla `ventas`
--
CREATE TABLE IF NOT EXISTS `ventas` (
`id_venta` int(11) NOT NULL AUTO_INCREMENT,
`id_modelo` int(11) DEFAULT NULL,
`id_contra` int(11) DEFAULT NULL,
`id_factur` varchar(20) DEFAULT NULL,
`ven_cantid` int(11) NOT NULL,
`ven_valor` decimal(7,2) NOT NULL,
PRIMARY KEY (`id_venta`),
KEY `fk_productos_ventas` (`id_modelo`),
KEY `fk_relationship_14` (`id_contra`),
KEY `fk_relationship_15` (`id_factur`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;
-
-- Restricciones para tablas volcadas
--
-- Filtros para la tabla `compras`
--
ALTER TABLE `compras`
ADD CONSTRAINT `fk_factura_ingreso_compras` FOREIGN KEY (`id_fac_ing`) REFERENCES
`factura_ingreso` (`id_fac_ing`),
ADD CONSTRAINT `fk_modelo_compras` FOREIGN KEY (`id_modelo`) REFERENCES `modelo`
(`id_modelo`);
--
-- Filtros para la tabla `contrato`
--
ALTER TABLE `contrato`
37
ADD CONSTRAINT `fk_modelo_contrato` FOREIGN KEY (`id_modelo`) REFERENCES `modelo`
(`id_modelo`),
ADD CONSTRAINT `fk_temporal_contrato` FOREIGN KEY (`id_tempor`) REFERENCES
`temporal` (`id_tempor`),
ADD CONSTRAINT `fk_usuario_contrato` FOREIGN KEY (`id_usuari`) REFERENCES `usuario`
(`id_usuari`);
--
-- Filtros para la tabla `factura`
--
ALTER TABLE `factura`
ADD CONSTRAINT `fk_usuario_factura` FOREIGN KEY (`id_usuari`) REFERENCES `usuario`
(`id_usuari`);
--
-- Filtros para la tabla `factura_ingreso`
--
ALTER TABLE `factura_ingreso`
ADD CONSTRAINT `fk_usuario_factura_ingreso` FOREIGN KEY (`id_usuari`) REFERENCES
`usuario` (`id_usuari`);
--
-- Filtros para la tabla `marcas`
--
ALTER TABLE `marcas`
ADD CONSTRAINT `fk_categoria_macas` FOREIGN KEY (`id_catego`) REFERENCES `categorias`
(`id_catego`);
--
-- Filtros para la tabla `modelo`
--
ALTER TABLE `modelo`
ADD CONSTRAINT `fk_marcas_modelo` FOREIGN KEY (`id_marca`) REFERENCES `marcas`
(`id_marca`);
--
-- Filtros para la tabla `pagos`
--
ALTER TABLE `pagos`
38
ADD CONSTRAINT `fk_usuario_pagos` FOREIGN KEY (`id_usuari`) REFERENCES `usuario`
(`id_usuari`),
ADD CONSTRAINT `fk_ventas_pagos` FOREIGN KEY (`id_venta`) REFERENCES `ventas`
(`id_venta`);
--
-- Filtros para la tabla ̀ ventas`
ALTER TABLE ̀ ventas`
ADD CONSTRAINT `fk_productos_ventas` FOREIGN KEY (`id_modelo`) REFERENCES `modelo`
(`id_modelo`),
ADD CONSTRAINT `fk_relationship_14` FOREIGN KEY (`id_contra`) REFERENCES `contrato`
(`id_contra`),
ADD CONSTRAINT `fk_relationship_15` FOREIGN KEY (`id_factur`) REFERENCES `factura`
(`id_factur`);
/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
Diccionario de datos
Es un registro en donde se desarrollan todos los datos adecuados que forman parte de la
base de dato en todo el sistema, con esclarecimientos precisas que tanto el usuario como
el investigador tengan un sentido normal de todas las entradas, salidas, elementos de
almacenes y cálculos intermedios
Categorías
Columna Tipo Nulo Predeterminado Comentarios MIME
id_catego int(11) No
cat_nombre varchar(100) No
Índices
Tabla: 9 Categorías Fuente: El Autor
Nombre
de la
clave
Tipo
Únic
o
Empaquet
ado
Colum
na
Cardinalid
ad
Cotejamie
nto
Nul
o
Comenta
rio
PRIMA RY
BTRE E
Sí No id_cate go
0 A No
Tabla 10: Índice Fuente: El Autor
39
Compras
Columna Tipo Nul
o
Predeterminad
o Enlaces a
Comentario
s
MIM
E
id_compra int(11) No
id_fac_ing
int(11)
Sí
NULL
factura_ingres o ->
id_fac_ing
id_modelo int(11) Sí NULL modelo ->
id_modelo
com_cantid int(11) No
com_serie varchar(50) No
com_val_un
i
decimal(7,2
) No
com_pvp decimal(7,2 )
No
com_status varchar(5) Sí NULL
Índices
Tabla 11: Compras
Fuente: El Autor
Nombre de la
clave Tipo
Úni
co
Empaque
tado
Colum
na
Cardinal
idad
Cotejami
ento
Nu
lo
Coment
ario
PRIMARY BTR EE
Sí No id_co mpra
3 A No
fk_factura_ingreso
_compras
BTR
EE No No
id_fac
_ing 3 A Sí
fk_modelo_compra
s
BTR
EE No No
id_mo
delo 3 A Sí
Contrato
Tabla 12: Índices
Fuente: El Autor
Columna Tipo Nulo Predeterminado Enlaces a Comentarios MIME
id_contra int(11) No
id_modelo int(11) Sí NULL modelo -> id_modelo
id_usuari int(11) Sí NULL usuario ->
id_usuari
id_tempor int(11) Sí NULL temporal ->
id_tempor
40
con_forma varchar(20) No
com_meses int(11) No
con_observ varchar(500) No
Índices
Tabla 13: Contrato
Fuente: El Autor
Nombre de la
clave Tipo
Úni
co
Empaque
tado
Colum
na
Cardinali
dad
Cotejami
ento
Nu
lo
Coment
ario
PRIMARY BTR
EE Sí No
id_cont
ra 0 A No
fk_modelo_con
trato
BTR
EE No No
id_mod
elo 0 A Sí
fk_temporal_co ntrato
BTR EE
No No id_tem por
0 A Sí
fk_usuario_con trato
BTR EE
No No id_usua ri
0 A Sí
Factura
Tabla 14: Índice
Fuente: El Autor
Columna Tipo Nulo Predeterminado Enlaces a Comentarios MIME
id_factur varchar(20) No
id_usuari int(11) Sí NULL usuario ->
id_usuari
fac_fecha datetime No
Índices
Tabla 15: Factura
Fuente: El Autor
Nombre de
la clave Tipo
Úni
co
Empaquet
ado
Colum
na
Cardinali
dad
Cotejami
ento
Nul
o
Coment
ario
PRIMARY BTR
EE Sí No
id_fact
ur 0 A No
fk_usuario_fa ctura
BTR EE
No No id_usu ari
0 A Sí
Tabla 16: Índices
Fuente: El Autor
41
Factura_ingreso
Columna Tipo Nulo Predeterminado Enlaces
a Comentarios MIME
id_fac_ing int(11) No
id_usuari
int(11)
Sí
NULL
usuario -
> id_usuari
fac_ing_numero varchar(20) No
fac_ing_fecha Date No
Índices
Tabla 17: Factura_ingreso
Fuente: El Autor
Nombre de la
clave Tipo
Úni
co
Empaque
tado
Colum
na
Cardinal
idad
Cotejami
ento
Nu
lo
Coment
ario
PRIMARY BTR EE
Sí No id_fac _ing
0 A No
fk_usuario_factura
_ingreso
BTR
EE No No
id_usu
ari 0 A Sí
Marcas
Tabla 18: Índices
Fuente: El Autor
Columna Tipo Nulo Predeterminado Enlaces a Comentarios MIME
id_marca int(11) No
id_catego int(11) Sí NULL categorias - > id_catego
mar_nombre varchar(100) No
Índices
Tabla 19: Marcas
Fuente: El Autor
Nombre de la
clave Tipo
Úni
co
Empaquet
ado
Colum
na
Cardinali
dad
Cotejami
ento
Nu
lo
Coment
ario
PRIMARY BTR EE
Sí No id_mar ca
0 A No
fk_categoria_
macas
BTR
EE No No
id_cate
go 0 A Sí
Tabla 20: Índices
Fuente: El Autor
42
Modelo
Columna Tipo Nulo Predeterminado Enlaces a Comentarios MIME
id_modelo int(11) No
id_marca int(11) Sí NULL marcas ->
id_marca
mod_modelo varchar(100) No
mod_descri varchar(1000) No
mod_imagen varchar(10) No
Índices
Tabla 21: Modelo
Fuente: El Autor
Nombre de
la clave Tipo
Úni
co
Empaquet
ado
Colum
na
Cardinali
dad
Cotejami
ento
Nu
lo
Coment
ario
PRIMARY BTR EE
Sí No id_mod elo
1 A No
fk_marcas_m
odelo
BTR
EE No No
id_mar
ca 1 A Sí
Pagos
Tabla 22: Índices
Fuente: El Autor
Columna Tipo Nulo Predeterminado Enlaces a Comentarios MIME
id_pagos int(11) No
id_venta int(11) Sí NULL ventas -> id_venta
id_usuari int(11) Sí NULL usuario -> id_usuari
pag_abono decimal(7,2) No
pag_saldo decimal(7,2) No
pag_fecha Datetime No
Tabla 23: Pagos
Fuente: El Autor
Í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
os 0 A No
43
Nombre de
la clave Tipo
Úni
co
Empaquet
ado
Colum
na
Cardinali
dad
Cotejamie
nto
Nul
o
Comenta
rio
fk_usuario_p
agos
BTR
EE No No
id_usu
ari 0 A Sí
fk_ventas_pa
gos
BTR
EE No No
id_vent
a 0 A Sí
Temporal
Tabla 24: Índices
Fuente: El Autor
Columna Tipo Nulo Predeterminado Comentarios MIME
id_tempor int(11) No
id_usuari int(11) No
id_modelo int(11) No
id_compra int(11) No
Índices
Tabla 25: Temporal
Fuente: El Autor
Nombre
de la
clave
Tipo
Únic
o
Empaquet
ado
Colum
na
Cardinali
dad
Cotejamie
nto
Nul
o
Comenta
rio
PRIMA
RY
BTRE
E Sí No
id_temp
or 1 A No
Usuario
Tabla 26: Índices
Fuente: El Autor
Columna Tipo Nulo Predeterminado Comentarios MIME
id_usuari int(11) No
usu_cedula varchar(13) No
usu_nombre varchar(50) No
usu_apelli varchar(50) No
usu_direcc varchar(200) No
usu_telefo varchar(15) No
Tabla 27: Usuario
Fuente: El Autor
44
CREDITOS COMWIL
Modelado de procesos
El siguiente pasó el cual está delegado de manifestar las relaciones que se implantan entre
los procesos, dentro de una organización o empresa lo que expresamos a continuidad de
la organización:
Diagrama de navegabilidad
Inicio Reportes
Ingreso de usuarios .
Ingreso de productos
Generar reportes
de ventas
productos
Ingreso de compras Generación de
contratos de los
productos
Ingreso de ventas
Ingreso de precios
Generación de
factura de los
productos
Ingreso de proveedores Ilustración 5: Diagrama de Navegabilidad Fuente: El Autor
GERENTE-PROPIETARIO
45
Caso de uso
Es un diagrama que nos ayuda a las descripciones y actividades que se debe realizar
dentro del proceso de apertura, se desarrollan las relaciones entre los elementos de los
modelos del sistema informático web.
USUARIO
ADMINISTRADOR
Ilustración 6: Usuario
Fuente: El Autor
Ilustración 7: Administrador
Fuente: El Autor
46
EMPLEADO
Diagrama de aplicación
Ilustración 8: Empleado
Fuente: El Autor
El siguiente paso detalla la parte del diseño tanto para el usuario y administrador acerca
interfaz de la aplicación que se va a mostrar lo siguientes:
Diseño de interfaz
Ilustración 9 Administrador
Fuente: El Autor
47
Ilustración 10 Usuario Fuente: El Autor
Pruebas e implementación
En este formulario de inicio podemos ver en donde el administrador o el empleado
pueden ingresar productos usuarios proveedores pueden hacer cobros de las ventas a los
clientes y también ver reportes de pagos, compras, productos etc.
48
En el formulario índex ingresamos al login con el correo y contraseña para poder
ingresar a la parte administrativa del sistema.
49
Este formulario como podemos ver nos permitirá el ingreso de los datos de los usuarios
para poder hacer una compra en el sistema.
Como podemos observar en este formulario nos permite el ingreso de compras con sus
respectivos datos del producto.
50
Este formulario nos permitirá facturas y buscar los productos comprados en la empresa.
51
Conclusiones y recomendaciones
Al término de la presente investigación es preciso establecer conclusiones que resuman
el trabajo realizado en la empresa, para se menciona lo siguientes
Conclusiones
Se fundamentó bibliográficamente todas las bases teóricas de la gestión de
compra-venta, que necesita este proyecto de investigación también se investigó la
gestión de base de datos informáticos, tales como datos de clientes, productos,
precios, etc. Un portal Web y la gestión comercial son herramientas esenciales
para el desarrollo de una empresa que avanza de la mano con la tecnología en un
contexto de competitividad.
Tomando en cuenta los procesos metodológicos se determinó que la gestión
comercial en el almacén “Comwil” necesita de la implementación de un portal
Web para mejorar el desarrollo comercial de la empresa en mención optimizando
recursos y tiempo, llegando al administrador de la empresa para facilitar
información que iría en la aplicación web para un mejoramiento y mejor uso y
rapidez al cliente.
La aplicación del portal web mejorará el control dentro del almacén COMWIL en
el cantón Quevedo utilizando lenguaje de programación web, Php, Power
Designer, MySQL entre otros para cumplimiento de la aplicación web para llevar
un mejor manejo de la información dentro de la empresa.
52
Recomendaciones
Que la manipulación de la aplicación web este a cargo de personas que tengan
conocimientos básicos del manejo técnico del sitio para garantizar el normal
funcionamiento del sistema en el control de la empresa y así llevar un mejor
servicio. A medida que vaya avanzando la tecnología que se siga investigando
sobre aquellas herramientas que ayudarían a un mejor desarrollo de Sitios web
dependiendo de las funciones que se quiera realizar en los diferentes sitios, ya que
sería una mejor presentación del sitio tanto en el diseño como en su
funcionamiento.
El mantenimiento del portal web se realice de forma periódica para evitar
contratiempos en la ejecución del programa. Una vez ya desarrollado el Sistema
Propuesto, se considera necesario buscar al personal mejor calificado para que
ejerza un control y análisis en el este sistema se desarrolle en forma efectiva y
segura.
Se sugiere que la interfaz tenga más de un administrador a futuro, según el
crecimiento de la empresa para que ya no sea uno el encargado sino varios según
el rango u ocupación que tenga a cargo
53
BIBLIOGRAFIA
Accerto. (2013). Diseño páginas web. El lenguaje HTML. Barcelona: SLU.
Arca, F. G. (2015). Gestión Comercial de la Pyme. España: Vigo.
Arias, M. Á. (2017). Aprende Programación Web con PHP y MySQL: 2ª Edición.
Madrid: Segunda Edicion.
Bigné, J. E. (2013). Promoción comercial. Madrid: Esic.
Cabello, A. L. (2014). Implantación de aplicaciones web en entornos internet, intranet y
extranet. Malaga: IC.
Carvajal, L. G. (2015). Aplicaciones básicas de ofimática. Madrid: Editex.
Christopher Murphy, N. P. (2009). Programacion / Programming.
Elisabeth Robson, E. F. (2012). Head First HTML and CSS. Mexico: Primera Edicion.
Espín, J. M. (2014). Introducción a la programación. Barcelona: Virtuals.
Fonseca, A. S. (2014). El concepto de “comercio electrónico” (eCommerce, eBusiness,
e-Comercio, etc.) es. Madrid: Pearson Editorial.
Groussard, T. (2010). Java Enterprise Edition: Desarrollo de aplicaciones web con JEE
6 .
Hernández, J. (2014). Análisis y Desarrollo Web.
inytel.com. (16 de Mayo de 2012). Obtenido de INYTEL informatica y telefonia:
Ivan, H. L. (2010). Paradigmas Y Metodos de Investigacion en Tiempos de Cambios.
Venezuela: CEC.SA.
Lancker, L. V. (2012). HTML5: Los fundamentos del lenguaje.
Lancker, L. V. (2016). CSS en DHTML: JavaScript aplicado a hojas de estilo.
Lavenir, C. B. (2013). Historia de los medios: de Diderot a Internet.
León, R. O. (2017). Base de datos relacionales. Medellin: Textos Academicos .
54
Linares, R. (2012). Seminario Sobre Investigacion Y Tesis. Costa Rica: Perason
Education.
Luján, S. (2009). APLICACIONES WEB 2.0.
Martín, A. R. (2014). Aplicaciones Web. España: Edition Paraninfo.
Martínez, L. G. (2012 ). Sistemas automatizados de Satisfacción del Cliente: Aplicación
Web como herramienta para la gestión de la satisfacción del cliente en el sector
empresarial. Editorial Académica Española.
Mello, E. (2012). Metodología de las ciencias. Argentina.
Meyer, E. A. (2011). CSS. Técnicas profesionales para el diseño moderno.
MIRANDA, C. V. (2014). Sistemas informáticos y redes locales. Madrid: Panarinfo.
Morales, M. S. (2012). Manual de Desarrollo Web basado en ejercicios y supuestos
prácticos.
Moseley, R. (2017). Desarrollo de aplicaciones Web. Chile: Anaya Multimedia.
Narváez, V. P. (2016). Metodología de la investigación científica y bioestadística: para
médicos. Chile: Ril.
O’DONNELL, H. y. (2014). Principios de dirección de empresa. Madrid: McGraw-Hill.
Peciña, I. S. (2017). El comercio electrónico: Una guía completa para gestionar la venta
online. Madrid: ESIC.
Reale, J. M. (2017). Tecnología, Derecho y Sociedad. Bogota: Pearson Editorial.
Razo, C. M. (2013). Cómo elaborar y asesorar una investigación de tesis. Mexico:
Pearson.
Russell, J. T. (2011). Publicidad. Mexico: Decimosexta Edicion.
SCHWARTZ, R. y. (2012). La decisión de Crédito Comercial. Madrid: North-Holland
Publishing.
Tamayo, A. A. (2012). Estrategias de aprendizaje y comunicación. Colombia: Primera
Ediciom.
55
Tejada, E. C. (2014). Gestión de servicios en el sistema informático. Malaga: Pearson
Editorial.
Torres, A. B. (2006). Metodología de la investigación. Mexico: Pearson Education.
VERAS, M. (2015). Arquitetura de Nuvem - Amazon Web Services. Mexico.
Codigo del Index
<?php
require_once('./clases/conexion.php');
require_once('./clases/valida.php');
if (isset($_POST['iniciar'])){
$user=$_POST['cedula'];
$pass=$_POST['contra'];
$sql_login=sprintf("SELECT usu_cedula,usu_correo,usu_status,
id_usuari
FROM usuario
WHERE usu_correo=%s AND
usu_cedula=%s",
valida::convertir($mysqli,$user,"text"),
valida::convertir($mysqli,$pass,"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_usuari'];
if($r_login['usu_status']=='admin' or $r_login['usu_status']=='emplea' ){
header('location: ./sistema/admin.php');
}else{
header('location:index.php?mal');
}
}else{
header('location:index.php?mal');
}
}
if (isset($_POST['guardar'])){
$sql_buscar= sprintf("SELECT * FROM usuario WHERE
usu_cedula=%s",
valida::convertir($mysqli,$_POST['cedula'],"text"));
$q_buscar=mysqli_query($mysqli,$sql_buscar);
$r_buscar=mysqli_fetch_assoc($q_buscar);
$t_buscar=mysqli_num_rows($q_buscar);
if($t_buscar>0){
header('location:./index.php?err');
}else{
$sql_insert=sprintf("INSERT INTO usuario (usu_cedula, usu_nombre,
usu_apelli, usu_direcc, usu_telefo, usu_correo, usu_depend, usu_status)VALUES(%s,
%s, %s, %s, %s, %s, %s, %s)",
valida::convertir($mysqli,$_POST['cedula'],"text"),
valida::convertir($mysqli,$_POST['nombre'],"text"),
valida::convertir($mysqli,$_POST['apellido'],"text"),
valida::convertir($mysqli,$_POST['direccion'],"text"),
valida::convertir($mysqli,$_POST['telefono'],"text"),
valida::convertir($mysqli,$_POST['correo'],"text"),
valida::convertir($mysqli,$_POST['depen'],"text"),
valida::convertir($mysqli,$_POST['status'],"text"));
//echo $sql_insert; exit;
$q_insert=mysqli_query($mysqli,$sql_insert) or die
("ERROR AL GUARDAR: ".mysqli_error($mysqli));
header('location:./index.php?ok');
}
}
$sql_producto= sprintf("SELECT * FROM categorias a
INNER JOIN marcas b ON
a. id_catego=b.id_catego
INNER JOIN modelo c ON
b. id_marca=c.id_marca
GROUP BY b.id_catego
LIMIT 6");
$q_producto=mysqli_query($mysqli,$sql_producto);
$r_producto=mysqli_fetch_assoc($q_producto);
$t_producto=mysqli_num_rows($q_producto);
$sql_productoo= sprintf("SELECT * FROM categorias a
INNER JOIN marcas b ON
a. id_catego=b.id_catego
INNER JOIN modelo c ON
b. id_marca=c.id_marca
GROUP BY b.id_catego
LIMIT 6");
$q_productoo=mysqli_query($mysqli,$sql_productoo);
$r_productoo=mysqli_fetch_assoc($q_productoo);
$t_productoo=mysqli_num_rows($q_productoo);
?>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Créditos COMWIL</title>
<link rel="shortcut icon" href="./images/im.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="" />
<meta name="twitter:image" content="" />
<meta name="twitter:url" content="" />
<meta name="twitter:card" content="" />
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700"
rel="stylesheet">
<!-- Animate.css -->
<link rel="stylesheet" href="css/animate.css">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="css/icomoon.css">
<!-- Themify Icons-->
<link rel="stylesheet" href="css/themify-icons.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Magnific Popup -->
<link rel="stylesheet" href="css/magnific-popup.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>
<!-- FOR IE9 below -->
<link rel="stylesheet" href="./Sweet alert/sweetalert2.css">
<script type="text/javascript" src="./Sweet alert/sweetalert2.min.js"></script>
<script type="text/javascript" language="javascript"
src="./clases/ajax.js"></script>
<script>
function solonumeros(e) {
var keynum = window.event ? window.event.keyCode : e.which;
if ((keynum == 8) || (keynum == 46))
return true;
return /\d/.test(String.fromCharCode(keynum));
}
function sololetras(e) {
tecla = (document.all) ? e.keyCode : e.which;
if (tecla==8) return true;
patron =/[A-Z a-z]/;
te = String.fromCharCode(tecla);
return patron.test(te);
}
function valida_cedula(obj){
cedula=obj.value;sni=0;snp=0;
if ((cedula.length==10) || (cedula.length==13)){
for(x=0;x<9;x=x+2){
np=parseInt(cedula.charAt(x))*2;
if(np>9){
np=np-9;
}
snp+=np;
}
for(x=1;x<9;x=x+2){
sni+=parseInt(cedula.charAt(x));
}
ultimo=cedula.substring(10,13);
if(ultimo==''){ultimo='001';}
ds=((Math.floor((sni+snp)/10))+1)*10;
dc=ds-sni-snp;
if (dc==10) {
dc=0;
}
if(dc==cedula.charAt(9)&&ultimo=='001'){
obj.style.backgroundColor="";
}else{
//persona juridica
suma=0;
d=2;
for (x=8;x>=0;x=x-1){
n=parseInt(cedula.charAt(x));
suma=suma+(n*d);
d=d+1;
if (d==8){d=2;}
}
num=suma%11;
dv=11-num;
if (dv==11){dv=0;}
if (dv==10){dv=1;}
if (dv==cedula.substring(9,10) &&
cedula.length >9 && cedula.substring(2,3)==9){
obj.style.backgroundColor="";
}else{
obj.style.backgroundColor="#F00";
obj.focus();
}
}
}else{
obj.style.backgroundColor="#F00";
obj.focus();
}
}
</script>
</head>
<body>
<div class="gtco-loader"></div>
<div id="page">
<div class="page-inner">
<?php include('./menu.php');?>
<header id="gtco-header" class="gtco-cover" role="banner" style="background-
image: url(images/img1.png)">
<div class="overlay"></div>
<div class="gtco-container">
<div class="row">
<div class="col-md-12 col-md-offset-0 text-left">
<div class="row row-mt-15em">
<div class="col-md-7 mt-text animate-box"
data-animate-effect="fadeInUp">
<span class="intro-text-
small">Bienvenido a....</span>
<h1>Créditos COMWIL</h1>
</div>
<div class="col-md-4 col-md-push-1
animate-box" data-animate-effect="fadeInRight">
<div class="form-wrap">
<div class="tab">
<ul class="tab-
menu">
<li
class="active gtco-first"><a href="#" data-tab="signup">Login</a></li>
class="gtco-second"><a href="#" data-tab="login">Registrarse</a></li>
</ul>
<li
<div class="tab-
content">
<div
class="tab-content-inner active" data-content="signup" >
<form
action="" method="post">
<div class="row form-group">
<div class="col-md-12">
<label for="username">Correo</label>
<input type="email" name="cedula" class="form-control" id="username"
autocomplete="off" required>
</div>
</div>
<div class="row form-group">
<div class="col-md-12">
<label for="password">Contraseña</label>
<input type="password" name="contra" class="form-control"
id="password" autocomplete="off" required>
</div>
<label for="username">Cedula o Ruc</label>
</div>
<div class="row form-group">
<div class="col-md-12">
<input type="submit" name="iniciar" class="btn btn-primary"
value="Iniciar Sesión">
</div>
</div>
</form>
</div>
<div
class="tab-content-inner" data-content="login">
<form
action="" method="post" name="form">
<div class="row form-group">
<div class="col-md-12">
<label for="username">Apellidos</label>
<input type="text" class="form-control" id="username" name="cedula"
onblur="valida_cedula(this)" autocomplete="off" required>
</div>
</div>
<div class="row form-group">
<div class="col-md-12">
<label for="username">Nombres</label>
<input type="text" class="form-control" id="username" name="nombre"
onkeypress="return sololetras(event)" autocomplete="off" required>
</div>
</div>
<div class="row form-group">
<div class="col-md-12">
<label for="username">Telefono</label>
<input type="text" class="form-control" id="username" name="apellido"
onkeypress="return sololetras(event)" autocomplete="off" required>
</div>
</div>
<div class="row form-group">
<div class="col-md-12">
<label for="username">Correo</label>
<input type="email" class="form-control" id="username" name="correo"
onblur=" javascript:busca_correo('./sistema/busqueda.php','visor')" autocomplete="off"
required>
</div>
</div>
<div class="row form-group">
<div class="col-md-12">
<input type="text" class="form-control" id="username" name="telefono"
onkeypress="return solonumeros(event)" autocomplete="off" required>
</div>
</div>
<div class="row form-group">
<div class="col-md-12">
<label for="username">Dirección</label>
<textarea cols="7" class="form-control" id="username"
name="direccion" required ></textarea>
<input type="hidden" name="depen" value="cliente">
<input type="hidden" name="status" value="limita">
</div>
</div>
<div class="row form-group">
<div class="col-md-12">
<div id="visor"></div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="gtco-section border-bottom">
<div class="gtco-container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center gtco-
heading">
<h2>Nuestros Productos</h2>
<p>Nuestra empresa se asienta en tres pilares
esenciales: esfuerzo, constancia y compromiso con el cliente.</p>
</div>
</div>
<div class="row">
<?php
do{
echo"
<div class='col-lg-4 col-md-4 col-sm-6'>
<a
href='sistema/electro/".$r_producto['mod_modelo'].'.'.$r_producto['mod_imagen']."'
class='fh5co-project-item image-popup'>
<figure>
<div class='overlay'><i class='ti-
plus'></i></div>
<img
src='sistema/electro/".$r_producto['mod_modelo'].'.'.$r_producto['mod_imagen']."'
alt='Image' class='img-responsive'>
</figure>
<div class='fh5co-text'>
<h2>".$r_producto['cat_nombre'].'
'.$r_producto['mar_nombre'].' '.$r_producto['mod_modelo']."</h2>
<p>".$r_producto['mod_descri']."..</p>
</div>
</a>
</div>";
}while($r_producto=mysqli_fetch_assoc($q_producto))
?>
</div>
</div>
</div>
<div id="gtco-features" class="border-bottom">
<div class="gtco-container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center gtco-
heading animate-box">
<h2>Ofrecemos</h2>
<p>FIABILIDAD TÉCNICA Y DESARROLLO
ESTÉTICO.</p>
</div>
</div>
<div class="row">
<div class="col-md-3 col-sm-6">
<div class="feature-center animate-box" data-
animate-effect="fadeIn">
<span class="icon">
<i><img src="images/cooker.png"
width="50" height="50"></i>
</span>
<h3>Cocinas</h3>
<p>Todo lo que buscas en Cocinas a gas y
induccion, en tus marcas favoritas y con el mejor precio.</p>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="feature-center animate-box" data-
animate-effect="fadeIn">
<span class="icon">
<i><img src="images/nevera.png"
width="50" height="50"></i>
</span>
<h3>Neveras</h3>
<p>Encuentra refrigeradoras No Frost,
cromadas, ahorradoras de energía. El mejor precio del mercado.</p>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="feature-center animate-box" data-
animate-effect="fadeIn">
<span class="icon">
<i><img src="images/equipo.png"
width="50" height="50"></i>
</span>
<h3>Equipos de Sonido</h3>
<p>Las mejores marcas, modelos, potencia
y con lo mejor en tecnología podrás escuchar tus músicas favoritas.</p>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="feature-center animate-box" data-
animate-effect="fadeIn">
<span class="icon">
<i><img src="images/laptop.png"
width="50" height="50"></i>
</span>
<h3>Laptos</h3>
<p>Todas las Notebooks a la venta
actualmente más información sobre un modelo lo encuentras en creditos Comwil.</p>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="feature-center animate-box" data-
animate-effect="fadeIn">
<span class="icon">
<i><img src="images/mueble.png"
width="100" height="50"></i>
</span>
<h3>Juego de Muebles</h3>
<p>Variedad, calidad y buenos precios!
Los mejores muebles modernos están en Creditos Comwil. Diferentes diseños y
estilos.</p>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="feature-center animate-box" data-
animate-effect="fadeIn">
<span class="icon">
<i><img src="images/telefono.png"
width="50" height="50"></i>
</span>
<h3>Telefono</h3>
<p>Combia de tecnología y diseño en los
mejores precios en Celulares y Smartphones.</p>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="feature-center animate-box" data-
animate-effect="fadeIn">
<span class="icon">
<i><img src="images/tv.png"
width="50" height="50"></i>
</span>
<h3>Televisores</h3>
<p>Elegantes estilos, modelos y diseños
que se adaptan a tu estilo de vida con tecnologías innovadoras.</p>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="feature-center animate-box" data-
animate-effect="fadeIn">
<span class="icon">
<i><img src="images/lavadora.png"
width="50" height="50"></i>
</span>
<h3>Lavadoras</h3>
<p>Lavadoras digitales y semiautomáticas,
económicas y de calidad al mejor precio.</p>
</div>
</div>
</div>
</div>
</div>
<div id="gtco-products">
<div class="gtco-container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center gtco-
heading">
<h2>Mas Productos</h2>
</div>
</div>
<div class="row">
<div class="owl-carousel owl-carousel-carousel">
<?php
do{
echo"<div class='item'>
<img
src='sistema/electro/".$r_productoo['mod_modelo'].'.'.$r_productoo['mod_imagen']."'
alt='Free HTML5 Bootstrap Template by FreeHTML5.co' width='300' height='265'>
</div>";
}while($r_productoo=mysqli_fetch_assoc($q_productoo))
?>
<div class="item">
<a href="#"><img src="images/img_2.jpg"
alt="Free HTML5 Bootstrap Template by FreeHTML5.co"></a>
</div>
<div class="item">
<a href="#"><img src="images/img_3.jpg"
alt="Free HTML5 Bootstrap Template by FreeHTML5.co"></a>
</div>
<div class="item">
<a href="#"><img src="images/img_4.jpg"
alt="Free HTML5 Bootstrap Template by FreeHTML5.co"></a>
</div>
</div>
</div>
</div>
</div>
<?php include('./footer.php');?>
</div>
</div>
<div class="gototop js-top">
<a href="#" class="js-gotop"><i class="icon-arrow-up"></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>
<!-- Carousel -->
<script src="js/owl.carousel.min.js"></script>
<!-- countTo -->
<script src="js/jquery.countTo.js"></script>
<!-- Magnific Popup -->
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/magnific-popup-options.js"></script>
<!-- Main -->
<script src="js/main.js"></script>
</body>
</html>
<?php
if (isset($_GET['err'])){
echo '<script language="javascript">swal("Error","El numero de cedula o ruc ya se
encuentra registrado","warning")</script>';
}
if (isset($_GET['mal'])){
echo '<script language="javascript">swal("Alerta","El correo o contraseña estan
incorrectos","info")</script>';
}
if (isset($_GET['ok'])){
echo '<script language="javascript">swal("Felicitaciones","Se registro con exito... Por
favor revisar el Correo Electronico","success")</script>';
}