Instalacion joomla educamadrid

40
PUBLICACIÓN EN EDUCA MADRID DE UN SITIO WEB CREADO CON JOOMLA

Transcript of Instalacion joomla educamadrid

Page 1: Instalacion joomla educamadrid

PUBLICACIÓN EN EDUCA MADRID DE UN SITIO WEB CREADO CON JOOMLA

Page 2: Instalacion joomla educamadrid

El proceso de publicación en Educa Madrid de un sitio web creado previamente en un servidor local con el gestor de contenidos JOOMLA es bastante laborioso. Comprende varias fases:

1. Solicitud de alta en el servicio de páginas dinámicas de Educa Madrid.2. Instalación de la última versión de JOOMLA en el servidor de Educa

Madrid.3. Importación de la base de datos de nuestro servidor local a la

administración de la base de datos (PhpMyAdmin) de Educa Madrid.4. Transferencia del sitio web al servidor de Educa Madrid.

Page 3: Instalacion joomla educamadrid

1. SOLICITUD DE ALTA EN EL SERVICIO DE PÁGINAS DINÁMICAS DE EDUCA MADRID

Page 4: Instalacion joomla educamadrid

Lo primero que hay que hacer es solicitar, desde la cuenta institucional del centro, el alta en el servicio de páginas dinámicas de Educa Madrid, enviando un correo a la dirección:

[email protected] los cuatro o cinco días recibiremos en dicha cuenta un correo donde se nos comunica que ya tenemos habilitado el soporte para PHP y la base de datos MySQL. Los datos que nos proporcionan son los siguientes:

Parámetros de la base de datos MySQL•Host de conexión (localhost).•Nombre de la base de datos.•Usuario.•Clave.

Acceso a la administración de la base de datos (phpMyAdmin)•Enlace a la página http://centro.educa.madrid.org/admin_dinamicas/ •Usuario (el mismo que el de la base de datos)•Clave (la misma que la de la base de datos)

Asimismo se nos informa que la página web del centro debemos alojarla dentro de la carpeta public_html de nuestro espacio ftp, y que hemos de incluir en ella el logotipo de EducaMadrid Plataforma Tecnológica. El logo lo podemos descargar en la dirección:http://ayuda.educa.madrid.org/index.php/Enlaces_EducaMadrid_Plataforma_Tecnol%C3%B3gica.

Page 5: Instalacion joomla educamadrid

2. INSTALACIÓN DE JOOMLA EN EL SERVIDOR DE EDUCA MADRID

Page 6: Instalacion joomla educamadrid

