Está en la página 1de 138

UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES

“U N I A N D E S”

FACULTAD DE SISTEMAS MERCANTILES

MAESTRÍA EN INFORMÁTICA EMPRESARIAL

TESIS PARA OBTENER EL TÍTULO DE MAGISTER EN


INFORMÁTICA EMPRESARIAL

TEMA:
APLICACIÓN WEB PARA LA GESTIÓN DE VENTAS DE LA
EMPRESA REPUESTOS AUTOMOTRICES CASTRO

AUTOR:
Ing. Jefferson Xavier Bravo Salvatierra

ASESOR:
Ing. Eduardo Fernández, M.Sc.

AMBATO

2012
CERTIFICACIÓN DEL TUTOR

En calidad de asesor del presente trabajo de investigación, certifico que el

presente proyecto cuyo título es APLICACIÓN WEB PARA LA GESTIÓN DE

VENTAS DE LA EMPRESA REPUESTOS AUTOMOTRICES CASTRO,

elaborado por Jefferson Xavier Bravo Salvatierra, cumple con los requisitos

metodológicos y científicos que la Universidad UNIANDES exige, por lo tanto

autorizo su presentación para los trámites pertinentes.

Atentamente,

Ing. Eduardo Fernández. M.Sc.

ii
DECLARACIÓN DE AUTORÍA

Ante las autoridades de la Universidad Regional Autónoma de los Andes

declaro que el contenido del presente proyecto cuyo título es APLICACIÓN

WEB PARA LA GESTIÓN DE VENTAS DE LA EMPRESA REPUESTOS

AUTOMOTRICES CASTRO presentado como requisito previo a la obtención

del título de MAGISTER EN INFORMÁTICA EMPRESARIAL es

original, de mi autoría y total responsabilidad.

Atentamente,

Ing. Jefferson Xavier Bravo Salvatierra


091300709-2

iii
DEDICATORIA

Dedico este trabajo a Dios amado guía y maestro espiritual.

A mis padres que lograron con su ejemplo, apoyo, comprensión y amor que día
a día me esforzara para lograr culminar con éxito una meta más dentro de mi
vida profesional.

A cada uno de mis hermanos, seres queridos, y grandes amigos y compañeros


que con su comprensión y apoyo han puesto su granito de arena para terminar
este trabajo y lograr cumplir con mis objetivos de vida.

iv
AGRADECIMIENTO

Primeramente agradezco a Dios por darme la suficiente sabiduría y el valor


necesario para poder desarrollar y culminar la presente tesis.

A la universidad y a los catedráticos de la MAESTRÍA INFORMÁTICA


EMPRESARIAL, por aportar con sus conocimientos y enseñanzas en nuestra
formación académica.

A mi asesor Ing. Eduardo Fernández M.Sc., quien puso su dedicación y


colaboración para la culminación de esta tesis, al Ing. Joel Cedeño Muñoz,
compañero y amigo, por su ayuda incondicional en el desarrollo de la tesis.

A todas las personas que de una u otra manera contribuyeron con su


asesoramiento y su experiencia para la elaboración de este trabajo.

v
ÍNDICE GENERAL

CERTIFICACIÓN DEL TUTOR ..................................................................................................... II

DECLARACIÓN DE AUTORÍA .................................................................................................... III

DEDICATORIA ............................................................................................................................. IV

AGRADECIMIENTO...................................................................................................................... V

RESUMEN EJECUTIVO ............................................................................................................. XII

EXECUTIVE SUMMARY............................................................................................................ XIII

INTRODUCCIÓN .......................................................................................................................... 1

ANTECEDENTES DE LA INVESTIGACIÓN ............................................................................. 1


PLANTEAMIENTO DEL PROBLEMA ....................................................................................... 2
FORMULACIÓN DEL PROBLEMA ........................................................................................... 4
DELIMITACIÓN DEL PROBLEMA ............................................................................................ 4
OBJETO DE LA INVESTIGACIÓN Y CAMPO DE ACCIÓN ...................................................... 4
IDENTIFICACIÓN DE LA LÍNEA DE INVESTIGACIÓN: ........................................................... 4
OBJETIVOS .............................................................................................................................. 4
OBJETIVO GENERAL............................................................................................................... 4
OBJETIVOS ESPECÍFICOS ..................................................................................................... 5
IDEA A DEFENDER Y VARIABLES .......................................................................................... 5
IDEA A DEFENDER .................................................................................................................. 5
VARIABLES DE LA INVESTIGACIÓN ...................................................................................... 5
JUSTIFICACIÓN DEL TEMA .................................................................................................... 5
METODOLOGÍA INVESTIGATIVA ........................................................................................... 6
BIBLIOGRÁFICA: ...................................................................................................................... 7
DE CAMPO: .............................................................................................................................. 7
INDUCTIVO - DEDUCTIVO: ..................................................................................................... 7
ANALÍTICO - SINTÉTICO: ........................................................................................................ 7
LA ENCUESTA:......................................................................................................................... 8
LA ENTREVISTA:...................................................................................................................... 8
RESUMEN DE LA ESTRUCTURA DE LA TESIS ..................................................................... 8
NOVEDAD CIENTÍFICA, APORTE TEÓRICO Y SIGNIFICACIÓN PRÁCTICA. ...................... 9

CAPÍTULO I. MARCO TEÓRICO .............................................................................................. 11

1.1.- PORTALES WEB.- .......................................................................................................... 11


1.2.- APLICACIÓN WEB.- ....................................................................................................... 12
1.3.- LENGUAJES DE PROGRAMACIÓN .............................................................................. 13
1.3.1.- HTML.- ......................................................................................................................... 13
1.3.2.- PHP.- ............................................................................................................................ 14

vi
1.3.3.- DREAMWEAVER.- ...................................................................................................... 15
1.3.4.- AJAX.- .......................................................................................................................... 16
1.3.5.- JAVA.- .......................................................................................................................... 18
1.3.6.- JOOMLA.- .................................................................................................................... 20
1.3.7.- ASP.NET.- .................................................................................................................... 22
1.3.8.- OPENCART.- ............................................................................................................... 24
1.3.9.- CMS (CONTENT MANAGER SYSTEM.- SISTEMA GESTOR DE CONTENIDOS).- ..................... 26
1.3.10.- SERVIDORES WEB.- ................................................................................................ 28
1.3.11.- APACHE.- .................................................................................................................. 29
1.3.12.- APPSERV.- ................................................................................................................ 30
1.3.13.- EASYPHP.- ................................................................................................................ 31
1.3.14.- XAMPP.-..................................................................................................................... 33
1.4.- BASE DE DATOS.-.......................................................................................................... 37
1.4.1.- MYSQL.- ....................................................................................................................... 37
1.4.2.- PHPMYADMIN.- ........................................................................................................... 39
1.5.- GESTIÓN DE VENTAS.- ................................................................................................. 40
1.5.1.- FUERZA DE VENTAS.- ................................................................................................ 40
1.5.2.- COMERCIO TRADICIONAL.- ...................................................................................... 41
1.5.3.- COMPRADOR.- ........................................................................................................... 41
1.5.4.- VENDEDOR.- ............................................................................................................... 42
1.5.5.- COMERCIALIZACIÓN.- ............................................................................................... 42
1.5.6.- COMERCIO ELECTRÓNICO.- .................................................................................... 42
1.5.7.- SEGURIDAD DEL COMERCIO ELECTRÓNICO.- ...................................................... 45
1.5.8.- MARKETING DIGITAL.- ............................................................................................... 47
1.6.- CONCLUSIONES PARCIALES DEL CAPÍTULO.- ......................................................... 50

CAPÍTULO II. MARCO METODOLÓGICO Y PLANTEAMIENTO DE LA PROPUESTA. ......... 52

2.1.- ANÁLISIS.- ...................................................................................................................... 52


2.1.1.- RESEÑA HISTÓRICA ALMACÉN DE REPUESTOS AUTOMOTRICES “CASTRO”.- 52
2.2.- MODALIDAD DE LA INVESTIGACIÓN.- ........................................................................ 52
2.2.1.- CUALITATIVA.- ............................................................................................................ 52
2.2.2.- CUANTITATIVA.- ......................................................................................................... 52
2.2.3.- TIPOS DE INVESTIGACIÓN.- ..................................................................................... 53
2.2.3.1.- INVESTIGACIÓN – ACCIÓN.- .................................................................................. 53
2.2.4.- POBLACIÓN Y MUESTRA.- ........................................................................................ 53
2.2.4.1.- POBLACIÓN.- ........................................................................................................... 53
2.2.4.2.- MUESTRA.-............................................................................................................... 54
2.2.5.- MÉTODOS, TÉCNICAS E INSTRUMENTOS.- ............................................................ 55
2.2.5.1.- MÉTODOS.- .............................................................................................................. 55
2.2.5.1.1.- MÉTODOS DEL NIVEL EMPÍRICO DEL CONOCIMIENTO.- ................................ 55
2.2.5.1.1.1.- OBSERVACIÓN CIENTÍFICA.- ........................................................................... 55

vii
2.2.5.1.1.2.- RECOLECCIÓN DE INFORMACIÓN.- ............................................................... 55
2.2.5.1.2.- MÉTODO DEL NIVEL TEÓRICO DEL CONOCIMIENTO.-.................................... 56
2.2.5.1.2.1.- INDUCTIVO – DEDUCTIVO.- ............................................................................. 56
2.2.5.1.2.2.- ANALÍTICO – SINTÉTICO.- ................................................................................ 56
2.2.5.2.- TÉCNICAS.- .............................................................................................................. 56
2.2.5.2.1.- ENTREVISTA.- ...................................................................................................... 56
2.2.5.2.2.- ENCUESTA.- ......................................................................................................... 57
2.2.5.2.3.- OBSERVACIÓN.- ................................................................................................... 57
2.2.5.3.- INSTRUMENTOS DE INVESTIGACIÓN.- ................................................................ 57
2.2.5.3.1.- CITAS DE AUTOR.- ............................................................................................... 57
2.2.5.3.2.- CUESTIONARIOS.- ............................................................................................... 58
2.2.5.3.3.- GUÍA DE ENTREVISTAS.-..................................................................................... 58
2.3.- INTERPRETACIÓN DE RESULTADOS.- ....................................................................... 58
2.3.1.- INTERPRETACIÓN DE RESULTADOS DE LA EFICACIA DE LOS PROCESOS
MEDIANTE LA ENTREVISTA.- ............................................................................................... 58
ENTREVISTA AL GERENTE-ADMINISTRADOR.- ................................................................ 59
2.3.2.- INTERPRETACIÓN DE RESULTADOS DE LA EFICACIA DE LOS PROCESOS
MEDIANTE LAS ENCUESTAS.- ............................................................................................. 60
TABULACIÓN DE LAS ENCUESTAS A LOS CLIENTES.- ..................................................... 61
2.4.- PROPUESTA DEL INVESTIGADOR.- ............................................................................ 68
2.5.- CONCLUSIONES PARCIALES DEL CAPÍTULO ............................................................ 69

CAPÍTULO III. DESARROLLO DE LA PROPUESTA. ............................................................... 71

3.1.- TEMA.- ............................................................................................................................ 71


3.2.- METODOLOGÌA DE DESARROLLO.- ............................................................................ 71
3.2.1.- RECURSOS.- ............................................................................................................... 71
3.2.1.1.- RECURSOS HUMANOS.- ........................................................................................ 71
3.2.1.2.- RECURSOS INFORMÁTICOS SOFTWARE.- .......................................................... 71
3.2.1.3.- RECURSOS INFORMÁTICOS HARDWARE.- ......................................................... 72
3.2.1.4.- SUMINISTROS DE OFICINA.- .................................................................................. 72
3.2.1.5.- RESUMEN DE COSTOS.- ........................................................................................ 73
3.2.2.- METODOLOGÍA UTILIZADA.- ..................................................................................... 73
3.2.2.1.- ENTREVISTAS – ENCUESTAS.- ............................................................................. 73
3.2.2.2.- OBSERVACIÓN.- ...................................................................................................... 74
3.2.2.3.- METODOLOGÍA OBJECT ORIENTED HYPERMEDIA DESIGN METHOD
(OOHDM).- .............................................................................................................................. 74
3.3.- DESCRIPCIÓN DE LA PROPUESTA.- ........................................................................... 76
3.3.1.- FASE DE ANÁLISIS.- ................................................................................................... 76
3.3.2.- FLUJO DE INFORMACIÓN.- ....................................................................................... 77
3.3.2.1.- DIAGRAMAS DE CASOS DE USO.- ......................................................................... 77
3.3.2.1.1.- CASO DE USO ADMINISTRACIÓN DEL SISTEMA.- ............................................ 77

viii
3.3.2.1.2.- CASO DE USO GESTIÓN VENTAS.- .................................................................... 78
3.3.2.1.3.- CASO DE USO VALIDAR USUARIO.- ................................................................... 78
3.3.2.1.4.- CASO DE USO REGISTRAR COMPRA.- .............................................................. 79
3.3.2.2.- DIAGRAMA DE TRANSICIÓN DE ESTADOS. ......................................................... 79
3.3.2.2.1.- DIAGRAMA DE TRANSICION DE ESTADOS – USUARIO SISTEMA.- ................ 79
3.3.2.2.2.- DIAGRAMA DE TRANSICION DE ESTADOS - CLIENTES.- ................................ 80
3.3.2.2.3.- DIAGRAMA DE TRANSICION DE ESTADOS - VENTAS.- .................................... 80
3.3.2.3.- DIAGRAMA DE SECUENCIA. .................................................................................. 81
3.3.2.3.1.- DIAGRAMA DE SECUENCIA - LOGIN DEL ADMINISTRADOR.- ......................... 81
3.3.2.3.2.- DIAGRAMA DE SECUENCIA – REGISTRAR CLIENTE.- ..................................... 81
3.3.2.3.3.- DIAGRAMA DE SECUENCIA – REGISTRAR PRODUCTO.- ................................ 82
3.3.2.3.4.- DIAGRAMA DE SECUENCIA – REGISTRAR COMPRA.- ..................................... 82
3.4.- DISEÑO.- ........................................................................................................................ 83
3.4.1.- BASE DE DATOS.- ...................................................................................................... 83
3.4.1.1.- MODELO LÓGICO DE LA BASE DE DATOS ........................................................... 83
3.4.1.2.- MODELO FÍSICO DE LA BASE DE DATOS ............................................................. 84
3.4.1.3.- DICCIONARIO DE DATOS.- ..................................................................................... 85
3.4.2.- DISEÑO DE INTERFACES.- ........................................................................................ 87
3.5. FASE DE DESARROLLO.-.......................................................................................... 88
3.5.1.- ASPECTOS GENERALES.- ......................................................................................... 88
3.5.2.- CODIFICACIÓN.- ......................................................................................................... 89
3.6.- FASE PRUEBAS.- ........................................................................................................... 94
3.6.1.- CAJA NEGRA.- ............................................................................................................ 94
3.6.2.- CAJA BLANCA.- ........................................................................................................... 95
3.7.- REQUERIMIENTOS PARA INSTALAR.- ........................................................................ 96
3.7.1.- REQUERIMIENTOS DE HARDWARE.- ...................................................................... 96
3.7.2.- REQUERIMIENTOS DE SOFTWARE ......................................................................... 96
3.8.- INSTALACIÓN.- .............................................................................................................. 96
3.9.- VALIDACIÓN.- ................................................................................................................ 97
3.10. CONCLUSIONES PARCIALES DEL CAPÍTULO.- ........................................................ 98

CONCLUSIONES GENERALES.- .............................................................................................. 99

RECOMENDACIONES.- ........................................................................................................... 100

BIBLIOGRAFÍA.- ....................................................................................................................... 101

ANEXOS ....................................................................................................................................... 1

ix
ÍNDICE DE FIGURAS

Fig. 1.- Modelo del Ciclo de Desarrollo de aplicación web ................................................ 68


Fig. 2.- Caso de Uso – Administración del sistema. ........................................................... 77
Fig. 3.- Caso de Uso –Gestión Ventas. ................................................................................ 78
Fig. 4.- Caso de Uso – Validar usuario. ................................................................................ 78
Fig. 5.- Caso de Uso – Registrar compra. ............................................................................ 79
Fig. 6.- Diagrama de transición de estados – Usuario Sistema. ....................................... 79
Fig. 7.- Diagrama de transición de estados – Clientes....................................................... 80
Fig. 8.- Diagrama de transición de estados – Ventas......................................................... 80
Fig. 9.- Diagrama de Secuencia - Login del Administrador. .............................................. 81
Fig. 10.- Diagrama de Secuencia – Registrar Cliente. ....................................................... 81
Fig. 11.- Diagrama de Secuencia – Registrar Producto..................................................... 82
Fig. 12.- Diagrama de Secuencia – Registrar Compra. ..................................................... 82
Fig. 13.- Modelo Lógico de la Base de Datos. ..................................................................... 83
Fig. 14.- Modelo Físico de la Base de Datos. ...................................................................... 84
Fig. 15.- Diseño de la Aplicación Web. ................................................................................. 88

ÍNDICE DE CUADROS

Cuadro 1.- ¿Es cliente frecuente de la empresa?............................................................... 61


Cuadro 2.- ¿Cómo calificaría la atención que recibe en la empresa? ............................. 62
Cuadro 3.- ¿Considera Ud. que la empresa informa oportunamente a sus clientes
sobre la existencia de sus productos? .................................................................................. 63
Cuadro 4.- ¿Le resulta dificultoso ir personalmente a la empresa a realizar las
compras? ................................................................................................................................... 64
Cuadro 5.- ¿Cómo calificaría la atención que recibe en la empresa? ............................. 65
Cuadro 6.- ¿Le gustaría informarse de los productos existentes en la empresa a través
de internet?................................................................................................................................ 66
Cuadro 7.- ¿Le gustaría realizar las compras de sus productos a través de internet?. 67
Cuadro 8.- Cuadro de software. ............................................................................................. 71
Cuadro 9.- Cuadro de hardware. ........................................................................................... 72
Cuadro 10.- Cuadro de suministros. ..................................................................................... 72
Cuadro 11.- Cuadro costo de mano de obra. ...................................................................... 73

x
Cuadro 12.- Cuadro de resumen de costos. ........................................................................ 73
Cuadro 14.- Diccionario de Datos – Tabla Categorías...................................................... 85
Cuadro 15.- Diccionario de Datos – Tabla Clientes........................................................... 85
Cuadro 16.- Diccionario de Datos – Tabla Usuarios ......................................................... 86
Cuadro 17.- Diccionario de Datos – Tabla Voucher .......................................................... 86
Cuadro 18.- Diccionario de Datos – Tabla Productos ....................................................... 87
Cuadro 19.- Requerimientos de hardware. .......................................................................... 96
Cuadro 20.- Requerimientos de software. ............................................................................ 96

ÍNDICE DE GRÁFICOS

Gráfico 1.- Frecuencia con que los clientes visitan la empresa. ....................................... 61
Gráfico 2.- Calificación de la atención que reciben los clientes. ....................................... 62
Gráfico 3.- Información oportuna de la existencia de los productos. ............................... 63
Gráfico 4.- Se le dificulta ir personalmente a realizar sus compras a las empresas. .... 64
Gráfico 5.- Atención que reciben los clientes de parte de la empresa. ........................... 65
Gráfico 6.- Informarse de los productos existente a través de internet. .......................... 66
Gráfico 7.- Realizar la compra de sus productos a través de internet. ............................ 67

xi
RESUMEN EJECUTIVO

La principal razón para la preparación y elaboración de esta investigación es la


obtención del título de Magister en Informática Empresarial, como también
desarrollar una aplicación web, que perita gestionar el proceso de las ventas en
el almacén de repuestos automotrices Castro, cuya necesidad es aplicar el
comercio electrónico dentro de sus actividades para la venta de sus productos,
incursionando en la tecnología e innovando como empresa pionera que utilizan
este tipo de aplicaciones dentro de la comunidad quevedeña.

Para dar solución a la problemática, se ha empleado la modalidad de


investigación cuali-cuantitativa, donde el método inductivo-deductivo es el
motor de esta investigación; en base a la aplicación de las técnicas e
instrumentos necesarios para su desarrollo, se pudo encontrar una solución
viable al problema, cuya respuesta es la implementación de una aplicación
web, la cual permitirá agilitar el proceso de gestión de ventas en el almacén de
repuestos Castro.

El desarrollo de la aplicación web se fundamentó en la metodología OOHDM,


está diseñado con las últimas tecnologías de desarrollo de páginas web como
son PHP, OpenCart y PhpMyAdmin. De esta manera se pudo concluir que con
el desarrollo de la aplicación web se generará beneficios, será posible registrar
un gran número de productos por categorías y por tipos de repuestos;
permitirá contar con una base de datos actualizada de los clientes de la
empresa, quienes podrán ingresar a la aplicación para buscar, seleccionar,
comprar y conocer los repuestos que existen en stock; así como para estar al
día con las promociones y ofertas que la empresa ponga a disposición.

xii
EXECUTIVE SUMMARY

The main reason for the preparation and elaboration of this investigation is the
obtaining of Schoolmaster's title in Managerial Computer science, as well as to
develop an application web that pear to negotiate the process of the sales in the
warehouse of self-driven reserves Castro whose necessity is to apply the e-
commerce inside its activities for the sale of its products, intruding in the
technology and innovating as pioneer company that you/they use this type of
applications inside the community quevedeña.

