ITESCAM Comercio Electrnico

Crear una tienda en lnea con OsCommerce y WAMP

Crear una tienda en lnea puede ser muy fcil si se cuenta con las herramientas
adecuadas, lo ideal para un empresa de gran magnitud es contratar al personal
indicado para esta tarea, y contar con la infraestructura adecuada, pero si hablamos
de una tienda un poco ms sencilla (que no por eso deja de ser seria), podemos
hacerla nosotros mismos.
Muchas empresas suean con un sitio donde su tienda pueda ser visitada a travs de
internet por sus clientes, pero lo ms importante en recordar que lo ms adecuado
no es tener una gran cantidad de visitantes, sino tener clientes fieles, constantes a los cuales hay que darles un
buen servicio, consentirlos, presentarles un sitio donde se sientan seguros, a gustos y que les proporcione el
servicio que ellos buscan sin tener que complicarse la vida, esto depende de todo un estudio del proyecto de
comercio electrnico.
Antes de subir una tienda a internet lo adecuado es crearla de manera local en nuestra computadora, hacer
pruebas, disearla y dejarla como la necesitamos siempre pensando en nuestros clientes.
Necesitamos instalar en nuestra computadora:
Un servidor web
Servidor de base de datos
Herramienta para crear nuestras pginas.

Servidor Web local

Es un programa que se ejecuta continuamente en una computadora (tambin se emplea el trmino para
referirse a la computadora que lo ejecuta), mantenindose a la espera de peticiones por parte de un cliente
(un navegador web) y que responde a estas peticiones adecuadamente, mediante una pgina web que se
exhibir en el navegador o mostrando el respectivo mensaje si se detect algn error.
Instalar un servidor web en nuestra computadora nos permitir, entre otras cosas, poder montar nuestra
propia pgina web sin necesidad de contratar hosting, probar nuestros desarrollos va local.

Diversos servidores web locales

Los dos servidores web locales ms utilizados son el APACHE que es gratuito y el IIS de Microsoft que es de
paga, podemos instalar cada uno por separado y luego ir incorporndoles las diversas herramientas de bases
de datos y lenguajes de programacin mencionadas anteriormente, debo decir que hacerlo de esta manera a
veces resulta un martirio ya que surgen muchos problemas de incompatibilidad entre uno y otro para lo cual
se deben hacer una serie de configuraciones, o en el mejor de los casos podemos utilizar un paquete que nos
proporciones todo esto en una sola instalacin.
Existen diversos paquetes que nos instalan estos programas, como por ejemplo: APPSERV, XAMP, LAMP,
WAMP, etc, que nos simplifican bastante la vida evitndonos dar de topes al instalar y luego configurar cada
herramienta por separado, para este trabajo especficamente nos centraremos en WAMP versin 5.0.

1
Aurelio Lpez Ovando http://aureliux.wordpress.com

ITESCAM Comercio Electrnico

WAMP
Es el acrnimo usado para describir un sistema de infraestructura de internet que usa las siguientes
herramientas:
Windows, como sistema operativo;
Apache, como servidor web;
MySQL, como gestor de bases de datos;
PHP como lenguaje de programacin.

Herramientas de diseo para tiendas en lnea

Si tenemos conocimientos de programacin web podemos sentarnos a programar duro y tendido, sin embargo
si no sabemos programar y tenemos la necesidad de montar una tienda, tambin tenemos la opcin de utilizar
programas que no permitan disear sin necesidad de teclear lneas de cdigo, especficamente hablando de
tiendas en lnea tenemos algunas opciones gratuitas y funcionales como son: OsCommerce, Zend Cart,
Magento. Para este trabajo utilizaremos OsCommerce 2.2

OsCommerce
osCommerce (de Open Source Commerce) es una aplicacin de comercio
electrnico, permite crear una tienda administrable para vender online. Hace uso
del lenguaje PHP y bases de datos MySQLOscommerce consta de dos partes:
Catlog de productos y herramientas de administracin.
El nmero de productos es ilimitado, es una aplicacin desarrollada ntegramente con SOFTWARE LIBRE,
autoinstalable va web exceptuando algunas modificaciones que se deben realizar manualmente.

Requisitos
Necesitamos una computadora, no hay necesidad de que tenga salida a internet.
Haber realizado un estudio y un anteproyecto adecuado de comercio electrnico.
Descargar el instalador de WAMP 5.0 y el paquete de OsCommerce de sus pginas oficiales.
http://www.oscommerce.com/solutions/downloads
http://www.wampserver.com/en/download.php

Instalacin de WAMP 5
Iniciamos el instalador de WAMP, al ejecutarlo nos aparece
primeramente una pantalla inicial de bienvenida donde se nos
recomienda cerrar cualquier aplicacin abierta antes de
continuar, aqu no tenemos nada que configurar, asi que
pulsamos el botn Next.

