icono LinkedIn
Iván García Puebla

Consultor tecnológico de desarrollo de proyectos informáticos.

Ver todos los tutoriales del autor

Fecha de publicación del tutorial: 2009-08-14

Tutorial visitado 78.321 veces Descargar en PDF
Joomla 1.5. Instalacion y configuracion

Joomla 1.5. Instalación y configuración

  1. Joomla 1.5. Instalación y configuración
    1. Introducción
    2. Prerequisitos
    3. Primera parte: preparar el equipo para la instalación de Joomla 1.5
      1. Instalación del servidor
      2. Instalación de las MySQL GUI Tools
      3. Preparar la base de datos
      4. Configuración del servicio FTP
    4. Segunda parte: instalación de Joomla! 1.5
    5. Tercera parte: configuraciones posteriores
      1. Instalación de idiomas para el font y backend de Joomla! 1.5
      2. URL amigables y posicionamiento en buscadores (SEO)
      3. Mejorar la velocidad de navegación de nuestra web
    6. Conclusión

Introducción

En este tutorial vamos a poner en marcha el gestor de contenidos Joomla! 1.5 en un equipo para hacer nuestros desarrollos web. El tutorial comprende tres fases: preparar el sistema para instalación de Joomla; instalar el CMS; y aplicar configuraciones posteriores.

Prerrequisitos

En este tutorial manejaremos las siguientes versiones de software:

Con lo anterior y las explicaciones que van a continuación se asegura un correcto funcionamiento. Los usuarios con experiencia pueden probar con otras versiones si lo desean. Asimismo hay que tener cuidado de que los cortafuegos u otro software de seguridad no bloqueen las conexiones de red de todo lo aquí explicado.

Primera parte: preparar el equipo para la instalación de Joomla 1.5

Instalación del servidor

Joomla! requiere de un servidor web con soporte adicional de PHP y MySQL; además utilizaremos las características de FTP. La instalación más rápida y efectiva es, sin duda, a través de XAMPP. Para su descarga e instalación recomiendo utlizar el siguiente tutorial de mi compañero Alfonso: XAMPP

Vemos que Alfonso realiza la instalación de XAMPP en C:\xampp, aunque cada cual puede escoger otro directorio (en mi caso es C:\Herramientas\xampp); en cualquier caso, a nuestra localización la denominaremos XAMPP_HOME a lo largo de este tutorial. Nótese que usando Windows Vista es recomendable que XAMPP_HOME no esté dentro de ningún directorio protegido del sistema operativo, como C:\Windows, C:\Archivos de Programa, etc.

Instalación de las MySQL GUI Tools

XAMPP ofrece un cliente para administrar la base de datos denominada phpMyAdmin. Personalmente prefiero utilizar las MySQL GUI Tools, por potencia y simplicidad de manejo. Lo descargamos de la página http://dev.mysql.com/downloads/gui-tools/5.0.html en su versión Windows (x86). Pulsamos en "Pick a mirror" a la derecha:

Descargar MySQL GUI Tools 5.0
Descarga de MySQL GUI Tools 5.0

En la siguiente página nos ofrece registrarnos. Podemos omitirlo pulsando abajo en "No thanks, just take me to the downloads!" y seleccionando en la siguiente página el enlace HTTP o FTP del país que queramos. Una vez descargado el fichero mysql-gui-tools-5.0-rxx-win32.msi, lo ejecutamos y seguimos los pasos ofrecidos por el asistente de instalación.

Preparar la base de datos

Durante el proceso de instalación de Joomla! tendremos que especificar un usuario de base de datos y un esquema de instalación. En vez de utilizar el usuario root y el esquema de base de datos por defecto, vamos a crear, para nuestro Joomla!:

  • Un esquema de base de datos llamado joomladb
  • Un usuario de MySQL llamado joomlauser con permisos sobre el esquema anterior.

