Laboratorio de Negocios Electrnicos

Pgina: 1

UNIVERSIDAD CATLICA DE SANTA MARA

PROGRAMA PROFESIONAL DE INGENIERA DE SISTEMAS

SESIN N01:

Comercio Electrnico Tiendas Virtuales

I
OBJETIVOS

Crear una Tienda Virtual con el Software ecBuilder Developer Edition

Analizar diferentes Tiendas Virtuales seleccionadas de Internet para analizar
su estructura y diseo.

II
TEMAS A TRATAR

Introduccin en la creacin de Tienda Online

Tienda Virtual
Elementos de una Tienda Online

III
MARCO TEORICO
I. INTRODUCCION
Cuando nos encontramos inmersos en un proyecto de creacin de una Tienda Online
debemos tener muy claro cul es nuestro pblico objetivo y qu queremos
transmitirle.
Debemos buscar la sencillez, un buen catlogo de productos y contenidos, as como la
bsqueda de relaciones con otras Webs para conseguir notoriedad en Internet.
Pero ante todo, cuando realizamos una Tienda Online, debemos tener en cuenta que
los elementos que la conforman deben sustentarse en tres pilares clave:

Diseo
Usabilidad
Accesibilidad

DISEO
El diseo de la pgina es un factor crucial. Debe ser intuitivo y accesible. A
continuacin se muestran algunas recomendaciones acerca de cmo debe ser el diseo
de una tienda online:
Dr. Ing. Csar Baluarte Araya
Ing. Oscar Ramrez Valdez

Laboratorio de Negocios Electrnicos

Pgina: 2

La tienda online debe estar decorada con los propios contenidos de tal manera
que los productos sean los que destaquen por encima del diseo.
Combinar colores para crear una visin clida y agradable.
Los mens de navegacin de las diferentes pginas que conforman la tienda
online deben seguir un orden establecido, as conseguimos no despistar al
usuario.
Disponer de un diseo orientado a la optimizacin de buscadores: la tienda
online debe tener el contenido de forma que los buscadores puedan
localizarnos. Es importante saber, que el 74% de las visitas medias a las
tiendas online espaolas provienen de buscadores, por lo que tener una buena
indexacin en estos ser absolutamente crucial.

USABILIDAD
Decimos que una pgina Web es usable cuando muestra todo el contenido de una
forma clara y sencilla de entender por el usuario, favoreciendo la compra y
consiguiendo la satisfaccin del usuario en su experiencia de navegacin.

El catlogo de productos debe estar visible desde el primer momento.

Fcil acceso a los productos mediante una clara navegacin por categoras y
subcategoras.
El carrito de la compra siempre debe estar visible.
El Proceso de la compra debe estar enfocado al producto de una forma clara y
rpida. A su vez debe ser fcil y rpido para tratar de nalizar el mayor
nmero de ventas posible.
Disponer de un potente buscador que nos ofrezca la posibilidad de acceder a
nuestro catlogo de producto por distintos criterios (precio, fecha, orden
alfabtico).
Facilitar el acceso a apartados de servicio de la tienda como Informacin
contacto, forma de comprar, condiciones generales, etc,
La ficha de producto debe ser detallada e idealmente debe estar relacionada
con otros productos similares para potenciar la compra indirecta.

ACCESIBILIDAD
Una tienda online es accesible si sus productos, contenidos y servicios pueden ser
accedidos por el mayor nmero posible de personas. En este sentido planteamos las
siguientes recomendaciones:

El catlogo de productos debe ser accesible por categoras y escaparates

comerciales. Es importante la correcta clasicacin de productos utilizando
categoras como novedades, productos ms vendidos, productos en oferta, etc.
Es tambin deseable mostrar productos destacados con un diseo algo
distinto al resto de productos en especial si queremos promocionar la venta de
un producto determinado.
En todos los casos tendremos que escoger el tamao del texto ptimo y
destacando aquella informacin ms relevante: nombre producto, botn
comprar, precio, etc.

Dr. Ing. Csar Baluarte Araya

Ing. Oscar Ramrez Valdez

Laboratorio de Negocios Electrnicos

Pgina: 3

Uso correcto del etiquetado de las imgenes favoreciendo su indexacin, como

veremos en ms detalle ms adelante.

II. TIENDA VIRTUAL

