Está en la página 1de 120

Machine Translated by Google

Gestores de contenidos
Montserrat Madridejos Mora, Jordi Cárdenas Guía

Aplicaciones Web
Machine Translated by Google
Machine Translated by Google
Aplicaciones Web Gestores de contenidos

Índice

Introducción 5

Resultados de aprendizaje 7

1 Los sistemas de gestión de contenidos 9


1.1 Evolución de los sistemas gestores de contenidos . . . . . . . . . . ... . . ... . . ... . . . . 10
1.2 Selección de un sistema de gestión de contenidos . . . . . . . . . ... . . ... . . ... . . .. 11
1.3 Instalación del sistema de gestión de contenidos Joomla! . . . . . . . . . ... . . ... . . . . 13
1.3.1 ¡Requisitos para la instalación de Joomla! . . . . . . . . . . . . . ... . . ... . . . . 13
1.3.2 Datos necesarios para la instalación . . . .... . . ... . . ... . . ... . . .. 14
1.3.3 Tipo de instalaciones . . . . . . . . . . . . . . . . . . ... . . ... . . ... . . . . dieciséis

1.3.4 Instalación de XAMPP . ... . . ... . . .... . . ... . . ... . . ... . . .. 17


1.3.5 ¡El paquete de instalación de Joomla! . . . . . . . . . . . ... . . ... . . ... . . . . 23
1.3.6 ¡Preparar la instalación de Joomla! en Ubuntu . . . . . . ... . . ... . . ... . . .. 24
1.3.7 ¡Configuración de la instalación de Joomla! . . . . . . . ... . . ... . . ... . . .. 27
1.3.8 Configuración de la base de datos . . . . . . .... . . ... . . ... . . ... . . . . 29
1.3.9 Información general de la instalación de Joomla! . . . . ... . . ... . . ... . . . . 30
1.3.10 ¡Iniciar la instalación de Joomla! . ... . . .... . . ... . . ... . . ... . . . . 31
1.3.11 ¡Comprobar la instalación de Joomla! . . . .... . . ... . . ... . . ... . . . . 32

2 Configuración y creación de 35
. . . . . . .. . .
contenidos 2.1 Acceso al gestor de contenidos . . .... . . ... . . ... . . ... . . . . 36
2.1.1 Acceso en modo usuario al front-end y al back-end .. . . ... . . ... . . ... . . . . 37
2.1.2 Acceso en modo administrador al front-end y al back-end ... . . ... . . ... . . . . 39
2.2 Los temas . . ... . . ... . . ... . . ... . . .... . . ... . . ... . . ... . . . . 40
2.2.1 Plantillas . . . ... . . ... . . ... . . .... . . ... . . ... . . ... . . . . 40
2.2.2 Categorías . . ... . . ... . . ... . . .... . . ... . . ... . . ... . . . . 48
2.2.3 Artículos . . . . . . . . . ... . . ... . . .... . . ... . . ... . . ... . . . . 54
2.2.4 Menús .. . . ... . . ... . . ... . . .... . . ... . . ... . . ... . . . . 64
2.2.5 Módulos .. . . ... . . ... . . ... . . .... . . ... . . ... . . ... . . . . sesenta y cinco

2.3 Gestión de usuarios . . . . . . . . . ... . . ... . . .... . . ... . . ... . . ... . . . . 69


2.3.1 Crear un usuario . . . . . ... . . ... . . .... . . ... . . ... . . ... . . . . 70
2.3.2 Crear un grupo nuevo . . . ... . . ... . . .... . . ... . . ... . . ... . . .. 74
2.4 Gestor multimedia . . ... . . ... . . ... . . .... . . ... . . ... . . ... . . .. 77
2.5 Mensajería de Joomla! . . . . . ... . . ... . . .... . . ... . . ... . . ... . . . . 78

3 Administración y mantenimiento de un gestor de 83


. . . . . .. . .
contenidos 3.1 Administración de componentes . . .... . . ... . . ... . . ... . . . . 83
3.1.1 Anuncios - Pancartas . . ... . . ... . . .... . . ... . . ... . . ... . . . . 84
3.1.2 Contactos . . . ... . . ... . . ... . . .... . . ... . . ... . . ... . . . . 89
3.1.3 Canales de información . . . . . . . ... . . .... . . ... . . ... . . ... . . . . 94
3.2 Extensions de Joomla! . . . . . ... . . ... . . .... . . ... . . ... . . ... . . . . 99
3.2.1 Instalación de extensiones . . . . . ... . . .... . . ... . . ... . . ... . . . . 101
3.2.2 Deshabilitando y desinstalando extensiones . . . .... . . ... . . ... . . ... . . . . 103
Machine Translated by Google
Aplicaciones Web Gestores de contenidos

3.2.3 Gestión de módulos . . . . . . . . . ... . . .... . . ... . . ... . . ... . . . . 103


3.2.4 Gestión de complementos . . . . . . ... . . .... . . ... . . ... . . ... . . . . 106
3.2.5 Gestión de plantillas . . . . . . . . ... . . .... . . ... . . ... . . ... . . . . 109
3.2.6 Gestión de idiomas . . . . . . . . . ... . . .... . . ... . . ... . . ... . . . . 110
3.3 Seguridad . . ... . . ... . . ... . . ... . . .... . . ... . . ... . . ... . . . . 112
3.3.1 Recuperar la contraseña de administrador . .... . . ... . . ... . . ... . . . . 113
3.3.2 Copias de seguridad . . . . . . . . . . . . . . . . . . . ... . . ... . . ... . . . . 114
3.4 Rendimiento . . . . . . . ... . . ... . . ... . . .... . . ... . . ... . . ... . . .. 117
3.5 Actualización de versión . . . . . ... . . ... . . .... . . ... . . ... . . ... . . . . 119
3.5.1 Actualizar Joomla! en la última versión . . . .... . . ... . . ... . . ... . . . . 119
3.6 Migración . . . . . . . . . . . . . . . . . . . . . . . .... . . ... . . ... . . ... . . . . 120
Machine Translated by Google

Aplicaciones Web 5 Gestores de contenidos

Introducción

Internet se ha convertido en un pilar de la sociedad de la información.


Una de las principales aplicaciones de Internet es la navegación web, que permite
visualizar contenidos multimedia localizados en cualquier lugar del mundo de forma fácil
e inmediata. Puede acceder a estos contenidos multimedia desde su ordenador, y
también con los cada vez más popularizados nuevos dispositivos móviles, que le permiten
navegar sin estar ligados a una conexión física estática.

En el mundo actual, cualquier organización, empresa, institución o asociación necesita


tener una presencia en Internet que sea flexible, moderna y amigable. En la página web
se puede explicar lo que hace el propietario de la empresa o compañía que la ha creado.
Está abierta 24 horas al día, 7 días a la semana, 365 días al año.

Al principio, la creación de las páginas web era relativamente complicada.


Había que codificar el código HTML de la página a mano con un editor. No era necesario
ser un experto, pero para obtener resultados atractivos debía tenerse un interés en el
tema. Una vez creado el contenido estático de la página web, éste debía cargarse en el
servidor web mediante un programa de transferencia de archivos.

Para obtener resultados dinámicos e interactivos, como la gestión de usuarios o el envío


de mensajes a un foro, el creador de la web debía estudiar un lenguaje de programación,
como PHP. Esto hacía que la creación de webs dinámicas quedara restringida a
profesionales del campo o debiera contratarse una empresa especializada para hacerlo.

En la actualidad, los gestores de contenidos le permiten crear y gestionar webs dinámicas


interactivas de forma fácil y rápida, sin tener que tener unos conocimientos de
programación muy exigentes.

En este módulo de aplicaciones web puede ver diferentes herramientas relacionadas con
el trabajo con conexión a Internet: software que se instala en su ordenador y que necesita
Internet para poder ofrecer sus funciones y aplicaciones que directamente se encontraban
en servidores web remotos . En esta unidad verá cómo crear contenidos web de una
manera semiautomática con un gestor de contenidos.
Esto nos servirá para introducir una unidad centrada en la creación de portales
web con fines educativos.

En el apartado “Instalación de un gestor de contenidos” se hace un resumen de las


características de los gestores de contenidos, se enumeran algunos de los gestores de
contenidos más populares actualmente y finalmente se explica cómo instalar paso a no
un gestor de contenidos en una máquina local. Además, se realiza la instalación de un
sistema wiki para elaborar la documentación del proyecto.

En el apartado “Configuración y creación de contenidos” verá los diferentes parámetros


de configuración del gestor de contenidos y las diferentes herramientas que Joomla! ofrece
Machine Translated by Google
Aplicaciones Web 6 Gestores de contenidos

para trabajar en el administrador. También verá cómo crear contenido en el sitio web y
menús para estructurar la navegación dentro del sitio.

En el apartado “Administración y mantenimiento” se explica cómo funcionan las


extensiones y los componentes de Joomla!. Instalará un componente para crear foros
de discusión en su sitio web. Podrá aprender cómo mejorar la seguridad de su sitio una
vez está en funcionamiento haciendo copias de seguridad, actualizando el sistema a la
última versión y siguiendo algunos fáciles consejos de seguridad.

Para aprovechar mejor el contenido de esta unidad es importante que realice las
actividades de cada apartado. Piense en qué web desea obtener al final como resultado
y vaya utilizando las actividades para ir añadiendo contenido a su web. Es importante
que vaya creando la documentación dentro de la wiki a medida que va configurando el
portal web y no hacerla toda al final.
Machine Translated by Google

Aplicaciones Web 7 Gestores de contenidos

Resultados de aprendizaje

Al terminar la unidad, debe ser capaces de lo siguiente:

1. Identificar los requisitos necesarios para la instalación de gestores de contenidos.

2. Gestionar usuarios con roles distintos.

3. Personalizar la interfaz del gestor de contenidos.

4. Realizar pruebas de funcionamiento.

5. Realizar tareas de actualización del gestor de contenidos, especialmente las de


seguridad.

6. Instalar y configurar los módulos y menús necesarios.

7. Activar y configurar los mecanismos de seguridad proporcionados por el gestor


de contenidos.

8. Habilitar foros y establecer reglas de acceso.

9. Realizar copias de seguridad de los contenidos del gestor.

10. Buscar e interpretar documentación técnica en las lenguas oficiales y en las de


mayor uso en el sector.

11. Documentar adecuadamente la instalación del gestor de contenidos, las incidencias aparecidas
y las soluciones aportadas.
Machine Translated by Google
Machine Translated by Google

Aplicaciones Web 9 Gestores de contenidos

1. Los sistemas de gestión de contenidos

La influencia de la innovación tecnológica en todos los sectores actuales, ya sea el ámbito


doméstico o el mundo industrial, crea nuevas necesidades y estimula la aparición de
nuevos productos.

Las páginas web son el espejo utilizado para mostrar la información que se tiene la
necesidad de comunicar. Y con el paso del tiempo crece el volumen de información a
gestionar y mantener y también aumenta el número de actores implicados en estas tareas.
Esta situación provoca la necesidad de utilizar una herramienta de trabajo específica: un
gestor de contenidos.

Un gestor de contenidos proporciona el entorno de trabajo idóneo para actualizar,


mantener y ampliar una página web con la colaboración simultánea de dos o más
usuarios.

El uso del gestor de contenidos proporciona un ahorro muy importante en tiempo. En el


mercado existen productos de libre acceso con licencias de código abierto. El uso del
gestor no es exclusivo de páginas web que trabajen con muchos contenidos. La flexibilidad
de estos programas y su escalabilidad los hacen realmente útiles para cualquier usuario
Podemos llamar a los
que se encargue de una página web.
sistemas gestores de
contenidos como Content
Lo primero que se debe hacer para la creación de su portal web es instalar y configurar la Management Systems
(CMS) o Web Content
herramienta que utilizará para crearlo: un gestor de contenidos. Management (WCM).

No se recomienda instalar el primer gestor que encuentre. Investiga un poco las


características de los diferentes productos que existen y analice las necesidades del cliente
final. Compruebe que una misma solución no se puede aplicar a todos los
casos.

Las tareas propias del profesional responsable del sistema de gestión de contenidos son:

• Instal·lar-lo

• Administrar-lo

• Documentar todos los procesos y tareas relacionados

Se entiende por administrar un gestor de documentos el adaptarlo a las necesidades del


cliente y estar al día de sus actualizaciones, ya sea desde el punto de vista estético y de
contenidos como desde el punto de vista de la seguridad . En la figura 1.1 se puede ver lo
que se puede realizar con el gestor Joomla!
Machine Translated by Google
Aplicaciones Web 10 Gestores de contenidos

F igura 1. 1. Administración de Joomla!

Opciones del Panel de Control de Joomla!

Un gestor de contenidos puede tener, entre otras, alguna de las siguientes


características:

• Identificar diferentes tipos de usuario y sus roles (lo que podrán ver y hacer estos
usuarios).

• Crear contenidos de forma rápida y sencilla.

• Separar el contenido de su presentación. Esto permite modificar fácilmente la


apariencia, sin tener que cambiar los contenidos. Además, nos permite
aprovechar los contenidos para diferentes usos (por ejemplo por
visualizar una misma web desde un ordenador de sobremesa o desde un
teléfono móvil).

Existen diferentes tipos de gestores de contenidos en función de cuál sea el resultado


final que se desea obtener (un centro de recursos de una empresa, la documentación
de un proyecto...). Nos centraremos en los gestores de contenidos enfocados a obtener
como resultado un portal web.

1.1 Evolución de los sistemas gestores de contenidos

Los gestores de contenidos ya se utilizaban en la década de los años 70 del pasado


siglo, pero ha sido tal la evolución en el ámbito del tratamiento de la información, que
hay pocas semejanzas entre una aplicación de aquel tiempo con una aplicación actual.
El lenguaje de
programación C++ fue
creado en 1983 por Bjarne
Stroustrup. Es uno de En 1984 ya era una realidad hacer públicos datos almacenados en un ordenador
los lenguajes más
populares que han existido.
personal, pero hubo que esperar al año 1995 para que la llegada de Internet posibilitara
la existencia de los embriones de los gestores de contenidos actuales. Antes de que
esto sucediera, utilidades independientes como bases de datos, editores de imágenes
Machine Translated by Google
Aplicaciones Web 11 Gestores de contenidos

y paquetes ofimáticos, se encargaban de gestionar la información. En algunos casos, se


realizaban programas a medida con lenguajes de programación como C++.
Una primera idea de CMS es la que realizó la empresa Illustra Information Technologies con
su programa Illustra. Éste utilizaba una versión comercial del sistema de gestión de bases
de datos Postgres y se utilizaba como repositorio de los contenidos web.

Uno de los ejemplos a destacar es RedDot CMS, aparecido en 1993 y que acabó trabajando
sobre las plataformas ASP.NET y Java. En 1995 apareció el primer gestor de contenidos
de código abierto: Portland Pattern Repository. En 2000 la herramienta PHPNuke populariza
los gestores de contenidos y, poco después, en 2001 irrumpe en el escenario el CMS La seguridad en la nube condiciona a los
CMS.
Fuente:FutUndBeidl(www.flickr.com)
Drupal, un gestor de código abierto que se hizo con una parte importante del mercado.
Cuatro años más tarde, en 2005, aparecieron los CMS Alfresco y Joomla!, que se
convirtieron en la competencia directa de Drupal. AGUA

La Web Accessibility Initiative


Los actuales CMS aplican estándares CSS, XML, XHTML, WAI, etc. y están diseñados (WAI) es una rama del World
Wide Web Consortium que vela
para trabajar con un amplio abanico de aplicaciones, lenguajes de programación y bases por la accesibilidad de la Web.

de datos.

1.2 Selección de un sistema de gestión de contenidos


James Robertson es uno
de los principales expertos
mundiales dedicados a estudiar
Para escoger el gestor de contenidos más adecuado se revisarán los siguientes cuatro las diferentes estrategias y
diseños que deben aplicarse
puntos:
en las intranet. Es el autor que
propone estos cuatro puntos.

1. Creación del contenido

2. Gestión del contenido

3. Publicación

4. Presentación

No es necesario que el usuario que tenga que crear contenidos tenga conocimientos
técnicos. El creador del contenido debe centrar toda su atención en el contenido y no en el
programa.
WYSIWYG es el acrónimo
de la frase inglesa What You
La solución más habitual es proporcionar al usuario un editor WYSIWYG donde puede See Is What You Get (lo que
ves es lo que obtienes).
verse en tiempo real cómo quedará publicado el contenido.

Los CMS pueden incluir otras herramientas de edición, pero en función de los conocimientos
de los usuarios creadores de contenidos puede que no saquen todo el rédito. No debe
confundirse el uso de las herramientas de creación de contenidos con las herramientas que
permiten dar a los contenidos una estructura, el aspecto visual o el formato de las páginas.

Gestión del contenido

La configuración de la estructura de la web se realiza con una herramienta que representa


la información en una estructura jerárquica. Siempre se permite realizar cambios en esta
estructura.
Machine Translated by Google
Aplicaciones Web 12 Gestores de contenidos

El contenido está relacionado con los usuarios, y éstos pueden relacionarse y agruparse
entre ellos.

Todos los contenidos creados se depositarán en una base de datos y, además, se registrarán
con toda la información que esto supone (fecha de creación y modificación, usuario que crea
el documento y quien lo edita, etcétera).

Publicación

Cuando se finaliza la edición de un contenido éste se puede publicar. Publicar significa que
la información sea visible en la web. Se pueden crear contenidos y almacenarlos en el gestor
porque se ha decidido retrasar su fecha de publicación; igualmente se puede decidir
despublicar un contenido visible en la página web.

Presentación

El acceso a la página web y su contenido es posiblemente la parte más importante para el


usuario. El lector de la web necesita acceder desde diferentes navegadores y dispositivos,
por tanto será tarea del gestor de contenidos gestionar su accesibilidad.
En muchas ocasiones, trabajar este apartado implica la gestión de un equipo de profesionales.
El binomio entre el administrador del sistema y el diseñador web resulta muy interesante en
este caso: el primero organiza y mantiene el background de la aplicación y el segundo se
preocupa de la accesibilidad y el aspecto visual.

En el mercado existen una gran cantidad de gestores de contenidos, tanto de código abierto
y gratuitos, como de software comercial y privativo. Ésta es una pequeña lista de los gestores
de contenidos de código abierto más populares:

• Joomla!: en 2005 aparece este software ideado para la gestión de contenidos y es


uno de los más populares. Está programado en PHP, es multiplataforma
y utiliza licencia GNU General Public.
El nombre Joomla proviene de
la palabra árabe jumla, que se
pronuncia Jumla y que significa
'todos juntos' o 'en conjunto'. • Drupal: desde su aparición en 2001 es un referente de los CMS, sobre todo por su
especialización en el trabajo sobre blogs. Está programado en PHP, es multiplataforma
y utiliza la licencia GPLv2/GPLv3.

