Preparación del Entorno de Trabajo J OOMLA! LA WEB EN ENTORNOS EDUCATIVOS

Transcripción

1 Preparación del Entorno de Trabajo J OOMLA! LA WEB EN ENTORNOS EDUCATIVOS 27 de febrero de 2012

2 ÍNDICE 1. INTRODUCCIÓN ACCESO AL PANEL MANEJO BÁSICO DEL Inicio Sitios web y dominios Estadísticas Cuenta PREPARACIÓN DE LA BASE DE DATOS Crear base de datos Crear usuario de base de datos INSTALACIÓN DE JOOMLA Descarga Joomla! Subida al hosting Descompresión Instalación Joomla!...19 w w w. i n g e n i o t e c. e s 2/23

3 1 1. INTRODUCCIÓN El presente documento tiene como objetivo ser una guía rápida del alumno del Curso de Joomla! La Web en Entornos Educativos para configurar el servidor remoto proporcionado por el CPR para realizar todas las tareas de dicho curso y ser utilizado finalmente como plataforma para el proyecto final. En esta guía se tratarán los siguientes conceptos: Acceso al Panel del Servidor Remoto Manejo básico del Panel Preparación de la Base de Datos Instalación de Joomla Al finalizar dicho documento, el alumno tendrá su entorno de trabajo preparado con Joomla funcionando correctamente y dispuesto para realizar las tareas que se proponen a lo largo del curso. w w w. i n g e n i o t e c. e s 3/23

4 2 ACCESO AL PANEL 2. El acceso al panel de configuración del servidor remoto, que en este caso se denomina PLESK, desde el que se preparará el entorno se realizará a través de un navegador web (Mozilla Firefox o Google Chrome, preferiblemente) actualizado. En la barra de direcciones se introducirá la siguiente dirección: de usuario>.ingeniotec.es:8443 Donde <nombre de usuario> habrá que sustituirlo por el usuario correspondiente. Cada alumno habrá sido previamente informado de los credenciales de acceso de los que dispondrá a lo largo del curso (previa solicitud del alumno al tutor). Los nombres de usuario tendrán el formato: joomla01 joomla02.. joomla14 Para realizar ésta guía se utilizará el nombre de usuario joomlaxx. La dirección a introducir en el navegador será entonces w w w. i n g e n i o t e c. e s 4/23

5 En el caso de Google Chrome, es posible que al introducir la dirección aparezca en la misma barra de direcciones la conexión https tachada y un aviso acerca de la seguridad del certificado del sitio; no se preocupe. El motivo de éste mensaje es que el navegador trata de obtener el certificado del sitio pero tiene un problema al hacerlo; no es grave ni compromete su privacidad. Para continuar simplemente se pulsará sobre Continuar de todos modos. En el caso de Mozilla Firefox, es posible que al introducir la dirección aparezca una ventana similar a ésta: No se preocupe en este caso. Pulse sobre la última opción "Entiendo los riesgos" y le aparecerá un botón con el texto "Añadir excepción". Pulse en él y le aparecerá una ventana como la siguiente: w w w. i n g e n i o t e c. e s 5/23

6 Pulse ahora sobre el botón "Confirmar excepción de seguridad" y podrá continuar con el acceso al panel. En el caso de Internet Explorer aparecerá una pantalla como la siguiente: Puede hacer click en "Vaya a este sitio web (no recomendado)" tranquilamente. No comprometerá la seguridad de su equipo. w w w. i n g e n i o t e c. e s 6/23

7 Una vez confirmada la excepción de seguridad de su navegador le aparecerá una ventana como ésta: En esta pantalla se deberán introducir las credenciales que le hayan sido facilitados: nombre de usuario y contraseña. Finalmente al pulsar sobre Acceder cargará el panel de control. La pantalla que cargará será el panel de configuración PLESK que se utilizará para configurar el entorno de trabajo. w w w. i n g e n i o t e c. e s 7/23

8 3 MANEJO BÁSICO DEL 3. En este apartado se realizará un repaso por todas las opciones de las que dispone el panel de configuración PLESK con el que se trabajará. Se puede apreciar la existencia de cuatro pestañas en la parte superior izquierda de la pantalla. Cada una de éstas pestañas nos dará acceso a las diferentes funcionalidades del panel. A continuación se explican cada una de ellas Inicio En éste apartado se tiene un resumen del estado general de nuestro entorno de trabajo. Estadísticas de uso de recurso: Se puede tener un control del espacio que hemos ocupado en el servidor, así como del tráfico de datos que hemos realizado. Como límite máximo de espacio en disco duro disponemos de 1GB (1024MB), más que suficiente para w w w. i n g e n i o t e c. e s 8/23

