DISEÑO Y ANÁLISIS DE UNA PLATAFORMA E-COMMERCE B2C

TRABAJO FIN DE GRADO Director: Roberto Yuste García Alumno: Pedro Palos Sánchez

Universidad Católica de Ávila

Llevar a cabo un Estudio Práctico de Implantación de una Plataforma de Comercio Electrónico (E-commerce) para una

Pyme.

Objetivo

Metodología Recopilación de información que será contrastada con abundante información de consultoría y asesoramiento de cómo

afrontar la implantación de un proceso de venta electrónica en una empresa desde todos los puntos de vista que puedan

afectar a un proceso de cambio.

Diseño de un análisis funcional usando metodologías propias de la Ingeniería del Software, con Modelado de Datos y

Diagramación.

He aplicado una serie de tareas de modelado que llevan a una especificación completa de los requisitos y a una

representación del diseño general del software a construir.

El modelo de análisis, realmente un conjunto de modelos, es la primera representación técnica de un sistema. Aplicaré un

análisis estructurado, un método de modelado clásico con aportaciones del otro enfoque, análisis orientado a objetos.

El análisis estructurado es una actividad de construcción de modelos. Mediante una notación que satisfaga los principios de

análisis operacional, creamos modelos que representan el contenido y flujo de la información (datos y control).

Ingeniería del Software

2 Diseño y Análisis de una Plataforma E-Commerce B2C

Etapas

Proyecto de Diseño y Análisis de Implantación de Plataforma E-Commerce B2C

1 Análisis de funcionalidades de la plataforma e-commerce

2 Navegabilidad: usabilidad y accesibilidad web

3 Integración de los sistemas de gestión en una plataforma de e-Commerce

4 Analítica web, medición del Retorno de la Inversión Online e Inteligencia competitiva.

5 Posicionamiento web de la Plataforma E-Commerce

6 Integración de las redes sociales en la estrategia de venta en el portal e-Commerce

7 Imagen y Diseño Corporativo en internet.

8 Implementación de medios de pago en una plataforma de e-Commerce

9 Diseño de la Plataforma

10 Comparativa Soluciones Open Source

11 Conclusiones Finales

3 Diseño y Análisis de una Plataforma E-Commerce B2C

Análisis de Funcionalidades de la Plataforma

• Análisis DAFO

• Diseño de la estrategia de entrada a la venta online

• El Catálogo de vinos y su Usabilidad – Community Manager

– Promoción digital

– Distribución y Logística

– Devoluciones

– Información del estado del pedido

– Búsqueda rápida y búsqueda avanzada

– Medios de pago

– No usar ventanas emergentes

• Guía para las máquinas de búsqueda

• URLs descriptivas

• Links

• Posicionamiento natural en buscadores (SEO)

• Análisis y segmentación de visitas a la web

• Presentación de productos/servicios.

• Forma de presentación y descripción de los mismos

Modelo de ficha de producto/servicio

4 Diseño y Análisis de una Plataforma E-Commerce B2C

Navegabilidad WEB

5 Diseño y Análisis de una Plataforma E-Commerce B2C

Conceptos Previos

Accesibilidad

Mejores prácticas detectadas.

Imágenes y multimedia.

Objetos programados

Tablas

Formularios

Estándares

Estructura y presentación

Navegación, lenguaje y comprensión

Recomendaciones de mejora de la accesibilidad

Diseño de la tienda online basado en estándares de accesibilidad.

Recomendaciones W3C de accesibilidad web.

Uso de hojas de estilo en cascada (CSS).

Usabilidad.

Mejores prácticas detectadas.

Recomendaciones de mejora de la usabilidad

Análisis del equilibrio entre la funcionalidad ofrecida y el look and feel elegido por la

empresa.

Acciones de Mejora.

Diseño de Prototipos.

Técnicas cuantitativas y cualitativas.

Pruebas de usabilidad.

A/B Testing

WebsiteOptimizer

Test de usuario.

6 Diseño y Análisis de una Plataforma E-Commerce B2C

o Definición del nivel de integración de la plataforma de e-Commerce en los sistemas de la PYME (ERP, SCM y CRM).