Para ello iniciamos la aplicación MySQL Administrator desde el menú inicio de Windows, y en la pantalla de conexión situamos los valores:

  • Stored Connection: podemos dejarlo vacío
  • Server Host: localhost
  • Port: 3306
  • Username: root
  • Password: la que hayamos definido (si hemos seguido el tutorial de Alfonso de XAMPP). Si no, dejar el campo vacío.

y pulsamos OK.

1.- Para crear un nuevo esquema de base de datos, pulsamos sobre Catalogs y luego en el espacio inferior, botón derecho | Create New Schema:

Crear nuevo esquema en MySQL
Crear nuevo esquema de base de datos en MySQL

En la ventana emergente introducimos el nombre para nuestro esquema: joomladb

2.- Para crear un usuario asociado a la base de datos joomladb

Accedemos en el menú izquierdo ahora a User Administration y abajo a la derecha pulsamos sobre Add new user, e introducimos los datos:

  • MySQL User: joomlauser
  • Password: la que queramos

A continuación pulsamos abajo a la derecha en Apply Changes. Pulsamos ahora con el borón derecho sobre el usuario joomlauser y activamos Show hosts in user list, y a continuación Add host from wich the user can connect:

Operaciones sobre usuario joomlauser
Operaciones sobre usuario joomlauser

El host que vamos a añadir es localhost. Una vez lo tengamos, pulsamos sobre localhost bajo joomlauser, luego arriba en la pestaña Schema Privileges, luego sobre el esquema joomladb y a continuación pasamos todos los priviliegios de una columna a otra pulsando sobre el botón etiquetado "<<". Finalmente pulsamos Apply Changes:

Pasos para asignar privilegios de joomladb a joomlauser@localhost
Pasos para asignar privilegios de joomladb a joomlauser@localhost:

Con ello ya tenemos creado una base de datos dedicada para las tablas de nuesta instalación de Joomla! 1.5

Configuración del servicio FTP

En nuestra instalación de Joomla! habilitaremos el acceso al sistema de ficheros por FTP. Para ello utilizaremos el servidor FTP FileZilla incluido en XAMPP: Para ello:

1.- En el XAMPP Control Panel activamos el checkbox de FileZilla y pulsamos en Aceptar en la ventana emergente

Activar Filezilla con XAMPP Control Panel
Activar checkbox de FileZilla y Aceptar el mensaje

2.- A la pregunta Install Service? respondemos :

Instalar servicio de FTP Filezilla en Windows
Instalar servicio de FTP Filezilla en Windows

3.- A la pregunta Autostart Service? respondemos No (no nos interesa que se inicie a la vez que Windows, sino sólo cuando nosotros queramos):

No deseamos que el servicio de FileZilla se arranque automaticamente
No deseamos que el servicio de FileZilla se arranque automáticamente

4.- A la última pregunta de Start Server? podemos decir que , pues lo vamos a utilizar en unos minutos. De ahora en adelante podemos levantar o parar este servicio igual que hacemos con Apache o MySQL desde el XAMPP Control Panel.

Segunda parte: instalación de Joomla! 1.5

Obtenemos la distribución de Joomla! 1.5 (al elaborar este tutorial la release actual es la 1.5.14) desde http://www.joomla.org/download.html, pulsanso sobre ZIP en la versión 1.5.X Full Package del lenguaje English (UK) (luego lo configuraremos en nuestro idioma).

En XAMPP_HOME\htdocs creamos un directorio donde descomprimiremos el contenido del fichero descargado. En mi caso lo llamare cms, y a esta ruta XAMPP_HOME\htdocs\cms lo denominaremos JOOMLA_HOME.

Accedemos a http://localhost/cms para acceder a la pagina inicial de la instalación de Joomla!

Paso 1: seleccionamos el idioma a utilizar durante la instalación:

Instalacion de Joomla, seleccion de idioma
Seleccion de idioma para la instalación

Paso 2: Joomla! comprueba si nuesto sistema supera los requisitos mínimos para la instalación:

Joomla comprueba los requisitos minimos para ser instalado
Comprobación de requisitos del sistema: arriba obligatorios, abajo recomendados

Paso 3: aceptamos los términos de la licencia simplemente pulsando Siguiente:

Aceptamos los terminos de licencia GNU GPL
Aceptamos los términos de licencia GNU/GPL

Paso 4: aportar la información de la base de datos para que Joomla! cree su juego de tablas.

Conforme hemos configurado MySQL en pasos anteriores, los datos a introducir deberán ser:

  • Tipo de base de datos: mysql
  • Nombre del servidor: localhost
  • Nombre del usuario: joomlauser
  • Contraseña: la que pusimos al dar de alta el usuario joomlauser
  • Nombre de la base de datos: joomladb

Aportar la informacion de la base de datos MySQL
Aportar la información de la base de datos MySQL

Al pulsar Siguiente tardará unos instantes en avanzar a la siguiente pantalla. En caso de mensaje de error, revisar los pasos de este tutorial.

Paso 5: habilitar la capa de FTP para poder acceder a los archivos de Joomla! mediante este protocolo.

Para nuestros desarrollos en un equipo local no suele ser necesario, pero aquí dejo explicado cómo se hace (este paso puede omitirse, seleccionando el radiobutton No para no habilitar la capa FTP y pulsando sobre Siguiente).

Primero vamos a configurar el servidor de FileZilla para que el directorio JOOMLA_HOME esté accesible vía FTP. En el XAMPP Control Panel, pulsamos sobre el botón Admin... a la derecha de Filezilla. Nos aparece un diálogo para conectarnos a la consola de administración de FileZilla, donde ponemos como Server Address: 127.0.0.1 y como puerto, el mostrado por defecto: 14147. No es necesario introducir contraseña de administración (aunque sería conveniente configurar en algún momento FileZilla por motivos de seguridad. Para configuración avanzada, consultar la documenación del FIleZilla FTP Server en http://wiki.filezilla-project.org/Main_Page).

En la pantalla de administración, accedemos al menú Edit | Users | General y pulsamos sobre el botón Add de la derecha para añadir un usuario ftp: que llamaremos joomlaftp:

Alta de un usuario en FIleZilla FTP Server
Alta de un usuario en FIleZilla FTP Server

y aceptamos con OK. A continuación pulsamos sobre nuestro nuevo usuario joomlaftp en la columna Users de la derecha, activamos el checkbox Password y establecemos una contraseña:

Establecer contraseña para el usuario joomlaftp
Establecer contraseña para el usuario joomlaftp

Pulsamos ahora en la opción de la izquierda Shared folders y a continuación en el usuario joomlaftp de la columna de la derecha. Tras ello pulsamos sobre Add y navegamos hasta seleccionar nuestro JOOMLA_HOME, y aceptamos. Sobre ella activamos todos los checkboxes a su derecha: Read, Write... Create, Delete... :

Opciones para establecer el directorio HOME del usuario joomlaftp
Opciones para establecer el directorio HOME del usuario joomlaftp

Ya podemos cerrar la consola de configuración de FileZilla pulsando OK en la parte inferior izquierda de la ventana.

Volviendo a la pantalla de instalación de Joomla!, en el paso 5, de configuración de FTP, ahora ya podemos introducir los siguientes datos:

  • Seleccionamos el radiobutton (para habilitar la capa FTP)
  • Nombre de usuario FTP: joomlaftp
  • Contraseña de FTP: la que hemos definido hace unos instantes
  • Ruta a la carpeta de Joomla desde la raíz FTP: /

Esta ruta podemos ponerla nosotros o pulsar en el botón Encontrar la ruta FTP automáticamente. Podemos comprobar que los datos son correctos y que se logra la conexión FTP utilizando el botón Comprobar la configuración FTP:

Introducir los parametros para la capa FTP de Joomla
Introducir los parametros para la capa FTP de Joomla

Paso 6: configuración inicial de Joomla!

Tras pulsar en Siguiente en el paso anterior, en esta pantalla haremos tres operaciones:

  1. poner un nombre a nuestra web en el cuadro de texto Nombre de sitio web (e.g. joomla_adictos)
  2. Introducir un correo electrónico válido y una contraseña, que se asociarán al usuario admin de Joomla, el adminsitrador inicial.
  3. Instalar datos de ejemplo. Activamos el radiobutton Instalar contenido de ejemplo predeterminado y pulsamos en el botón Instalar los datos de ejemplo predeterminado. Cuando este botón se convierta en el texto "Datos de ejemplo instalados", habrá finalizado al operación:

Primera configuracion de Joomla
Primera configuración de Joomla

Pulsamos sobre Siguiente para continuar.

Paso 7: finalizar la instalación

Joomla! nos pide que para finalizar correctamente la instalación, eliminemos el directorio JOOMLA_HOME\installation. De esta manera no se podrá repetir accidentalmente o malintencionadamente la instalación:

Finalizar el proceso eliminando el directorio installation de JOOMLA_HOME
Finalizar el proceso eliminando el directorio installation de JOOMLA_HOME

Ahora podemos acceder ya a Joomla! La página inicial del portal es http://localhost/cms/:

Pagina inicial de Joomla
Pagina inicial de Joomla con contenido de ejemplo

y el acceso al backend de administración del gestor es http://localhost/cms/administrator/, con el usuario admin y contraseña, la que pusimos en el paso 6:

Pantalla de login de la consola de administracion del cms
Pantalla de login de la consola de administracion del CMS

Panel de administracion de Joomla!
Panel de administración de Joomla!

Ya tenemos Joomla! instalado y preparado para nuestros desarrollos.

Tercera parte: configuraciones posteriores

En esta tercera parte veremos cómo configurar Joomla! 1.5 para algunas operaciones habituales o que pueden resultar interesantes.Todas ellas son opcionales. Veamos tres:

Vamos con ello.

Instalación de idiomas para el font y backend de Joomla! 1.5

En este ejemplo traduciremos Joomla! al español, pero el procedimiento es idéntico para cualquier otro idioma, y son muchos los disponibles: http://extensions.joomla.org/extensions/languages/translations-for-joomla.

En primer lugar debemos descargar un paquete de idioma, que contendrá las traducciones. En nuestro caso, pulsaremos en el botón Download del Spanish - Translations for Joomla!:

Descarga del paquete de idiomas de Joomla
Descarga del paquete de idiomas de Joomla

En enlace nos llevará a la página de descargas del proyecto encargado de la traducción en JoomlaCode. Descargaremos los ficheros .zip de los idiomas correspondientes a nuestra versión de Joomla!. Para la versión 1.5.14 de este tutorial, ofrecen la traducción por separado en dos ficheros: es-ES_joomla_lang_admin_1.5.14v1.zip (113.55 Kb) y es-ES_joomla_lang_site_1.5.14v1.zip (51.16 Kb)):

