crea tu propio negocio online con magento dia5

40
Crea tu propio negocio online con _duración: 16h. _horario 17h. a 21h. _días 5 / 12 / 19 / 26 Fernando Delgado [email protected]

Upload: fernandodelgadosoler

Post on 25-Jun-2015

1.160 views

Category:

Technology


2 download

TRANSCRIPT

Page 1: Crea tu propio negocio online con magento dia5

Crea tu propio negocio online con

_duración: 16h.

_horario 17h. a 21h.

_días 5 / 12 / 19 / 26

Fernando Delgado [email protected]

Page 2: Crea tu propio negocio online con magento dia5

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 [email protected]

Page 3: Crea tu propio negocio online con magento dia5

¿Qué nivel tenéis?

Fernando Delgado [email protected]

Vamos a conocernos

¿Cómo?

Page 4: Crea tu propio negocio online con magento dia5

Rellena el Formulario

Fernando Delgado [email protected]

https://docs.google.com/spreadsheet/viewform?formkey=dE9tRUE1UE82Yy03LXVLdktaU2o3aXc6MQ

Page 5: Crea tu propio negocio online con magento dia5

¿Qué es Magento?

Fernando Delgado [email protected]

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

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

Page 6: Crea tu propio negocio online con magento dia5

¿Qué es el Código Abierto?

Fernando Delgado [email protected]

Page 7: Crea tu propio negocio online con magento dia5

¿Qué es el Código Abierto?

Fernando Delgado [email protected]

Page 8: Crea tu propio negocio online con magento dia5

¿Qué es el Código Abierto?

Fernando Delgado [email protected]

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.

Page 9: Crea tu propio negocio online con magento dia5

¿Conocéis otras aplicaciones de código abierto para eCommerce?

Fernando Delgado [email protected]

Page 10: Crea tu propio negocio online con magento dia5

¿Conocéis otras aplicaciones de código abierto para eCommerce?

Fernando Delgado [email protected]

Y MUCHOS MÁS …

Page 11: Crea tu propio negocio online con magento dia5

Fernando Delgado [email protected]

COMENZAMOS

Page 12: Crea tu propio negocio online con magento dia5

Fernando Delgado [email protected]

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

Page 13: Crea tu propio negocio online con magento dia5

Fernando Delgado [email protected]

1. Magento, puesta en marcha (Instalación y configuración)Puesta en marcha de magento para móviles

Page 14: Crea tu propio negocio online con magento dia5

Fernando Delgado [email protected]

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.

Page 15: Crea tu propio negocio online con magento dia5

Fernando Delgado [email protected]

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 estecurso, se creará por defecto en el directorio C:/XAMPP

Page 16: Crea tu propio negocio online con magento dia5

Fernando Delgado [email protected]

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 aescribir la carpeta que crearon. Después hacer click en NEXT.

Page 17: Crea tu propio negocio online con magento dia5

Fernando Delgado [email protected]

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.

Page 18: Crea tu propio negocio online con magento dia5

Fernando Delgado [email protected]

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 deabajo, es el Control Panel, que nos permite visualizar si los servicios requeridos han sidocorrectamente inicializados.

Page 19: Crea tu propio negocio online con magento dia5

Fernando Delgado [email protected]

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.

Page 20: Crea tu propio negocio online con magento dia5

Fernando Delgado [email protected]

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.

Page 21: Crea tu propio negocio online con magento dia5

Fernando Delgado [email protected]

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

Page 22: Crea tu propio negocio online con magento dia5

Fernando Delgado [email protected]

1. Magento, puesta en marcha (Instalación y configuración)Puesta en marcha de magento para móviles

INSTALACIÓN DE

Page 23: Crea tu propio negocio online con magento dia5

Fernando Delgado [email protected]

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.

Page 24: Crea tu propio negocio online con magento dia5

Fernando Delgado [email protected]

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

Page 25: Crea tu propio negocio online con magento dia5

Fernando Delgado [email protected]

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:

Page 26: Crea tu propio negocio online con magento dia5

Fernando Delgado [email protected]

1. Magento, puesta en marcha (Instalación y configuración)Puesta en marcha de magento para móviles

Pulsamos sobre “privilegios “.

Page 27: Crea tu propio negocio online con magento dia5

Fernando Delgado [email protected]

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 usuari o” como se observa en la captura anterior.Tras pulsar sobre el enlace nos mostrará la siguiente pantalla:

Page 28: Crea tu propio negocio online con magento dia5

Fernando Delgado [email protected]

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 “seleccionartodos/as” porque queremos que este usuario tenga todos los permisos posibles.Tras esto, pulsamos sobre el botón “continuar ” y nos aparece esta nueva ventanaconfirmándonos que efectivamente, se ha creado el nuevo usuario.

Page 29: Crea tu propio negocio online con magento dia5

Fernando Delgado [email protected]

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 ellopulsamos sobre “Bases de datos “:Creamos una con el nombre “magentodb “:

Page 30: Crea tu propio negocio online con magento dia5

Fernando Delgado [email protected]

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 hacreado la base de datos correctamente.

Page 31: Crea tu propio negocio online con magento dia5

Fernando Delgado [email protected]

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

Page 32: Crea tu propio negocio online con magento dia5

Fernando Delgado [email protected]

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

Page 33: Crea tu propio negocio online con magento dia5

Fernando Delgado [email protected]

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.

Page 34: Crea tu propio negocio online con magento dia5

Fernando Delgado [email protected]

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.

Page 35: Crea tu propio negocio online con magento dia5

Fernando Delgado [email protected]

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.

Page 36: Crea tu propio negocio online con magento dia5

Fernando Delgado [email protected]

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 .

Page 37: Crea tu propio negocio online con magento dia5

Fernando Delgado [email protected]

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 yguardaremos en un lugar seguro.

Page 38: Crea tu propio negocio online con magento dia5

Fernando Delgado [email protected]

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/

Page 39: Crea tu propio negocio online con magento dia5

Fernando Delgado [email protected]

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/

Page 40: Crea tu propio negocio online con magento dia5

Fernando Delgado [email protected]

Esto es todo amigos

;-)