Diseño y Análisis de una Plataforma e-Commerce.

1. DISEÑOY ANÁLISIS DE UNA
PLATAFORMA E-COMMERCE B2C
TRABAJO FIN DE GRADO
Director: RobertoYuste García
Alumno: Pedro Palos Sánchez
Universidad
Católica
deÁvila

2. 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
2Diseño y Análisis de una Plataforma E-Commerce B2C

3. 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
3Diseño y Análisis de una Plataforma E-Commerce B2C

4. 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
4Diseño y Análisis de una Plataforma E-Commerce B2C

5. Navegabilidad WEB
5Diseñ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. 6Diseñ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. 7Diseño y Análisis de una Plataforma E-Commerce B2C
La Importancia de la AnalíticaWEB
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íticaWEB

8. 8Diseñ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.
PosicionamientoWEB

9. 9Diseñ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)
 IMAGENY 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. 10Diseñ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. 11Diseño y Análisis de una Plataforma E-Commerce B2C
Creación de un modelo de flujo de datos (II)

12. 12Diseñ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. 13Diseñ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. 14Diseño y Análisis de una Plataforma E-Commerce B2C
Entidades de Modelos de Datos (I)

15. Diseño y Análisis de una Plataforma E-Commerce B2C 15
Entidades de Modelos de Datos (II)

16. 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 deVinos.

17. 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
preciosistaque 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 exactamenteuna 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.

18. Diseño y Análisis de una Plataforma E-Commerce B2C 18
Vistas y SitiosWeb
Magento -> posibilidad de
organizarnuestra 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
Complicadaintegración con
ERPs, e impideofertas 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, lasestadísticas que
muestra sobre los usuarios son
realmente buenas.
Marketing
PrestaShop incorpora infinidad
de herramientas de marketing,
fidelizaciónde 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)

19. 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
posibilidadesson 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)

20. 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ódulosy
plantillasque 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.

21. 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.

22. 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