Curso online de Joomla: dos espacios diferentes

14 07 2009

En el contexto de los CMS como Joomla se suele hablar de Frontend y Backend, dos términos habituales para designar dos espacios diferentes accesibles vía Web que se crean durante la instalación de este gestor de contenidos, es decir, que dispondrás de dos puertas de acceso diferenciadas a tu sitio Web.

La parte pública: EL FRONTEND

Es la vista que se muestra a los visitantes de la Web y es la puerta de acceso público. Es decir, lo que conoces como un tradicional sitio web. Es también la página inicial que se visualiza cuando alguien escribe la dirección URL de tu sitio en su navegador. En el caso de tu instalación de Joomla 1.5.12 en el servidor local accederás al Frontend si tecleas su dirección URL (no lo olvides: pon siempre primero en marcha el servidor local por el procedimiento que ya conoces, ejecuta tu navegador web y teclea la dirección siguiente):

http://localhost/portal

(recuerda que portal es la carpeta que hemos utilizado para copiar en ella todos los archivos y directorios de Joomla 1.5.12)

Lo que ves en pantalla es el Frontend de tu sitio Web:

Joomla 1.5: Frontend de tu sitio Web

Frontend de tu sitio web en el servidor local con la plantilla JA_Purity
establecida como predeterminada

Veamos ahora un sitio educativo elaborado con Joomla: por ejemplo, en tu navegador teclea la dirección

http://cpevaristovalle.com/portal

En pantalla se mostrará la página inicial del C.P. Evaristo Valle de Gijón, un sitio web construido con Joomla.

 Joomla 1.5: un sitio web educativo

Si navegas por sus páginas podrás experimentar las posibilidades que Joomla puede ofrecerte a la hora de crear un sitio web: múltiples menús, un área de inicio de sesión, encuestas, artículos con imágenes y otros elementos multimedia, imágenes enlazadas, galerías de imágenes, canales de noticias RSS, etc. ¡Un auténtico portal educativo interactivo!

El hecho de que sea una vía de acceso público no implica que sus contenidos sean visibles para todos los visitantes que accedan a la web. Joomla implementa un sistema de privilegios basado en acreditaciones compuestas por un nombre de usuario y una contraseña (observa el formulario de acceso de usuarios que puedes ver en la parte izquierda de la página). Dependiendo de los privilegios de esta acreditación, el usuario - visitante podrá acceder o no a ciertos contenidos o a determinadas entradas en los menús de navegación, por ejemplo, e incluso podrán interactuar con ellos o no según los permisos que tenga concedidos por el sistema. Considera que, entre otras opciones, algunos usuarios sólo podrán leer los artículos del sitio o sólo los artículos que seleccione previamente un administrador, mientras que otros usuarios podrán incluso editarlos. Ya te hablaremos de todo esto más adelante, cuando abordemos la realización de prácticas dedicadas a usuarios en Joomla.

La parte privada: EL BACKEND

Es la segunda puerta de acceso y es una zona privada, desde la que se gestionan los contenidos, se añaden nuevos artículos o se editan los existentes, se modifica el aspecto de la web, se da de alta a nuevos usuarios, y en general, se tiene el control sobre el funcionamiento del sitio Joomla. Se trata de una página oculta al visitante, que engloba el área de administración. Aquí sólo pueden entrar el administrador y aquellos usuarios a los que se les haya concedido esta posibilidad, previo inicio de sesión en el sistema con sus credenciales personalizadas. Tras una instalación básica de Joomla sólo existirá un único usuario acreditado llamado admin. Es el usuario con el que realizaste la instalación de Joomla y es el usuario Administrador, un usuario con permisos absolutos en el sistema capaz de interactuar con él plenamente.

En el caso de la instalación de Joomla en un servidor local, la dirección URL de acceso a este área de administración es:

http://localhost/portal/administrator

(sustituye el término portal por el nombre de la carpeta en la que has instalado Joomla si no se llama así)

En pantalla aparecerá el formulario de inicio de sesión.

 Joomla 1.5: formulario de acceso a la administración del sitio

De forma predeterminada, el nombre de usuario es admin. La contraseña se te habrá dado durante la instalación (o la  habrás establecido tú mismo, como sucedió al instalar Joomla 1.5 en local). Tendrás que  teclear ambos valores en el formulario y pulsar la tecla Intro o el botón Acceder para ingresar en el área de administración de Joomla.

Se abrirá una nueva página en la que se mostrarán unos cuantos menús y un montón de botones con iconos. Es el PANEL DE CONTROL de la página inicial de administración de Joomla.

Observa esta pantalla:

  • En la parte superior izquierda se muestra el título que configuraste para el sitio durante la instalación: podrás cambiarlo si lo deseas. Ya te indicaremos cómo.

Joomla 1.5: Panel de control

  • En la parte superior derecha se indica qué versión de Joomla estás utilizando; en nuestro caso, 1.5.12.
  • Debajo del título hay un menú desplegable que incluye variadas opciones para acceder a todas las posibilidades que ofrece la administración del sitio Web, como las plantillas utilizadas en su diseño, el instalador, la gestión de los módulos, la administración de usuarios. Este menú es la principal herramienta de navegación dentro del Backend y sólo tienes que pasar el ratón por encima de cada entrada para acceder a los submenús correspondientes. Cuando trabajes con Joomla olvídate de los botones Atrás y Adelante de tu navegador y utiliza las opciones de este menú.