o Implicaciones de la integración en costes, autonomía, conectividad y rendimiento.

o Análisis del impacto de la propuesta de integración en el plan de sistemas de la compañía, en los resultados y su alineación con la

estrategia de e-Commerce.

oPlan de integración de la plataforma de e-Commerce con los sistemas de la PYME.

oIntegración con el sistema de gestión actual.

oIntegración alternativa.

o Ventajas del ERP actual de la Empresa.

Integración en Sistemas de Gestión

7 Diseño y Análisis de una Plataforma E-Commerce B2C

La Importancia de la Analítica WEB Herramientas Disponibles Medición del Retorno de la Inversión Online (ROI) del canal online. Mejores prácticas en el uso de herramientas analíticas.

Establecimiento de las métricas e indicadores (Cuadro de Mando) para la óptima gestión del canal online. Recomendaciones sobre la creación de Servicios de Inteligencia Competitiva especializada.

Analítica WEB

8 Diseño y Análisis de una Plataforma E-Commerce B2C

•La importancia del Posicionamiento •Análisis de la situación de partida en posicionamiento web en los principales buscadores.

•Google •Yahoo! •Bing

•Análisis de las estrategias de la competencia en los motores de búsqueda, fuerzas y debilidades de sus sitios web.

• Vinissimus • Vinoseleccion •Tuvinoencasa

•Especificaciones de diseño para la construcción del portal de e-Commerce basado en estándares.

•No utilización de ventanas emergentes •Guía para los motores de búsqueda •URLs descriptivas •Links •Posicionamiento natural en buscadores (SEO)

•Análisis de las técnicas que permitan medir, valorar y mejorar el posicionamiento web, analizar los datos estadísticos reportados con SEO (técnicas de SEO on-site y off-site).

•Etiquetas meta (metatags) •Últimas técnicas en posicionamiento natural.

•Análisis de datos reportados por el seguimiento del comportamiento de los visitantes. •Recomendaciones de optimización del posicionamiento web con fijación de objetivos medibles en el corto/medio plazo. •Análisis de impacto de campañas de comunicación para implantar las mejoras en la

plataforma de e-Commerce.

Posicionamiento WEB

9 Diseño y Análisis de una Plataforma E-Commerce B2C

INTEGRACION EN REDES SOCIALES Identificación de los plugins sociales idóneos para integrar en la plataforma de comercio electrónico. (Ejemplo)

IMAGEN Y DISEÑO

Recomendaciones de imagen y diseño para el canal online. Recomendaciones para la Ficha de Producto

ELECCION DEL MEDIO DE PAGO

Selección de los medios de pago idóneos en mercados nacionales e internacionales.

Otros Aspectos

10 Diseño y Análisis de una Plataforma E-Commerce B2C

Creación de un modelo de flujo de datos (I)

El diagrama de flujo de datos (DFD) permite al ingeniero del software desarrollar los modelos del ámbito de información y del ámbito funcional al mismo tiempo. A medida que se refina el DFD en mayores niveles de detalle, el analista lleva a cabo implícitamente una descomposición funcional del sistema. Al mismo tiempo, el refinamiento del DFD produce un refinamiento de los datos a medida que se mueven a través de los procesos que componen la aplicación. Este modelo lo podemos dividir en dos grandes grupos uno que tiene que ver con el lado donde se produce el comercio y otro donde se mantiene y administra el sitio. Dentro del primer grupo se describen los procesos, entidades y flujos necesarios para poder producir el comercio y en el segundo grupo se describe lo necesario para poder sustentar el intercambio de productos como son el mantenimiento del stock, seguimiento de pedidos, mantenimiento y configuración de productos.

11 Diseño y Análisis de una Plataforma E-Commerce B2C

Creación de un modelo de flujo de datos (II)

12 Diseño y Análisis de una Plataforma E-Commerce B2C

Algunas normas a tener en cuenta en la creación del Modelo son:

•El diagrama de flujo de datos de nivel O debe reflejar el software/sistema

como una sola burbuja.

•Se deben anotar cuidadosamente la entrada y la salida principales.

•El refinamiento debe comenzar aislando los procesos, los objetos de datos y

los almacenes de datos que sean candidatos a ser representados en el

