Uso de Drupal para diseñar una tienda online

MÁSTER UNIVERSITARIO EN ESTUDIOS AVANZADOS EN DIRECCIÓN DE EMPRESAS USO DE DRUPAL PARA DISEÑAR UNA TIENDA ONLINE [USING DRUPAL TO DESIGN AN ONLINE STORE] TRABAJO FIN DE MÁSTER Agustín Manuel González Corpas, Junio de 2019 Máster Universitario en Estudios Avanzados en Dirección de Empresas Facultad de Ciencias Económicas y Empresariales Departamento de Economía Financiera y Dirección de Operaciones USO DE DRUPAL PARA DISEÑAR UNA TIENDA ONLINE [USING DRUPAL TO DESIGN AN ONLINE STORE] Trabajo Fin de Máster presentado para optar al Título de Máster Universitario en Estudios Avanzados en Dirección de Empresas por Agustín Manuel González Corpas, siendo el tutor del mismo el Doctor Rafael del Pozo Barajas. Vº. Bº. del Tutor/a: Alumno/a: D. Rafael del Pozo Barajas D. Agustín Manuel González Corpas Sevilla, Junio de 2019 Uso de Drupal para diseñar una tienda online - III - MÁSTER UNIVERSITARIO EN ESTUDIOS AVANZADOS EN DIRECCIÓN DE EMPRESAS FACULTAD DE CIENCIAS ECONÓMICAS Y EMPRESARIALES TRABAJO FIN DE MÁSTER CURSO ACADÉMICO [2018-2019] TÍTULO: USO DE DRUPAL PARA DISEÑAR UNA TIENDA ONLINE [USING DRUPAL TO DESIGN AN ONLINE STORE] AUTOR/A: AGUSTÍN MANUEL GONZÁLEZ CORPAS TUTOR/A: DR. D. RAFAEL DEL POZO BARAJAS LÍNEA DE TRABAJO: DISEÑO Y ANALÍTICA WEB González Corpas, Agustín Manuel - IV - RESUMEN: Este trabajo trata sobre la realización de una web con Drupal 7. A su vez, se ha implementado el módulo Ubercart para tener una tienda online completa y funcional. Además, se ha realizado un breve estudio sobre el comercio electrónico y las leyes existentes para poder operar con nuestra tienda. A destacar, incluimos el módulo de Google Analytics para poder tener un seguimiento sobre nuestra web y lo que realizan los usuarios en ella además de activar el módulo Paypal para que nos puedan realizar todo tipo de compras. Como conclusión principal, creemos que al ser la primera vez que se realiza un trabajo sobre una tienda online con Drupal, puede sentar las bases para futuras mejoras y actualizaciones del conocimiento adquirido. PALABRAS CLAVE: Drupal; Comercio Electrónico; Ubercart; Google Analytics; Diseño Web; Uso de Drupal para diseñar una tienda online - V - ÍNDICE CAPÍTULO 1. INTRODUCCIÓN ................................................................................9 1.1. METODOLOGÍA ................................................................................................... 10 Creación de la web ........................................................................................................... 10 Marco teórico ................................................................................................................... 11 1.2. OBJETIVOS .......................................................................................................... 11 1.3. JUSTIFICACIÓN .................................................................................................... 11 CAPÍTULO 2. MARCO TEÓRICO ............................................................................ 13 2.1. DISEÑO WEB ....................................................................................................... 13 Breve historia de Drupal ................................................................................................... 13 ¿Por qué elegir Drupal? .................................................................................................... 14 Seguridad en Drupal ......................................................................................................... 16 Drupal en las empresas .................................................................................................... 16 2.2. COMERCIO ELECTRÓNICO .................................................................................... 16 Negocio electrónico o e-business ..................................................................................... 16 Comercio electrónico ....................................................................................................... 17 2.3. REQUISITOS LEGALES .......................................................................................... 20 Agencia Tributaria ............................................................................................................ 20 Ley de cookies................................................................................................................... 21 Ley de servicios de la sociedad de la información y de comercio electrónico................. 21 Ley de ordenación del comercio minorista ...................................................................... 21 Ley de protección de datos .............................................................................................. 22 CAPÍTULO 3. LA PÁGINA WEB .............................................................................. 23 3.1. Objeto ................................................................................................................ 23 3.2. La empresa ......................................................................................................... 23 3.3. Diseño web de la página...................................................................................... 24 3.4. Ubercart ............................................................................................................. 25 Núcleo de Ubercart .......................................................................................................... 26 Núcleo Opcional de Ubercart ........................................................................................... 26 Ubercart – Pagos .............................................................................................................. 27 Ubercart – Extra ................................................................................................................ 28 Ubercart – Cumplimiento ................................................................................................. 28 Paypal ............................................................................................................................... 29 Proceso de compra en Ubercart ....................................................................................... 32 3.5. Google analytics.................................................................................................. 33 3.6. Simple Google Maps ........................................................................................... 34 3.7. EU cookies compilance ........................................................................................ 35 3.8. Vistas ................................................................................................................. 36 3.9. Localization update ............................................................................................. 36 3.10. Youtube Field .................................................................................................. 36 3.11. Blog ................................................................................................................ 37 González Corpas, Agustín Manuel - VI - CAPÍTULO 4. CONCLUSIONES ............................................................................... 39 4.1. Resultados .......................................................................................................... 39 4.2. Conclusiones ....................................................................................................... 42 Bibliografía ............................................................................................................ 43 Anexos ................................................................................................................... 45 Uso de Drupal para diseñar una tienda online - VII - Relación de Figuras Figura 1. Cuota Mercado CMS ...................................................................................... 14 Figura 2. Uso de CMS para webs .................................................................................. 15 Figura 3. Evolución del comercio electrónico ................................................................ 17 Figura 4. Comercio Electrónico dentro de España ........................................................ 18 Figura 5. Comercio Electrónico de España con el exterior ........................................... 18 Figura 6. Comercio electrónico del exterior con España ............................................... 19 Fuente: elaboración propia a partir de CNMC, 2019. .................................................... 19 Figura 7. Impacto del Comercio Electrónico en Revistas Científicas ............................ 19 Fuente: elaboración propia a partir de CNMC, 2019. .................................................... 19 Figura 8. Evolución citas de Comercio Electrónico en revistas científicas ................... 20 Fuente: elaboración propia a partir de CNMC, 2019. .................................................... 20 Figura 9. Página principal de la Web ............................................................................. 24 Figura 10. Slideshow ...................................................................................................... 25 Fuente: elaboración propia a partir de web http://us18064.xyz/.................................... 25 Figura 11. Menú de Redes Sociales .............................................................................. 25 Figura 12. Cesta ............................................................................................................. 26 Figura 13. Ejemplo de vista de pedidos ......................................................................... 26 Figura 14. Catálogo ........................................................................................................ 26 Figura 15. IVA de los productos ..................................................................................... 27 Figura 16. Envío estándar .............................................................................................. 28 Figura 17. Crear Cuenta Paypal .................................................................................... 29 Figura 18. Crear Cuenta Business Paypal..................................................................... 29 Figura 19. Elección sector de la empresa...................................................................... 30 Figura 20. Configuración de pagos en Paypal ............................................................... 30 Figura 21. Pagos aceptados en Paypal ......................................................................... 30 Figura 22. Vista configuración de Paypal en Ubercart .................................................. 31 Figura 23. Proceso de pago en Paypal .......................................................................... 31 Figura 24. Cesta de la compra ....................................................................................... 32 Figura 25. Proceso de compra ....................................................................................... 32 Figura 26. Pedido finalizado ........................................................................................... 32 Figura 27. Pestaña pedidos de Ubercart ....................................................................... 33 Figura 28. Proceso de pedidos ...................................................................................... 33 Figura 29. Campo de texto de Simple Google Maps ..................................................... 34 Figura 30. Configuración de Simple Google Maps ........................................................ 34 Figura 31. Dirección en Google Maps ........................................................................... 35 González Corpas, Agustín Manuel - 14 - ¿Por qué elegir Drupal? Hemos escogido este CMS debido a su aprendizaje y utilización en la asignatura Diseño y analítica web, donde mediante casos prácticos y la realización de una web pública, aprendimos a utilizarlo. Para la realización de este trabajo fin de máster, se ha escogido la versión 7 de Drupal, más concretamente la versión del núcleo 7.67, actualizada a 8 de mayo de 2019. Los puntos fuertes de Drupal son: - Inclusión de cualquier tipo de módulo adaptado y actualizado para ampliar las características del CMS de forma rápida y sencilla, ya sea mediante la instalación por url como depositando el archivo descargado en la carpeta ‘’modules’’. - Total personalización de entradas de contenidos, plantillas, temas para el sitio web y configuraciones diversas. - Gestor de usuarios potente y avanzado. - Seguridad contra ataques. Vamos a pasar a analizar ciertos datos sobre gestores de contenido. En la actualidad los gestores más famosos son Wordpress, Drupal y Joomla. Todos estos sistemas fueron creados para superar la dificultad de realizar una página web y dotar una interfaz amigable, modulable y con opciones para poder diseñar una página web totalmente funcional. Según el artículo (Martinez-Caro, Aledo-Hernandez, Guillen-Perez, Sanchez-Iborra & Cano, 2018). En 2018, los gestores de contenidos, en adelante CMS, más populares eran Wordpress, Joomla y Drupal, en ese orden. Wordpress poseía el 60% de la cuota del mercado, Joomla el 6,5% y Drupal el 4,6%. El resto del mercado se reparte de forma múltiple y sin basarse en un CMS específico. Figura 1. Cuota Mercado CMS Fuente: elaboración propia a partir de Martinez-Caro, Aledo-Hernandez, Guillen-Perez, Sanchez-Iborra & Cano, 2018. Uso de Drupal para diseñar una tienda online - 15 - Además, Wordpress es usado por el 29,3% de las páginas web, Joomla 3,2% y Drupal 2,3%. Figura 2. Uso de CMS para webs Fuente: elaboración propia a partir de Martinez-Caro, Aledo-Hernandez, Guillen-Perez, Sanchez-Iborra & Cano, 2018. En la siguiente tabla encontramos una comparación sobre diversos temas importantes a tener en cuenta a la hora de elegir uno de los tres CMS. Drupal Wordpress Joomla Contenido Principal Blogs y e-commerce Blogs, e-commerce y apps online Sitios webs y apps online Extensiones Disponibles Media Alta Alta Funcionalidad Media Alta Alta Repositorio Extensiones Centralizada Distribuida Distribuida Documentación Buena Excelente Excelente Comunidad Usuarios Limitada Muy activa Muy activa Facilidad de Uso Complejo Simple Simple Personalización Roles de Usuario Muy alta Media Media SEO Posicionamiento Manual Si Si Si SEO Posicionamiento Automático Mediante módulos Mediante plugins Mediante extensiones Tabla 2. Comparación de los CMS más importantes Fuente: elaboración propia a partir de Martinez-Caro, Aledo-Hernandez, Guillen-Perez, Sanchez-Iborra & Cano, 2018. González Corpas, Agustín Manuel - 16 - En su artículo de comparación de los sistemas de gestión de contenidos para el comercio electrónico, Alrasheed y El-Masri (2013) señalan que existen distintos tipos de gestores de contenido que implementan módulos para el comercio electrónico, como VirtueMart para Joomla, y Magento y Ubercart para Drupal. Aunque todos son parecidos e implementan las mismas funciones, como resumen, Ubercart y VirtueMart se consideran las mejores opciones para una tienda de tamaño pequeña/mediana debido a la múltiples características que implementan, y Magento está pensado para tiendas grandes con un volumen de ventas mayor. En nuestro caso, al tratarse de una pequeña tienda y trabajar con Drupal, el módulo elegido ha sido Ubercart. Seguridad en Drupal En el blog de programación y diseño web, comunic-art (Borruel, 2016), indica que aunque Drupal es de código libre y cualquier persona podría buscar una brecha de seguridad, éste posee una comunidad muy grande de personas dedicadas a la actualización y certificación para que todo funcione correctamente, esto deriva en numerosos parches de seguridad para poder paliar cualquier fallo en la misma. Además, el punto fuerte de la seguridad es el núcleo de Drupal. Éste posee unos estándares y capas muy rigurosas por lo que los fallos suelen producirse al instalar módulos de terceros, no del propio núcleo. Los consejos son tener siempre actualizada a la última versión el núcleo de Drupal y no instalar módulos “sospechosos” que no hayan sido probados y aprobados por la comunidad. En una comparación y por las numerosas capas que protegen el núcleo de Drupal, podríamos decir que estamos hablando del CMS más seguro. Drupal en las empresas Aunque los datos anteriormente expuestos parecen indicarnos que Drupal es poco usado en el mundo de la web, encontramos muchos ejemplos donde vemos que está más vivo que nunca y sus diseños son excelentes. En el artículo para Openwebinars (Ortego, 2017) nos indica que empresas como Fiji y Red Hat, periódicos como The Economist, asociaciones como Greenpeace o equipos de fútbol como el Sevilla FC, cuya página fue reconstruida desde Drupal 7, han usado y siguen usando el CMS Drupal para poder gestionar sus sitios webs. 2.2. COMERCIO ELECTRÓNICO Cada vez los negocios son más electrónicos y menos físicos, citando a Bill Gates “Si tu negocio no está en internet, tu negocio no existe”. Partimos de esta premisa para desarrollar nuestro trabajo. Negocio electrónico o e-business Antes de intentar definir el comercio electrónico, vamos a poner un poco en contexto al negocio electrónico, ya que éste, además de muchas otras características, también engloba al comercio electrónico. El negocio electrónico incluye numerosos sistemas, tecnologías e infraestructuras basadas en la red Internet. Uso de Drupal para diseñar una tienda online - 17 - Partes de estos procesos de negocio incorporan la utilización de las tecnologías de la información y comunicación (TIC) para usarlos orientados a Internet. Podemos definirlo como “la empresa interconectada digitalmente con clientes, proveedores, empleados y otros agentes económicos. Es una manera de mejorar el intercambio de bienes, servicios, información y conocimientos, mediante el uso de tecnologías basadas en redes” (Luna, 2019). El comercio electrónico, hace posible que los procesos empresariales de compra y venta de productos puedan darse a través de una web, como la que nos ocupa el trabajo, de esta forma podemos mejorar las perspectivas del negocio además de incluir un valor añadido para la comodidad del cliente. Comercio electrónico Podemos definir comercio como compraventa o intercambio de bienes o servicios, aunque siempre ha poseído un componente físico, ya que el intercambio de bienes y servicios se realizaba de forma física, cada vez la utilización de tecnología, sobre todo Internet, hace que el componente físico vaya diluyéndose hacia un futuro meramente digital. “El e-commerce o comercio electrónico consiste en la distribución, venta, compra, marketing y suministro de información de productos o servicios a través de Internet” (Rodríguez, 2015). Además, comercio electrónico no significa únicamente comprar o vender algo, tiene valores añadidos como marketing, servicios postventa, promoción, publicidad, análisis y mejora de la comunicación entre vendedor y cliente. El crecimiento del comercio electrónico en España es continuado. Así, en el tercer trimestre de 2018, según la comisión nacional de los mercados y competencia (CNMC, 2019), el comercio electrónico supera los 10.000 millones de euros, más específicamente, 10.116 millones de euros, un 29,9% más que el año anterior. En la siguiente figura observamos la evolución trimestral de negocio del comercio electrónico (representado con las barras azules) y su evolución interanual (línea naranja). Figura 3. Evolución del comercio electrónico Fuente: CNMC, 2019. Vemos en el artículo (CNMC, 2019) que los sectores de actividad con mayores ingresos han sido las agencias de viajes y operadores turísticos (16,5%), transporte aéreo (10,1%) y hoteles y alojamientos (5,5%). González Corpas, Agustín Manuel - 18 - Además, si segmentamos el volumen del comercio electrónico según su área geográfica, observamos que dentro de España ha habido un 34% de volumen de negocio, de España con el exterior un 47% y desde el exterior con España un 19%. Los sectores de actividad donde se realizan mayores ingresos tanto en España, como con el exterior y desde el exterior con España se muestra en la figura siguiente. Dentro del comercio electrónico en España observamos como las agencias de viajes y operadores turísticos son las que más ingresos han recibido, seguido del transporte terrestre de viajeros y espectáculos, sobre todo deportivos. Esto se traduce en 3.405 millones de euros que ingresan todos estos sectores. Figura 4. Comercio Electrónico dentro de España Fuente: elaboración propia a partir de CNMC, 2019. Las actividades o sectores de actividades españoles que más facturación generan con el exterior son el transporte aéreo, hoteles y alojamientos, y prendas de vestir. Todo esto genera 4.787 millones de euros de ingresos. Figura 5. Comercio Electrónico de España con el exterior Fuente: elaboración propia a partir de CNMC, 2019. Desde el exterior con España, nos encontramos con que el mayor volumen de negocio se encuentra en las agencias de viajes, transporte aéreo y hoteles y alojamientos. Se traduce en 1.924 millones de euros de ingresos. Uso de Drupal para diseñar una tienda online - 19 - Figura 6. Comercio electrónico del exterior con España Fuente: elaboración propia a partir de CNMC, 2019. Como conclusión observamos que el grueso económico y el mayor volumen de ingresos se dan con el comercio electrónico que posee España respecto al exterior, seguido de los negocios electrónicos operados dentro del país y para finalizar, cualquier relación del exterior con España. Mediante un estudio sobre el impacto del comercio electrónico en revistas científicas, podemos observar la tendencia que ha tenido el comercio electrónico en el año en dichas revistas. Figura 7. Impacto del Comercio Electrónico en Revistas Científicas Fuente: elaboración propia a partir de CNMC, 2019. Observamos un aumento considerable en el impacto que ha tenido el comercio electrónico desde el año 2007 hasta el 2017, donde en 2007 era prácticamente inexistente y ahora se posiciona como uno de los recursos más usados en las revistas científicas. González Corpas, Agustín Manuel - 20 - Figura 8. Evolución citas de Comercio Electrónico en revistas científicas Fuente: elaboración propia a partir de CNMC, 2019. Además, como vemos en el gráfico anterior, analizando sólo las citas totales de los datos extraídos del estudio, éstas aumentan de manera notable año tras año. Esta tendencia al alza podemos augurar que seguirá en los años venideros. 2.3. REQUISITOS LEGALES En este punto explicaremos los requisitos mínimos para que una tienda online pueda funcionar de manera totalmente legal y de forma transparente. Agencia Tributaria El primer paso es rellenar los modelos 036 y 037, (en el anexo 2 encontramos sus portadas) donde tendremos que marcar el tipo de actividad económica que vamos a realizar, sección y el IAE o Impuesto de Actividades Económicas, de este impuesto están exentas empresas que tengan un volumen de negocio por debajo del millón de euros. Además de especificar que sea una tienda online o no, la actividad depende de lo que se venda, no de que sea una tienda propiamente dicha. Por ejemplo, si se vende harina mediante una e-commerce, el epígrafe será el 417.1: harinas y sémolas. Es obligatorio darse de alta en la Agencia Tributaria para poder realizar cualquier transacción en la tienda, además es gratuito. Para darse de alta en la seguridad social, según la sentencia del Tribuna Supremo (STS 2483/2007) el volumen de negocio tiene que superar el salario mínimo interprofesional. Aunque esta sentencia nos dice lo anterior, lo más seguro es tramitar el alta a la vez que en la Agencia Tributaria. Una vez superado este límite o si se hace a la vez, hay que darse de alta como autónomo o autónoma. Uso de Drupal para diseñar una tienda online - 21 - Ley de cookies Una cookie es un pequeño archivo donde se almacena información de la persona que navega en un sitio web determinando, recordando sus preferencias, movimientos e interacciones realizadas en dicha web. Normalmente en todas las webs se avisa con una ventana o popup de la existencia de cookies y de su almacenamiento, además debe incluir las instrucciones necesarias tanto para dar el consentimiento de aceptación para el uso de las cookies como el significado de éstas o cuáles usa la web. La forma de deshabilitar las cookies también debe venir indicado. No cumplir con esta ley (LSSI 34/2002, de 11 de julio) puede acarrear sanciones entre 600€ y 600.000€. Las cookies son usadas, entre otras cosas, para obtener la información de Google Analytics. Mediante el módulo Eucookies Compilance (Marcin, 2012), se ha integrado la protección de datos en la página web mediante la política de cookies, que podemos encontrar dentro de una pestaña del menú. Ley de servicios de la sociedad de la información y de comercio electrónico Según el artículo 10 de la Ley 34/2002, de 11 de julio, de servicios de la sociedad de la información y de comercio electrónico, en adelante LSSI, quien preste los servicios que se den en la página web tiene el deber de disponer de unos medios que permitan acceder por medios electrónicos a cualquier persona u órgano, de manera permanente, eficaz y sin coste a la siguiente información: Su nombre o denominación social; su residencia o domicilio o, en su defecto, la dirección de uno de sus establecimientos permanentes en España; su dirección de correo electrónico y cualquier otro dato que permita establecer con él una comunicación directa y efectiva. Los datos de su inscripción en el Registro Mercantil en el que, en su caso, se encuentren inscritos o de aquel otro registro público en el que lo estuvieran para la adquisición de personalidad jurídica o a los solos efectos de publicidad. Además si se trata de una tienda con productos, debe especificar los impuestos, gastos de envío o demás tasas supletorias que afecten al producto en cuestión. Ley de ordenación del comercio minorista La Ley 7/1996, de 15 de enero, de Ordenación del Comercio Minorista, trata sobre la información y características de los productos que se ofrecen, envíos, devoluciones, pagos, anulaciones y derecho de desistimiento, donde el contrato fijado por la compra de un producto entre consumidor y vendedor se rompe y el consumidor tiene un plazo de 14 días para la devolución del producto y el vendedor en un plazo de 30 días tiene que devolver el dinero de forma íntegra. La mayor diferencia entre una tienda online y una tienda física, es que la tienda online no necesita de licencia de apertura, para todo lo demás en razones de compra-venta poseen las mismas condiciones. Como particularidad, según el artículo 103 de la Ley General de Consumidores y usuarios, los productos alimenticios adquiridos a través de internet, tienen un tiempo de devolución de 14 días naturales. González Corpas, Agustín Manuel - 22 - Ley de protección de datos La ley del protección de datos (LOPD 3/2018, de 5 de diciembre), en adelante LOPD, establece que todas las tiendas online deben notificar a la Agencia Española de Protección de Datos los ficheros que poseen sobre clientes y usuarios, además de informarles que sus datos quedarán almacenados, teniendo que dar éstos su consentimiento al registrarse. Toda esta información normalmente se muestra en la política de privacidad de la página web, donde indican tanto los datos que se registran como la forma de hacerlo, ya sea directamente o a través de otra empresa que contratemos para realizar este trabajo. El procedimiento a seguir sería seleccionar cualquier documento, fichero o texto que poseamos en nuestra web con datos de carácter personal, ya sean de proveedores o usuarios, recopilar todos estos datos en un fichero físico y virtual, informar a todo usuario a través de nuestra política de privacidad para que van a ser usados sus datos y registrar el fichero en la Agencia Española de Protección de Datos. Uso de Drupal para diseñar una tienda online - 23 - CAPÍTULO 3. LA PÁGINA WEB 3.1. Objeto Esta web ha sido creada como modelo para una empresa local, para darle una mayor visibilidad, además de permitir la compra de una selección de productos mediante una tienda online. Dirección web: http://us18064.xyz/ 3.2. La empresa El nombre de la empresa es Confitería Corpas, está situada en la plaza del Altozano nº 6 en Utrera, una ciudad que se encuentra a 25 km de Sevilla. Desde 1905, ofrece sus servicios como artesanos pasteleros además contando con especialidades propias y dulces variados en su conjunto, entre los que se encuentran: - Especialidades en capuchinas y marroquíes - Petisús - Cuadrado de chocolate - Hoja de piñón - Sultanas - Roscos de sidra - Bizcotelas - Mostachones - Carmelitas - Lenguas de nata - Milhojas (merengue, chocolate y fresa) - Palos de nata - Pescados de nata y hojaldre - Piononos - Glorias de merengue - Tocinos de cielo - Medias lunas de yema - Tortas de polvorón - Roscones de reyes - Caracolas de crema - Brazos de gitano (nata, chocolate, almendra, yema tostada, crema pastelera y piñones) - Tartas (merengue, yema tostada y chocolate) Hasta finales de 2017, se trataba de un negocio familiar común donde la única venta al cliente era a través del local de la propia confitería. En 2019, la confitería cierra sus puertas para una reforma, con la idea de ampliar el negocio mediante la venta web de una gama de productos seleccionados además de modernizar sus instalaciones. González Corpas, Agustín Manuel - 30 - Figura 19. Elección sector de la empresa Fuente: https://paypal.es/ Una vez registrados, nos llegará una confirmación a nuestro correo electrónico y ya podremos acceder a la web de paypal con los datos de usuario que hayamos elegido. Una vez dentro seleccionaremos que deseamos que se procesen pagos tanto por tarjeta como por cuentas paypal. Figura 20. Configuración de pagos en Paypal Fuente: https://paypal.es/ A la hora de seleccionar el proceso de pagos, confirmaremos nuestra cuenta bancaria y ya podremos recibir todo tipo de pagos. Figura 21. Pagos aceptados en Paypal Fuente: https://paypal.es/ Una vez dentro del módulo paypal en nuestra web, lo único que tenemos que hacer es incluir nuestro correo electrónico, cambiar la moneda y seleccionar “live” en el servidor Paypal para poder recibir los pagos y empezar a funcionar como tienda. Uso de Drupal para diseñar una tienda online - 31 - Figura 22. Vista configuración de Paypal en Ubercart Fuente: https://paypal.es/ Como ejemplo, hemos tramitado una compra y una vez seleccionado el método de paypal como pago y tramitado el pedido, se nos abre la pestaña paypal para pagar tanto con tarjeta como con una cuenta paypal. Figura 23. Proceso de pago en Paypal Fuente: https://paypal.es/ González Corpas, Agustín Manuel - 32 - Proceso de compra en Ubercart En este apartado vamos a explicar de forma breve y concisa cual sería el proceso a llevar a cabo para realizar una compra dentro de nuestra web. Primero seleccionaríamos varios productos y tramitaríamos la compra. Figura 24. Cesta de la compra Fuente: elaboración propia a partir de web http://us18064.xyz/ Una vez pulsado en “Tramitar compra”, nos aparece la pantalla para introducir nuestra dirección, nombre, apellidos y datos de facturación si fueran diferentes a los datos de envío. Por defecto y para poder realizar un envío, solo está activada la opción de escoger el territorio español. Una vez escrito los datos, solo nos falta escoger el método de pago y clicar en “revisar el pedido”. Figura 25. Proceso de compra Fuente: elaboración propia a partir de web http://us18064.xyz/ Una vez revisemos el pedido y cliquemos en “Realizar pedido” nos redirigirá a la web de paypal para realizar el pago o directamente nos mostrará el pedido si lo hemos hecho contra reembolso. Figura 26. Pedido finalizado Fuente: elaboración propia a partir de web http://us18064.xyz/ Uso de Drupal para diseñar una tienda online - 33 - Aquí acabaría la parte de cliente, pero nosotros como dueños de la tienda, lo buscaremos en “View Orders” dentro del menú tienda de Ubercart. Figura 27. Pestaña pedidos de Ubercart Fuente: elaboración propia a partir de web http://us18064.xyz/ Una vez dentro y localizado, seleccionaremos la lupa para ver nuestro pedido, prepararlo, ver si está cobrado y poder ir modificando la situación del pedido. Una vez finalizado todo, podremos cambiar la orden del pedido del cliente a completada y recibirá un correo con las distintas actualizaciones que se vayan haciendo. Figura 28. Proceso de pedidos Fuente: elaboración propia a partir de web http://us18064.xyz/ Ya solo nos quedará empaquetarlo y entregarlo al servicio de mensajería contratado para mandar al cliente su código de seguimiento. 3.5. Google analytics Google Analytics es una herramienta de Google que sirve para poder ver la información de los usuarios que visitan nuestra web, ya sea para monitorizar el tiempo que permanecen en ella, vínculos más vistos, interacciones realizadas, monitorizar sus patrones de compra, etc. En definitiva se trata de una herramienta para analizar todo el tráfico que fluya por nuestra web. González Corpas, Agustín Manuel - 34 - Aunque nos hemos basado en Ubercart para crear la tienda online y éste incluye un módulo de Google Analytics para Ubercart, optamos por escoger la decisión del módulo independiente a Ubercart, ya que el propio módulo de Ubercart solo nos sirve si nuestra página tiene este módulo de tienda instalado y ante una posible obsolescencia o eliminación de la tienda y dejar la página como mera información de la empresa ya no nos valdría. Además, el módulo de Ubercart ha tenido fallos debido a la actualización del políticas de Google y el paso de Analytic a otros servidores (junnun, 2014) Con este módulo obtendremos los datos sobre las visitas de nuestra web. En el anexo I podemos encontrar imágenes tanto del registro en la plataforma, como imágenes de la aplicación móvil del sistema operativo IOS donde podemos observar los datos recogidos sobre nuestra web, además en el apartado conclusiones observaremos el resultado del análisis de estos datos. 3.6. Simple Google Maps Simple google Maps (Jhodgdon, 2012) es un módulo utilizado para introducir una dirección específica y mostrarla en un mapa de Google Maps. Este módulo no requiere de ningún otro, de forma que se puede descargar e instalar directamente siguiendo los pasos establecidos para la mayoría de módulos sin complicaciones iniciales. Una vez instalado el modulo, tras haber ejecutado el script de actualización en modo mantenimiento y tenerlo activado podemos comenzar a utilizarlo. Para ello acudimos a Administración/Estructura/Tipo de contenido, una vez aquí hay que seleccionar los contenidos que queramos que presenten una ubicación a través de google maps. Para la explicación seguiremos los pasos para que los artículos tengan implementado estos mapas. Nos vamos a “Estructura” y en el menú de Artículo, seleccionamos “Administrar campos”, al cual llamaremos “Mapa”, con tipo de campo “Texto (Sin formato)” y guardamos. Una vez guardado, entramos en Gestionar Presentación, y cambiamos el campo Mapa, el “texto sin formato” a “Google Map from one-line address.”. Figura 29. Campo de texto de Simple Google Maps Fuente: elaboración propia a partir de web http://us18064.xyz/ Una vez hecho esto nos aparecerá la imagen de un engranaje para poder configurar la visualización de Google Maps en el artículo, tanto su tamaño (para artículos elegimos 400x400) como el idioma, que en su defecto era inglés “en” y lo cambiamos al español insertando “es”. Figura 30. Configuración de Simple Google Maps Fuente: elaboración propia a partir de web http://us18064.xyz/ Uso de Drupal para diseñar una tienda online - 35 - Para finalizar, vamos a crear un artículo para comprobar que el funcionamiento es correcto y veremos cómo aparece un cuadro donde introducir la dirección elegida directamente, como ejemplo “Plaza del Altozano, 6, 41710 Utrera, Sevilla”, y nos aparecerá con un stick rojo señalando el lugar de la dirección en el mapa. Figura 31. Dirección en Google Maps Fuente: elaboración propia a partir de web http://us18064.xyz/ 3.7. EU cookies compilance La legislación actual vigente requiere que las páginas web que hagan uso de cookies avisen a los usuarios de su utilización y que éstos le concedan autorización para su uso. Este módulo es simple pero eficiente, permitiendo que resalte un banner la primera vez que un usuario entra en la página web, dándole a éste el aviso y la posibilidad de aceptar las cookies. Adicionalmente hemos incorporado una opción de “Más Información” para los usuarios que estén interesados, que les redirige a la página oficial de la unión europea encargada de la legislación y el funcionamiento de las cookies. Figura 32. Banner de política de cookies Fuente: elaboración propia a partir de web http://us18064.xyz/ Aquí observamos la ventana o popup que se abre una vez se ingresa en la página para aceptar o rechazar las cookies. En el botón “Más Info”, se enlaza con la página web http://us18064.xyz/?q=node/14 donde se explica detalladamente la política de cookies de la empresa. González Corpas, Agustín Manuel - 36 - 3.8. Vistas El módulo Vistas es una de las herramientas más importantes que posee Drupal. Sirve para crear contenido dinámico y poder agruparlo en tablas, cuadrículas o listas, además de múltiples capas de personalización que nos permitirá crear vistas individuales o colectivas según sea necesario. Además, posee más características entre las que se encuentran: - Multitudes de listados, tablas o contenidos para poder agruparlos según nos interese. - Nodos con las personalizaciones y filtros realizados El catálogo se basa en Vistas para realizar la transición de imágenes y las características de los productos, además de varias entradas en los menús. 3.9. Localization update Módulo instalado para traducir de forma automática Drupal, ya que éste viene de manera predeterminada en inglés y hay que añadir la traducción en español posteriormente, e irla actualizando cada vez que se instala algo nuevo, ya sea un módulo o una actualización del núcleo. En la siguiente figura podemos observar el % de traducción actual tanto de Drupal como de sus módulos en nuestra web. Figura 33. Interfaz de idiomas Fuente: elaboración propia a partir de web http://us18064.xyz/ 3.10. Youtube Field YouTube Field es un módulo diseñado para poder insertar y ver videos de YouTube directamente desde los artículos creados, de esta forma también se puede aportar un apoyo audiovisual a las noticias y hacerlas más atractivas e interesantes. Un ejemplo que podemos encontrar de su uso lo encontramos en un artículo del blog con video incrustado. Figura 34. Ejemplo de video de youtube en la web Fuente: elaboración propia a partir de web http://us18064.xyz/ Uso de Drupal para diseñar una tienda online - 37 - 3.11. Blog Se ha activado la opción Blog del núcleo de Drupal, lo que permite la creación de un blog donde distintos usuarios puedan subir sus recetas de cocina y compartirlas con todo el mundo. Figura 35. Entrada de blog Fuente: elaboración propia a partir de web http://us18064.xyz/ Además, se ha instalado el módulo Pathauto para generar urls de forma automática. Este módulo ha sido instalado debido a que lo requería Drupal tras la activación del módulo “Blog”. Sirve para dotar de diferentes nombres a las direcciones webs de las distintas entradas de blogs que se vayan creando dentro del sitio. González Corpas, Agustín Manuel - 38 - Uso de Drupal para diseñar una tienda online - 39 - CAPÍTULO 4. CONCLUSIONES Mostraremos en este capítulo tanto los resultados obtenidos como las conclusiones que hemos podido sacar tras su realización. 4.1. Resultados Una vez creada la web, hemos hecho uso de Google Analytics para ver los resultados obtenidos. Una vez instalado el módulo e introducido el número proporcionado por Google para realizar el tracking, nos disponemos a analizar los datos. Éstos son meros ejemplos, ya que debido al corto tiempo para realizar estos análisis solo se han incluido en el trabajo como información general para ver que pasos hay que realizar para hacer un informe con estos datos. En el análisis hemos cogido como base la semana del 20 al 26 de mayo. En la primera figura podemos observar un aumento en todos los niveles, tanto de usuarios como de sesiones, porcentaje de rebote de otras webs y el tiempo que permanecen los usuarios en nuestra web también ha aumentado. Figura 36. Resumen Google Analytics Fuente: elaboración propia a partir de web https://analytics.google.com En la siguiente figura observamos que la mayoría de nuestros usuarios provienen de la dirección web directa y en bastante menor medida, vienen dirigidos desde redes sociales. Figura 37. Sitio de acceso a la web Fuente: elaboración propia a partir de web https://analytics.google.com Además, podemos observar que los visitantes de nuestra web no pertenecen únicamente al territorio español, sino también provienen de Estados Unidos. De esta forma se podría analizar el alcance internacional de la web. González Corpas, Agustín Manuel - 46 - Uso de Drupal para diseñar una tienda online - 47 - González Corpas, Agustín Manuel - 48 - Anexo II. Modelos 036 y 037 de la Agencia Tributaria Portada de los documentos de la Agencia Tributaria a rellenar para poder empezar con actividades económicas. Uso de Drupal para diseñar una tienda online - 49 - Anexo III. Otra bibliografía revisada pero no comentada • Lapteva, U. and Kuzyakov, O. (2018) ‘Rationale for Principles of Developing Control and Protection of Web Content Using CMS Drupal’, in 2018 INTERNATIONAL SCIENTIFIC MULTI-CONFERENCE ON INDUSTRIAL ENGINEERING AND MODERN TECHNOLOGIES (FAREASTCON). • Khan, N. A. and Ahangar, H. (2018) ‘Use of Open Content Management Systems in Government Sector’, in Kataria, S and Anbu, KJP and Gartner, R and Sandhu, G (ed.) IEEE 5TH INTERNATIONAL SYMPOSIUM ON EMERGING TRENDS AND TECHNOLOGIES IN LIBRARIES AND INFORMATION SERVICES (ETTLIS 2018), pp. 183–187. • Krouska, A., Troussas, C. and Virvou, M. (2017) ‘Comparing LMS and CMS Platforms Supporting Social e-Learning in Higher Education’, in 2017 8TH INTERNATIONAL CONFERENCE ON INFORMATION, INTELLIGENCE, SYSTEMS & APPLICATIONS (IISA). (International Conference Information Intelligence Systems and Applications), pp. 277–282. • Kaluza, M., Vukelic, B. and Rojko, T. (2016) ‘CONTENT MANAGEMENT SYSTEM SECURITY’, ZBORNIK VELEUCILISTA U RIJECI-JOURNAL OF THE POLYTECHNICS OF RIJEKA, 4(1), pp. 29–44. • Nikolic, S. and Silc, J. (2016) ‘Drupal 8 Modules: Translation Management Tool and Paragraphs’, INFORMATICA-JOURNAL OF COMPUTING AND INFORMATICS, 40(1), pp. 145–152. • Eshkevari, L. et al. (2015) ‘Are PHP Applications Ready for Hack?’, in 2015 22ND INTERNATIONAL CONFERENCE ON SOFTWARE ANALYSIS, EVOLUTION, AND REENGINEERING (SANER), pp. 63–72. • Kumar, B. (2014) ‘Security in Drupal’, in Shukla, B and Khatri, SK and Kapur, PK (ed.) 2014 3RD INTERNATIONAL CONFERENCE ON RELIABILITY, INFOCOM TECHNOLOGIES AND OPTIMIZATION (ICRITO) (TRENDS AND FUTURE DIRECTIONS). • Mirdha, A., Jain, A. and Shah, K. (2014) ‘Comparative Analysis of Open Source Content Management Systems’, in Krishnan, N and Karthikeyan, M (ed.) 2014 IEEE INTERNATIONAL CONFERENCE ON COMPUTATIONAL INTELLIGENCE AND COMPUTING RESEARCH (IEEE ICCIC). (IEEE International Conference on Computational Intelligence and Computing Research), pp. 239–242. • Drouillon, P.-J. and Dutre, P. (2012) ‘HOW TO (RE-) BUILD A FREQUENT ASKED QUESTIONS SITE WITH DRUPAL, AN OPEN-SOURCE CMS’, in Chova, LG and Martinez, AL and Torres, IC (ed.) 5TH INTERNATIONAL CONFERENCE OF EDUCATION, RESEARCH AND INNOVATION (ICERI 2012), pp. 908–912. • Havlik, D. (2011) ‘Building Environmental Semantic Web Applications with Drupal’, in Hrebicek, J and Schimak, G and Denzer, R (ed.) ENVIRONMENTAL SOFTWARE SYSTEMS: FRAMEWORKS OF EENVIRONMENT. (IFIP Advances in Information and Communication Technology), pp. 385–397. • Vlada, M. and Adascalitei, A. (2011) ‘Case Study: Using Drupal platform for eContent Management’, in Vlada, M and Albeanu, G and Popovici, DM (ed.) PROCEEDINGS OF THE 6TH INTERNATIONAL CONFERENCE ON VIRTUAL LEARNING, ICVL 2011. (Proceedings of the International Conference on Virtual learning), pp. 98–104. • Becker, D. A. (2010) ‘Adventures in Drupal Designing a Library Website Using a CMS’, ONLINE, 34(5), pp. 19–21.Roceanu, I., Popescu, M.-M. and Popescu, V. D. (2010) ‘KNOWLEDGE PORTAL FOR CITIZENS’ EDUCATION’, in Popescu, V and Jugureanu, R and Stefan, V and Radu, C (ed.) ADVANCED DISTRIBUTED LEARNING IN EDUCATION AND TRAINING TRANSFORMATION, pp. 11–16. González Corpas, Agustín Manuel - 50 - • Barbieru, D. et al. (2009) ‘USING DRUPAL ON EDUCATIONAL PROJECT’, in Hruby, M (ed.) DISTANCE LEARNING, SIMULATION AND COMMUNICATION 2009, PROCEEDINGS, pp. 14–18. • Beldiman, L. and Canepa, D. (2009) ‘New ways of transforming Drupal from CMS to LCMS’, in Vlada, M and Albeanu, G and Popovici, DM (ed.) ICVL 2009 - PROCEEDINGS OF THE 4TH INTERNATIONAL CONFERENCE ON VIRTUAL LEARNING, pp. 189–194. • Corlosquet, S. et al. (2009) ‘Produce and Consume Linked Data with Drupal!’, in Bernstein, A and Karger, DR and Heath, T and Feigenbaum, L and Maynard, D and Motta, E and Thirunarayan, K (ed.) SEMANTIC WEB - ISWC 2009, PROCEEDINGS. (Lecture Notes in Computer Science), p. 763+.Nurminen, J. K. et al. (2008) ‘Drupal Content Management System on Mobile Phone’, in 2008 5th IEEE Consumer Communications and Networking Conference. IEEE, pp. 1228– 1229. doi: 10.1109/ccnc08.2007.281. • Willis, J. et al. (2010) ‘Scholarly Knowledge Development and Dissemination in an International Context: Approaches and Tools for Higher Education’, Computers in the Schools, 27(3–4), pp. 155–199. doi: 10.1080/07380569.2010.523883. • Akkus, I. E. and Goel, A. (2010) ‘Data recovery for web applications’, in 2010 IEEE/IFIP International Conference on Dependable Systems & Networks (DSN). IEEE, pp. 81–90. doi: 10.1109/DSN.2010.5544951. • Tidal, J. (2013) ‘Using Web Analytics for Mobile Interface Development’, Journal of Web Librarianship, 7(4), pp. 451–464. doi: 10.1080/19322909.2013.835218. • McCallum, I. (2013) ‘Drupal in libraries (The Tech Set series, #14)’, The Australian Library Journal, 62(2), pp. 163–164. doi: 10.1080/00049670.2013.790689. • Gamalielsson, J. et al. (2015) ‘On organisational influences in software standards and their open source implementations’, Information and Software Technology, 67, pp. 30–43. doi: 10.1016/j.infsof.2015.06.006. • Tramullas, J. (2013) ‘Gestión de contenidos con <i>Drupal</i>: revisión de módulos específicos para bibliotecas, archivos y museos’, El Profesional de la Informacion, 22(5), pp. 425–431. doi: 10.3145/epi.2013.sep.07. • Wang, X. et al. (2014) ‘Microblogging in Open Source Software Development: The Case of Drupal and Twitter’, IEEE Software, 31(4), pp. 72–80. doi: 10.1109/MS.2013.98. • Skulimowski, A. M. J. and Badecka, I. (2016) ‘Software Innovation Dynamics in CMSs and Its Impact on Enterprise Information Systems Development’, in, pp. 309–324. doi: 10.1007/978-3-319-49944-4_23. • Priefer, D., Kneisel, P. and Strüber, D. (2017) ‘Iterative Model-Driven Development of Software Extensions for Web Content Management Systems’, in, pp. 142–157. doi: 10.1007/978-3-319-61482-3_9. • Denham, B., Pears, R. and Connor, A. M. (2018) ‘Evaluating the Quality of Drupal Software Modules’, International Journal of Software Engineering and Knowledge Engineering, 28(05), pp. 663–700. doi: 10.1142/S0218194018500195. • Ortiz Collazos, F., Hurtado Hurtado, B. E. and Rojas Pineda, E. (2016) ‘R. B. Repository: Reference bibliographies repository for Drupal 7’, Sistemas y Telemática, 14(38), pp. 47–62. doi: 10.18046/syt.v14i38.2288. • Martinez-Caro, J.-M. et al. (2018) ‘A Comparative Study of Web Content Management Systems’, Information, 9(2), p. 27. doi: 10.3390/info9020027. • Velios, A. and Martin, A. (2017) ‘Off-the-shelf CRM with Drupal: a case study of documenting decorated papers’, International Journal on Digital Libraries, 18(4), pp. 321–331. doi: 10.1007/s00799-016-0191-5. • Buell, J. and Sandford, M. (2018) ‘From Dreamweaver to Drupal: A University Library Website Case Study’, Information Technology and Libraries, 37(2), pp. 118–126. doi: 10.6017/ital.v37i2.10113.