• WordPress: en 2003 irrumpe en el escenario de los gestores de contenidos


especializados en blogs. En los últimos años ha superado en uso a Drupal y es una
alternativa seria a Joomla!. Programado en PHP, es multiplataforma y con licencia
GPL.

• Hippo CMS: es un moderno gestor de contenidos aparecido en 1999. Es muy utilizado


a nivel empresarial tanto con perfil web como intranet. Está programado en Java, es
multiplataforma y con licencia Apache 2.0.

Hay infinidad de otros gestores de contenidos, como Alfresco, Plone, Symphony, Django,
PostNuke... No haremos una descripción de cada uno, pero tienen unas características
similares. Los gestores de contenidos se pueden diferenciar en la forma en que se administran
los contenidos, su implementación interna (lenguaje de programación y base de datos
utilizada) oa qué sector están orientados (empresarial, educativo...).
Machine Translated by Google
Aplicaciones Web 13 Gestores de contenidos

¡Elegiremos Joomla! como gestor de contenidos para este curso, ya que es muy fácil de
utilizar, provee muchas extensiones y es uno de los gestores de contenidos más populares ¡El logotipo del CMS Joomla! ayuda a
ilustrar el significado de "Todos juntos"
y, por tanto, de los que tienen una comunidad de desarrolladores más activa.

Una gran cantidad de sitios web actuales están diseñados utilizando Joomla!, como
Compramos:

• http://ioc.xtec.cat/educacio/. La página web del IOC utiliza Joomla!.

• http://www.cabothouse.com/. Éste es un ejemplo de una página de diseño. Joomla!


interactúa con un buen diseño.

• http://www.ptotoday.com/. En este caso se gestiona una gran cantidad


información dinámicamente.

• http://community.joomla.org/showcase/sites.html. Aquí encontrará muchos ejemplos


de páginas web que utilizan Joomla!.

El administrador no debe realizar necesariamente la tarea de mantenimiento del


web. Lo habitual es que un profesional del diseño trabaje en equipo con el administrador,
y uno se dedique a la parte artística y el otro a la parte técnica.

1.3 Instalación del sistema de gestión de contenidos Joomla!

¡Cuando se acaba decidiendo instalar un sistema de gestión de contenidos como Joomla!


es necesario realizar un estudio previo de los requisitos del programa, de las distintas
versiones del programa y de los puntos fuertes y débiles que presenta.

Si necesita que el programa funcione en local la cantidad de parámetros a tener en cuenta


serán pequeños, pero si la instalación debe pertenecer a una intranet o bien debe dar
servicio a través de Internet es necesario que revise los parámetros de la red
y del sistema informático.

1.3.1 ¡Requisitos para la instalación de Joomla! Zlib (www.zlib.net) es una


librería de software utilizada
en la compresión de datos.

¡Para instalar y usar Joomla! necesita un servidor web (preferiblemente Apache), una
base de datos (preferiblemente MySQL) y el lenguaje script de servidor PHP, junto con Joomla!

los módulos específicos de MySQL, XML y Zlib funcionando. ¡La versión de Joomla! utilizada
ha sido desarrollada para el
servidor web Apache versión
2.x+, aunque funciona
correctamente en otros servidores
En la tabla 1.1 puede ver las versiones mínimas y recomendadas de los programas que (como el IIS de Microsoft).

debe tener instalados para que Joomla! funcione correctamente. Lo mismo puede decirse de las
bases de datos. MySQL es la
opción óptima, aunque con SQL
Server y PostgreSQL también
funciona.
Machine Translated by Google
Aplicaciones Web 14 Gestores de contenidos

Tabla 1. 1. Versiones de software necesarias

Software Versión recomendada Mínimo Web

PHP 5.3.10 + 5.4 + http://php.net

MySQL (requiere soporte 5.1 + 5.1 + http://www.mysql.com


InnoDB)

apache 2.x + 2.x + http://www.apache.org/

Joomla! también soporta las opciones alternativas de software que se muestran en la


tabla 1.2

Tabla 1. 2. Versiones de software alternativas

Software Versión recomendada Mínimo Web

servidor SQL 10.50.1600.1+ 10.50.1600.1+ http://www.microsoft.com/sql

postgresql 8.3.18 + 8.3.18 + http://www.postgresql.org/

Nginx 1.1 1.0 http://wiki.nginx.org/

Microsoft IIS 7 7 http://www.iis.net/

Debe asegurarse de que tiene las funcionalidades de MySQL, XML y Zlib


activadas dentro de su instalación de PHP. Esto lo puede comprobar en el
archivo de configuración php.ini en la carpeta de instalación de PHP (depende del sistema

El nombre Ubuntu proviene de la


donde lo ha instalado, consulte la documentación de su instalación).
palabra zulú ubuntu, que quiere
decir 'humanidad hacia los
otros'. Del mismo modo, ¡Joomla! ha sido testado en muchas variantes de los sistemas
operativos GNU/Linux, Apple Mac OSX y Microsoft Windows. Puede funcionar
en otras plataformas, pero no está tan documentado. El presente material debe
sido elaborado sobre una instalación en un ordenador con GNU/Linux con la
distribución Ubuntu. Por tanto, las capturas de pantalla y los directorios que se verán
corresponden a ese sistema. Puede haber pequeñas diferencias respecto a otras
sistemas, que los alumnos tendrán que resolver, ya que no se pueden cubrir todas las
posibles combinaciones de sistemas operativos y distribuciones. En el enlace puede
encontrar gratuitamente la última versión de Ubuntu.

Joomla! funciona correctamente sobre la gran mayoría de navegadores web. Los


equipos de desarrolladores del proyecto Joomla! testean regularmente el producto
La distribución Linux Ubuntu permite
trabajar con Joomla! sobre diferentes plataformas para revisar las distintas funcionalidades. Los materiales
actuales están realizados utilizando el navegador Chrome (versión 42.0.2311.135) y
Para obtener más información
sobre sistemas Windows y Ubuntu.
de Ubuntu en catalán,
visite http:
//www.ubuntu.cat/. ¡Una vez conocidas las necesidades de Joomla! sólo habrá que buscar la máquina
adecuado y aplicar las opciones de configuración más eficientes.

En el momento de generar
una contraseña se debe
contemplar que: contenga
1.3.2 Datos necesarios para la instalación
más de seis caracteres de los
cuales dos sean numéricos,
no debe contener datos
referentes al usuario y una Antes de realizar la instalación de Joomla! es necesario que decida una serie de
misma contraseña no
datos muy importantes que deberá indicar en la primera etapa de la instalación:
debe utilizarse para más
de un uso.

• Nombre del sitio: nombre de la página web.


Machine Translated by Google
Aplicaciones Web 15 Gestores de contenidos

• Descripción: escrito que utilizarán los motores de búsqueda. Lo más apropiado es


que no exceda de 25 palabras.

• Dirección de correo electrónico del administrador: éste será el correo donde el


administrador recibirá las notificaciones. Si por ejemplo se pierde la contraseña, este
correo recibirá un enlace que permitirá realizar las acciones de recuperación de
contraseñas.

• Nombre de usuario del administrador: el nombre predeterminado de superusuario es


admin, pero se recomienda cambiarlo por otro identificador.

• Contraseña de administrador: ésta es la contraseña del superusuario


que se indica en el punto anterior.

• Sitio fuera de línea: si marca la opción Sí su web indicará que se encuentra fuera de
línea cuando se acceda desde Internet. Si marca No el sitio web permanecerá
publicado cuando se acceda desde Internet.
Joomla! necesita una base
de datos instalada para
poder funcionar.
El siguiente paso será configurar la base de datos, y necesitará disponer de una serie de
datos:

• Tipo de base de datos: puede elegir entre varios tipos de base de


datos.

• Nombre del servidor: dónde está instalada la base de datos. Si está trabajando

en local lo más habitual es que se encuentre en localhost.

• Nombre de usuario: identificador utilizado para acceder a la base de datos. Es


imprescindible que este usuario disponga de todos los permisos necesarios para
trabajar con su base de datos.

• Contraseña: contraseña para tener acceso a la base de datos.

• Nombre de la base de datos: identificador de la base de datos.

• Prefijo de la tabla: ¡las tablas que se crearán en la base de datos vinculada a Joomla!
utilizarán este prefijo. Este prefijo puede indicarlo usted o bien se generará
automáticamente.

• Procesar base de datos antigua: ¡si existe una base de datos antigua ligada a
Joomla! se eliminará o se realizará una copia de seguridad.

Todos estos valores pueden cambiarse una vez esté la instalación realizada, pero se
recomienda no hacerlo e indicar en esta ventana los datos definitivos.

El último paso a realizar antes de iniciar la instalación es decidir si instala datos de ejemplo
(así habrá algún contenido de ejemplo en la web), si desea recibir los parámetros de la
configuración cuando finalice la instalación ción (opción muy útil para documentar el proceso)
y revisar los datos configurados que se aplicarán a la instalación.

Si no debe realizar ningún cambio ya puede clicar en el botón Instalar.


Machine Translated by Google
Aplicaciones Web dieciséis
Gestores de contenidos

Al finalizar el proceso de instalación se muestra una pantalla con información muy


importante. Antes que nada es necesario borrar la carpeta utilizada para la instalación.
Este paso lo puede realizar desde esta misma ventana clicando en el botón
Borrar de la carpeta de instalación. También desde aquí podrá acceder al sitio con el
botón Lugar (es el front-end) o bien acceder a la administración con el botón administrador
(fack-End).

1.3.3 Tipo de instalaciones

El gestor de contenidos Joomla! se utiliza en entornos locales y en entornos remotos.


La elección del tipo de instalación dependerá de las necesidades del organismo que
gestione la información.

¡Una de las grandes ventajas del uso de Joomla! es que las únicas diferencias que
existen trabajando con este tipo de instalaciones se encuentran al inicio de la instalación.

Instalación en local

La instalación en local (lo que en inglés se llama localhost) hace referencia a un servidor
web y una base de datos que está instalada, configurada y funcionando directamente en
su ordenador. Al contenido de las webs se puede acceder desde el propio ordenador o
desde cualquier otro que se encuentre en la propia red de área local. Como administrador
tiene acceso directo a la máquina en la que está instalado el software.

Instalación en remoto

En cuanto a una instalación en un host remoto, ésta se realiza en una máquina que está
accesible a través de Internet. Esta máquina puede ser propia, o puede estar alquilada a
una compañía de hospedaje (hosting). No tiene acceso directo a la máquina donde se
está ejecutando el servidor web, y para hacer modificaciones de los archivos se debe
hacer remotamente o se deben hacer las modificaciones en archivos locales y cargar los
cambios en el servidor mediante un programa de transferencia de archivos, como un
cliente del FTP.
Los repositorios son servidores
que tienen las últimas Joomla! permite acceder a una demo online donde testear el producto: https://demo.
versiones de los paquetes de
una distribución de GNU/Linux joomla.org/. Esta opción permite explorar el software antes de realizar ninguna actuación
en particular. Es muy fácil
descargar e instalar los paquetes sobre su sistema.
con el gestor de paquetes que
suele estar incluido en la
misma distribución. ¡Cuándo se decide implantar por primera vez Joomla! una de las opciones más

Puede encontrar en la sección aconsejables es utilizar el paquete XAMPP.


"Anexos" de esta unidad una
guía de instalación de los Muchas distribuciones de GNU/Linux vienen con todo lo necesario directamente en
servicios necesarios, tanto
por un sistema GNU/Linux
la distribución misma o en los repositorios a bajar. Según el tipo de distribución, la
como por Microsoft
Windows. instalación debe realizarse de una forma u otra.
Machine Translated by Google
Aplicaciones Web 17 Gestores de contenidos

Es muy importante que tenga a mano los datos de nombre de usuario y


contraseña de la base de datos MySQL que acaba de instalar. Escriba en un
lugar seguro esta información, ya que la necesitará para configurar Joomla! y la
wiki en su máquina.
XAMPP proviene del acrónimo
de X (cualquier sistema
operativo), Apache, MySQL,
¡La instalación de Joomla! y de XAMPP requerirá que trabaje en equipo con la persona PHP y Perl.
encargada del mantenimiento del sistema que debe alojar ambos paquetes de software.
Es muy posible que necesite permisos de administración en varias etapas de la
instalación.

1.3.4 Instalación de XAMPP

Por la facilidad del proceso de instalación y del mantenimiento que supone, se instalará
el paquete XAMPP.

El paquete de software libre XAMPP contiene el servidor Apache la base de


datos de MySQL y las herramientas necesarias para utilizar el PHP y el lenguaje
de programación Perl.
PHP

Lo primero es descargar el fichero de instalación de la web: https://www. PHP es un lenguaje de


programación interpretado
apachefriends.org/es/download.html que se ejecuta en el servidor.
PHP fue diseñado para crear
páginas web dinámicas.
Las versiones para distintas plataformas son:

• XAMPP para Windows 5.5.24 y 5.6.8

• XAMPP para Linux 5.5.24 y 5.6.8

• XAMPP para OS X 5.5.24 y 5.6.8

Una vez descargado el archivo de instalación sólo es necesario ejecutarlo y seguir el


proceso que se indica. La utilización de firewall,
antivirus o los permisos del
usuario utilizado pueden
Lo primero que aparece en la instalación, tal y como se ve en la figura 1.2, es la provocar que el proceso de
instalación sufra paradas y
presentación del programa. Como puede verse el empaquetado se ha realizado sobre requiera de la interacción del
administrador.
Bitnami, que también ofrece WordPress, Drupal, MediaWiki y eXo Platform.
Machine Translated by Google
Aplicaciones Web 18 Gestores de contenidos

Figura 1. 2. XAMPP

Ventana inicial de la instalación de XAMPP

La siguiente ventana es muy importante (figura 1.3), ya que permite seleccionar los
componentes a instalar. Cabe destacar que están preseleccionados Apache y PHP.

F igura 1. 3. XAMPP, components

Selección de componentes a instalar


Machine Translated by Google
Aplicaciones Web 19 Gestores de contenidos

A continuación debe indicarse el directorio donde se instalará XAMPP. Por defecto


ésta se realizará en el directorio raíz (figura 1.4), dentro de la carpeta llamada
champp, pero puede seleccionar el directorio más adecuado para su caso particular.

F igura 1. 4. XAMPP, perfil de instalación

Seleccione el directorio destino de la instalación del programa

Una vez seleccionados los componentes y elegida la ubicación destino sólo es


necesario iniciar la instalación del XAMPP (figura 1.5).

F igura 1. 5. XAMPP, inicio de la instalación

Proceso inicial donde se realiza el tratamiento de archivos


Machine Translated by Google
Aplicaciones Web 20 Gestores de contenidos

Automáticamente se realizan todos los procesos necesarios y se aplican los pocos


toques de configuración que recaen en el usuario. La barra de proceso indica el
estado de la instalación (figura 1.6).

F igura 1. 6. XAMPP, interacción

Durante la instalación el programa irá informando del proceso

Cuando finaliza la instalación una ventana nos avisa y, a continuación, automáticamente


aparecerá el panel de control, tal y como se puede observar en la figura 1.7.
Dependiendo de la máquina el tiempo que tarda en aparecer en pantalla este panel
varía.

F igura 1. 7. XAMPP, panel de control

Panel de control con todos los servicios parados

Este panel de control es un ejemplo perfecto del funcionamiento de XAMPP.


Desde aquí se tiene todo el control sobre el software instalado; puede iniciar y parar
Machine Translated by Google
Aplicaciones Web 21 Gestores de contenidos

servicios, abrir terminales para realizar tareas administrativas, puede automatizar


procesos... De momento sólo hace falta clicar sobre los botones Start para iniciar los
servicios (figura 1.8).

F igura 1. 8. XAMPP, panel de control 2

Activación de todos los servicios

PID es el identificador del


proceso. Este valor
numérico es único para cada
Cuando se activan los servicios se asigna un PID y se abren determinados puertos. Es proceso.

necesario que el cortafuegos permita este acceso y que el administrador de sistemas y


red tenga constancia de ello.

Ya debe tener el servidor web funcionando. Antes de continuar, asegúrese de que el


servidor esté funcionando correctamente. Para realizar la comprobación, cree un pequeño
archivo PHP y compruebe que puede acceder a él desde un navegador web. Es
importante entender que no es el navegador el que está abriendo el archivo directamente,
sino que está haciendo una petición web en el servidor que acaba de instalar de la misma
forma que la haría si el servidor se estuviera ejecutando en una máquina remota .

Esto significa que el cliente (en este caso el navegador web) hace una petición de un
archivo PHP en el servidor. Este archivo será procesado por el servidor, quien devolverá
al cliente la respuesta al archivo PHP en forma de un resultado web codificado con el HTML.
Para comprobar esto, puede ver el código resultante del archivo con la opción Ver código
fuente de la página de su navegador.

Además, el archivo que pedirá no será una página web estática confeccionada con el
HTML, sino una dinámica con el PHP. Por tanto, estará comprobando el funcionamiento
del servidor, ya que estos archivos no son interpretables directamente por parte del
navegador web.

Si está trabajando con Windows y ha realizado la instalación por defecto vaya al directorio:

Un editor de texto plano...


1 C:\xampp\htdocs
... es el que no añade
información extra, como
información de formato, al texto
que se escribe. Puede utilizar
Cree un archivo llamado info.php y utilizando un editor de texto plano escriba en el
programas como Gedit en GNU/
interior: Linux o Bloque de Notas en el
sistema Windows.
Machine Translated by Google
Aplicaciones Web 22 Gestores de contenidos

1 <?php //
2 La información actual de PHP es: phpinfo();
3

4 ?>

Este archivo deberá guardarlo en el directorio principal del servidor web. En el caso de la
instalación de Apache en Ubuntu, la ruta es:

1 /var/www

Si prefiere no editar código tiene la opción de cargar directamente la información que ya


proporciona XAMPP. Abra el navegador y escriba la dirección:

1 http://localhost/xampp/

Haga clic en el enlace que encontrará a la izquierda y que está etiquetado como phpinfo() y
aparecerá toda la información de PHP (figura 1.9).

F igura 1. 9. ¡XAMPP instalado correctamente!

Comprobación de la instalación de XAMPP con la información de PHP

Haremos una breve explicación del contenido del archivo para comprender qué estamos haciendo.
En el código se marcan el comienzo y el final de código PHP con <?php y ?> para que el servidor
sepa dónde comienza el código PHP que debe interpretar (la mayoría de las veces, el código PHP
está mezclado con código HTML) .

