Escuela Profesional de Ingeniería de Sistemas

LABORATORIO 001
ASIGNATURA: Comercio Electrónico IS-545
SEMESTRE: 2019 I
DOCENTE: M.sC. Fredy Barrientos

1. Objetivos
1.1. Objetivo General
Instalar y configurar PrestaShop en el servidor local.
1.2. Objetivos Específicos
• Instalar el servidor local para hacer funcionar PrestaShop
• Crear una base de datos para PrestaShop
• Instalar PrestaShop en el servidor local, es decir, en el ordenador personal donde
solo podrá ser visto de forma privada

2. Requisitos
Este laboratorio no requiere de conocimientos previos.
3. Conceptos relacionados
3.1. CMS
Son las siglas de Content Management System, que se traduce directamente al español
como Sistema de Gestión de Contenidos. Un CMS es un programa desarrollado para que
cualquier usuario pueda administrar y gestionar contenidos de una web con facilidad.
Algunos CMS son desarrollados con licencia y otros con pagos. Dentro de los CMS con
licencia gratuita, destacan tres grandes proyectos: WordPress, Joomla y Drupal. Son tres
desarrollos independientes y producto de lagos años de evolución, respaldados por una
comunidad de usuario que trabajan desinteresadamente para lanzar nuevas y mejores
versiones de cada uno de los CMS.
En resumen, los CMS son plataformas web estandarizadas que permite a los usuarios
crear contenido para su página desde un backend o gestor de contenidos sin necesidad
de contar con conocimientos técnicos muy específicos. Es probable que hayas oído
hablar de algunos de los CMS más populares que suelen utilizar los programadores,
como Drupal, WordPress, Joomla, Magento, Prestashop, OsCommerce, etc.
3.1.1. Ventajas técnicas de un CMS
Uso sencillo: No es necesario ser un experto para programar, para publicar y gestionar
contenido dinámico o estático.
SEO e indexación: Buena gestión del posicionamiento en buscadores, permitiendo
controlar varios aspectos fundamentales para conseguir aparecer en Google.
 Escuela Profesional de Ingeniería de Sistemas

Personalizable: Suelen ser sistemas con un alto grado de personalización. Desde el

diseño de la web hasta nuevas funcionalidades y opciones.
Escalable: Uno de los puntos fuertes de los CMS son los plugins o módulos que
podremos añadir en cualquier momento y pueden significar una nueva funcionalidad.
Seguridad: Actualizaciones de seguridad frecuentes, protocolos de encriptación de
información sensible y buen entendimiento con las opciones de seguridad del propio
servidor.
3.2. Soluciones e-commerce
En el mercado existen diversas soluciones e-commerce, como, por ejemplo:
3.2.1. Magento
Magento, es una solución e-commerce, es un CMS, que sirve para crear tiendas online,
de código abierto escrita en PHP.
Magento emplea el sistema de base de datos relacional MySQL/MariaDB, el lenguaje de
programación PHP, y elementos de Zend Framework. Aplica las prácticas de la
programación orientada a objetos y la arquitectura modelo-vista-controlador. También
utiliza el modelo entidad–atributo–valor para almacenar los datos.

3.2.2. OsCommerce
Es una solución e-commerce, que va aumentando fuerza día a día, y además es de los
más antiguos, con una comunidad enorme soportándola y que ha sabido adaptarse a los
cambios de los tiempos. Programada en lenguaje PHP, trabaja sobre un servidor Apache
y usa MySQL como servidor de base de datos.
Algunos de los puntos fuertes de OsCommerce son:

• Integración de varios idiomas

• Muchos módulos gratuitos
• Muy sencillo a nivel técnico
• Instalación muy sencilla, realmente una de las instalaciones más sencillas que
existen.
• La parte de administración (backend) es muy rápida por ser muy austera y
dispone de pocas opciones.
 Escuela Profesional de Ingeniería de Sistemas

3.2.3. PrestaShop
PrestaShop es un Sistema Gestor de Contenidos (CMS) muy popular, libre y de código
abierto. Su principal aplicación es la creación de tiendas online de comercio electrónico.
Tiene dos ventajas fundamentales frente a otros CMS:

• Es muy ligero y
• Es muy flexible
Y ambas van a depender de su estructura modular, y esta estructura modular va a
permitir que instalemos solo lo que queramos, lo cual no afecta el rendimiento.

¿Qué necesitamos saber sobre PrestaShop?

Vamos a instalar PrestaShop en un servidor local, y va a ser PrestaShop el que decida
que es lo que tiene que dar a los usuarios, y va a servir a esos usuarios de interfaz.
La comunicación entre el servidor y los clientes es básicamente a través de páginas web,
las cuales tienen HTML, CSS y Javascript, y justamente es eso, que PrestaShop va a crear
dentro de cada uno de los navegadores de los clientes que entren en nuestra tienda.
 Escuela Profesional de Ingeniería de Sistemas

