Embed Size (px)
Citation preview
UNIVERSIDAD POLITÉCNICA DE SINALOA
PROGRAMA ACADÉMICO DE INGENIERÍA
EN INFORMÁTICA
TESINA
“Estudio comparativo de gestores
de contenido para la elaboración
de tiendas en línea”
Para obtener la acreditación de las estadías
profesionales y contar con los créditos para el
grado de Ingeniero Informática
AUTOR:
Luz Elena Alcantar Peralta
ASESOR:
M.C. Alejandro Pérez Pasten Borja
ASESOR OR:
José Antonio de Jesús Osuna Echeagaray
Mazatlán, Sinaloa, 3 de diciembre de 2018
1
Agradecimientos
Agradezco principalmente a Dios por haberme dado la vida y permitirme haber
llegado hasta este momento tan importante en mi formación profesional.
A mi madre y abuelos, me faltan palabras para agradecer todo lo que han hecho
por mí, pero quisiera darles gracias por haber sido mi mayor apoyo tanto en lo
económico como en lo moral; por asegurarse de que nada me faltara para cumplir con
mis proyectos universitarios, haciendo algunos sacrificios en el camino.
A mi asesor M. C Alejandro Pérez Pasten Borja por su apoyo en el desarrollo de
este trabajo de investigación; agradeciendo el tiempo que dedico para que se obtuviera
el mejor resultado posible.
A la empresa Awiwi Channel por abrir sus puertas para iniciar mi vida laboral, así
como a sus empleados por todo su apoyo en la elaboración de este proyecto.
A la Universidad Politécnica de Sinaloa por haberme dado la oportunidad de
formarme profesionalmente en sus instalaciones y darme las herramientas para
empezar en el área laboral, así como a todos los profesores que aportaron a mi
desarrollo profesional
2
Resumen
El presente documento ha sido realizado por la estudiante Alcantar Peralta Luz
Elena con la finalidad de concluir sus estudios de ingeniería en la Universidad
Politécnica de Sinaloa. En el presente trabajo realiza un estudio comparativo para
determinar cuál es el mejor Sistema Gestor de Contenido (CMS) para la elaboración de
tiendas en línea. La metodología del estudio comparativo fue mediante el análisis y
comparación de características de los distintos CMS destacando sus ventajas y
desventajas para identificar el CMS adecuado para la organización, buscando contar
con los criterios más adecuados para utilizar un CMS dependiendo la tienda a en línea
desarrollar y sus características, que permita facilitar el trabajo al personal y reducir los
tiempos de entrega, lo que consecuentemente traerá beneficios a la organización.
Palabras clave: CMS, Tiendas en línea, Código Libre
Abstract
This document has been made by the student Alcantar Peralta Luz Elena with the
purpose of completing her engineering studies at the Universidad Politécnica de
Sinaloa. In the present work, he carries out a comparative study to determine which is
the best Content Management System (CMS) for the development of online stores. The
methodology of the comparative study was through the analysis and comparison of
characteristics of the different CMS highlighting its advantages and disadvantages to
identify the CMS suitable for the organization, seeking to have the most appropriate
criteria to use a CMS depending on the store to develop and its characteristics, which
makes it easier for staff to work and reduce delivery times, which consequently will bring
benefits to the organization.
Keywords: CMS, Online Stores, Free Code
3
Índice temático
Agradecimientos .............................................................................................................. 1 Resumen ......................................................................................................................... 2 Introducción ..................................................................................................................... 7 Capítulo 1 ........................................................................................................................ 8 1.1 Antecedentes de la empresa ..................................................................................... 9 1.1.1 Historia ................................................................................................................... 9 1.1.2 Localización .......................................................................................................... 10 1.1.3 Objetivos de la institución ..................................................................................... 11 1.1.4 Organigrama ......................................................................................................... 11 1.1.5 Misión ................................................................................................................... 11 1.1.6 Visión .................................................................................................................... 12 1.2 Planteamiento del problema .................................................................................... 12 1.2.1 Propuesta de investigación ................................................................................... 12 1.2.2 Preguntas de la investigación ............................................................................... 13 1.2.3 Hipótesis ............................................................................................................... 13 1.2.4 Objetivos de la investigación ................................................................................ 13 1.2.4.1 Objetivo general ................................................................................................ 14 1.2.4.2 Objetivos particulares ........................................................................................ 14 1.2.5 Justificación .......................................................................................................... 14 1.2.6 Limitaciones y supuestos ...................................................................................... 14 1.2.7 Relevancia ............................................................................................................ 15 Capítulo 2 ...................................................................................................................... 16 2.1 Marco Conceptual ................................................................................................... 17 2.1.1 E-Commerce ........................................................................................................ 17 2.1.1.1 ¿Que es E-Commerce? ..................................................................................... 17 2.1.1.2 Transacción de comercio electrónico ................................................................ 17 2.1.1.3 Ventajas del comercio electrónico ..................................................................... 18 2.1.1.4 Soluciones para el E-Commerce ....................................................................... 18 2.1.2 Plugin .................................................................................................................... 20 2.1.3 SEO ...................................................................................................................... 20 2.1.4 CMS (Sistema gestor de contenido) ..................................................................... 21 2.1.4.1 ¿Que es una CMS? ........................................................................................... 21 2.1.4.2 Ventajas de un CMS .......................................................................................... 21 2.1.4.3 Tipos de CMS .................................................................................................... 21 2.1.4.4 Análisis de los mejores CMS ............................................................................. 21 2.1.4.4.1 Magento .......................................................................................................... 22 2.1.4.4.2 WooCommerce ............................................................................................... 26 2.1.4.4.3 Shopify ............................................................................................................ 28 2.1.4.4.4 Prestashop ..................................................................................................... 31 2.1.4.4.5 OpenCart ........................................................................................................ 35 2.1.4.5 Tabla comparativa ............................................................................................. 38 2.1.4.6 Conclusión ......................................................................................................... 39 Capítulo 3 ...................................................................................................................... 40 3.1 Desarrollo ................................................................................................................ 41
4
3.1.1 Herramientas de desarrollo .................................................................................. 41 3.1.1.1 Gestor de contenido - Prestashop ..................................................................... 41 3.1.1.2 Editor de texto - Sublime Text ........................................................................... 41 3.1.1.3 Servidor local - XAMPP ..................................................................................... 43 3.1.2 Creación del servidor local ................................................................................... 43 3.1.3 Creación de la base de datos ............................................................................... 44 3.1.3 Creación de tienda online ..................................................................................... 46 3.1.3.1 Descarga de Prestashop ................................................................................... 46 3.1.3.2 Instalación de Prestashop ................................................................................. 47 3.1.4 Configuración básica de Prestashop [13] ............................................................. 52 3.1.4.1. Ponerla en modo de mantenimiento ................................................................. 52 3.1.4.10. Último paso y retoques ................................................................................... 57 3.1.4.2. Añadir el logo y un tema ................................................................................... 53 3.1.4.3. Añadir las condiciones generales de venta (CGV) ........................................... 56 3.1.4.4. Añadir una página "acerca de" y una página de "contacto" .............................. 56 3.1.4.5. Organizar y crear las categorías ....................................................................... 56 3.1.4.6. Crear productos ................................................................................................ 56 3.1.4.7. Incluir un medio de pago .................................................................................. 56 3.1.4.8. Incluir un medio de entrega .............................................................................. 56 3.1.4.9. Activar y añadir módulos .................................................................................. 57 Resultados y discusión .................................................................................................. 58 Conclusiones ................................................................................................................. 59 Bibliografía ..................................................................................................................... 60 Glosario ......................................................................................................................... 62
5
Índice de figuras
Figura 1.1 Logotipo de la empresa AWIWI CHANNEL ................................................... 9
Figura 1.2 Ubicación de la empresa AWIWI CHANNEL ............................................... 10
Figura 1.3 Estructura Organizacional Horizontal .......................................................... 11
Figura 2.1 Transacción de comercio electrónico. ......................................................... 17
Figura 2.2 Logo de Magento ......................................................................................... 22
Figura 2.3. Panel de control de Magento ...................................................................... 25
Figura 2.4 Logo de WooCommerce .............................................................................. 27
Figura 2.5 Panel de control de Woocommerce ............................................................. 28
Figura 2.6. Logo de Shopify.......................................................................................... 29
Figura 2.7 Panel de control de Shopify ......................................................................... 30
Figura 2.8 Logo de Prestashop .................................................................................... 32
Figura 2.9. Panel de control de Prestashop.................................................................. 33
Figura 2.10 Logo de OpenCart ..................................................................................... 35
Figura 2.11 Panel de control de Opencart .................................................................... 36
Figura 3.1 Logo de Sublime Text .................................................................................. 40
Figura 3.2 Logo de XAMPP .......................................................................................... 42
Figura 3.3. Panel de control de XAMPP con los servicios de Apache y MySQL
encendidos .................................................................................................................... 43
Figura 3.4 Creación de una base de datos con phpMyAdmin ...................................... 44
Figura 3.5. Creación de un usuario .............................................................................. 44
Figura 3.6 Página de descarga de Prestashop ............................................................. 45
Figura 3.7 Carpeta htdocs. ........................................................................................... 46
Figura 3.8. Pantalla de instalación de Prestashop ........................................................ 46
Figura 3.9 Validación de los contratos de licencias ...................................................... 47
Figura 3.10 Información sobre su tienda ...................................................................... 47
Figura 3.11 Configuración de la base de datos ............................................................ 48
Figura 3.12. Instalación de Prestashop ........................................................................ 49
Figura 3.13 Inicio de Sesión de Prestashop ................................................................. 50
Figura 3.14. Back Office de Prestashop ....................................................................... 51
Figura 3.15. Desactivar tienda. ..................................................................................... 52
Figura 3.16. Tema default de Prestashop 1.6............................................................... 53
Figura 3.17. Tema Warehouse ..................................................................................... 54
6
Índice de fotografías
Fotografia 1.1. Fachada del edificio principal ................................................................ 10
Índice de tablas
Tabla 2.1 CMS vs Desarrollo a medida ......................................................................... 19
Tabla 2.2 Comparativa CMS para e-Commerce ............................................................ 37
7
Introducción
El siguiente documento muestra el trabajo de investigación del proyecto
realizado en la empresa Awiwi Channel dentro del departamento de Desarrollo e
Innovación. El objetivo de este proyecto es identificar el mejor CMS para desarrollar
tiendas en línea de manera más eficaz y eficiente.
No hace tantos años, el proceso de creación de un sitio web podría resultar algo
bastante complejo y laborioso. Se precisaba el conocimiento de diversas tecnologías
como, HTML, JavaScript y CSS para sitios web estáticos y ASP, JSP o PHP, por
nombrar algunas, para un sitio web dinámico.
Así mismo, actualizar el contenido del sitio web también se convertía en una
tarea ardua, debido a que conforme el sitio crecía la jerarquía de páginas se volvía más
compleja, haciendo necesarias herramientas o desarrollos a la medida que incrementa
el coste y complejidad del sitio web.
En definitiva, la necesidad de una herramienta que permitiera la creación de un
sitio web y que al mismo tiempo permitiera su gestión, administración y mantenimiento
se hacía necesaria.
Los sistemas de gestión de contenidos, normalmente llamados CMS (del inglés
content management system) surgieron para responder a esa necesidad.
Actualmente existen una gran variedad de sistemas de gestión de contenidos
disponibles en el mercado y por esa razón el objetivo del presente documento el
identificar el mejor CMS para desarrollar tiendas en línea de manera más eficaz y
eficiente en cuanto al tiempo costo y rápida adaptación al CMS por parte del personal
de desarrollo
8
Capítulo 1
Antecedentes y planteamiento del problema
9
1.1 Antecedentes de la empresa
1.1.1 Historia
La empresa Awiwi Channel fue creada en el año 2014 por el actual SEO de la
empresa, Camilo Vidal, quien, junto a su hermano, crearon una plataforma con el
objetivo de crear sitios web con un excelente rendimiento. Al principio la empresa se
enfocó en el desarrollo web aumentando su personal creativo y migrando a otros
softwares existentes en el mercado que les permitieran crear páginas web más
eficaces.
Naturalmente la empresa comenzó a evolucionar agregando así las siguientes
áreas:
● Campañas. Área que se especializa en optimización y en Google AdWords
● Desarrollo e Innovación. Área especializada en e-Commerce y programación de
sitios web.
● Analítica. Área encargada de medir el impacto que se crea con los sitios web
debido a que todos los servicios digitales son medibles.
● Mercadotecnia. Área encargada de dar consultoría además de hacer que los
servicios que están comprando los clientes tengan el impacto requerido y se
presenten con los tiempos comprometidos por la empresa.
Actualmente la empresa cuenta con dos sedes en el estado de Sinaloa, en las
ciudades de Mazatlán y Culiacán, además de contar con un total de 35 trabajadores
repartidos en las áreas antes mencionadas.
Figura 1.1 Logotipo de la empresa AWIWI CHANNEL
Fuente: https://www.awiwichannel.com/
10
1.1.2 Localización
La empresa Awiwi Channel se encuentra ubicada en la calle Las Palmas #10
Colonia Los Pinos, en Mazatlán, Sinaloa, México. Aunque cabe destacar que la
empresa también tiene presencia en la ciudad de Culiacán, Sinaloa, México.
Fotografía 1.1. Fachada del edificio principal
Fuente propia
Figura 1.2 Ubicación de la empresa AWIWI CHANNEL
Fuente: Google Maps
11
1.1.3 Objetivos de la institución
Destacar como la mejor agencia digital en el noroeste de la república mexicana.
1.1.4 Organigrama
La empresa se encuentra organizada como lo indica la estructura que se
presenta a continuación. (Ver figura 1.3)
Figura 1.3 Estructura Organizacional Horizontal
Fuente Awiwi Channel
1.1.5 Misión
Contar con un ambiente de trabajo agradable y satisfacer las necesidades de los
clientes.
12
1.1.6 Visión
Ser la mejor agencia digital en el noroeste de la república mexicana,
adaptándose a los cambios existentes en el mercado.
1.2 Planteamiento del problema
Actualmente la empresa Awiwi Channel trabaja con el CMS Prestashop, pero,
debido a la gran cantidad de CMS que se encuentran en el mercado actualmente, se
busca analizar si esta es la mejor herramienta para el desarrollo de futuros proyectos.
En el mercado existen una gran cantidad de sistemas de gestión de contenido
los cuales son una herramienta muy útil al momento de crear un sitio web o una tienda
en línea, ofreciéndonos ayuda en la elaboración y modificación de contenidos digitales.
La mayoría de los sistemas de gestión de contenido enfocados a las tiendas en
línea incluyen las mismas funcionalidades, pero lo que los diferencia uno de otros es su
complejidad y su facilidad de uso.
El encontrar un CMS que se adapte a las necesidades del cliente es una tarea
ardua entre la gran cantidad ofertas con las que se cuenta actualmente.
1.2.1 Propuesta de investigación
Por la razón antes mencionada, y con el objetivo de mantenerse a la vanguardia
tecnológica, el área de Desarrollo e Innovación de la empresa Awiwi Channel busca
identificar el sistema gestor de contenido que se adapte mejor a las necesidades de sus
clientes, así como aligerar la carga de trabajo en sus empleados y aumentar la
eficiencia dentro de la empresa.
Se realizará un trabajo de investigación donde mediante un estudio comparativo
de los 5 CMS más relevantes existentes en el mercado y con base en la comparación
13
de sus características como son funcionalidad, facilidad, costos, etc. se determinará el
mejor sistema de gestión de contenidos que existe en el mercado en el año actual 2018
y se adapte a las necesidades que se tiene como empresa.
Este trabajo será realizado por Luz Elena Alcantar Peralta alumna de la
Universidad Politécnica de Sinaloa, mentorada por el MC. Alejandro Pérez Pasten
Borja, profesor de tiempo completo de la universidad antes mencionada.
1.2.2 Preguntas de la investigación
Se han formulado las siguientes preguntas de investigación.
● ¿Cuál es el mejor CMS del mercado?
● ¿Cuáles son los mejores CMS del mercado?
● ¿Cuáles son las características que determinan que un CMS sea el mejor?
● ¿Cómo se desarrolla una tienda en línea mediante un CMS?
1.2.3 Hipótesis
El identificar el mejor CMS nos permitirá desarrollar una tienda en línea de
manera más eficaz y eficiente en cuanto al tiempo, costo, y rápida adaptación al CMS
por parte del personal de desarrollo.
1.2.4 Objetivos de la investigación
A partir del planteamiento del problema y de la propuesta realizada, se han
definido los siguientes objetivos que guiarán el rumbo de la investigación.
14
1.2.4.1 Objetivo general
Contar con el mejor CMS para desarrollar tiendas en línea de manera más eficaz
y eficiente en cuanto al tiempo costo y rápida adaptación al CMS por parte del personal
de desarrollo
1.2.4.2 Objetivos particulares
Los siguientes son los puntos que se refieren a lo que se deberá de tomar en
cuenta para cumplir con el objetivo de la investigación.
- Identificar los 5 CMS más reconocidos del mercado
- Realizar un análisis comparativo entre los mejores CMS encontrados en el
mercado
- Comparar las características entre los CMS seleccionados
- Determinar cuál de los CMS seleccionados previamente se adapta mejor a las
necesidades de los clientes de la empresa.
- Implementar el CMS para una tienda en línea
1.2.5 Justificación
Debido al incremento de CMS en el mercado es necesario identificar e
implementar el mejor CMS para satisfacer la demanda de los clientes y aumentar las
ventas de dicha empresa.
1.2.6 Limitaciones y supuestos
La gran cantidad de sistemas de gestión de contenido existentes en el mercado
supone una limitación debido a que será imposible el análisis de todos. Por ese motivo
esta investigación se centrara sólo en los 5 sistemas de gestión de contenido más
15
relevantes del mercado con base en la comparación de sus características como son
funcionalidad, facilidad, costos, etc.
1.2.7 Relevancia
El desarrollo de este proyecto de investigación resulta de gran utilidad para la
empresa debido a que promete optimizar el flujo de trabajo de esta. Esto beneficiará
tanto a los trabajadores de la empresa como a los clientes finales los cuales tendrán un
mejor control de su tienda una vez el producto final les sea entregado. Asimismo, en la
elaboración del presente proyecto buscará satisfacer demanda de los clientes y
aumentar las ventas de la empresa.
16
Capítulo 2
Estado del arte
17
2.1 Marco Conceptual
2.1.1 E-Commerce
2.1.1.1 ¿Que es E-Commerce?
El comercio electrónico o e-Commerce es cualquier tipo de operación comercial
en la que la transacción se realiza mediante algún sistema de comunicación electrónico,
por lo que no se requiere el “contacto físico” entre comprador y vendedor. [1]
2.1.1.2 Transacción de comercio electrónico
Una transacción de comercio electrónico podría realizarse, más o menos, de la
siguiente manera (ver figura 2.1):
● El cliente se dirige a el sitio web del vendedor para consultar el catálogo de
productos o servicios que este ofrece dependiendo de la actividad de la
empresa.
● Una vez que el cliente ha visto el catálogo, decide adquirir uno de los productos.
Para ello, lo selecciona e indica su deseo de comprarlo.
● El cliente paga el producto a través de un medio de pago electrónico
● El vendedor le confirma su pago y el posible plazo de entrega (en caso de que
sea un producto físico)
● Se envía el producto por algún tipo de empresa de mensajería
● El cliente recibe el producto en su casa.
Figura 2.1 Transacción de comercio electrónico.
Fuente: La Nueva Era Del Comercio: El Comercio Electrónico. Escrito por Eloy Seoane Balado
18
2.1.1.3 Ventajas del comercio electrónico
Algunas de las ventajas de implementar e-Commerce en un negocio son las
siguientes:
● Reduce costos: Abrir una tienda virtual permite a las empresas crecer con menos
recursos al evitar el pago de renta del local, servicios, sueldos, etc. Además de
que internet es un medio de promoción más barato que la publicidad que se
utiliza en medios de comunicación tradicionales.
● Ingresos potenciales las 24 horas, los 7 días de la semana. Esto resulta una gran
ventaja sobre las tiendas convencionales ya que se pueden captar clientes con
horarios de trabajo inusuales o que no tienen tiempo de hacerlo en persona.
● Ventas a nivel internacional
2.1.1.4 Soluciones para el E-Commerce
A la hora de montar una tienda en línea para un negocio existen varias
alternativas, entre las cuales se encuentran un desarrollo a medida o la elección de un
gestor de contenidos [2]
● Gestor de Contenidos Un gestor de contenidos o también llamado CMS (Content
Management System) es un programa informático para administrar y gestionar
los contenidos de una página web. Además de CMS para páginas web estándar,
también existen CMS con orientación específica al e-Commerce. [3]
● Desarrollo a medida Como su nombre indica, el desarrollo a medida ofrece
soluciones ajustadas y específicas a las necesidades de cada cliente. Con ello
se persigue buscar la mejor solución para cada necesidad. Es la solución a los
problemas informáticos para los que no se dispone de una herramienta estándar.
[3]
A continuación, se realiza una tabla comparativa analizando las características
de ambas alternativas:
19
Tabla 2.1 CMS vs Desarrollo a medida
CMS Desarrollo a medida
Velocidad En poco tiempo se puede conseguir un portal completo.
Es una solución lenta, ya que se desarrolla partiendo de cero.
Diseño Utilizan plantillas a las que el cliente debe adaptarse.
Permite adaptar el diseño minuciosamente.
Estabilidad Demuestran gran estabilidad por las herramientas que ayudan a que la solución esté siempre visible y optimizada. Aunque un error provocará mayor retraso en ser estable de nuevo.
No tan estable, pero el margen de error es menor, ya que los ajustes son más fáciles de implementar.
Seguridad y vulnerabilidad
Mucha seguridad, pero no inmune a los ataques de hackers. Un ataque a un CMS provoca el ataque a todas las tiendas implementadas con ese CMS.
Solo medidas convenientes para cubrir las vulnerabilidades más exploradas, ya que un hacker no va a interesarse en un desarrollo a medida.
Escalabilidad Disponen de extensiones algunas tan necesarias como una funcionalidad básica
No disponen de ampliaciones, pero pueden desarrollarse adaptadas a la necesidad del cliente
Simplicidad de uso
Cubren necesidades estandarizadas, y para cubrir el máximo posible, hace que las soluciones sean muy completas y en ciertos casos, innecesarias, lo que implica complejidad a la hora de poder aprovechar a fondo la herramienta.
Al ser a medida, solo se crean funciones específicas, sin extras ni añadidos resultando más fáciles de usar.
20
Precio Bajo. Se paga la mano de obra y la plantilla, que a veces es gratuita.
Muy costoso y mucho tiempo.
A partir de esta comparativa se pueden ver los puntos fuertes de cada
alternativa.
Si lo que el usuario requiere es de un portal corporativo con funciones
estándares, sin duda, es mejor decantarse por un CMS, ya que elegir un desarrollo a
medida podría conducir a una solución final semejante a la estandarizada.
Normalmente empresas pequeñas suelen elegir este tipo de desarrollo.
Si lo que se desea es un sistema específico, la mejor opción será la utilización
del desarrollo a medida.
En conclusión, se puede decir que la elección de una solución u otra dependerá
de la necesidad del cliente.
2.1.2 Plugin
Un plugin o complemento es una aplicación o programa informático que se
relaciona con otra parte para agregarle una función nueva y generalmente muy
específica. Esta aplicación adicional es ejecutada por la aplicación principal e
interactúan por medio de la interfaz de programación de aplicaciones. Su uso es muy
extendido, por ejemplo, en navegadores web para ampliar la funcionalidad de
productos. [4]
2.1.3 SEO
El posicionamiento en buscadores o SEO es la práctica de utilizar una serie de
técnicas que implican la optimización de la página (con los llamados factores on site) y
su socialización en Internet con otras páginas (los llamados factores off site) con la
finalidad de mejorar la posición de un website en los resultados de los buscadores para
unos términos de búsqueda concretos. [5]
21
2.1.4 CMS (Sistema gestor de contenido)
2.1.4.1 ¿Que es una CMS?
Un CMS es un software desarrollado para que cualquier usuario pueda
administrar y gestionar contenidos de una web con facilidad y sin conocimientos de
programación Web.
2.1.4.2 Ventajas de un CMS
Las ventajas más importantes de los CMS son:
● Los programadores y la comunidad están organizados para desarrollar y lanzar
nuevas versiones de estos CMS de forma periódica. [6]
● Existen miles de módulos (o plugin) desarrollados por otros programadores
independientes que nos sirven para complementar el CMS base con nuevas
funcionalidades de forma gratuita o de pago. [6]
● Están diseñados para que una vez implementado el proyecto web, pueda ser el
cliente final quien haga la gestión de contenidos, dejando al desarrollador para
tareas de modificaciones, actualizaciones y mantenimiento. [6]
2.1.4.3 Tipos de CMS
No todas las páginas web son iguales, y para ello tenemos varios tipos de CMS
según el tipo de página que necesitemos. Los hay para blogs, páginas corporativas,
inmobiliarias, tiendas on-line, noticias o magazines, contenidos multimedia, etc.
Sin embargo, los CMS más importantes se pueden dividir en dos grandes
grupos:
● CMS para páginas web
● CMS para tiendas on-line
Para el desarrollo de este proyecto nos enfocaremos solo en los CMS orientados
a la creación de tiendas on-line.
2.1.4.4 Análisis de los mejores CMS
Debido a la gran cantidad de sistemas gestores de contenido existentes en el
mercado esta investigación se basará el Top 10 de CMS para e-Commerce realizado
22
por la página Alexa.com en el año 2018 [7], así como en el análisis realizado por la
empresa 4webs en el mismo año [8].
2.1.4.4.1 Magento
Se trata de una plataforma de e-Commerce basada en Zend, un framework de
código abierto para desarrollar aplicaciones web y servicios web con PHP 5. Es una
plataforma muy configurable y escalable, aunque con unos requisitos altos a nivel de
hosting.
Figura 2.2 Logo de Magento
Fuente: https://magento.com/
Algunas de las características con las que cuenta Magento son las siguientes:
Promociones y precios [9]
● Permite establecer precios de promoción para tiendas específicas,
categorías, segmentos de clientes o productos.
23
● Genera cupones flexibles para tiendas específicas, segmentos de clientes,
períodos, productos y categorías.
● Permite hacer un seguimiento y realizar informes del uso de cupones.
● Permite añadir nuevos atributos a los perfiles de los clientes para crear
segmentos más exclusivos.
● Envía recordatorios automáticos y cupones a clientes con carritos
abandonados y listas de deseos.
Optimización del motor de búsqueda [9]
● Crea direcciones URL compatibles con el motor de búsqueda.
Gestión del sitio y contenido [9]
● Permite controlar múltiples sitios web y tiendas desde un solo
administrador.
● Permite definir múltiples roles y permisos para controlar el acceso a
características administrativas.
● Registrar y revisar todas las actividades del administrador de usuarios.
● Organizar páginas de contenido y agregue paginación, navegación y
menús con una herramienta para el orden de la página.
● Realizar el seguimiento de las revisiones y restaure versiones previas de
páginas de contenido.
● Generar informes integrales del sistema para diagnosticar y resolver
rápidamente los problemas técnicos.
Gestión de catálogo [9]
● Crear productos simples, configurables (p. ej., elija el tamaño, el color,
etc.), en paquetes y agrupados.
● Crear plantillas predefinidas de productos para establecer nuevos
productos rápidamente con un conjunto específico de atributos.
● Asignar un valor en serie a varios productos para actualizaciones de lotes.
● Cambiar el tamaño de las imágenes e incluir sellos de agua en forma
automática.
● Recibir notificaciones cuando haya que reponer el inventario.
Búsqueda en el catálogo [9]
● Filtrar los productos por categorías y buscar resultados por rango de
precio, marcas, muestras de colores y otros atributos con navegación en
capas/facetada.
24
● Presentar los artículos de la categoría de productos en formato de grilla o
lista.
● Personalizar la apariencia y el estilo de las categorías y las páginas de
productos asignados.
● Controlar qué categorías y productos puede ver cada grupo de clientes.
Proceso de pago [9]
● Incluir un minicarrito en las páginas de la tienda para resumir qué
productos hay en el carrito.
● Mostrar montos estimados de impuestos y envíos en el carrito de
compras.
● Ofrece un proceso de pago para los visitantes y los usuarios registrados.
Se reconoce automáticamente a los clientes registrados cuando ingresan
sus direcciones de correo electrónico
Gestión de pedidos y servicio al cliente [9]
● Ver, editar, crear y completar pedidos o facturas desde el panel de
administrador.
● Crear varias facturas, envíos y notas de créditos por pedido para permitir
el cumplimiento dividido.
● Imprimir facturas, comprobantes de embalaje y etiquetas de envío
Análisis e informes avanzados [9]
Acceder a los siguientes informes a través del administrador:
● 75 informes predefinidos de ventas, marketing, cliente y mucho más.
● Cree y edite informes fácilmente.
● 5 paneles predefinidos.
● Integración con fuentes de datos de Magento y Google Analytics.
● 10 usuarios por cuenta, con permisos avanzados.
Diseño y tema [9]
● Especificar los cambios a un tema de base heredada para crear
fácilmente variaciones del sitio según los países, las marcas o las
campañas de temporada.
● Evaluar la IU y la biblioteca de patrones de Magento para permitir un
desarrollo de temas más rápido y más consistente.
25
Rendimiento y escalabilidad [9]
● Mitificar con JavaScript, CDD y HTML, y comprimir imágenes para reducir
el tamaño de los archivos y, así, cargarlos más rápidamente.
● Archivar los pedidos después de un período configurable para incrementar
el rendimiento de la tienda.
● Cuenta con una caja de herramientas de rendimiento de Magento, incluida
para medir y mejorar la velocidad del sitio.
● Procesa las tareas en forma asincrónica para lograr un rendimiento
mejorado mediante un marco de cola de tareas Rabbit MQ
● Habilitar grandes equipos de usuarios administradores para realizar
actualizaciones de productos y pedidos simultáneas.
Figura 2.3. Panel de control de Magento
Fuente: Magento
Las ventajas con las que cuenta Magento son las siguientes: [8]
● Muy potente, se puede realizar casi todo.
● Permite multi tiendas.
● Sistema de búsquedas en Ajax.
● Permite una personalización completa del sitio.
● El panel de administración es el más completo de las 3 herramientas.
26
● Gestión de pedidos muy potente.
● Versión Responsiva integrada por defecto.
● Pago alternativo en el caso de error.
● Compilador de CSS (SaaS/ Compass).
● Muy robusto y seguro.
La desventajas de trabajar con el CMS Magento son las siguientes: [8]
● Comunidad pequeña, poco soporte, prácticamente casi todo en inglés.
● Costes finales altos.
● Instalación y personalización complicada.
● Panel de administración complicado, todavía más para empresas sin
conocimientos informáticos.
● Consume muchos recursos, requiere de un hosting potente.
● El tamaño del archivo de instalación es muy grande.
● Características del servidor bastantes exigentes.
● En caso de tener una tienda con mucho tráfico es posible necesitar un hosting
para el front office y otro para el back end, por lo que el gasto se puede disparar.
● La curva de aprendizaje es muy alta.
● La versión 2 Community Edition es inestable, marca un antes y después de
Magento hacia el pago de licencias.
2.1.4.4.2 WooCommerce
Primero se debe de aclarar que WooCommerce no es un CMS, si no, que es un
plugin de WordPress que habilita toda la funcionalidad necesaria para poder convertir a
WordPress en un e-Commerce. El segundo punto a aclarar es que a pesar de que
WordPress es el sistema de gestión de contenidos orientado a páginas web, esto no
quiere decir que WooCommerce sea el más utilizado para la elaboración de tiendas en
línea.
WooCommerce apareció en 2011 con otro nombre, Woothemes donde su
principal negocio era la venta de plantillas, a partir de ahí evolucionó hasta lo que
conocemos hoy en día.
27
Figura 2.4 Logo de WooCommerce
Fuente: https://woocommerce.com/
Las características de WooCommerce son las siguientes:
● Gestión de diferentes formas de pago.
● Configuración de los gastos de envío.
● Configuración de impuestos.
● Creación de tickets de descuento.
● Atributos diferentes al mismo producto.
● Productos digitales o sólidos.
● Informes de inventario.
● Informes de pedidos.
● Informes de ventas.
● Informes de clientes.
● Gestión de stock.
● Preparado para la gestión del SEO.
● Permite la creación de atributos de productos como por ejemplo pudieran ser las
diferentes tallas o colores.
28
Figura 2.5 Panel de control de Woocommerce
Fuente: Woocommerce
Algunas de las ventajas con las que cuenta son:
● La configuración inicial es muy sencilla y rápida.
● La personalización de los temas es muy sencilla, lo que deriva a que muchas
tiendas pequeñas lo usen.
● La curva de aprendizaje es tremendamente rápida, si has usado WordPress te
será muy sencillo aprender.
● Gestión de módulos de pago.
Algunas de las desventajas son las siguientes:
● Por desgracia dispone de muy pocos módulos para añadir nuevas
funcionalidades, Magento o Prestashop disponen de muchísimos más módulos.
● Por desgracia no es escalable, no lo recomendamos para desarrollos complejos
o empresas grandes.
2.1.4.4.3 Shopify
Shopify fue fundada en 2004 por Tobias Lütke, Daniel Weinand, Scott Lake y tras
la creación de la tienda en línea Snowdevil, una tienda de equipos de snowboard.
Lütke, un programador, no pudo encontrar un sitio transaccional de construcción de
software para construir su sitio según sea necesario habían decidido construir su propio
sitio de la construcción de software. Lütke explicó su decisión de la siguiente manera:
29
“Después de haber probado una serie de tiendas de software en línea, estaba tan
disgustado con la calidad de los resultados, que quería hacer algo mejor.” [10]
Lütke diseñado una tienda personalizada mediante la que entonces era una
plataforma de código abierto oscura llamada Ruby on Rails. Después de dos meses,
que tenía una tienda en línea y Snowdevil operativo se puso en marcha. En 2006, los
fundadores decidieron compartir su código para ayudar a otras personas a vender
artículos en línea. Lütke luego creó un modelo en el que los potenciales vendedores
tenían que insertar fotos y descripciones de sus productos para crear sus tiendas en
línea. Por lo tanto, Shopify nació en junio de 2006 Lütke describió cómo su producto:
“Nos llevó meses en el año 2004 ahora se puede hacer en unos 20 minutos.” [10]
Figura 2.6. Logo de Shopify
Fuente: https://www.shopify.com.mx/
La plataforma Shopify incluye características que permiten a los comerciantes,
entre otros, para gestionar su inventario, editar el código HTML y CSS de sus páginas,
crear cupones y descuentos, y aceptar pagos en línea con Bitcoin, PayPal y tarjetas de
crédito. [10]
30
Figura 2.7 Panel de control de Shopify
Fuente: Shopify
Algunas de las ventajas con las que cuenta Shopify son:
● Sencillez en la creación y gestión de tu tienda online (y blog si lo quieres). Te
será muy fácil crear, personalizar y preparar tu tienda online para empezar a
vender en poco tiempo, y además puedes diseñar un blog para promocionar tu
tienda con él.
● Posibilidad de diseñarlo y personalizarlo al gusto, con más de 100 plantillas
profesionales con ajustes intuitivos y posibilidad de crear un diseño propio con
HTML y CSS. Un experto de Shopify puede ayudarte.
● Facilidades de pago, ya que cuentan con más de 70 monedas de pago
internacionales que te permiten vender de forma local y en otros países.
● Sistema de impuestos automáticos, para que no tengas que preocuparte por
nada ya que Shopify se encarga automáticamente de los impuestos estatales y
por país a partir de la ubicación.
● Productos ilimitados que pueden ser variados según características, con la
posibilidad de importar o exportar los productos con archivos csv o una de las
apps para importadores/exportadores de la tienda.
● Ancho de banda ilimitado, para que no tengas que preocuparte por pagar de más
según el tráfico de tu tienda o visitantes.
31
● Acepta y gestiona pedidos en cuestión de segundos, ya que recibirás un email o
notificaciones móviles cada vez que recibas una nueva venta. A los clientes les
gusta la inmediatez del servicio.
Algunas de las desventajas son:
● Tiene un coste que has de asumir todos los meses, aunque no es mucho
también es un inconveniente sabiendo que hay otros CMS que son gratis o
cuestan mucho menos. El plan más básico cuesta lo equivalente a $604 pesos
mexicanos, mientras que el más caro más de $6,302.17 pesos mexicanos.
Puedes hacer una prueba gratuita para ver cómo funciona Shopify y conocer el
servicio antes de contratarlo.
● En los planes de pago más baratos hay una comisión por cada transacción, de
forma que además de los otros gastos que puedas tener y pagar una cuota fija
has de pagar por cada producto que vendas. Todos los planes tienen comisión
por cada venta, aunque cuanto más básico sea el plan mayor es la comisión. [6]
2.1.4.4.4 Prestashop
Prestashop es un sistema gestor de contenidos (CMS) libre y de código abierto,
orientado principalmente a la creación de tiendas en línea de comercio electrónico. [9]
Prestashop está disponible bajo la Licencia Open Software y fue lanzado
oficialmente en agosto de 2007. El software, que está escrito en PHP y basado en el
motor de plantillas Smarty, es utilizado actualmente por 165 000 tiendas en todo el
mundo. MySQL es el motor de base de datos predeterminado. Prestashop ha sido el
gestor de contenidos ganador en los años 2010 y 2011 como el mejor CMS de código
abierto Business Application. [10]
32
Figura 2.8 Logo de Prestashop
Fuente: https://www.prestashop.com/es
Algunas de las características con las que cuenta Prestashop son las siguientes:
● Alojamiento en la nube o particularmente: Puedes registrarte en minutos para
una tienda gratuita en la nube de Prestashop o puedes descargar los archivos
PHP y alojarlo por tu cuenta.
● Plantillas: Prestashop vende una variedad de temas de alta calidad para
personalizar profesionalmente tu tienda.
● Creador de Tiendas: Con un tablero muy similar a WordPress, Prestashop ofrece
una interfaz de creación con una gran variedad de características incluyendo
listados detallados de productos, navegación y búsqueda.
● Móviles: La tienda online Prestashop es responsiva, es decir que son
compatibles con los navegadores de dispositivos móviles. Además de tener
sistemas de checkout para móviles increíblemente sencillos. Incluso la
administración del sistema está diseñada como un tablero responsivo para
manipularlo desde cualquier lugar.
● Marketing electrónico: Prestashop provee una integración de productos y
catálogos con SEO para optimizar las ubicaciones en los motores de búsqueda,
y además ofrece soporte para cupones, promociones, integración con correos
electrónicos, etc.
33
● Internacionalización: Prestashop provee traducciones para 65 idiomas. De esta
manera tu tienda virtual se internacionaliza. Incluyendo conversión de monedas y
reglas de envíos según la ubicación. El panel administrativo de la versión en la
nube cuenta con soporte para idiomas: inglés, francés, español, alemán, italiano,
portugués, polaco y holandés.
● Integraciones: Prestashop ofrece una variedad de temas y complementos,
soporte premium en caso de necesitarlo, y un directorio de agencias particulares
para contrataciones. Si necesitas ayuda para lanzar tu tienda, aquí hay mucha.
[11]
Figura 2.9. Panel de control de Prestashop
Fuente: Prestashop
Después de conocer las características de este CMS podemos destacar que sus
ventajas son las siguientes:
● Permite integrar varios idiomas fácilmente.
● Coste final de proyecto profesional relativamente económico.
● Gestión de multitud módulos de pago. Es muy sencillo incorporar nuevos
módulos ampliar las características de la tienda.
● Grupos de clientes integrado.
● Fácil instalación con la mayoría de las opciones.
● La herramienta atributos, personalizable y sencilla de usar.
● Permite definir productos físicos o virtuales (descargas).
● Muy fácil de usar.
● Bajo consumo de CPU.
34
● Permite introducir códigos de barras.
● Panel de administración muy intuitivo y sencillo.
● Es muy rápido.
● Prestastore: Tienda de módulos ya desarrollados.
● Dispone de multi tienda.
● La comunidad en español es muy grande.
● Gran cantidad de blogs que hablan sobre Prestashop, mucha documentación.
● Muchos Partners oficiales formados por el equipo de Prestashop.
● Webservices para poder integrar ERP, CRM u otras aplicaciones externas
● Prestashop 1.5, versión para móviles tanto para IPhone como Android.
● Posibilidad de adquirir APP nativa para IPhone, Android o Windows Phone.
● Arquitectura Modelo /Vista/Controlador tanto en front office como BackOffice.
● Prestashop 1.5 a mejorado considerablemente los envíos y almacenes.
● Prestashop 1.6 Dispone de versión responsiva por defecto.
● Prestashop 1.7 Incorpora Symfony a su núcleo, muy robusto.
Algunas de las desventajas de Prestashop son las siguientes:
● Soporte mayormente en Frances o inglés, trabajamos actualmente para que esto
no sea así y contribuya cada vez más gente.
● Sistema de atributos a mejorar.
35
2.1.4.4.5 OpenCart
OpenCart es un sistema de comercio electrónico de código abierto (open source)
basado en PHP para tiendas de venta online. Una solución de comercio electrónico
robusta para comerciantes de Internet con la capacidad de crear su propio negocio en
línea y obtener un comercio electrónico con un coste mínimo.
Su principal creador y actual desarrollador de todo el proyecto es el inglés Daniel Kerr
Figura 2.10 Logo de OpenCart
Fuente: https://www.opencart.com/
Algunas de las características con las que cuenta OpenCart son las siguientes:
• Categorías Ilimitadas
• Artículos Ilimitados
• Fabricantes Ilimitados
• Monedas Múltiples
• Lenguajes Múltiples
• Comentarios en Artículos
• Valoración Artículos
• Código Abierto Open Source
36
• Documentación Gratis (en inglés)
• Plantillas Intercambiables
• Ampliación de Módulos
Figura 2.11 Panel de control de Opencart
Fuente: Opencart
Las ventajas de OpenCart son las siguientes:
● La plataforma es de código libre y abierto. La plataforma es de código abierto
que significa que puede ser fácilmente modificado y personalizado según sus
necesidades de negocio.
● Se compone de una gran comunidad activa de desarrolladores de OpenCart.
Tener un problema en una plataforma de comercio electrónico es una rutina
simple, pero a menudo se vuelve difícil si el problema sigue sin resolverse.
Gracias a la enorme comunidad de desarrolladores con experiencia OpenCart y
programadores que pueden proporcionar apoyo técnico a los usuarios OpenCart
durante todo el día.
● La plataforma cuenta con una amplia biblioteca de temas y módulos - Esta
plataforma de comercio electrónico tiene una amplia gama de temas y módulos
OpenCart que tiene el potencial de mejorar el rendimiento de cualquier tienda en
línea.
37
● Es un excelente comienzo para los principiantes, el comercio electrónico de
pequeñas y medianas empresas. La plataforma OpenCart es un paquete de
comercio electrónico con multitud de funciones que ofrece servicios fáciles de
gestión de tiendas de comercio electrónico a sus clientes.
● Gestión multi tienda desde un único panel de control. La compatibilidad de
múltiples tiendas es una de las mayores ventajas de OpenCart. Tener y
administrar varias tiendas puede ser muy complicado y llevar mucho tiempo. Sin
embargo, hay ocasiones en que tener más de una tienda se hace inevitable.
OpenCart le permite crear múltiples tiendas de comercio electrónico y
administrarlas desde una única interfaz. Puede evaluar sus pedidos actuales,
rastrear a sus clientes, ventas, etc. Todo esto sucede en la misma sección del
sitio web.
Las desventajas de OpenCart son las siguientes:
● Personalización y cambios en OpenCart es difícil. En realidad, es mucho más
difícil hacer cualquier cambio deseado en una plataforma OpenCart debido a la
falta de un sistema eficaz de eventos.
● No es ideal para apoyar clientes multilingüe. La plataforma OpenCart no se
entiende para la restauración clientes multilingües debido al problema que se
produce en las interpretaciones.
● No optimizado para SEO. El SEO es uno de los aspectos más importantes para
el éxito de la tienda de comercio electrónico y el no tenerlo puede llevar a un
impacto negativo a largo plazo.
2.1.4.5 Tabla comparativa
A partir de este análisis sobre las herramientas de e-Commerce antes mencionadas, se
va a realizar una comparativa a modo resumen calificando cada característica con una
puntuación de Regular (✓), Buena (✓✓) y Excelente (✓✓✓)
Tabla 2.2 Comparativa CMS para e-Commerce
Magento WooCommerce
Shopify Prestashop OpenCart
Asequible ✓ ✓✓✓ ✓ ✓✓✓ ✓✓
38
Usabilidad ✓✓ ✓✓ ✓✓ ✓✓ ✓✓
Rendimiento
✓✓ ✓✓ ✓✓ ✓✓ ✓
Intuible ✓ ✓✓ ✓✓ ✓✓✓ ✓✓✓
Personalización
✓✓✓ ✓✓✓ ✓✓ ✓✓✓ ✓
Soporte de la empresa
✓✓ ✓✓✓ ✓✓ ✓✓ ✓
SEO ✓✓✓ ✓✓ ✓✓ ✓✓✓ ✓✓
Multilenguaje
✓✓✓ ✓✓✓ ✓ ✓✓ ✓
2.1.4.6 Conclusión
Derivados del análisis anterior podemos concluir que el mejor CMS para la realización
de una tienda en línea, basados en los lineamientos anteriores, es Prestashop. Este
CMS cuenta con las características necesarias para que cualquier usuario pueda
utilizarlo sin necesidad de conocimientos previos debido a su simplicidad y amigable
interfaz.
Uno de los motivos para utilizar Prestashop en las empresas es su personalización, en
su sitio web podemos encontrar una amplia cantidad de plantillas y módulos.
Otro de los motivos para elegir Prestashop es que es una plataforma de código abierto
o Open Source, lo que significa que cualquier programador con conocimientos de
HTML, PHP, CSS o JavaScript puede modificar y ampliar el código fuente de la
aplicación para adaptarla a las necesidades.
39
Capítulo 3
Elaboración de una tienda en línea utilizando el CMS elegido
40
3.1 Desarrollo
3.1.1 Herramientas de desarrollo
3.1.1.1 Gestor de contenido - Prestashop
Lógicamente, la principal herramienta utilizada es Prestashop, un gestor de
contenidos gratuito y de código abierto que permite a pequeñas y grandes empresas
crear y gestionar una tienda en línea.
En este proyecto se utilizará la versión 1.6 de Prestashop debido a que la versión
más reciente para este año 2018, la 1.7, aun cuenta con varios problemas que pueden
afectar el funcionamiento de nuestra tienda.
3.1.1.2 Editor de texto - Sublime Text
Un editor de texto es un programa informático que permite crear y modificar
archivos digitales compuestos únicamente por textos sin formato, conocidos
comúnmente como archivos de texto o “texto plano”. El programa lee el archivo e
interpreta los bytes leídos según el código de caracteres que usa el editor.
En este caso, el editor que se estará utilizando será Sublime Text.
Figura 3.1 Logo de Sublime Text
Fuente: https://www.sublimetext.com/
41
Sublime Text es un editor de texto y editor de código fuente está escrito en C++ y
Python para los plugin. Desarrollado originalmente como una extensión de Vim, con el
tiempo fue creando una identidad propia, por esto aún conserva un modo de edición
tipo vi llamado Vintage mode. [12]
Sublime text cuenta con muchas características útiles a la hora de programar
como son las siguientes:
● Mini mapa: consiste en una previsualización de la estructura del código,
es muy útil para desplazarse por el archivo cuando se conoce bien la
estructura de este.
● Multi Selección: Hace una selección múltiple de un término por diferentes
partes del archivo.
● Multi Cursor: Crea cursores con los que podemos escribir texto de forma
arbitraria en diferentes posiciones del archivo.
● Multi Layout: Trae siete configuraciones de plantilla podemos elegir editar
en una sola ventana o hacer una división de hasta cuatro ventanas
verticales o cuatro ventanas en cuadrícula.
● Soporte nativo para infinidad de lenguajes: Soporta de forma nativa 43
lenguajes de programación y texto plano.
● Syntax Highlight configurable: El remarcado de sintaxis es completamente
configurable a través de archivos de configuración del usuario.
● Búsqueda Dinámica: Se puede hacer búsqueda de expresiones regulares
o por archivos, proyectos, directorios, una conjunción de ellos o todo a la
vez.
● Auto completado y marcado de llaves: Se puede ir a la llave que cierra o
abre un bloque de una forma sencilla.
● Configuración total de Keybindings: Todas las teclas pueden ser
sobrescritas a nuestro gusto.
● Coloreado y envoltura de sintaxis: Si se escribe en un lenguaje de
programación o marcado, resalta las expresiones propias de la sintaxis de
ese lenguaje para facilitar su lectura.
● Pestañas: Se pueden abrir varios documentos y organizarlos en pestañas.
● Resaltado de paréntesis e indentación: Cuando el usuario coloca el cursor
en un paréntesis, corchete o llave, resalta ésta y el paréntesis, corchete o
llave de cierre o apertura correspondiente.
42
3.1.1.3 Servidor local - XAMPP
Un servidor local es aquel que está localizado en un determinado ordenador. De
este modo, en vez de acceder a través de un dominio como www.servidorlocal.com
predeterminado, el servidor local tiene la IP y una sección en los archivos que
determina el contenido también conocida como localhost.
Figura 3.2 Logo de XAMPP
Fuente: https://www.apachefriends.org/es/index.html
XAMPP es un servidor independiente de plataforma, software libre, que consiste
principalmente en la base de datos MySQL, el servidor Web Apache y los intérpretes
para lenguajes de script: PHP y Perl. El nombre proviene del acrónimo de X (para
cualquiera de los diferentes sistemas operativos), Apache, MySQL, PHP, Perl.
3.1.2 Creación del servidor local
El primer paso a tener en cuenta para crear cualquier sitio web es elegir el lugar
en el que se alojara. En este caso se hará uso de un servidor local el cual nos permitirá
visualizar nuestra tienda si necesidad de tener un dominio en línea.
43
Para la creación de un servidor local se necesita tener previamente instalado el
programa XAMPP. Una vez esté instalado es necesario encender los servicios Apache
y MySQL, los cuales son un servidor web y un servidor de base de datos
respectivamente.
Figura 3.3. Panel de control de XAMPP con los servicios de Apache y MySQL encendidos
Fuente XAMPP
3.1.3 Creación de la base de datos
Antes de proceder a la instalación de la tienda se debe de crear una base de
datos donde se almacenarán toda la información que necesita la tienda para funcionar
correctamente.
Para esto se utilizará el servidor de base de datos que viene incluido con la
instalación de XAMPP el cual es phpMyAdmin.
Se accede a través del buscador con la dirección http://localhost/phpmyadmin/.
Una vez dentro de ella creamos una nueva base de datos. (Ver figura 3.4)
44
Figura 3.4 Creación de una base de datos con phpMyAdmin
Fuente phpMyAdmin
Una vez creada la base de datos se debe agregar un usuario que tenga acceso a
la misma. (ver figura 3.5)
Figura 3.5. Creación de un usuario
Fuente phpMyAdmin
45
3.1.3 Creación de tienda online
3.1.3.1 Descarga de Prestashop
Ya con la base de datos creada se debe de proceder a la instalación de
Prestashop. Para esto primero se debe de descargar de la página oficial.
En este proyecto se utilizará la versión 1.6 de Prestashop debido a que la versión
más actual aún tiene algunos errores que pueden afectar algunas de las funciones de
nuestra página. (ver figura 3.6)
Figura 3.6 Página de descarga de Prestashop
Fuente: https://www.prestashop.com/en/previous-versions
Esto descargara en el ordenador un archivo en formato zip el cual se debe
descomprimir y colocar en la carpeta htdocs la cual se encuentra dentro de la carpeta
XAMPP, la ubicación de esta carpeta puede variar de acuerdo a la instalación del
XAMPP. (ver figura 3.7)
46
Figura 3.7 Carpeta htdocs.
Fuente propia
3.1.3.2 Instalación de Prestashop
Para comenzar con la instalación de Prestashop se debe ingresar al navegador e
ingresar a la siguiente dirección: http://localhost/Tienda; esta dirección variara
dependiendo del nombre que se le dé a la carpeta dentro del directorio hocos.
Al entrar en esta dirección se abrirá el asistente de instalación de Prestashop
(ver figura 3.8).
Figura 3.8. Pantalla de instalación de Prestashop
Fuente propia.
47
La instalación de una tienda online utilizando Prestashop se realiza de manera
muy intuitiva y no hace falta de grandes conocimientos para realizarla.
Figura 3.9 Validación de los contratos de licencias
Fuente Prestashop
Figura 3.10 Información sobre su tienda
Fuente Prestashop
48
Para conectar la base de datos con la tienda online sólo hace falta tener el
nombre de la base de datos y el usuario con el que la tienda se conectara. Este paso es
muy importante ya que toda la información de la tienda se guardará ahí. (Ver figura
3.11)
Figura 3.11 Configuración de la base de datos
Fuente Prestashop
Una vez terminada la configuración de la tienda esta automáticamente
comenzara su instalación. Este paso puede durar algunos minutos. (ver figura 3.12)
49
Figura 3.12. Instalación de Prestashop
Fuente propia
Una vez concluida la instalación ya es posible acceder tanto al Front Office como
al Back Office de la tienda. El Back Office es donde se realizará la configuración de la
tienda, tanto en el diseño como en el funcionamiento.
Para entrar a este se hará uso del correo electrónico y contraseña que se
ingresó al momento de instalar la tienda. (ver figura 3.13)
50
Figura 3.13 Inicio de Sesión de Prestashop
Fuente Prestashop
Esto nos permitirá ingresar al Back Office donde se realizarán las configuraciones. (ver
figura 3.14)
51
Figura 3.14. Back Office de Prestashop
Fuente Prestashop
3.1.4 Configuración básica de Prestashop [13]
Para tener una tienda completamente funcional primero se deben seguir una serie de
pasos antes de abrirla al público.
3.1.4.1. Ponerla en modo de mantenimiento
Esto permite trabajar con tranquilidad y sin ser indexado antes de tiempo por los
motores de búsqueda.
Para realizar esta acción se debe de ingresar a Preferencias / Mantenimiento y
desactivar la opción de activar tienda. (ver figura 3.15).
52
Figura 3.15. Desactivar tienda.
Fuente Prestashop
3.1.4.2. Añadir el logo y un tema
Prestashop cuenta con una gran variedad de herramientas para el diseño de una
tienda online. En el mercado podemos encontrar una gran cantidad de temas y
módulos, tanto gratuitos como de paga, que le darán a la tienda una apariencia
diferente a las demás.
En este caso se hará uso del tema Warehouse el cual es un tema de pago que
cuenta con una gran variedad de módulos incluidos que permiten una personalización
más completa de nuestra tienda.
A continuación, se mostrará una comparación entre el tema default de
Prestashop y el tema Warehouse. (Ver figuras 3.16 y 3.17)
53
Figura 3.16. Tema default de Prestashop 1.6
Fuente Prestashop
54
Figura 3.17. Tema Warehouse
Fuente Prestashop
55
3.1.4.3. Añadir las condiciones generales de venta (CGV)
Se tienen de definir las reglas de la tienda. Pedidos, entregas, pagos,
retractación. Son muy importantes y se debe de tomar su tiempo para redactarlas.
3.1.4.4. Añadir una página "acerca de" y una página de "contacto"
La página “acerca de” permite a la tienda darse a conocer, transmitir sus valores
e informar a sus clientes sobre los productos que vende.
La página de “contacto” es el formulario que enlaza al vendedor con sus clientes
y le permite interactuar con ellos. De esta manera el vendedor podrá ayudarles y
responder sus preguntas.
3.1.4.5. Organizar y crear las categorías
La estructuración del catálogo es importante y normalmente comporta la creación
de categorías y subcategorías. Hay que pensar en la estructura de la tienda pero
también en las posibles evoluciones que le podría incorporar. De esta forma no será
necesario reorganizar completamente el catálogo unos meses más tarde.
3.1.4.6. Crear productos
Se tiene que describir el producto con tantos detalles como sea posible y añadir
varias fotos del mismo. El contenido de la ficha de producto debe incluir palabras clave,
que podrán ser indexadas por los motores de búsqueda y le aportarán visitantes a la
tienda.
3.1.4.7. Incluir un medio de pago
Para que los clientes puedan pagar en el sitio web, se deberá ofrecer un medio de
pago. Se dispone de varias opciones:
● Los procesadores de pago o billeteras electrónicas, que permiten disponer de
una cuenta en pocas horas y permite que sus clientes paguen a través de una
cuenta concreta o de una tarjeta bancaria
● Un contrato con su banco, que permite ingresar directamente el dinero en la
cuenta bancaria del vendedor
3.1.4.8. Incluir un medio de entrega
Para incorporar un medio de entrega deberá definir con qué transportista se
desea trabajar. Estos pueden variar dependiendo del país donde se ubique la tienda.
3.1.4.9. Activar y añadir módulos
56
Cuando la tienda sea lanzada, algunas funcionalidades (también llamadas
"módulos") no estarán activadas y deberá ser configuradas para que estén activas.
3.1.4.10. Último paso y retoques
Una vez terminada la tienda se deberán de hacer pruebas para comprobar que
todo funciona correctamente.
57
Resultados y discusión
Como resultado del estudio comparativo de gestores de contenido para la
elaboración de tiendas en línea se obtuvo que el mejor, basado en las necesidades de
la empresa Awiwi Channel, es Prestashop.
Después de un análisis detallado entre los CMS Magento, WooCommerce,
Shopify, Prestashop y OpenCart. Se determinó que, basados en aspectos como la
usabilidad, el rendimiento, la personalización, entre otros, Prestashop es el que cumple
con los requisitos para ser implementado por la empresa Awiwi Channel y con esto
brindar a sus clientes una tienda completamente funcional y adaptada a sus
necesidades.
El sistema Prestashop permite el desarrollo de una tienda online de manera
eficaz y eficiente en cuanto a tiempo, costo y rápida adaptación al CMS por parte del
personal de desarrollo. Además de que cuenta con una interfaz intuitiva la cual la hace
ideal para la rápida adaptación del usuario final.
La razón por la que Prestashop se colocó como el mejor es que, a diferencia de
algunos de sus competidores, este es un CMS con interfaz muy amigable, lo cual
permite al usuario final el trabajar con su panel de control sin problemas sin la
necesidad de tener aprendizaje previo.
58
Conclusiones
Al concluir mi estadía en la empresa Awiwi Channel se logró un gran avance,
concluyendo la investigación planteada al principio de las mismas. Gracias al análisis
realizado se determinó el continuar con el CMS Prestashop en la empresa Awiwi
Channel para la elaboración de tiendas en línea y con esto poder otorgar a sus clientes
un CMS adecuado a sus necesidades.
Podemos concluir que los objetivos planteados para la presente investigación
fueron cumplidos ya que se determinó el mejor CMS en el mercado actual. Aunque se
debe de tomar en cuenta de que la industria de los CMS cambia con mucha rapidez, ya
que nuevas versiones de los mismos salen al mercado cada año, y debido a ello los
resultados de este análisis pueden variar con el paso tiempo.
59
Bibliografía
[1] E. Seoane Balado, La Nueva Era Del Comercio/the New Era of Commerce: El Comercio Electronico, Las Tic's Al Servicio De La Gestion Empresarial, 1st ed. Ideaspropias Editorial, 2005, pp. 1,2. [Consulta 16-Octubre-2018] [2] A. Porras, "CMS o Desarrollos a Medida", Agenciargb.es, 2016. [en línea]. Disponible: http://www.agenciargb.es/gestores-contenidos-vsdesarrollos-a-medida#.VwD4GaSLTIU. [Consulta: 16-Octubre-2018]. [3] J. Rodriguez García, "DESARROLLO DE UNA TIENDA ONLINE BASADA EN EL CMS MAGENTO", http://tauja.ujaen.es, 2016. [Online]. Available: http://tauja.ujaen.es/bitstream/10953.1/3515/1/TFG_Rodr%C3%ADguez%20Garc%C3%ADa,%20Juana%20Mar%C3%ADa.pdf. [Accessed: 18- Oct- 2018]. [4] J. Mejía Trejo, MERCADOTECNIA DIGITAL, 1st ed. México: Grupo Editorial Patria, 2017. [Consulta: 1-Noviembre-2018]. [5] "¿Qué es el SEO?", www.marketing-xxi.com, 2018. [Online]. Available: https://www.marketing-xxi.com/seo.html. [Accessed: 04- Nov- 2018]. [6] J. Garcia, "QUÉ ES UN CMS Y QUÉ VENTAJAS TIENE", www.departamentodeinternet.com, 2011. [Online]. Available: https://www.departamentodeinternet.com/que-es-un-cms-y-que-ventajas-tiene/. [Accessed: 04- Nov- 2018]. [7] "The top 500 sites on the web", www.alexa.com, 2018. [Online]. Available: https://www.alexa.com/topsites. [Accessed: 13- Nov- 2018]. [8] "Análisis Tiendas online 2018: Prestashop, Oscommerce, Magento, Woocommerce", www.4webs.es, 2018. [Online]. Available: https://www.4webs.es/blog/analisis-tiendas-online-2010-prestashop-oscommerce-magento. [Accessed: 12- Nov- 2018]. [9] "Características Principales Magento Commerce", http://wolfsellers.com, 2018. [Online]. Available: http://wolfsellers.com/caracteristicas-principales-magento-commerce. [Accessed: 20- Nov- 2018]. [10] "Shopify, características y comparativa en español", magentovsprestashop.com, 2018. [Online]. Available: http://magentovsprestashop.com/shopify-caracteristicas-y-comparativa-en-espanol/. [Accessed: 23- Nov- 2018].
[11] F. Matias, "¿Que es PrestaShop? Características de una tienda online PrestaShop", www.mejorwebhosting.es, 2018. [Online]. Available: https://www.mejorwebhosting.es/consejos-y-herramientas/que-es-prestashop-caracteristicas-tienda-online/. [Accessed: 25- Nov- 2018].
60
[12] "Guía definitiva Sublime Text 2", falasco.org, 2012. [Online]. Available: https://web.archive.org/web/20141029040145/http://falasco.org/guia-definitiva-sublime-text-2. [Accessed: 25- Nov- 2018].
[13] Q. Audrain, "Los diez primeros pasos después de instalar su tienda en línea", www.prestashop.com, 2013. [Online]. Available: https://www.prestashop.com/es/blog/los-diez-primeros-pasos-despues-de-instalar-su-tienda-en-linea. [Accessed: 04- Dec- 2018].
61
Glosario
Front Office: es un término que traducido literalmente significa: oficina de delante.
Viene indicado como el conjunto de las estructuras de una organización que gestionan
la interacción con el cliente.
Back Office: es el conjunto de actividades de apoyo al negocio, es la parte de las
empresas u unidad de la misma que lleva a cabo las tareas destinadas a gestionar la
propia empresa y que no tienen contacto directo con el cliente, como las labores
informáticas y de comunicaciones, de gestión de recursos humanos, contabilidad o
finanzas.
HTML: que significa Lenguaje de Marcado para Hipertextos (HyperText Markup
Language) es el elemento de construcción más básico de una página web y se usa
para crear y representar visualmente una página web.
CSS: (siglas en inglés de Cascading Style Sheets), en español "Hojas de estilo en
cascada", es un lenguaje de diseño gráfico para definir y crear la presentación de un
documento estructurado escrito en un lenguaje de marcado.
PayPal: es una empresa del sector del comercio electrónico, cuyo sistema permite a
sus usuarios realizar pagos y transferencias a través de Internet sin compartir la
información financiera con el destinatario, con el único requerimiento de que estos
dispongan de correo electrónico
Bitcoin: es una moneda, como el euro o el dólar estadounidense, que sirve para
intercambiar bienes y servicios. Sin embargo, a diferencia de otras monedas, Bitcoin es
una divisa electrónica que presenta novedosas características y destaca por su
eficiencia, seguridad y facilidad de intercambio.
CSV: (del inglés comma-separated values) son un tipo de documento en formato
abierto sencillo para representar datos en forma de tabla, en las que las columnas se
separan por comas y las filas por saltos de línea.
Multi tienda: es un sistema que permite gestionar varias tiendas con un mismo interfaz
de administración