To give solution to the problem, the modality of cuali-quantitative investigation


has been used, where the inductive-deductive method is the motor of this
investigation; based on the application of the techniques and necessary
instruments for its development, it could be a viable solution to the problem
whose answer is the implementation of an application web, which will allow to
activate the process of administration of sales in the warehouse of having
restored Castro.

The development of the application web was based in the methodology


OOHDM, it is designed with the last technologies of development of pages web
like they are PHP, OpenCart and PhpMyAdmin. This way you could conclude
that with the development of the application web it will be generated benefits, it
will be possible to register a great number of products for categories and for
types of reserves; it will allow to have an up-to-date database of the clients of
the company who you/they will be able to enter to the application to look for, to
select, to buy and to know the reserves that exist in stock; as well as to be up-
to-date with the promotions and offers that the company puts to disposition.

xiii
INTRODUCCIÓN

ANTECEDENTES DE LA INVESTIGACIÓN

Una vez realizada la investigación preliminar en las bibliotecas de las


universidades sobre las tesis de pregrado de APLICACIONES WEB PARA LA
GESTIÓN DE VENTAS DE LAS EMPRESAS, se pudo determinar que existen
muy pocas tesis desarrolladas sobre este tema, una de ellas es la tesis con el
tema: APLICACIÓN WEB PARA LA GESTIÓN DE PAQUETES TURÍSTICOS
realizada en el año 2008, en la misma se ha hecho énfasis en fusionar la
tecnología con el proceso de ventas tradicional, para de esta manera
desarrollar procesos de comercialización mas modernos y ágiles, que permiten
a las empresas estar en una constante comunicación con sus clientes a través
del Internet, principalmente para ofertar, promocionar y vender sus productos.

También se realizó una investigación en la web donde se pudo encontrar que


existen tesis relacionadas a este tema en otras universidades, en las mismas
se pudo determinar que las ventajas de disponer de una página web con
capacidad de venta on-line son muchas, pero la principal es poder ofrecer y
facturar los productos y servicio de su empresa mediante un nuevo canal de
venta. Al crear una tienda virtual online no se busca competir con el sistema
tradicional, sino ofrecer a sus clientes nuevas posibilidades de adquirir sus
servicios y productos a través de Internet. Las empresas que realizan sus
ventas a través de una plataforma online, ofrecen cada vez más ventajas a sus
clientes y nuevas posibilidades de hacer negocios: catálogos online
gestionables, carritos web, seguimiento de pedidos, ofertas
actualizables, pedidos automáticos, etc.

De igual manera se pudo determinar que en la web existen sitios


especializados que se dedican a esta actividad donde se concluye que estos
sitios son de gran ayuda para la comercialización de las ventas en los actuales
momentos; por tal razón la implementación de una aplicación web para la
gestión de ventas sería de gran ayuda para la comercialización de sus
productos a la empresa Repuestos Automotrices Castro.

1
PLANTEAMIENTO DEL PROBLEMA

La misión suprema de toda empresa debe ser el mayor nivel de satisfacción


para sus clientes y usuarios, pues éstos con sus compras permiten que la
empresa siga existiendo y creciendo, generando de tal forma beneficios para
sus integrantes (propietarios, directivos y empleados). La posibilidad de
elección da poder al consumidor. Un consumidor con poder se convierte en un
cliente leal si se le ofrecen productos y servicios acorde a sus necesidades.

Una empresa debe no sólo satisfacer a los usuarios de los productos o


servicios, que serán aquellos que los consumen. Muchas empresas se
esmeran en producir productos o servicios de primera calidad, pero estropean
todo con una pésima atención telefónica, una entrega fuera de tiempo o una
facturación con innumerables errores.

Ahora bien dentro de esa necesidad de satisfacer plenamente al cliente y


usuario, no sólo es necesario monitorear de forma constante esos niveles de
satisfacción, sino que deben definirse cuales son la necesidades de los clientes
y usuarios mediante un estudio o investigación de mercado. Una empresa que
trate de satisfacer necesidades de acuerdo a lo que ellos creen que son los
requerimientos de los clientes o usuarios, y no de acuerdo a lo que estos
realmente solicitan están destinados a perder posiciones en el mercado.

Las ventas son la razón de ser de toda empresa comercial sea considerada
grande o pequeña, los gerentes son los encargados de buscar día a día las
estrategias que permitan llegar de mejor manera a los clientes y
consecuentemente incrementar el número de ventas de los diferentes
productos que la empresa comercializa. Las empresas y por ende sus
administradores se tienen que adaptar a la era que están viviendo, esto
significa que en los actuales momentos donde prevalecen las tecnologías y las
telecomunicaciones las empresas deben hacer uso de estas herramientas
como elemento de apoyo al proceso de ventas. En el siglo XXI el internet se
ha constituido en el principal medio de comercialización y las aplicaciones web

2
son las vitrinas a través de la cuales se exhiben y adquieren los productos de
las empresas.

La globalización que se vive hoy en día ha tocado también las puertas de


nuestro país y es por ello que también hemos sido influenciados por aspectos
tecnológicos como la informática, el internet y las telecomunicaciones. El
internet en nuestro país a propiciado que surjan nuevas formas de
comercialización, esto ha permitido que se de un incremento notable en el
comercio electrónico, se puede apreciar día a día como muchas de las
empresas en nuestro país tratan de diversificar sus ventas a través de
aplicaciones web.

El cantón Quevedo, de la Provincia de Los Ríos se caracteriza por ser una urbe
con gran cantidad de empresas comerciales, en varios de los rincones de la
ciudad se encuentran empresas dedicadas a la comercialización de repuestos
para vehículos, en base a este análisis ligero sobre posibilidades comerciales
es que surge la empresa “Repuestos Automotrices Castro” en el año 2003
dedicada a la venta de repuestos para vehículos. En varias de las visitas
realizadas a la empresa se pudo determinar algunas dificultades relacionadas
con la gestión de las ventas, entre ellas podemos mencionar:

 La empresa no puede informar a sus clientes sobre la existencia de sus


productos o el surgimiento de nuevos repuestos sustitutivos.
 La empresa no ha podido diversificar su medio de comunicación con los
clientes, esto quiere decir que las únicas formas de comunicación empresa-
cliente son: el teléfono, el fax y la presencia física.
 La empresa no ha podido ampliar su mercado a las zonas aledañas al
cantón Quevedo, esto ha incidido para que no pueda captar nuevos
mercados y con ello aumentar el número de sus ventas.
 La empresa no cuenta con los suficientes recursos para invertir en la
promoción de sus productos y de sus servicios, esto implica que las
campañas publicitarias no pueden ser extensas y que las mismas muchas
veces no tienen el alcance y la promoción deseada.

3
En base a los síntomas presentados se puede deducir que la empresa tiene un
problema relacionado con la gestión de sus ventas.

FORMULACIÓN DEL PROBLEMA

¿Cómo mejorar la gestión de ventas de la empresa “Repuestos Automotrices


Castro”, de la parroquia San Cristóbal de la ciudad de Quevedo provincia de
Los Ríos?

DELIMITACIÓN DEL PROBLEMA

El trabajo investigativo se llevará a cabo en la empresa “Repuestos


Automotrices Castro”, ubicada en la Parroquia San Cristóbal del cantón
Quevedo provincia de Los Ríos; la misma que se dedica a la comercialización
de repuestos automotrices desde el año 2003.

Se trabajará con la información generada durante los años 2011 y 2012.

OBJETO DE LA INVESTIGACIÓN Y CAMPO DE ACCIÓN

Objeto de Investigación: Sistemas de Información


Campo de Acción: Aplicaciones Web

IDENTIFICACIÓN DE LA LÍNEA DE INVESTIGACIÓN:

La línea de investigación es la relacionada con la de: Desarrollo de Software y


Programación de Sistemas.

OBJETIVOS

OBJETIVO GENERAL

Desarrollar la aplicación web para el mejoramiento de la gestión de ventas de


la empresa “Repuestos Automotrices Castro”.

4
OBJETIVOS ESPECÍFICOS

 Fundamentar científicamente sobre las aplicaciones web, sus herramientas


de desarrollo y la gestión de ventas.
 Investigar sobre la gestión de ventas que lleva a cabo actualmente la
empresa y la necesidad de un mayor apoyo tecnológico.
 Desarrollar la aplicación web para las ventas en línea, marketing digital y
gestión de clientes.

IDEA A DEFENDER Y VARIABLES

IDEA A DEFENDER

Con la implementación de una aplicación web se mejorará la gestión de ventas


en la empresa repuestos automotrices Castro, en base a la posibilidad de
realizar ventas en línea y marketing digital.

VARIABLES DE LA INVESTIGACIÓN

Variable independiente: APLICACIÓN WEB.


Variable dependiente: GESTIÓN DE VENTAS.

JUSTIFICACIÓN DEL TEMA

La investigación que se realizará en el almacén de repuestos automotriz Castro


de la parroquia San Cristóbal de la ciudad de Quevedo, es para poder
encontrar las debilidades y una vez identificadas proceder a buscar la solución,
los beneficiarios directos será la clientela de la empresa, ya que la aplicación
permitirá adquirir los repuestos a través de internet, ya no será necesario que
los clientes tengan que ir personalmente al almacén para poder saber si
cuentan o no con el producto que ellos necesitan.

Con el desarrollo y evolución de las tecnologías se ven incrementadas las


potencialidades de la gestión de ventas y, el rápido avance tecnológico de los
5
soportes informáticos, han permitido el uso de mejores herramientas para los
empresarios en el ámbito de las ventas. Con las aplicaciones web el proceso
de la comercialización de las actividades comerciales realizadas con el uso de
las tecnologías de transmisión electrónica de datos tales como las empleadas
en internet se ha vuelto más común y eficaz.

Entre las principales funciones y soluciones que se plantean con la


implementación de la APLICACIÓN WEB PARA LA GESTIÓN DE VENTAS
DE LA EMPRESA REPUESTOS AUTOMOTRICES CASTRO se encuentran
las siguientes:

 Almacenamiento seguro de la información sobre los productos que se


comercializan en el almacén de repuestos Castro en una Base de Datos,
utilizando el Sistema Gestor de Base de Datos PhpMyAdmin, siendo este
uno de los gestores más robustos en el manejo de la información para
aplicaciones web.
 Se evitarán pérdidas de la información, ya que se contará con un modelo
de base de datos debidamente estructurada y diseñada, de manera que los
datos sean consistentes y evitando redundancia entre ellos.
 Será posible registrar un gran número de productos por categorías y por
tipos de repuestos.
 Permitirá contar con una base de datos actualizada de los clientes de la
empresa.
 Los clientes podrán ingresar a la aplicación para buscar, seleccionar,
comprar y conocer los repuestos que existen en stock; así como para estar
al día con las promociones y ofertas.

METODOLOGÍA INVESTIGATIVA

La modalidad de la investigación será cuali-cuantitativa. Las características


cualitativas de la problemática existente, se determina en base a la observación
y al diálogo permanente con los involucrados de la situación problema. Los
aspectos cuantitativos se ratifican al tabular estadísticamente los resultados de
la investigación de campo realizada a la población respectiva.
6
Los tipos de investigación a utilizar son:

BIBLIOGRÁFICA:

Basada en la búsqueda de información existente en libros, revistas e Internet,


será muy útil para elaborar el marco teórico que fundamente científicamente la
solución planteada al problema.

DE CAMPO:

Llevada a cabo en la zona donde se generan las ventas de la problemática


planteada, para este caso específico se realizará en las zonas aledañas del
Cantón Quevedo.

Los métodos investigativos a utilizar son:

INDUCTIVO - DEDUCTIVO:

Aplicado para generar una respuesta particular al problema y luego


generalizarla. En el desarrollo de la aplicación se recurrirá al método
INDUCTIVO - DEDUCTIVO, el mismo que permitirá facilitar el conocimiento e
interpretarlo de una manera mas fácil y sencilla, permitiéndonos integrar
totalmente el proceso de desarrollo de la Aplicación Web.

ANALÍTICO - SINTÉTICO:

Aplicado para analizar información requerida en la solución del problema y


sintetizada en el marco teórico. El análisis se basa en el actor principal del
servicio, que es el usuario interesado en el tema, y permitirá saber a quienes va
dirigida la aplicación.

Las técnicas a utilizar para recopilar la información son:

7
LA ENCUESTA:

Se realizará a los ciudadanos del cantón Quevedo como a los pobladores de


las regiones aledañas a su entorno geográfico.

LA ENTREVISTA:

La entrevista, se llevará a cabo tanto al personal de la empresa “Repuestos


Automotrices Castro”, como al Gerente Administrativo de la misma.

RESUMEN DE LA ESTRUCTURA DE LA TESIS

El desarrollo de la presente investigación se ha desarrollado en capítulos.

El Capítulo I se centra en la investigación científica necesaria para el desarrollo


del proyecto tomando como parte principal el apoyo bibliográfico para luego
analizar, relacionar y sintetizar críticamente los temas relacionados con el
objeto de estudio.

En el Capítulo II se específica la metodología de investigación a seguir en este


caso establece la modalidad cualitativa - cuantitativa, se especifican los tipos
de investigación necesarios para el desarrollo de la misma, haciendo uso de las
técnicas e instrumentos necesarios se pudo obtener los datos concretos para ir
a la interpretación de los resultados de los procesos del caso de estudio.
Además en este capitulo se hizo una introducción a la presentación de la
propuesta donde se especificó en que consiste y la metodología ha emplearse
para el desarrollo de la misma.

El Capítulo III explica detalladamente en que consiste la propuesta, la cual está


enfocada en plantear la solución del problema, en este caso el desarrollo de la
APLICACIÓN WEB PARA LA GESTIÓN DE VENTAS DE LA EMPRESA
REPUESTOS AUTOMOTRICES CASTRO, en donde se especifica paso a
paso el proceso que conlleva el desarrollo de la misma; además se procedió a

8
probar la propuesta a través de implementar la aplicación web en el almacén
de repuestos Castro.

NOVEDAD CIENTÍFICA, APORTE TEÓRICO Y SIGNIFICACIÓN PRÁCTICA.

Las aplicaciones web se han constituido en un elemento muy importante dentro


de la gestión de ventas de las empresas que se dedican a este ámbito. La
globalización y el desarrollo tecnológico que se ha impulsado en el siglo XXI
han obligado a que tanto las empresas privadas como públicas mejoren sus
servicios en base a la modernización de los procesos y de los recursos con los
que desarrollan sus actividades diarias.

El trabajo investigativo que se pretende desarrollar y que se denomina


“APLICACIÓN WEB PARA LA GESTIÓN DE VENTAS, permitirá al proponente
generar un aporte teórico, el mismo que esencialmente tiene que ver con los
aspectos relacionados a la gestión de ventas de las empresas. Una aplicación
web para la gestión de ventas es una herramienta muy necesaria en el mundo
actual de los negocios, ya que para las organizaciones que fundamentan sus
utilidades y operaciones en base a sus ventas y fidelidad de sus clientes es de
gran ayuda en la comercialización de sus productos, esto quiere decir que
quien lo elabore debe tener amplios conocimientos teóricos – prácticos en el
área para realizar la aplicación. El aporte teórico estará relacionado a temas
como: Sistemas de Información, Bases de Datos, Servidores Web,
Aplicaciones Web, Lenguajes de Programación de Desarrollo Web y Gestión
de Ventas.

El tema propuesto considera importante desarrollar de manera práctica todas


las estrategias propuestas, ya que esto permitirá que el trabajo investigativo
tenga una significación práctica muy importante e ilustrativa de lo que se quiere
hacer.

Las aplicaciones web empresariales son una temática nueva a nivel de


pregrado y de posgrado, ya que requiere un conocimiento previo sobre varias
herramientas y aplicativos; esto quiere decir que el ámbito de conocimiento

9
requerido es mucho mayor, pues a más del aspecto tecnológico se necesita
conocer sobre el ámbito empresarial. Debido a lo mencionado el tema genera
un avance científico muy significativo en el hecho de que se requiere de un
amplio conocimiento en las áreas señaladas. En la investigación preliminar
llevada a cabo no se ha encontrado demasiada información sobre el tema a
tratar, existen pocos libros sobre este tema, así como trabajos similares
encontrados en el internet, por lo que las conclusiones que se emitan sobre el
tema constituirán una novedad científica.

10
CAPÍTULO I. MARCO TEÓRICO

El presente trabajo investigativo se fundamenta teóricamente en los siguientes


aspectos:

1.1.- PORTALES WEB.-

Según MENDOZA Jorge A. (2010), un portal web es: “El término “portal” se
puso muy de moda en charlas tanto sociales como de negocios, la gente usaba
el término "página de Internet" para referirse al sitio en que se encontraba
publicada la información de su empresa, pero el concepto de portal resulta más
atractivo, aun cuando los más apropiado para referirse a los sitios que
encontramos publicados en Internet debe ser el de sitio web (web site).

El portal web se basa en un sistema de administración de contenidos, que


permite publicar información de manera más fácil y rápida, sin tener muchos
conocimientos de programación ni de diseño de páginas web.

Con el diseño de un portal solo nos ocuparemos de la información que vamos a


publicar, ya que el sistema se encargará de gestionar todos los detalles
técnicos y administrativos. Entre otras características debe ofrecer los
siguientes parámetros:

 Organización del sitio web.


 Publicación de Contenidos (páginas).
 Escalabilidad e implementación de nuevas funcionalidades.
 Administración de usuarios.
 Navegación y menú.
 Administrador de Imágenes.
 Disposición de módulos modificable.
 Encuestas.
 Alimentación de Noticias.
 Publicidad.

11
 Estadísticas de visitas.
 Automatización en la publicación.
 Archivo e historial.
 Formatos de lectura.
 Envío por E-mail.
 Valoración de contenidos.
 Comentarios”.

1.2.- APLICACIÓN WEB.-

Para Barzanallana Rafael (2012); “Una aplicación web es básicamente una


manera de facilitar el logro de una tarea específica. Además podemos decir
que son aplicaciones que se codifican en un lenguaje soportado por un
navegador web.

Las aplicaciones web se han popularizado debido a lo práctico que es el uso


del navegador web, a la independencia del sistema operativo, tanto por la
facilidad para actualizar como para mantener aplicaciones web sin distribuir e
instalar software a los miles de usuarios que hacen uso de ellas.

Debemos acotar que una aplicación web contiene muchos elementos que
permiten la comunicación real y efectiva entre los usuarios y los datos;
permitiendo que los usuarios puedan acceder a la información de modo
interactivo, gracias a que las páginas responderán a cada una de las acciones
solicitadas por ellos.

Los desarrolladores web generalmente utilizan lenguajes interpretados en el


lado del cliente para añadir más funcionalidades, especialmente para ofrecer
una experiencia interactiva que no requiera recargar la página cada vez que se
requiera de su uso. En la actualidad se han desarrollado nuevas tecnologías
para coordinar el uso de estos lenguajes con las tecnologías en el lado del
servidor. Como ejemplo, AJAX que es una técnica de desarrollo web que
emplea una combinación de varias tecnologías.

12
Aunque existen muchas variaciones posibles, una aplicación web está
normalmente estructurada como una aplicación de tres-capas. En su forma
más común, el navegador web ofrece la primera capa y un motor capaz de usar
alguna tecnología web dinámica (ejemplo: PHP, Java Servlets o ASP,
ASP.NET, CGI, ColdFusion, embPerl, Pitón (Programming Language) o Ruby
on Rails) constituye la capa de en medio. Por último, una base de datos
constituye la tercera y última capa. El navegador web manda peticiones a la
capa de en medio que ofrece servicios valiéndose de consultas y
actualizaciones a la base de datos y a su vez proporciona una interfaz de
usuario.

Actualmente está emergiendo para las empresas proveedoras de software una


estrategia que consiste en ofrecer el acceso vía web al software, para
aplicaciones previamente distribuidas, como las aplicaciones de escritorio, se
puede optar por desarrollar una aplicación totalmente nueva o simplemente por
adaptar la aplicación para ser usada con una interfaz web.

A esta estrategia de uso se la denomina software como servicio y a las


compañías desarrolladoras se les denomina proveedores de aplicaciones de
servicio, un modelo de negocio que está atrayendo la atención de la industria
del software.”

1.3.- LENGUAJES DE PROGRAMACIÓN

1.3.1.- HTML.-

ALMAIDA PLANES Antonio (2012) define a HTML: “como inventada por el


científico Tim Berners-Lee en 1990, su objetivo era el de facilitar el acceso a los
documentos de investigación de cada uno de los científicos de las diferentes
universidades, el proyecto tuvo un éxito mucho mayor del esperado, Berners-
Lee al inventar HTML sentó las bases de lo que hoy conocemos y tenemos en
la web.

13
HTML es un lenguaje que hace posible que se pueda presentar información en
la web, lo que se muestra al visualizar una página en internet es la
interpretación que hace el navegador que estemos usando del código HTML.

HTML no es mas que la abreviatura de "HyperText Mark-up Language", es


significa, "Lenguaje de Marcado Hipertextual".

 Hiper es lo contrario de lineal. Cuando un programa es lineal una acción


seguía hasta la siguiente línea, y después de ésta a la siguiente, y a la
siguiente, así se ejecutaban las órdenes. HTML, sin embargo, es diferente:
se puede ir donde uno quiera cuando uno quiera.
 Texto se explica por sí solo.
 Marcado es lo que haces con el texto. Se marca el texto del mismo modo