9 cumplir con los objetivos del curso. En cuanto al tráfico, contaremos con 5GB de transacción mensual, también suficiente para realizar las actividades del curso. Al hacer clic sobre Más>> tendremos acceso a la pantalla correspondiente a la tercera pestaña: Estadísticas. Sitios web y dominios: Se pueden gestionar diferentes dominios así como el contenido web de su sitio. Al hacer clic sobre Más>> tendremos acceso a la pantalla correspondiente a la segunda pestaña: Sitios web y dominios Sitios web y dominios Desde aquí gestionará su sitio web: archivos, bases de datos, certificados... En la parte inferior visualizará un listado de sus sitios web. Solo dispondrá de uno, que será donde trabajará con la plataforma Joomla!. w w w. i n g e n i o t e c. e s 9/23

10 3.3. Estadísticas Desde aquí podrá examinar informes detallados del uso de los recursos de los que dispone para realizar las prácticas. En la parte inferior dispondrá de la posibilidad de consultar más información sobre la transferencia de datos que ha realizado: http, ftp y correo Cuenta En ésta página puede consultar información detallada acerca de las asignaciones de recursos, opciones de hosting y permisos para las operaciones que puede realizar en el panel. En la parte inferior visualizará tres pestañas desde las que podrá ver: las asignaciones de recursos, las opciones de hosting y los permisos para las operaciones que puede realizar. w w w. i n g e n i o t e c. e s 10/23

11 Recursos: Podrá consultar el uso de espacio en disco realizado, así como el tráfico que ha realizado. También puede ver el nº de dominios de los que dispone y el nº de bases de datos. Opciones de hosting: Podrá visualizar la configuración del hosting. El soporte de PHP es necesario para poder trabajar con Joomla!. w w w. i n g e n i o t e c. e s 11/23

12 4. PREPARACIÓN 4 DE LA BASE DE DATOS Antes de comenzar con la instalación de Joomla! hay que preparar una base de datos y ponerla a disposición del instalador de Joomla!. 4.1 Crear base de datos Habrá que acceder a la pestaña Sitios web y dominios. La herramienta con la que contaremos será Añadir base de datos nueva: de datos. Al hacer clic sobre ella accederemos al formulario de configuración de una nueva base w w w. i n g e n i o t e c. e s 12/23

13 El nombre que se le asignará a la base de datos a crear será del formato: <nombre de usuario>_curso Donde <nombre de usuario> será el usuario que se nos haya asignado. En ésta guía el nombre de la base de datos a utilizar será joomlaxx_curso. En cuanto al tipo de base de datos, solo estará disponible MySQL en local, que será el que utilicemos para las prácticas. Finalmente se hará clic en ACEPTAR. creada. Si todo ha ido bien aparecerá un mensaje indicando que la base de datos ha sido El listado de herramientas habrá cambiado. Esto es porque el panel estará centrado en la base de datos recién creada. Se puede comprobar esto porque en la parte superior, bajo las cuatro pestañas principales se muestra: Para visualizar el listado de bases de datos de las que disponemos (solo una, la recién creada) habrá que hacer clic, en la parte superior derecha de la pantalla sobre el botón El listado de bases de datos que nos mostrará será el siguiente NOTA: Si intentamos crear una segunda base de datos no podremos, puesto que solo tenemos permiso para crear una. w w w. i n g e n i o t e c. e s 13/23