La línea que comienza con // sirve para indicar que todo el contenido de la línea son comentarios
dirigidos al programador. El intérprete del servidor no hará caso a esta línea. Finalmente se hace
un llamamiento a la función phpinfo(), que nos devolverá información relativa a la instalación de
PHP. El servidor, cuando interpreta este archivo, sustituye todo ese código con un código HTML,
que forma la página web.
Machine Translated by Google
Aplicaciones Web 23 Gestores de contenidos

Borre el archivo info.php del directorio del servidor web después de comprobar
que funciona correctamente y que tiene la información que necesita. Dejar este
archivo en el servidor web es un riesgo de seguridad.
Si necesita esta información más adelante, la puede encontrar desde una
opción del menú de ayuda de Joomla!

A partir de ahora asumiremos que tiene un sistema funcionando como servidor web
con Apache, MySQL y PHP.

1.3.5 ¡El paquete de instalación de Joomla!

El programa gestor de contenidos Joomla! para funcionar necesita que el servidor


web esté instalado y activado.

¡La descarga de la última versión del programa Joomla! se recomienda que se realice
desde la página web oficial:

1 http://www.joomla.org/

Si pulsa en Download le aparecerá el acceso a la versión 3.4 Full Package (ver figura
1.10), utilizada para elaborar estos materiales.

F igura 1. 1 0. Paquet Joomla!

Descarga del paquete de instalación de Joomla!

Necesitará disponer en
su equipo de un programa
descompresor que permita
extraer el contenido del
Se descargará un archivo en formato ZIP en su equipo dentro de la carpeta de archivo ZIP.
descargas configurada en su navegador web.

Si está realizando la
Debe mover el archivo ZIP a la carpeta que utilizará para la instalación. instalación en un servidor
necesitará utilizar un
servidor FTP para transferir
Descomprima el contenido del archivo mediante el menú contextual del programa o los archivos desde la máquina
local al servidor.
bien desde la línea de pedidos, que en el caso de una distribución Linux será:

1 $ sudo unzip Joomla_3.4.1ÿStableÿFull_Package.zip [DESTÍ]


Machine Translated by Google
Aplicaciones Web 24 Gestores de contenidos

Del resultado de descomprimir el archivo obtendrá una carpeta con el contenido de la


figura 1.11.

F igura 1. 1 1. ¡Instalación de Joomla!

Directorio de máquina local del paquete instalador de Joomla!

Esta carpeta deberá borrarla cuando finalice todo el proceso de instalación.

Ahora ya tiene todo lo necesario para iniciar la instalación del programa Joomla! en su
equipo local o en el servidor remoto. Es necesario recordar la importancia de realizar
una buena documentación de todo el proceso, dejando constancia de los pasos seguidos
y registrando las incidencias encontradas, así como las soluciones aplicadas.

1.3.6 ¡Preparar la instalación de Joomla! en Ubuntu

¡La instalación de Joomla! en un sistema operativo Ubuntu se realiza de forma casi


tutorizada en su totalidad. Sólo es necesario responder a una serie de preguntas
referentes a la configuración de su sistema. Para empezar es necesario descargar el
archivo de instalación (figura 1.12).

F igura 1. 1 2. ¡Paquete de datos de Joomla! descargado

Archivo de instalación de Joomla! en local

¡Para poder instalar Joomla! es imprescindible tener funcionando en el equipo destino


una serie de paquetes. La instalación se puede realizar con la línea que se puede ver
en la figura 1.13.
Machine Translated by Google
Aplicaciones Web 25 Gestores de contenidos

F igura 1. 1 3. Instalación de paquetes

Línea de consola para instalar paquetes necesarios

Si todo funciona correctamente y se tiene acceso al repositorio de archivos se


mostrarán los paquetes a instalar y le pedirá por primera vez que interaccione.
Si contesta S continuará la instalación (figura 1.14).

F igura 1. 1 4. Árbol de dependencias

Generación del árbol de dependencias del paquete de Joomla!

La instalación del paquete requiere una contraseña válida para el usuario root
de MySQL (figura 1.15):
Machine Translated by Google
Aplicaciones Web 26 Gestores de contenidos

F igura 1. 1 5. Configuración de la base de datos

Palabra de paso para el usuario root en MySQL

Siempre se pide volver a introducir la contraseña para comprobar que este


dato es conocido por el usuario que está realizando la instalación. No olvide
esta contraseña, la necesitará más adelante (figura 1.16).

F igura 1. 1 6. Confirmación de contraseña de MySQL

Se debe volver a introducir la contraseña para el usuario root en MySQL

Una vez finalizada la instalación de MySQL y para asegurarse de que todo


funciona correctamente puede intentar acceder utilizando una ventana del
terminal (figura 1.17):
Machine Translated by Google
Aplicaciones Web 27 Gestores de contenidos

F igura 1. 1 7. MySQL accesible

Prueba de acceso al MySQL

¡Ya puede descomprimir el archivo de instalación de Joomla! e iniciar la ins


talación.

¡Revise los permisos del archivo de instalación y de la carpeta que utilizará!

Para descomprimir puede utilizar la línea que aparece en la figura 1.18.

F igura 1. 1 8. Tratamiento del archivo de instalación

Descompresión del archivo de instalación desde la consola

A partir de aquí la instalación se realiza utilizando un navegador web y los pasos son
idénticos independientemente del sistema operativo utilizado, por tanto es necesario que
abra su navegador preferido e indique en la barra de direcciones la dirección web:

1 http://localhost/joomla/installation/index.php

1.3.7 ¡Configuración de la instalación de Joomla!

¡Una vez preparado todo el entorno de instalación de Joomla! es necesario configurar


unos parámetros básicos de instalación. Para empezar puede elegir el idioma que se
utilizará, tal y como se muestra en la figura 1.19.
Machine Translated by Google
Aplicaciones Web 28 Gestores de contenidos

F compra 1. 1 9. Modismo

Selección del idioma en la configuración de instalación

Si se cambia el idioma, puede observarse que inmediatamente también cambia el idioma


del entorno de instalación.

Los parámetros a indicar son:

• Nombre del sitio: es el identificador del sitio web.

• Descripción: aquí debe escribir una descripción cuidadosa del sitio web. Lo que
esté escrito en esta caja es utilizado por los motores de búsqueda.

• Dirección de correo de admin: esta es la dirección de correo electrónico del


administrador de Joomla!. Se utiliza esta dirección para enviar notificaciones del
CMS.

• Nombre del administrador: identificador del usuario con perfil Super User
(superusuario). Este usuario tiene el mayor rango dentro de Joomla!.

• Contraseña del administrador: contraseña del usuario administra


dolor.

• Confirmar la contraseña del administrador: debe volver a escribir


la contraseña del usuario administrador.

• Sitio fuera de línea: puede dejar la web fuera de línea mientras trabaja.

Una contraseña debe ser única para cada entorno, debe utilizar letras, números
y símbolos, alterna mayúsculas y minúsculas, no utilice datos personales como
contraseña, no deje rastro de la contraseña y cámbiela periódicamente.

En la figura 1.20 se puede ver un ejemplo de configuración:


Machine Translated by Google
Aplicaciones Web 29 Gestores de contenidos

F igura 1. 2 0. Resumen de la instalación

Ventana de configuración con datos

1.3.8 Configuración de la base de datos


Si está realizando una
instalación en local
habitualmente el nombre
¡Una vez configurada la instalación de Joomla! es necesario configurar los parámetros del servidor es localhost.
de la base de datos que utiliza el CMS para trabajar. Necesita saber:

• Tipo de base de datos: puede elegir entre MySQL, MySQLi y MySQL


(DOP).

• Nombre del servidor: identificador del servidor que aloja la base de datos.

• Nombre de usuario: identificador con acceso a la base de datos.

• Contraseña: contraseña para acceder a la base de datos.

• Nombre de la base de datos: nombre de la base de datos que utilizará Joomla!.

• Prefijo de mesa: ¡las tablas de Joomla! las identificará con este prefijo.

• Procesar la antigua base de datos: puede realizar una copia de seguridad de


la base de datos de Joomla! que se encuentre ya instalada o bien puede
reemplazarla con esta instalación.
Machine Translated by Google
Aplicaciones Web 30 Gestores de contenidos

La figura 1.21 muestra una ficha cumplimentada con datos:

F igura 1. 2 1. Resumen de la base de datos

Ventana de configuración con datos de la base de datos

1.3.9 Información general de la instalación de Joomla!

Antes de finalizar el proceso de configuración e iniciar la instalación de Joomla! se


ofrece una pantalla donde se resumen todos los datos de la instalación. Además de
poder realizar la última revisión se pueden acabar de configurar algunos detalles:

• Instalar datos de ejemplo: si se desea se pueden añadir datos ficticios a la


instalación y así ver algunas de las posibilidades de Joomla! con ejemplos.

• Configuración por correo electrónico: esta opción permite enviar a la cuenta


de correo del administrador la configuración de Joomla!. Es recomendable utilizar
esta posibilidad, ya que es el núcleo de la documentación de
Joomla!.

• Incluir las contraseñas en el correo electrónico: poco recomendable enviar


por correo las contraseñas.
Machine Translated by Google
Aplicaciones Web 31 Gestores de contenidos

Por ejemplo, en la figura 1.22 se muestra cómo podría quedar la configuración final:

F igura 1. 2 2. Configuración final

Ventana resumen de la configuración

1.3.10 ¡Iniciar la instalación de Joomla!

Ahora sólo hace falta clicar en el botón Instalar situado en el margen superior derecho y se
iniciará la instalación de Joomla! (figura 1.23):

Figura 1. 2 3. Joom-la! Instalar lant-se

El proceso de instalación es muy rápido

¡Cuando finaliza la instalación de Joomla! es muy importante borrar el directorio de instalación.


Este paso se puede realizar a mano, pero se recomienda utilizar el botón habilitado que
aparecerá en pantalla cuando se acabe la instalación (figura 1.24):
Machine Translated by Google
Aplicaciones Web 32 Gestores de contenidos

F igura 1. 2 4. Borrar la carpeta de instalación

¡Importante no saltarse este paso!

Llegados a este punto, ya se puede dar por instalada la aplicación.

1.3.11 ¡Comprobar la instalación de Joomla!

¡Para comprobar la correcta instalación de Joomla! se pueden realizar dos ejercicios:

• Acceder al front-end: escriba en la barra de direcciones del navegador web


la dirección:

1 servidor local/joomla

y aparecerá la página web (figura 1.25):


Machine Translated by Google
Aplicaciones Web 33 Gestores de contenidos

Figura 1. 2 5. Front-end de Joomla!

En Joomla podemos acceder al //Front-end// y al //Back-end//

En este momento el único usuario que existe es el superusuario (Super user), que
puede utilizar para validar el acceso y se podrá cargar la página web con un usuario
registrado (figura 1.26):

F igura 1. 2 6. ¡Accediendo al Front-end de Joomla!

¡Front-end de Joomla! con un usuario validado

• Acceder al back-end: escriba en la barra de direcciones del navegador web


la dirección:

1 servidor local/joomla/administrador

y aparecerá la página web (figura 1.27):


Machine Translated by Google
Aplicaciones Web 34 Gestores de contenidos

Figura 1. 2 7. Back-end de Joomla!

Ventana de acceso al Back-end del programa

Utilice los datos del superusuario (Super user) para comprobar que se accede sin
problemas en el back-end (figura 1.28):

F igura 1. 2 8. ¡Back-end de Joomla! con un usuario

Aspecto del Back-end de Joomla accediendo con un usuario con privilegios


Machine Translated by Google

Aplicaciones Web 35 Gestores de contenidos

2. Configuración y creación de contenidos

Uno de los principales objetivos de cualquier gestor de contenidos web es permitir de forma muy
sencilla configurar y crear contenidos. Pero antes de nada es importante tener claro el objetivo
de la web. Por este motivo, antes de entrar en el gestor es necesario que se conteste las
siguientes preguntas:

1. ¿Para qué debe servir la página web?

2. ¿Qué tipo de información deberá gestionarse?

3. ¿Qué peso tendrá toda esa información?

4. ¿Quién será el usuario habitual que consultará la web?

5. ¿Cómo se interactuará con la web?

6. ¿Qué tiempo puedes dedicar al mantenimiento y gestión de la web?

Cuando tenga respuestas claras a estas preguntas será el momento de abordar la configuración
del gestor de contenidos y empezar a crear contenidos que lo llenen.

El primer paso para la creación de un sitio web es la preparación e instalación del software
necesario para hacerlo funcionar en la máquina que finalmente alojará el sitio web. Esta
preparación incluye la instalación de un servidor web, un servidor de bases de datos, un lenguaje
de creación de páginas web dinámicas y un software de gestor de contenidos (véase la figura
2.1).

F igura 2. 1. Gestión de contenidos

¡Eficiencia y efectividad se dan la mano con Joomla!

Una vez hecho esto, puede empezar a trabajar sobre el sitio web. El primer paso que debe dar
en este apartado es una pequeña visita a la apariencia del sitio web (el front-end) ya la interfaz
de configuración reservada a los administradores (el llamado back-end).
Machine Translated by Google
Aplicaciones Web 36 Gestores de contenidos

A continuación verá los diferentes menús de configuración global del sitio. Las opciones de estos
menús controlan cómo se comportará el sitio web cuando sea visitado por los usuarios. También verá
algunas herramientas útiles para los administradores, como los servicios de mensajería y el gestor de
contenidos multimedia del sitio.

En un sitio web complejo es normal tener diferentes tipos de usuarios con permisos distintos dentro
del sitio. ¡Joomla! permite una gestión de los usuarios del sitio web y un control de las acciones que
podrán realizar. Al mismo tiempo, define una serie de usuarios de administración para la gestión del
sitio web.

¡El CMS Joomla! está desarrollado por The Joomla Project Team.

Su sitio web será un espacio donde compartir información que se podrá visitar desde cualquier lugar
del mundo a través de Internet. La información en el Joomla! está organizada en forma de artículos.
Cuando su sitio crezca en contenidos, la cantidad de artículos se puede multiplicar y hacer muy difícil
su gestión. ¡Joomla! permite una organización jerárquica de los artículos definiendo categorías y
secciones.

De la misma forma que la información está estructurada internamente en su web en artículos y


secciones, la forma de acceder a esta información también se puede estructurar mediante el uso de
menús de navegación en el sitio web. ¡Joomla! contiene una gran cantidad de tipos de menús
diferentes que permiten acceder de diferentes maneras al contenido de su sitio y crear contenido
nuevo.

2.1 Acceso al gestor de contenidos

A un gestor de contenidos se puede acceder por dos vías distintas: el front-end y el back-end.

Los programas informáticos que interactúan con las personas necesitan utilizar herramientas visuales
para mostrar la información.

El front-end de una página web es la parte visible para cualquier usuario cuando se carga en
su navegador la dirección web.

¡ Para acceder al front-end de Joomla! es necesario escribir la dirección:

1 http://localhost/joomla

Para mantener y administrar un sitio web es necesario acceder a su configuración.


Normalmente esta configuración se puede realizar en un entorno de ventanas.

El back-end de una página web es el programa que permite configurar y administrar los
contenidos que se muestran en el front-end.

El back-end es el entorno de trabajo del administrador y, como herramienta de trabajo básica, requiere

un amplio conocimiento de todas sus posibilidades.


Machine Translated by Google
Aplicaciones Web 37 Gestores de contenidos

El panel de control permite configurar el gestor de contenidos y está situado en el back-end


del programa.

Se debe tener mucho cuidado con los accesos al back-end. Es imprescindible controlar qué usuarios
tienen acceso a ellos y cuáles son los permisos de que disponen. Una incorrecta administración de
accesos puede tener efectos desastrosos en la Web.

¡ Para acceder al back-end de Joomla! es necesario escribir la dirección:

1 http://localhost/joomla/administrador

No debe confundir estas vías de acceso al gestor de contenidos con los modos de acceso. Los dos
modos de acceso a un gestor documental son:

1. Modo Usuario

2. Modo Administrador

Estos dos perfiles tienen características muy diferenciadas que es necesario trabajar con más
profundidad.

2.1.1 Acceso en modo usuario al front-end y al back-end

El acceso en modo usuario al front-end muestra la información colgada en el servidor web.


Si acaba de instalar Joomla! el aspecto no aporta casi nada especial. Escriba en la barra de direcciones
web de su navegador:

1 http://localhost/joomla/

y se cargará una página similar a la que se muestra en la figura 2.2.

F igura 2. 2. Acceso al front-end para un usuario

Véase el apartado “Crear un


usuario” de esta unidad, donde
se explica cómo crear usuarios.
Machine Translated by Google
Aplicaciones Web 38 Gestores de contenidos

A continuación se mostrará el aspecto del back-end para un usuario distinto al


Superusuario.

Primero escriba en la barra de direcciones web del navegador:

1 http://localhost/joomla/administrador/

y se cargará la página web tal y como se muestra en la figura 2.3.

F igura 2. 3. Acceso al back-end para un usuario

¿Qué ha pasado? ¡Pues que con Joomla! tiene la posibilidad de gestionar permisos
de usuarios y, por seguridad, en este caso el usuario jcasadejust no puede acceder al back
end de la página web.
Machine Translated by Google
Aplicaciones Web 39 Gestores de contenidos

2.1.2 Acceso en modo administrador al front-end y al back-end

El acceso al front-end de la página web con un usuario administrador se realiza primero


cargando la web:

1 http://localhost/joomla

y ahora utilizando una cuenta de superusuario para validar el acceso. La figura 2.4 muestra
el resultado:

F igura 2. 4. Acceso al front-end para un usuario administrador

¡Si se ha instalado Joomla! en


un servidor web externo debe
indicarse en el navegador web:
http://www.
Tal y como se puede comprobar, el aspecto del front-end no varía cuando Joomla! se acaba direccio_web.com/
de instalar y accedemos a ella con un usuario administrador o un usuario normal. administrador

Sin embargo, accediendo al back-end sí podemos observar cambios. En la barra de


direcciones del navegador web escriba:

1 servidor local/joomla/administrador

A continuación, elija un identificador de usuario con perfil administrador y la contraseña


correspondiente e inicie la sesión.

Si los datos introducidos son correctos accederá al panel de control de Joomla! (ver figura
2.5).
Machine Translated by Google
Aplicaciones Web 40 Gestores de contenidos

F igura 2. 5. Acceso al back-end para un usuario administrador

Para finalizar la sesión con este usuario puede desplegar el botón situado en el margen
superior derecho de la pantalla y hacer clic en Desconectar.

2.2 Los temas