que en un programa de edición de textos con encabezados, viñetas,
negrita, etc.
 Lenguaje es lo que es HTML. Este lenguaje hace uso de muchos términos
en inglés.”

1.3.2.- PHP.-

Para PHPYA (2012), “PHP es un acrónimo de PHP: Hypertext Preprocessor;


PHP es un lenguaje de código abierto muy popular especialmente adecuado
para desarrollo web y que puede ser incrustado en y ejecutado desde el
servidor.

Como es la comunicación entre el cliente y el servidor sin PHP:

1. En la barra del navegador debemos escribir la dirección y el archivo a


solicitar.
2. El navegador envía el mensaje a través de internet a la computadora.
3. El servidor web que es un programa que se ejecuta en la máquina, recibe
el mensaje y lee el archivo solicitado desde el disco duro.
4. El servidor web envía el archivo solicitado por el navegador tal cual está en
el disco duro.

14
5. El navegador muestra en pantalla el archivo que envió el servidor web.

Este proceso siempre es el mismo cuando hablamos de páginas estáticas


(páginas que no cambian), cualquiera sea el cliente que solicita la página el
contenido siempre será el mismo. La única forma que el contenido del archivo
cambie es que el administrador de ese sitio web edite el contenido del archivo y
haga las respectivas modificaciones.

Como es la comunicación entre el cliente y el servidor con PHP:

1. En la barra del navegador debemos escribir la dirección y el archivo a


solicitar.
2. El navegador envía el mensaje a través de Internet a la computadora
llamada solicitando la página.
3. El servidor web, recibe el mensaje y al ver que la extensión es "PHP"
solicita al intérprete de PHP (que es otro programa que se ejecuta en el
servidor web) que le envíe el archivo.
4. El intérprete PHP lee desde el disco el archivo.
5. El intérprete PHP ejecuta los comandos contenidos en el archivo y
eventualmente se comunica con un gestor de base de datos.
6. Luego de ejecutar el programa contenido en el archivo envía éste al
servidor web.
7. El servidor web envía la página al cliente que la había solicitado.
8. El navegador muestra en pantalla el archivo que envió el servidor web.”

1.3.3.- DREAMWEAVER.-

Según RODRÍGUEZ, Erika Galicia (2010); “Dreamweaver es un software de


fácil uso para el diseño y creación de sitios web profesionales. Entre las
principales ventajas de Dreamweaver es la edición visual que permite agregar
rápidamente diseño y funcionalidad a las páginas, sin la necesidad de
programar manualmente el código HTML. De una forma muy sencilla y práctica
permite crear tablas, editar marcos, trabajar con capas, insertar
comportamientos JavaScript, etc. a las páginas, permite entre otras cosas

15
trabajar con mapas visuales de los sitios web, gracias a que incluye un
software de cliente FTP completo.

Dreamweaver es una opción profesional para crear sitios web y aplicaciones,


ya que posee una potente combinación de herramientas visuales de diseño,
funciones de desarrollo de aplicaciones y soporte para la edición del código,
características que permiten a los desarrolladores y diseñadores expertos o
inexpertos crear rápidamente sitios web y aplicaciones basados en estándares
de calidad. Ofrece un avanzado soporte de diseño en base a CSS y a las
funciones de codificación manual. Los desarrolladores que utilizan este
software pueden hacer uso de su tecnología de servidor preferida para crear
potentes aplicaciones en internet destinadas a conectar a los usuarios a las
bases de datos, las fuentes de datos dinámicos y los sistemas heredados.

Una de las grandes ventajas que ofrece este editor sobre otros es su gran
poder de ampliación y personalización del mismo, ya que en este programa,
sus rutinas están hechas en JavaScript-C, lo que le ofrece una gran flexibilidad
en estas materia; haciendo que los archivos del programa no sean
instrucciones de C++ sino, rutinas de JavaScript que hace que sea un
programa mucho más fluido, todo esto hace, que programadores y editores
web creen extensiones para sus programas y lo adapten a su gusto.

Dreamweaver al haber incorporado las más avanzadas metodologías de diseño


profesional, pone de manifiesto el potencial que representa para la comunidad
web el desarrollo abierto basado en estándares y las herramientas básicas que
necesitan los profesionales. Dreamweaver es compatible con todas las
principales tecnologías de servidor como, por ejemplo, ColdFusion, PHP, ASP,
ASP.NET y JSP”.

1.3.4.- AJAX.-

Para EGUÍLUZ PÉREZ Javier (2013), “el término AJAX surgió por primera vez
en una publicación escrita por Jesse James Garrett el 18 de Febrero de 2005
titulada "Ajax: A New Approach to Web Applications". En realidad, el término

16
AJAX es un acrónimo de Asynchronous JavaScript + XML, que se puede
traducir como "JavaScript asíncrono + XML".

Ajax en sí no se trata de una tecnología como tal; en realidad, se trata de varias


tecnologías independientes que se han unido de forma nueva y sorprendente.

Las tecnologías que forman parte de AJAX son:

XHTML y CSS, para crear una presentación basada en estándares.


DOM, para la interacción y manipulación dinámica de la presentación.
XML, XSLT y JSON, para el intercambio y la manipulación de información.
XMLHttpRequest, para el intercambio asíncrono de información.
JavaScript, para unir todas las demás tecnologías.

Para poder desarrollar aplicaciones basadas en AJAX se requiere tener un


conocimiento avanzado de cada una de las tecnologías forman parte de ella.

En las aplicaciones web tradicionales, las acciones que realizan los usuarios en
las páginas como dar clic en un botón o seleccionar un elemento de una lista;
origina que se realicen llamadas al servidor y que una vez que se ha realizado
petición solicitada por el usuario, el servidor se encarga de devolver dicha
acción en una nueva página HTML al navegador que este usando el usuario.

La técnica tradicional para crear aplicaciones web funciona correctamente, pero


no crea una buena sensación al usuario; ya que cuando se realizan constantes
peticiones al servidor, los usuarios deben esperar a que se recarguen las
páginas con los cambios solicitados; si este proceso se repite continuamente
en la aplicación, el uso de la misma se convierte en un proceso bastante
molestoso.

Las aplicaciones basadas en la tecnología AJAX permiten mejorar


completamente la interacción de los usuarios con las páginas, ya que evitan las
constantes recargas de las páginas, debido a que el intercambio de la
información con el servidor se lo deja en un segundo plano. Estas aplicaciones

17
eliminan la actualización constante que se deben realizar a las páginas
mediante la creación de un elemento intermedio entre el usuario y el servidor.
La nueva capa intermedia de AJAX mejora las respuestas de las aplicaciones,
debido a que el usuario nunca se va a encontrar con una ventana del
navegador vacía esperando que se produzca la respuesta del servidor.

Las peticiones HTTP que se realizan al servidor son sustituidas por peticiones
JavaScript las mismas que se realizan al elemento encargado de AJAX. Si
estas son de lo más simples no requieren intervención del servidor, originando
que las respuestas sean de forma inmediata. Si la interacción que solicita el
usuario requiere una respuesta del servidor, esta petición se la realiza de forma
asíncrona mediante AJAX; de este modo, la interacción solicita por el usuario
tampoco se ve interrumpida por actualizaciones a las páginas o largas esperas
por la respuesta desde el servidor.

Desde que surgió esta nueva tecnología, se han desarrollado miles de


aplicaciones web basadas en AJAX. En la mayoría de los casos, AJAX
sustituye completamente a otras técnicas como Flash. Además, en el caso de
las aplicaciones web más avanzadas, las aplicaciones creadas bajo AJAX
pueden llegar a sustituir a las aplicaciones de escritorio.

Entre algunas aplicaciones desarrolladas bajo la tecnología AJAX podemos


citar:

Gestores de correo electrónico: Gmail, Yahoo Mail, Windows Live Mail.


Cartografía: Google Maps, Yahoo Maps, Windows Live Local.
Aplicaciones web y productividad: Google Docs, Zimbra, Zoho.
Otras: Netvibes [metapágina], Digg [noticias], Meebo [mensajería], 30 Boxes
[calendario], Flickr [fotografía].”

1.3.5.- JAVA.-

BLANCO GONZÁLEZ, Victorino (2008) define a: “Java surge en el año 1991


como parte de un proyecto de desarrollo de soporte software para equipos

18
electrónicos de consumo, llevado a cabo por un equipo de SUN que se lo llamo
Green Team. Este primer enfoque le dio a Java una de sus más interesantes
características; que es la portabilidad, dado que la principal característica de
Java era que tenia que funcionar en numerosos tipos de CPUs, y por tanto se
lo ideo para que sea independiente de la plataforma sobre la que funcione.
Esta característica es muy probablemente lo que le permitió a Java convertirse
en el lenguaje por excelencia para la creación de aplicaciones en Internet en la
actualidad

El gran salto para convertirse en un lenguaje de programación para


computadoras se dio en 1995 cuando en la versión 2 del navegador Netscape
se incluye un intérprete para Java, lo que produjo una auténtica revolución en
Internet. En 1997 sale la versión 1.1 con muchas mejoras y adaptaciones, fruto
de una revisión sustancial del lenguaje. Java 1.2 aparece a finales de 1998, el
mismo que más tarde sería rebautizado como Java 2.

SUN describe a Java como "simple, orientado a objetos, distribuido,


interpretado, robusto, seguro, de arquitectura neutra, portable, de altas
prestaciones, multitarea y dinámico". Java 2 es la tercera versión importante del
lenguaje de programación Java, surge de la versión 1.1 sin introducir cambios
sustanciales en su primera versión, simplemente ampliándolo. Java tiene
muchas diferencias con lenguajes similares como C++, empezando por las
posibilidades de ejecución que nos presenta.

Básicamente un programa basado en Java puede ejecutarse como:

Stand Alone: Aplicación independiente.


Applet: Una aplicación especial que se ejecuta en el navegador del cliente.
Servlet: Una aplicación especial sin Interfaz que se ejecuta en servidor.

Java trae consigo un gran número de clases, incluidas gratuitamente en su


entorno de desarrollo para realizar un sin número de variadas tareas que
permiten al desarrollador centrarse en las características más avanzadas de su
proyecto, que facilitaran el trabajo en Java ya que nunca se empieza desde

19
cero. SUN distribuye gratuitamente desde su página web, el entorno de
desarrollo Java llamado indistintamente con estas siglas: JDK, SDK o J2SE.
Este paquete lo constituyen las clases incluidas en java, es decir el API de
Java, el compilador de Java y lo que permite que Java funcionar en nuestros
equipos: el JRE (Java Runtime Enviroment).

El JRE incluye los elementos necesarios para que funcionen los programas que
desarrollados en java en nuestros computadores, principalmente instala la
Maquina Virtual de Java y los plugins necesarios para que funcione con los
navegadores instalados en nuestro sistema operativo. El JRE también se
puede descargar independientemente del entorno de desarrollo, pues se
distribuye en un paquete llamado J2RE.

Java está ideado para ser independiente de la arquitectura sobre la que va a


funcionar y la manera que tiene para conseguir dicha independencia es a
través de la simulación de una máquina software sobre la que funcionen todos
y cada uno de los programas compilados con Java. Es decir, un programa
compilado con Java no tiene código comprensible para ningún procesador, ese
código solo lo entiende la máquina virtual de Java, la que lo traduce a un
código que si pueda ser comprensible por el procesador sobre el que funciona
y además hace que funcione sobre el sistema operativo en el que está
instalado. Por lo tanto la única dependiente que va a tener Java con el
Hardware es la máquina virtual, pues debe conocer lo que tiene por debajo
para llevar a cabo la traducción, pero los programas en Java siempre van a
funcionar sobre una máquina virtual sin importar en donde este instalado.”

1.3.6.- JOOMLA.-

Según José Ramón Albendín Ramírez (2007); “Joomla es un sistema de


gestión de contenidos (CMS); es decir, que es un software que permitirá crear y
administrar las páginas web. Este software utiliza PHP como lenguaje de
programación y MySQL como motor de la base de datos, se instala en un
servidor web y se puede acceder a él a través de un navegador. Es de código
abierto y cualquiera puede descargarlo y utilizarlo libremente.

20
La plantilla y los archivos asociados proporcionan el aspecto visual y el manejo
del sitio web, estos se mantienen separados del contenido del sitio. Esta se
almacena en una base de datos de MySQL.

Los Componentes son elementos del núcleo de Joomla! con una funcionalidad
determinada y que se muestran en el cuerpo principal de la plantilla del sitio
web. Dependiendo del diseño de la plantilla utilizada, suelen estar en el centro
de la página web.

La instalación estándar de Joomla! incluye los siguientes componentes:

Banners (anuncios),
Contactos,
Noticias Externas, Encuestas y Enlaces Web.

Los Módulos amplían las posibilidades de Joomla! proporcionando nueva


funcionalidad al software. Un Módulo es un pequeño artículo de contenido
que puede mostrarse en cualquier parte siempre que la plantilla lo permita.

Los módulos son muy fáciles de instalar en el Administrador (Back-end).

Joomla! incluye los módulos:

Menú Principal
Menú Superior
Selector de Plantilla
Encuestas
Noticias Externas
Contador de Accesos, etc.

Los usuarios de sitios web Joomla pueden dividirse en dos categorías


principales:

21
Los Invitados son sencillamente usuarios de Joomla! que han navegado hasta
encontrar su sitio web. Dependiendo de cómo el administrador ha configurado
el sitio, los invitados podrán navegar libremente por todo el contenido o tener
restringido el acceso a cierto tipo de contenidos, reservados
para usuarios registrados.

Los Usuarios Registrados están registrados en su sitio con un nombre de


usuario y contraseña.”

1.3.7.- ASP.NET.-

Los autores Evjen Bill, Hanselman Scott, Muhammad Farhan, Sivakumar


Srinivasa, Rader Devin (2007), PRATDEPAPADUA JOAN (2004) define
ASP.NET como: “Para participar en el mundo de las aplicaciones web,
Microsoft desarrolló Active Server Pages (ASP), que es un método rápido y
sencillo para desarrollar paginas web, las paginas ASP consistían en una sola
pagina cuyo contenido era una combinación de máscaras y lenguajes. La
eficacia de ASP residía en que podíamos incluir instrucciones de código de
VBScript o jscript en la página ejecutada en el servidor web antes de enviarla al
explorar web del usuario final. Se trataba de una manera fácil de crear páginas
web dinámicas basadas en parámetros dictados por el desarrollador.

A medida que se desarrollaba el modelo de aplicación web, se combinaban


cada vez mas lenguajes con HTML estático para ayudar a manipular el
comportamiento y la apariencia de la página de salida. Con el tiempo, esta
intrincada combinación de tipo de lenguajes, secuencias de comandos y textos
sencillos que se podían colocar en una página ASP típica, comenzó a ser
conocida por los desarrolladores como página de código spaghetti.

ASP evolucionó y se lanzaron nuevas versiones ASP 2.0 y 3.0 fueron muy
populares porque la tecnología facilitaba relativamente la creación de página
web. Su popularidad aumento debido a que aparecieron a finales de los años
90, justo cuando surgió el “puntocom”. En aquella época, se desarrollaron
muchas páginas y portales web nuevos y ASP era una de las tecnologías mas

22
importantes utilizada por usuarios y empresas para su creación. Incluso hoy en
dio, todavía podemos encontrar paginas ASP en internet, incluyendo algunas
páginas web propiedad de Microsoft.

Antes de introducir .net, el modelo clásico proporcionado por ASP y el


desarrollado en visual Basic eran tan diferentes que algunos desarrolladores de
aplicaciones web también desarrollaron aplicaciones del mundo VB. Existía una
gran división pero asp.net se ocupo de rellenar el hueco existente llevando el
modelo de estilo de eventos de visual Basic al desarrollo de aplicaciones web
proporcionando técnicas de administración de estado más necesarias de HTTP
sin estado. Su modelo es mucho mas parecido al modelo de Visual Basic
anterior en el que un desarrollador puede arrastrar y colocar un control e
incluso trabajar con el código que se esconde tras dichos controles para actuar
sobre determinados eventos que se producen durante ciclos vitales.

ASP.NET marca un antes y un después en la era de la programación por


internet. Microsoft ha dado un paso decidido y fundamental hacia la plena
programación en entornos distribuidos, dejando atrás las limitaciones propias
del uso de lenguajes script como VBScript. Gracias a asp.net el programador
puede usar todo el potencial que ofrecen lenguajes como visual basic.net,
visual c.net y visual c#.net. Ello se debe a la nueva arquitectura de
programación que se ha establecido en el nuevo entorno de visual studio.net.

La clave de la interoperabilidad de los distintos lenguajes de una misma


aplicación radica en el nuevo motor de ejecución de lenguajes: Common
Language Runtime (CLR). Se encuentra en el nivel inferior dentro de la
arquitectura .net. El motor CLR se encarga de compilar el código antes de
ejecutarlo, independientemente del lenguaje utilizado por el programador. En
vez de compilar a código binario, CLR crea una representación a un lenguaje
compartido dentro de la estructura .net, el lenguaje MSIL o abreviado IL, que
quiere decir Microsoft Intermediate Languaje.

La primera vez que se ejecuta un código, el motor CLR invoca un compilador


llamado JIT que traduce el lenguaje MSIL en instrucciones propias al

23
procesador del sistema que lo ejecuta, es decir, que la estructura .net puede
adaptarse y ejecutarse en distintos lenguajes y sistemas.

Cabe notar que la arquitectura .net utiliza el mismo motor CLR para compilar
cualquier código escrito en cualquiera de los lenguajes .net; por ello el
rendimiento será el mismo, sea cual sea el lenguaje escogido a la hora de
diseñar la aplicación.

Las aplicaciones ASP.NET se sirven de formularios web para facilitar


enormemente la tarea de diseño y creación. Únicamente con seleccionar y
arrastrar encima del formulario web un determinado control, visual studio .net
se encarga de crear el código HTML correspondiente. Una de las muchas
ventajas que ofrece la estructura asp.net es que, automáticamente, se encarga
de detectar el tipo de navegador utilizado por el cliente a la hora de realizar una
petición a nuestro servidor y, en consecuencia determina la versión HTML que
este soporta. Por ello, el programador de aplicaciones asp.net no tiene que
preocuparse por la compatibilidad con los navegadores, ya que asp.net se
encargara de confeccionar la respuesta adecuada al tipo de navegador que
realiza la consulta”.

1.3.8.- OPENCART.-

Para los autores ÁLVAREZ Maryed, ARLEX Wilmer, CASTRILLÓN Jorge,


MADRIGAL MUÑOZ Luis (2010) y NORIEGA Juanra (2012) Opencart “es una
tienda online que te permite hacer compras por internet, dejando unos
parámetros de usuario como el correo electrónico, la dirección de residencia
y la forma de cómo realizar el pago. Este servicio le da al cliente la rapidez en
la compra, la posibilidad de hacerlo desde cualquier lugar y a cualquier hora. El
proceso de instalación de esta aplicación Web es muy sencillo, debemos
descargar el paquete de Opencart desde la página oficial del
mismo, http://www.opencart.com y hay que recordar tener en cuenta los
requerimientos necesarios para poder lograr la instalación de esta aplicación
web.

24
En la parte de administración de opencart se puede cambiar el lenguaje,
agregar los productos, etc.; desde este sitio se pueden ver cómo van las
compras en la tienda, haciendo un control de toda la tienda, también se puede
implementar una muy buena seguridad del sitio

Se deben tener en cuenta algunos consejos para aumentar la seguridad de una


tienda opencart.

Borrar la carpeta de instalación de Opencart.- Este es un consejo muy


común para cualquier software que se instale en un sitio web, pero recuerda
borrarla una vez que este todo funcionando y en marcha. Opencart tiene un
aviso de error cuando entras en el admin si la carpeta aun esta presente, pero
hazte el favor de borrarla de inmediato, si no quieres que puedan restablecer
todas tus conexiones y sobrescribir todo tu trabajo.

Asegurar los ficheros config de Opencart.- Después de borrar la carpeta de


instalación, hay que asegurarte que nadie pueda manipular los archivos de
configuración, y así conocer los detalles de la estructura de la tienda y como los
detalles de la base de datos.

Cambiar la carpeta “admin”.- Opencart tiene una página de administración


por defecto, a la cual puede acceder cualquier persona; no mucha gente sabe
que es realmente sencillo cambiar esta carpeta y ocultarla en otro lugar. Para
aquello debemos hacer un “buscar y reemplazar” para cambiar todas las
referencias a la palabra “admin” y reemplazarla por la que hayamos elegido,
en este caso “jeffo”.

Restringir el acceso a tu área de administración.- Se puede crear un simple


fichero .htaccess el cual deniegue el acceso a cualquier persona que no
proceda de una dirección IP específica.

Algunas de las características del programa son:

 Open Source

25
 Documentación
 Categorías ilimitadas
 Productos ilimitados
 Fabricantes ilimitadas
 Templatable
 Multi-Lenguaje
 Multi-moneda
 Opiniones del producto
 Valoraciones de productos
 Los productos descargables
 PCI Compliant (Cambio de tamaño automático)
 Múltiples tipos impositivos
 Productos relacionados
 Ilimitado Páginas de información
 Envíos Cálculo Peso
 Sistema de cupón de descuento
 Search Engine Optimization (SEO)
 Ilimitado Sistema Instancia Módulo
 Copia de seguridad y restauración de Herramientas
 Las facturas para imprimir
 Informes de ventas
 Registro de errores”