2
Aurelio Lpez Ovando http://aureliux.wordpress.com

ITESCAM Comercio Electrnico

La segunda pantalla nos muestra los trminos y condiciones

de instalacin, debemos marcar el button radio (circulo)
donde aceptamos dichos trminos y pulsamos el botn
Next.

La siguiente pantalla muestra el directorio donde si

instalar el servidor, por defecto se instala en el directorio
raz de la unidad C, podramos cambiarlo, pero en nuestro
caso mejor lo dejemos tal cual y damos click en el botn
Next.

La pantalla que le sigue nos dice que se va a crear un

acceso directo al men inicio de Windows con el ttulo que
se muestra en el cuadro de texto, podemos cambiar el
nombre o de preferencia, en nuestro caso vamos a dejarlo
as como est y pulsamos el botn Next.

La siguiente ventana pregunta si queremos que WAMP se

inicie automticamente cuando se inicie Windows, esta
decisin que da al gusto de ustedes, si quieren que as sea
remarquen la opcin la casilla de verificacin y den clic en
el botn Next, de lo contrario djenlo sin remarcar con la
condicin de que cuando quieran utilizar el servidor deben
hacerlo manualmente.

3
Aurelio Lpez Ovando http://aureliux.wordpress.com

ITESCAM Comercio Electrnico

Antes de iniciar la instalacin nos muestra un ltimo

resumen de la configuracin antes de iniciar la
instalacin, si consideramos que algo no estuvo bien,
podemos regresar con el botn Back y hacer
modificaciones, si estamos seguros que todo se
configur correctamente inciamos la instalacin
pulsando el botn Install.

Con esto iniciamos la instalacin.

En algn punto de la instalacin nos va a preguntar el

directorio de trabajo principal y nos muestra uno por defecto,
lo correcto es dejarlo sin hacer modificaciones y pulsamos el
botn Aceptar.

La siguiente ventana nos pide elegir un explorador de internet,

en mi caso tengo instalado Mozilla FireFox asi que busco la
carpeta donde est instalado y selecciono el ejecutable, si
tienes el Internet Explorer tambin lo puedes elegir sin ningn
problema, solo debes buscar en la carpeta adecuada.

4
Aurelio Lpez Ovando http://aureliux.wordpress.com

ITESCAM Comercio Electrnico

Finalmente nos muestra la pantalla donde nos dice que hemos

instalado WAMP satisfactoriamente, no nos queda mas que dar
clic en el botn Finish.

Probar que WAMP se ha instalado correctamente en nuestra mquina

Listo hemos instalado el servidor APACHE, tenemos tambin MySQL como gestor de base de datos y como
lenguaje de programacin tenemos PHP, y todo esto con una sola instalacin y sin necesidad de entrar en
configuraciones extraas y difciles.
Para saber que realmente la instalacin se realiz de
manera exitosa debemos entrar en l.
Para ello primeramente tenemos que iniciar el servidor
manualmente si lo configuraste as en la instalacin
(pagina 3), buscamos dentro el men inicio la carpeta
de WampServer y elegir la opcin Start WampServer.

Veremos que los conos cercanos al reloj aparece el logo de wamp.

Si en la instalacin (Pagina 3) escogiste que se inicie automticamente con Windows no es necesario que
hagas este paso, ya que el servidor se arranca automticamente al iniciar windows.
La nica desventaja de configurar que se inicie WAMP junto con Windows es que la cargas un programa ms al
inicio de tu computadora lo cual podra reflejarse en un inicio un poco ms lento, si solo vas a utilizarlo para
hacer pruebas te recomiendo que lo hagas manualmete.
Ahora abrimos nuestro navegador web (en mi caso es Mozilla FireFox) y tecleamos http://localhost en la barra
de direcciones, esto nos permite entrar a la pgina del servidor local con la cual vamos a estar trabajando muy
seguido, mostrndose una ventana como la siguiente:

5
Aurelio Lpez Ovando http://aureliux.wordpress.com

ITESCAM Comercio Electrnico

Si nos aparece esta pgina felicidades porque todo ha salido bien hasta el momento, ahora lo que sigue es
instalar los paquetes de OsCommerce para poder comenzar a disear nuestros catlogos de la tienda.

Crear una base de datos inicial

Es necesario que para que la instalacin de OsCommerce funcione bien
tangamos creada una base de datos inicial, para ellos utilizamos la
herramienta Phpmyadmin, vemos que se encuentra en la opcin Tools,
demos clic sobre ella.
Se abre la pantalla principal de Phpmyadmin que es una herramienta muy buena para administrar bases de
datos de MySQL, en este ejemplo vamos a crear una llamada oscommerce y damos clic en el botn crear.