¡La gestión y estructura de los contenidos en Joomla! se realiza con los tópicos o temas.
Estos temas son la base del funcionamiento del gestor de contenidos y es necesario
conocer la utilidad de cada uno de ellos. Los temas son:

• Plantillas: las plantillas permiten gestionar de forma eficiente el formato en el que se


muestra la información en la web. Su objetivo es integrar el contenido y las
aplicaciones. En resumen, se encargan de presentar los datos a los visitantes de la
web.

• Categorías: las categorías y subcategorías se utilizan para organizar


tratar los contenidos de una forma lógica.

• Artículos: los artículos son los contenidos básicos que Joomla! muestra en la web.

• Menús: los menús marcan la navegación de la web.

• Módulos: ¡los módulos son extensiones de Joomla! que añaden funcionalidades


al CMS.

2.2.1 Plantillas

Cuando acceda a una página web y navega por los diferentes apartados puede comprobar
que el aspecto es siempre igual. El fondo de la pantalla, la forma y color de los
Machine Translated by Google
Aplicaciones Web 41 Gestores de contenidos

botones, estilo del texto... esta homogeneidad se valora muy positivamente por parte
del usuario que visita la página web.

Una plantilla es una extensión que cambia el estilo de su página web.


Plantilla es Template en
catalán.

¡A Joomla! puede encontrar dos tipos de plantillas:

• Plantillas front-end: se utilizan para controlar el aspecto en el que se muestran


los contenidos en la página web.

• Plantillas back-end: se utilizan para controlar el aspecto del panel de control y


todo el entorno de configuración y gestión del CMS.

Utilizar plantillas mejora la eficiencia en el mantenimiento de la página web y, además,


simplifica mucho la tarea de actualización del aspecto de la página web y de la página
de gestión. Se puede utilizar Internet para descargar plantillas ya diseñadas, algunas
gratuitas y otras de pago, o bien se puede optar por diseñar una plantilla exclusiva y
cargarla en Joomla!. Las plantillas también agrupan todos los estilos creados con ellas.

Un estilo agrupa una serie de características del texto, como la fuente o el color,
o las imágenes.

Es recomendable tener relacionados los estilos con las plantillas antes de empezar a
configurar el front-end o el back-end, de otra forma aumentará el tiempo invertido en
aplicar cambios en el aspecto de la página web.

Gestionar plantillas

La gestión de plantillas se realiza desde el Gestor de plantillas: Estilos y el Gestor de


A modo de ejemplo, se utiliza
plantillas: Plantillas. el estilo Qualify que es un estilo
que se puede instalar.

Desde este entorno de estilos se pueden gestionar las plantillas que se aplican al front-
end y back-end. Por defecto ya se instalan estilos, de ahí que la primera vez que
acceda a esta ventana vea que ya hay estilos marcados.
Puede identificar el estilo utilizado por defecto porque está marcado con una estrella
amarilla.

Puede cambiar el estilo por defecto seleccionando lo que desee y pulsando sobre la
estrella de su columna Por defecto. En la figura 2.6 se ha marcado Isis como estilo por
defecto para el back-end y Qualify como estilo por defecto para el sitio web.
Machine Translated by Google
Aplicaciones Web 42 Gestores de contenidos

F igura 2. 6. Gestor de plantillas: estilos

Las plantillas se pueden:

• Editar: se pueden modificar los detalles del estilo.

• Duplicar: se realiza una copia del estilo. Recomendable cuando se realizan


determinadas modificaciones.

• Borrar: eliminar un estilo.

Instalar plantillas

La instalación de plantillas (figura 2.7) se realiza desde el panel de control. Uno de


los caminos que se pueden seguir es clicar sobre el menú Extensiones y allá clicar
sobre Gestor de extensiones.

Si es la primera vez que accede a este menú comprobará que dispone de la opción
de añadir una pestaña llamada Instalar desde la web. Esta pestaña es muy útil,
puesto que ofrece una gran funcionalidad. Si la activa se cargará en pantalla un
entorno que le permite navegar por diferentes opciones ordenadas por categorías.
También puede utilizar una palabra clave para realizar una búsqueda general.

F igura 2. 7. Instalación de una plantilla

Para instalar cualquier extensión puede utilizar una de las cuatro posibilidades que
Joomla! ofrece:

• Instalar desde la web: navegando por las diferentes categorías elija qué
necesita instalar y el programa le lleva a la página web del desarrollador del
producto. Desde allí se inicia y se guía la instalación.
Machine Translated by Google
Aplicaciones Web 43 Gestores de contenidos

• Subir el archivo del paquete: previamente necesita obtener el archivo que contiene el
complemento a instalar. Una vez adquirido el archivo deberá seleccionarlo y subirlo.

• Instalar desde el directorio: debe indicar el directorio donde se ubican los


archivos de instalación.

• Instalar desde la dirección URL: debe indicar la dirección de la página web


dónde se encuentran los datos de instalación.

Ejemplo de instalación de una plantilla

Para practicar la instalación de una plantilla se utilizará una de las páginas web más
comunes:

1 http://www.freshjoomlatemplates.com/

Accediendo a esta página web puede previsualizar muchos ejemplos de plantillas.


Las páginas web que tratan este tema siempre ofrecen imágenes de la plantilla instalada para que
pueda escogerse con más datos. En este caso se selecciona la plantilla Free Responsive Joomla
Template (ver figura 2.8).

F igura 2. 8. Plantilla Free Responsive Joomla Template

Haga clic en el botón de descarga para obtener el archivo:

1 Calificar.zip

Este archivo debe cargarlo desde la ficha Subir el archivo de paquete que encuentre en Gestor de
extensiones: Instalar (ver figura 2.9).
Machine Translated by Google
Aplicaciones Web 44 Gestores de contenidos

F igura 2. 9. Carga de la plantilla Qualify.zip

Una vez cargado el archivo es necesario abrir el gestor de plantillas y asignar el


estilo de la plantilla que acaba de instalar (ver figura 2.10).

F igura 2. 1 0. Asignación de la plantilla Qualify

Este estilo se aplicará sólo al front-end, por tanto si desea ver el aspecto que tiene
basta con cargar la página web:

1 http://localhost/joomla

El resultado obtenido es el que se ve en la figura 2.11.

F igura 2. 1 1. Aspecto de la plantilla Qualify


Machine Translated by Google
Aplicaciones Web 45 Gestores de contenidos

Cómo se puede comprobar el aspecto cambia. Además si ahora desea acceder verá que
no aparece la posibilidad de introducir el nombre de usuario y la contraseña.
Esto ocurre porque ha activado la plantilla sin vincularle el módulo Datos de acceso. Para
realizar esta operación debe ir a Gestor de módulos/ Módulo Datos de acceso e indicar
la posición donde desea que aparezcan las cajas para introducir usuario y contraseña
(ver figura 2.12). Debe asegurarse de seleccionar la posición del grupo Qualify.

F igura 2. 1 2. Cambios en la plantilla Qualify

Tras guardar los cambios aparecerá el mensaje de la figura 2.13.

F igura 2. 1 3. Mensaje de éxito de la actualización del módulo

Así, la página web ya tendrá un espacio donde poder indicar el usuario y la contraseña,
tal y como muestra la figura 2.14.
Machine Translated by Google
Aplicaciones Web 46 Gestores de contenidos

F igura 2. 1 4. Aspecto final de la plantilla modificada

Editar estilos

Los estilos instalados se pueden editar para conseguir un aspecto de las páginas web lo
más cercano posible a los requerimientos del cliente. Habitualmente el estilo lo varía una
persona especialmente dedicada a los aspectos visuales y estéticos de la página web.

La edición de estilos se realiza utilizando tres fichas:

• Detalles: se indica la localización del estilo. Se puede especificar si se aplica por


defectos

• Avanzado: esta ficha reúne todas las características básicas de configu


ración del estilo.

• Asignación a los menús: se seleccionan los menús a los que se aplicará la


plantilla.

La ficha Detalles muestra información del autor de la plantilla, de los requerimientos


técnicos que puede tener, si está asignada o no por defecto y la plantilla con la que está
vinculada, tal y como muestra la figura 2.15.
Machine Translated by Google
Aplicaciones Web 47 Gestores de contenidos

F igura 2. 1 5. Ficha Detalles de la edición de estilos

Un Bootstrap permite variar


el aspecto de la página en
función del dispositivo que la
Desde la ficha Avanzado se tiene acceso a los campos (ver figura 2.16): consulte. Twitter Bootstrap,
por ejemplo, permite utilizar
plantillas, formularios, botones,
etc. Uno de los proyectos más
conocidos es
GitHub.
• Altura de plegado (%): esta es la altura con la que se abren las columnas
adicionales, debe tenerse en cuenta que se trata de un valor porcentual.

• Altura de expansión (%): altura con la que se cierran las columnas adicionales,
debe tenerse en cuenta que se trata de un valor porcentual.

• Logotipo: imagen que se mostrará como logotipo de la página web.

• Título del sitio: etiqueta del sitio.

• Descripción del sitio: es un texto que describe la página web.

• Posición de navegación: hace referencia a la barra de navegación, ésta puede ir


antes o después del contenido.

• Componentes que requieren Bootstrap: se puede crear una lista de


componentes que necesitan Bootstrap.

• Color de la plantilla: se pueden definir diferentes colores preestablecidos por la


plantilla.

• Imagen de la cabecera: este espacio permite indicar una imagen para la


cabecera.

• Color de fondo: establecimiento del color de fondo de la plantilla.


Machine Translated by Google
Aplicaciones Web 48 Gestores de contenidos

F igura 2. 1 6. Ficha Avanzado de la edición de estilos

En la ficha Asignación a los menús se asigna la plantilla a los distintos menús que pueda
tener el portal web, tal y como muestra la figura 2.17.

F igura 2. 1 7. Ficha Asignación a los menús de la edición de estilos

2.2.2 Categorías

Los gestores de contenidos trabajan con una gran cantidad de datos de distintos
formatos. Administrar toda esa información es complejo y requiere de métodos eficientes
de trabajo. La mayoría de CMS utiliza categorías para realizar esta
tarea.
Machine Translated by Google
Aplicaciones Web 49 Gestores de contenidos

Las categorías permiten mostrar y editar contenidos de forma controlada mediante


clasificaciones.

¡En el CMS Joomla! existe una categoría llamada Uncategorised que se asigna a cualquier
contenido por defecto.

Utilizar categorías no es un tema baladí. Se debe planificar una estructura antes de empezar a
crear categorías y asignarlas. Por ejemplo, si se trata de planificar un portal de noticias necesitamos
saber qué temas se van a tratar, en qué ámbito, etcétera. Una opción sería:

• Noticias

• Local

• Internacional

• Política

• Economía

• Bolsa de Valores

• Tecnología

• Arte

• Deportes electrónicos

- Fútbol

– Baloncesto

• Tenis

• Motor

• El tiempo

• Publicidad

Como puede verse hay subcategorías que permiten gestionar mejor los contenidos.
La cantidad de categorías y subcategorías irá en función de las necesidades reales de su uso. Un
exceso de categorías ralentizará la gestión de los contenidos y una falta de categorías acumulará
demasiada información bajo la misma categoría.

Ejemplos de categorías

Para crear categorías se debe acceder al Gestor de categorías/ Añadir una nueva/ Artículos
categoría desde el menú Contenido.

Por ejemplo, le piden crear una categoría llamada Deportes que tendrá una subcategoría llamada
Baloncesto. Inicialmente tiene los siguientes datos:
Machine Translated by Google
Aplicaciones Web 50 Gestores de contenidos

• Título: Deportes

• Descripción: Categoría para noticias relacionadas con actividades deportivas

• Pare: sentido principal

• Estado: publicado

• Acceso: público

• Idioma: todos

• Etiquetas: Deportes

• Nota: Noticias deportivas

• Nota de versión: El superusuario (Super user) ha hecho una modificación en la autoría


(primero se ha creado la categoría y después se ha asignado a otro usuario)

• Creado por: Jordi Casadejust Moliner

• Metadescripción: Noticias deportivas de actualidad

• Metapalabras clave: deporte, salud, espectáculo, baloncesto, opinión, actualidad

• Autor/a: Jordi Casadejust Moliner

• Robots: utiliza global

• Permisos: sin cambios

• Presentación alternativa: utiliza la global

• Imagen: ninguna

• Texto alternativo: Noticias deportivas

Todos estos datos deben aplicarse ahora a la configuración de la categoría. Para hacerlo es necesario
acceder al Gestor de categorías/ Artículos y allí clicar sobre el botón Nuevo (ver figura 2.18).
Machine Translated by Google
Aplicaciones Web 51 Gestores de contenidos

F igura 2. 1 8. Gestión de las categorías dentro de Gestor de categorías/Artículos

La pantalla que aparece se organiza en cuatro fichas: Categoría, Publicando, Permi sos
y Opciones.

Una vez dado el título Deportes ya puede empezar a configurar la categoría.

La ficha Categoría contiene una descripción de la categoría y los campos:

• Padre: esta categoría puede pertenecer a otra categoría, o bien puede tratar
se de una categoría Principal

• Estado: una categoría puede estar publicada o no

• Acceso: perfil de usuario que puede acceder a esta categoría

• Idioma: lengua que se aplica a esta categoría

• Etiquetas: etiquetas vinculadas

• Nota: detalle de la categoría

• Nota de la versión: detalle de la versión de la categoría

En la figura 2.19 se muestran todos los campos a tener en cuenta de la ficha .

F igura 2. 1 9. Fitxa Categoria


Machine Translated by Google
Aplicaciones Web 52 Gestores de contenidos

La siguiente ficha a analizar es la llamada Publicant. Esta ficha presenta los campos (ver
figura 2.20):

• Fecha de creación: fecha en la que se creó la categoría

• Creado por: identificador del usuario que ha creado la categoría

• Fecha de modificación: fecha del último cambio realizado en la categoría

• Modificado por: indica el usuario que ha realizado la última modificación en la


categoría

• Clics: el número de veces que se ha visto esta categoría

• ID: identificador de esta categoría en la base de datos

• Metadescripción: descripción de la categoría. Las palabras que se utilicen en esta


descripción serán utilizadas por los motores de búsqueda

• Metapalabras clave: palabras (separadas por comas) que se añadirán a las


palabras utilizadas en la metadescripción

• Autor/a: identificación de la persona que ha creado la categoría

• Robots: este campo se utiliza para dar instrucciones a los robots que
gestionan esta página

F igura 2. 2 0. Campos de la ficha Publicando

La siguiente ficha a observar es Permisos. Desde aquí se ajustará el perfil de usuario al


que tiene acceso. En la figura 2.21 se pueden ver todas las posibilidades de configuración:

F igura 2. 2 1. Campos de la ficha Permisos


Machine Translated by Google
Aplicaciones Web 53 Gestores de contenidos

La ficha Opciones presenta los siguientes campos:

• Presentación alternativa: se puede cambiar la presentación predeterminada

• Imagen: imagen vinculada a la categoría

• Texto alternativo: los usuarios que accedan y no tengan permiso sobre


esta categoría visualizarán el texto que se introduzca aquí

En la figura 2.22 se pueden observar los campos a llenar:

F igura 2. 2 2. Campos de la ficha Opciones

Una vez guardada la categoría debe aparecer en la ventana Gestor de categorías/


Artículos la categoría Deportes (ver figura 2.23).

F igura 2. 2 3. Aparece la categoría Deportes añadida

Se puede ver el estado activo, el acceso público, el idioma y el identificador asignado.

Para crear la subcategoría Baloncesto se deben seguir los mismos pasos descritos
anteriormente excepto en la selección de la categoría padre, ya que en este caso se debe
escoger Deportes, tal y como puede verse en la figura 23.

Si vuelve a la ventana Gestor de categorías/ Artículos puede comprobar que aparece la


categoría Baloncesto que depende de la categoría Deportes (ver figura 2.24).
Machine Translated by Google
Aplicaciones Web 54 Gestores de contenidos

F igura 2. 2 4. Dependencia entre categorías

Añadiendo una subcategoría Baloncesto a Deportes le queda la dependencia que se muestra


en la figura 2.25.

F igura 2. 2 5. La categoría Baloncesto depende de Deportes

2.2.3 Artículos

Una página web gestionada por un CMS debe disponer de una jerarquía para ordenar los
contenidos y de un objeto que pueda contener la información que se desee publicar.

Un artículo es el contenedor de la información que debe presentarse en la página


web.

¡A Joomla! existen los artículos de contenido estático, que no pertenecen a la jerarquía


Sección/ Categoría/ Contenido.

Crear un article

Cuando crea un artículo debe indicar un título y rellenar 6 fichas con datos relativos al
contenido ya la configuración. Las fichas son:

• Contenido

• Publicando

• Imágenes y enlaces

• Opciones
Machine Translated by Google
Aplicaciones Web 55 Gestores de contenidos

• Configura la pantalla de edición

• Permisos

Contenido
La pestaña de Contenido permite editar la información que se mostrará en el artículo.
Sigue la línea clásica de un editor de texto bastante sencillo, donde las posibilidades de cambio de
estilo son bastante limitadas. Si se desea se puede caviar el editor empleado utilizando el botón
Cambiar de editor.

En la parte derecha de la pantalla se muestra la información actualizada del estado del artículo:

• Estado: marca si este ítem está publicado, despublicado, clasificado o se ha


movido en la papelera.

• Categoría: marca la categoría a la que pertenece. Si acaba de instalar el programa y no ha


creado ninguna categoría no podrá cambiar la categoría de Uncategorised

• Destacado: si destaca un artículo aparecerá en el apartado de Destacados de la


página web

• Acceso: el acceso a este artículo estará permitido para el perfil Public, Guest,
Usuarios Registrados, Especiales o Super

• Idioma: lengua en la que se mostrará el artículo

• Etiquetas: palabras que se relacionarán con el artículo y permitirán que éste


artículo aparezca en determinadas búsquedas de información

• Nota de versión: si es necesario se puede añadir un comentario en referencia al artículo ya


sus diferentes versiones

Publicación de información

Con la pestaña Publicant se configuran todas las variables ligadas a aspectos de publicación:

• Inicio de publicación: fecha a la que se editará el artículo en la web

• Final de publicación: fecha a la que dejará de estar publicado el artículo en la web

• Fecha de creación: fecha a la que se creó el artículo

• Creado por: identificador del usuario que ha creado el artículo

• Creado por sobrenombre: como creador del artículo aparecerá el sobrenombre aquí introducido
y no el identificador de usuario

• Fecha de modificación: fecha del último cambio realizado en el artículo

• Modificado por: indica el usuario que ha realizado la última modificación en


el artículo
Machine Translated by Google
Aplicaciones Web 56 Gestores de contenidos