1.3.9.- CMS (Content Manager System.- Sistema Gestor de Contenidos).-

Según ALVAREZ Miguel Ángel (2008) un Sistema gestor de contenidos; “se


traduce directamente al español como Sistema Gestor de Contenidos. Como
definición lo indica, es un sistema que permitirá gestionar contenidos. En
general, un CMS permite administrar contenidos en un medio digital, en nuestro
caso contenidos de una web.

En términos prácticos, un CMS es una herramienta que permite a un editor


crear, clasificar y publicar cualquier tipo de información en una página web.
Generalmente los CMS trabajan con una base de datos, de modo que el editor

26
simplemente actualiza la base de datos, incluyendo nueva información o
editando la existente.

Una herramienta CMS generalmente contendrá una interfaz que está


compuesta o se basa en formularios, a los que habitualmente se accede por
medio del navegador, en los cuales se puede dar de alta a los contenidos
fácilmente. Esos contenidos luego aparecerán en la página en los lugares
donde se ha indicado al darlos de alta. Por lo tanto, un CMS estará compuesto
de dos partes, un back y un front, siendo el back la parte donde los
administradores publican las informaciones y el front la parte donde los
visitantes pueden ver la información que han sido publicadas por los
administradores.

En el mundo de los CMS hay cientos de posibilidades y de variantes, ya sea


por sus funcionalidades, casos de uso o por las tecnologías que se utilizan para
crear las infraestructuras para la publicación y visualización de contenidos.

Una primera clasificación de CMS se podría dar entre sistemas propietarios y


no propietarios. Digamos que un sistema propietario es el primer ejemplo que
podemos encontrar de CMS, puesto que son herramientas creadas a medida
para actualizar una página web. Cualquier página que se haya creado e incluya
un sistema para actualizarla a través de formularios, o cualquier interfaz que
facilite la publicación, es un sistema CMS. En los inicios de la web no existían
sistemas CMS, comerciales o gratuitos, para gestionar los contenidos de los
sitios, por lo que se tenía que programar un sistema para poder actualizarla
rápidamente, propio para esa web.

Por otra parte, tenemos los CMS no propietarios son sistemas que se han
desarrollado por empresas o instituciones y que se ponen a disposición para
que sean utilizados para la creación de cualquier tipo de página web. Estos
CMS no propietarios son, en muchos de los casos, completamente
configurables, es decir, que sirven para producir cualquier tipo de web con
cualquier clasificación de secciones y contenidos.

27
Otra manera de clasificar los CMS sería en función de la utilización de los
mismos, ya sea para crear una web empresarial, una publicación como revista
o periódico, un blog, un sistema e-learning, un Wiki, una tienda, foro”

1.3.10.- SERVIDORES WEB.-

Según LLANOS P. Yamil (2009): “Un servidor web hace posible que los web
hosting, permitan la posibilidad de alquilar un espacio en un servidor para alojar
los sitios web que usamos diariamente mientras navegamos en Internet.

La función principal de un servidor web es almacenar y administrar los archivos


de un sitio y presentarlos por Internet para que puedan ser visitados y
manipulados por los usuarios. Básicamente, un servidor web es una gran
computadora que almacena y envía datos por medio de Internet. Cuando los
usuarios entran en una página de Internet el navegador se encarga de
comunicarse con el servidor a través de enviar y recibir datos que
determinaran qué es lo que se va visualizar en la pantalla. De ahí que los
servidores web cumplen la función de guardar y transmitir datos de un sitio
según lo que pida el navegador de un usuario visitante de una página web.

Cada uno de los servidores web y de las computadoras que se encuentran


conectadas a Internet tienen asignado una dirección IP única que los identifica
en la red y a través de la cual podemos acceder a su información. La dirección
IP viene a ser como los datos generales de quien remite en una carta postal.
Cuando llegas a un sitio web, se envía un pedido desde la dirección IP del
computador que estas utilizando hacia la dirección IP del servidor. El servidor
web responde enviando la información solicitada a la dirección IP del
computador que lo solicito. Este es el proceso que se realiza cada vez que
entramos y navegamos en un sitio web en Internet.

Sin los servidores web el Internet tal como la conocemos, no existiría, ellos son
como la columna vertebral de toda la estructura que hace que funcione el
Internet. En pocas palabras podemos describir a los servidores web como las

28
vitrinas que permiten a las personas publicar sus sitios en la red mundial que
es el Internet.”

1.3.11.- APACHE.-

Según PÉREZ Ramírez José Alfredo (2010); “Un servidor web no es más que
un programa que ejecuta de forma continua en un ordenador (también se utiliza
el término para referirse al ordenador que lo ejecuta), manteniéndose a la
espera de peticiones por parte de un cliente (un navegador de internet) y que
contesta a estas peticiones de forma adecuada, sirviendo una página. Apache
es el servidor web por excelencia, que hace que cada vez ciento de miles de
servidores reiteren su confianza en este programa, debido a su, robustez,
estabilidad y de fácil configuración, que les proporciona a los usuarios.

La historia de este servidor se remonta al año 1995, cuando comienza el


proyecto del grupo Apache, el cual se basó en un servidor Apache HTTPD de
la aplicación original de NCSA. El desarrollo de esta aplicación original se vio
paralizado tras la marcha del grupo de Rob McCool, debido a lo que varios web
master siguieron creando versiones para sus servidores web hasta que se
contactaron por medio de correo electrónico para seguir con el proyecto de
mantenimiento del servidor web, de está manera se dio origen al grupo
Apache.

Las primeras versiones y sus futuras actualizaciones alcanzaron un gran


implantación como software de servidor en un inicio solo para sistemas
operativos UNIX y posteriormente para Windows. Apache al igual que el
sistema operativo Linux, es una muestra de que el trabajo voluntario y
cooperativo dentro de Internet es capaz de producir aplicaciones de calidad
muy profesionales difíciles de igualar. Alguna de las razones por las que
Apache se ha convertido en un software libre muy reconocido en muchos
ámbitos empresariales y tecnológicos son:

Apache es una tecnología gratuita cuyo código fuente es totalmente abierto. El


hecho de ser gratuito es importante pero no tanto como que se trate de código

29
fuente abierto. Esto le da una transparencia a este software de manera que si
queremos ver que es lo que estamos instalando como servidor, lo podemos
saber, sin ningún secreto.

Apache es un servidor altamente configurable de diseño modular. Es muy


sencillo ampliar las capacidades del servidor Web Apache. Actualmente existen
muchos módulos para Apache que son adaptables a este, y están ahí para que
los instalemos cuando los necesitemos.

Apache trabaja con gran cantidad de lenguajes de script, también trabaja con
Java y páginas JSP. Teniendo todo el soporte que se necesita para tener
páginas web dinámicas. Apache te permite personalizar la respuesta ante los
posibles errores que se puedan dar en el servidor. Es posible configurar
Apache para que ejecute un determinado script cuando ocurra un error en
concreto. Apache permite la creación de ficheros de log a medida del
administrador, permitiéndole tener un mayor control sobre lo que sucede en el
servidor.

1.3.12.- APPSERV.-

Según OYHENARD Jorge (2012); “AppServ es un software que permite la


instalación en el entorno Windows de los siguientes paquetes:

Apache Web Server.


Lenguaje PHP.
Base de datos MySQL.
Manejador de base de datos phpMyAdmin.

Es muy fácil de hacer, solo se debe dar doble click sobre el instalador que se
baje de Internet y luego ir dando siguiente, tantas veces como sea necesario
hasta que quede totalmente instalado.

Al dar doble clic en el icono del instalador que bajamos, dar click en siguiente
(next).

30
Aparece el acuerdo de licencia, ahí se debe aceptar el acuerdo (I Agree). En
este punto, se debe seleccionar en cual de los discos duros (particiones) y en
que carpeta vamos a instalar el AppServ, o sea: c:\AppServ, y dar click en
siguiente (Next).

En este punto se debe seleccionar los componentes que se van a instalar,


deben aparecer activados los cuatro elementos disponibles (apache, mysql,
php, phpmyadmin) si bien puedes desmarcar alguno, es mejor instalar todos
para tener completo tu equipo de testeo y desarrollo Web, dar click en siguiente
(Next).

En este punto se debe indicar el nombre del servidor (localhost), el email del
administrador del sistema y el puerto (80), recuerda que puedes dar siguiente y
dejar lo que sugiere el programa.

Configuración MySQL, en este punto se debe prestar atención, ya que hay que
indicar el password, para el usuario principal de la base de datos. Por tanto el
usuario será root, que es por defecto (luego se pueden crear mas, todos los
que quieras) y la contraseña es la que se acaba de escribir. Dar click en
siguiente (Next).

Para culminar la instalación, podemos elegir si al terminar, ya se comenzara a


utilizar el Server Apache y el servidor de base de datos MySQL. Dar click en
Finalizar (Finish).

1.3.13.- EASYPHP.-

ALVAREZ Miguel Ángel (2006) define EASYPHP como: “Un programa muy
interesante para los usuarios que desean en un tiempo muy corto dedicarse a
trabajar con PHP sobre la plataforma de Windows, sin tener que instalar y
configurar todos los servidores y módulos necesarios para trabajar con este
lenguaje de creación de páginas web del lado del servidor.

En realidad EasyPHP no es un solo programa, sino que son tres en uno, por un

31
lado tenemos a Apache, el servidor más popular de páginas web; a MySQL, la
base de datos más utilizada de código libre y a PHP, el lenguaje o tecnología
para realizar páginas web con mas diversidad de uso, además ofrece
programación en el servidor, acceso a bases de datos, etc. EasyPHP es un
programa que permite disponer de los tres componentes indispensables para
programar con PHP en nuestro propio ordenador, con una descarga rápida y
una instalación sin ningún tipo de problemas o necesidades de configuración
adicionales.

Una vez descargado, la instalación es inmediata y en pocos minutos se puede


tener la posibilidad de probar si todo ha ido bien. Para empezar, se debe abrir
EasyPHP, si es que no se lo tiene abierto; en el botón inicio - todos los
programas, tendremos una entrada nueva llamada EasyPHP y dentro un icono
para ejecutar EasyPHP. Esto abrirá una ventana, donde podemos verificar el
estado de nuestros servidores PHP y MySQL, si están iniciados correctamente
o detenidos. En esta ventana podremos arrancar o parar los servidores según
sea la función que deseamos que realice.

Si los servidores se encuentran iniciados, para ver si todo funciona


correctamente, se debe escribir en nuestro navegador la siguiente dirección
http://localhost/, de donde va a aparecer la página de inicio de nuestro servidor
que pondrá un mensaje relacionado con EasyPHP:

Para continuar, debemos colocar algún archivo en la carpeta de publicación de


documentos en el servidor web; esa carpeta puede ser C:\Archivos de
programa\EasyPHP1-8\www si nosotros colocamos dentro de esta carpeta
algún archivo, como puede ser practica.php, podremos acceder al archivo a
través de la siguiente dirección http://localhost/practica.php dentro de nuestro
navegador web.

Si sale el contenido del archivo que hemos creado es que todo marcha muy
bien. Además se puede incluir unas cuantas instrucciones PHP para ver si se
ejecutan correctamente las instrucciones que hemos colocado en el archivo
creado.

32
EasyPHP no requiere que se configure nada para poder comenzar a trabajar;
sin embargo, se puede modificar ciertas características de la configuración
inicial para adaptarlas a las necesidades de nuestro ambiente de trabajo. Esto
se lo debe hacer desde la barra de estado, donde debería estar el icono de
EasyPHP en caso que el programa se encuentre en estado de ejecución.
Dando clic en el botón derecha del mouse sobre el icono del programa se
puede acceder a una serie de opciones entre las que se encuentran las que
permiten configurar las opciones de los servidores.

Se puede configurar cualquier característica del Apache, PHP o MySQL.


El programa no se queda ahí, sino además instala algunos complementos
ideales para comenzar a trabajar con PHP y bases de datos MySQL, como
PhpMyAdmin, que es un gestor de base de datos bastante interesante. El
acceso a PhpMyAdmin quedará bloqueado para el uso de otros equipos
conectados, dado que se instala como un directorio virtual de Apache con
acceso restringido a la red local.

1.3.14.- XAMPP.-

Según ALVAREZ Miguel Ángel (2007) y SEIDLER Kai Oswald (2010);


“XAMPP es una forma fácil de instalar la distribución Apache que contiene
MySQL, PHP y Perl. XAMPP es realmente simple de instalar y usar; lo único
que se debe hacer es descargar el instalador, descomprimirlo y comenzar a
trabajar.

La filosofía detrás de XAMPP es la construcción de una versión fácil de instalar


para los desarrolladores que quieren ingresar a trabajar en el ambiente de
Apache. Para hacer más fácil el trabajo para los desarrolladores, XAMPP está
configurado con todas las funciones activadas. Lo que realmente hace especial
a XAMPP es que tiene distribuciones para distintos sistemas operativos; así
que podemos usarlo en casi en cualquier sistema operativo que podamos tener
instalados en nuestros equipos. Podemos encontrar el programa y la
documentación en la página oficial del producto: como es
http://www.apachefriends.org/en/xampp.html

33
En este momento existen versiones de XAMPP:

 XAMMPP para Linux


 XAMPP para Windows
 XAMPP para Solaris
 XAMPP para Mac OS X

XAMPP para Linux.- La versión para sistemas bajo plataforma Linux contiene:

 Apache
 MySQL
 PHP & PEAR
 Perl
 ProFTPD
 phpMyAdmin
 OpenSSL
 GD
 Freetype2
 Libjpeg
 Libpng
 Gdbm
 Zlib
 Expat
 Sablotron
 Libxml
 Ming
 Webalizer
 pdf class
 ncurses
 mod_perl
 FreeTDS
 Gettext
 Mcrypt
34
 Mhash
 eAccelerator
 SQLite
 IMAP C-Client.

XAMPP para Windows.- la versión para los sistemas operativos de Windows


contiene:

 Apache
 MySQL
 PHP + PEAR
 Perl
 mod_php
 mod_perl
 mod_ssl
 OpenSSL
 phpMyAdmin
 Webalizer
 Mercury Mail Transport System para Win32 y NetWare Systems v3.32
 JpGraph
 FileZilla FTP Server
 Mcrypt
 eAccelerator
 SQLite
 WEB-DAV + mod_auth_mysql.

XAMPP para Mac OS X.- La versión para Mac OS X está compuesta por:

 Apache
 MySQL
 PHP & PEAR
 SQLite
 Perl

35
 ProFTPD
 phpMyAdmin
 OpenSSL
 GD
 Freetype2
 Libjpeg
 Libpng
 Zlib
 Ming
 Webalizer
 mod_perl
 eAccelerator.

XAMPP para Solaris.- La versión para Solaris contiene los siguientes


componentes:

 Apache
 MySQL
 PHP & PEAR
 Perl
 ProFTPD
 phpMyAdmin
 OpenSSL
 Freetype2
 Libjpeg
 Libpng
 Zlib
 Expat
 Ming
 Webalizer
 pdf class.

36
La instalación de XAMPP es tan sencilla como entrar a la página de XAMPP,
descargar la última versión y ejecutar el instalador. Luego una vez instalado se
puede administrar los servidores a través de un panel de control que se
encuentra en Botón Inicio – Todos los Programas - Apache Friends - XAMPP.

Una vez que se ha instalado el programa se puede abrir el panel de control de


XAMPP para inicializar los servidores, al menos Apache para comenzar a
trabajar. Si se ha iniciado Apache correctamente se puede acceder a la página
de inicio del servidor con el que se está trabajando desde la siguiente dirección
http://localhost/; debe aparecer una página web del servidor XAMPP, que nos
confirme que todo está correctamente.

1.4.- BASE DE DATOS.-

1.4.1.- MySQL.-

MUÑOZ Alejandro (2009) define a: “MySQL como un sistema de gestión de


base de datos que funciona ya sea bajo un esquema de código libre, que
permite ver su código fuente y editarlo, como también con una licencia
comercial que permite incluir este producto con código cerrado. MySQL se ha
convertido en el sistema de gestión de bases de datos más utilizado en
Internet, por su fácil uso, su licencia libre y una velocidad considerable.
Funciona bajo el esquema relacional y utiliza el lenguaje de cuarta generación
SQL para especificar cuales son las operaciones que se pretenden realizar.

Está compuesto de un servidor que es multihilo y multiusuario, que nos


permite realizar varios trabajos en un solo momento, o dentro del mismo
servidor, y que es accesible desde varios usuarios, los mismos que pueden
tener diferentes derechos conservando la seguridad para el uso en entornos
abiertos como es el Internet.

A diferencia de otros Sistemas Manejadores de Bases de Datos Relacionales,


MySQL cuenta con diversos motores de almacenamiento que definen la

37
velocidad de acceso, las transacciones, entre otros puntos. Se puede escoger
entre:

 MyISAM
 Merge
 InnoDB
 BDB
 Memory/heap
 MySQL Cluster
 Federated
 Archive
 CSV
 Blackhole

De los cuales MyISAM es usado como el motor por defecto; entre sus
ventajas esta su velocidad, pero no cuenta con características como
transacciones ACID y bloqueo de registros. InnoDB es el nuevo motor por
defecto a partir de la versión 4.x es más lento, pero se lo puede considerar
más avanzado en características, como es la integridad de los datos.

MySQL es una base de datos flexible que permite seleccionar entre muchas
características como es usar un servidor MySQL en una sola máquina o
usarla en clusters. MySQL esta ideado para un uso medio, normalmente
ventajoso en velocidad en comparación con otros SMBDR, sin embargo no se
lo debe considerar para el uso con grandes bases de datos a las cuales se va
a estar accediendo constantemente.

MySQL se destaca por su gran flexibilidad a la hora de compilarse. Funciona


bajo AIX, BSD, FreeBSD, HP-UX, GNU/Linux, Mac OS X, NetBSD, Novell
Netware, OpenBSD, OS/2 Warp, QNX, SGI IRIX, Solaris, SunOS, SCO
OpenServer, SCO UnixWare, Tru64, eBD, Windows 95, Windows 98,
Windows NT, Windows 2000, Windows XP, Windows Vista y otras versiones
de Windows y OpenVMS. Además cuenta con enlaces e interfaces con casi

38
todos los lenguajes de programación: C, C++, C#, Perl, PHP, Java, Python,
Eiffel, Smalltalk, Lisp, Ruby, Pascal, Delphi, Gambas, REALbasic, FreeBASIC,
y Tcl además de contar con MyODBC.

MySQL se ha integrado con el cuarteto ya tan usado por todos como es: Linux
+ Apache + MySQL + PHP, mejor conocido como LAMP. Esta combinación se
ha convertido en el centro de la Web en los actuales momentos. Muchos de
los proyectos de Sistemas de Manejo de Contendido (CMS) como Joomla,
Drupal, Mambo, WordPress, hacen uso de esta esta tecnología. Sin duda
alguna, el administrador web debe estar familiarizado, como mínimo con este
SGBDR, a pesar de que MySQL ofrece muy buenas herramientas de
administración.”

1.4.2.- PHPMYADMIN.-

Para RINCON TORRES, Lady (2008) y CREARCHILE (2012); “PHPMyAdmin


es un software de código abierto, diseñado para manejar la administración y
gestión de bases de datos MySQL a través de una interfaz gráfica de usuario
sobre la red en el ámbito mundial. Escrito en PHP, phpMyAdmin se ha
convertido en una de las más populares herramientas basadas en web de
gestión de MySQL.

PhpMyAdmin es compatible con una amplia gama de operaciones con


MySQL, la mayoría de las operaciones de uso frecuente son compatibles con
la interfaz de usuario (administrar base de datos, tablas, campos, relaciones,
índices, usuarios, permisos, etc.), mientras que usted todavía tiene la
capacidad de ejecutar cualquier sentencia de SQL directamente, soporta
todas las operaciones de uso común tales como la navegación, crear y
modificar base de datos MySQL, tablas, campos e índices.

PhpMyAdmin también permite administrar los usuarios MySQL y asignar los


privilegios de los usuarios. Otra característica de phpMyAdmin es la función
de importación, permite importar base de datos MySQL de copia de

39
seguridad, también se puede exportar base de datos en formato CSV, SQL,
XML, Excel y otros.

1.5.- GESTIÓN DE VENTAS.-

1.5.1.- FUERZA DE VENTAS.-

Los autores Mark W. Johnston y Greg W. Marshall (2004) definen que: “La
gestión de ventas en primer lugar las compañías modernas saben que las
ventas son un elemento indispensable de una buena estrategia de marketing.
De hecho, hoy en día es muy frecuente que las ventas se analicen como uno
de los temas de la sala de consejo. En segundo lugar, administrar una fuerza
de ventas es un proceso dinámico. Los programas de administración de ventas
deben formularse de modo que respondan debidamente a las circunstancias
del ambiente de una empresa y ser congruentes con las estrategias de
marketing de la compañía.

Es esencial que la gestión de ventas cuente con buenas políticas y practicas


para que, así, la empresa pueda aplicar con éxito sus estrategias de marketing
y de competencia. Para entender el alcance de la tarea de la gestión de ventas
podríamos definirla como todas las actividades, los procesos y las decisiones
que abarcan la función de la gestión de ventas de una empresa.