PrestaShop usa una base de datos, y es ahí donde vamos a guardar toda la información
de los productos, de los clientes, de los modos de pago, configuraciones de impuesto,
de los modos de envío, y de todas las estadísticas de lo sucede en la tienda, etc.

A ese base de datos lo maneja PrestaShop evidentemente, pero en realidad es el

servidor que le hace correr a PrestaShop, y mediante este el servidor se va a encargar
de conectar con la base de datos, y luego ese servidor va a enviar los datos a los distintos
ordenadores.

El servidor Apache en principio, lo que va a hacer es utilizar el código PHP, el PHP es un

lenguaje que sirve en los servidores para comunicar la base de datos, sacar datos,
guardar datos en la base de datos, y luego generar contenidos HTML, CSS y Javascript.

4. Desarrollo de la práctica
En este apartado veremos los pasos necesarios para hacer funcionar PrestaShop:
4.1. Instalación de servidor local
El primer paso que debemos hacer es instalar el servidor dentro de nuestro equipo
personal, y que en ese servidor corra PrestaShop.
 Escuela Profesional de Ingeniería de Sistemas

PrestaShop necesita utilizar PHP y para trabajar con PHP hace falta Apache, y por otro
lado necesita trabajar con base de datos, para ello PrestaShop utiliza MySQL.
En principio la instalación de ese Apache es un poco complicada y la de MySQL también,
pero no hay de qué preocuparse por ello, porque hay instaladores muy fáciles y lo
podemos encontrar en internet, como, por ejemplo:

• WampServer
• Mamp
• XAMPP
Y para este laboratorio lo usaremos XAMPP la versión 7.1 para instalar Apache, PHP y
MySQL, y lo podemos descargar desde www.apachefriends.org
Una vez descargado, iniciamos con el proceso de instalación:

Finalizada la instalación, arrancamos el Panel de Control de XAMPP, y este panel nos va

a servir para arrancar los diferentes servicios que vamos a utilizar:
 Escuela Profesional de Ingeniería de Sistemas

Para arrancar Apache y MySQL, simplemente pinchamos en el botón <Start>. Cuando se

pongan en color verde significa que están funcionando perfectamente sin ningún tipo
de problema.
En caso de presentar conflictos con los puertos, lo podemos cambiar pinchando en el
botón <Config>, seguidamente en el botón <Service and Port Settings>, y finalmente
obtendríamos como en la siguiente captura:

Si queremos saber si realmente está funcionando el Apache y MySQL, pinchamos en el

botón <Admin>
 Escuela Profesional de Ingeniería de Sistemas

4.2. Creación de la base de datos para PrestaShop

Antes de iniciar con la instalación de PrestaShop, necesitamos crear una nueva base de
datos, y para esto pinchamos en el botón <Admin> de MySQL, y el resultado sería como
sigue:

Y luego pinchamos en la opción <Bases de datos> e ingresamos los datos requeridos,

finalmente pinchamos en el botón <Crear>:
 Escuela Profesional de Ingeniería de Sistemas

Una vez creada la base de datos, hace falta crear un usuario con todos los privilegios
para que utilice PrestaShop.
4.3. Instalación de PrestaShop en el servidor local
Para instalar PrestaShop, necesitamos descargar la instalación de lo que es el sistema,
es decir, el conjunto de archivos que hace funcionar PrestaShop dentro del servidor. Lo
podemos descargar la versión 1.7.3.0 desde su web oficial www.prestashop.com
Una vez descargado, lo copiamos el archivo .zip dentro de la carpeta <htdocs> del
XAMPP, lo descomprimimos y finalmente renombramos la carpeta que tiene los
archivos por el nombre que vamos a dar al proyecto:

Ahora sí, podemos instalar PrestaShop, abrimos el navegado y escribimos la ruta de la

carpeta:

¡Recordar! De poner en marcha los servicios de Apache y MySQL desde la ventana de

XAMPP.
Una vez presionado <Enter>, deberíamos obtener como la siguiente captura:
 Escuela Profesional de Ingeniería de Sistemas

Aceptamos todos los término y mensajes que surjan hasta llegar a la ventana de
<Compatibilidad del sistema>, donde seguramente nos saldrán algunas advertencias
que veremos ahora como solucionar.
S nos aparece el mensaje <¡La compatibilidad de PrestaShop con el entorno del sistema
ha sido verificada correctamente!>, no es necesario realizar ningún cambio, pero aquí
dejo como solucionarlos para quien quiera corregirlos.

Advertencia: Install and enable the intl extensión

 Escuela Profesional de Ingeniería de Sistemas