Paquetes de taduccion
Paquetes de idiomas de la versión 1.5.14

El cambio de idioma es sencillo. Accedemos al panel de administración de Joomla y usamos el menú Extensions | Install/Uninstall. Usaremos la opción Upload Package File, seleccionamos uno de las dos descargas y pulsamos en Upload File & Install:

Instalar paquete de idioma de Joomla
Instalar paquete de idioma

Repetimos el proceso con el segundo fichero de idiomas. En cada instalación aparecerá un mensaje de confirmación: Install Language Success.

Finalmente accedemos al menú Extensions | Language Manager, seleccionamos el radio button de nuestro lenguaje y pulsamos en el icono Default, arriba a la derecha:

Establecer el idioma por defecto de Joomla
Establecer el idioma por defecto de Joomla

Para aplicar los cambios, finalizamos nuestra sesión en el panel y volvermos a conectar, seleccionando en la pantalla de login nuestro idioma (o dejar en Default ya que lo hemos convertido en el idioma de por defecto):

Seleccion del idioma del backend
Seleccion del idioma del backend

En la parte front, las palabras manejadas por el motor de Joomla serán traducidas a nuestro idioma; el contenido de ejemplo que venía en inglés, sigue apareciendo tal cual (el texto publicado depende de su autor).

URL amigables y posicionamiento en buscadores (SEO)