Probablemente nos pida crear una tabla para la base de datos, pero no es necesario, ya con eso tenemos por
ahora para poder proceder a la instalacin de OsCommerce, asi que podemos cerrar phpmyadmin.

6
Aurelio Lpez Ovando http://aureliux.wordpress.com

ITESCAM Comercio Electrnico

Instalando OsCommerce
Estoy seguro que el paquete de OsCommerce viene compactado, as que el primer paso es descompactarlo,
acto seguido debemos buscar la carpeta principal
contenedora de la carpeta catalog, algo ms o menos
como se ve en la figura.

Otra carpeta que debemos tener bien ubicada es la que se gener cuando
instalamos WAMP, por defecto debe estar en el directorio raz de la unidad C.

Una vez ubicada ambas direcciones el siguiente paso es fcil, simplemente

debemos copiar nicamente la carpeta catalog de Oscommerce en la carpeta
www de wamp.

En este momento ya debemos tener copiada la carpeta catalog dentro de www,

esto no significa que ya est instalado simplemente que hemos hecho el primer
paso pata comenzar la instalacin.
Pues bien si volvemos a abrir nuestro servidor (http://localhost) podremos ver en la seccin de proyectos una
opcin que dice catalog.

El paso siguiente es dar clic sobre esa opcin y automticamente debe comenzar la
instalacin.

Primero nos aparece una pantalla donde nos muestra la versin de PHP y diversos elementos de PHP y MySQL
que tenemos instalado, simplemente damos clic en el botn Continue.

7
Aurelio Lpez Ovando http://aureliux.wordpress.com

ITESCAM Comercio Electrnico

La siguiente ventana nos pide algunos datos en los cuales debemos rellenar de la siguiente manera y damos
clic en el botn Continue.

El nombre del servidor local es localhost, cuando subamos nuestra

pgina a algn hosting entonces podremos sustituir ese nombre por
alguno como www.mitienda.com o algo parecido.
El nombre de usuario por defecto es root, lo mismo que el caso
anterior, cuando tengamos nuestro hosting propio podremos
cambiar estos datos.
El nombre de la base de datos es el mismo de la base de datos que
creamos anteriomente, de hecho fue precisamente para este paso que
creamos la base de datos, al pulsar continue debemos esperar a que
nuestra base de datos sea importada lo cual se nos indica en este
cuadrito.

Acto seguido se nos muestran dos datos de los cuales el primero

es la direccin local de nuestro servidor donde tendremos la
tienda y el segundo es la ruta donde estar instalada dicha tienda.
Presionamos el botn Continue para seguir con la instalacin.
La siguiente configuracin es interesante, ya que es el primer paso para comenzar a dar forma a nuestro
diseo, por eso es importante que uno de los requisitos que mencion en un principio sea tener un
anteproyecto de nuestra tienda, ya eso implica saber que nombre le queremos poner, el nombre del
adminstrador, una direccin de correo para ser utilizada como medio de contacto, etc, datos relevantes, en mi
caso yo voy a crear una tienda dedicada a vender perros, por lo tanto los datos que voy a utilizar son los
siguientes:
8
Aurelio Lpez Ovando http://aureliux.wordpress.com

ITESCAM Comercio Electrnico

En mi caso mi tienda se llama Perrigree, y pongo otros datos

incluyendo la contrasea y un nombre de usuario el cual va a tener
permiso de acceder a administrar las herramientas.
Listo hemos creado nuestra tienda, pulsamos el botn Continue y nos
sale una pagina donde se nos indica que hemos realizado

Podemos elegir cualquiera de las opciones: Catalogo o Herramientas de administracin.

Se nos muestra un catalogo inicial el cual ms adelante veremos cmo personalzalo y podamos colocar
nuestros productos

Es importante que antes de continuar trabajando con nuestra nueva tienda hagamos unas ltimas
modificaciones para evitar que nos marque alguunos errores y que pudieran reflejarse en posibles fallas de
nuestra tiendam errores como los que se muestran a continuacin,
9
Aurelio Lpez Ovando http://aureliux.wordpress.com

ITESCAM Comercio Electrnico

Primeramente debemos eliminar la carpeta Install que se encuentra en la carpeta

catalog, ya que podra ocasionar que se reinicie la instalacin en futuros inicios de
sesin.

Una vez eliminada esa carpeta debemos evitar que el archivo configure.php pueda ser
modificado as que lo debemos colocar como solo lectura, para ubicar este archivo
debemos abrir la carpeta includes de la misma carpeta catalog.

Debemos entrar a sus propiedades asi que damos clic derecho

sobre el y seleccionamos la opcin propiedades.
Del cuadro que nos aparece marcamos la casilla que dice Solo
lectura.

Una vez hecho todo esto podemos iniciar y trabajar

con nuestra tienda en lnea.

10
Aurelio Lpez Ovando http://aureliux.wordpress.com