Muchas personas tienen un concepto equivocado de lo que es el proceso de


las ventas, de las actividades que realizan los vendedores y de las
características personales que se necesitan para hacer una carrera exitosa en
el campo de las ventas.

La buena administración de las fuerzas de ventas de una compañía incluye tres


series interrelacionas de decisiones o procesos.

1. Formulación de un programa de ventas.- El programa de ventas debe


tomar en cuenta los factores del entorno que enfrenta la empresa. Los
ejecutivos de ventas organizan y plantean las actividades generales de las

40
ventas personales y las suman a los demás elementos de las estrategias
de marketing de la empresa.
2. Aplicación del programa de ventas.- Implica seleccionar el personal de
ventas adecuado, así como diseñar e implementar las políticas y los
procedimientos que dirigirán sus esfuerzos hacia los objetivos deseados.
3. Evaluación y control del programa de ventas.- Implica elaborar métodos
para observar y evaluar el desempeño de la fuerza de ventas. Cuando el
desempeño no es satisfactorio, la evaluación permite hacer ajustes al
programa de ventas o a su aplicación”

1.5.2.- COMERCIO TRADICIONAL.-

Según SCHNEIDER Gary (2004); “Comercio tradicional además de comprar o


vender, las empresas realizan otras actividades que las mantienen en el
negocio, por ejemplo el vendedor de un producto debe identificar la demanda,
promover su producto ante los compradores potenciales, aceptar pedidos,
entregar su producto, facturar y recibir el pago de su producto”.

“Los compradores de un producto también trabajan en actividades adicionales:


deben examinar sus necesidades, identificar los productos o servicios que
pudieran cubrirlas y evaluarlas. Posteriormente, los compradores deben
ordenar el producto seleccionado, organizar la entrega y pagar el producto”.

En el comercio tradicional interactúan tanto el comprador como el vendedor,


cada uno con sus actividades de logística de compra-venta, cabe resaltar que
en estas actividades no solo se negocian productos sino también servicios.

1.5.3.- COMPRADOR.-

Para VICENTE Miguel Ángel (2009), SCHNEIDER Gary (2004), JOHNSTON


Mark W. y MARSHALL Greg W. (2004); “Comprador es el sujeto o entidad
responsable de la transacción económica de elegir y adquirir, entre muchas
opciones, el bien o prestación ya sea para uso propio o de terceros. Un
comprador comienza por identificar una necesidad, que puede ser simple,

41
como cuando un individuo decide: Tengo hambre y me gustaría encontrar
algún lugar para comer. Después que los compradores han seleccionado un
producto o servicio, que cubra la necesidad identificada, deben elegir a un
vendedor que pueda proporcionárselos”.

1.5.4.- VENDEDOR.-

Según SCHNEIDER Gary (2004), JOHNSTON Mark W. y MARSHALL Greg W.


(2004); “Un vendedor a menudo realiza investigación de mercado para
identificar las necesidades de los clientes potenciales, inclusos las empresas
que han estado vendiendo el mismo producto o servicio durante años siempre
están buscando formas de mejorar y ampliar sus ofrecimientos”.

1.5.5.- COMERCIALIZACIÓN.-

Según DE LA TORRE Ugarte (2003), JOHNSTON Mark W. y MARSHALL Greg


W. (2004); “Comercialización es el conjunto de las acciones encaminadas a
comercializar productos, bienes o servicios. Las técnicas de comercialización
abarcan todos los procedimientos y maneras de trabajar para introducir
eficazmente los productos en el sistema de distribución. Por tanto,
comercializar se traduce en el acto de planear y organizar un conjunto de
actividades necesarias que permitan poner en el lugar indicado y el momento
preciso una mercancía o servicio logrando que los clientes, que conforman el
mercado, lo conozcan y lo consuman”.

1.5.6.- COMERCIO ELECTRÓNICO.-

Según SCHNEIDER Gary, (2004) y LAUDON Kenneth y GUERCIO TRAVER


Carol, (2010) “Comercio Electrónico son todas las actividades comerciales
realizadas con el uso de tecnologías de transmisión electrónica de datos tales
como las empleadas en internet y la Word Wide Web. El comercio electrónico
no es otra cosa que la transformación de procesos comerciales claves
mediante el uso de tecnologías de internet.

42
Las ventajas del comercio electrónico serian: “Las empresa están interesadas
en el comercio electrónico simplemente porque les ayuda a incrementar sus
ganancias. El comercio electrónico puede incrementar las ventas y reducir los
costos. La publicidad bien hecha en la web puede lograr que el mensaje
promocional de una empresa, incluso pequeña, alcance a clientes potenciales
en todo el mundo. Una empresa puede usar el comercio electrónico para llegar
a estrechos márgenes del mercado que están geográficamente dispersos.

La web es particularmente útil en la creación de comunidades virtuales. Así


como el comercio electrónico incrementa las oportunidades de ventas del
vendedor, también aumenta las oportunidades de compra del comprador.
Identificar nuevos proveedores y socios comerciales. Es más sencillo negociar
los términos del precio y entrega. Los beneficios del comercio electrónico se
extienden al bienestar general de la sociedad. La emisión y llegada, con
seguridad y rapidez, de pagos electrónicos de devoluciones de impuestos”.

El comercio electrónico nos ofrece infinidades de ventajas en las empresas de


procesos comerciales o de servicios claves mediante el uso de las tecnologías
de internet.

Las desventajas del comercio electrónico son: “muchas empresas han tenido
problemas al contratar y retener empleados con habilidades en procesos
tecnológicos. Dificultad de integrar el software de base de datos y
procesamiento de transacciones existentes diseñados para el comercio
tradicional al software del comercio electrónico. Temor de enviar sus números
de tarjetas de crédito a personas que nunca han visto. El entorno legal en que
el comercio electrónico se conduce está lleno de leyes poco claras y
conflictivas.

Otros consumidores están simplemente reticentes al cambio y se sienten


incomodos al ver las mercancías en la pantalla de una computadora, en vez de
verlos físicamente. El comercio electrónico nos ofrece algunas desventajas en
estos procesos tecnológicos comerciales o de servicios a la hora de integrar la
base de datos con el sistema en sí.

43
Las características del comercio electrónico son: Las tecnologías del comercio
electrónico permiten a los comerciantes saber mucho más acerca de los
consumidores, y poder utilizar esta información con más efectividad que en el
pasado.

1. Ubicuidad.- La tecnología de internet/web esta disponible en todos lados,


en el trabajo, en el hogar y en cualquier otro lado de los dispositivos
móviles, en cualquier momento.
2. Alcance global.- La tecnología se extiende mas allá de los limites
nacionales, alrededor de la tierra.
3. Estándares universales.- Hay un conjunto de estándares de tecnología, a
saber de estándares de internet.
4. Riqueza.- Es posible transmitir mensajes de video, audio y texto.
5. Interactividad.- La tecnología funciona a través de interacción con el
usuario.
6. Densidad de la información.- La tecnología reduce los costos de la
información y eleva la calidad.
7. Personalización/adecuación.- La tecnología permite entregar mensajes
personalizados a individuos y grupos.
8. Tecnología social.- Generación de contenidos por parte del usuario y redes
sociales.

Hay varios tipos del comercio electrónico y muchas formas de caracterizarlos.


Los cinco principales son:

 De negocio a negocio (NAN).- se refiere al espectro completo del comercio


electrónico que ocurre entre dos organizaciones. Además de otras
actividades, el comercio NAN incluye compras y procuración,
administración de proveedores, administración de inventarios,
administración de canales de distribución, actividades de ventas,
administración de pagos, así como servicio y soporte.
 De negocio a consumidor (NAC).- se refiere a los intercambios entre
empresas y consumidores; por ejemplo amazon.com, yahoo.com,
schwab.com.
44
 De consumidor a consumidor (CAC).- comprenden transacciones entre dos
o más consumidores. Estos intercambios incluyen o no la participación de
terceros, como es el caso de las subastas e intercambios de eBay. Otras
actividades comprenden: anuncios clasificados, juegos, empleos,
comunicación con base en la web y servicios personales.
 De consumidor a negocio (CAN).- los consumidores pueden unirse para
formar grupos de compradores y presentarse como tal a los negocios en
una relación de consumidor a negocio.
 Comercio móvil (M-COMMERCE).- se refiere al uso de dispositivos
digitales inalámbricos para realizar transacciones web, el comercio
electrónico móvil implica el uso de redes inalámbricas para conectar
teléfonos celulares, dispositivos de bolsillo y computadoras personales para
el servicio web.

1.5.7.- SEGURIDAD DEL COMERCIO ELECTRÓNICO.-

LAUDON Kenneth, (2010), dice que: “La web y el internet en si son cada vez
más vulnerables a los ataques en gran escala, así como a un potencial fallo de
grandes magnitudes. Estos ataques son conducidos cada vez con más
frecuencia por bandas organizadas de criminales que operan en forma global,
sin embargo hay pasos que podemos hacer para proteger nuestros sitios web y
la información personal al utilizar sitios de comercio electrónico en línea.

Una buena seguridad en el comercio electrónico requiere de un conjunto de


leyes, procedimientos, políticas y tecnologías que, en el mayor grado posible,
protejan a los individuos y organizaciones contra el comportamiento inesperado
en el mercado del comercio electrónico “.

 Integridad. Capacidad de asegurar que la información que se muestra en


un sitio Web, o que se transmite o se recibe a través de internet, no haya
sido alterad de ninguna manera por una parte no autorizada.

45
 No repudiación. Capacidad de asegurar que los participantes en el
comercio electrónico no nieguen (es decir, desconozcan) sus acciones en
línea.
 Autenticidad. Capacidad de identificar la identidad de una persona o
entidad con la que se está tratando en internet.
 Confidencialidad. Capacidad de asegurar que los mensajes y los datos
estén disponibles solo para quienes están autorizados a verlos.
 Privacidad. Capacidad de controlar el uso de la información acerca de uno
mismo.
 Disponibilidad. Capacidad de asegurar que un sitio de comercio electrónico
siga funcionando como se espera.

Una transacción normal de comercio electrónico es donde el cliente utiliza una


tarjeta de crédito y el sistema de pago de crédito existente. La transacción tiene
muchos puntos vulnerables.

Hay tres puntos vulnerables en las transacciones de comercio electrónico:


Comunicaciones en internet, servidores y clientes”.

Hay cinco pasos involucrados en la creación de un plan de seguridad de


comercio electrónico:

 Realizar una valoración de los riesgos.


 Desarrollar una política de seguridad.
 Desarrollar un plan de implementación.
 Crear una organización de seguridad.
 Realizar una auditoría de seguridad.

Existen varios métodos de pago en línea en el comercio electrónico: Tarjeta de


crédito 70%, Paypal 14%, Debito 10%, Cheques 4%, Pago contra entrega
(COD) 2%”.

46
Una transacción con tarjeta de crédito en el comercio electrónico funciona de la
siguiente manera:

 El consumidor realiza la compra.


 SSL proporciona una conexión segura con el servidor del comerciante a
través de internet.
 El software mercantil se contacta con la cámara de compensación.
 La cámara de compensación verifica la cuenta y el saldo con el banco
emisor.
 El banco emisor acredita el monto a la cuenta mercantil.
 Se emite un estado de cuenta mensual con el débito por la compra.”

1.5.8.- MARKETING DIGITAL.-

Según Vicente Miguel Ángel (2009); “En la actualidad, casi todas las empresas
utilizan, en mayor o menor medida, internet para comunicarse con sus clientes.
Pero, a pesar de su gran expansión, aceptación e influencia en los
consumidores, suele hacerse un uso parcial de las distintas herramientas y
acciones que, potencialmente, podrían encararse dentro de una campaña de
comunicaciones integradas de marketing.

De todo es sabido que internet se esta convirtiendo en una poderosa


herramienta de marketing, de la cual aun desconocemos todo su potencial y
que, además, esta provocando la aparición de conceptos como comercio
electrónico, marketing interactivo, marketing viral, banner, click throgh. Entre
todos ellos, empieza a destacar el e-mail marketing.

1. Principales características de las comunicaciones en internet. - Algunas de


las principales características presentes en la comunicación en internet son:
1.1. Interactividad
1.2. Personalización
1.3. Flexibilidad
1.4. Cambiante

47
1.5. Alto impacto
1.6. Medible
1.7. Adaptabilidad

2. El plan de comunicaciones en internet.- El plan de comunicaciones en


internet debe seguir las acciones propias del plan de comunicaciones en
general, por formar parte integral de este. Deben aplicar en forma
sistemática, buscando la generación de sinergias entre las distintas
herramientas y canales de comunicación.

Plan de marketing  plan de comunicaciones  plan de comunicaciones


en internet

3. Herramientas de comunicación en internet.- Las herramientas de


comunicación en internet son las siguientes:

3.1. Sitio web.- Los propios sitios web de las organizaciones representan
una tradicional y contundente herramienta de comunicación. La
administración de los contenidos, un diseño grafico acorde al segmento
y a los objetivos organizacionales, y una actualización permanente
representan solo algunas de las consideraciones mas importantes al
momento de diseñar y mantener en forma adecuada un sitio web.

3.2. Banner.- Los banners representan uno de los primeros exitosos


métodos de publicidad utilizados en internet.

4. Publicidad contextual.- La publicidad contextual procura que las piezas


publicitarias se relacionen directamente con el contexto en donde estas son
pautadas; es decir, con el tipo de contenido de la pagina web donde
aparecen los avisos.

5. Marketing de búsqueda.- El marketing de búsqueda describe el empleo de


técnicas de comunicación que hacen uso de los sitios de búsqueda con
fines promocionales.

48
6. Email marketing.- El email-marketing es la utilización del correo electrónico
con ánimo comercial. Se diferencia de otras herramientas de marketing
“tradicional” porque:

 Permite realizar una oferta personalizada y exclusiva a cada persona a


través de un medio inmediato, el email.
 El costo del medio empleado, en este caso el correo electrónico, para
hacer llegar la oferta es muy bajo.
 Los resultados se pueden medir casi de inmediato. Además la capacidad
de testear ofertas es casi infinita, ya que se pueden introducir elementos
de medida personalizados, pudiendo gestionar las compañías de una
manera sencilla.

Para realizar con éxito las campañas de email marketing se deben tener en
cuenta las siguientes claves:

Subject.- Es el componente del email donde se indica de que se trata el


mensaje. Aunque la mayoría de las veces pasa desapercibida su importancia,
la tiene, ya que es el vehículo que decide si el mensaje será leído o no.

Mensaje.- Atender las preferencias de los clientes y tener en cuenta su


capacidad tecnológica a la hora de enviarle el mensaje. Además, tiene que
contener ofertas o información realmente valiosa para el cliente.

Cierre.- Siempre debe existir un link, en forma automática y de manera


voluntaria, pueda optar por no recibir mas mensajes.

Fecha de envío.- Hay que tener en cuenta la fecha en la que se envía el email.

Atención al cliente.- Todas las preguntas o cuestiones que realicen los clientes
deben ser contestadas en un máximo de 24 horas.

7. Boletín de noticias (Newsletter).- El boletín de noticias constituye una


excelente herramienta de comunicación en internet. Es útil, en especial,
49
para construir y reforzar marca, estrechar relaciones con el cliente y mejorar
la imagen corporativa de la empresa, siendo por ende, de suma utilidad en
el marco de las relaciones públicas.

8. Web 2.0.- Es un término utilizado para remarcar una evolución en el uso de


la WWW y en los nuevos modelos de negocios basados en el principio de la
colaboración de los usuarios.

9. Bitácora (blog).- Son sitios web donde se recopilan cronológicamente texto


o artículos de uno o varios autores, que poseen actualización periódica,
apareciendo primero el texto mas reciente. Hacen uso preponderante de la
interactividad y participación de la comunidad, por lo que constituyen una de
las herramientas del web 2.0.

10. Marketing Viral.- Es el empleo de técnicas propias del marketing para


generar difusión de persona a persona aprovechando la teoría de las redes.

11. Otras herramientas de comunicaciones en internet-. Podemos considera


como otras herramientas de comunicación de internet las siguientes:

11.1. Herramientas interactivas tradicionales


11.2. Marketing del rumor (buzz marketing)
11.3. Wiki
11.4. Marketing móvil (Mobile marketing)
11.5. Mundos virtuales

1.6.- CONCLUSIONES PARCIALES DEL CAPÍTULO.-

La investigación está basada en la ciencia sobre las Aplicaciones Web y la


Gestión de Ventas para el desarrollo de la Aplicación Web para la gestión de
ventas para el almacén de repuestos automotrices Castro, que se las concluye
de la siguiente manera:

50
 El uso de las aplicaciones web se ha generalizado y se ha popularizado
gracias a lo práctico y fácil que es el uso de los navegadores web, tanto
por la facilidad para ser actualizados como para el mantenimiento de las
aplicaciones web sin distribuir e instalar software a los miles de usuarios
que hacen uso de estas las nuevas actualizaciones.
 Es esencial que la gestión de ventas cuente con buenas políticas y
prácticas para que; así, la empresa pueda aplicar con éxito sus estrategias
de marketing y de competencia. Para entender el alcance de la tarea de la
gestión de ventas podríamos definirla como todas las actividades, los
procesos y las decisiones que abarcan la función de la gestión de ventas
de una empresa.
 Respecto a los temas, se ha hecho referencia a todos los que estén
asociados a la ciencia sobre las aplicaciones web y la gestión de ventas,
además de cada tema planteado se ha dado una valoración crítica a los
autores y su aporte teórico.
 Se ha mencionado el sector donde se va a realizar la investigación,
pudiendo afirmar que el almacén de repuestos Castro de la parroquia San
Cristóbal de la ciudad de Quevedo, está dispuesto a dejar la
comercialización tradicional e ingresar al mundo tecnológico como es el
comercio electrónico con la finalidad de mejorar sus procesos y la gestión
de ventas de sus productos.

51
CAPÍTULO II. MARCO METODOLÓGICO Y PLANTEAMIENTO
DE LA PROPUESTA.

2.1.- ANÁLISIS.-

2.1.1.- RESEÑA HISTÓRICA ALMACÉN DE REPUESTOS AUTOMOTRICES


“CASTRO”.-

La empresa “Repuestos Automotrices Castro”, está ubicada en la Parroquia


San Cristóbal del cantón Quevedo provincia de Los Ríos; la misma que se
dedica a la comercialización de repuestos automotrices desde el año 2003, su
gerente – administrador es el Sr. Jorge Stalin Castro García; la misma que se
ha constituido en una de las empresas de mayor proyección y productividad
dentro de la ciudad de Quevedo y sus sectores aledaños, gracias a que cuenta
con una gran gama de clientes; ya que goza de gran credibilidad, confianza y
aceptación entre las empresas que se dedican a la venta de repuestos
automotrices en la parroquia San Cristóbal.

2.2.- MODALIDAD DE LA INVESTIGACIÓN.-

2.2.1.- CUALITATIVA.-

La investigación cualitativa es aquella que permitirá la recolección de datos


como instrumento para la base del análisis de materiales narrativos, para el
proceso de interpretación de la investigación que será estudiada.

2.2.2.- CUANTITATIVA.-

Hace uso de la recolección de datos como instrumento de medición numérica


para descubrir preguntas que nos servirán en el proceso de interpretación de
los datos.

52
La modalidad de la investigación será cuali-cuantitativa. Las características
cualitativas de la problemática existente, se determina en base a la observación
y al diálogo permanente con los involucrados de la situación problema. Los
aspectos cuantitativos se ratifican al tabular estadísticamente los resultados de
la investigación de campo realizada a la población respectiva.

2.2.3.- TIPOS DE INVESTIGACIÓN.-

2.2.3.1.- INVESTIGACIÓN – ACCIÓN.-

La finalidad de la investigación - acción es resolver problemas cotidianos e


inmediatos y mejorar prácticas concretas. Su propósito fundamental se centra
en aportar información que guíe la toma de decisiones para programas,
procesos y reformas estructurales.

Este tipo de investigación se empleará con la finalidad de aportar ideas


innovaras en lo que se refiere al comercio electrónico y así dar una solución a
los problemas cotidianos en la actividad de comercialización de los repuestos
en el almacén de repuestos automotriz Castro.

2.2.4.- POBLACIÓN Y MUESTRA.-

2.2.4.1.- POBLACIÓN.-

Población es la totalidad del fenómeno a estudiar, donde las unidades de


población poseen una característica común, la que se estudia y da origen a los
datos de la investigación.

En esta investigación la población son los empleados del almacén de repuestos


automotriz Castro y la ciudadanía de la parroquia San Cristóbal sector Central.

53
Descripción Cantidad
Gerente-Administrador 1
Secretaria 2
Empleados del almacén 5
Población de San Cristóbal 200
Total 208

2.2.4.2.- MUESTRA.-

La muestra está representada por un conjunto de unidades, una porción del


total, que representa la conducta del universo en su conjunto total.

En la presente investigación los métodos, técnicas e instrumentos se aplicaran


al Gerente-Administrador, Secretarias y clientes, además se utilizarán técnicas
e instrumentos a los empleados y a una cierta parte de los ciudadanos de la
parroquia San Cristóbal.

Cuadro de población seleccionada de los ciudadanos de la parroquia San


Cristóbal.

N
x=
(E)2 (N-1)+ 1

Dónde:

x = Tamaño de la muestra = ?
N = Población a investigar = 208
E = Índice de error máximo admisible = 0,05

54
208 208 208
x= 2
x= x=
(0,05) (208)+ 1 0,0025 (208)+1 1,52

Muestra = 136

2.2.5.- MÉTODOS, TÉCNICAS E INSTRUMENTOS.-

2.2.5.1.- MÉTODOS.-

2.2.5.1.1.- MÉTODOS DEL NIVEL EMPÍRICO DEL CONOCIMIENTO.-

2.2.5.1.1.1.- OBSERVACIÓN CIENTÍFICA.-

La observación científica se define habitualmente como la percepción dirigida


de los objetos y fenómenos de la realidad.

Se utilizará este método para observar detenidamente los documentos,


procesos que se utilizan en el almacén, con la finalidad de adquirir
conocimiento respecto al objeto de estudio de la presente investigación.

2.2.5.1.1.2.- RECOLECCIÓN DE INFORMACIÓN.-

La recolección de información implica elaborar un plan detallado de


procedimientos que nos conduzcan a reunir datos con un propósito específico.

Se utilizará este método para identificar la documentación que se utiliza en los


procesos que se llevan a cabo en el almacén de repuestos, empleando
instrumentos de investigación.

55
2.2.5.1.2.- MÉTODO DEL NIVEL TEÓRICO DEL CONOCIMIENTO.-

2.2.5.1.2.1.- INDUCTIVO – DEDUCTIVO.-

Es un método de inferencia basado en la lógica y relacionado con el estudio de


hechos particulares, aunque es deductivo en un sentido (parte de lo general a
lo particular) e inductivo en sentido contrario (va de lo particular a lo general).

Exhibe la manera cómo los hechos particulares están conectados a un todo,


induce la problemática de la comercialización de los repuestos en el almacén,
deduciendo las posibles soluciones a los mismos.

2.2.5.1.2.2.- ANALÍTICO – SINTÉTICO.-

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


estudio en cada una de sus partes para estudiarlas en forma individual
(análisis), y luego se integran dichas partes para estudiarlas de manera
histórica e integral (síntesis).

Se aplicará este método para analizar la información requerida en la solución


del problema y sintetizada en el marco teórico. El análisis se basa en el actor
principal del servicio, que es el usuario interesado en el tema, y nos permitirá
saber a quienes va dirigida la aplicación.

2.2.5.2.- TÉCNICAS.-

2.2.5.2.1.- ENTREVISTA.-

Es una técnica que se utiliza para la recolección de datos que se necesitan


para la investigación, una conversación orientada con una o varias personas,
en la que una es el entrevistador y la otra los entrevistados, dicho dialogo
cuenta con un propósito profesional.

56
La entrevista, se llevará a cabo tanto al personal ejecutivo de la empresa
“Repuestos Automotrices Castro” representado por su Gerente Administrativo.

2.2.5.2.2.- ENCUESTA.-

La encuesta de la muestra recoge información solo de una parte de la


población, seleccionada para formar una parte de la población, seleccionada
para formar una muestra representativa.

La encuesta se aplicará a una pequeña porción de ciudadanos de la parroquia


San Cristóbal del cantón Quevedo como a los pobladores de las regiones
aledañas a su entorno geográfico.

2.2.5.2.3.- OBSERVACIÓN.-

Es el proceso de percibir y captar sistemáticamente y detenidamente como se


desarrolla el fenómeno a estudiar en su aspecto natural, sin manipularlo ni
modificarlo, tal cual ocurre en la vida cotidiana.

La observación nos permitirá conocer, de forma explícita, el objeto de estudio


para luego realizar una descripción y buscar mejoras a los procesos que se
realizan en la comercialización de los productos en el almacén de repuestos
Castro.

2.2.5.3.- INSTRUMENTOS DE INVESTIGACIÓN.-

2.2.5.3.1.- CITAS DE AUTOR.-

Permite indicar que cuando lo que se reseña en cualquier escrito científico es


una paráfrasis o una copia textual afirmado de otros autores.

Se hará uso de las citas de autor para referenciar la autoría de los textos
extraídos, con la finalidad de aclarar puntos clave realizados en la presente
investigación.

57
2.2.5.3.2.- CUESTIONARIOS.-

Un cuestionario es una serie de preguntas diseñadas para generar los datos


necesarios y lograr los objetivos del proyecto de investigación. Estandariza la
redacción y la secuencia de las preguntas.

Se utilizará un grupo de cuestionarios de preguntas cerradas, para poder


recopilar la información necesaria de una forma rápida y confiable, clasificando
las preguntas en relación al problema y a la solución, las mismas que se
utilizaran en las encuestas que se realizaran a la ciudadanía de la parroquia
San Cristóbal y a los empleados del almacén de repuestos Castro.

2.2.5.3.3.- GUÍA DE ENTREVISTAS.-

La guía de entrevista es un formato en el que se encuentran los criterios en


torno a los cuales se desarrolla la entrevista. Este instrumento permite
identificar los aspectos que han de ser evaluados, tener una perspectiva de
indagación definida y valorar a todos los candidatos bajo el mismo parámetro.

Se utilizará una guía de entrevista para obtener información relevante e ir


aclarando el problema, mediante cuestiones claras y precisas al Gerente-
Administrador y a las Secretarias del almacén.

2.3.- INTERPRETACIÓN DE RESULTADOS.-

2.3.1.- INTERPRETACIÓN DE RESULTADOS DE LA EFICACIA DE LOS


PROCESOS MEDIANTE LA ENTREVISTA.-

Mediante las entrevistas realizadas al gerente-administrador y a los empleados


del almacén de repuestos Castro, se pudo identificar que la empresa no puede
informar a sus clientes sobre la existencia de sus productos o el surgimiento de
nuevos repuestos sustitutivos; no ha podido diversificar su medio de
comunicación con los clientes, esto quiere decir que las únicas formas de
comunicación empresa-cliente son: el teléfono, el fax y la presencia física, que

58
la empresa no ha podido ampliar su mercado a las zonas aledañas al cantón
Quevedo, la empresa no cuenta con los suficientes recursos para invertir en la
promoción de sus productos y de sus servicios, esto implica que las campañas
publicitarias no pueden ser extensas y que las mismas muchas veces no tienen
el alcance y la promoción deseada; razón por la cual se ve la necesidad de
realizar una Aplicación Web para la gestión de ventas, que le permita realizar el
proceso de comercialización de sus productos a través de internet

ENTREVISTA AL GERENTE-ADMINISTRADOR.-

Pregunta No. 1.- ¿La empresa cuenta con herramientas tecnológicas, para
la gestión de venta, como por ejemplo el comercio electrónico?

No contamos con ninguna herramienta tecnológica, por el momento todos los


procesos los realizamos manualmente.

Pregunta No. 2.- ¿Le gustaría que la empresa cuente con una aplicación
web para la gestión de ventas, que contribuya al mejoramiento de gestión
de sus ventas?

Claro que me gustaría; ya que he escuchado que de esa manera se puede


lograr incrementar las ventas y ganar más clientes. Si realmente aquello
funciona de esa manera, sería muy bueno que yo pueda incrementar mis
ventas.

Pregunta No. 3.- ¿De qué manera se efectúan los procesos de las ventas
actualmente en la empresa?

Lo que es un proceso normal de ventas de repuestos automotrices, los clientes


vienen al local preguntan por el repuesto que necesitan, si lo tenemos en el
almacén el cliente pregunta por el precio, si le conviene hace la compra y le
entregamos la factura.

59
Pregunta No. 4.- ¿De qué otra manera se efectúa el proceso de las ventas
actualmente en la empresa?

Los clientes más comunes nos suelen llamar por teléfono para preguntar por
algún repuesto o también suelen hacerlo los dueños de los otros locales.

Pregunta No. 5.- ¿Le gustaría implementar una aplicación web en la


empresa para aplicar comercio electrónico y poder gestionar de mejor
manera las ventas?

Si es cierto lo que he escuchado del comercio electrónico, si me gustaría;


aunque también he escuchado que ocasiona problemas.

Pregunta No. 6.- ¿Considera que si se implementa una aplicación web


para la gestión de las ventas a través del comercio electrónico,
contribuirá al mejoramiento del control interno de la empresa?

Creo que sí, porque de esta manera tendríamos los datos de los productos mas
ordenados, lo cual me ayudaría a tomar decisiones más rápido.

Pregunta No. 7.- ¿Qué aspectos considera que deben tomarse en cuenta
en el modelo de la aplicación web?

Que sea de fácil manejo para todos los usuarios, lo ideal sería que sea bonita y
elegante para que la visiten nuestros clientes y que este de acuerdo a las
necesidades de la empresa.

2.3.2.- INTERPRETACIÓN DE RESULTADOS DE LA EFICACIA DE LOS


PROCESOS MEDIANTE LAS ENCUESTAS.-

Mediante las encuestas que se realizaron a la ciudadanía de la parroquia San


Cristóbal se pudo determinar que la mayoría de los encuestados esta de
acuerdo con la implementación de una Aplicación Web para la gestión de

60
ventas que permita agilizar y efectivizar la comercialización de los productos
del almacén a través de la misma.

TABULACIÓN DE LAS ENCUESTAS A LOS CLIENTES.-

Cuadro 1.- ¿Es cliente frecuente de la empresa?


VALOR PORCENTAJES
SI 90 66%
NO 46 34%
TOTAL 136 100%
Fuente: Investigación
Elaboración: Autor

Gráfico 1.- Frecuencia con que los clientes visitan la empresa.

1.- ¿Es cliente frecuente de la empresa?


70

60

50

40
66
30

20
34
10

0
SI NO

Fuente: Investigación
Elaboración: Autor

INTERPRETACIÓN.-

El análisis del gráfico 1 permitió determinar que el 66% de los encuestados son
clientes que con frecuencia realizan sus compras en el almacén.

61
Cuadro 2.- ¿Cómo calificaría la atención que recibe en la empresa?
VALOR PORCENTAJES
MUY BUENA 55 40%
BUENA 66 49%
REGULAR 10 7%
PESIMA 5 4%
TOTAL 136 100%
Fuente: Investigación
Elaboración: Autor

Gráfico 2.- Calificación de la atención que reciben los clientes.

2.- ¿Cómo calificaría la atención que recibe en la


empresa?
60

50

40

30
49
20 40

10
7 4
0
MUY BUENA BUENA REGULAR PESIMA

Fuente: Investigación
Elaboración: Autor

INTERPRETACIÓN.-

En el gráfico 2 se observa que el 49% de los encuestados dicen recibir una


buena atención cuando realizan sus compras en el almacén, el 40% expresó
que la atención que reciben es muy buena y un 11% dijo que la atención que
han recibido ha sido entre regular y mala.

62
Cuadro 3.- ¿Considera Ud. que la empresa informa oportunamente a sus
clientes sobre la existencia de sus productos?
VALOR PORCENTAJES
SI 38 27%
NO 105 73%
TOTAL 143 100%
Fuente: Investigación
Elaboración: Autor

Gráfico 3.- Información oportuna de la existencia de los productos.

3.- ¿Considera Ud. que la empresa informa oportunamente a sus clientes


sobre la existencia de sus productos?
80
70
60
50
40
73
30
20
27
10
0
SI NO

Fuente: Investigación
Elaboración: Autor

INTERPRETACIÓN.-

Los resultados expresados en el gráfico 3 nos permiten determinar que el 73%


de los clientes encuestados piensan que la empresa no les informa
oportunamente de la existencia de los productos con los que cuenta el
almacén; mientras que el 27% expresó que si se les hace conocer.

63
Cuadro 4.- ¿Le resulta dificultoso ir personalmente a la empresa a realizar las
compras?
VALOR PORCENTAJES
SI 81 60%
NO 55 40%
TOTAL 136 100%
Fuente: Investigación
Elaboración: Autor

Gráfico 4.- Se le dificulta ir personalmente a realizar sus compras a las


empresas.

4.- ¿Le resulta dificultoso ir personalmente a la empresa a realizar las


compras?
70

60

50

40

30 60
20 40

10

0
SI NO

Fuente: Investigación
Elaboración: Autor

INTERPRETACIÓN.-

Los datos que se muestran en el gráfico 4 permiten analizar que el 60% de los
clientes se les hace dificultoso asistir personalmente a la empresa a comprar
sus repuestos; mientras que el 40% piensa que no es inconveniente tener que
ir al almacén a realizar sus compras.

64
Cuadro 5.- ¿Cómo calificaría la atención que recibe en la empresa?
VALOR PORCENTAJES
SI 108 86%
NO 18 14%
TOTAL 136 100%
Fuente: Investigación
Elaboración: Autor

Gráfico 5.- Atención que reciben los clientes de parte de la empresa.

5.- ¿Con frecuencia encuentra los repuestos que solicita a la empresa?


90
80
70
60
50
40 86

30
20
10
14
0
SI NO

Fuente: Investigación
Elaboración: Autor

INTERPRETACIÓN.-

En el gráfico 5 se aprecia que el 88% de los encuestados considera que en el


almacén si encuentran los repuestos que solicitan cada que van a realizar una
compra; en tanto, el 14% considera que no encuentran los productos que han
ido a comprar.

65
Cuadro 6.- ¿Le gustaría informarse de los productos existentes en la empresa
a través de internet?
VALOR PORCENTAJES
SI 102 81%
NO 24 19%
TOTAL 136 100%
Fuente: Investigación
Elaboración: Autor

Gráfico 6.- Informarse de los productos existente a través de internet.

6.- ¿Le gustaría informarse de los productos existentes en la empresa a


través de internet?
90
80
70
60
50
40 81
30
20
10 19
0
SI NO

Fuente: Investigación
Elaboración: Autor

INTERPRETACIÓN.-

Según los datos del gráfico 6, el 81% de los clientes encuestados ven con
agrado la necesidad de informarse de los productos con los que cuenta el
almacén a través de internet, mientras que el 19% no ven con agrado dicha
opción.

66
Cuadro 7.- ¿Le gustaría realizar las compras de sus productos a través de
internet?
VALOR PORCENTAJES
SI 76 61%
NO 49 39%
TOTAL 136 100%
Fuente: Investigación
Elaboración: Autor

Gráfico 7.- Realizar la compra de sus productos a través de internet.

7.- ¿Le gustaría realizar las compras de sus productos a través de internet?
70

60

50

40

30 61

20 39

10

0
SI NO

Fuente: Investigación
Elaboración: Autor

INTERPRETACIÓN.-

El gráfico 7, no permite observar que el 61% de los clientes encuestados les


gustaría realizar las compras de los repuestos que se comercializan en el
almacén a través de internet, mientras que el 39% prefieren el método
tradicional de realizar sus adquisiciones.

67
2.4.- PROPUESTA DEL INVESTIGADOR.-

Desarrollar una Aplicación Web para la gestión de ventas en el almacén de


repuestos Castro de la parroquia San Cristóbal de la ciudad de Quevedo,
mediante el empleo de la ingeniería de desarrollo con la metodología OOHDM
(OBJECT ORIENTED HYPERMEDIA DESIGN METHOD), que se la utiliza para
diseñar diferentes tipos de aplicaciones hipermedia como galerías interactivas,
presentaciones multimedia y aplicaciones web.

La aplicación permitirá que el usuario pueda aprovechar el potencial del


paradigma de la navegación de sitios web, en base a las transacciones sobre la
base de la información. La navegación poseerá una estructura de navegación
robusta que es una de las claves del éxito en las aplicaciones hipermedia.

OOHDM propone el desarrollo de aplicaciones hipermedia a través de un


proceso compuesto por cuatro etapas: diseño conceptual, diseño navegacional,
diseño de interfaces abstractas e implementación.

Fig. 1.- Modelo del Ciclo de Desarrollo de aplicación web

Análisis

Diseño
Conceptual

Diseño
Navegacional

Diseño
Interfaz

Implementación

Fuente: Investigación
Elaboración: Autor

68
DISEÑO CONCEPTUAL.- Durante esta actividad se construirá el esquema
conceptual representado por los objetos del dominio, las relaciones y
colaboraciones existentes establecidas entre ellos. El esquema conceptual está
constituido por clases, relaciones y subsistemas.

DISEÑO NAVEGACIONAL.- El modelo navegacional estará construido como


una vista sobre el diseño conceptual, con la construcción de los diferentes
modelos de acuerdo con los perfiles de los usuarios. Cada modelo
navegacional provee una vista subjetiva del diseño conceptual.

DISEÑO DE INTERFAZ ABSTRACTA.- Una vez que las estructuras


navegacionales fueron definidas, se especificarán los aspectos de las
interfaces. Lo que significa que se definió la forma en la cual los objetos
navegacionales van a aparecer, como los objetos de interfaz activarán la
navegación y el resto de la funcionalidad de la aplicación, que transformaciones
de la interfaz será pertinente y cuándo serán necesarios que se efectúen
dichos cambios.

IMPLEMENTACIÓN.- En esta fase, se procedió ha realizar la implementación


del diseño; hasta ahora, todos los modelos fueron construidos en forma
independiente de la plataforma de implementación; en esta fase se tuvo en
cuenta el entorno particular en el cual va a correr la aplicación. Además para
completar el proceso de implementación de la aplicación web en todo su
entorno, se decidió que información es la que va a ser almacenada.

2.5.- CONCLUSIONES PARCIALES DEL CAPÍTULO

 La metodología a utilizar es inductivo-deductivo, aplicando algunas técnicas


tales como: la entrevista, encuestas y la observación para luego interpretar
los resultados realizados en almacén de repuestos automotrices Castro,
estos resultados arrojan ineficacia en algunos procesos.
 Mediante las entrevistas realizadas al gerente-administrador y a los
empleados, así como las encuestas a los clientes del almacén de

69
repuestos automotrices Castro, están de acuerdo con la implementación de
una Aplicación Web para la gestión de ventas.
 La ingeniería de desarrollo para la construcción de la aplicación web a
utilizar es la metodología OOHDM (OBJECT ORIENTED HYPERMEDIA
DESIGN METHOD), la razón de utilizar esta ingeniería es porque el éxito
de esta metodología es la clara identificación de los tres diferentes niveles
de diseño en forma independiente de la implementación., consiguiendo una
buena depuración de la aplicación, que este acorde a las necesidades de
los clientes del almacén de repuestos automotrices Castro.

70
CAPÍTULO III. DESARROLLO DE LA PROPUESTA.

3.1.- TEMA.-

“APLICACIÓN WEB PARA LA GESTIÓN DE VENTAS DE LA


EMPRESA REPUESTOS AUTOMOTRICES CASTRO”.

3.2.- METODOLOGÌA DE DESARROLLO.-

3.2.1.- RECURSOS.-

Los recursos utilizados en el desarrollo de la Aplicación web para el almacén


de repuestos automotrices Castro se enlistan a continuación:

3.2.1.1.- RECURSOS HUMANOS.-

El Presente proyecto fue desarrollado por:

 Ing. Msc. Eduardo Fernández , Director de Tesis


 Ing. Jefferson Xavier Bravo Salvatierra, Autor de Tesis.

3.2.1.2.- RECURSOS INFORMÁTICOS SOFTWARE.-

Cuadro 8.- Cuadro de software.


Software Nombre
Sistema Operativo  Microsoft Windows 7
 Microsoft Word
 Opencart
 Adobe Photoshop
Utilitarios
 MySqlWokbench
 AAAlogo
 Paint
Base de datos  PhpMyAdmin
Lenguajes de programación  PHP
Fuente: Investigación
Elaboración: Autor

71
3.2.1.3.- RECURSOS INFORMÁTICOS HARDWARE.-

Cuadro 9.- Cuadro de hardware.


Cant. Equipo Detalle
Intel (R) Atom (TM) CPU N550
1 Computador portátil
1,5GHZ
1 Impresora Multifunción Epson NX410 Series
1 Memoria USB Capacidad 4 Giga byte
1 Memoria USB Capacidad 8 Giga byte
Fuente: Investigación
Elaboración: Autor

3.2.1.4.- SUMINISTROS DE OFICINA.-

Cuadro 10.- Cuadro de suministros.

Materiales Cantidad PU Subtotal

Cartuchos de impresora 2 30,00 60,00


Esferográficos 2 0,50 1,00
Impresiones de tesis 200 0,10 20,00
Resma de papel 2 4,00 8,00
Anillados de tesis 2 1,00 2,00
Empastado de tesis 2 10,00 20,00
Xerox copias 1000 0,03 30,00
Cds 2 0,50 1,00
TOTAL 142,00
Fuente: Investigación
Elaboración: Autor

72
3.2.1.5.- RESUMEN DE COSTOS.-

Cuadro 11.- Cuadro costo de mano de obra.


Costo
Cantidad Horas Subtotal
Concepto hora
(a) (c ) (a*b*c)
(b)
Salario programador 1 $ 20,00 100,00 $ 2000,00
Uso de computadoras e internet 1 $ 0,50 100,00 $ 50,00
TOTAL $ 2050,00
Fuente: Investigación
Elaboración: Autor

Cuadro 12.- Cuadro de resumen de costos.


Concepto Valor
Materiales de oficina $ 142,00
Costo de mano de obra, uso de computadoras e internet $ 2050,00
TOTAL $ 2192,00
Fuente: Investigación
Elaboración: Autor

3.2.2.- METODOLOGÍA UTILIZADA.-

Para el desarrollo de este trabajo de investigación se obtuvo datos a través de