14 4.2 Crear usuario de base de datos Una vez creada la base de datos, lo único que falta es crear un usuario de base de datos para que la plataforma Joomla! pueda utilizarla. Para ello, en el listado de bases de datos disponibles haremos clic sobre la única que tendremos disponible, la que acabamos de crear; en el ejemplo a seguir en ésta guía será joomlaxx_curso. Una vez seleccionada la base de datos, accederemos a la herramienta de creación de usuarios Aparecerá un formulario donde deberemos introducir un nombre y una contraseña (dos veces, por motivos de seguridad) para éste nuevo usuario. El formato a seguir para el nombre del usuario DEBERÍA ser: <nombre de usuario>_usuario Donde <nombre de usuario> será el usuario que se nos haya asignado. En ésta guía el nombre del usuario de la base de datos será joomlaxx_usuario. La contraseña para el usuario tenemos que tratar que sea lo más compleja posible, para reforzar la seguridad, pero que seamos capaces de recordarla fácilmente. Para terminar, haremos clic sobre ACEPTAR y ya tendremos todo el entorno preparado para comenzar con la instalación de la plataforma Joomla!. w w w. i n g e n i o t e c. e s 14/23

15 5 INSTALACIÓN DE JOOMLA 5. Una vez que la base de datos ha sido creada y configurado el acceso con un usuario, podemos comenzar con la instalación propia de la plataforma Joomla!. Para ello, primero deberemos descargar el software de la página oficial Descarga Joomla! En la barra de direcciones de un navegador web introducimos la siguiente dirección: Con ésto accederemos a la sección de descargas de la página oficial de Joomla!. Por la parte central de la ventana aparecerá la sección de descarga del paquete en su versión 1.5.x. Procederemos a descargar la versión Full Package (no la de Upgrade); para ello hacemos clic sobre el texto ZIP de la columna DOWNLOAD. El navegador web comenzará la descarga. w w w. i n g e n i o t e c. e s 15/23

16 El tamaño aproximado del fichero a descargar es de 6,7MB por lo que, dependiendo de la conexión a Internet de la que cada uno disponga, el tiempo de descarga podría demorarse un poco; debería oscilar entre 10 y 200 segundos, no más Subida al hosting Una vez que disponemos del paquete de instalación de Joomla! en nuestro ordenador, el siguiente paso es subirlo al servidor remoto que hemos preparado. Para ello, en el panel de control de PLESK accederemos a la pestaña Sitios web y dominios a la funcionalidad: Cargará una pantalla donde podremos visualizar todo el contenido de nuestro espacio web. Deberemos centrarnos en el directorio httpdocs, que será donde subamos nuestro paquete. Para ello haremos clic sobre el propio nombre del directorio. Tras un breve tiempo de carga, el navegador nos mostrará el contenido del directorio. w w w. i n g e n i o t e c. e s 16/23

17 Encima del listado de ficheros aparece la herramienta que utilizaremos para subir nuestro paquete: Al acceder a ésta herramienta aparecerá una ventana donde deberemos buscar el fichero que vamos a subir de nuestro disco duro. Para ello haremos clic sobre Seleccionar archivo. Se abrirá una ventana emergente donde buscaremos nuestro archivo: w w w. i n g e n i o t e c. e s 17/23

18 Después de seleccionar nuestro paquete, haremos clic sobre Abrir. Finalmente, pulsaremos sobre ACEPTAR y el fichero comenzará a subirse al hosting. Una vez que se haya subido, volverá a mostrarse el listado de archivos de httpdocs. NOTA: El tiempo de subida del fichero oscila según la conexión a internet de la que dispongamos; para una conexión normal de ADSL se estima sobre unos 5 minutos aproximádamente Descompresión En el listado de ficheros del directorio httpdocs ahora veremos también el paquete recién subido. Para descomprimir el paquete, primero habilitaremos la caja de texto situada a la izquierda del mismo: Por último, encima del listado de ficheros, y bajo las herramientas disponibles, pulsaremos sobre el botón: Aparecerá una pantalla donde seleccionaremos la opción Sobreescribir archivos w w w. i n g e n i o t e c. e s 18/23

19 existentes: Finalmente, haremos clic sobre Extraer archivos. Cuando termine de extraer todo el contenido del paquete, volverá a mostrar los ficheros del directorio httpdocs Instalación Joomla! Una vez llegado a éste punto, podemos comenzar con la instalación de la plataforma Joomla!. Para ello, en la barra de direcciones de un navegador web actualizado introduciremos la siguiente dirección: de usuario>.ingeniotec.es Donde <nombre de usuario> será el usuario que se nos haya asignado. En ésta guía la dirección será joomlaxx. ingeniotec. es. Automáticamente se iniciará la instalación del la plataforma Joomla! y en siete sencillos pasos tendremos nuestro gestor de contenidos preparado para funcionar. 1. Idioma Deberemos configurar el idioma en el que queremos realizar la instalación; no se trata del idioma final de la plataforma, sino únicamente el idioma que adoptará la instalación. La plataforma se instalará en inglés (UK). En caso de querer otro idoma, habrá que configurarlo, descargando previamente el paquete corresondiente. w w w. i n g e n i o t e c. e s 19/23