siguiente nivel.

•Todas las flechas y las burbujas deben ser rotuladas con nombres

significativos.

•Entre sucesivos niveles se debe mantener la continuidad del pujo de

información.

•Se deben refinar las burbujas de una en una.

•Hay una tendencia natural a complicar en exceso el diagrama de flujo de

datos. Esto ocurre cuando el analista intenta reflejar demasiados detalles

demasiado pronto o representa aspectos procedimentales en detrimento del

flujo de información.

Creación de un modelo de flujo de datos (III)

13 Diseño y Análisis de una Plataforma E-Commerce B2C

Por tanto, con el análisis gramatical de la narrativa de procesamiento de una burbuja de cualquier nivel de DFD,

podemos generar mucha información útil sobre cómo proceder en el refinamiento del siguiente nivel.

Usando esa información, obtenemos el DFD de nivel 1

Ingreso producto

Eliminar producto

Modificar producto

Actualizar estado pedido

Revisión Stock

Revisión fecha vencimiento

El nivel uno del diagrama de flujo de datos se muestra en forma general los procesos que se desarrollarán en el sistema.

Las entidades implicadas son Cliente y Empresa que interactúan mediante los siguientes procesos:

Por el lado del cliente:

Login y Password.

Ingreso Cliente.

Modificar Datos Cliente.

Buscar Producto.

Agregar Producto.

Consultar / Modifcar Carro.

Revisar Estado Pedido.

Finalizar Pedido.

Por el lado del mantenimiento:

Ingreso Producto.

Eliminar Producto.

Modificar Producto.

Actualizar Estado Pedido.

Revisión Stock.

Revisión Fecha Vencimiento.

Creación de un modelo de flujo de datos (IV)

14 Diseño y Análisis de una Plataforma E-Commerce B2C

Entidades de Modelos de Datos (I)

Diseño y Análisis de una Plataforma E-Commerce B2C 15

Entidades de Modelos de Datos (II)

Diseño y Análisis de una Plataforma E-Commerce B2C 16

Entidades de Modelos de Datos (III)

Campo Tipo Descripción

id-producto Numérico(10) Identificador único del producto.

desc-larga-prod Texto(30) Descripción larga del producto.

desc-corta-prod Texto(10) Descripción corta del producto o nombre.

Empresa Texto(4) Código de la empresa que produce el

producto.

Marca Texto(20) Marca del producto.

Modelo Texto(20) Modelo del producto.

Precio Numérico(10) Valor unitario comercial del producto.

Oferta Numérico(10) Precio oferta unitario sobre el valor

comercial del producto.

Lote Numérico(10) Identificador del lote al que pertenece el

producto.

Desc-lote Texto(20) Campo descriptivo del lote.

Cantidad Numérico(10) Cantidad del producto que contiene el

lote.

fec-ini-vig Fecha Fecha de inicio de vigencia del producto

en el sistema, indica desde cuando se comercializa al

cliente el producto.

Fec-fin-vig Fecha Fecha de fin de vigencia del producto o

fecha desde cuando ya no se comercializa el producto en el

sistema, si esta fecha no está informada entonces indica que

el producto está vigente.

fecha-registro Fecha/Hora Fecha y hora de la última modificación del

registro.

Def-Prod : En esta tabla se

almacena la información de los productos a

comercializar en la Tienda de Vinos.

Diseño y Análisis de una Plataforma E-Commerce B2C 17

Comparativa entre 5 Soluciones

Magento. Solución de comercio electrónico Open Source que destaca por su gran velocidad y que apuesta por un diseño preciosista que se aprecia en cada uno de sus detalles.

Está fuertemente orientada al mundo del profesional creativo (fotógrafos, diseñadores, etc) que necesitan vender sus creaciones en la red, aunque por supuesto, cualquier empresa puede aprovecharse de esta gran solución de e-commerce.

Prestashop . Indicada para cualquier tipo de empresa, ofrece características avanzadas como un control exhaustivo de nuestro inventario, el desglose completo y pormenorizado de cada una de nuestras ventas o seguimiento en tiempo real de nuestros envíos.