Una Tienda Virtual es un sitio colocado en Internet que permite la publicacin de
bienes y servicios mediante la utilizacin de catlogos electrnicos dirigido al cliente,
habilitando al proveedor para recibir rdenes de compra por sus productos o servicios,
as como tambin permitir mltiples formas de pago y descuentos.
Es igual que una tienda fsica pero muchas veces sin estructura: local, personal de
ventas, cuentas de luz o agua. Por lo tanto, queda la informacin de los productos, la
facilidad de acceso desde cualquier parte del mundo sin tener que ir fsicamente a la
tienda, y precios generalmente inferiores a los de las tiendas fsicas.
III. ELEMENTOS DE UNA TIENDA ONLINE
Como elementos bsicos en una Tienda Online podemos destacar:

Catlogo de Productos
El catlogo de productos y servicios es nuestra carta de presentacin a los clientes.
Por tanto debemos prestar mucha atencin y cuidado a la hora de seleccionar qu
productos y servicios vamos a ofrecer, y cmo los vamos a mostrar y destacar.
La presentacin de los productos es muy importante ya que debe transmitir
conanza y seriedad a nuestros clientes. El uso de fotografas reales de los
productos y una buena descripcin del producto, contribuyen a incrementar estos
aspectos.
De igual forma es muy interesante acompaar los productos con informacin
complementaria multimedia (videos, PodCast, otros) o incluso documentos pdf.

Carrito de compra
La cesta o carrito de la compra es un elemento indispensable en la Tienda Online.
Este elemento debe ofrecer la posibilidad de aadir, eliminar o modicar los
productos que durante la navegacin hemos ido seleccionando e incorporando.
Es aconsejable, para que el usuario no pierda de vista en ningn momento lo que
lleva comprado, que est visible en todas las pginas de la Tienda Online, o al
menos en aquellas donde se puedan seguir aadiendo productos.

Mecanismos de promocin y ofertas

Uno de los factores ms importantes que atraen a los clientes de una Tienda
Online e influyen en la decisin de compra es el precio. El precio de los productos
debe estar siempre bien visible.

Dr. Ing. Csar Baluarte Araya

Ing. Oscar Ramrez Valdez

Laboratorio de Negocios Electrnicos

Pgina: 4

Pero alrededor de una captacin de clientes por el precio tenemos varias

estrategias comerciales que pasan por la aplicacin de promociones o descuentos
especiales sobre los productos.
Las promociones y las ofertas deben comunicarse de una forma clara, resaltando el
precio de la oferta y mostrando junto a l, el precio no rebajado.
La Tienda Online debe disponer de un mdulo de descuentos y promociones que
permitan denir de forma puntual descuentos personalizados por categoras de
producto, tipos de cliente, etc tanto a nivel de porcentaje como cantidad ja a
aplicar sobre el precio de venta del producto.

Motor de bsqueda
Con la idea de facilitar al cliente encontrar nuestros productos y servicios es muy
interesante e incluso indispensable disponer de un potente motor de bsqueda o
buscador integrado que permita la bsqueda de productos por diversos criterios y
parmetros de bsqueda.
Criterios de inters son las bsquedas por palabras clave, precio, categora,
nombre, etc.
El motor de bsqueda siempre debera ofrecer resultados para dar la sensacin de
robustez y buen funcionamiento. En caso de no poder mostrar resultados exactos a
nuestra bsqueda es deseable que el buscador ofrezca otras sugerencias
relacionadas con el producto buscado.De esta forma no comentemos el error de
que el buscador parezca que no funciona, o que nuestro catlogo de productos es
muy reducido.

Proceso de compra
Se considera un buen proceso de compra aquel que es directo y se encuentra
guiado mediante mensajes de informacin.
Se suele aconsejar que el registro de usuarios sea opcional. No es aconsejable que
para efectuar una compra obliguemos a los visitantes a registrarse previamente ya
que muchos compradores potenciales pueden ser slo ocasionales. En cualquier
caso, la informacin que solicitemos para que un cliente pueda realizar un pedido
en nuestra tienda debe ser la mnima imprescindible.
Idealmente debemos plantearnos que la duracin del proceso de compra implique
el menor nmero posible de pasos y clicks de ratn (5 clicks de ratn o menos es
un nmero idneo).
Es importante que durante el proceso de compra se muestre informacin
complementaria que transmita conanza a los usuarios, y que a stos al terminar la
compra no les quede ninguna duda respecto a la compra que acaban de hacer y
respecto a:
Gastos de envo asociados a la transaccin

Dr. Ing. Csar Baluarte Araya

Ing. Oscar Ramrez Valdez

Laboratorio de Negocios Electrnicos

Pgina: 5

Direccin de entrega del pedido

Perodo de devolucin y plazos de entrega
Disponibilidad de los productos elegidos y plazo de envo de los mismos