Para que los buscadores encuentren URL adaptadas para su reconocimiento e indexación, podemos activar esta opción y el CMS reescribirá las direcciones web de manera estática (sin el paso de parámetros por URL propio de las peticiones GET de HTTP). Para ello en la página inicial del panel de administración pulsamos en el icono Global Configuration (o Configuración Global si hemos traducido Joomla! al español). Una vez ahí, a la derecha tenemos las opciones, que podemos activar o desactivar (guardamos las opciones pulsando en el icono de Apply o Save en la parte superior):

Opciones para activar SEO en Joomla
Opciones para activar SEO en Joomla

Si accedemos al contenido de ejemplo del frontend de joomla en http://localhost/cms, tenemos el botón "Boton de About Joomla!". Al pulsar, el navegador muestra una URL en la barra de direcciones que según las combinaciones de las opciones, serán:

Resultado de la combinacion de las opciones de SEO
Opción activada URL de About Joomla!
<ninguna> http://localhost/cms/index.php?option=com_content&view=article&id=25&Itemid=28
Friendly URLs http://localhost/cms/index.php/about-joomla
Friendly URLs + Add Suffix http://localhost/cms/index.php/about-joomla.html
Friendly URLs + mod_rewrite http://localhost/cms/about-joomla
Friendly URLs + mod_rewrite + Add Suffix http://localhost/cms/about-joomla.html

Para poder utilizar mod_rewrite debemos acceder a JOOMLA_HOME y verificar que existe el fichero .htaccess Si no existe, podemos renombrar el fichero htaccess.txt a .htaccess En Windows posiblemente no nos deje hacerlo con el menú contextual del botón derecho. Pero podemos conseguirlo abriendo el Símbolo del sistema (en Inicio | Accesorios o bien Inicio | Ejecutar | cmd) y usando el comando rename htaccess.txt .htaccess

Consola del Sistema de Windows
Consola del Sistema de Windows

NOTA: la opción mod_rewrite puede no tener efecto si publicamos la web en un proveedor de webhosting que no permita la activación de la directiva mod_rewrite en su servidor Apache.

Mejorar la velocidad de navegación de nuestra web

Al navegar por nuestra web con Joomla! podemos notar ciertos retrasos (delays) en las transiciones de páginas. Esto se debe a que el motor del CMS tiene que acudir a la base de datos y a disco a recopilar la información necesaria para la página solicitada y procesarla para enviar la respuesta a la petición del navegador del usuario. Eso incluye el contenido en texto, las imágenes, la plantilla, hacer posibles transformaciones de idioma, cargar los módulos activos. Esta situación suele agravarse cuando hay un número alto de usuarios navegando simultáneamente por nuestra web.

Esto puede paliarse si activamos el cacheo, que se fundamenta en que ciertas partes de las páginas son guardadas en disco ya procesadas, de manera que la siguiente vez sólo hay que mostrar esta información guardada y no volver a elaborarla o recuperarla de base de datos. La primera vez que se muestra la página con ese contenido será cuando se guarde para próximas visitas. Si el contenido de esa página cambiase por algún motivo, Joomla cacheará automáticamente.

Lo activamos en el panel de administración | Global Configuration | System, en las opciones de Cache Settings, seleccionando yes y guardando los cambios con Apply. La cantidad en Cache Time indica el tiempo máximo en minutos que permitimos para que el contenido recién cacheado se aloje en disco. Si el contenido de la web cambia muy frecuentemente, habrá que poner un valor bajo para forzar que se cachee el contenido en un tiempo breve y mejorar los tiempos de navegación de los usuarios que están en esos momentos. Si el contenido cambia poco, podemos relajar la condición.

Opciones de cache de Joomla!
Opciones de cache de Joomla!

Debemos tener en cuenta que el proceso de cacheo de datos necesita recursos de procesador y disco, por lo que si el servidor está sobrecargado no debemos abusar con valores de tiempo bajos.

Conclusión