Editamos el archivo <php.ini> con el editor de texto por defecto del ordenador o con un
editor de código, el resultado va a ser el mismo. El archivo se abre desde el panel de
XAMPP.

Localizamos la línea que hace referencia al servicio <intl> (podemos hacer una búsqueda
desde <Edición > Buscar> del editor para tardar menos), y la descomentamos borrando
el <;> que hay al principio de la línea. Guardamos y salimos.

Para que el servidor detecte los cambios, tenemos que pararlo y volver a reiniciarlo
desde el panel de XAMPP.
ADVERTENCIA: Setting <realpath_cache_size> to e.g. <5242880> or <5M> in php.ini*
may improve performance on Windows significantly in some cases
 Escuela Profesional de Ingeniería de Sistemas

Otra vez tenemos que editar el archivo <php.ini>, como hemos hecho en el caso
anterior, sólo que ahora localizaremos la línea <realpath_cache_size> y cambiaremos el
valor a <5M>, podemos poner un poco más si nuestro ordenador dispone de los recursos
suficientes, pero con este valor será suficiente.
No basta con cambiar el valor para que funcione, hay que borrar el <;> para que Apache
lo detecte.

Cuando terminemos, paramos el servicio Apache desde la consola de Xampp y lo

volvemos a activar para que reconozca los nuevos cambios.
ADVERTENCIA: Install and/or enable a PHP accelerator
Esta advertencia puede solucionarse de varias formas, ya que existen varios
aceleradores de PHP y puede que no a todos nos funcione el mismo.
Dependiendo de las versiones, tanto de Xampp como de PHP, será efectivo uno u otro
acelerador. Podemos activar todos los que queramos y mantenerlos activos a la vez.
En el caso que hayáis seguido todo el proceso de descarga e instalación de un acelerador
y este no funcione, no es necesario que lo eliminéis, puede serviros si utilizáis Xampp
para otros gestores, además de PrestaShop.
Activar acelerador de PHP OPCACHE
Este acelerador viene con la propia instalación de Xampp, pero está desactivado. Para
poder usarlo tenemos que volver a abrir el archivo <php.ini> y localizar el apartado
referente a <opcache>.
La forma de ponerlo en marcha es cambiando el valor a <opcache.enable=1> y
añadiendo por encima de esta línea donde se encuentra el archivo del acelerador. Como
por defecto va a leer la carpeta de las extensiones de php, no es necesario poner la ruta
completa, con colocar el nombre del archivo será suficiente.
 Escuela Profesional de Ingeniería de Sistemas

Hay que fijarse que no tenga el <;> delante ninguna de las líneas que hemos modificado
o creado.
Zend_extension="php_opcache.dll"
opcache.enable=1

Guardamos los cambios del archivo y, como siempre que realizamos un cambio a nivel
de archivos, vamos a la consola de Xampp, detenemos el servidor y lo volvemos a poner
en marcha.
Ahora si volvemos a la ventana del navegador para instalar PrestaShop en el ordenador,
y procedemos a refrescar las advertencias, estas desaparecerán para poder seguir el
proceso de instalación.
 Escuela Profesional de Ingeniería de Sistemas

Al pinchar en el botón <Siguiente> nos mostrará apartado donde nos pide los datos
generales de la tienda como el nombre, a que la vamos a dedicar, el país desde donde
se gestiona y los datos personales y de acceso a la zona de administración.

Para que PrestaShop funcione en el ordenador, tenemos que enlazar con la base de
datos, tenemos que fijarnos en que todos los campos estén correctamente rellenados.
En la última ventana aparecerán los datos de acceso y un aviso MUY IMPORTANTE,
eliminar la carpeta <install>. Si no lo hacemos, no nos permitirá acceder a la tienda hasta
que la borremos.
Para ver la parte frontal de la web basta con poner el nombre de la carpeta del proyecto
a modo de <localhost/nombreproyecto>, pero para acceder a la administración tras
instalar PrestaShop en el ordenador, debemos fijarnos en un detalle que a muchos se
les pasa.
 Escuela Profesional de Ingeniería de Sistemas

La primera vez que accedemos a la administración de la tienda, automáticamente, el

sistema va a modificar el nombre de la carpeta de acceso, <admin>, añadiendo unos
valores alfanuméricos al azar (Ej.: admin392evnlww).
Es una forma de aumentar la seguridad y evitar algunos sustos de accesos no permitidos.

Como este valor aleatorio puede ser complicado de recordar, y para no tener que
acceder a la carpeta de los archivos cada vez que queramos acceder a la administración,
podemos cambiarlo a nuestro gusto.
Nos dirigimos a la carpeta de la instalación <htdocs/mitienda> y cambiamos el nombre
de la carpeta por el que queramos, recomiendo que no sea muy fácil de descubrir para
no poner en peligro el acceso a la tienda.

5. Assignment
Ninguna