Medios de pago
El momento del pago de los artculos que el cliente ha ido aadiendo en el carrito
de la compra es uno de los ms crticos dentro de los procesos de una Tienda
Online pues, estadsticamente, es en ese momento en el que se dan ms
abandonos.
Para evitar que el cliente abandone el proceso de compra que ha iniciado es
fundamental ofrecerle el mayor nmero de posibilidades y flexibilidad a la hora de
seleccionar la forma de pago del pedido que ha realizado.
Los medios de pago que podemos encontrar habitualmente en las tiendas de
Internet son los siguientes:

Contra reembolso
Transferencia bancaria
Domiciliacin bancaria
Tarjeta de crdito
Medios Alternativos: PayPal, Saftpay, Allopass

Impuestos
Los precios de los productos o servicios que se publiquen en la pgina web de la
Tienda Online deben ser los precios nales completos, incluidos todos los
impuestos, tasas y dems gravmenes aplicables.
Asimismo, la Tienda Online debe tener en cuenta e informar de forma clara al
consumidor de las posibles tasas, impuestos o gravmenes que puedan ser de
aplicacin en funcin del lugar de residencia del consumidor o del lugar de
entrega del producto o servicio, antes de la realizacin del pedido. Finalmente, la
tienda online en la factura o en el e-mail de conrmacin del pedido deber
sealar el tipo y la cuota del impuesto, tasa o gravamen aplicados.

Logstica
Al igual que los impuestos, la Tienda Online debe ofrecer de forma clara el coste
por enviarnos la mercanca adquirida. En este sentido, debe permitir congurar
una matriz de gastos de envo para cada transportista y ofrecer la posibilidad de
calcular los gastos de envo en funcin de:
Clculo de los gastos de envo empleando una tarifa ja.
Clculo de los gastos de envo en funcin del volumen de compra.
Clculo de los gastos de envo en funcin del peso de la compra, y coste
adicional por cantidades excedidas.
Otros.

Dr. Ing. Csar Baluarte Araya

Ing. Oscar Ramrez Valdez

Laboratorio de Negocios Electrnicos

Pgina: 6

Informacin corporativa
Dentro de una Tienda Online no toda la informacin deben ser escaparates de
productos. Es necesario mostrar a nuestro comprador informacin que haga que
nos conozca, que entienda nuestra losofa de negocio, nuestra trayectoria
empresarial, etc,. Este tipo de informacin transmite transparencia, abilidad y
conanza hacia nuestros clientes.
Esta informacin suele estructurarse en secciones como:

Quines somos
Qu ofrecemos
Aviso Legal y Poltica de Privacidad
Informacin de contacto
Dnde estamos
Condiciones de compra y contratacin
Preguntas Frecuentes
Otros

Registro y rea de usuario

El registro de clientes es un aspecto muy importante de una Tienda Online tanto
para que nuestros clientes realicen sus pedidos como a la hora de poder llevar a
cabo acciones posteriores de delizacin y captacin de nuevos clientes partiendo
de una base de datos de clientes extensa.

IV
(La prctica tiene una duracin de 8 horas)

ACTIVIDADES

ESCENARIO DESARROLLADO
1.
2.
3.

4.

Encender el equipo de cmputo, si existe algn desperfecto o faltante en el equipo

comunicarlo inmediatamente al docente.
Al aparecer la solicitud de contrasea elegir el login Admissppis y digitar como
clave Report$51.
Verificar el sistema operativo instalado en su PC, de tener Windows XP podr
instalar sin problemas el software ecBuilder Delevoper Edition 6.1 (ecbde61.exe) y
luego ir al punto 5.
En el caso de que sus sistema operativo sea Windows 7, deber realizar lo siguiente:
a) Instalar el software virtual VirtualBox-3.1.0-55467-Win.EXE
b) Posteriormente deber ingresar al SunVirtual Box, hacer clic en la opcin Nueva
la que le permitir trabajar con el asistente para la creacin de una nueva
mquina virtual, luego debe dar clic en el botn siguiente:

Dr. Ing. Csar Baluarte Araya

Ing. Oscar Ramrez Valdez

Laboratorio de Negocios Electrnicos

Pgina: 7

c) Posteriormente deber ingresar lo siguientes datos en las posteriores pantallas:

Dr. Ing. Csar Baluarte Araya

Ing. Oscar Ramrez Valdez

Laboratorio de Negocios Electrnicos

Dr. Ing. Csar Baluarte Araya

Ing. Oscar Ramrez Valdez

Pgina: 8

Laboratorio de Negocios Electrnicos

Pgina: 9

d) Posteriormente, una vez instalado el SunVirtual Box, debe buscar la carpeta

