Panorámica general de un portal Joomla! (versión 1.5.20, sistema default, interfaz en español).

Joomla! está dividido en dos grandes áreas o interfaces: el FrontEnd y el BackEnd. El FrontEnd es el àrea que ven los usuarios cuiando acceden normalmente a un sitio web creado con Joomla!. El BackEnd es el área o interfaz de administración de los servicios web levantados para ese sitio web, que no es visible por el usuario anónimo.

A continuación, describiremos someramente ambas interfaces, como un ejercicio inicial de aproximación al conocimiento de Joomla!.

El Front-End

Una instalación Joomla! por defecto, a la que solo le hemos agregado el idioma español, y hemos habilitado las URLs amigables, presenta la información a través de la plantilla rhuk_milkyway preinstalada en el paquete oficial de joomla.org (en algunos casos, la plantilla por defecto es la JA_Purity, pero en este caso, utilizaremos la primera para nuestros ejemplos.).

Esta plantilla ofrece un conjunto de áreas, espacios o "posiciones" para organizar los datos de componentes y módulos preinstalados en el sistema.

En elcaso de nuestro ejemplo, el FrontEnd nos muestra:

• Un logotipo ubicado en la parte superior izquierda de la pantalla.
• Un módulo para mostrar noticias rápidas (módulo News Flash) de una categoría de artículos en particular, que aparecen aleatoriamente según la carga de la página, ubicado en la parte superior derecha de la pantalla (posición Top)
• Inmediatamente abajo, un Menú principal (módulo Menu)  ubicado en el centro de la pantalla (Posición User3)
• Luego tenemos dos sectores, uno al lado izquierdo que nos muestra el breadcrumb (módulo Breadcrumb) o barra de indicación de navegación (el "You are here" o "Estás aquí") (Posición Breadcrumb) y en el otro extremo, una caja de "Buscar" en la posición User 4 de esta plantilla.
• Más abajo, tenemos en el costado izquierdo el Main menú (Módulo Menu), ubicado en la posición Left, que además identifica a toda esa columna hacia abajo, que incluye otros menúes, como en este caso el menú Resources y el menú Key Concepts y al final de la columna el módulo de Loguin (Loguin Form) para el acceso al área privada del FrontEnd.
• Hacia el centro y la derecha, dos módulos que se ubican en las posiciones User 1 y User 2, que contienen selecciones de artículos: los últimos posteados (módulo Latest News) y los más leídos (módulo Popular o Most Read), respectivamente.
• En la columna de la derecha de la pantalla, encontramos varios módulos con información variada: Poll (módulo Polls, para encuestas rápidas), módulo Whos´on line (que muestra los visitantes y usuarios activos) y Advertisement, un módulo para enlaces patrocinados (módulo Custom HTML). Todo ello en la posición Rigth de la plantilla.
• Al centro de la página, en la posición com_content, se muestran los artículos que se han asignado a ser mostrados en el FrontPage del sitio. Esta posición es una posición por defecto del sistema, que la plantilla no pueden prescindir.
• Debajo del com_content se encuentra la posición Footer, que es la utilizada frecuentemente para poner los créditos del sitio (módulo Footer). En este caso se incluye un banner promocional (módulo Banner) en la misma posición.
• Inmediatamente más abajo y a la izquierda de la pantalla, se encuentra la posición Syndicate, utilizada para mostrar el sistema feed del sitio (módulo Syndicate).
• Por último, al final y abarcando todo el ancho de la página se encuentra la posición Debug, utilizada para mostrar los errores o comentarios sobre el sitio, cuando activamos el sistema Debug desde la configuración global del portal  joomla!, en el backend.

VER AMBAS IMAGENES EN LA MISMA VENTANA

El Back-End

El Back-End o Panel de Control es la interfaz administrativa de Joomla, a la que pueden acceder los usuarios del tipo Super Administrador, Administrador y Gestor. A cado uno se le presenta una interfaz acotada a los respectivos privilegios que  tiene por defecto en el sistema. Para una revisión general del Back-End utilizaremos la interfaz del usuario Superadministrador, que es la presentación Full del sistema.

Panel de Control

Al acceder a la interfaz administrativa, luego de loguearnos en el sistema, nos aparece el Panel de Control del Back-End). Lo más destacado de la página es el grupo de botones de acceso rápido a distintas secciones o tareas de administración:

{phocagallery view=category|categoryid=5|imageid=20}

• Añadir un nuevo artículo: permite ir directamente a la creación de un nuevo artículo de contenido.
• Gestor de artículos: permite abrir la lista de artículos existentespara su gestión.
• Gestor de la página principal: Permite administrar lo que se ve en el Frontpage
• Gestor de secciones: Administra las secciones.
• Gestor de categorias: Administra las categorías.
• Gestor multimedia: administra las imágenes que queremos publicar en el Front-End.
• Gestor de menús: permite gestionar los menúes.
• Gestor de idiomas: gestiona los idiomas existentes en el sitio, tanto para la parte pública como para el back-end..
• Gestor de usuarios: es el administrador de usuarios del sitio.

{phocagallery view=category|categoryid=5|limitstart=0|limitcount=0}

Menú superior

El Back-End tiene 7 pestañas en el menú superior de navegación: Sitio - Menús - Contenido - Componentes - Extensiones - Herramientas - Ayuda. Cada pestaña despliega un menú con los elementos que contiene, entre ellos, todos los acceso existentes en la botonera de acceso rápido señalada anteriormente.

Acordión de estadísticas e informaciones

En el costado derecho de la pantalla, se muestra un conjunto de datos estadísticos e información recogida de fuentes externas:

• Welcome to Joomla!: Un mensaje de bienvenida del equipo Joomla!
• Logged in Users: Muestra los usuarios logueados en el web.
• Popular: Muestra una selección de artículos más leídos.
• Recent added Articles: Lista los artículos recientemente añadidos.
• Menu Stats: Muestra los menús y la cantidad de ítemes de menú por menú.
• Joomla! Security Newsfeed= Entrega las alertas de seguridad a través de un Feed RSS

.