Una de sus grandes ventajas es que incluye por defecto un completo editor WYSIWYG con el que poder realizar pequeños ajustes en las fotografías y gráficos que queremos incluir en nuestra web. Además, se trata de una solución que integra por defecto Paypal

como plataforma de pago e incluso integra un pequeño CRM con el que manejar la base de datos de nuestros clientes.

Open Cart. Una de las grandes bondades de esta solución de comercio electrónico es su extremada sencillez a la hora de personalizar nuestra tienda on-line. De hecho, una de sus principales características es que junto a un gran conjunto de

herramientas con las que podemos modificar casi cualquier aspecto de nuestra web, se incluyen varias plantillas que podemos modificar a nuestro gusto.

osCSS . Ssolución de comercio electrónico extremadamente sencilla, programada íntegramente en PHP y basada en OS Commerce. Como su hermana mayor, podemos descargar e instalar en nuestro servidor osCSS de forma totalmente gratuita,

lo cual puede ser una ventaja para muchas empresas que no quieran invertir recursos económicos en este tipo de soluciones.

Virtuemart . no es exactamente una solución de comercio electrónico al uso, sino una extensión para Joomla que nos permite añadir dicha funcionalidad a nuestra página web corporativa.

Frente a lo que muchos puedan pensar, dispone de un gran número de características que la hace realmente competitiva frente a las soluciones comerciales.

Diseño y Análisis de una Plataforma E-Commerce B2C 18

Vistas y Sitios Web

Magento -> posibilidad de organizar nuestra tienda online

en varias vistas y sitios web. Tiendas multidepartamentales, o un sistema multitienda con una

sola instalación de Magento.

PrestaShop -> no lo soporta, y tendría esta funcionalidad a

partir de 2012, cuando se liberó la versión 1.5.

Gestión de Atributos

PrestaShop -> los productos tienen un precio base, y cada

variante añade o resta una cantidad

Complicada integración con ERPs, e impide ofertas y

descuentos a nivel de variante.

Magento -> gestión de atributos realmente buena.

Totalizadores Ni PrestaShop ni Magento tienen

esta característica, aunque con Magento, debido a su modelo de

datos es posible fácilmente implementarlo, pero en PrestaShop no se puede

Por ejemplo, si queremos agregar un concepto nuevo,

como comisión de reembolso, simplemente, en PrestaShop no

se puede hacer.

Estadísticas PrestaShop -> la solución más apropiada, las estadísticas que muestra sobre los usuarios son

realmente buenas.

Marketing PrestaShop incorpora infinidad de herramientas de marketing,

fidelización de clientes, programa de afiliados, etc…

Existen módulos de Magento que pueden hacer lo mismo, en

PrestaShop ya viene instalado.

.

Usabilidad

PrestaShop como usuario es sencillo y con la versión 1.4 se

incorporan filtros por capa (búsquedas por rango de

precio, edad, etc…), comparación de productos,

compra sin registro, checkout en una sola página, etc…

Magento, suele ser un poco más compleja.

CRM

PrestaShop, incorpora un CRM básico, en el que

podemos gestionar toda la comunicación que se realiza entre los administradores de

la tienda y los usuarios.

Magento, sólo está disponible en algunos

módulos de pago.

Comparativa entre Magento vs Prestashop (I)

Diseño y Análisis de una Plataforma E-Commerce B2C 19

BackOffice y Aprendizaje

Magento tiene demasiadas opciones, la curva de aprendizaje es muy alta. Aprendido las

posibilidades son enormes., si bien es lento.

PrestaShop el entorno de administración de PrestaShop 1.4 es realmente bueno, con avisos y

ayuda. Buen rendimiento.

.

Rendimiento & Alojamiento

Magento. el rendimiento es deficitario, tienes un modelo de datos NO relacional sobre una base

da datos relacional.

Con el uso de caché y técnicas de optimización se puede tener un rendimiento más o menos

aceptable. PrestaShop más rápido y 10x veces más barato en alojamiento.

.

Desarrollo

El aprendizaje en Magento es muy costoso (de 2 a 3 meses un programador)

Por el contrario, PrestaShop tiene una arquitectura parecida a ActiveRecords, fácil de

aprender.

Comunidad

La comunidad de PrestaShop está crecimiento muy rápido, y