Joomla 1.5: Panel de control - menús

  • Observa que aparece a la derecha de este menú un enlace de nombre Previsualizar. Utiliza el botón derecho del ratón sobre el mismo y selecciona la opción de Abrir enlace en una pestaña nueva (Firefox). Esto te permitirá visualizar la página inicial de tu sitio Web en una pestaña nueva de tu navegador al tiempo que mantienes abierta la Administración de Joomla. Este truquillo resulta muy útil porque así podrás comprobar  simultáneamente el efecto en tu sitio de los cambios que vayas realizando mientras trabajes con la administración de Joomla.

Joomla 1.5: Panel de control

¡Qué buena idea! Deja abiertos el Frontend y el Backend al mismo tiempo. De este modo podrás apreciar instantáneamente todos los cambios que realices en el Backend en la página frontal. Puedes hacerlo en dos pestañas diferentes, en dos ventanas diferenciadas e incluso en dos monitores distintos y procura alternar entre ambos haciendo clic sobre su nombre en la barra de tareas del sistema. Cada vez que realices un cambio en el backend recarga el frontend utilizando la tecla F5 de tu navegador (Firefox e IE) y podrás visualizar los cambios realizados inmediatamente.

  • A la derecha verás el icono Bandeja de entrada. Te indica el número de mensajes que tienes sin leer en el buzón de correo interno de Joomla. El sistema de mensajería interna de Joomla es muy útil para coordinar la labor de los usuarios que tienen acceso al Backend.
  • El icono Número de usuarios acreditados actualmente te indica cuántos usuarios acreditados están actualmente visitando tu sitio, tanto en el Backend como en el Frontend.
  • Y por último, el enlace Cerrar sesión. Este enlace te permitirá salir del sistema. Utilízalo siempre cuando termines tu trabajo con Joomla, es fundamental para evitar que otros usuarios del ordenador puedan usurpar tu personalidad en el Backend de Joomla.

El panel de control

Ocupa la mayor parte de la pantalla y se caracteriza por la presencia de unos grandes
botones de acceso directo a las tareas más comunes que realizarás en Joomla. Si trasteas con estos iconos y acabas medio perdido en Joomla, sólo tendrás que hacer clic en la entrada del menú Inicio - Panel de Control para volver a la página inicial del Panel de Control: ¡no te perderás en Joomla!

Joomla 1.5: Panel de control - iconos

Los resúmenes deslizantes

A la derecha de la pantalla puedes acceder a los resúmenes deslizantes (haz clic sobre
cada uno de ellos) con variada información sobre Joomla, alguna realmente muy útil.

Joomla 1.5: Panel de control - resúmenes deslizantes

  • Bienvenido a Joomla!
  • Usuarios identificados: se muestran los usuarios que actualmente han iniciado sesión en el sistema.
  • Popular: se muestran los artículos más populares, es decir, los que tienen más éxito entre los visitantes. Se muestra la fecha y hora de creación del artículo y la cantidad de visitas realizadas al artículo. ¡Muy práctico, si haces clic sobre su enlace podrás editar los artículos cliqueados!
  • Artículos añadidos recientemente. Aquí se muestran las últimas entradas. También resulta muy práctico, ya que a menudo puede interesarte completar alguna de ellas.
  • Menú de estadísticas: Agrupa los distintos menús. Permite ver cuántas entradas tiene cada uno de los menús de Joomla. Observa que en el listado sólo aparece un único menú, el llamado mainmenú, que contiene un único item (si observas el Backend de tu sitio web, sólo hay un menú, el Menú principal, que contiene una única entrada de menú, el enlace Inicio).

Joomla 1.5: menú Principal - módulo en el Frontend

Sin querer entrar en muchos pormenores de lo que es Joomla, te comentaré que, en realidad, lo que estás viendo no es un menú, sino un módulo de Joomla, el módulo asociado a este menú, un módulo que Joomla crea de forma predeterminada cada vez que creas y configuras un menú de navegación. Casi todo lo que ves en las páginas de un sitio Joomla son, en realidad, módulos. Los menús de navegación son módulos, el formulario de acceso de usuarios que viste en la página del C.P. Evaristo Valle es también un módulo, la encuesta es un módulo… No olvides este concepto: casi todo… lo que aparece en el sitio Web, en el Frontend, será un módulo y podrás editarlo a tu gusto, cambiarlo de sitio, añadir nuevos módulos, etc.  Esta estructura modular confiere a Joomla una singular potencia y te permitirá personalizarlo a tu antojo.

Por cierto, el aspecto que tiene esta página (los colores, la posición de los elementos, etc.) está determinado por una plantilla, la que se esté utilizando en ese momento. Y suele ser muy frecuente que las plantillas utilicen las zonas laterales, superiores e inferiores para ubicar los módulos. Así pues, estos dos conceptos, módulos y plantillas, son básico en Joomla y serán los protagonistas de nuestros próximos artículos.