• Revisión: el número de veces que ha sido revisado este artículo

• Clics: el número de veces que se ha visto este artículo

• ID: identificador de este artículo en la base de datos

• Metadescripción: descripción del artículo. Las palabras que se utilicen en esta descripción
serán utilizadas por los motores de búsqueda

• Metapalabras clave: palabras (separadas por comas) que se añadirán a las


palabras utilizadas en la metadescripción

• Clave de referencia: este campo se utiliza para almacenar información


de algún recurso externo

• Robots: este campo se utiliza para dar instrucciones a los robots que gestionan esta página.
Por ejemplo se puede indicar que no se indexe este artículo

• Autor/a: quién ha creado este artículo

• Derechos de contenido: especifica los derechos de uso del artículo y sus contenidos
vísceras

• Referencia externa: este campo se utiliza para registrar una referencia


externo

Imágenes y enlaces

• Imagen introductoria: la imagen que aquí se indica acompañará al texto de


el artículo

• Imagen flotante: controla la posición de la imagen. Puede ser global, derecha,


izquierda o ninguna

• Texto alternativo: el texto indicado aquí se mostrará en caso de que no se pueda


cargar la imagen

• Título: título de la imagen

• Imagen por el artículo entero: imagen para la visualización de un único artículo

• Enlace A, B, C: configura el enlace que aparecerá en el artículo

• Texto del enlace A, B, C: texto vinculado al enlace

• Dirección URL de la ventana de destino: indica cómo se abrirá el enlace (según la


configuración global, en la ventana actual, en una nueva ventana, en una ventana emergente
o en un pop-up)
Machine Translated by Google
Aplicaciones Web 57 Gestores de contenidos

Opciones

• Mostrar título: si está activado se mostrará el título del artículo

• Títulos enlazados: esta opción convierte el título del artículo en un enlace


en el propio artículo

• Muestra etiquetas: muestra las etiquetas para cada artículo

• Muestra el texto de introducción: esta opción hace que se siga viendo el texto introductorio
cuando se accede al contenido del artículo

• Posición de la información del artículo: las diferentes posibilidades de este campo permiten
organizar de distintas formas el blog de la información

• Muestra categoría: si está activado se mostrará en el título del artículo la categoría a la que
pertenece

• Categoría enlazada: si se muestra la categoría y esta opción está marcada en Sí el título


enlaza a una lista que contiene los artículos de la misma categoría

• Muestra categoría principal: esta opción puede mostrar la categoría principal


palo a la que pertenece el artículo

• Categoría principal enlazada: si se muestra la categoría principal y esta opción se encuentra


marcada como Sí se cargará un listado con todos los artículos de la categoría a la que
pertenece el artículo

• Muestra autor/a: permite mostrar la autoría del artículo

• Autor/a enlazable: si está activado enlazará a la página web relacionada


con la autoría del artículo

• Muestra la fecha de creación: si está activado mostrará la fecha en la que se va


crear el artículo

• Muestra fecha de modificación: fecha de la última modificación realizada en


el artículo

• Muestra fecha de publicación: muestra la fecha y la hora en que se publicó


el artículo

• Muestra navegación: si se activa esta opción aparecerán enlaces de navegación a los


artículos (se puede acceder a los artículos anterior y posterior)

• Mostrar iconos: activado muestra los iconos de imprimir y enviar por correo

• Muestra el icono “Imprimir”: si está activado muestra el icono de imprimir

• Muestra el icono “Correo”: activado muestra el icono de enviar por correo

• Muestra votaciones: esta opción muestra la valoración de los lectores del artículo

• Muestra la cantidad de veces que se ha hecho clic sobre el enlace: activado muestra el
número de veces que se ha clicado sobre el artículo
Machine Translated by Google
Aplicaciones Web 58 Gestores de contenidos

• Muestra los enlaces no autorizados: cuando se configura en Sí se mostrarán los


enlaces a contenidos a los usuarios no registrados. Se muestran sólo los enlaces, no el
contenido

• Posicionamiento de los enlaces: muestra los enlaces encima o debajo del


contenido

• Texto 'Sigue leyendo...': personaliza el texto utilizado

• Presentación alternativa: cambia la presentación predeterminada

Configura la pantalla de edición

• Muestra opciones de publicación: permite mostrar la barra de opciones de la


publicación

• Muestra opciones del artículo: permite mostrar las opciones del artículo

• Imágenes de administrador/ay enlaces: muestra los campos utilizados para insertar


imágenes y enlaces en el back-end

• Imágenes de sitio web y Enlaces: muestra los campos utilizados para insertar
imágenes y enlaces en el front-end

Permisos

Esta pestaña permite gestionar qué puede hacer cada perfil de usuario en los contenidos.

Es importante tener en cuenta en la columna Selecciona nueva configuración cuál es la elección


que se marca:

• Heredad: si esta opción está permitida, dependerá del valor de la configuración


ción global, a los grupos superiores y desde la categoría

• Denegado: no importa el permiso que debería heredarse, a partir de aquí


niega

• Permitido: se permite el acceso, pero sólo será posible si no está denegado en la


configuración global, en los grupos superiores y desde la categoría

Cuando se guarden los cambios quedará reflejado el estado de los permisos finales en la
columna Configuración calculada.

Ejemplo de artículo de nueva creación

Para crear un artículo se debe utilizar la ventana Gestor de artículos/ Agregar un nuevo artículo.
En este entorno es necesario introducir una serie de datos básicos que se extraerán
mayoritariamente del mismo artículo a publicar. Si por ejemplo le llega un artículo con los
siguientes datos:
Machine Translated by Google
Aplicaciones Web 59 Gestores de contenidos

• Título: Presentación de la nueva equipación

• Contenido: Esta tarde tendrá lugar en el pabellón municipal la presentación de la


nueva equipación del equipo de baloncesto del pueblo

• Estado: publicado

• Categoría: Baloncesto

• Destacado: sí

• Acceso: público

• Idioma: todos

• Etiquetas: Baloncesto, Deportes, Pabellón

• Inicio de publicación: 2015-06-18

• Final de publicación: 2015-06-20

• Fecha de creación: 2015-06-18

• Autor: Jordi Casadejust Moliner

• Metapalabras clave: pabellón, equipación, baloncesto, nueva

• Derechos de contenido: Creative Commons

• Imagen introductoria: pelota de baloncesto

• Texto alternativo: Presentación de la nueva equipación de baloncesto

¡El resultado de traducir todos estos datos al entorno de Joomla! consiste en editar las
distintas fichas de gestión de los artículos. Ante todo hay que escribir el título, ya
continuación el cuerpo del artículo debe editarse en la ficha Contenido (ver figura 2.26).

F igura 2. 2 6. Ficha Contenido de un artículo

En la ficha Publicant se introducen los datos relativos a la publicación del artículo, tal y
como muestra la figura 2.27.
Machine Translated by Google
Aplicaciones Web 60 Gestores de contenidos

F igura 2. 2 7. Ficha Publicando

Si es necesario añadir imágenes se utiliza la ficha Imágenes y enlaces (figura 2.28).

F igura 2. 2 8. Ficha Imágenes y enlaces

Siguiendo las indicaciones del artículo no es necesario tratar las variables de las fichas
Opciones, Configura la pantalla de edición y Permisos.

Una vez introducidos todos los datos se debe guardar el artículo utilizando el botón Guardar y
si todo ha ido bien aparecerá el mensaje de la figura 2.29.

F igura 2. 2 9. Mensaje de éxito

Editar un artículo

La edición de un artículo ya creado se realiza en Gestor de artículos/ Artículos. Si por ejemplo


queremos editar el artículo Presentación de la nueva equipación (figura 2.30).
Machine Translated by Google
Aplicaciones Web 61 Gestores de contenidos

F igura 2. 3 0. Editante Presentación de la nueva equipación

Basta con pulsar sobre ella para acceder a la pantalla de edición, que es la misma que
se utiliza cuando se crea un artículo nuevo (figura 2.31):

F igura 2. 3 1. Pantalla para editar el artículo Presentación de la nueva equipación

Publicar y despublicar artículo

Publicar o despublicar un artículo es la acción que hace que ese contenido aparezca o
no en la página web.

Se puede publicar un artículo en cualquier momento, si el usuario tiene permisos


necesarios.

Por ejemplo, en la figura 2.32 aparecen dos artículos: Noticias y Presentación de la


nueva equipación:

F igura 2. 3 2. Cuadro de control de la publicación de artículos

El artículo Noticias está publicado porque aparece el símbolo de selección de color


verde, sin embargo Presentación de la nueva equipación tiene asignada una cruz roja,
lo que significa que no está publicado. Para publicar este artículo basta con pulsar
sobre el icono y cambiará por el símbolo de selección de color verde.
Machine Translated by Google
Aplicaciones Web 62 Gestores de contenidos

Destacar un artículo

Los artículos de Joomla! se pueden destacar. Un artículo destacado se muestra en la portada del
front-end. Para destacar un artículo se debe clicar sobre la estrella que aparece vinculada al
artículo, tal y como muestra la figura 2.33.

F igura 2. 3 3. El artículo 'Dónde nos puede localizar' está destacado

El artículo Donde nos puede encontrar está publicado y destacado, mientras que el artículo Nuestras
noticias está publicado pero no está destacado.

Archivar un artículo
Los artículos que se archivan no
son localizados por el filtro de
texto.
Cuando la cantidad de artículos crece mucho es habitual que algunos queden desfasados. Es
entonces el momento de archivar estos artículos.

Para archivar un artículo es necesario seleccionarlo y clicar en el botón Archiva (figura 2.34).

F igura 2. 3 4. Botón Archivo


a seleccionar

Para desarchivar un artículo es necesario acceder al Gestor de artículos/ Artículos y hacer una

búsqueda donde el estado sea Clasificado. Aparecerán todos los artículos archivados (figura 2.35).

F igura 2. 3 5. El artículo 'Dónde nos puede localizar' está archivado

Desplegando las opciones de acción se puede desarchivar el artículo y volverá a su estado


anterior.
Machine Translated by Google
Aplicaciones Web 63 Gestores de contenidos

Bloquear un artículo

Cuando un usuario desde el back-end o el front-end abre un artículo para editarlo, ¡el
programa Joomla! bloquea este artículo. Esto evita que otro usuario pueda acceder al
artículo y genere conflictos en la base de datos.

En alguna ocasión, un mal uso de esta propiedad hace que un artículo esté bloqueado por
un usuario que ha olvidado desbloquearlo.

Para desbloquear un artículo es necesario ir a Gestor de artículos/ Artículos, marcar el


artículo bloqueado y pulsar el botón Desbloquear (figura 2.36).

F igura 2. 3 6. Botón para


desbloquear un artículo

Revisar las versiones de un artículo

¡Un artículo que forme parte de Joomla! puede ser editado a lo largo del tiempo. Este CMS
permite explorar los cambios realizados en un archivo y mostrar las distintas versiones.

Seleccionando un artículo y editándolo (pantalla Gestor de artículos/ Editar un artículo)


aparece un botón llamado Versiones (figura 2.37).

F igura 2. 3 7. Botón de
versiones de un articulo

Pulsando sobre este botón aparece una ventana emergente (figura 2.38).
Machine Translated by Google
Aplicaciones Web 64 Gestores de contenidos

Figura 2. 3 8. Historial de versiones del artículo

Este historial permite comparar las versiones seleccionadas. Por este caso el resultado es
el de la figura 2.39.

F igura 2. 3 9. Vista comparada del artículo

En esta vista se pueden identificar los cambios realizados con mucho detalle.

2.2.4 Menús

Joomla! tiene de forma predeterminada un menú con un único elemento (Inicio) que está
asociado a la página principal.

Un elemento de menú indica el componente que apunta la página.

El componente de artículos com_content también está asociado al elemento Inicio.


Machine Translated by Google
Aplicaciones Web sesenta y cinco
Gestores de contenidos

Un component apunta a una vista determinada.

Este elemento de menú predeterminado permite que al ser llamado aparezca como página
de inicio.

Añadir un menú

¡A Joomla! los menús se administran desde el Gestor de menús/ Menús (figura 2.40).

F igura 2. 4 0. Pantalla para gestionar y crear menús

Pulsando en el botón Nuevo se abrirá una pantalla que permite añadir los campos necesarios
para el nuevo menú (figura 2.41):

F igura 2. 4 1. Campos del nuevo menú

2.2.5 Módulos

¡La visualización de las páginas que forman parte del entorno que se gestiona con Joomla!
requiere una extensión que permita el mantenimiento y control centralizado.
Machine Translated by Google
Aplicaciones Web 66 Gestores de contenidos

Un módulo es una extensión utilizada para mostrar contenidos y/o media en torno a
un contexto principal.
El módulo Últimas novedades
está vinculado al componente
com_content, y lo que hace es Un ejemplo de módulo es el de inicio de sesión. Cada elemento asigna un módulo, que a su
mostrar un enlace a los últimos
componentes. vez puede estar asignado a un componente. Los módulos pueden no estar vinculados a

Las páginas gestionadas con componentes y pueden ser únicamente código HTML.
Joomla! necesitan por lo
menos un módulo de menú.
La gestión de los módulos se realiza desde el back-end. Desde aquí se pueden añadir y
editar los módulos de Joomla!

Desde la pantalla de gestión de módulos se tienen los siguientes controles:

• Estado: indica si el módulo está o no publicado.

• Título: nombre del módulo. Estas etiquetas se pueden editar.

• Posición: indica dónde se coloca el módulo. Esta posición dice si el módulo va arriba,
izquierda, abajo, derecha, etc. Las posiciones se definen en la plantilla utilizada en la
página.

• Tipo: es el nombre que le da al módulo el sistema. Normalmente Joomla!


instala por defecto 20 módulos estándar.

• Páginas: el ítem de menú donde se mostrará este módulo. Si está indicado Todas
quiere decir por todos los ítems de menú. Se pueden seleccionar los ítems que
interesen.

• Acceso: quien tiene acceso a este ítem. El acceso puede ser Public, Guest, Registered,
Special o Super Users.

• Idioma: indica la lengua que se aplica a este módulo.

• ID: es el identificador único para este elemento. ¡Es un valor numérico asignado
automáticamente por Joomla! y no es posible cambiarlo.

La barra de herramientas que ofrece el gestor de módulos permite realizar las siguientes
opciones:

• Nuevo: abre la ventana de edición para crear un nuevo módulo.

• Editar: abre la ventana de edición para el módulo seleccionado. Si pulsa sobre


del nombre del módulo accederá también a la ventana de edición.

• Duplica: realiza una copia del módulo seleccionado. Esta copia se genera
inmediatamente y nombra al nuevo módulo al igual que el original añadiendo un
número entre paréntesis.

• Publicar: si se publica un módulo se hace accesible desde la web.

• Despublicar: si se despublica un módulo no se podrá acceder a su contenido


de la web

• Desbloquear: hace accesible un módulo.


Machine Translated by Google
Aplicaciones Web 67 Gestores de contenidos

• Automático: procesa automáticamente el módulo seleccionado.

• Papelera: envía a la papelera el módulo seleccionado.

Ejemplo de creación de un nuevo módulo

Accediendo al Gestor de módulos/ Módulos aparecen en pantalla todas las posibilidades:

• Dirección URL incluida: permite mostrar un marco incluido en un sitio específico.

• Anuncios - Pancartas: muestra los anuncios activos de com_banners.

• Artículos - Artículos Relacionados: permite mostrar otros artículos relacionados con lo


que en ese momento se esté mostrando.

• Artículos - Noticias de actualidad: muestra un número determinado de artículos

específicos pertenecientes a una o varias categorías.

• Artículos archivados: muestra una lista de los meses del calendario que contengan
artículos archivados.

• Artículos de la categoría: muestra los artículos de una o varias categorías.

• Canales electrónicos: muestra un canal electrónico sindicado.

• Categorías de artículos: muestra una lista de categorías a partir de una


categoria principal.

• Buscar: muestra un campo de búsqueda.

• Código HTML personalizado: crea tu propio módulo HTML utilizando uno


editor visual (WYSIWYG).

• Datos de acceso muestra un formulario de datos de acceso.

• Los más populares: muestra una lista de los artículos con el mayor número de
visitas

• Estadísticas: muestra información sobre la instalación de tu servidor y


estadísticas del sitio web.

• Etiquetas populares: muestra las etiquetas más usadas.

• Etiquetas similares: muestra enlaces a otros elementos con etiquetas similares.

• Imagen aleatoria: muestra una imagen aleatoria desde el directorio que seleccione
ción

• Menú: muestra un menú en la parte pública del sitio.

• Módulo de búsqueda sencilla: módulo de búsqueda por el sistema de búsqueda sencilla.

• Pie de página: muestra la información de copyright de Joomla!.

• Quien está en línea: muestra la cantidad de invitados.


Machine Translated by Google
Aplicaciones Web 68 Gestores de contenidos

• Ruta de navegación: muestra la ruta de navegación.

• Selector de idioma: muestra una lista de idiomas de contenido disponibles.

• Sindicación del sitio: sindicación de noticias.

• Template Selector: permite cambiar de plantilla de una forma muy sencilla.

• Usuarios recientes: muestra los últimos usuarios que se han registrado en tu sitio.

• Últimas novedades: muestra una lista de los artículos más actuales que se hayan
publicado.

Si, por ejemplo, seleccione el módulo Estadísticas y lo configure como la figura


2.42.

F igura 2. 4 2. Configuración del módulo Estadísticas

aparecerá en el front-end la información que se muestra en la figura 2.43, que son datos del
servidor, del sitio y de las visitas.
Machine Translated by Google
Aplicaciones Web 69 Gestores de contenidos

F igura 2. 4 3. Información
estadística en el front-end

2.3 Gestión de usuarios

La gestión de usuarios es un punto primordial en la administración de un CMS. Debemos


recordar que un gestor de contenidos no sólo se encarga de almacenar información, sino
que también debe posibilitar el acceso de una forma eficiente y simultánea a distintos
usuarios.

Un usuario es una persona o grupo de personas que se identifica para acceder a


unos contenidos.

La gestión de usuarios está directamente relacionada con la utilización de permisos y su


asignación. Las acciones asociadas a esta tarea se realizan desde el panel
de control.

¡El CMS Joomla! permite trabajar con grupos de usuarios. Realizar agrupaciones es una
tarea básica que simplifica la gestión de los usuarios.

Un grupo es un conjunto de usuarios que poseen ciertas características comunes.

¡A Joomla! existen los grupos de front-end:

• Guest: tiene acceso a la web pública ya los artículos públicos.

• Registered: tiene los mismos privilegios que el grupo Guest, y además puede
ver los artículos registrados.
Machine Translated by Google
Aplicaciones Web 70 Gestores de contenidos