actualmente es más activa que la de Magento.

.

Documentación

PrestaShop ha elaborado una guía de programación de módulos para PS1.3, que

está realmente bien y en 1.4 incorpora en la parte de administración videos

demostrativos de como configurar la tienda y en ingles., y Magento tiene muchos

ejemplos en la wiki, pero es insuficiente.

Comparativa entre Magento vs Prestashop (II)

Diseño y Análisis de una Plataforma E-Commerce B2C 20

Comparativa entre Magento vs Prestashop (y III)

Módulos

Magento supera en número y calidad de los módulos a PrestaShop, ahora bien, son mucho más caros. Digamos que las tiendas que usan PrestaShop tienen menos dinero para invertir que las que usan Magento y eso se nota en el catálogo de módulos.

Modelo de Negocio

Magento es la versión empresarial y la comisión por módulos, con unos costes elevados. Hay

una versión profesional y un hosting para Magento, pero estas versiones más baratas, se diferencian muy poco de gratuitas.PrestaShop tienen una importante comisión de módulos y

plantillas que se vender a través de su web, y las cuotas de los Partners más altas.Están creciendo

sin un modelo de negocio real pero tienen un modelo más real.

Integración con ERPs

Magento desde el principio ofrece la integración con varios ERP. Desde las

primeras versiones es fácil integrar mediante conectores Magento con los

distintos ERPs, aunque también hay problemas de rendimiento y es compleja su configuración, el resultado es muy bueno.

PrestaShop liberó su API de integración pero sin documentación y se esperan

conectores para OpenERP y OpenBravo.

mCommerce

Magento es muy superior a PrestaShop, que no tiene absolutamente nada, pero

hay que ser conscientes de que si hacemos una modificación sobre Magento, no

estará disponible sobre la versión móvil, esta es la causa por la cual PrestaShop aún no se ha decantado por ninguna solución.

Evolución

Magento es muy fuerte en USA,y acaba de recibir una fuerte inversión por parte de

eBay para contrarrestar a Amazon, que en USA tienen una solución de tiendas online

integrado con su portal. Seguirán mejorando el rendimiento, y se ampliará la diferencia entre las versiones OpenSource

y de Pago.

PrestaShop tiene su arquitectura, que les va a permitir desarrollar mucho más rápido

que en versiones anteriores.

Diseño y Análisis de una Plataforma E-Commerce B2C 21

Conclusiones En este Proyecto de Trabajo Fin de Grado se han desarrollado los Análisis previos a una implantación de una solución de Comercio

Electrónico en una Pyme hasta llegar al Diseño Funcional y Representación de un

Modelo de Datos.

Ha supuesto un constante trabajo de búsqueda de información tanto en el área de análisis y modelado de datos como en el

de comercio electrónico, en especial los temas relativos a la evaluación de

Plataformas de Comercio Electrónico, Analítica Web, Sistemas de Pago o Diseño Funcional de una Plataforma Ecommerce.

Se han ampliado conocimientos en diversas aéreas como puede ser el

modelo entidad-relación o la aplicación de diagramas.

Ha sido de interés el realizar un compendio de recomendaciones y consideraciones

incorporada en la fase de análisis, así como desde la toma de requisitos hasta su

implementación y prueba.

A todo lo que conocemos hasta ahora habrá que sumarle nuevos conceptos como la

interoperabilidad transaccional, la inteligencia colectiva, la ubicuidad y

geolocalización o las nuevas interfaces móvil, TV, etc.

Como mejora a este proyecto, o como proyecto anexo, se puede plantear un

modelo para potenciar la venta personalizada a los clientes, ya que se tiene una base de datos desde donde se

puede concluir cuales son las preferencias de los consumidores, pudiendo establecer

relaciones comerciales orientadas a segmentos de clientes específicos.

En líneas generales el diseño final ha alcanzado los objetivos previstos y cumple con la mayoría de requisitos identificados

en la fase de análisis aunque hay funcionalidades que pueden ser

mejoradas.

Diseño y Análisis de una Plataforma E-Commerce B2C 22

Muchas Gracias por su atención

Pedro Palos Sánchez p.palos@hotmail.com