diferentes métodos, uso de libros, manuales, enciclopedias y el internet,
también se realizó la recopilación de datos e información sobre los diferentes
tipos de herramientas de desarrollo de aplicaciones web existentes en el
mercado; a continuación describimos los métodos utilizados.

3.2.2.1.- ENTREVISTAS – ENCUESTAS.-

Se estableció un diálogo con los administradores y los empleados de la


empresa sobre la necesidad de implementar una aplicación web que facilite la

73
interactividad en el proceso de ventas; para lo cual se tomaron en cuenta las
sugerencias y se las implementó en la aplicación que se desarrollo.

3.2.2.2.- OBSERVACIÓN.-

La observación directa permitió comprobar que pese a los avances


tecnológicos aún no se hace uso a gran escala, de las aplicaciones web, por
razones de carencia de equipos, manejo de software y paquetes, resistencia a
la innovación, entre otras. Por tal razón pretendemos resolver acertadamente
estos problemas con el desarrollo de esta aplicación interactiva, que propicie el
fortalecimiento del proceso de ventas en la empresa de repuestos automotrices
Castro.

3.2.2.3.- METODOLOGÍA OBJECT ORIENTED HYPERMEDIA DESIGN


METHOD (OOHDM).-

La metodología OOHDM, ha sido utilizada para diseñar diferentes tipos de


aplicaciones hipermedia como galerías interactivas, presentaciones multimedia
y aplicaciones web. El éxito de esta metodología es la clara identificación de los
tres diferentes niveles de diseño en forma independiente de la implementación.

Es necesario, entonces, mantener separadas las distintas decisiones de diseño


según su naturaleza (conceptual, navegacional, de interfaz) y aplicar las
tecnologías adecuadas a cada capa en el proceso de implementación.

OOHDM propone el desarrollo de aplicaciones hipermedia a través de un


proceso compuesto por cuatro etapas: diseño conceptual, diseño navegacional,
diseño de interfaces abstractas e implementación.

Diseño Conceptual.- Durante esta actividad se construyo el esquema


conceptual representado por los objetos del dominio, las relaciones y
colaboraciones existentes establecidas entre ellos. Además se establecieron
las relaciones y subsistemas; los atributos fueron representados bajos
perspectivas diferentes a las mismas entidades del mundo real. Se uso

74
notación similar a UML (Lenguaje de Modelado Unificado). El esquema de las
clases consistió en un conjunto de clases conectadas por relaciones. Los
objetos son instancias de las clases. Las clases serán usadas durante el diseño
navegacional para derivar nodos, y las relaciones que son usadas para
construir los enlaces de la aplicación web.

Diseño Navegacional.- En esta fase se diseño la vista de la aplicación sobre


el diseño conceptual, en base a la construcción de modelos diferentes de
acuerdo con los perfiles de los usuarios. Cada modelo navegacional está
provisto de una vista subjetiva del diseño conceptual.

En el diseño de navegación se expresaron dos esquemas: el esquema de


clases navegacionales y el esquema de contextos navegacionales; como:
nodos, enlaces y estructuras de acceso. La semántica de los nodos y los
enlaces son las formas tradicionales de las aplicaciones web, y las estructuras
de acceso, tales como índices o recorridos guiados, representarán los posibles
caminos de acceso a los diferentes nodos. Los nodos están enriquecidos con
un conjunto de clases especiales que permiten de un nodo observar y
presentar atributos (incluidos las anclas), así como métodos (comportamiento)
cuando se navega en un particular contexto.

Diseño de Interfaz Abstracta.- En está etapa se definió la forma en la cual los


objetos navegacionales pueden aparecer, cómo los objetos de interfaz
activarán la navegación y el resto de la funcionalidad de la aplicación, qué
transformaciones de la interfaz son pertinentes y cuándo es necesario
realizarlas.

En el modelo de interfaz ADVs (Vista de Datos Abstracta) se especificaron la


organización y comportamiento de la interfaz, pero la apariencia física real o de
los atributos, y la disposición de las propiedades de las ADVs en la pantalla real
serán hechos en la fase de implementación.

75
Implementación.- Hasta ahora, todos los modelos fueron construidos en forma
independiente de la plataforma de implementación; en esta fase se tomo en
cuenta el entorno particular en el cual se va a correr la aplicación.

Al llegar a esta fase, el primer paso fue definir los ítems de información que son
parte del dominio del problema. Se identificó también, cómo son organizados
los ítems de acuerdo con el perfil del usuario y su tarea; se decidió que interfaz
deberían verse y cómo deberían comportarse. A fin de implementar todo en un
entorno web, se decidió además qué información va a ser almacenada.

3.3.- DESCRIPCIÓN DE LA PROPUESTA.-

El desarrollo de la Aplicación Web se divide en fases, las mismas que se


explican con mayor detalle:

3.3.1.- FASE DE ANÁLISIS.-

Haciendo un análisis de la situación actual del proceso de ventas en el almacén


de repuestos Castro, se estableció que el mismo se lo hace por el método
tradicional, donde los clientes deben ir hasta el almacén, preguntar si tienen el
repuesto que necesitan, esperar a que sean atendidos, y muchas veces al no
encontrar el producto deseado se enojan y se retiran descontentos con el
almacén. Por estos motivos ya analizados y mediante diálogos con los
administradores de la empresa, se planteo la necesidad de desarrollar una
aplicación web para la gestión de ventas, que logre que los clientes puedan
acceder y adquirir los productos que se ofertan en la empresa sin necesidad de
ir personalmente al almacén.

76
3.3.2.- FLUJO DE INFORMACIÓN.-

3.3.2.1.- DIAGRAMAS DE CASOS DE USO.-

3.3.2.1.1.- CASO DE USO ADMINISTRACIÓN DEL SISTEMA.-

Fig. 2.- Caso de Uso – Administración del sistema.

Administrar Noticias

Administrar Banners

Enviar E-mails

Administrador
Administrar productos

Administrar usuarios

Fuente: Investigación
Elaboración: Autor

77
3.3.2.1.2.- CASO DE USO GESTIÓN VENTAS.-

Fig. 3.- Caso de Uso –Gestión Ventas.

Gestionar Usuario

Gestionar Categoría
Administrador

Administrar Sistema

Gestionar producto

Gestionar Carro_Compras

Gestionar Cliente

Cliente

Fuente: Investigación
Elaboración: Autor

3.3.2.1.3.- CASO DE USO VALIDAR USUARIO.-

Fig. 4.- Caso de Uso – Validar usuario.

Validar Usuario

Verificar permiso

Administrador
Otorgar permiso
Cliente

Fuente: Investigación
Elaboración: Autor

78
3.3.2.1.4.- CASO DE USO REGISTRAR COMPRA.-

Fig. 5.- Caso de Uso – Registrar compra.

Notificar Compra

Pagar Compra
Cliente

Sistema
Emitir Comprobante Envío

Actualizar Stock

Fuente: Investigación
Elaboración: Autor

3.3.2.2.- DIAGRAMA DE TRANSICIÓN DE ESTADOS.

3.3.2.2.1.- DIAGRAMA DE TRANSICION DE ESTADOS – USUARIO SISTEMA.-

Fig. 6.- Diagrama de transición de estados – Usuario Sistema.

Usuario Sistema

<<Usuario>> <<Usuario>>
Ingreso Sistema: Si Ingreso Sistema: No

No Usuario Sistema
Inicio

Fin

Fuente: Investigación
Elaboración: Autor

79
3.3.2.2.2.- DIAGRAMA DE TRANSICION DE ESTADOS - CLIENTES.-

Fig. 7.- Diagrama de transición de estados – Clientes.

Cliente Almacén

<<Cliente>> <<Cliente>>
Compra Realizado: Si Compra Realizado: No

No Cliente Almacén
Inicio

Fin

Fuente: Investigación
Elaboración: Autor

3.3.2.2.3.- DIAGRAMA DE TRANSICION DE ESTADOS - VENTAS.-

Fig. 8.- Diagrama de transición de estados – Ventas.

Venta Realizada

<<Venta>> << Venta>>


Realizada: Si Realizada: No

Venta No Realizada
Inicio

Fin

Fuente: Investigación
Elaboración: Autor

80
3.3.2.3.- DIAGRAMA DE SECUENCIA.

3.3.2.3.1.- DIAGRAMA DE SECUENCIA - LOGIN DEL ADMINISTRADOR.-

Fig. 9.- Diagrama de Secuencia - Login del Administrador.

Fuente: Investigación
Elaboración: Autor

3.3.2.3.2.- DIAGRAMA DE SECUENCIA – REGISTRAR CLIENTE.-

Fig. 10.- Diagrama de Secuencia – Registrar Cliente.

Fuente: Investigación
Elaboración: Autor

81
3.3.2.3.3.- DIAGRAMA DE SECUENCIA – REGISTRAR PRODUCTO.-

Fig. 11.- Diagrama de Secuencia – Registrar Producto.

Fuente: Investigación
Elaboración: Autor

3.3.2.3.4.- DIAGRAMA DE SECUENCIA – REGISTRAR COMPRA.-

Fig. 12.- Diagrama de Secuencia – Registrar Compra.

Fuente: Investigación
Elaboración: Autor

82
3.4.- DISEÑO.-

3.4.1.- BASE DE DATOS.-

3.4.1.1.- MODELO LÓGICO DE LA BASE DE DATOS

Fig. 13.- Modelo Lógico de la Base de Datos.

Fuente: Investigación
Elaboración: Autor

83
3.4.1.2.- MODELO FÍSICO DE LA BASE DE DATOS

Fig. 14.- Modelo Físico de la Base de Datos.

Fuente: Investigación
Elaboración: Autor

84
3.4.1.3.- DICCIONARIO DE DATOS.-

Cuadro 13.- Diccionario de Datos – Tabla Categorías

Fuente: Investigación
Elaboración: Autor

Cuadro 14.- Diccionario de Datos – Tabla Clientes

Fuente: Investigación
Elaboración: Autor

85
Cuadro 15.- Diccionario de Datos – Tabla Usuarios

Fuente: Investigación
Elaboración: Autor

Cuadro 16.- Diccionario de Datos – Tabla Voucher

Fuente: Investigación
Elaboración: Autor

86
Cuadro 17.- Diccionario de Datos – Tabla Productos

Fuente: Investigación
Elaboración: Autor

3.4.2.- DISEÑO DE INTERFACES.-

La aplicación web tiene diseños con colores y fondos muy agradables, dando
una buena impresión al usuario.

87
Fig. 15.- Diseño de la Aplicación Web (Mapa del Sitio).

Fuente: Investigación
Elaboración: Autor

3.5. FASE DE DESARROLLO.-

3.5.1.- ASPECTOS GENERALES.-

Recopilado y seleccionado el contenido se procedió a elegir las herramientas


de software necesarias para el desarrollo de la aplicación, las cuáles se
enumeran a continuación:

 PHP
 OPENCART
 PHAMYADMIN

88
3.5.2.- CODIFICACIÓN.-

CONFIG.PHP

<?php
// HTTP
define('HTTP_SERVER', 'http://localhost/tiendarep/admin/');
define('HTTP_CATALOG', 'http://localhost/tiendarep/');
define('HTTP_IMAGE', 'http://localhost/tiendarep/image/');

// HTTPS
define('HTTPS_SERVER', 'http://localhost/tiendarep/admin/');
define('HTTPS_IMAGE', 'http://localhost/tiendarep/image/');

// DIR
define('DIR_APPLICATION', 'C:\AppServ\www\tiendarep/admin/');
define('DIR_SYSTEM', 'C:\AppServ\www\tiendarep/system/');
define('DIR_DATABASE', 'C:\AppServ\www\tiendarep/system/database/');
define('DIR_LANGUAGE', 'C:\AppServ\www\tiendarep/admin/language/');
define('DIR_TEMPLATE', 'C:\AppServ\www\tiendarep/admin/view/template/');
define('DIR_CONFIG', 'C:\AppServ\www\tiendarep/system/config/');
define('DIR_IMAGE', 'C:\AppServ\www\tiendarep/image/');
define('DIR_CACHE', 'C:\AppServ\www\tiendarep/system/cache/');
define('DIR_DOWNLOAD', 'C:\AppServ\www\tiendarep/download/');
define('DIR_LOGS', 'C:\AppServ\www\tiendarep/system/logs/');
define('DIR_CATALOG', 'C:\AppServ\www\tiendarep/catalog/');
// DB
define('DB_DRIVER', 'mysql');
define('DB_HOSTNAME', 'localhost');
define('DB_USERNAME', 'root');
define('DB_PASSWORD', 'ADMIN2K13');
define('DB_DATABASE', 'tiendacas');
define('DB_PREFIX', 'rep_');
?>

89
FOOTER.PHP

<?php
// Text
$_['text_information'] = 'Información';
$_['text_service'] = 'Servicio clientes';
$_['text_extra'] = 'Extras';
$_['text_account'] = 'Cuenta';
$_['text_contact'] = 'Contáctanos';
$_['text_return'] = 'Devoluciones';
$_['text_sitemap'] = 'Mapa del sitio';
$_['text_manufacturer'] = 'Marcas';
$_['text_voucher'] = 'Vales regalo';
$_['text_affiliate'] = 'Afiliados';
$_['text_special'] = 'Especiales';
$_['text_login'] = 'Inicio sesión';
$_['text_order'] = 'Historial pedidos';
$_['text_wishlist'] = 'Lista de deseos';
$_['text_newsletter'] = 'Boletín de noticias';
$_['text_powered'] = 'Powered By <a
href="http://www.jeffobravo.com">JeffoBS</a><br /> %s &copy; %s //
Traducido por ComputerGarden.com.ve';
$_['text_telephone'] = 'Tel:';
$_['text_fax'] = 'Fax:';
$_['text_email'] = 'E-mail:';
$_['text_skype'] = 'Skype:';

$_['text_about'] = 'Acerca de';


$_['text_delivery'] = 'Inf. de la empresa';
$_['text_terms'] = 'Términos & Condiciones';
$_['text_policy'] = 'Política de Privacidad';
?>

90
FOOTER.TPL

</div>
<div id="footer_area">
<div class="wapper">
<div class="footer_inner_box">
<div class="footer_left_box">
<div class="footer-firrst-links">
<h3><?php echo('Otros Vínculos'); ?></h3>
<ul class="footer_link">
<li><a
href="index.php?route=information/information&amp;information_id=4"><?php
echo $text_about; ?></a></li>

<li><a
href="index.php?route=information/information&amp;information_id=6"><?php
echo $text_delivery; ?></a> </li>
<li><a href="<?php echo $contact; ?>"><?php echo $text_contact; ?></a></li>
<li><a
href="index.php?route=information/information&amp;information_id=7"><?php
echo $text_service; ?></a> </li>
</ul>
</div>
<div class="footer-links">
<ul class="footer_link">
<li><a href="<?php echo $special; ?>"><?php echo $text_special; ?></a></li>
<li><a href="<?php echo $manufacturer; ?>"><?php echo
$text_manufacturer; ?></a></li>
<li><a href="<?php echo $voucher; ?>"><?php echo $text_voucher;
?></a></li>
<li><a href="<?php echo $affiliate; ?>"><?php echo $text_affiliate; ?></a></li>
</ul>
</div>
<div class="footer-links">

91
<ul class="footer_link">
<li><a href="<?php echo $login; ?>"><?php echo $text_login; ?></a></li>
<li><a href="<?php echo $order; ?>"><?php echo $text_order; ?></a></li>
<li><a href="<?php echo $wishlist; ?>"><?php echo $text_wishlist; ?></a></li>
<li><a href="<?php echo $newsletter; ?>"><?php echo $text_newsletter;
?></a></li>
</ul>
</div>
</div>
<div class="footer_right_box">
<div class="f_right_leftbox">
<h3><?php echo('Métodos de Pago'); ?></h3>
<ul class="footer_icon">
<li><a href="#"><img title="" alt=""
src="catalog/view/theme/micra/image/paypal.png"></a> </li>
<li><a href="#"><img title="" alt=""
src="catalog/view/theme/micra/image/visa.png"></a> </li>
<li><a href="#"><img title="" alt=""
src="catalog/view/theme/micra/image/mastercard.png"></a> </li>
<li><a href="#"><img title="" alt=""
src="catalog/view/theme/micra/image/discover.png"></a> </li>
<li><a href="#"><img title="" alt="" src="catalog/view/theme/micra/image/visa-
electrotron.png"></a> </li>
<li><a href="#"><img title="" alt=""
src="catalog/view/theme/micra/image/american-express.png"></a> </li>
</ul>
</div>
<div class="footer_ritht_bar">&nbsp;</div>
<div class="f_right_rightbox">
<h3><?php echo('Datos de Contacto'); ?></h3>
<div class="tel"><span><?php echo $text_telephone; ?></span> <?php echo
$telephone; ?></div>
<div class="email"><span><?php echo $text_email; ?></span> <a
href="#"><?php echo $email; ?></a></div>