• Autor: tiene los privilegios del grupo Registered, y además puede crear artículos, editar artículos
de su propiedad y ver contenidos etiquetados como especiales.

• Editor: tiene los privilegios del grupo Author, y además puede editar todos los
artículos, incluso los que no están publicados.

• Publisher: tiene los privilegios del grupo Editor, y además puede publicar todos
los artículos.

Los grupos que encontramos en el back-end son:

• Manager: tiene los mismos privilegios que el grupo Publisher y se le añade la posibilidad de
acceder al back-end.

• Administrator: tiene los mismos privilegios que el grupo Manager, y además puede crear nuevos
usuarios e instalar extensiones.

• Super users: tiene los mismos privilegios que el grupo Administrator, y además puede cambiar
plantillas y configuración global.

2.3.1 Crear un usuario

La gestión de usuarios se realiza desde el panel de control en el apartado de Gestor de usuarios. La


opción a escoger la encuentra en el margen superior izquierdo de la pantalla
en forma de botó.

Para la creación de un usuario dispone de tres fichas de datos que deben rellenarse. La primera ficha
incluye los detalles de la cuenta de usuario:

• Nombre: nombre del usuario.

• Usuario: identificador que utilizará en Joomla!.

• Contraseña: contraseña de acceso (se deberá confirmar).

• Correo electrónico: dirección de correo electrónico válida ya la que el usuario


tenga acceso.

• Recibir correos del sistema: si se activa esta opción se enviarán a la dirección de correo
indicada anteriormente indicando datos del sistema relacionados
con el usuario.

• Bloquear este usuario: si se activa esta opción el usuario dejará de tener acceso al sistema,
pero no se eliminará.

La segunda ficha asignará al nuevo usuario a un grupo.

La tercera ficha se utiliza para configurar el estilo de plantilla e incluye los campos:
Machine Translated by Google
Aplicaciones Web 71 Gestores de contenidos

• Idioma administración: si este usuario tiene permisos de administrador tendrá configurado el

programa con el idioma aquí indicado.

• Idioma sitio: indica el idioma en el que se verá la página web (front-end).

• Editor: se puede seleccionar cualquiera de los editores instalados.

• Lugar de ayuda: página web de ayuda utilizada por el usuario.

• Huso horario: permite seleccionar una zona horaria.

Ejemplo de creación de un nuevo usuario

Para crear un usuario debe utilizar el Gestor de usuarios/ as / Usuarios y clicar en el botón
Nosotros.

Como ejemplo utilizamos el siguiente supuesto ficticio:

• Nombre del usuario: Jordi Casadejust Moliner

• Usuario: jcasadejust

• Contraseña: ¡J2dJMo3!

• Correo electrónico: jcasadejust@joomlaioc.cat

• Debe recibir correos de sistema: Sí (quiere que este usuario esté informado

de los cambios producidos en el sistema)

• Bloque a este usuario: No (no desea bloquear este usuario)

• Requiere la reinicialización de la contraseña: Sí (así force que el usuario introduzca una contraseña

nueva la primera vez que acceda al portal)

Estos datos quedan introducidos tal y como muestra la figura 2.44.


Machine Translated by Google
Aplicaciones Web 72 Gestores de contenidos

F igura 2. 4 4. Datos del nuevo usuario

Validando los datos con el botón Guardar aparece el mensaje de la figura 2.45.

F igura 2. 4 5. Mensaje de éxito de usuario creado

La mejor prueba para revisar que este usuario puede acceder al portal es utilizar las
datos (ver figura 2.46).
Machine Translated by Google
Aplicaciones Web 73 Gestores de contenidos

F igura 2. 4 6. Ventana para validar el acceso del nuevo usuario

Lo primero que aparece en pantalla es una ventana que permite editar el perfil.
Recuerde que se ha marcado la opción de forzar la reintroducción de la contraseña
de acceso, por lo que lo primero que se debe hacer es establecer una nueva contraseña.
También se pueden cambiar otros parámetros como el editor de texto a utilizar, el
huso horario o el idioma del sitio (ver figura 2.47).

F igura 2. 4 7. Cambio de contraseña del nuevo usuario

En el caso de este ejemplo, es obligatorio cambiar la contraseña por un nuevo valor.


Una vez cambiada la contraseña, se mostrará la pantalla de la figura 2.48.
Machine Translated by Google
Aplicaciones Web 74 Gestores de contenidos

F igura 2. 4 8. Resumen de la información del nuevo perfil de usuario

Si vuelve al back-end y abre Gestor de usuarios/ as / Usuarios puede comprobar que aparece
el nuevo usuario creado (ver figura 2.49).

F igura 2. 4 9. Usuario dado correctamente de alta en el back-end

Desde el punto de vista del administrador existen datos que pueden ayudar mucho cuando
hay problemas con el uso del programa. Por ejemplo aquí se puede ver cuándo accedió por
última vez el usuario (2015-06-18 15:47:18) y el identificador que tiene asignado (727).

2.3.2 Crear un grupo nuevo

Los campos básicos para crear un grupo son:

• Título del grupo: texto identificador para el grupo.

• Grupo principal: es necesario marcar un grupo principal para el nuevo grupo


creado.

Ejemplo de creación de un nuevo grupo

¡Por necesidades del organismo donde se ha instalado Joomla! le piden crear un grupo editor
que creará sólo noticias deportivas.

Las variables que definen a los grupos deben corresponder al máximo con la realidad. Así,
en este caso se creará un grupo llamado Autor_deportes que pertenece al grupo principal
Author (ver figura 2.50).
Machine Translated by Google
Aplicaciones Web 75 Gestores de contenidos

F igura 2. 5 0. Detalles de grupo

Después de clicar en el botón Guardar y si no hay ningún problema se creará el grupo y aparece
un mensaje de confirmación que puede verse en la figura 2.51.

F igura 2. 5 1. Mensaje de éxito en la creación de


grupos

Si se quiere añadir un usuario a este grupo es necesario ir a Gestor de usuarios/ as / Usuarios,


seleccionar un usuario y editarlo en la ficha Grupo de usuarios/ as asignados. Por ejemplo, si
selecciona el usuario jcasadejust puede marcar Autor_esports y Registered
(tal y como muestra la figura 2.52).
Machine Translated by Google
Aplicaciones Web 76 Gestores de contenidos

F igura 2. 5 2. Asignación de grupos de usuarios

Si vuelve a Gestor de usuarios/ usuarios verá que el perfil del usuario jcasa dejust
ha cambiado y ahora pertenece a los grupos Registered y Autor_deportes (ver figura
2.53).

F igura 2. 5 3. Datos del grupo de usuarios modificado


Machine Translated by Google
Aplicaciones Web 77 Gestores de contenidos

2.4 Gestor multimedia

El gestor multimedia es una herramienta que permite gráficamente la gestión de contenidos.


En un entorno gráfico se pueden realizar las acciones de:

• Cargar: sube archivos a Joomla!

• Crear nuevo directorio: se crea un nuevo directorio

• Borrar: elimina un contenido

La figura 2.54 muestra al gestor multimedia:

F igura 2. 5 4. Vista en miniaturas del gestor multimedia

También se pueden cargar los contenidos a la vista de detalle, tal y como se muestra en la
figura 2.55.

F igura 2. 5 5. Vista detallada del gestor multimedia


Machine Translated by Google
Aplicaciones Web 78 Gestores de contenidos

Desde ambas pestañas puede crear carpetas escribiendo el nombre en la caja y haciendo clic
en el botón Crear una carpeta. Para colgar un archivo puede encontrar abajo la caja para
colgar archivos: primero seleccione el archivo haciendo clic en el botón Navega, y
posteriormente en el botón Empieza a colgar.

Para borrar archivos y carpetas puede hacerlo de dos formas. Puede hacer clic directamente
en el icono azul con forma de aspa que hay junto a cada archivo y carpeta, o seleccionando
una serie de archivos y carpetas (haciendo clic en los cuadros de selección que hay junto a
cada archivo y carpeta) y posteriormente haciendo clic en el botón Borrar en la parte superior
de la pantalla. Asegúrese de que las carpetas están vacías antes de borrarlas, ya que Joomla!
no permite borrar carpetas que contienen en el interior archivos o subcarpetas.

Debe recordar que las imágenes que carga en su sitio tardarán mucho más en descargar por
parte de los usuarios que visitan su sitio web. Los tiempos de carga y descarga que
experimenta usted son muy cortos porque está trabajando directamente sobre la misma
máquina que alberga el sitio web, y por tanto no utilice la infraestructura de la red. Los usuarios
que visitan el sitio web utilizarán una conexión a Internet que no necesariamente debe ser
muy rápida. Por eso se recomienda no utilizar imágenes de tamaño excesivamente grande.

2.5 Mensajería de Joomla!

¡La mensajería es un componente de Joomla! con el que se pueden enviar mensajes entre
usuarios del back-end. ¡Sin salir de Joomla! se pueden leer, escribir, enviar y borrar mensajes.
Para facilitar la tarea de gestionar envíos a muchos usuarios, también es posible gestionar
mensajes a grupos.

Para enviar un mensaje es necesario ir a Gestor de mensajes privados: Mensajes y se


mostrará la pantalla de la figura 2.56.

F igura 2. 5 6. Nuevo mensaje

Para crear un nuevo mensaje se debe clicar en el botón Nuevo (figura 2.57).

F igura 2. 5 7. Botón de nuevo mensaje


Machine Translated by Google
Aplicaciones Web 79 Gestores de contenidos

En estos momentos aparece una pantalla en la que se deben llenar los diferentes campos
del mensaje. Para seleccionar el destinatario es necesario clicar en el botón de contacto
que hay a la derecha del destinatario (ver figura 2.58).

F igura 2. 5 8. Selección del destinatario

Se abre una ventana con los usuarios con permiso de acceso al back-end y puede
seleccionar el destinatario tal y como muestra la figura 2.59.

F igura 2. 5 9. Selección del destinatario de la lista de contactos

Ahora sólo queda escribir el asunto y el cuerpo del mensaje (figura 2.60).

F igura 2. 6 0. Mensaje con todos los datos

Y clicar en el botón Enviar (figura 2.61).


Machine Translated by Google
Aplicaciones Web 80 Gestores de contenidos

F igura 2. 6 1. Botón para


enviar el mensaje

Joomla! avisará si el mensaje se ha enviado correctamente con lo que podemos ver


en la figura 2.62.

F igura 2. 6 2. Mensaje confirmando el envío

Cuando el usuario abarrufx acceda al back-end se encontrará en la parte inferior de


la ventana un aviso de un mensaje (figura 2.63).

F igura 2. 6 3. Mensaje recibido

Si el usuario pulsa sobre el uno entrará en la pantalla de mensajería y verá que tiene
un mensaje del superusuario (figura 2.64).

F igura 2. 6 4. Mensaje recibido del superusuario

Si el usuario pulsa sobre el mensaje accede al contenido (figura 2.65).


Machine Translated by Google
Aplicaciones Web 81 Gestores de contenidos

F igura 2. 6 5. Contenido del mensaje


Machine Translated by Google
Machine Translated by Google

Aplicaciones Web 83 Gestores de contenidos

3. Administración y mantenimiento de un gestor de contenidos

Una vez instalado un gestor de contenidos y habiendo estudiado sus principales


características, es preciso establecer los procesos de mantenimiento y administración.

Un gestor de contenidos debe tener extensiones que faciliten su administración y


mantenimiento.

Es habitual disponer de extensiones del propio programa o desarrolladas por otros colectivos
que hacen más efectivo el trabajo de la persona responsable del gestor de contenidos. El uso
de estas herramientas normalmente queda reservado a un único usuario, generalmente de
perfil más bien técnico y con capacidad de trabajo sobre el sistema informático de la
corporación.

Los complementos, módulos y conectores que puede encontrar por Internet creados por
desarrolladores independientes le proporcionan cientos de añadidos que pueden dar mayor
calidad y funcionalidad al sitio. Las plantillas proporcionan una forma de cambiar fácilmente el
aspecto externo del sitio web sin tener que modificar el contenido. Una de las extensiones
más útiles para su sitio web es la inclusión de un sistema de foros de discusión. Los foros de
discusión permiten a los usuarios interactuar entre ellos y con los gestores del sitio.

La tarea del administrador de un sitio web no termina cuando ésta está en funcionamiento.
Es muy importante trabajar los aspectos de seguridad del sitio para asegurarse de que su
sitio no sufrirá ataques que provienen de Internet. Hacer copias de seguridad frecuentemente
y actualizar el sistema en las últimas versiones de los paquetes son algunos de los aspectos
de seguridad fundamentales de los sitios web.

3.1 Administración de componentes

Uno de los elementos más utilizados para mantener y administrar un gestor de contenidos
son los componentes.

Los componentes son pequeñas porciones de código que se ejecutan y sirven para
mostrar información en el front-end.

Ejemplos de componentes son los anuncios, la búsqueda inteligente, la mensajería o la


sindicación de artículos. Cualquier gestor de contenidos debería trabajar con estos
componentes.
Machine Translated by Google
Aplicaciones Web 84 Gestores de contenidos

3.1.1 Anuncios - Pancartas

La publicidad, ya sea interna del sitio web o proveniente de una fuente externa, es un recurso muy
utilizado también en las páginas de Internet. Esta publicidad debe ser ágil, fácil de gestionar y
efectiva.

Un banner (banner en inglés) es un anuncio que se publica dentro de una página web.

Se pueden incluir anuncios de banner en un portal web gestionado con Joomla!. Es habitual utilizar
imágenes fijas o en movimiento. Una posibilidad que ofrecen los anuncios de banner es utilizar su
contenido para enlazar con otro contenido, como por ejemplo la página web del anunciante.

Para organizar la gestión de banners, Joomla! le proporciona categorías, clientes y anuncios de


banner. Debe crear al menos una categoría y un cliente antes de crear un banner.

La gestión de anuncios con Joomla! se realiza en el back-end y hay que acceder a Compo nents -
Anuncios - Pancartas, tal y como muestra la figura 3.1.

F igura 3. 1. Camino a seguir para crear un banner

La pantalla Gestor de anuncios/ Anuncios contiene las acciones necesarias para tratar los anuncios
de banner. Como puede comprobar aparecen los mismos botones que puede encontrar por ejemplo
en la gestión de los artículos:

• Nuevo: abre una ventana que da acceso a la introducción de los datos del nuevo
banner.

• Editar: permite cambiar un banner ya creado.

• Publicar: presenta el banner en la página web.

• Despublicar: quita el banner de la página web.


Machine Translated by Google
Aplicaciones Web 85 Gestores de contenidos

• Archiva: clasifica el banner.

• Desbloquear: fuerza la liberación del banner, esto sucede cuando un usuario


se apropia del banner por un tiempo largo.

• Automático: se procesa automáticamente el banner.

• Papelera: se almacena el banner en la basura.

¡Crear un anuncio con Joomla!

Para crear un nuevo anuncio se debe acceder a Gestor de anuncios/ Anuncios y clicar en el botón

Nueve. Aparece una pantalla identificada Gestor de anuncios/ Nuevo anuncio donde se puede indicar
el título del banner e introducir toda la información necesaria por medio de tres fichas:

• Detalles: contiene la información básica del banner.

• Detalles de la pancarta: muestra estadísticas vinculadas a las visitas al


banner.

• Publicando: datos referentes a la publicación del banner.


Las imágenes utilizadas deben
estar en el directorio /images/
banners/.
En la ficha Detalles se deben introducir los datos:

• Tipo: tipología del anuncio, que puede ser una imagen o un caso personalizado

• Imagen: imagen que formará parte del anuncio

• Ancho: el ancho que se tendrá el anuncio

• Altura: la altura del anuncio

• Texto alternativo: texto vinculado a la imagen

• Dirección URL del anuncio: si se pulsa sobre el anuncio se redireccionará


la navegación en la dirección web aquí indicada

• Descripción: texto descriptivo del anuncio

• Estado: estado del anuncio, que puede ser Publicado, Despublicado, Clasificado o
Movido en la Papelera

• Categoría: categoría a la que pertenece el anuncio

• Fijo: los anuncios fijos tienen prioridad

• Idioma: idioma asignado para el anuncio

• Nota de la versión: nota del elemento


Machine Translated by Google
Aplicaciones Web 86 Gestores de contenidos

En la figura 3.2 puede verse una ficha Detalles con datos para un nuevo anuncio:

F igura 3. 2. Ficha Detalles

En la ficha Detalles de la pancarta los campos de configuración son:

• Impresiones máximas: el límite de impresiones del anuncio. Es posible


indicar que ese valor sea ilimitado.

• Impresiones totales: acumulado de las impresiones del banner. Este valor


se puede resetear.

• Clics totales: número de clics aplicados sobre el anuncio. Éste


valor se puede resetear.

• Cliente: limita al cliente vinculado al banner.

• Tipo de acuerdo: definición temporal del contrato con el cliente.

• Informe de impresiones: se registran las impresiones.

• Informe de clics: es registra el número de clics.

En la figura 3.3 se puede ver una ficha Detalles de la pancarta con datos:

F igura 3. 3. Ficha Detalles de la pancarta


Machine Translated by Google
Aplicaciones Web 87 Gestores de contenidos

La ultima ficha a tratar es la Publicante donde los campos a tener en cuenta son:

• Inicio de la publicación: fecha a la que se publicará el banner.

• Final de la publicación: último día que el banner estará publicado.

• Fecha de creación: fecha en la que se creó el banner.

• Creado por: usuario que crea el banner.

• Creado por alias: alias utilizado por el usuario.

• Fecha de modificación: fecha de la última modificación del banner.

• Modificado por: usuario que ha modificado en última instancia el banner.

• Revisión: revisión del banner.

• ID: valor numérico que identifica el banner.

• Metapalabras clave: etiquetas utilizadas por los buscadores.

• Utiliza prefijo propio: valor del propio banner o del cliente.

• Prefijo de Metapalabras clave: se buscarán las palabras clave que empiecen con
este prefijo.

En la figura 3.4 vemos un ejemplo de la ficha Publicando con datos.

F igura 3. 4. Ficha Publicando

Cuando se guarda el banner se vuelve a la pantalla Gestor de anuncios/ Anuncios y aparece


el mensaje, tal y como se ve en la figura 3.5.

F igura 3. 5. Mensaje de éxito


Machine Translated by Google
Aplicaciones Web 88 Gestores de contenidos

Categorías de los anuncios

Las categorías de anuncios se gestionan desde la pantalla Gestor de categorías/ Anuncios -


Pancartas. Los mismos controles utilizados en la gestión de anuncios vuelven a aparecer de
nuevo aquí: Nuevo, Editar, Publicar, etc.