En este tutorial se ha querido dar una visión completa de la instalación de Joomla, y hacer ver que, aun estando listo para ser utilizado, podemos hacer tuning para sacar más partido. Saber qué configuraciones nos son ventajosas dependerá de la web que desarrollemos con este CMS y los contenidos que aloje.

Joomla! está respaldado por una gran comunidad de usuarios activos, que aportan gran valor en forma de extensiones y documentación. Para saber más de Joomla, aquí propongo algunos enlaces:

 

A continuación puedes evaluarlo:

Regístrate para evaluarlo

Por favor, vota +1 o compártelo si te pareció interesante

Share |
Anímate y coméntanos lo que pienses sobre este TUTORIAL:

Fecha publicación: 2011-12-12-18:31:35

Autor: Cohen

Che, "brother"! ¡Excelente tutorial, ehmmm! +10

Fecha publicación: 2011-05-21-06:05:54

Autor: JOELVALETTE

Bueno, ya encontre el problema... muchas gracias de todas formas... el problema radicaba en que como pregunte a ultima instancia no tenia el mysql 5.0 instalado... ufff. siento un alivio enorme, porque sentia que todo se me derrumbaba, jajaja... muchas gracias...

Fecha publicación: 2011-05-20-18:16:58

Autor: JOELVALETTE

por si acaso, solo tengo instalado el Mysql que trajo el windows por default, tiene esto algo que ver, ya que descargue el mysql-5.5.12-win32, pero al ver que windows tenia el Microsoft SQL Server Compact Edition, pense que solo era necesario instalar el mysql-gui-tools-5.0-r17...

Espero su oportuna colaboracion...

gracias...

Fecha publicación: 2011-05-20-18:09:59

Autor: JOELVALETTE

Hola.

Soy novato en esto, realmente no se nada sobre programacion de paginas web, por lo menos en la parte de usar lineas de comando o cosas por el estilo, pero si tengo algo de conocimiento general sobre el tema... Todo va muy bien hasta la creacion de usuarios. Bueno el caso es que estoy estancado en la parte donde le conferimos los privilegios al usuario que creamos...

Cuando le asigno el host donde se va aconectar y le asigno los privilegios, inmediatamente hago click en aplicar cambios me sale el siguiente mensaje:


Error while storing the user information. The user might have been deleted. Please refresh the user list.

Y otro mensaje en el cuadro del sistema que dice:

** Message: save user: can't retrieve user information

Etoy estancado y necesito solucionar esto inmediatamente, ya que solo estoy a la espera de tener estos programas funcionando para publicar mi pagina web...

Gracias miles por el tutorial y mucho mas por su muy preciada ayuda.

Queda de ustedes.

Joel Valette

PD.

un pequeño aporte
Para aquellos que experimenten problemas a la hora de cambiar lo de la contraseña que deja Mysql en blanco cuando por default crea el usuario root (ya que a mi me paso que dure un dia completo tratando de hacerlo y nada de funcionar), no tienen que modificarla, ni tampoco los otros campos, solo tienen que entrar con la contraseña que usan para reforzar la seguridad en esta pagina:

http://localhost/security/xamppsecurity.php

si se fijan ahi le asignan una clave nueva a root

Espero sea de utilidad

Fecha publicación: 2010-07-19-20:11:33

Autor: Lolita

Gracias
Esta exageradamente bien explicado.

Mil gracias
Lolita

Fecha publicación: 2009-09-05-08:43:12

Autor:

[Iván] Amparo, con el programa HTTrack puedes guardar sitios webs enteros para luego navegar de forma local y estática. Saludos.

Fecha publicación: 2009-09-03-12:31:39

Autor:

[Amparo] Hola Ivan, antes que nada felicitarte por el tutorial. Pero tengo una duda, una vez que tengo la pagina hecha la quiero guardar en un pen, por ejemplo, para enseñarsela al cliente. ¿Cómo lo hago?. Gracias.

Fecha publicación: 2009-08-16-05:19:29

Autor:

[Anónimo] Muy currado... felicidades por el trabajo.