En primer lugar, descargamos la última versión de JOOMLA en la dirección de JOOMLA SPANISH (http://www.joomlaspanish.org/) y, una vez descomprimido el archivo zip en una carpeta de nuestro disco duro (a la que llamaremos “ies”, aunque podemos ponerle cualquier otro nombre), transferimos esa carpeta a la carpeta “public_html” del servidor de Educa Madrid a través de un programa de transferencia de ficheros (en nuestro caso, FileZilla). El proceso lleva bastante tiempo. Veámoslo paso a paso:

Page 7: Instalacion joomla educamadrid

2.1 Descarga y descompresión en una carpeta de nuestro ordenador del archivo de instalación de Joomla

Page 8: Instalacion joomla educamadrid

Creamos la carpeta ies en nuestro ordenador (por ejemplo, en C:)

Page 9: Instalacion joomla educamadrid

A continuación guardamos en la carpeta ies el archivo comprimido de la última versión de Joomla.

Page 10: Instalacion joomla educamadrid

Descomprimimos el archivo zip dentro de la carpeta ies. Para ello hacemos clic con el botón derecho del ratón sobre el archivo joomla_1.5.22-Spanish-pack-completo.zip y seleccionamos la opción Extraer aquí.

Page 11: Instalacion joomla educamadrid

Una vez descomprimidos los archivos en la carpeta ies borramos el archivo comprimido.

Page 12: Instalacion joomla educamadrid

2.2 TRANSFERENCIA DE LA CARPETA “IES” AL SERVIDOR DE EDUCA MADRID

Page 13: Instalacion joomla educamadrid

Abrimos FileZilla y hacemos clic en Archivo > Gestor de sitios

Page 14: Instalacion joomla educamadrid

Nos conectamos al servidor de Educa Madrid

Page 15: Instalacion joomla educamadrid

Observamos que en nuestro espacio ftp hay dos carpetas (logs y public_html). En esta última vamos a copiar la carpeta ies.

Page 16: Instalacion joomla educamadrid

Abrimos la carpeta public_html (donde figuran las carpetas y los archivos de la página web antigua) y, a continuación, con el botón derecho del ratón hacemos clic en la carpeta ies de nuestro disco duro y seleccionamos “Subir”.

Page 17: Instalacion joomla educamadrid

2.3 ACCESO AL PROGRAMA DE INSTALACIÓN DE JOOMLA

Page 18: Instalacion joomla educamadrid

En primer lugar abrimos nuestra antigua página web (cuya URL termina en educa.madrid.org).

A continuación, en la ventana del navegador añadimos /ies/installation. Es decir marcamos la ruta de la carpeta donde se encuentra el programa de instalación de Joomla. No olvidemos que en la carpeta ies hemos instalado los archivos de Joomla dentro del servidor de Educa Madrid.

Hecho esto nos aparece la 1ª ventana del programa de instalación, como vemos en la siguiente diapositiva.

Page 19: Instalacion joomla educamadrid

Paso 1: seleccionamos el idioma y pulsamos en Siguiente.

Page 20: Instalacion joomla educamadrid

Lo dejamos todo como está y pulsamos en Siguiente.

Page 21: Instalacion joomla educamadrid

Lo dejamos todo como está y pulsamos en Siguiente.

Page 22: Instalacion joomla educamadrid

Escribimos los datos proporcionados por Educa Madrid: el hosting de conexión (localhost), nombre de usuario y contraseña, así como el nombre de la base de datos.

Page 23: Instalacion joomla educamadrid

Escribimos el nombre de usuario de FTP y la contraseña proporcionados por Educa Madrid.

Dejamos en blanco la caja “Ruta a la cuenta de Joomla…”

Page 24: Instalacion joomla educamadrid

Escribimos la dirección de nuestro correo electrónico y la correspondiente contraseña. Asimismo activamos la opción “Instalar los datos de ejemplo predeterminados”.

Page 25: Instalacion joomla educamadrid

Para finalizar, minimizamos esta pantalla, nos conectamos al servidor de Educa Madrid mediante FileZilla, desplegamos la carpeta ies (alojada en public_html) y borramos la carpeta installation. A continuación, nos desconectamos del servidor de Educa Madrid, luego maximizamos esta pantalla y pinchamos en Administración.

Veremos la pantalla predeterminada de Joomla con los ejemplos que vienen por defecto.

Page 26: Instalacion joomla educamadrid

Para cambiar la plantilla pinchamos en Administración.

Page 27: Instalacion joomla educamadrid

Escribimos la contraseña y hacemos clic en Acceder.

Page 28: Instalacion joomla educamadrid

Hacemos clic en Extensiones y luego en Gestor de plantillas

Page 29: Instalacion joomla educamadrid

Activamos el botón correspondiente a la plantilla JA_Purity y luego pinchamos en Predeterminado. Después hacemos clic en Previsualizar. El resultado del cambio de plantilla lo vemos en la siguiente diapositiva.

Page 30: Instalacion joomla educamadrid
Page 31: Instalacion joomla educamadrid

3. IMPORTACIÓN DE LA BASE DE DATOS

Page 32: Instalacion joomla educamadrid

Como se supone que ya tenemos creada la página web en el servidor local (es decir, en el disco duro de nuestro ordenador) ahora lo que hay que hacer es importar la base de datos de esa página web al servidor de Educa Madrid.

De esa base de datos debemos tener una copia de seguridad en un archivo comprimido (con extensión “zip”).

Page 33: Instalacion joomla educamadrid

Escribimos en nuestro navegador la dirección de la interfaz de administración de la base de datos proporcionada por Educa Madrid, y que es http//centro.educa.madrid/admin_dinamicas.

Escribimos nuestro nombre de usuario y contraseña.

Page 34: Instalacion joomla educamadrid

Hacemos clic en el nombre de nuestra base de datos

Page 35: Instalacion joomla educamadrid

Hacemos clic en Importar

Page 36: Instalacion joomla educamadrid

Hacemos clic en Examinar para localizar el archivo comprimido “zip”, donde está la base de datos del sitio web creado en el servidor local.

Page 37: Instalacion joomla educamadrid

Seleccionamos el archivo comprimido

Page 38: Instalacion joomla educamadrid

Seleccionamos la opción MYSQL40 y, luego, hacemos clic en Continuar.

Page 39: Instalacion joomla educamadrid

4. TRANSFERENCIA DEL SITIO WEB AL SERVIDOR DE EDUCA MADRID

Page 40: Instalacion joomla educamadrid

Para finalizar, hacemos lo siguiente:

1. Nos conectamos al servidor de Educa Madrid (a través del programa FileZilla).

2. Abrimos la carpeta public_html y, dentro de esta, la carpeta ies.3. Borramos todas las carpetas y archivos (con excepción de

configuration.php) de la carpeta ies.4. Copiamos todas las carpetas y archivos (con excepción de

configuration.php) de la carpeta ies del servidor local en la carpeta ies del servidor de Educa Madrid.