Mquina Virtual Exportada (Window XP - 2013 - ecBuider.ovf) para poder
cargar el Sistema Operativo Windows XP, el cual ya tiene instalado el ecBuider
Developer Edition 6.1, debe importar el servicio virtualizado, segn las
siguientes pantallas:

Dr. Ing. Csar Baluarte Araya

Ing. Oscar Ramrez Valdez

Laboratorio de Negocios Electrnicos

Dr. Ing. Csar Baluarte Araya

Ing. Oscar Ramrez Valdez

Pgina: 10

Laboratorio de Negocios Electrnicos

Dr. Ing. Csar Baluarte Araya

Ing. Oscar Ramrez Valdez

Pgina: 11

Laboratorio de Negocios Electrnicos

Pgina: 12

5.

Una vez que ya tenemos cargado el Sistema Operativo Windows XP, hacemos clic
en el icono ecBuider Developer Edition 6.1.

6.
7.

Seleccionar la opcin Create a new ecBuider file.

En la siguiente pantalla se muestra la estructura de site que se a construir.

Dr. Ing. Csar Baluarte Araya

Ing. Oscar Ramrez Valdez

Laboratorio de Negocios Electrnicos

8.

Pgina: 13

Realizar los siguientes cambios en cada una de las secciones del sitio web, segn las
siguientes pantallas:

Dr. Ing. Csar Baluarte Araya

Ing. Oscar Ramrez Valdez

Laboratorio de Negocios Electrnicos

9.

Pgina: 14

En la pantalla direccin de la compaa, realizar lo siguiente:

10. En la pantalla Site Builder Profile, ingresar sus datos, que es de la persona que
construye la web:

Dr. Ing. Csar Baluarte Araya

Ing. Oscar Ramrez Valdez

Laboratorio de Negocios Electrnicos

11. En la pantalla de contactos, ingresar los siguientes datos:

Dr. Ing. Csar Baluarte Araya

Ing. Oscar Ramrez Valdez

Pgina: 15

Laboratorio de Negocios Electrnicos

12. En la pantalla de identidad de la compaa, ingresar los siguientes datos:

Dr. Ing. Csar Baluarte Araya

Ing. Oscar Ramrez Valdez

Pgina: 16

Laboratorio de Negocios Electrnicos

Pgina: 17

13. En la pantalla de identidad de la compaa, ingresar los siguientes datos:

14. En la pantalla de contenido del web site, no ingresar ningn datos, segn la figura:

Dr. Ing. Csar Baluarte Araya

Ing. Oscar Ramrez Valdez

Laboratorio de Negocios Electrnicos

15. En la pantalla de catlogo, ingresar los siguientes datos, segn la figura:

Dr. Ing. Csar Baluarte Araya

Ing. Oscar Ramrez Valdez

Pgina: 18

Laboratorio de Negocios Electrnicos

Pgina: 19

En esta pantalla no colocar ninguna informacin, tal como se muestra en la siguiente

figura:

Dr. Ing. Csar Baluarte Araya

Ing. Oscar Ramrez Valdez

Laboratorio de Negocios Electrnicos

Dr. Ing. Csar Baluarte Araya

Ing. Oscar Ramrez Valdez

Pgina: 20

Laboratorio de Negocios Electrnicos

Dr. Ing. Csar Baluarte Araya

Ing. Oscar Ramrez Valdez

Pgina: 21

Laboratorio de Negocios Electrnicos

Pgina: 22

16. En la pantalla currency, debe realizar los cambios, segn la siguiente figura:

Dr. Ing. Csar Baluarte Araya

Ing. Oscar Ramrez Valdez

Laboratorio de Negocios Electrnicos

Pgina: 23

17. En la pantalla Order & Inquiry Fields, debe realizar los cambios, segn la siguiente
figura:

18. En la pantalla Policies & Statements, debe realizar los cambios, segn la siguiente
figura:

Dr. Ing. Csar Baluarte Araya

Ing. Oscar Ramrez Valdez

Laboratorio de Negocios Electrnicos

Pgina: 24

19. En la pantalla Advertising & Statistics, no debe realizar ningn cambio segn la
siguiente figura:

20. En la pantalla Site Design & Preview, debe realizar los cambios segn la siguiente
figura, no se olvide hacer clic en el botn preview para ver el diseo escogido:

Dr. Ing. Csar Baluarte Araya

Ing. Oscar Ramrez Valdez

Laboratorio de Negocios Electrnicos

Pgina: 25

21. En la pantalla Business Classification, debe realizar los cambios segn la siguiente
figura:

Dr. Ing. Csar Baluarte Araya