¡No se deben confundir las categorías de anuncios con otras categorías de Joomla!.

La figura 3.6 muestra una categoría de anuncio de nueva creación:

F igura 3. 6. Creación de una nueva categoría de anuncio

Clientes de los anuncios

Los anuncios deben estar vinculados a un cliente. Para gestionar los clientes es necesario ir
a la pantalla Gestor de anuncios/ Clientes. Pulsando en el botón Nuevo se accede a Gestor
de anuncios/ Nuevo cliente donde es necesario introducir los datos:

• Nombre del contacto: identificación de la persona de contacto

• Correo del contacto: correo electrónico para contactar

• Tipo de acuerdo: acuerdo relacionado con el anuncio

• Informe de impresiones: registrar el número de veces que se ve

• Informe de clics: registrar el número de veces que se clica

• Otros: información adicional

• Estado: se define el estado del cliente

• Nota de la versión: opcionalmente se puede aportar una nota de la versión

En la ficha Metadatas se pueden aportar las palabras clave para ser identificadas por los
motores de búsqueda. También se puede trabajar con el prefijo correspondiente.

Una ficha de cliente con datos sería la de la figura 3.7.


Machine Translated by Google
Aplicaciones Web 89 Gestores de contenidos

F igura 3. 7. Datos del cliente de un anuncio

Informes de los anuncios

Joomla! permite visualizar estadísticas de anuncios. Accediendo a la pantalla Gestor de


anuncios/ Seguimiento se puede generar un informe como el de la figura 3.8

F igura 3. 8. Datos de seguimiento de un anuncio

3.1.2 Contactos

Es muy probable que desee que los usuarios que visiten su sitio web se pongan en
contacto con usted. Para ello podría publicar un artículo con sus datos de contacto.
Pero es posible que su sitio web necesite mostrar los datos de contacto de muchos
usuarios, por ejemplo si es un sitio web de una empresa grande o un instituto. Para
estos casos le podría ser útil hacer una clasificación de los contactos por departamentos.

Para trabajar con estos datos de contactos, Joomla! proporciona la gestión de categorías
y contactos.
Machine Translated by Google
Aplicaciones Web 90 Gestores de contenidos

Gestión de categorías de contactos

Puede crear diferentes categorías en las que se clasificarán sus contactos. Para acceder
al gestor de categorías, haga clic en el menú Componentes/ Contactas/ Categorías.
Verá una lista de las categorías que tiene definidas en el sitio web. La primera vez que
entra, esta lista estará vacía. Las columnas de la lista le proporcionan diferente información
sobre las categorías. Tiene un filtro de selección para poder realizar un filtrado entre todas
las categorías si tiene más de las que se pueden ver en una pantalla. En las pestañas de
arriba puede elegir que la lista muestre las categorías o los contactos. Haga clic en el
botón Nuevo de la barra de herramientas para crear una nueva categoría.
Verá el formulario de creación de categorías, este formulario es el mismo que se utiliza
para crear las categorías de artículos, aunque aquí muchos de los parámetros no se
utilizan. El único parámetro necesario para introducir es el título y el alias.

Gestión de contactos

Para acceder al gestor de categorías haga clic en el menú Componentes/ Contactos/.


Verá una lista de los contactos que ha creado en el sitio web. La primera vez que entra
esta lista estará vacía. En cada columna de la lista se muestra uno de los parámetros del
contacto. Tiene un filtro de selección para poder filtrar entre los diferentes contactos: por
categoría, por estado (si está publicado o no) o por el nombre. Si hace clic en el botón
Parámetros, podrá elegir la configuración global que se aplicará a todos los contactos.
Entre las cosas que puede configurar se encuentran qué campos de los contactos desea
que se muestren y si desea que se muestren iconos junto con los campos de los contactos.

Para crear un contacto debe haber creado previamente al menos una categoría de
contactos. Haga clic en el botón Nuevo de la barra de herramientas para crear un nuevo contacto.
Aparecerá el formulario de creación de contacto (ver figura 3.9).

F igura 3. 9. Formulario para crear un nuevo contacto

En esta pantalla se debe introducir el nombre del contacto y en la ficha Nuevo contacto:
Machine Translated by Google
Aplicaciones Web 91 Gestores de contenidos

• Usuario/a enlazado: usuario de Joomla!

• Imagen: una imagen que identifique el contacto

• Posición: cargo utilizado por el contacto

• Correo-e: dirección de correo electrónico

• Dirección: dirección postal

• Localidad: población del contacto

• Provincia: provincia del contacto

• Código postal: código postal de la localidad

• Estado: país

• Teléfono: número de teléfono

• Móvil: número de teléfono móvil

• Fax: número de fax

• Página web: dirección web del contacto

• Primer campo de ordenación: parte del nombre a utilizar como primera ordena
ció

• Segundo campo de ordenación: parte del nombre a utilizar como segunda ordenación

• Tercer campo de ordenación: parte del nombre a utilizar como tercera ordenación

En la ficha Otras informaciones se puede indicar texto extra relacionado con el contacto (ver
figura 3.10).

F igura 3. 1 0. Ficha Otras informaciones

En la ficha Publicante (figura 3.11) se accede a los datos de publicación del contacto:

• Inicio de la publicación: fecha opcional que indica cuando se inicia el contacto


Machine Translated by Google
Aplicaciones Web 92 Gestores de contenidos

• Final de la publicación: fecha opcional que marca la finalización de la publicación del


contacto

• Fecha de creación: fecha a la que se creó el contacto

• Creado por: identificador del usuario que ha creado el contacto

• Creado por alias: se mostrará un seudónimo y no el identificador del usuario

• Fecha de modificación: fecha del último cambio realizado en el contacto

• Modificado por: indica el usuario que ha realizado la última modificación en el


contacto

• Clics: el número de veces que se ha visto este contacto

• ID: identificador de este contacto en la base de datos

• Metadescripción: descripción del contacto

• Metapalabras clave: palabras (separadas por comas) que se añadirán a las


palabras utilizadas en la metadescripción

• Autor/a: identificación de la persona que ha creado el contacto

• Robots: este campo se utiliza para dar instrucciones a los robots que gestionan esta página

• Derechos: publicación de los derechos del contacto

F igura 3. 1 1. Ficha Publicando

En la ficha Mostra (figura 3.12) se pueden configurar diferentes parámetros que pueden aparecer
relacionados con el contacto.
Machine Translated by Google
Aplicaciones Web 93 Gestores de contenidos

F igura 3. 1 2. Fitxa Mostra

Y en la ficha Formulario (figura 3.13) aparecen los campos que tendrá el formulario
de alta de los contactos:

F igura 3. 1 3. Ficha Formulario


Machine Translated by Google
Aplicaciones Web 94 Gestores de contenidos

3.1.3 Canales de información

Todos los días es posible que consulte una gran cantidad de sitios web en Internet,
incluso más de una vez al día. Si la cantidad de sitios web que visita es muy grande, la
tarea de consultar todas las páginas para ver si ha habido alguna novedad es muy larga.
Además, muchas veces una página no habrá cambiado desde la última vez que la ha
visitado, lo que hace que el esfuerzo de visitarla sea inútil.

Los canales de información le permiten resumir en una lista unificada las novedades de
otros sitios web; de esta forma no debe ir individualmente comprobando las novedades
de estas páginas.

Los canales de información, en inglés RSS (Really Simple Syndication), son unos
formatos de sindicación que sirven para recoger contenido que se publica frecuentemente
(como noticias, blogs, etc.) en un formato estándar. Después, se puede añadir a otra
página un lector de RSS en el que se mostrarán las novedades de sindicación para que
se puedan leer fácilmente.

Gestión de categorías de los canales de información

Las categorías le permiten clasificar los canales de información como desee.


Por ejemplo, puede clasificar todos los canales de información de noticias en una
categoría y en otra los canales de blogs. Todos los canales de información que defina
en su sitio web deben estar dentro de una categoría.

Puede acceder al gestor de categorías de los canales de información desde el menú


Componentes/ Sindicaciones de artículos/ Categorías. En el gestor de categorías puede
ver una lista de las categorías de los canales de información creadas en el sitio web.
La primera vez que entra esta lista estará vacía. Las columnas de la lista le proporcionan
una información diferente sobre las categorías.

Tiene un filtro de selección para poder realizar un filtrado entre todas las categorías si
tiene más de las que se pueden ver en una pantalla. En las pestañas de arriba puede
cambiar que la lista muestre, o las categorías, o los canales de información. Haga clic
en el botón Nuevo de la barra de herramientas para crear una nueva categoría (figura 3.14).
Machine Translated by Google
Aplicaciones Web 95 Gestores de contenidos

F igura 3. 1 4. Fitxa Categoria

En la creación de categorías de canales electrónicos intervienen cuatro fichas:

• Categoría: descripción de la categoría

• Publicando: datos referentes a la publicación de la categoría

• Permisos: perfil de acceso a la categoría

• Opciones: configuración alternativa

En la ficha Categoría se indican los valores:

• Descripción: texto que describe la categoría

• Padre: esta categoría puede pertenecer a otra categoría, o bien puede tratarse
de una categoría Uncategorised

• Estado: una categoría puede estar publicada, despublicada, clasificada o en la


papelera

• Acceso: perfil de usuario que puede acceder a esta categoría

• Idioma: lengua que se aplica a esta categoría

• Etiquetas: etiquetas vinculadas. Estas etiquetas deben ser únicas

• Nota: detalle de la categoría

• Nota de la versión: detalle de la versión de la categoría

En la ficha Publicando los parámetros son:

• Fecha de creación: fecha a la que se creó la categoría

• Creado por: identificador del usuario que ha creado la categoría

• Fecha de modificación: fecha del último cambio realizado en la categoría


Machine Translated by Google
Aplicaciones Web 96 Gestores de contenidos

• Modificado por: indica el usuario que ha realizado la última modificación en la


categoría

• Clics: el número de veces que se ha visto esta categoría

• ID: identificador de esta categoría en la base de datos

• Metadescripción: descripción de la categoría. Las palabras que se utilicen en


esta descripción serán utilizadas por los motores de búsqueda

• Metapalabras clave: palabras (separadas por comas) que se añadirán a las


palabras utilizadas en la metadescripción

• Autor/a: identificación de la persona que ha creado la categoría

• Robots: este campo se utiliza para dar instrucciones a los robots que gestionan
esta página

En la figura 3.15 se muestra una ficha con datos de ejemplo:

F igura 3. 1 5. Ficha Publicando

En la ficha Permisos (figura 3.16) se gestionan los permisos que deben tener los usuarios
y visitantes que quieran tener acceso a la página web:

F igura 3. 1 6. Ficha Permisos


Machine Translated by Google
Aplicaciones Web 97 Gestores de contenidos

En la ficha Opciones (figura 3.17) se puede configurar una presentación alternativa, una imagen y/o
un texto alternativo.

F igura 3. 1 7. Ficha Opciones

Gestión de canales de información

Puede acceder al gestor de canales de información en la pantalla Gestor de canales electrónicos/


Canal electrónico. En este gestor puede ver una lista de los canales de información que tiene en su
sitio web. La primera vez que entra, esta
lista estará vacía. Las columnas de la lista le dan una información diferente sobre

las categorías. Puede filtrar los diferentes canales de información escribiendo una palabra en la caja
de filtro que hay arriba de la lista. También puede filtrar entre los distintos canales de información
seleccionando una categoría o un estado en los desplegables que puede encontrar arriba de la lista
a la derecha. En las pestañas de arriba puede elegir que la lista muestre los canales de información,
o bien las categorías.

En la barra de herramientas se encuentran los botones para trabajar con los canales de información.

Haga clic en el botón Nuevo de la barra de herramientas para crear un nuevo canal de información
y accederá a una pantalla donde debe indicar un título, el enlace al RSS y una descripción, tal y
como muestra la figura 3.18.
Machine Translated by Google
Aplicaciones Web 98 Gestores de contenidos

F igura 3. 1 8. Creación de un nuevo canal de información

Noticias del Servicio Catalán de Tráfico

Como en el caso de los artículos y categorías los campos a configurar son casi los
mismos:

• Estado: un canal puede estar publicado o no

• Acceso: perfil de usuario que puede acceder a este canal

• Idioma: lengua que se aplica a este canal

• Etiquetas: etiquetas vinculadas al canal

• Nota: detalle del canal

• Nota de la versión: detalle de la versión del canal

Se pueden añadir dos imágenes desde la ficha Imágenes y revisar los datos de la
ficha Publicando.

En la ficha Muestra encuentra los campos:

• Número de artículos: el número de artículos que se mostrarán como máximo

• Vida de la caché: los minutos que tarda la caché en actualizar


con

• Dirección del idioma: dirección que sigue el idioma

• Imagen del canal electrónico: insertar la imagen vinculada con el canal

• Descripción del canal electrónico: muestra u oculta la descripción del canal

• Contenido de la sindicación: muestra los contenidos de los artículos

• Cantidad de caracteres por cada artículo del canal: cantidad de caracteres


que se incluyen

• Presentación alternativa: presentación diferente a la predeterminada


Machine Translated by Google
Aplicaciones Web 99 Gestores de contenidos

• Orden de la presentación de la sindicación: el orden en el que se muestra

La figura 3.19 muestra una configuración básica de la ficha Muestra.

F igura 3. 1 9. Fitxa Mostra

Una vez configurado todo y cargado el módulo aparecerá en la web el canal de


noticias, como por ejemplo lo que encontramos en la figura 3.20.

F igura 3. 2 0. Canal de noticias en la web

3.2 Extensions de Joomla!

Un portal web puede necesitar nuevas funcionalidades. El CMS utilizado para gestionarlo
puede quedar limitado, y dada esta situación es necesario encontrar una solución.
Machine Translated by Google
Aplicaciones Web 100 Gestores de contenidos

Una extensión es un paquete que añade nuevas funcionalidades.

¡El CMS Joomla! está continuamente complementado con nuevas extensiones por ser un
programa muy utilizado y tener una comunidad muy amplia de programadores.

Los complementos Hay diferentes tipos de extensiones en Joomla!, como:


son conocidos como
conectores (o plug-in en inglés).

• Módulos: se utilizan para mostrar contenidos o media

• Complementos: añaden una característica o un servicio

• Plantillas: determinan el aspecto del front-end y del back-end

• Gestor de idiomas: permite la configuración e instalación de diferentes lenguas

Desde el Gestor de Extensiones se puede:

• Instal·lar

• Actualizar

• Gestionar

• Para descubrir

• Utilizar base de datos

• Recibir avisos

• Instalar idiomas

• Actualizar sitios

La figura 3.21 muestra la pantalla del Gestor de extensiones:

F igura 3. 2 1. Gestor de extensiones


Machine Translated by Google
Aplicaciones Web 101 Gestores de contenidos

3.2.1 Instalación de extensiones

¡A Joomla! se pueden instalar extensiones por cuatro vías distintas:

1. Instalar desde la web

2. Subir el archivo del paquete

3. Instalar desde el directorio

4. Instalar desde la dirección URL

Utilizar una u otra vía dependerá sobre todo de las características del sistema informático.
Si no existe ningún impedimento la instalación desde la web es la vía más cómoda.

Instalar desde la web

Instalar desde la web es una de las formas más cómodas de instalar nuevas
extensiones en Joomla!. Este tipo de instalación consiste en navegar por un árbol de
categorías buscando la extensión deseada, o bien utilizar un buscador, tal y como puede
verse en la figura 3.22.

F igura 3. 2 2. Instalación de extensiones desde la web

Subir el archivo del paquete

Subir el archivo del paquete de instalación es un método muy interesante cuando se ha


podido descargar el archivo con anterioridad. Lo único necesario es utilizar el entorno de la
figura 3.23 para navegar por el árbol de directorios de la máquina hasta llegar al archivo del
paquete y subirlo.
Machine Translated by Google
Aplicaciones Web 102 Gestores de contenidos

F igura 3. 2 3. Instalación subiendo el archivo del paquete

Instalar desde el directorio

Esta opción consiste en utilizar un directorio temporal en el que se encuentra el paquete de


la extensión. En el caso de utilizar una instalación en remoto será necesario utilizar un servidor
FTP.

En el campo Directorio de instalación se especifica el directorio donde se cargarán los


archivos y subdirectorios del paquete. Pulsando el botón Instalar se procede a la instalación.

En la figura 3.24 se puede ver el camino del directorio:

F igura 3. 2 4. Instalación desde el directorio

Instalar desde la dirección URL

Utilizando esta opción no es necesario descargar ningún archivo, sólo debe especificarse la
dirección web donde está ubicado el paquete de la extensión (ver figura 3.25).

F igura 3. 2 5. Instalación desde una dirección web

Pulsando en el botón Instalar automáticamente se iniciará la instalación de la extensión de


Joomla!.
Machine Translated by Google
Aplicaciones Web 103 Gestores de contenidos

3.2.2 Deshabilitando y desinstalando extensiones

¡ Desde la pantalla Gestor de Extensiones/ Gestiona se pueden deshabilitar y desin talado las
extensiones de Joomla! (figura 3.26).

F igura 3. 2 6. Desinstalar una extensión

Antes de desinstalar una extensión debe estar totalmente seguro de que desea desinstalarla. Una vez
desinstalada, se pierde por completo la extensión y en algunos casos todos los datos asociados a ella.

Si está seguro, seleccione las extensiones que desea desinstalar y haga clic en
botón Desinstalar de la barra de herramientas.

3.2.3 Gestión de módulos

Desde la ventana de Gestor de módulos/ Módulos se pueden añadir y editar los módulos
el Joomla!.

Las páginas web gestionadas con Joomla! necesitan por lo menos 1 módulo menú.

Ejemplos de módulos son las noticias o los anuncios. Algunos módulos están enlazados a
determinados componentes, siendo el caso más claro el módulo menú (mod_mainmenu) que está
enlazado con el componente Menú.

¡La instalación por defecto de Joomla! ya incluye una serie de módulos, y el usuario puede decidir
instalar otros módulos. En la figura 3.27 se pueden ver módulos de una página ya editada:
Machine Translated by Google
Aplicaciones Web 104 Gestores de contenidos

F igura 3. 2 7. Módulos de una página web ya editada

Ejemplo Módulo Datos de acceso

Para añadir un módulo es necesario acceder a la página Gestor de módulos/ Módulos y


clicar en el botón Nuevo. A continuación aparece un listado de los módulos disponibles,
como puede ver en la figura 3.28.

F igura 3. 2 8. Módulo Datos de acceso

Si por ejemplo pulsa sobre el módulo Datos de acceso accederá a configurar el nuevo
módulo (figura 3.29).
Machine Translated by Google
Aplicaciones Web 105 Gestores de contenidos