20 Seleccionaremos es-es Spanish (Español internacional) y haremos clic, en la parte superior derecha, sobre. 2. Comprobación previa Comprovación previa para comprobar que la plataforma Joomla! funcionará correctamente en el entorno configurado. Valores de PHP recomendados para asegurar una completa compatibilidad con Joomla!. Deberíamos visualizar exactamente lo mismo que las imágenes anteriores. Haremos clic sobre. 3. Licencia Licencia GNU/GPL de Joomla!. Deberemos aceptar los términos y condiciones para poder utilizar éste software. Para ello haremos clic sobre. 4. Base de datos Utilizaremos el tipo de base de datos MySQL. En nombre del host pondremos localhost (hace alusión al propio servidor). En los datos relacionados con la base de datos (usuario, contraseña del usuario y nombre de la base de datos) introduciremos aquellos que configuramos anteriormente. En el ejemplo de ésta w w w. i n g e n i o t e c. e s 20/23

21 guía el resultado final sería: Finalmente haremos clic sobre. NOTA: Si hay algún problema con los datos introducidos, no podremos continuar con la instalación. Revisar encarecidamente que los credenciales introducidos son correctos y corresponden a la configuración realizada con anterioridad de la base de datos. 5. Configuración de FTP No necesitamos acceso vía contamos con el acceso a control PLESK. Dejaremos la sobre. FTP a nuestro servidor, puesto que los ficheros a través del panel de opción No marcada y haremos clic 6. Configuración Nombre del sitio web: Escribiremos el nombre de nuestra plataforma Joomla!. Por ejemplo: Confirme el correo electrónico y la contraseña del usuario admin: w w w. i n g e n i o t e c. e s 21/23

22 Introduciremos una dirección de correo electrónico válida y la contraseña del administrador (dos veces, por seguridad). Ésta será la contraseña para administrar nuestro Joomla (insertar artículos, configurar aspecto, etc...) Para este curso y la realización de algunas tareas DEBEMOS de instalar el contenido ejemplo. Para ello, haremos clic sobre Instalar los datos de ejemplo predeterminados. Finalmente, haremos clic sobre. 7. Finalizar La plataforma nos felicitará por haber completado la instalación con éxito. Además, nos mostrará el siguiente mensaje: Tendremos que eliminar el directorio installation para poder continuar. Para ello accederemos al panel de control PLESK, a Sitios web y dominios Administrador de archivos. w w w. i n g e n i o t e c. e s 22/23

23 Nos situaremos dentro del directorio httpdocs (como ya hicimos anteriormente). Una vez localicemos el directorio installation, marcaremos la casilla situada a su izquierda y haremos clic sobre, que está situado justo sobre el listado de archivos. Aparecerá una pantalla donde deberemos confirmar la eliminación del directorio. Habilitaremos la casilla Confirmar eliminación y pulsaremos sobre ACEPTAR. Una vez eliminado el directorio, volverá a cargar el listado de ficheros contenido en httpdocs. Ya podremos acceder a nuestra plataforma Joomla! accediendo a la dirección de usuario>.ingeniotec.es Donde <nombre de usuario> será el usuario que se nos haya asignado. En ésta guía la dirección será joomlaxx. ingeniotec. es. Para acceder al panel de administración de nuestra plataforma Joomla!, no haremos a través de la siguiente dirección. <nombre de usuario>.ingeniotec.es/administrator Donde <nombre de usuario> será el usuario que se nos haya asignado. En ésta guía la dirección será joomlaxx. ingeniotec. es/ administrator. Aparecerá una pantalla para hacer login. En username (nombre de usuario) deberemos escribir admin y en password (contraseña), aquella que hayamos configurado durante la instalación. Como language (idioma), dejaremos default, puesto que solamente disponemos de English (United Kingdom), y será la opción que se utilice por defecto.!! Enhorabuena, ha completado la instalación de su propia plataforma Joomla! con éxito!! w w w. i n g e n i o t e c. e s 23/23