Ing. Oscar Ramrez Valdez

Laboratorio de Negocios Electrnicos

Pgina: 26

22. En la pantalla Search Engines, debe realizar los cambios segn la siguiente figura:

23. En la pantalla Publish ecBuilder Site, debe realizar los cambios segn las siguientes
figuras. No olvidar de hacer clic en el botn Save:

Dr. Ing. Csar Baluarte Araya

Ing. Oscar Ramrez Valdez

Laboratorio de Negocios Electrnicos

Dr. Ing. Csar Baluarte Araya

Ing. Oscar Ramrez Valdez

Pgina: 27

Laboratorio de Negocios Electrnicos

Pgina: 28

24. Visualizar en la carpeta C\TIENDA VIRTUAL, los archivos que se han generado
con la herramienta ecBuider y luego busque el primer archivo index.HTML y haga
doble clic para visualizar la tienda y su contenido:

Dr. Ing. Csar Baluarte Araya

Ing. Oscar Ramrez Valdez

Laboratorio de Negocios Electrnicos

Pgina: 29

ESCENARIO PROPUESTO
1. Considerando el Proyecto anterior generado, deber de mejorarlo en su estructura y
diseo, proporcionando mayor informacin, imgenes y efectos al texto (etiquetas
html).
2. Deber de preparar los datos mnimos que contendr la tienda virtual que escoja para
desarrollarlo con el ecBuilder lo cual deber contener lo siguiente:

Determinar el tipo de negocio a implementar en la tienda virtual

Definir su Visin
Definir su Misin
Definir Quienes Somos
Definir otros temas relacionas a la empresa

Dr. Ing. Csar Baluarte Araya

Ing. Oscar Ramrez Valdez

Laboratorio de Negocios Electrnicos

Pgina: 30

Determinar las categoras de productos (mnimo 3)

Determinar los productos de cada categora (mnimo 3) con los datos siguientes:

Cdigo
Nombre
Descripcin del producto
Especificaciones del producto
Precio de lista
Precio de oferta
Porcentaje de descuento
Cantidad en Stock
Foto del producto (2 de preferencia de diferente vista)

3. Deber averiguar cules son los pasos necesarios para que su tienda online se
publique en internet. Debe detallar todos los requerimientos para su publicacin.

VI
CUESTIONARIO
1.
2.
3.
4.
5.
6.
7.
8.

Qu es una tienda virtual?

Mencione los elementos de una Tienda Online
Qu es el catlogo de productos?
Qu es carrito de compra? Cmo se implementan, cules son libres?
Cules son los mecanismos de promocin y ofertas?
Qu es el motor de bsqueda?
Qu es el proceso de compra?
Qu son los medios de pago?

VII
BIBLIOGRAFIA
Demos de Tienda Virtual
1. http://www.todacompra.net/a004.html
2. http://www.soydigital.com/demos/
3. http://www.icomstec.com/
4. http://www.olimpica.com.ar/e_commerce.htm
5. http://www.inase.es/Servicios/Tienda.htm
6. http://www.dominando.net/archivos/201.php
7. http://www.venderenlared.com/
8. http://www.informate-mas.com/demo.htm (muchas funciones)
9. http://www.red6.org/phpshopdemo/ (herramientas)
10. http://www.tatan.com/demo/ (arte en vidrio)
11. (http://www.shopsland.com) puede crear una tienda virtual y practicar el ejemplo
anterior (exportar pedidos)

Dr. Ing. Csar Baluarte Araya

Ing. Oscar Ramrez Valdez

Laboratorio de Negocios Electrnicos

Pgina: 31

Comprar en Tienda Virtual

1. http://www.comerciosonline.com/online/contenido/home.htm
2. http://www.mercadocompra.com
Florera
3. http://www.digitalvalley.com/admintienda_html/
4. http://www.rosatel.com
Peluquera
5. http://www.peluqueriazara.com/store/comersus_index.asp
Dental
6. http://gbsystems.com/shop2/

Demos de Sistemas Financieros

1. Demo de Transbank
2. http://www.webpay.cl/usuarios/commerce/tienda.htm#
3. http://www.banamex.com/esp/productos/empresarial/adquirente/ecomm/

Creacin de Tiendas Virtuales

1. http://www.palastiendas.com/mitienda/buy_your_store_info.asp (por 45 das)

Creacin de Tiendas Virtuales en Linea

1. http://www.redtienda.com/
2. http://www.e-fullserver.net/bottom.php3
3. http://www.mundial-shopping.com/demoshop/demoshop_create.asp

Dr. Ing. Csar Baluarte Araya

Ing. Oscar Ramrez Valdez