El documento describe los pasos para instalar Magento, un sistema de gestión de contenido y comercio electrónico de código abierto, en un servidor local XAMPP. Incluye detalles sobre la descarga e instalación de XAMPP, la creación de una base de datos y usuario en MySQL, la descarga e instalación de Magento, y la configuración de los archivos y parámetros necesarios para que Magento funcione correctamente en el servidor local.
1. Crea tu propio negocio online con
_duración: 16h.
_horario 17h. a 21h.
_días 5 / 12 / 19 / 26
Fernando Delgado fernandodelgadosoler@gmail.com
2. Contenidos del curso:
1. Magento, puesta en marcha (Instalación y configuración) | Puesta en marcha de magento para móviles
2. Correcta configuración del catálogo | CMS con Magento.
3. Usar MagentoConnect.
4. Templates y diseño en Magento.
5. Marketing y Promoción de la Web (SEO, Boletines, Redes Sociales, etc)
Fernando Delgado fernandodelgadosoler@gmail.com
3. ¿Qué nivel tenéis?
Vamos a conocernos
¿Cómo?
Fernando Delgado fernandodelgadosoler@gmail.com
4. Rellena el Formulario
https://docs.google.com/spreadsheet/viewform?formkey=dE9tRUE1UE82Yy03LXVLdktaU2o3aXc6MQ
Fernando Delgado fernandodelgadosoler@gmail.com
5. ¿Qué es Magento?
Magento es una nueva solución profesional de código abierto para el e-commerce
(Comercio electrónico) lanzada en agosto de 2007 por la empresa Varien.
Varien trabajó inicialmente con osCommerce para crear una bifurcación de este
proyecto, pero finalmente decidieron reescribirlo y denominarlo como Magento.
Ya que es código abierto, el código de Magento está disponible para su descarga
gratuita.
Existen dos versiones : Community (la que vamos a tratar) y versión de Pago
Vamos a entrar a la web de Magento para conocer su estructura:
http://www.magentocommerce.com/es
Fernando Delgado fernandodelgadosoler@gmail.com
6. ¿Qué es el Código Abierto?
Fernando Delgado fernandodelgadosoler@gmail.com
7. ¿Qué es el Código Abierto?
Fernando Delgado fernandodelgadosoler@gmail.com
8. ¿Qué es el Código Abierto?
Es el término con el que se conoce al software distribuido y desarrollado libremente.
El código abierto tiene un punto de vista más orientado a los beneficios prácticos de
poder acceder al código, que a las cuestiones éticas y morales las cuales se destacan
en el software libre.
Fernando Delgado fernandodelgadosoler@gmail.com
12. 1. Magento, puesta en marcha (Instalación y configuración)
Puesta en marcha de magento para móviles
Instalación y puesta en marcha del
servidor web
y sus servicios asociados
Fernando Delgado fernandodelgadosoler@gmail.com
13. 1. Magento, puesta en marcha (Instalación y configuración)
Puesta en marcha de magento para móviles
Fernando Delgado fernandodelgadosoler@gmail.com
14. 1. Magento, puesta en marcha (Instalación y configuración)
Puesta en marcha de magento para móviles
XAMPP es un servidor independiente de plataforma software libre, que consiste
principalmente en la base de datos MYSQL, el servidor Web APACHE y los intérpretes
para lenguajes de script: PHP y PERL. El nombre proviene del acrónimo de X
(para cualquiera de los diferentes sistemas operativos), Apache, MySQL, PHP, Perl.
El programa está liberado bajo la licencia GNU y actúa como un servidor Web libre, fácil
de usar y capaz de interpretar páginas dinámicas. Actualmente XAMPP esta disponible
para WINDOWS, LINUX, SOLARIS y MACOSX.
Fernando Delgado fernandodelgadosoler@gmail.com
15. 1. Magento, puesta en marcha (Instalación y configuración)
Puesta en marcha de magento para móviles
Una vez descargado, hay que proceder a instalar en un directorio especial. A efectos de este
curso, se creará por defecto en el directorio C:/XAMPP
Fernando Delgado fernandodelgadosoler@gmail.com
16. 1. Magento, puesta en marcha (Instalación y configuración)
Puesta en marcha de magento para móviles
Cuando lleguen a la parte de la imagen de abajo, en donde dice Destination Folder, van a
escribir la carpeta que crearon. Después hacer click en NEXT.
Fernando Delgado fernandodelgadosoler@gmail.com
17. 1. Magento, puesta en marcha (Instalación y configuración)
Puesta en marcha de magento para móviles
Es importante activar en la sección de servicios las 3 casillas de verificación. Esto permitirá
que las mismas se registren como servicios en la consola del sistema a fin de administrar.
Fernando Delgado fernandodelgadosoler@gmail.com
18. 1. Magento, puesta en marcha (Instalación y configuración)
Puesta en marcha de magento para móviles
Una vez que halla terminado la instalación, nos debe de aparecer una ventana como la de
abajo, es el Control Panel, que nos permite visualizar si los servicios requeridos han sido
correctamente inicializados.
Fernando Delgado fernandodelgadosoler@gmail.com
19. 1. Magento, puesta en marcha (Instalación y configuración)
Puesta en marcha de magento para móviles
• A continuación abrimos el navegador web y en el campo de dirección escribimos
http://localhost ó http://127.0.0.1
• Nos cargará la página de XAMPP y nos pedirá que seleccionemos el idioma. Después
Veremos la página de administración de XAMPP. Lo que nos indicará que todo ha ido
perfecto.
Fernando Delgado fernandodelgadosoler@gmail.com
20. 1. Magento, puesta en marcha (Instalación y configuración)
Puesta en marcha de magento para móviles
Es bueno conocer la estructura de XAMPP. Dentro del directorio de instalación se puede
visualizar la estructura interna del servidor.
Los servicios principales llevan un directorio con su nombre.
Fernando Delgado fernandodelgadosoler@gmail.com
21. 1. Magento, puesta en marcha (Instalación y configuración)
Puesta en marcha de magento para móviles
Vamos a conocer ciertos archivos de configuración muy importantes en el servidor.
• http.conf Apache
• php.ini PHP
• config.inc.php Mysql-PhpMyAdmin
Fernando Delgado fernandodelgadosoler@gmail.com
22. 1. Magento, puesta en marcha (Instalación y configuración)
Puesta en marcha de magento para móviles
INSTALACIÓN DE
Fernando Delgado fernandodelgadosoler@gmail.com
23. 1. Magento, puesta en marcha (Instalación y configuración)
Puesta en marcha de magento para móviles
Vamos a la zona de descargas de la web de Magento y descargamos Magento
http://www.magentocommerce.com/download
Una vez tenemos el archivo Magento-B1Preview-0.6.zip en nuestro disco duro lo
descomprimimos copiamos el contenido de la carpeta magento y lo pegamos en el directorio
raiz de nuestro servidor.
Creamos una base de datos para Magento desde phpmyadmin.
Fernando Delgado fernandodelgadosoler@gmail.com
24. 1. Magento, puesta en marcha (Instalación y configuración)
Puesta en marcha de magento para móviles
PhpMyAdmin – Crear usuario y base de datos
procedemos a crear un usuario para acceder a las bases de datos, para ello, abrimos
phpMyAdmin a través de un explorador web a la dirección:
http://localhost/phpmyadmin
Fernando Delgado fernandodelgadosoler@gmail.com
25. 1. Magento, puesta en marcha (Instalación y configuración)
Puesta en marcha de magento para móviles
Nos autentificamos y nos encontramos con esta ventana:
Fernando Delgado fernandodelgadosoler@gmail.com
26. 1. Magento, puesta en marcha (Instalación y configuración)
Puesta en marcha de magento para móviles
Pulsamos sobre “privilegios“.
Fernando Delgado fernandodelgadosoler@gmail.com
27. 1. Magento, puesta en marcha (Instalación y configuración)
Puesta en marcha de magento para móviles
En la captura anterior vemos la lista de usuarios que existen actualmente.
Nosotros vamos a crear uno mas y para ello pulsamos sobre el enlace “Agregar un
nuevo usuario” como se observa en la captura anterior.
Tras pulsar sobre el enlace nos mostrará la siguiente pantalla:
Fernando Delgado fernandodelgadosoler@gmail.com
28. 1. Magento, puesta en marcha (Instalación y configuración)
Puesta en marcha de magento para móviles
En la pantalla anterior hemos rellenado el nombre del nuevo usuario, la contraseña,
el campo de reescribir contraseña.
Además, en el apartado “Privilegios globales” pulsamos sobre el enlace “seleccionar
todos/as” porque queremos que este usuario tenga todos los permisos posibles.
Tras esto, pulsamos sobre el botón “continuar” y nos aparece esta nueva ventana
confirmándonos que efectivamente, se ha creado el nuevo usuario.
Fernando Delgado fernandodelgadosoler@gmail.com
29. 1. Magento, puesta en marcha (Instalación y configuración)
Puesta en marcha de magento para móviles
Bien, una vez creado el usuario, vamos a crear una base de datos vacía y para ello
pulsamos sobre “Bases de datos“:
Creamos una con el nombre “magentodb“:
Fernando Delgado fernandodelgadosoler@gmail.com
30. 1. Magento, puesta en marcha (Instalación y configuración)
Puesta en marcha de magento para móviles
Ahora pulsamos en el botón “crear” y nos muestra la siguiente ventana indicando que se ha
creado la base de datos correctamente.
Fernando Delgado fernandodelgadosoler@gmail.com
31. 1. Magento, puesta en marcha (Instalación y configuración)
Puesta en marcha de magento para móviles
Editamos el archivo httpd.conf donde pone
#LoadModule rewrite_module modules/mod_rewrite.so
le quitamos la almohadilla # dejándolo así
LoadModule rewrite_module modules/mod_rewrite.so
Buscamos en el archivo Directory y donde se encuentre el nuestro por
ejemplo <Directory “C:/servidor/www”> buscamos AllowOverride None y lo
dejamos así AllowOverride All
Fernando Delgado fernandodelgadosoler@gmail.com
32. 1. Magento, puesta en marcha (Instalación y configuración)
Puesta en marcha de magento para móviles
Editamos el archivo php.ini donde pone
;extension=php_mcrypt.dll
le quitamos el punto y coma ; dejándolo así
extension=php_mcrypt.dll
------------------------------------------------------------------------------------------------------------
;extension=php_pdo_mysql.dll le quitamos el punto y coma ; dejándolo así
extension=php_pdo_mysql.dll
allow_url_fopen=off dejándolo así allow_url_fopen=on
memory_limit = 8M dejándolo así memory_limit = 20M
Fernando Delgado fernandodelgadosoler@gmail.com
33. 1. Magento, puesta en marcha (Instalación y configuración)
Puesta en marcha de magento para móviles
* Descarga la librería php_pdo_mysql.zip una vez en el disco duro descomprímela y
pégala en la carpeta ext de php php/ext http://www.mgnt.es/archivos/php_pdo_mysql.zip
* Reinicia apache.
Fernando Delgado fernandodelgadosoler@gmail.com
34. 1. Magento, puesta en marcha (Instalación y configuración)
Puesta en marcha de magento para móviles
Abre un navegador y conéctate a la url http://localhost/install/ y comenzaremos la instalación
la primera pantalla que nos encontramos son los términos y condiciones de uso de magento
si estamos de acuerdo aceptamos y pinchamos en continuar.
Fernando Delgado fernandodelgadosoler@gmail.com
35. 1. Magento, puesta en marcha (Instalación y configuración)
Puesta en marcha de magento para móviles
La segunda pantalla es la de configuración en la sección Database Connection en ella
configuramos los datos de nuestra conexión a la base de datos servidor usuario pass y
nombre de la base de datos que usaremos para magento.
Fernando Delgado fernandodelgadosoler@gmail.com
36. 1. Magento, puesta en marcha (Instalación y configuración)
Puesta en marcha de magento para móviles
La siguiente pantalla nos permitirá configurar nuestra cuenta de admin rellenamos los datos
que nos solicitan excepto Encryption Key que si queréis la podéis dejar en blanco y magento
nos la generara una vez rellenado todo pinchamos en continuar .
Fernando Delgado fernandodelgadosoler@gmail.com
37. 1. Magento, puesta en marcha (Instalación y configuración)
Puesta en marcha de magento para móviles
En esta ultima pantalla veremos nuestra clave de encriptación que copiaremos y
guardaremos en un lugar seguro.
Fernando Delgado fernandodelgadosoler@gmail.com
38. 1. Magento, puesta en marcha (Instalación y configuración)
Puesta en marcha de magento para móviles
Solo nos queda pinchar en go to frontend para ver nuestra tienda funcionando http://localhost/
Fernando Delgado fernandodelgadosoler@gmail.com
39. 1. Magento, puesta en marcha (Instalación y configuración)
Puesta en marcha de magento para móviles
o pinchar en go to backend para acceder a la administración de nuestra tienda http://localhost/admin/
Fernando Delgado fernandodelgadosoler@gmail.com
40. Esto es todo amigos
;-)
Fernando Delgado fernandodelgadosoler@gmail.com