F igura 3. 2 9. Configuración del módulo Datos de acceso

Aparte del título, los campos a rellenar en la ficha Módulo son:

• Texto inicial: escrito que se muestra en el formulario de entrada

• Texto final: texto que se mostrará antes del formulario de acceso

• Redirección de conexión: página a la que se redirecciona el usuario cuando


se identifica correctamente

• Redirección de desconexión: página a la que se redirecciona el usuario cuando


se desconecta correctamente

• Muestra bienvenida: esta opción permite mostrar u ocultar el mensaje


de bienvenida

• Muestra el nombre de usuario: se muestra el nombre de usuario después de identificarse

• Cifra acceso: utilizando SSL se cifran los datos de acceso

• Mostrar etiquetas: se pueden seleccionar el texto o los iconos que muestran los
campamentos

• Muestra título: aparece el título

• Posición: dónde se coloca el módulo

• Estado: puede estar publicado, despublicado o en la papelera

• Inicio de publicación: fecha de publicación del módulo

• Final de publicación: fecha en la que deja de estar publicado el módulo

• Acceso: permisos que deben tener los usuarios que quieran acceder al módulo

• Orden: orden en el que aparecerá el módulo

• Idioma: lengua asignada

• Nota: texto extra sobre el módulo


Machine Translated by Google
Aplicaciones Web 106 Gestores de contenidos

3.2.4 Gestión de complementos

La gestión de complementos se efectúa desde la ventana Gestor de complementos/-


Complementos. Desde aquí se podrán editar, habilitar, deshabilitar y desbloquear los
complementos.

Como puede verse en la figura 3.30, los complementos pueden ser de distintos tipos y
tener diferentes elementos. Por defecto la instalación de Joomla! ya incluye todos los
complementos básicos.

F igura 3. 3 0. Complementos instalados

Ejemplo Autenticación - Joomla

Si por ejemplo pulsa sobre el complemento Autenticación - Joomla accederá a la


información del complemento (figura 3.31).

F igura 3. 3 1. Detalles del complemento Autenticación - Joomla

En este caso vea que se trata de un módulo que tiene por objetivo gestionar la
autenticación de los usuarios. Puede observar que está habilitado y es público.
Machine Translated by Google
Aplicaciones Web 107 Gestores de contenidos

Ejemplo añadir un foro

Un foro (también conocido como foro de discusión) es una página web que apoya
discusiones y opiniones online de una serie de usuarios. Los foros suelen tener
diferentes temas de discusión ordenados en distintas categorías, donde los usuarios
pueden opinar.

La manera más sencilla de incluir un foro en su sitio web es instalar un


componente de foro en Joomla! y configurarlo correctamente.

¡Hay muchos componentes de foros disponibles para Joomla!. Puede encontrar una
lista de los más popular en http://extensions.joomla.org/ y haciendo una búsqueda o bien
desde Gestor de extensiones: Instala.

Instalará un componente de foro que es muy potente y al mismo tiempo sencillo


de utilizar: Kunena Forum. Baje la última versión de Kunena. Descargará un archivo

comprimido ZIP que contiene el componente de foro. Instale el componente desde el


gestor de extensiones (figura 3.32). Encontrará una nueva opción de menú en la
pestaña de componentes de Joomla! llamada Kunena Forum, haga clic para empezar
a editar el foro.

F igura 3. 3 2. Instalación de un foro con Kunena

También puede optar por la opción de instalarlo desde Gestor de extensiones/ Instalar
(figura 3.33). Si sigue esta vía deberá clicar sobre el botón Install y confirmar (figura
3.34).
Machine Translated by Google
Aplicaciones Web 108 Gestores de contenidos

F igura 3. 3 3. Instalación de Kunena

F igura 3. 3 4. Instalación de Kunena desde la web

Si todo va correctamente aparecerá una ventana de instalación (figura 3.35).

F igura 3. 3 5. Evolución de la instalación de Kunena des


de la web

y finalizará correctamente (figura 3.36).

F igura 3. 3 6. Finalización de la instalación de Kunena


desde la web

Ahora Kunena aparecerá en el menú de componentes (figura 3.37).


Machine Translated by Google
Aplicaciones Web 109 Gestores de contenidos

F igura 3. 3 7. Kunena al menú de components

Si lo abre verá el entorno de gestión que presenta (figura 3.38).

Figura 3. 3 8. Tablero de Kunena

3.2.5 Gestión de plantillas

La gestión de plantillas se realiza desde Gestor de plantillas/ Estilos. En esta


ventana se pueden marcar por defecto, editar, duplicar y borrar los estilos y ver el
aspecto de las plantillas (figura 3.39).
Machine Translated by Google
Aplicaciones Web 110 Gestores de contenidos

F igura 3. 3 9. Estilos de ejemplo del gestor de plantillas

Como se ve en la figura 3.39 cada estilo puede ser marcado por defecto en el front-end y en
el back-end. También se indica la asignación, localización, plantilla vinculada y el identificador
que le corresponde.

Edición del estilo

Para editar un estilo es necesario estar en Gestor de plantillas/ Estilos y clicar sobre cualquier
estilo. Si por ejemplo se pulsa sobre el estilo Beez3 - Default se muestra la información de la
figura 3.40 en la ficha Avanzado:

F igura 3. 4 0. Estil Beez3 . Defecto

Éstos son los campos más importantes en cuanto al estilo y son modificables para adecuarse
a las necesidades de la página web.

3.2.6 Gestión de idiomas

Desde la pantalla Gestor de idiomas/ Idiomas instalados se pueden instalar distintos idiomas
para el front-end y para el back-end.

En la figura 3.41 se ve un ejemplo en el que los idiomas disponibles para el front-end son el
catalán y el inglés:
Machine Translated by Google
Aplicaciones Web 111 Gestores de contenidos

F igura 3. 4 1. Idiomas disponibles: catalán e inglés

En este caso, el idioma por defecto es el catalán.

Para instalar un nuevo idioma es necesario clicar en el botón Instalar idioma (figura 3.42).

F igura 3. 4 2. Botó Instal·la idi


propio

Aparecerá un listado como el de la figura 3.43.

F igura 3. 4 3. Listado de idiomas

Si no apareciera ningún idioma pulse en el botón Buscar idiomas (figura 3.44).

F igura 3. 4 4. Botón Encuentra idio


nosotros

Si necesita instalar el holandés lo seleccione de la lista (figura 3.45).

F igura 3. 4 5. Instalar el holandés

Luego haga clic en el botón Instalar. Cuando finalice la instalación y todo haya ido
correctamente aparecerá el mensaje de la figura 3.46.
Machine Translated by Google
Aplicaciones Web 112 Gestores de contenidos

F igura 3. 4 6. Idioma instal·lat

Si vuelve a Gestor de idiomas/ Idiomas instalados verá que ahora también aparece el
idioma holandés (figura 3.47):

F igura 3. 4 7. Idioma instalado y preparado

Este idioma también estará automáticamente disponible para el back-end (figura 3.48):

F igura 3. 4 8. Idioma instalado y preparado también en el back-end.

No debe olvidarse que puede instalar todos los idiomas que necesite, pero sólo uno
será por defecto.

3.3 Seguridad

Instalar un gestor de contenidos es tarea sencilla. Pero una vez terminado el trabajo
de tener el sitio web activo debe continuar trabajando para asegurar su funcionamiento,
especialmente en cuestiones de seguridad.

Su sitio web utiliza cuatro tecnologías diferentes: Apache, PHP, MySQL y Joomla!,
aparte del sistema operativo. La seguridad debe revisarse en todas, ya que los posibles
atacantes pueden aprovechar vulnerabilidades en cualquiera de estas tecnologías.

Continuamente aparecen problemas de seguridad que se resuelven en las nuevas


versiones de los paquetes de los programas. Por eso es muy importante tener la última
versión de los programas que utilizamos para tener un sitio web menos vulnerable.
Machine Translated by Google
Aplicaciones Web 113 Gestores de contenidos

Joomla! está diseñado para ser un sistema seguro, por lo que la instalación por defecto ya le
da un sitio web con una seguridad elevada. Aún así hay ciertas acciones que puede hacer
para asegurar aún más el funcionamiento de su sitio web.
¡La mejor manera de estar informado sobre los problemas de seguridad de Joomla! es
suscribirse a un foro de seguridad para ver alertas sobre nuevos problemas.
Puede acceder a uno de estos foros en **Seguridad Informática**.

Éstos son algunos de los consejos de seguridad que puede seguir para obtener un sitio web
más seguro:

• Una vez terminada la instalación no olvide borrar la carpeta Installa tion y todos los
archivos que contiene. Si un atacante consigue acceder a esa carpeta, podría reinstalar
el sistema de nuevo y borrar todo el sitio web.

• Realice copias de seguridad frecuentemente.

• Actualice los paquetes de los programas y de Joomla! en la última versión para


solucionar nuevos problemas de seguridad.

• Realice las pruebas de funcionamiento en un servidor local, en lugar del servidor al que
finalmente se conectan los usuarios. Cuando compruebe que todo funciona
correctamente, actualice el contenido en el servidor final.

• Si los usuarios pueden colgar contenido en el sitio, pueden introducir código PHP en el
texto enviado para realizar acciones no permitidas en el sitio. Edite la configuración de
los editores de texto que pueden utilizar los usuarios en el gestor de conectores para
limpiar el texto que pueden incluir.

3.3.1 Recuperar la contraseña de administrador

La gestión de contraseñas es un punto muy importante dentro de las tareas del administrador
del gestor de contenidos. ¿Qué ocurre cuando se extravía la contraseña del administrador?
Es posible que sin esta contraseña el mantenimiento de la web quede completamente detenido.

Se debe valorar la vulnerabilidad del CMS. Desde la gestión de usuarios se pueden regenerar
las contraseñas si se accede con los permisos necesarios, pero si queda anulado el acceso
de la cuenta de usuario que puede realizar esta tarea podemos tener problemas.

Un método para recuperar el acceso es editar el archivo:

1 configuración.php

Que encontrará en el interior del directorio:

1 /xampp/htdocs/Joomla

Cambie al archivo los permisos a 644 y edite el archivo añadiendo la línea:


Machine Translated by Google
Aplicaciones Web 114 Gestores de contenidos

1 public $root_user='minombre';

En la que myname es el identificador de un usuario que tenía acceso y ahora tendrá acceso
de administrador. Ahora debe acceder al back-end de Joomla! con ese usuario que ahora
tiene permisos de administrador y restaurar la cuenta de administrador que ha extraviado la
contraseña.

F igura 3. 4 9. Acceso con jcasadejust

En la figura 3.49 se demuestra cómo la línea que se muestra a continuación, añadida al


archivo configuration.php, posibilita el acceso como superusuario a un usuario que antes
no tenía ese privilegio.

1 public $root_user='jcasadejust';

3.3.2 Copias de seguridad

Realizar copias de seguridad es una de las tareas más importantes del administrador de un
sitio web. Su sitio web puede caer por muy diversos motivos: por un error de hardware, una
configuración incorrecta, el ataque de un intruso, etc. En caso de que deje de tener el sitio
web operativo, una copia de seguridad le permitiría recuperar su sitio en un estado anterior
(correcto). Esto le ahorraría el trabajo de volver a reinstalar todo el sistema, las extensiones
que tiene instaladas, además de la estructura del sitio web, y el contenido de los artículos.

Hay varias formas de realizar una copia de seguridad de su sitio web. Básica mente debe
hacer copia de lo siguiente:

• El contenido de los archivos de Joomla!: Esto incluye las imágenes y las


extensiones instaladas. Todos los archivos de Joomla! se encuentran en la carpeta
de instalación de Joomla!.

• La base de datos: en la base de datos se guarda información referente a los usuarios,


artículos, etc

Puede realizar una copia de toda esta información manualmente. Para ello, debería
comprimir la carpeta de Joomla! y realizar un vaciado del contenido de la base de datos.
Estas tareas pueden realizarse periódicamente si se configura el sistema operativo para
que las ejecute automáticamente cada cierto tiempo.
Machine Translated by Google
Aplicaciones Web 115 Gestores de contenidos

¡Joomla! también tiene extensiones que permiten realizar toda esta tarea de forma
automática. Utilizaremos un popular componente llamado JoomlaPack que sirve para
realizar y restaurar copias de seguridad.

El backup Akeeba

¡El complemento Akeeba (figura 3.50) es un complemento de Joomla! muy útil para
crear y manejar copias de seguridad.

F compra 3. 5 0. Complemento Akeeba

El componente de backup Akeeba dispone de un panel de control (ver figura 3.51) que
permite:

• Realizar la configuración con un asistente

• Gestionar perfiles

• Configurar-lo

• Realizar una copia de seguridad al instante

• Gestionar copias de seguridad

• Ver los logs generados

• Acceder a información diversa

• Comprobar los parámetros de los componentes

• Excluir datos de la copia de seguridad

• Excluir tablas de la copia de seguridad


Machine Translated by Google
Aplicaciones Web 116 Gestores de contenidos

F igura 3. 5 1. Panel de control de Akeeba

Una vez realizada la configuración básica se puede proceder a realizar una copia
de seguridad (figura 3.52):

F igura 3. 5 2. Copia de seguridad con Akeeba

Pulsando en el botón Backup now! se inicia la copia de seguridad (figura 3.53).

F igura 3. 5 3. Inicio de la copia de seguridad con Akeeba


Machine Translated by Google
Aplicaciones Web 117 Gestores de contenidos

¡Es muy importante no manipular Joomla! mientras se realiza la copia de seguridad,


esta podría verse dañada si navega por el back-end.

Si todo ha ido correctamente, se visualizará la pantalla de la figura 3.54.

F igura 3. 5 4. Copia de seguridad finalizada con Akeeba

Si vuelve al panel de control de Akeeba y acceda a Akeeba Backup: Manage


Backups verá que aparece la copia de seguridad recién creada (figura 3.55).

F igura 3. 5 5. Copia de seguridad registrada con Akeeba

3.4 Rendimiento

Varios son los factores que pueden condicionar el rendimiento de una página web,
¡pero trabajando con Joomla! se pone al alcance del administrador la posibilidad
de trabajar de forma sencilla con una variable importante: la caché.

La caché almacena información requerida con anterioridad. Cuando se solicita


acceder a esta información, en lugar de ir al origen de la información, es la caché
quien aporta los datos.

Desde la pantalla Gestor de complementos/ Sistema - Memoria caché (figura 3.56)


se puede habilitar y utilizar la caché del navegador.
Machine Translated by Google
Aplicaciones Web 118 Gestores de contenidos

F igura 3. 5 6. Gestión de la caché

También resulta interesante acceder a Configuración global (figura 3.57) y variar los
parámetros de la configuración de la caché:

F igura 3. 5 7. Configuración de la caché

Desde aquí se podrá optar por una caché:

• Nivel convencional: sistema de memoria más pequeño

• Nivel progresivo: sistema de memoria más grande, incluye caché de


renderizado de módulos

• Desactivado: caché desactivada

También se puede elegir el administrador de caché y el tiempo máximo (en minutos) que
estarán archivados los archivos en la caché.
Machine Translated by Google
Aplicaciones Web 119 Gestores de contenidos

3.5 Actualización de versión

Para minimizar los problemas de seguridad es recomendable que actualice


periódicamente Joomla! y el software de los servicios que utiliza. Cuando los
programadores de Joomla! descubren una vulnerabilidad, ésta queda corregida en la
siguiente versión. Por lo tanto, tener la última versión ayudará a que su sitio sea
menos vulnerable.

Es peligroso actualizar el sistema directamente en el sitio web que está utilizando. Si


algo va mal perdería todo el sitio. Clave su sitio con JoomlaPack para realizar una
prueba previa de actualización sobre su sitio web clonado. Cuando compruebe que
el proceso de actualización ha sido correcto, puede realizar la actualización sobre su
servidor final (haciendo una última copia de seguridad, por si acaso).

Para actualizar el sistema, siga los siguientes pasos:

1. Baje el archivo de actualización. Desde la página de descargas de Joomla


haga clic en el enlace Download other Joomla3.4.x packages. En el futuro el
número de la versión será distinto. Verá una lista de archivos que corresponden
a la versión original y la versión a la que desea actualizar. Puede ver qué
versión de Joomla! está utilizando en el menú de Joomla ayuda/ Información
del sistema. Seleccione el archivo con extensión ZIP o TAR.GZ, el que mejor
se adapte a su sistema operativo.

2. Realice la copia de seguridad de su sitio con JoomlaPack.

3. Instale los archivos de actualización. Descomprima el archivo comprimido que


ha descargado de la página de Joomla!. A continuación copie el contenido de
esta carpeta en su carpeta de instalación de Joomla! Si su servidor es remoto,
cargue los archivos mediante el FTP.

4. Compruebe que el sitio web está funcionando correctamente.

Una vez comprobado que el sitio web está funcionando correctamente sobre el
servidor clonado, puede realizar la actualización en el servidor final.

3.5.1 Actualizar Joomla! en la última versión

¡ Desde el back-end se puede actualizar Joomla! con las últimas versiones. Si accede
a Actualizar Joomla! le aparecerá la pantalla que tiene en la figura 3.58 donde se
indicarán las últimas actualizaciones disponibles. En el caso de este ejemplo la
versión actual es la 3.4.1 que coincide con la instalada y, por tanto, no se puede
actualizar.
Machine Translated by Google
Aplicaciones Web 120 Gestores de contenidos

F igura 3. 5 8. ¡ Versión actualizada de Joomla!

3.6 Migración

¡La migración de Joomla! es necesaria por varios motivos:

• Las nuevas versiones incorporan mejoras técnicas

• Las nuevas versiones son más seguras

• Una migración es una oportunidad para simplificar un sitio web

• Aumenta la posibilidad de adaptar la web a nuevos usuarios

• Mejora la optimización de los motores de búsqueda

Una migración requiere una planificación previa. ¡No es lo mismo migrar un Joomla! versión
1.5 a una versión 3.4 que migrar un Joomla! versión 2.5 a una versión 3.4

Para realizar una migración hay que seguir (sin saltarse ninguna) varios pasos:

1. Realizar una copia de seguridad de Joomla! actual

2. Comprobar que el sistema cumple los requisitos técnicos de la nueva versión


el Joomla!

3. Crear una nueva base de datos y un nuevo usuario para restaurar la versión antigua

4. Crear una página de pruebas para comprobar la integridad de Joomla!

5. Revisar la versión de la base de datos

6. Testear el sistema

Una tarea que nunca debe olvidarse es la de documentar todos los procesos que se apliquen.

También podría gustarte