92
<div class="fax"><span><?php echo $text_fax; ?></span> <?php echo $fax;
?></div>
<div class="skype"><span><?php echo $text_skype; ?></span> <?php echo
$skype; ?></div>
</div>
</div>
</div>
</div>
</div>
<div class="copyrightBox">
<div class="copyright_network">
<div class="backtop"><a href="#example"><img alt=""
src="catalog/view/theme/micra/image/footer_goto_up.jpg"></a></div>
<p><?php echo('&copy; 2013 <span>Jeffo Bravo Salvatierra</span>. Todos
los derechos reservados'); ?></p>
<div class="copy-right">
<div class="links"><a href="<?php echo $sitemap; ?>"><?php echo
$text_sitemap; ?></a> <a
href="index.php?route=information/information&amp;information_id=5"><?php
echo $text_terms; ?></a> <a
href="index.php?route=information/information&amp;information_id=3"><?php
echo $text_policy; ?></a></div>
<ul class="network">
<li><a href="https://twitter.com/jeffobravo"><img
src="catalog/view/theme/micra/image/footer_twitter.jpg" alt=""></a></li>
<li><a href="https://www.facebook.com/jeffersonxavier.bravosalvatierra"><img
src="catalog/view/theme/micra/image/footer_facebook.jpg" alt=""></a></li>
<li><a href="http://www.skype.com/"><img
src="catalog/view/theme/micra/image/footer_skype.jpg"
alt="jeffobravo2005"></a></li>
<li><a href="#"><img
src="catalog/view/theme/micra/image/footer_youtube.jpg" alt=""></a></li>
</ul>
<script language="javascript">

93
$('a[href=#example]').click(function(){
$('html, body').animate({scrollTop:0}, 'slow');
return false;
});
</script><!-- google_ad_section_end -->
</div></div>
</div></div></div>
</body></html>

3.6.- FASE PRUEBAS.-

En el proceso de desarrollo de la aplicación web, se fueron realizando pruebas


de verificación de posibles errores, mejoras a los efectos de animación, se
establecieron los vínculos correspondientes de cada sub menú, que están
incorporados en la aplicación, se tomaron en consideración las sugerencias
que dieron los administradores y empleados del almacén a las pruebas que se
le realizaron a la aplicación.

3.6.1.- CAJA NEGRA.-

Con esta prueba se pudo demostrar el correcto funcionamiento de los


interfaces de la aplicación web, se realizaron pruebas a las principales
entradas, así como de las salidas de la aplicación para comprobar que se
cumplan los objetivos planteados para un correcto funcionamiento de la tienda
virtual.

Entre las interfaces a las cuales se les aplico la prueba de caja negra tenemos:

 Iniciar sesión.
 Crear una cuenta.
 Búsqueda de productos.
 Mostrar productos.
 Mi cuenta

94
 Lista de deseos.
 Cesta.
 Realizar pedidos.

3.6.2.- CAJA BLANCA.-

Con esta prueba se pudo demostrar que el correcto funcionamiento interno de


los módulos se adaptará a las especificaciones planificadas para cada uno de
ellos y que los componentes internos funcionaran correctamente; es decir, se
pusieron a prueba todos los caminos lógicos utilizados en la programación. En
cuanto a la realización de las pruebas se basaron en testeos a diferentes
niveles, se probó si cada unidad funcionaba correctamente, para lo cual se
tomo como base los principales módulos de los que está formada la aplicación,
como son:

 Config.php
 Footer.php
 Footer.tpl
 Login.php
 Payment.php
 Register.php
 Transaction.php
 Home.tpl
 Login.tpl
 Filemanager.tpl
 Forgotten.tpl
 Header.tpl
 Reset.tpl

95
3.7.- REQUERIMIENTOS PARA INSTALAR.-

3.7.1.- REQUERIMIENTOS DE HARDWARE.-

Cuadro 18.- Requerimientos de hardware.


Hardware Requerimientos
Memoria RAM 2 GB
Procesador Intel (R) Core(TM) i3-2120 CPU 3.30 GHz @ 3.30 GHz
Disco Duro 500 GB
Fuente: Investigación
Elaboración: Autor

3.7.2.- REQUERIMIENTOS DE SOFTWARE

Cuadro 19.- Requerimientos de software.


Software Requerimientos
Sistema Operativo Windows 7
Mozilla Firefox (Recomendable)
Navegadores Web
Google Chrome
Fuente: Investigación
Elaboración: Autor

3.8.- INSTALACIÓN.-

La aplicación requiere de ciertos requisitos técnicos que deben cumplirse para


que la tienda pueda funcionar correctamente. En primer lugar, el servidor web
debe ser creado para hacer que la tienda este a disposición del público en la
web. Los nombres de dominio y servicios de alojamiento se pueden comprar
fácilmente a un precio asequible. Al seleccionar un servicio de hosting, usted
debe comprobar que estos requisitos de servidor sean suministrados e
instalados en sus servidores web:

 Web Server (preferentemente Apache)


 PHP
 MySQL
96
Estas extensiones deben estar habilitadas para instalar la tienda correctamente
en el servidor web. Para que se cargue la tienda, en el navegador de su
preferencia (recomendable MOZILLA FIREFOX) digitar
http://jeffobravo.com/tiendarep; para ingresar como administrador digitar
http://jeffobravo.com/tiendarep/admin, luego ingresar el nombre del usuario y la
contraseña. También se puede ejecutar la aplicación como localhost (para lo
cual debe tener instalado APPSERV) en su navegador preferido (recomendado
MOZILLA FIREFOX) digitando http://localhost/tiendarep; para ingresar como
administrador digitar http://localhost/tiendarep/admin, posteriormente ingresar el
nombre del usuario y la contraseña.

3.9.- VALIDACIÓN.-

Utilizada por primera vez la aplicación, previa a la obtención de los objetivos


planteados en la planificación se realizaron las respectivas validaciones al
programa; una vez terminadas las mismas se obtuvo el resultado esperado que
es brindar el servicio de comercio electrónico a los clientes del almacén de
repuestos Castro. Para una mejor comprensión sobre el manejo de la
aplicación en el anexo 3, se presenta un manual de usuario que servirá como
guía para entender el funcionamiento de la aplicación web.

97
3.10. CONCLUSIONES PARCIALES DEL CAPÍTULO.-

 Para el diseño de la aplicación web se trabajo en un ambiente totalmente


audio visual como canal de comunicación a través de medios tales como
imágenes estáticas, imágenes en movimiento, texto, animación, hipermedia
y color.
 Para el desarrollo de la aplicación web se ha utilizado herramientas como
OpenCart y Php, y como motor de base de datos se utilizó PhpMyAdmin.
Con el uso de estas tecnologías se ha implementado una aplicación que
permita realizar la gestión de ventas de una manera eficiente y segura a
través de internet.
 Se realizaron las respectivas pruebas a la aplicación web de verificación de
posibles errores como son la de caja negra y la de caja blanca.
 Los requerimientos de instalación de hardware y software no son muchos,
en hardware el costo es muy económico, pudiéndose implementar la
aplicación web en una máquina normal con características básicas a la
tecnología actual y en lo que se refiere a software el costo de diseño y
desarrollo de la aplicación.
 La implementación de la aplicación web generará la adquisición de un
hosting el mismo que será cubierto por los propietarios del almacén de
repuestos automotrices Castro.
 La aplicación aparte de contar con una excelente documentación en lo que
se refiere a la estructura de la base de datos y del funcionamiento de la
misma, también cuenta con una interfaz gráfica amigable y fácil de manejar
para los usuarios de la aplicación.

98
CONCLUSIONES GENERALES.-

Después de haber realizado el análisis respectivo y el desarrollo de la


propuesta de solución a la problemática planteada en el proceso de esta
investigación se han encontrado las siguientes conclusiones:

 La elaboración de un marco teórico totalmente fundamentado permite


aclarar las dudas con respecto al campo de acción, para ser aplicado junto
a la metodología de la investigación, además de ser la clave para alcanzar
el éxito dentro de una investigación.
 El uso de la metodología OOHDM (OBJECT ORIENTED HYPERMEDIA
DESIGN METHOD), permitió cumplir con lo planificado y el estándar del
ciclo de vida de desarrollo de la aplicación (Análisis, Diseño Conceptual,
Diseño Navegacional, Diseño de Interfaz e Implantación), la cual permitió
desarrollar con mayor eficiencia el contenido de la aplicación web.
 La producción de aplicaciones web permiten el desarrollo de la creatividad
y de las destrezas en el manejo de herramientas de diseño y elaboración
de las pantallas, animaciones y efectos de presentación.
 Se seleccionó a Opencart como herramienta de edición de diseño, porque
es la herramienta más adecuada para la elaboración del diseño y
presentación de pantallas para e-commerce, con una mayor productividad
e integración con otras aplicaciones de diseño web.
 Como lenguaje de programación se empleó PHP, que es el lenguaje bajo el
cual está desarrollado Opencart y por su compatibilidad con aplicaciones
para e-commerce.
 AppServ se utilizó como medio de integración fácil y sencilla entre Apache,
PHP, MySQL y PHPMYADMIN componentes indispensables para
programar con PHP.
 Mediante la implementación de la aplicación web en el almacén de
repuestos automotrices Castro, la empresa logró ingresar en el mundo de
la tecnología y del comercio electrónico.

99
RECOMENDACIONES.-

Una vez culminada la investigación es necesario determinar las siguientes


recomendaciones para dejar claros varios aspectos de la misma:

 El investigador para crear una aplicación web primero debe recopilar y


depurar la información con el contenido de la aplicación, luego seleccionar
la metodología más adecuada para el diseño y elaboración de la misma.
 Para desarrollar aplicaciones web, se debe elaborar un bosquejo detallado
de la aplicación a crearse, contar con la información más relevante y
necesaria que será parte de la estructura, y tener los conocimientos
necesarios en el manejo de las herramientas que se van a utilizar en el
diseño y desarrollo de la aplicación.
 Para elaborar futuras versiones de la aplicación web, ponerse en contacto
con los propietarios de los derechos de la misma.
 Para interactuar mejor con la aplicación, es recomendable leer el manual
de usuario.
 Se debe fomentar el desarrollo de aplicaciones web similares en las
empresas de la ciudad de Quevedo, para de esta manera estar acordes al
avance tecnológico y fomentar la cultura del comercio electrónico entre los
empresarios quevedeños.

100
BIBLIOGRAFÍA.-

 AGUILAR Luis Joyanes, (2008), “Estructuras de datos en Java”, Editorial


McGraw - Hill Interamericana, México, Segunda Edición.
 EVJEN Bill, HANSELMAN Scott, MUHAMMAD Farhan, SIVAKUMAR
Srinivasa, RADER Devin, (2007), “Profesional asp.net 2.0”, Anaya
Multimedia, España, Primera Edición.
 GLASS Michael K., SCOVARNEC Yann Le, NARAMORE Elizabeth,
MAILER Gary, STOLZ Jeremy, GERNER Jadon, (2007), “Fundamentos
Desarrollo Web con PHP, Apache y MySQL”, Editorial Anaya Multimedia,
Madrid - España, Primera Edición.
 GUTIERREZ Abraham, BRAVO Gines, (2007), “PHP 5 a través de
ejemplos”, Alfaomega Grupo Editor, México, Tercera Edición.
 LAUDON Kenneth C., GUERCIO TRAVER Carol, (2010), “E-Commerce
Negocios, Tecnología, Sociedad”, Editorial Prentice Hall - Pearson, México,
Primera Edición.
 PRATDEPAPADUA Joan, (2004), “Domine asp.net”, Alfaomega – Ra-Ma,
España – Tercera Edición.
 RAYPORT Jeffrey F., JAWORSKI Bernard J., (2007), “E-Commerce”,
Editorial McGraw - Hill Interamericana, México, Tercera Edición.
 SIERRA Antonio Martin, (2007), “Desarrollo de Aplicaciones Web con
Asp.Net”, Alfaomega, México, Cuarta Edición.
 SCHNEIDER Gary P., (2007), “Comercio Electrónico”, Thomson Editores,
México, Tercera Edición.
 SCHULZ Ralph G., (2009), “Diseño Web con CSS”, Alfaomega, México,
Cuarta Edición.
 SHORT Daniel, GREEN Garo, (2007), “Dreamweaver 8”, Editorial Anaya
Multimedia, Madrid - España, Tercera Edición.
 VALDES Claudia, CROS Miranda, PLACENCIA LOPEZ Zoe, (2008),
“Adobe Dreamweaver CS3”, Editorial Anaya Multimedia, Madrid - España,
Tercera Edición.

101
 VICENTE Miguel Ángel, (2009), “Marketing y Competitividad – Nuevos
Enfoques para Nuevas Realidades”, Prentice Hall, Argentina, Primera
Edición.
 http://www.phpmyadmin.net/localized_docs/es/Documentation.html,
“Equipo del desarrollo de phpMyAdmin”, (2010) , “phpMyAdmin 4.0.0-dev
Documentación”,
 http://www.adobe.com/es/products/dreamweaver.html, “Adobe Systems
Incorporated.”, (2012), “Adobe Dreamweaver CS6”.
 http://www.mysql.com/, “Oracle Corporation”, (2012), “MySQL El mundo de
la base de datos de código abierto más popular”.
 http://www.apache.com/, “Ideas Chase”, (2011), “The complete apache
resource”.
 http://www.librosweb.es/ajax/, “EGUILUZ PÉREZ Javier ”, (2008),
“Introducción a Ajax”.
 http://docs.oracle.com/javase/tutorial/, “Oracle Corporation”, (2012), “Los
Tutoriales de Java”.
 http://www.aplicacionesempresariales.com/apache-el-servidor-web-mas-
reconocido.html, “Daniel Martin Maldonado”, (2008), “Apache, el servidor
Web más reconocido”.
 http://comercioelectronicoonline.wordpress.com/, “AGUILAR Jorge Mario”,
(2010) “Fundamentos del comercio electrónico, una guía completa”.
 http://download.fromdoctopdf.com/index.jhtml?partner=Y6xdm006&gclid=C
JH8-_PthrcCFcIv4AodzkgAEw
 http://comarcavirtual.com/wordpress/?page_id=248
 http://internetenserio.com/notas/category/manualesdeinternet/opencart-
manualesdeinternet/
 http://shopyshops.com/consejos-para-aumentar-la-seguridad-de-tu-tienda-
opencart/
 http://es.scribd.com/doc/43949696/Marco-Teorico-Aplicaciones
 http://www.opencart.com/index.php?route=feature/feature

102
ANEXOS

ANEXO 1.- MODELO DE ENCUESTA A LOS CLIENTES

UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES


“U N I A N D E S”
FACULTAD DE SISTEMAS MERCANTILES
MAESTRIA EN INFORMATICA EMPRESARIAL

ENCUESTA A LOS CLIENTES EXTERNOS DEL ALMACÉN DE


REPUESTOS AUTOMOTRICES CASTRO

1. ¿Es cliente frecuente de la empresa?

SI ( ) NO ( )

2. ¿Cómo calificaría la atención que recibe en la empresa?

Muy buena ( ) buena ( ) mala ( ) pésima ( )

3. ¿Considera Ud. que la empresa informa oportunamente a sus clientes


sobre la existencia de sus productos?

SI ( ) NO ( )

4. ¿Le resulta dificultoso ir personalmente a la empresa a realizar las


compras?

SI ( ) NO ( )

5. ¿Con frecuencia encuentra los repuestos que solicita a la empresa?

SI ( ) NO ( )

6. ¿Le gustaría informarse de los productos existentes en la empresa a través


de internet?

SI ( ) NO ( )

7. ¿Le gustaría realizar las compras de sus productos a través de internet?

SI ( ) NO ( )
ANEXO 2.- MODELO DE ENTREVISTA AL GERENTE-ADMINISTRADOR Y
EMPLEADOS.

UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES


“U N I A N D E S”
FACULTAD DE SISTEMAS MERCANTILES
MAESTRIA EN INFORMATICA EMPRESARIAL

ENTREVISTA AL GERENTE-ADMINISTRADOR Y EMPLEADOS DEL


ALMACÉN DE REPUESTOS AUTOMOTRICES CASTRO.-

Pregunta No. 1.- ¿La empresa cuenta con herramientas tecnológicas, para la
gestión de venta, como por ejemplo el comercio electrónico?

Pregunta No. 2.- ¿Le gustaría que la empresa cuente con una aplicación web
para la gestión de ventas, que contribuya al mejoramiento de gestión de sus
ventas?

Pregunta No. 3.- ¿De qué manera se efectúan los procesos de las ventas
actualmente en la empresa?
Pregunta No. 4.- ¿De qué otra manera se efectúa el proceso de las ventas
actualmente en la empresa?

Pregunta No. 5.- ¿Le gustaría implementar una aplicación web en la empresa
para aplicar comercio electrónico y poder gestionar de mejor manera las ventas?

Pregunta No. 6.- ¿Considera que si se implementa una aplicación web para la
gestión de las ventas a través del comercio electrónico, contribuirá al
mejoramiento del control interno de la empresa?

Pregunta No. 7.- ¿Qué aspectos considera que deben tomarse en cuenta en el
modelo de la aplicación web?
ANEXO 3.- MANUAL DE USUARIO

AUTOSHOPPING CASTRO

MANUAL DE USUARIO
INGRESO AL SISTEMA.-
Para el ingreso al sistema se lo puede hacer digitando en la barra de
direcciones del navegador de internet la dirección http://localhost/tiendarep.
Cabe destacar que esta aplicación es compatible con “Mozilla Firefox” y
“Google Chrome”. Recomendable que se lo ejecute en el navegador Mozilla
Firefox.

Una vez que hayamos accedido a la aplicación nos aparecerá la siguiente


pantalla:
En el lado izquierdo superior de esta pantalla encontramos la opción para
INICIAR SESION (en caso de ya estar registrados como usuario) o CREAR
UNA CUENTA (en caso de aún no estar registrados como usuario). Las
funciones de esta pantalla son básicamente, la de permitir al usuario elegir el
idioma en el que desea visualizar la aplicación y la otra es la de garantizar que
todos los usuarios que se accedan el sistema estén dados de alta en el mismo.

En el lado derecho superior de esta pantalla encontramos la opción para


seleccionar el idioma y la moneda con la cual se mostraran las opciones de la
aplicación y de los productos que se comercializan en la tienda virtual. Además
de la cesta indicando la cantidad de elementos y el total de la compra que se
está realizando.

Debajo de está opción encontramos: los botones de inicio del sistema, lista de
deseos, mi cuenta, cesta y realizar pedidos; junto con la opción de búsqueda
que nos va a permitir buscar el producto que queremos adquirir.

Luego encontraremos las categorías de los tipos de productos que se


comercializan en el Auto Shopping Castro.
A continuación se encuentra el área donde se muestran los banners de
publicidad.

Posteriormente encontraremos el bloque donde se muestran las marcas de los


productos; luego, los productos más destacados que se comercializan en la
tienda; a continuación, tenemos el área para mostrar los últimos productos que
se han adquirido o los más nuevos; del lado derecho de este bloque podemos
encontrar las categorías de los diferentes productos, junto a varios anuncios
donde se ha colocado la misión, visión y los valores de la empresa.
Debajo de está área encontramos opciones como: acerca de, información de la
empresa, contáctanos, servicio al cliente, especiales, marcas, vales regalos,
afiliados, inicio de sesión, historial de pedidos, lista de deseos, boletín de
noticias, métodos de pagos, datos de contacto, mapa del sitio, términos –
condiciones y políticas de privacidad y los iconos para acceder a las redes
sociales.
COMO INICIAR SESIÓN.-
Dar un clic en la opción INICIAR SESIÓN.-

A continuación ingresar la Dirección e-mail y la Contraseña, y dar un clic en el


botón Inicio de sesión.

Posteriormente en la parte superior izquierda sale el nombre del usuario.


COMO CREAR UNA CUENTA.-
Dar un clic en la opción CREAR CUENTA.-

A continuación se debe ingresar la información requerida por el sistema para


crear la cuenta como son: tus datos personales, tu dirección, tu contraseña,
boletín de noticia; luego activar la opción de He leído y acepto la Información
de la empresa y dar un clic en el botón CONTINUAR.
COMO AGREGAR UN PRODUCTO AL CARRITO DE COMPRAS.-
Seleccionar el producto a comprar escribiéndolo en el botón BUSQUEDA o
seleccionándolo desde su respectiva categoría.
COMO AGREGAR UN PRODUCTO AL CARRITO DE COMPRAS.-
Seleccionar el producto a comprar escribiéndolo en el botón BUSQUEDA o
seleccionándolo desde su respectiva categoría.

Una vez seleccionado el producto se muestra la información del mismo como:


el nombre, la descripción, el precio y si tiene algún descuento el producto.
Además de los botones de AGREGAR AL CARRO, A LA LISTA DESEADA Y
COMPARA PRODUCTO. Dar un clic en agregar al carro para que el producto
quede agregado a nuestra compra.

También se puede dar un clic sobre la imagen del producto para ver de una
manera personalizada las características del producto.
REVISAR LA CESTA DE COMPRAS.-
Una vez que se van adquiriendo los productos a comprar estos se van
agregando en la cesta de compras.

Para poder revisar todos los productos que se han adquirido dar clic en la
opción CESTA en la parte superior izquierda de la pantalla principal, y nos
aparecerá la ventana de cesta con todos los productos adquiridos junto a las
opciones quitar, la imagen, el nombre, el código, la cantidad adquirida, el precio
unitario y el total de cada producto.

En la parte inferior de la ventana están los botones de ACTUALIZAR,


CONTINUAR COMPRANDO y PAGOS, junto que al subtotal y el total de la
compra.
ELIMINAR UN PRODUCTO DE LA CESTA DE COMPRAS.-
Ingresar a la cesta de productos dando un clic en la opción CESTA en la parte
superior izquierda de la pantalla principal, y nos aparecerá la ventana de cesta
con todos los productos adquiridos.

En la parte izquierda de la ventana encontraremos la opción QUITAR, activar la


casilla de verificación junto a cada producto adquirido, para seleccionar el
producto a quitar de la cesta de compras y dar un clic en el botón
ACTUALIZAR.

CONFIGURAR ESTIMAR ENVÍOS & IMPUESTOS.-

En esta opción se puede estimar el costo de envío más los impuestos de


acuerdo al país y la región a donde se debe enviar la compra, para lo cual se
debe seleccionar el país, la región/estado, el código postal; luego dar clic en el
botón OBTENER ESTIMACIÓN para hacer el cálculo del envío, posteriormente
se debe activar la opción de ENVÍO DE TARIFA FIJA y dar clic en el botón
APLICAR ENVÍO para que el costo del envío sea agregado al costo final de la
compra.

CONFIGURAR APLICAR CÓDIGO DESCUENTO.-


En esta opción se puede hacer uso de los cupones de descuento para ser
aplicados en la compra; para lo cual se debe ingresar el código del cupón y dar
un clic en el botón APLICAR CUPÓN.

CONFIGURAR APLICAR CÓDIGO DESCUENTO.-

En esta opción se puede hacer uso de los cupones de descuento para ser
aplicados en la compra; para lo cual se debe ingresar el código del cupón y dar
un clic en el botón APLICAR CUPÓN.
CONFIGURAR USAR VALE REGALO.-

En esta opción se puede hacer uso del vale regalo para ser aplicado en la
compra; para lo cual se debe ingresar el código del vale regalo y dar un clic en
el botón APLICAR VOUCHER.

REALIZAR PAGO DE LA COMPRA.-

Una vez configurada las opciones de la cesta y confirmado que están listo
todos los productos a adquirir en nuestra compra para realizar el pago
correspondiente dar clic en el botón PAGOS.

A continuación el sistema ingresará a la opción COMPRA donde debemos


configurar los detalles del pago y de la entrega de los productos:
OPCIONES DE LA COMPRA.-

Esta opción nos permite seleccionar la forma de configurar los datos de los
clientes para elaborar la factura, los mismos que pueden ser de un NUEVO
CLIENTE (REGISTRAR CUENTA O CUENTA INVITADO) o de un CLIENTE
HABITUAL. Luego dar clic en CONTINUAR para continuar.
DETALLES FACTURACIÓN.-

Esta opción nos permite registrar los datos de los clientes para la elaboración
de la factura. Además se debe seleccionar si el cliente desea suscribirse al
boletín de noticias de Almacén de Repuestos Automotrices Castro, si la
dirección de entrega y facturación es la misma, así como si ha leído y acepta
los términos – condiciones y políticas de privacidad. Luego dar clic en
CONTINUAR para continuar.
DETALLES ENTREGA.-

Aquí se van a mostrar los datos de los clientes para realizar la entrega de los
productos adquiridos. Luego dar clic en CONTINUAR para continuar.

MÉTODO ENTREGA.-

Esta opción permite seleccionar el método de envío preferido para el pedido en


caso de no haberlo hecho anteriormente, además se puede añadir algún
comentario sobre el pedido. Luego dar clic en CONTINUAR para continuar.
MÉTODO PAGO.-

Esta opción permite seleccionar el método de pago preferido para el pedido en


caso de no haberlo hecho anteriormente, además se puede añadir algún
comentario sobre el pedido y se debe aceptar que se ha leído los términos –
condiciones y las políticas de privacidad. Luego dar clic en CONTINUAR para
continuar.

CONFIRMAR PEDIDO.-

Aquí se muestra en detalle todos los productos adquiridos en forma de factura,


junto a los costos de la tarifa de envío. Luego dar clic en CONFIRMAR ORDEN
para continuar.
A continuación se muestra una ventana que nos indica y nos confirma que el
pedido ha sido procesado.

ACCEDER A LAS REDES SOCIALES DE LA EMPRESA.-

A través de esta opción se puede ingresar a las diferentes redes sociales que
tiene la empresa.