Vous êtes sur la page 1sur 83

Joomla!

:
La web en entornos educativos

Capítulos 9 a 10

Material actualizado a septiembre de


2012
Índice

Índice de contenido
9. Extensiones...........................................................................................................147
9.1. Introducción....................................................................................................147
9.2. Componentes.................................................................................................149
9.2.1. Nivel de funcionamiento de los componentes de Joomla!.....................149
9.2.2. Componentes básicos de Joomla!.........................................................150
9.2.3. Gestión de componentes........................................................................151
9.2.4. Anuncios (Banners)................................................................................152
9.2.5. Buscar.....................................................................................................157
9.2.6. Búsqueda inteligente..............................................................................158
9.2.7. Contactos................................................................................................162
9.2.8. Enlaces Web...........................................................................................165
9.2.9. Mensajería..............................................................................................168
9.2.10. Noticias externas..................................................................................169
9.2.11. Redireccionar........................................................................................173
9.3. Módulos..........................................................................................................174
9.3.1. Módulos del nivel de Administración......................................................174
9.3.2. Módulos del nivel de Front-end..............................................................176
9.3.3. Crear módulos nuevos............................................................................178
9.4. Plugins............................................................................................................182
9.5. Plantillas.........................................................................................................183
9.5.1. Plantilla asociada a ítem de menú..........................................................183
10. Extensiones de terceros......................................................................................185
10.1. Introducción..................................................................................................185
10.2. Componente: Xmap.....................................................................................189
10.3. Módulo: Art Sexy Lightbox Lite Edition........................................................193
10.4. Plugin: AllVideos..........................................................................................197
10.5. Plantilla.........................................................................................................201
10.5.1. Manipulación de la plantilla...................................................................202
10.6. Ampliando la funcionalidad de Joomla!.......................................................206
10.6.1. Phoca Guestbook with Captcha...........................................................206
10.6.2. jVoteSystem..........................................................................................210
10.6.3. JoomD...................................................................................................213
10.6.4. Attachments..........................................................................................214
10.6.5. GCalendar.............................................................................................217
10.6.6. JComment.............................................................................................221
10.6.7. Kunena..................................................................................................224

Joomla!: La web en entornos educativos


9: Extensiones

Las páginas del presente manual han sido realizadas sobre la base de los
documentos que se encuentran en
http://www.ite.educacion.es/formacion/materiales/99/cd/indice.htm distribuidos
mediante licencia Creative Commons
(http://www.ite.educacion.es/formacion/materiales/99/cd/autoria/index.html) por José
Sánchez Rodríguez (sanchezrodri@gmail.com) y Julio Ruiz Palmero
(ruizpalmero@gmail.com)

9. Extensiones

9.1. Introducción
Por extensiones entendemos todo aquello que realiza alguna tarea en Joomla! y
que, junto al Core (corazón o núcleo de Joomla!), complementan y desarrollan toda
la potencialidad del sistema. Son extensiones los componentes, los módulos, los
plugins, los idiomas y las plantillas (templates).
• Los componentes son quizá las aplicaciones más importantes que juegan un
papel fundamental en la gestión de contenidos de Joomla! Son pequeños
programas independientes entre sí, que están junto al núcleo de Joomla!, o
bien se descargan aparte, y posteriormente se instalan desde el panel de
Administración de Joomla!
• Los módulos son aplicaciones mucho más simples que los componentes y
generalmente son una extensión o complemento de alguno. Los módulos
muestran información secundaria, simplificada y breve que toman de la base
de datos y luego cargan sobre los laterales del sitio (en las columnas de los
extremos). Pero también tienen funciones más importantes que llevar a cabo:
pueden publicar los enlaces del menú, recoger datos de acceso mediante un
formulario, etc.
• Los plugins son aplicaciones que literalmente “interceptan” los artículos de
contenido (documentos o ítems de componentes) antes de ser mostrados y
publicados en el sistema, y le agregan información adicional o lo “alteran” en
forma dinámica, completando así el contenido total que va a ser entregado al
navegador del usuario final. Los plugins pueden ser llamados mediante
comandos especiales, o se pueden mostrar de forma predeterminada para
ciertos contenidos/componentes.
• Los idiomas son paquetes de archivos que, una vez instalados, permiten que
el Front-end y el Back-end esté expresado en un idioma determinado.
• Las plantillas (templates) deciden cómo se muestra el espacio web, tanto el
Front-end como el Back-end, en el navegador del usuario.
Comprender la estructura de la interfaz visual del Front-end de Joomla! es
fundamental. Para un usuario novel significará poder situar adecuadamente los
módulos que quiere que sean visualizados en la navegación que ha decidido. Pero
para un usuario medio/avanzado, que quiera manipular plantillas de terceros o crear
las suyas propias, es necesario que sepa en cada momento cómo situar lo que se
visualizará en el Front-end.

Joomla!: La web en entornos educativos 147


9: Extensiones

En general, una posible estructura visual del Front-end de Joomla! se puede


observar en esta imagen, correspondiente a la plantilla que tenemos activa en
Joomla! de forma predeterminada.

En ella diferenciamos diversos elementos:


• La cabecera y el pie de página.
• Un espacio central donde se cargan los contenidos a través de las
operaciones realizadas por componentes y plugins.
• Diferentes espacios donde se cargan los módulos, definidos en la plantilla del
sitio web a través de las posiciones de los módulos, en el ejemplo: top,
breadcrumb, left, right, user1, user2, user3, user4, footer, syndicate.
Es una plantilla bastante compleja, aunque versátil, por la cantidad de posiciones
definidas para visualizar módulos. Cada plantilla posee su propia definición de los
espacios en el Front-end, por lo que conviene tener clara esta disposición cuando se
empiece a manipular componentes, módulos y plugins.

Joomla!: La web en entornos educativos 148


9: Extensiones

9.2. Componentes
Cada componente tiene su propia tabla en la base de datos de Joomla! y también
sus propios archivos. Esto es precisamente lo que les da una independencia en el
funcionamiento y no interfieren, en general, unos con otros. Además, esto brinda la
posibilidad de que puedan ser instalados o desinstalados en cualquier momento, es
decir, el sistema permite un asincronismo temporal en la instalación/desinstalación
de estas aplicaciones.
Hay distintos tipos de componentes y de muy diversas funcionalidades (se designa
el nombre de los componentes con el prefijo "com_"). Unos funcionan en el Front-
end y en la Administración de Joomla!, otros exclusivamente en la zona de
Administración, otros exclusivamente en el Front-end, otros que combinan su
funcionamiento con módulos.

9.2.1. Nivel de funcionamiento de los componentes de Joomla!


Los componentes de Joomla! funcionan en dos niveles distintos:
• Dentro del nivel administrativo, el usuario administrador realiza varias
acciones:
➢ Define las opciones de configuración del componente en cuestión.
➢ Crea ítems y elementos que contienen datos e imágenes, etc.
➢ Edita, borra, elimina, publica, etc.
Los componentes de administración se encuentran en la carpeta:
/administrator/components/

• El otro nivel de funcionamiento de los componentes es el del Front-end: aquel


que interactúa con los usuarios/navegantes del sitio que pueden realizar
acciones como:
➢ Filtrado de datos realizando búsquedas específicas.
➢ Envío de datos al sistema o al usuario administrador.
➢ Navegación por sus ítems y hasta creación o edición de contenidos
específicos.

Joomla!: La web en entornos educativos 149


9: Extensiones

Los archivos de estos componentes se encuentran en la carpeta


/components/
Por ejemplo, en un componente de clasificados, el usuario puede ver los anuncios
publicados por otros usuarios y también publicar o editar sus propios avisos.

9.2.2. Componentes básicos de Joomla!


Son muchos los componentes que dispone Joomla! en su instalación básica. Una
buena relación fácilmente comprensible es la que sigue:
• El componente que gestiona los contenidos de Joomla!: com_content.
• El componente encargado de administrar los contactos y enviar los mensajes
por email que escriben desde el formulario los visitantes/usuarios:
com_contact.
• El componente de administración de banners: com_banners.
• El componente de gestión y publicación de enlaces: com_weblinks.
• El componente de sindicación de noticias desde otros sitios: com_newsfeeds.
• El componente que genera las ventanas internas que contienen otras
páginas/sitios (iframes): com_wrapper.
• El componente del buscador interno: com_search.
• El componente de mensajería interna: com_messages.
• Los componentes relacionados con las funciones de usuario: com_login,
com_users.
• Etc.

Joomla!: La web en entornos educativos 150


9: Extensiones

9.2.3. Gestión de componentes


Desde la Administración se permite gestionar varios de los
componentes que vienen instalados en el Core de Joomla!:
• Anuncios (Banners).
• Buscar.
• Búsqueda inteligente.
• Contactos.
• Enlaces Web.
• Mensajería.
• Noticias externas.
• Redireccionar.
Se accede a la administración de estos componentes desde el menú “Componentes”
del menú principal de la Administración de Joomla!

Joomla!: La web en entornos educativos 151


9: Extensiones

9.2.4. Anuncios (Banners)


La incorporación de publicidad en nuestro sitio web se administra de forma sencilla
gracias a este componente. Permite clasificar los anuncios (banners) que un cliente
quiere anunciar en nuestro sitio web en categorías.
Si la mayoría de los componentes preinstalados en Joomla! tienen una clara
utilización en entornos educativos, no debemos tampoco despreciar otros usos a
componentes como éste, ya que estos anuncios pueden ser de interés para ser
mostrados en nuestro sitio web: vínculo a un proyecto, a una asociación que
colabora…
La visualización de los anuncios gestionados por este componente en nuestro sitio
web se realiza a través de la publicación de una instancia del módulo
mod_banners, con una configuración decidida, en alguna de las posiciones
definidas en la plantilla del sitio.
Éste es el aspecto que presenta el área de trabajo del “Gestor de Banners”.

Con información en cada columna perfectamente comprensible, como el nombre


(con vínculo para acceder rápidamente a la edición del anuncio), estado de
publicación, cliente, categoría, ordenación, ID, y además:
• Fijo. Cuando los anuncios se muestren en el Front-end a través de la
publicación del módulo mod_banners, los anuncios se muestran según el
orden definido dentro de su categoría, salvo que se quiera fijar el anuncio, y
de esta forma siempre aparecerá visible.
• Impresiones. Muestra la cantidad de veces que se ha visualizado el anuncio
del total permitido, o contratado por el cliente.
• Clics. Muestra el porcentaje de veces que se ha realizado clic con el ratón
sobre el vínculo del anuncio del total de impresiones realizadas.
• Meta Palabras. Para introducir información útil para ser localizado en
búsquedas.

Joomla!: La web en entornos educativos 152


9: Extensiones

La barra de herramientas presenta todas las acciones que se pueden realizar con
cada anuncio. Las opciones indican si queremos que el sistema realice seguimiento
de los tiempos de impresión de los anuncios, y de los clics que se realizan sobre
ellos, así como si deseamos que se incluya un prefijo a las etiquetas que puedan
completar la definición de cada anuncio, y que sirva para ser localizado en
búsquedas.

Editar anuncios
Mediante la pestaña Banner (ver imagen anterior) podemos editar un anuncio
existente haciendo clic sobre cualquiera.
Aprovechamos los anuncios creados con los ejemplos de la instalación de Joomla!
para conocer qué debemos definir cuando creamos un nuevo anuncio.

• Nombre. Define el anuncio en la administración de Joomla!


• Alias. Texto utilizado cuando se utilizan URL amigables en nuestro sitio web,
definido en la configuración global de Joomla!
• Categoría. En la que se clasifica el anuncio.
• Estatus. Para indicar si se quiere visualizar o no.
• Tipo. Puede ser una imagen localizada en la carpeta images/banner o un
código personalizado; es este caso se nos muestra un espacio donde se
añade código HTML.
• Ancho, altura y texto alternativo. Se define la altura y anchura del anuncio y si
se va a incluir texto alternativo.
• URL Click. URL a la que se desvía la navegación cuando pulsamos con el
ratón sobre el anuncio.

Joomla!: La web en entornos educativos 153


9: Extensiones

En la zona de la derecha encontramos:


• Opciones de publicación. Gestionamos aquí fechas de visualización del
anuncio, nombre del cliente, si se realiza seguimiento de impresiones y/o
clics, si es un anuncio destacado o no (fijo), etc.
• Opciones Metadatos. Podemos poner palabras para localizar anuncio en
buscadores

Gestión de categorías de anuncios


Podemos clasificar los anuncios en categorías.

Gestión de clientes
La pestaña clientes nos permite su gestión: creación borrado, edición, etc.

Un ejemplo
Hagamos un banner que nos enlace con la Consejería de Educación de la Junta de
Andalucía. Para ello:
a) Abrimos un navegador, buscamos el logotipo de la Junta y lo descargamos en
nuestro equipo.
b) Vamos a crear una nueva categoría para nuestro anuncio. Para ello accedemoos
mediantes el menú Componentes >> Banners >> Categorías al gestor de categorías.
Crearemos una denominada Mis Banner.

1.- Accedemos al Gestor de Banners mediante Componentes >> Banners >>


Banners. Hacemos clic en el botón “Nuevo”.

2.- Rellenamos los datos del nuevo banner: título, alias, categoría (MisBanner),
imagen (la elegimos de las existentes en images/banners o la subimos
previamente) , texto alternativo y la URL a la que nos dirigirá el banner.

Joomla!: La web en entornos educativos 154


9: Extensiones

3.- Guardamos y cerramos, con lo que nos aparece


creado el nuevo banner.

4.- A continuación creamos un módulo para el componente recién creado. Esto lo


hacemos mediante el menú Extensiones >> Gestor de Módulos. Hacemos clic en el
botón “Nuevo”.

Elegimos “Anuncios-Banners” en la ventana emergente.

Joomla!: La web en entornos educativos 155


9: Extensiones

En el último desplegable elegimos Beez2 (que es la plantilla sobre la que se tiene


predeterminada para el Front-end).

Y seleccionamos la posición 10 (que corresponde en la plantilla a la zona central del


pie de página). Elegimos la categoría MisBanner.

Si accedemos al Front-end veremos que hay dos anuncios ocupando la misma


posición, por lo que podemos borrar o despublicar una de ellas. Para ello
accedemos, mediante Extensiones >> Gestor de Módulos al Gestor de Módulos. En
el tercer desplegable (Seleccionar Módulo) elegimos “Anuncios-Banner”). Marcamos
el otro anuncio que ocupa la posición 10 y lo despublicamos (o borramos).

5.- Vemos el anuncio publicado en el Front-end.

Gestor de Banners: http://www.youtube.com/watch?v=CCblJThzyVc


Gestor categorías de banners: http://www.youtube.com/watch?
v=LpsSbUoXMBI

Joomla!: La web en entornos educativos 156


9: Extensiones

9.2.5. Buscar
El componente “Buscar” permite decidir si se contabilizan las búsquedas que se
realicen en el Front-end de texto específico en los contenidos de nuestro sitio web, y
si es así conocer qué texto se ha buscado y las veces que se ha realizado esa
operación.

Por defecto está desahilitada la recopilación de estadísticas. En “Opciones” Las


preferencias deciden si se habilita o no el registro de estas búsquedas, y si en ellas,
cuando el usuario la realice desde el Front-end, aparece o no indicada la fecha de
creación del artículo que contiene el texto buscado.

Joomla!: La web en entornos educativos 157


9: Extensiones

9.2.6. Búsqueda inteligente


Por defecto no está habilitado este plugin. Se nos informa de ello al acceder a esta
extensión.

Lo habilitamos desde el menú Extensiones >> Gestor de Plugins. Podemos utilizar el


“Filtro” de búsqueda poniendo “busqueda” para filtrar los plugins. Si hay una marca
verde en la columna “Estatus” entonces el plugin “Contenido - búsqueda inteligente”

está habilitado. Si hay un círculo rojo entonces está desactivado.


Para activarlo hacemos clic en el círculo rojo, lo que hace cambiar a una marca

verde que indica que el plugin está activado.


Al acceder de nuevo se nos indica que “Ningún contenido ha sido indexado. Iniciar el
indexador pulsando el botón índice en la barra de herramientas”.

Al hacer clic sobre “Índice” se abrirá una ventana para mostrar el progreso de
la operación de indización. La operación de indexación puede tardar algún
tiempo, dependiendo del número de elementos de contenido en su sitio y el
número de palabras y frases de búsqueda que contiene cada elemento de
contenido. Una barra de progreso indica qué parte del proceso de indización se ha
completado hasta ahora. No cierre esta ventana hasta que la indexación se ha
completado. En sitios con una gran cantidad de contenido que puede tomar un largo
tiempo (varios minutos).

Joomla!: La web en entornos educativos 158


9: Extensiones

Cuando concluye cerramos la ventana y se muestra una lista de todos los elementos
de contenido que se han indexado en Búsqueda Inteligente.

Nota: después de introducir nuevos contenidos en su sitio web hay que ejecutar de
nuevo el indexador.

Barra de herramientas
Aparte del botón “Índice” las funciones del resto son:
• Publicar. Hace que los elementos seleccionados a disposición de los
visitantes de su sitio web.
• Despublicado. Hace que los elementos seleccionados no están disponibles
para los visitantes de su sitio web.
• Eliminar. Elimina los elementos de contenido seleccionados. Su eliminación
de la búsqueda Inteligente sólo lo elimina del índice y no afecta al elemento
de contenido en sí.
• Purgar. Depura el índice de búsqueda inteligente vaciando todas las tablas
de índice. Para continuar utilizando la búsqueda inteligente debe hacer clic
en el icono de la barra de herramientas “Índice” de después de la purga.
• Opciones. Se abre una ventana para especificar opciones.
• Estadísticas. Muestra algunas estadísticas básicas sobre el uso de
búsqueda inteligente.

Joomla!: La web en entornos educativos 159


9: Extensiones

Mostrar búsqueda en el Front-end


Para que aparezca la búsqueda inteligente en el Front-end tenemos que incluirla
como un ítem en un menú. Para ellos desplegamos, por ejemplo, en el Menú
principal seleccionamos “Añadir nuevo elemento de Menú”.
En el cuadro de diálogo que se nos muestra elegimos, como “Tipo Elemento Menú”,
dentro del apartado “Búsqueda inteligente”, la opción “Buscar”.

Rellenamos “Título Menú” y “Alias” y guardamos y cerramos.

Accedemos al Front-end y hacemos clic en el ítem de menú recién creado.

Nos aparece el cuadro de diálogo para buscar términos. Se hacemos clic en


búsqueda avanzada, podremos elegir unos desplegables (por autor, categoría, país,
idioma, región y tipo) para precisar la búsqueda.

Joomla!: La web en entornos educativos 160


9: Extensiones

Búsqueda inteligente: http://www.youtube.com/watch?v=j0ED0DZ5Ob8

Joomla!: La web en entornos educativos 161


9: Extensiones

9.2.7. Contactos
Los contactos que pueden estar disponibles en nuestro sitio web se administran de
forma sencilla gracias a este componente. Encontramos dos apartados
diferenciados, el de la “gestión de los contactos” y el de las “categorías”, que nos
permiten realizar una clasificación de los contactos según criterios que estimemos
oportunos.
El acceso a los contactos en nuestro espacio web se realiza desde un ítem de menú
creado con vinculación a este componente, y visualizado en alguno de los menús de
navegación.

Gestión de contactos
Este es el aspecto que presenta el área de trabajo del “Gestor de Contactos”.

Con información en cada columna perfectamente comprensible, como el Título,


Vincular Usuario (indica a qué usuario del sitio web se vincula el contacto), etc.
La barra de herramientas presenta todas las acciones que se pueden realizar con
cada contacto. Las “Opciones” nos permiten elegir qué datos ocultar/mostrar, crear
categorías, seleccionar iconos, etc.

Joomla!: La web en entornos educativos 162


9: Extensiones

Editar y crear un contacto


Si decidimos editar un contacto, aparece una página que contiene un espacio para
especificar los detalles del contacto; una serie de pestañas desplegables que
especifican más parámetros del contacto y otras funcionalidades; y la barra de
herramientas con las opciones “Aplicar”, “Guardar & Cerrar”, “Guardar & Nuevo”,
“Guardar como Copia” y “Cerrar”, fácilmente comprensibles.
Aprovechamos el contacto creado con los ejemplos de la instalación de Joomla! para
conocer qué debemos definir cuando creamos un nuevo contacto.

• Editar Contacto.
Definen la información
relevante del contacto,
debiendo
obligatoriamente
especificar la
categoría de
clasificación a la que
pertenece.

• Detalles Contacto. Define información complementaria del contacto.

• Mostrar Opciones. Se decide qué datos mostrar u ocultar desde el Front-end,


incluso si se permite que sea descargada en formato Vcard, formato estándar
para el intercambio de información personal, específicamente tarjetas
electrónicas de negocios.

Joomla!: La web en entornos educativos 163


9: Extensiones

• Formulario Contacto. Para permitir o no que se muestre un formulario que


enviará por correo electrónico un mensaje al contacto, enviar copia al
remitente significa que se envía una copia del mensaje al que lo redacta.
Email, Asunto o Texto Prohíbido significa que si el mensaje, el asunto o el
texto del correo contiene alguna de las palabras indicadas, separadas por
“punto y coma” (;), es bloqueado.

Categorías de contactos
Éste es el aspecto que presenta el “Gestor de categorías”, con una barra de
herramientas donde reconocemos perfectamente las acciones que podemos realizar,
y una tabla con columnas que dan información perfectamente identificable.

Si accedemos a la edición de una categoría podemos conocer toda la información


que podemos introducir cuando creamos una, como la posibilidad de asociarle una
imagen de la carpeta “images”, introducir un texto que la defina, etc.

Para mostrar un contacto o una categoría de ellos crearíamos un nuevo ítem de


menú.

Gestor de contactos: http://www.youtube.com/watch?v=nnVYGod3m_k

Joomla!: La web en entornos educativos 164


9: Extensiones

9.2.8. Enlaces Web


En el Front-end podemos tener una buena relación de enlaces web, organizados en
categorías, y que los usuarios de categoría especial pueden ir completando ya que
el ítem “Añadir Enlace” aparece activo en el Menú del usuario para estos grupos de
usuarios.
Se clasifican en categorías, y aparecerán en la navegación de nuestro sitio web a
partir de ítems de menú creados a un enlace web, a una categoría o a un listado de
todas las categorías.

Gestión de enlaces web


Este es el aspecto que presenta el área de trabajo del “Gestior de Enlaces Web”.

Con información en cada columna perfectamente comprensible, como el Título,


Estatus de publicación, Categoría, etc.
La barra de herramientas presenta todas las acciones que se pueden realizar con
enlace web. El botón “Opciones” nos lleva a un cuadro de diálogo para poder elegir
diversos ajustes sobre los enlaces web.

Gestión de Categorías de enlaces


De la misma forma que los contenidos son clasificados en categorías, los enlaces
permiten una clasificación y gestión similares. Para ello, debajo de la barra de
herramientas, hacemos clic en “Categorías”.

Nos aparece un cuadro de diálogo para gestionarlas. En la siguiente imagen hemos


hecho clic en el botón “Nuevo” y hemos completado los datos para disponer de una
categoría de enlaces web de organismos oficiales relacionados con el mundo
educativo.

Joomla!: La web en entornos educativos 165


9: Extensiones

Editar y crear enlaces web


Accedemos, mediante “Enlaces Web” a una ventana en la que vemos los enlaces
disponibles.

Para editar alguno hacemos clic sobre él en la columna “Título”. Para crear uno
utilizamos el botón “Nuevo”.
En las siguientes imágenes hemos completado los datos para disponer de un nuevo
enlace a la Consejería de Educación y al INTEF (ambos los hemos incluído dentro
de la categoría “Organismos oficiales”).

En “Opciones básicas” podemos definir en qué tipo de ventana se abre el enlace:


misma ventana, nueva ventana, ventana emergente; la anchura y altura de la
ventana.

Mostrar enlaces web en el Front-end


Como tenemos un menú de enlaces con los ejemplos de Joomla!,

Joomla!: La web en entornos educativos 166


9: Extensiones

vamos a incluir un nuevo ítem de menú en el mismo mediante Menús >> Ejemlos
Enlaces >> Añadir nuevo elemento de Menú.

En el cuadro de diálogo que aparece seleccionamos como “Tipo Elemento Menú”


“Lista de Enlaces en la categoría” dentro de la sección “Enlaces Web”.

Especificamos título para el ítem, alias y la categoría de enlaces a mostrar (en el


ejemplo la creada con anterioridad: Organismos oficiales).

Guardamos y cerramos y, en el Front-end ya podemos ver el nuevo ítem.

Nuevo enlace: http://www.youtube.com/watch?v=gZko9E3tUBE


Categorías: http://www.youtube.com/watch?v=m4ofpRxRlVk
Gestor de enlaces: http://www.youtube.com/watch?v=c0IwNJam4Jc

Joomla!: La web en entornos educativos 167


9: Extensiones

9.2.9. Mensajería
Ste componente le permite enviar mensajes a otros usuarios del Back-end. Usted
puede leer, escribir, enviar y borrar mensajes desde aquí. Adicionalmente también
puede gestionar configuraciones de mensaje y opciones de grupo.
Desde el menú Componentes >> Mensajería accedemos a la “Configuración de la
mensajería privada”.

Joomla!: La web en entornos educativos 168


9: Extensiones

9.2.10. Noticias externas


Las Noticias externas presentan una posibilidad muy cómoda de permitir a los
usuarios del sitio web que visualicen noticias que provienen de otras web que tienen
habilitada la sindicación.
Se clasifican en categorías, y aparecerán en la navegación de nuestro sitio web a
partir de ítems de menú creados a una noticia externa, a una categoría o a un listado
de todas las categorías.

Gestión de noticias externas

Este es el aspecto que presenta el área de trabajo del “Gestor de Noticias


Externas”.Con información en cada columna perfectamente comprensible, como el
Título, con vínculo para acceder rápidamente a la edición de la noticia, Estatus de
publicación, Categoría, Orden, Acceso, Idioma y además:
• Duración de la caché. Tiempo, en segundos, que el sistema utiliza para
refrescar el contenido del vínculo.
La barra de herramientas presenta todas las acciones que se pueden realizar con
cada Noticia Externa. En “Opciones” podemos elegir, entre otros parámetros,
mostrar u ocultar imagen del servidor de noticias, descripción y contenido, orden de
presentación, limitar el texto en número de palabras que describe la noticia (Contar
palabras); un cero indica que se muestra el texto completo, etc.

Joomla!: La web en entornos educativos 169


9: Extensiones

Editar y crear Noticias Externas


Si decidimos editar una noticia externa existente, la página de edición contiene un
espacio para definir los detalles de la noticia y una barra de herramientas que
completa las operaciones que podemos realizar.

En la imagen anterior vemos la edición de una de ellas. Comentamos algunos


apartados:
• Título. Nombre que identifica a la noticia externa, en el Front-end y en el
Back-end.
• Alias. Texto utilizado cuando se utilizan URL amigables en nuestro sitio web,
definido en la configuración global de Joomla!
• Enlace. Enlace al servicio de sindicación (RSS/RDF) que ofrece el sitio web
desde el que capturamos las noticias.
• Categoría. Nombre de la categoría a la que pertenece la noticia, con lista
desplegable para elegir la categoría.
• Número de artículos. Cantidad de artículos que, como máximo, se
visualizarán en la noticia externa.
• Tiempo Caché. Tiempo, en segundos, con el que el sistema realiza una
actualización de las noticias externas visualizadas.

Gestión de categorías de noticias externas


De la misma forma que los contenidos dinámicos son clasificados en categorías, las
noticias externas permiten una clasificación y gestión similares.

Joomla!: La web en entornos educativos 170


9: Extensiones

Visualización de noticias externas en nuestro sitio web


1. Después de crear una categoría de noticias.
2. Creamos nuevos canales de noticias, que asociamos a las categorías
previamente creadas.
3. Posteriormente creamos un ítem de menú para visualizar, por ejemplo, la
categoría que deseemos.
4. Al hacer clic en ese nuevo elemento de menú se
nos muestra los canales de noticias externas en
nuestro sitio web.

Si hacemos clic en uno de ellos (en nuestro caso en “Consejería de Educación”),


aparecen las noticias de esos sitios web en el nuestro.

Joomla!: La web en entornos educativos 171


9: Extensiones

Nota: si se está trabajando en modo local hay que estar (obviamente) conectados a
Internet. En caso contrario se nos muestra un mensaje de error..

En el siguiente vídeo podemos ver la publicación de noticias externas en


nuestro sitio web:
http://dl.dropbox.com/u/15196983/joomla/videos/noticias_externas.flv

Joomla!: La web en entornos educativos 172


9: Extensiones

9.2.11. Redireccionar
Este componente se utiliza sobre todo para redirigir direcciones URL de páginas
web que ya no existen en el sitio web a páginas web que están funcionando. Puede
ser la dirección URL de una página web que se ha desactivado en la comunidad de
Joomla! back-end administrador de interfaz. La URL de origen se especifica al crear
la redirección debe ser la URL completa como usted lo escriba en su navegador
web. El componente sólo mostrará la última parte de la dirección URL de origen en
el establecimiento de redireccionamiento. La URL de destino que se especifica al
crear un redireccionamiento debe ser una URL completa también.
Al crear una redirección se copian/pegan las URL origen y destino.

Posteriormente se guardan cambios.

Joomla!: La web en entornos educativos 173


9: Extensiones

9.3. Módulos
De la misma manera que con los componentes, los módulos poseen dos niveles de
aplicación, de Administración y de Front-end. Se accede a la administración de uno u
otro desde el menú principal de la Administración de Joomla!
Menú Extensiones >> Gestor de Módulos

9.3.1. Módulos del nivel de Administración


Aquí aparecen todos los módulos utilizados en la Administración (Back-end) de
Joomla! Se encuentran localizados en la carpeta del servidor /administrator/modules/

La información reflejada en las columnas del área de trabajo del “Gestor de


Módulos” es la siguiente: Título, Estatus de habilitación, Posición del módulo en la
interfaz de la Administración de Joomla!, Orden, Tipo de Módulo, Páginas a las que
está vinculado a través de menús, Tipo de acceso, Idioma e ID.
Es recomendable no manipular el estado de habilitación de los módulos salvo que se
comprenda lo que cada uno de ellos hace, pues podemos encontrarnos con la
desagradable situación de tener una Administración de Joomla! inoperativa.
Se detalla el significado de algunos de ellos, según su tipo, con una imagen

Joomla!: La web en entornos educativos 174


9: Extensiones

indicativa de su localización:
• mod_logged. Muestra la lista de los usuarios que están en ese momento
reconocidos por el sistema (“logeados”), en forma de pestaña en el Panel de
Control.
• mod_popular. Muestra una lista de los artículos de contenido más visitados
como una pestaña en el Panel de Control.
• mod_latest. Muestra una lista de los contenidos más recientes como una
pestaña en el Panel de Control.
• mod_quickicons. Muestra iconos de rápido acceso a diferentes funciones en
el Panel de Control.

mod_logged

mod_quickicons

mod_popular mod_latest

• mod_title. Muestra el título de área de trabajo en que nos encontramos.


• mold_toolbar. Determina si se muestra o no la barra de herramientas.
• mod_menu. Muestra el menú principal de la Administración de Joomla!
• mod_submenu. Permite la creación de submenús en la navegación por el
área de trabajo, como en este caso, que tenemos la posibilidad de navegar
por los módulos del Sitio y de la Administración.

mod_menu mod_toolbar

mod_title

mod_submenu

Joomla!: La web en entornos educativos 175


9: Extensiones

9.3.2. Módulos del nivel de Front-end


Aquí se encuentran todos los módulos que pueden ser visualizados en el Front-end.
Se encuentran localizados en la carpeta del servidor /modules/

Y deben estar habilitados (publicados) para que se muestren en el Front-end.

La información reflejada en las columnas del área de trabajo del “Gestor de


Módulos” es similar a los módulos de administración, a excepción de la Posición,
pues en este tipo de módulois del sitio indican su posición, pero en la interfaz del
Front-end de acuerdo a las posiciones definidas en la plantilla utilizada; Orden indica
la ordenación de todos los módulos que se encuentran definidos en la misma
posición; Páginas, según la navegación definida en los menús, en las que se
muestra en el Front-end.
Es importante observar que el módulo, aunque esté publicado no será mostrado
hasta que no tenga definida la navegación (asignación de ítems de menú) en la que
es visible.
Se detalla el significado de todos los módulos, según su tipo, con una imagen
indicativa con algunos de ellos y su localización en el Front-end, según los ejemplos
instalados en Joomla! y con una visualización de la portada de acuerdo a la plantilla
activa; y se completa con la explicación de alguno relevante:
• mod_banners. El módulo que muestra los banners en el Front-end.
• mod_menu. El módulo que muestra los menús en el Front-end. En este caso,

Joomla!: La web en entornos educativos 176


9: Extensiones

existen varias instancias del mismo módulo.


• mod_login. El módulo de acceso de usuarios al Front-end.
mod_search

mod_breadcrumbs

mod_menu

mod_login

mod_banner

mod_syndicate
• mod_syndicate. Muestra la sindicación permitida de los contenidos de nuestro
sitio web.
• mod_stats. El módulo que muestra estadísticas del sistema.
• mod_whosonline. ¿Quién está en línea?. El módulo que nos informa quién
está online.
• mod_search. Permite hacer una búsqueda rápida en nuestro sitio.
• mod_breadcrumbs. El módulo que muestra una barra de navegación por

Joomla!: La web en entornos educativos 177


9: Extensiones

nuestro sitio web.


• mod_related_items. Este módulo muestra los artículos relacionados con el
contenido que se está visualizando. Aprovecha la potencialidad de los
metadatos que se establecen en la definición del contenido.
• mod_wrapper. Muestra contenido externo al propio sitio web. La funcionalidad
es la misma que la que hemos observado con el vínculo “Wrapper” que viene
definido por defecto en la instalación de Joomla!, sólo que aparece mostrado
como cualquier módulo, en una zona lateral del Front-end.
• mod_random_image. Imágenes al azar. Muestra aleatoriamente imágenes
seleccionadas.
• mod_feed. Permite visualizar las noticias de un servidor de noticias externo.
• Etc.

Gestor de módulos: http://www.youtube.com/watch?v=HycIlAtDipI

9.3.3. Crear módulos nuevos


Aunque las opciones que presenta la barra de herramientas del área de gestión de
módulos son muy intuitivas, es de especial interés conocer lo que significa crear
módulos nuevos. Si bien es una operación que podemos hacer tanto en el Back-end
como en el Front-end, nos centraremos en ver cómo lo hacemos y qué significa para
los módulos del Front-end, ya que la manipulación de los módulos del Back-end
puede resultar más delicada y, por qué no decirlo, peligrosa.

Al decidir crear un nuevo módulo, tenemos que realizar la operación en dos pasos.
En uno primero decidimos el tipo de módulo que podemos crear:

Joomla!: La web en entornos educativos 178


9: Extensiones

Se utilizan para:

• Artículos archivados. Permite mostrar una lista de los meses que contienen
artículos archivados.
• Anuncios-Banners. Permite mostrar los anuncios activos del componente.
• Artículos – Noticias de última hora. Muestra un número fijo de artículos de una
categoría específica.
• Cambiar Idioma. Muestra na lista de idiomas de contenido disponible, para
cambiar entre ellos cuando se desee utilizar Joomla! Como sitio multilenguaje.
• Categorías Artículos. Muestra una lista de categorías de la categoría padre.
• Enlaces web. Muestra los enlaces de una categoría definida en el
componente de enlaces web.
• Imagen aleatoria. Muestra aleatoriamente imágenes de una carpeta
seleccionada.
• Módulo de búsqueda inteligente. Este es el módulo de búsqueda para la
búsqueda inteligente.
• Personalizar HTML. Para crear un módulo propio basado en html.
• Quién está en Línea. Para mostrar los usuarios activos en el sistema.
• Sindicación Enlaces Externos. Ofrece la sindicación a nuestro sitio web.
• Últimos usuarios. Muestra los últimos usuarios registrados.
• Acceso. Muestra un formulario para introducir el nombre de usuario y la
contraseña, y las opciones de recordar contraseña e invitar a registrarse en el
sistema.
• Artículos – Artículos relacionados. Muestra otros artículos relacionados con el
quese está visualizando.
• Buscar. Muestra una caja de búsqueda.

Joomla!: La web en entornos educativos 179


9: Extensiones

• Categoría Artículos. Muestra una lista de artículos de una o varias categorías.


• Contenido más leído. Permite mostrar la relación de artículos publicados más
vistos.
• Estadísticas. Muestra estadísticas de nuestro sitio web: información del
servidor, miembros...
• Menú. Ya sabemos lo que supone, pero las opciones de configuración son
múltiples. Permite seleccionar un menú de los existentes para crearlo con
otras opciones.
• Mostrar Noticias Externas. Permite la visualización de noticias externas
sindicadas.
• Pie de página. Muestra los derechos de copyright de Joomla!
• Ruta. Muestra la ruta del contenido que se visualiza.
• Últimas noticias. Muestra la lista de los últimos artículos publicados.
• Wrapper (marco). Permite mostrar en una ventana una URL externa.

Hacemos clic en el botón “Nuevo” y elegimos como tipo de menú “Estadísticas”.


Guardamos después de completar Título, Posición (en la plantilla), opciones básicas,
etc. y guardamos cambios.

Podemos ver el módulo estadísticas en el Front-end.

Joomla!: La web en entornos educativos 180


9: Extensiones

Nuevo módulo: http://www.youtube.com/watch?v=kd2y0XnKfhI


Editar módulo: http://www.youtube.com/watch?v=XRNTPFvcJUg
Cargar un módulo dentro de un artículo: http://www.youtube.com/watch?
v=fF7zJf7Pg9I

Joomla!: La web en entornos educativos 181


9: Extensiones

9.4. Plugins
Los plugins son aplicaciones que literalmente "interceptan" los ítems de contenido
(documentos o ítems de componentes) antes de ser mostrados y publicados por el
sistema, y le agregan información adicional o lo "alteran" en forma dinámica,
completando así el contenido total que va a ser entregado al navegador del usuario
final. Los plugins pueden ser llamados mediante comandos especiales, o se pueden
mostrar de forma predeterminada para ciertos contenidos y/o componentes.
Los plugins se encuentran en la carpeta /plugins/

Al igual que los componentes y módulos, se accede a ellos y pueden ser


instalados/desinstalados, configurados y publicados (habilitados) desde el panel de
administración de Joomla!

Es fácil reconocer la información reflejada en cada una de las columnas de la tabla


del área de trabajo.

Gestor de plugins: http://www.youtube.com/watch?v=G5fu7SrBt_E

Joomla!: La web en entornos educativos 182


9: Extensiones

9.5. Plantillas
Se accede a la administración de la gestión de las plantillas instaladas desde el
menú principal de la Administración de Joomla!

Menú Extensiones >> Gestor de plantillas

Observamos que tenemos plantillas asignadas al “Sitio” y al “Administrador”.


La plantilla que hemos venido utilizando en las imágenes presentadas a lo largo de
todos estos capítulos se llama “Bluestork” para el Back-end. En la imagen anterior
está asignada como predeterminada para el Front-end la plantilla “Beez_20”.
Si accedemos a través del enlace “Plantillas” (ver imágen anterior), podemos ver una
miniatura del aspecto que tendría nuestro sitio web si esa fuera la plantilla utilizada.
Para lograr que una plantilla sea la predeterminada para el “Sitio” o “Administrador”,
basta con seleccionar la casilla de verificación que aparece a su izquierda y hacer
clic en el botón “Establecer por defecto”.

Con esto cambiaría la plantilla en todo el sitio web.

9.5.1. Plantilla asociada a ítem de menú


Si queremos asociar una plantilla a un ítem de menú (para diferenciarlo del resto del
sitio), es posible hacerlo. Para ello:

Joomla!: La web en entornos educativos 183


9: Extensiones

1- Hemos instalado una plantilla diferente visualmente de la plantilla por defecto (ver
apartado 5 del capitulo 10).

Hacemos clic en otra plantilla que no sea la predeterminada en el sitio (por ejemplo
“obmicon”).

2.- Le asignamos los ítem de menú


asociados a esta plantilla en concreto (por
ejemplo el ítem “Mapa del sitio” del Menú
Principal”. Guardamos y cerramos.

Se nos informa que 1 elementos de menú


han sido asignados a este estilo de
plantilla. En la fila de la misma se nos
indica que se ha asignado.

3.- Si accedemos al Front-end y hacemos clic en esos enlaces de menú veremos


cómo cambia el sitio de plantilla, regresando a la plantilla por defecto mediante el
uso de cualquier otro ítem de menú.

Joomla!: La web en entornos educativos 184


10: Extensiones de terceros

10. Extensiones de terceros

10.1. Introducción
Ya hemos podido comprobar que con Joomla! se pueden crear y administrar
espacios web bastante completos y complejos, pero sin duda la gran ventaja de
utilizar Joomla! es que permite que sean implementadas funcionalidades con relativa
facilidad para adaptar nuestro sitio web al uso que queramos dar.
Hay que considerar, por tanto, el ingente trabajo de desarrolladores de extensiones
preparadas para ser instaladas en Joomla!: Extensiones de terceros (Third Party
Developers).
Aunque no es el único sitio donde podemos encontrar nuevas extensiones para ser
instaladas en Joomla!, en el espacio dedicado a ellas en la página oficial del
proyecto podemos encontrar la referencia a la mayoría de extensiones existentes,
clasificadas en categorías según la temática y con indicación clara de la función que
realizan, y observaciones sobre su instalación y uso:
http://extensions.joomla.org
La clasificación de las extensiones se establece en razón a la funcionalidad que
añaden al sistema Joomla! y en varios temas (recogemos algunos):
• Acceso y seguridad.
• Administración.
• Anuncios y afiliados.
• Creación (Autoría).
• Puentes.
• Calendarios y eventos.
• Clientes.
• Comunicación.
• Comunidades y trabajo en grupo.
• Contactos y “feedback”.
• Contenidos y noticias.
• Etc.
Echar un vistazo a esta clasificación nos permitirá tener una idea clara de cómo
podemos implementar en Joomla! funcionalidades muy indicadas para desarrollar
proyectos web en entornos educativos, como por ejemplo:
• Gestores de descargas, que permitan disponer de archivos a la comunidad
educativa, bien los profesores a los alumnos, bien documentos de acceso
restringido en la gestión documental del centro,…
• Galerías multimedia, para exponer las instalaciones de nuestro centro, los
reportajes de las actividades que se realizan,…
• Podcast, para disponer ficheros de audio de grabaciones de actividades,

Joomla!: La web en entornos educativos 185


10: Extensiones de terceros

recitales…
• Blog, para mantener espacios de contenidos ordenados con participación.
• Wiki, para poder crear contenidos de forma colaborativa.
• Mensajería privada, para poder establecer comunicación entre las personas
que contribuyen a enriquecer el sitio de contenidos y recursos.
• Comentarios, para facilitar actividades donde el artículo publicado es
comentado.
• Foros, para establecer medios de comunicación asíncronos, entre miembros
de la comunidad educativa: debate de temas de actualidad, opiniones sobre
gestión del centro, impresiones sobre las actividades, propuestas,…
• Chats, para permitir canales de comunicación síncrona.
• Libros de visitas. Siempre será bueno recibir la impresión de quien visita
nuestra página.
• Calendarios, para dejar constancia de las fechas relevantes.
• Formularios, para recoger información de la comunidad educativa:
cuestionarios de opinión, informes privados entre el profesorado,…
• Gestores de proyectos, para administrar trabajos colaborativos con alumnos,
profesores, intercambios,…
• Sitios multilingües, para realizar trabajos de redacción en varios idiomas, si
nuestro centro es bilingüe, nuestro sitio web también…
• Etc.
Por supuesto, si estamos pensando en disponer de extensiones traducidas a
español, tenemos que tener en cuenta el centro de extensiones de Joomla! Spanish:
http://extensiones.joomlaspanish.org/
En estos momentos conviven varias versiones de Joomla! Por tanto, se debe tener
claro que las extensiones serán, en general, compatibles para una u otra versión y
que todavía el conjunto de extensiones que pueden ser instaladas en las versiones
posteriores no cubren todas las funcionalidades que se han ido desarrollando desde
que el proyecto empezó a andar. En algunos casos, podemos encontrar extensiones
compatibles para varias versiones, con distribución para una versión y otra.
En los siguientes apartados encontrará detalladas la instalación y uso de varias
extensiones que podemos implementar en Joomla! (salvo los idiomas, ya vistos en
otro capítulo), para conocer cómo es el proceso con cierto detalle. Hay extensiones
que funcionan a partir de la instalación de un único archivo, aunque no es extraño
encontrar algunas que precisan de la instalación de varios archivos para ser
completamente operativas.
El proceso de instalación de cualquier extensión siempre es el mismo y ya fue
realizado y explicado con cierto detalle cuando instalamos el idioma español en el
capítulo 4.
Desde el menú
Extensiones >> Gestor de extensiones

Joomla!: La web en entornos educativos 186


10: Extensiones de terceros

accedemos al Gestor de extensiones, que permite instalar extensiones desde la


localización que mejor podamos emplear. Habitualmente emplearemos la primera
opción, con el archivo comprimido que ofrece el proyecto que lo desarrolla, aunque
puede ser preciso hacerlo desde algún directorio concreto si nuestro servidor no nos
permite hacerlo de la primera forma, para lo que deberemos colocar los archivos de
instalación de la extensión en concreto en alguna carpeta cuya localización
indicaremos en el cuadro de texto; o bien, desde una URL concreta.

Desinstalar una extensión es también sencillo. El área de trabajo del gestor de


extensiones tiene varias pestañas, la de instalar, ya conocida, y la de acceso a la
relación de todas las extensiones instaladas (pestaña Gestionar), por tipo, para
entonces decidir cuál se desinstala. Está claro que no conviene, aunque el sistema
lo permitiera, desinstalar ninguna de las extensiones instaladas por defecto en
Joomla!, a menos que se tenga muy claro el efecto de la operación de lo que se está
haciendo.

En la imagen se observa la relación de componentes instalados en Joomla!, que


además permite decidir qué componente se deshabilita, interesante actuación si no
se quiere desinstalar el componente, por ejemplo, frente a eventuales problemas de
funcionamiento o seguridad, y hasta que se consiga solucionar el problema.
Añadir nuevas extensiones a Joomla! es sencillo, pero no debemos olvidar la
complejidad de las operaciones que se están realizando. Es probable que podamos

Joomla!: La web en entornos educativos 187


10: Extensiones de terceros

encontrar problemas en su instalación y gestión, ya que no dejan de ser aplicaciones


web muy sensibles al servidor en que estemos trabajando, y las propias
características de la herramienta Joomla! que estamos administrando de forma
personal, o incluso en la interacción que pudieran tener con otras extensiones de
terceros. Es recomendable que, frente a estas situaciones, se investigue
adecuadamente en los sitios oficiales de Joomla! y los propios sitios de desarrollo de
las extensiones, normalmente la atención a los problemas encontrados se realiza de
forma muy ágil y efectiva si, como suele ocurrir, detrás del proyecto existen personas
muy activas en su desarrollo.
Se considera en este texto explicativo que estas extensiones funcionan de forma
separada, pero también tenemos que saber que pueden existir extensiones que
conecten unas con otras. Por ejemplo, si utilizamos un generador de mapas del sitio,
y añadimos un blog, podemos necesitar una extensión que permita incorporar los
contenidos gestionados por el blog en el mapa del sitio web.
Además, los problemas de seguridad se añaden a medida que incorporamos nuevas
extensiones a nuestro sitio web, por lo que debemos tenerlo en cuenta y tomar las
medidas oportunas.
Y por último, tener claro que las versiones que se incluyen son las más actuales en
el momento de elaboración de este texto, y que lo más probable es que existan
nuevas versiones en breves periodos de tiempo. Aun así, las funcionalidades,
gestión y apariencia serán similares a las que se detallan a continuación.

Gestor de extensiones: http://www.youtube.com/watch?v=MJRa76Z0nJ0

Joomla!: La web en entornos educativos 188


10: Extensiones de terceros

10.2. Componente: Xmap


Xmap es un componente que permite crear un mapa del sitio web utilizando la
estructura de los menús, y así poder acceder rápidamente a toda la navegación
creada en el sitio web.
Xmap posee las siguientes características:
• Permite crear más de un mapa de sitio, con diferentes preferencias.
• Posee un sistema de caché para realizar creaciones más rápidas del mapa de
sitio, ideal para grandes sitios o sitios que soporten altos niveles de tráfico.
• Dispone la interface del Back-end basada en Ajax.
• Tiene mejor presentación XML en los navegadores.
• Tiene compatibilidad con Joomla! 1.5.
• Se puede especificar la prioridad y cambio de parámetros para cada menú.
• Muestra información estadística para cada mapa de sitio:
• Fecha de la última visita.
• Número de visitas.
• Número de links generados en la última visita.
• Hay disponibles plugins para los componentes más populares.
Localización del archivo de instalación. El archivo comprimido que utilizaremos
para instalar este componente se encuentra localizado en:
Recursos/xmap/
Nombre del archivo: pkg_com_xmap-2.2.1.zip
Página oficial del proyecto: http://joomla.vargas.co.cr
1.- Instalamos el componente desde el gestor de extensiones:
Extensiones >> Gestor de extensiones

El sistema muestra el resultado de la instalación y, en algunos casos, la propia


instalación realiza alguna observación sobre la extensión, el proyecto,... que
convendrá leer detenidamente porque puede dar pistas sobre lo
que debemos hacer para empezar a manejar la extensión.

Este nuevo componente instalado ya aparece en el menú


“Componentes”, para dar acceso a su gestión.

2.- Accedemos a la gestión de Xmap desde el menú


Componentes >> Xmap

Joomla!: La web en entornos educativos 189


10: Extensiones de terceros

Se nos advierte que tenemos que habilitar dos extensiones

Para ello hacemos clic en la pestaña “Extensiones”

Marcamos Xmap – Content Plugin y Xmap – Weblinks Plugin y hacemos clic en el


botón “Habilitar”

Con esto quedan habilitados

Para crear un nuevo mapa hacemos clic en el botón “Nuevo”. Nos aparece la
siguiente ventana.

Escribimos Título (por ejemplo Mapa 1); Alias (por ejemplo mapa1); en Estatus
seleccionamos “Publicado”; en Menús marcamos los que se mostrarán en el mapa
(con cada se pueden elegir la frecuencia con que se actualiza y con qué prioridad).

Joomla!: La web en entornos educativos 190


10: Extensiones de terceros

Una vez hecho hacemos clic en el botón “Guardar & Cerrar”.

3.- Una vez definido el mapa del sitio, sólo falta que esté disponible en algún
momento de la navegación por nuestro sitio web. Vamos a crear un ítem de menú en
el menú “Ejemplos Enlaces” que nos dé acceso al mapa del sitio. Para ello elegimos
Menús >> Ejemplos Enlaces >> Añadir nuevo elemento de Menú

En la nueva ventana que nos aparece elegimos en “Tipo elemento menú”, mediante
el botón “Seleccionar”, crear un ítem nuevo del tipo “Mapa de Sitio HTML”.

Una vez hecho cerramos esta ventana emergente.

Joomla!: La web en entornos educativos 191


10: Extensiones de terceros

Damos un título al nuevo ítem (“Mapa del sitio” por ejemplo) y nos aseguramos de
completar adecuadamente el campo “Seleccione un mapa de sitio” de la
configuración requerida, con el nombre que decidimos al crearlo. Rellenamos el
resto de los datos y guardamos. Acabamos de crear el nuevo ítem de menú. Cuando
un usuario navegue por nuestro sitio web, verá en el menú superior un ítem
claramente identificado para poder ver el mapa del sitio web.

Xmap: http://www.youtube.com/watch?v=9Yz3gBTP4RI

Joomla!: La web en entornos educativos 192


10: Extensiones de terceros

10.3. Módulo: Art Sexy Lightbox Lite Edition


Es un módulo que permite mostrar una colección de imágenes localizadas en una
carpeta en nuestro servidor, en la localización que el gestor multimedia predispone
para las imágenes: “images”.
En nuestro caso, mostraremos en nuestro sitio web, una relación de imágenes, que
subiremos, mediante el gestor multimedia, a una carpeta carpeta llamada “flores”.

Localización de las imágenes. Las encontrará en:


Recursos/Art/
Nombre del archivo: flores.zip
Estas imágenes tienen licencia Creative Commons y han sido descargadas desde:
- http://www.flickr.com/photos/trebol_a/2224819726/
- http://www.flickr.com/photos/stralunato/146047481/
- http://www.flickr.com/photos/anarey/7335760432/
- http://www.flickr.com/photos/tlaloc74/3074443414/
Localización del archivo de instalación. El archivo comprimido que utilizaremos
para instalar este componente se encuentra localizado en:
Recursos/Art
Nombre del archivo: mod_artsexylightbox_lite_edition
Página oficial del proyecto: http://www.artetics.com/ARTools/joomla-extensions

Joomla!: La web en entornos educativos 193


10: Extensiones de terceros

1.- Instalamos el componente desde el gestor de extensiones:


Extensiones >> Gestor de extensiones

2.- Una vez subido se nos informa de la correcta instalación.

3.- Accedemos, mediante el Menú Extensiones >> Gestor


de Módulos, a gestionar los existentes.

4.- Marcamos la casilla de verificación del módulo Art Sexy Lightbox Lite Edition y
hacemos clic en el botón “Editar”. Editamos el módulo para preparar la visualización
de las imágenes en el Front-end, y decidimos los valores de todos aquellos
parámetros que son necesarios para conseguir la muestra deseada, poniendo
especial cuidado en:
A. La posición que queremos que ocupe en la plantilla actualmente en uso (la
posición 10 corresponde al pie de página) y el acceso (público).
B. Las páginas en las que se va a mostrar (en nuestro ejemplo en todas).
C. Las opciones básicas del módulo: la ruta donde se encuentran las imágenes
(images/flores), la anchura y altura de las miniaturas, etc.

Joomla!: La web en entornos educativos 194


10: Extensiones de terceros

C
A

5.- Una vez configurado hacemos clic en el botón “Guardar & Cerrar” y ya podemos
ver la exposición de estas imágenes en el Front-end

Joomla!: La web en entornos educativos 195


10: Extensiones de terceros

Al igual que podemos poner una presentación de imágenes, también


podemos con Lof ArticlesSlideShow un slideshow de nuestros artículos:
- http://www.youtube.com/watch?v=o_YdJfM_P3k&
- http://www.youtube.com/watch?v=TnIuYR8vFeI
El módulo se puede descargar desde
http://dl.dropbox.com/u/15196983/joomla/mod_lofarticlesslideshow.version.2.x.zip
o desde su web http://landofcoder.com/index.php?
option=com_jdownloads&Itemid=372&task=viewcategory&catid=8

Phoca Gallery: módulo para hacer otra galería de imágenes:


http://www.youtube.com/watch?v=li_dn-42IxQ

Joomla!: La web en entornos educativos 196


10: Extensiones de terceros

10.4. Plugin: AllVideos


AllVideos es un plugin imprescindible para quienes quieran compartir o subir videos
y audio a sus web. Le permite integrar fácilmente los medios alojados en los
servicios más populares como YouTube, Vimeo, Dailymotion, SoundCloud (y muchos
más: ver en http://www.joomlaworks.net/content/view/16/42/) en artículos de Joomla!
(o en otros componentes, como K2, Redshop, Virtuemart, etc.). Con él se puede
crear reproducciones de casi cualquier formato de archivo de audio/vídeo alojados
en su servidor, o incluso un servidores remotos (ver
http://demo.joomlaworks.net/allvideos).
Localización del archivo de instalación. El archivo comprimido que utilizaremos
para instalar este componente se encuentra localizado en:
Recursos/AllVideos/
Nombre del archivo: plg_jw_allvideos-v4.4_j1.5-2.5.zip
Página oficial del proyecto: http://www.joomlaworks.net/
1.- Instalamos el componente desde el Gestor de Extensiones:
Extensiones >> Gestor de extensiones

2.- Una vez subido se nos informa de la correcta instalación.

3.- Accedemos, mediante el Menú Extensiones >> Gestor


de Plugins, a gestionar los existentes.

Joomla!: La web en entornos educativos 197


10: Extensiones de terceros

4.- Marcamos la casilla de verificación del plugin AllVideos (by JoomlaWorks) y


hacemos clic en el botón “Editar”.

Nos aparece una nueva ventana. En la zona


de la izquierda habilitamos el módulo.

En la zona de la derecha, en “Opciones


Básicas”, nos aparecen diversos
parámetros sobre vídeos y audios alojados
en nuestro servidor:
- Carpeta (images/videos o images/audio)
- Anchura y altura predeterminados.
- Color de fondo.
- Etc.
Hagamos clic en el botón “Guardar &
Cerrar”, con lo que ya tenemos el plugin
habilitado.
5.- Vamos a crear ahora (tal y como se
describió en el apartado Módulo: Art Sexy
Lightbox Lite Edition) mediante el Gestor
Multimedia dos carpetas dentro de la
carpeta “images”: una llamada “videos” y
otra “audio”.
Localice en su equipo un archivo de audio
mp3 (o descárguelo de Internet desde un
sitio libre que lo permita) y súbalo a la
carpeta audio de su instalación Joomla!

Joomla!: La web en entornos educativos 198


10: Extensiones de terceros

5.- Ahora vamos a incluir ese archivo de audio en un artículo. Podemos crear uno
nuevo o utilizar alguno hecho previamente o de los instalados de ejemplo. Una vez
tenemos el articulo en edición pegamos el siguiente código: {formato o
proveedor}nombrearchivo{/formato o proveedor}.

En el ejemplo de la imagen anterior sería {mp3}sifueraella{/mp3} ya que mp3 es el


formato del archivo y el nombre del mismo es “sifueraella”. Una vez guardamos el
artículo vemos un reproductor de audio en el artículo en el Front-end.

5.- Lo mismo podemos hacer con vídeos almacenados en la carpeta images/videos


de nuestro servidor. No obstante, lo más adecuado para ahorrar tráfico en nuestra
Web sea utilizar los vídeos de proveedores (podemos subir previamente a estos
sitios Web nuestros propios vídeos si lo deseamos). Por ejemplo:
- Acceda a youtube y localice un vídeo: por ejemplo http://www.youtube.com/watch?
v=cx9KLbh330Y
- Editemos un artículo de nuestro sitio Joomla! y peguemos el siguiente código:
{youtube}cx9KLbh330Y{/youtube}. Podrá observar qie sigue la regla de
{proveedor}nombrearchivo{/proveedor} ya que youtube es el proveedor del vídeo y
queremos ver concretamente el cx9KLbh330Y.
- Guardemos la entrada y veámosla en el Front-end.

Joomla!: La web en entornos educativos 199


10: Extensiones de terceros

Nota: el código para todos los proveedores y formatos se encuentra disponible en:
http://www.joomlaworks.net/content/view/35/41/

Joomla!: La web en entornos educativos 200


10: Extensiones de terceros

10.5. Plantilla
Sin duda, poder tener una apariencia de nuestro sitio web elegante y flexible será
una de nuestras mayores necesidades. La estética y la claridad en la navegación
serán agradecidas por los usuarios y por el propio proyecto que desarrollemos con
Joomla!
Las plantillas son extensiones, que permiten, con instalaciones sencillas, disponer
de estos diseños con facilidad.
Se incluyen varias plantillas para que se puedan incluir en nuestro proyecto y se
detallan con una en concreto aquellas manipulaciones que, en general, podremos
hacer para tenerla adaptada a la imagen que queremos dar a nuestro sitio web.
Localización del archivo de instalación. El archivo comprimido que utilizaremos
para instalar este componente se encuentra localizado en:
Recursos/plantillas
Nombre del archivo: obmicon.zip
Página oficial del proyecto: http://plantillasjoomla.org
1.- Instalamos el componente desde el Gestor de Extensiones:
Extensiones >> Gestor de Extensiones

2.- Una vez subido se nos informa de la correcta instalación.

3.- Accedemos, mediante el Menú Extensiones >> Gestor de


Plantillas, a gestionar los existentes. La encontramos en la
relación de plantillas activas para nuestro sitio web y hacemos
que sea la predeterminada.

Nota: La plantilla Obmicon (http://plantillasjoomla.org/plantilla-obmicon-simple-y-


grunge-joomla-2-5/), posee un diseño simple: en la parte superior se encuentra la
cabecera, centrado está el espacio para titulo/logotipo, en una esquina hay unos
simples botones de “Login” y “Search”, bajo la cabecera se ubica un slider que
ocupa todo el ancho de la plantilla, luego se posiciona el área de contenido, con la
particularidad de poseer dos barras laterales en el extremo derecho, terminando la
plantilla con un pequeño pie de página. Cuando baje para instalar en Joomla! Una
plantilla, asegúrese que tiene todo lo que necesita (por ejemplo una barra de

Joomla!: La web en entornos educativos 201


10: Extensiones de terceros

menús), ya que la edición de esas plantillas es algo que excede de los


conocimientos de informática a nivel usuario.
En la imagen siguiente vemos la posición de los módulos en esta plantilla.

4.- Cuando accedemos al Front-end ya vemos la nueva plantilla.

10.5.1. Manipulación de la plantilla


Hay algunas modificaciones en la plantilla que sí están a “nuestro alcance” como por
ejemplo:
(1) Sustituir el icono que aparece en la pestaña del navegador.
(2) El Logotipo de la institución, empresa, etc.
(3) Las imágenes del slide.

Joomla!: La web en entornos educativos 202


10: Extensiones de terceros

1
2

Para ello:
• Si estamos trabajando en local abrimos el explorador de archivos de Windows y
localizamos la carpeta C:\wamp\www\joomla\templates\obmicon, donde podemos
sustituir los archivos de imágenes por otros nuestros (¡siempre que tengan el mismo
tamaño y nombre! para que la plantilla los pueda localizar).

Joomla!: La web en entornos educativos 203


10: Extensiones de terceros

• B) Si estamos trabajando en remoto la sustitución de estos archivos debemos


hacerla mediante Filezilla (ver capítulo 3).
(4) Si editamos la plantilla podremos elegir mostrar o no el slide y/o cambiar el
texto que aparece debajo.

Por ejemplo:

Nota: En este proceso de “probar” plantillas puede que, cuando queramos desintalar
alguna, nos dé error aunque no la tengamos pretederminada (en la imagen siguiente
se ha marcado js_jamba y, al hacer clic en el botón “Eliminar”, el sistema nos indica
que “No se puede eliminar el último estilo de una plantilla”).

Lo podemos solucionar mediante el menú Extensiones >> Gestor de Extensiones >>


Gestionar. Filtramos por plantilla (1), seleccionamos la que queremos desinstalar (2)
y utilizamos el botón “Desinstalar” (3). Así se desinstala sin problemas (4).

Joomla!: La web en entornos educativos 204


10: Extensiones de terceros

4
1

El vídeo de las capturas de pantalla anteriores se encuentra en


http://dl.dropbox.com/u/15196983/joomla/videos/plantilla_item_menu.avi
Hay plantillas que nos permiten más opciones de configuración: Administración de
plantillas en Joomla!: http://www.youtube.com/watch?v=ROr3rmE0tLg

Joomla!: La web en entornos educativos 205


10: Extensiones de terceros

10.6. Ampliando la funcionalidad de Joomla!


En lnternet existen miles de extensiones distintas para ser implementadas en
Joomla! El dinamismo del proyecto y la creación de extensiones por parte de
terceros desarrolladores hace posible disponer de una colección de extensiones muy
completa que permite ampliar la funcionalidad de Joomla! en la mayoría de aspectos
relacionados con el desarrollo de proyectos web con esta herramienta. Gran parte
de ellas son de descarga gratuita, otras requerirán un pago previo.
Se presenta a continuación algunas extensiones claramente útiles en entornos
educativos, con referencias a las funcionalidades que implementan al sistema
Joomla! y orientaciones para su instalación y gestión, si procede. Se entiende que es
parte del proceso del usuario que este trabajo de localización, instalación y prueba
de extensiones sea práctica habitual cuando aparecen necesidades de publicación
web, sin olvidar que algunas extensiones necesitarían formación aparte para
dominar su administración con seguridad.
Se debe tener claro que el sistema Joomla! es seguro frente a posibles ataques en
Internet, pero añadir extensiones supone también aumentar el riesgo de sufrir algún
tipo de ataque, por lo que deberemos recoger información sobre las nuevas
extensiones que instalemos en nuestro Joomla! para garantizar un sitio con la mayor
seguridad posible.

10.6.1. Phoca Guestbook with Captcha


Un libro de visitas es una aplicación imprescindible, quizá, si queremos mantener
cierto contacto con los usuarios de nuestro sitio web.
Esta extensión es un componente que permite crear y administrar libros de visitas,
incluyendo una imagen de verificación Captcha para evitar la inclusión masiva de
artículos en el libro de visitas.
Localización del archivo de instalación. El archivo comprimido que utilizaremos
para instalar este componente se encuentra localizado en:
Recursos/Phoca Guestbook
Nombre del archivo: com_phocaguestbook_v2.0.5.zip
Página oficial del proyecto: http://www.phoca.cz/
1.- Instalamos el componente desde el Gestor de Extensiones:
Extensiones >> Gestor de Extensiones

2.- Una vez instalado nos permite decidir si queremos efectivamente instalarlo o
buscar una actualización. La actualización de las extensiones es variada y la mejor
forma de saber cómo se tiene que hacer es recurrir a la información que aporta el

Joomla!: La web en entornos educativos 206


10: Extensiones de terceros

proyecto. Lo instalamos haciendo clic en el botón “Install”.

3.- Se nos informa posteriormente de la correcta instalación. Hacemos clic en el


botón “Guestbooks” para comenzar a gestionar nuestros libros de visitas.

4.- Seleccionamos la pestaña “Guestbooks” y utilizamos el icono “Nuevo” para hacer


un libro de visitas.

5.- En la siguiente pantalla elegimos título del libro de visitas y escribimos una
descripción para dicho libro. Guardamos y cerramos.

Joomla!: La web en entornos educativos 207


10: Extensiones de terceros

Con ello ya nos aparece nuestro libro de visitas recién creado.

6.- Una vez que decidamos añadir un libro de visitas, creamos un ítem de menú
vinculado al mismo.

Y veremos en la portada el formulario para hacer la sugerencia cuando utilicemos el


enlace del menú.

Joomla!: La web en entornos educativos 208


10: Extensiones de terceros

4
1

En http://www.youtube.com/watch?v=o77zyeFZXLs dispone de un vídeo


explicativo (aunque de una versión anterior de Joomla!)

Joomla!: La web en entornos educativos 209


10: Extensiones de terceros

10.6.2. jVoteSystem
Utilizar una encuesta en su sitio web es una forma adecuada de recoger opiniones
de los usuarios sobre la temática que te interese.
Localización del archivo de instalación. El archivo comprimido que utilizaremos
para instalar este componente se encuentra localizado en:
Recursos/jvotesystem
Nombre del archivo: com_jvotesystem_2.05__joomess.de.zip
Página oficial del proyecto: http://joomess.de/projects/jvotesystem/download.html
1.- Instalamos el componente desde el Gestor de Extensiones:
Extensiones >> Gestor de Extensiones

2.- Una vez subido se nos informa de la correcta instalación.

3.- Accedemos, mediante el menú Componentes >>


jVoteSystem.

4.- Hacemos clic en el botón “New poll”. En el cuadro de diálogo


siguiente especificamos título de la encuesta, la pregunta y... en la
parte inferior, las opciones de esa pregunta. Una vez hecho utilizamos

Joomla!: La web en entornos educativos 210


10: Extensiones de terceros

el botón “Save” para guardar la encuesta.

5.- Una vez hecha tenemos que crear el módulo para


ponerla en pantalla. Acción que realizamos mediante el
menú Extensiones >> Gestor de Módulos.

Seleccionamos la encuesta y pulsamos sobre el botón “Editar”.


En el siguiente cuadro de diálogo elegimos la posición que va a ocupar (depende de
la plantilla); en este mismo cuadro de diálogo elegimos publicarlo.

Joomla!: La web en entornos educativos 211


10: Extensiones de terceros

En la parte inferior del mismo cuadro de diálogo seleccionamos en qué páginas va a


estar disponible la encuesta. En la figura siguiente se ha seleccionado que esté
disponible en todas.

Guardamos cambios y ya podemos ver la encuesta en la página principal.

Joomla!: La web en entornos educativos 212


10: Extensiones de terceros

10.6.3. JoomD
JoomD es una aplicación simple para la creación de un directorio y como constructor
de contenido para nuestro sitio web. Se usa igualmente para construir un blog a
través de sus entradas, un directorio comercial con múltiples categorías, Google
Maps con direcciones, etc.
El directorio, muestra una ordenación alfabética de los artículos de contenido, se
crea con las secciones y categorías publicadas en nuestro sitio web; y permite la
definición de una gran cantidad de parámetros para la presentación y posible
selección de las secciones o categorías que serán o no publicadas.

Localización del archivo de instalación. El archivo comprimido que utilizaremos


para instalar este componente se encuentra localizado en:
Recursos/JoomD
Nombre del archivo: com_joomd-2.3.0.zip
Página oficial del proyecto: http://www.joomla6teen.com/JoomD-Versions.html
1.- Instalamos el componente desde el Gestor de Extensiones:
Extensiones >> Gestor de Extensiones
2.- Una vez subido se nos informa de la correcta instalación.

Disponemos de vídeos interesantes sobre su instalación, configuración y


uso en http://www.joomla6teen.com/Docs.html

Joomla!: La web en entornos educativos 213


10: Extensiones de terceros

10.6.4. Attachments
Esta extensión permite cargar y adjuntar archivos a los artículos y otros tipos de
contenido de una forma sencilla. Incluye capacidad de unir y editar archivos desde la
parte delantera de nuestro sitio Joomla!, así como desde la parte administrativa.
Existen opciones para controlar quién puede ver los archivos adjuntos y quién puede
cargarlos, junto con otras muchas opciones para aumentar su flexibilidad y utilidad.
Localización del archivo de instalación. El archivo comprimido que utilizaremos
para instalar este componente se encuentra localizado en:
Recursos/Attachments
Nombre del archivo: attachments-3.0.3.zip
Nombre del archivo de idioma: attachments-Spanish-es-ES-language-pack-
3.0.3.zip
Página oficial del proyecto: http://joomlacode.org/gf/project/attachments3/frs/
1.- Después de la instalación del componente desde el Gestor de Extensiones se
nos informa que el componente y todos los plugins se han instalado
automáticamente a la vez.

Procedemos a la instalación del idioma.

La extensión incluye:

Joomla!: La web en entornos educativos 214


10: Extensiones de terceros

• Un plugin para mostrar los archivos adjuntos, identificado en la administración


de Joomla! como “Content – Attachments”.
• Un plugin para facilitar las labores de búsqueda y ordenación de adjuntos,
identificado en la administración de Joomla! como '”Search – Attachments”.
• Un plugin que crea un botón en el editor de texto WYSIWYG para adjuntar
archivos, identificado en la administración de Joomla! como “Editor Button –
Add Attachment”.
• Etc.
2.- Las opciones de configuración del componente las realizamos desde el menú
Componentes >> Adjuntos >> Opciones.

S nos muestra una nueva ventana con las opciones de configuración organizadas en
pestañas.

3.- Adjuntar un archivo a un artículo desde la zona de administración se realiza


desde el menú Componentes >> Adjuntos >> Añadir adjunto. Se nos abre una
ventana para elegir:
• El artículo en el que irá al final adjunto el archivo.
• El archivo adjunto (se sube a través del botón Examinar).
• La descripción del archivo.
• Usuarios que lo visualizarán (público, registrado, etc.).

Joomla!: La web en entornos educativos 215


10: Extensiones de terceros

Nota: La instalación crea una carpeta en el directorio raíz de instalación de Joomla!,


llamada “attachments”, que alberga todos los archivos adjuntados.
Si accedemos, después de guardar cambios, al Front-end podemos ver el archivo
adjunto al final del artículo.

4.- También se puede adjuntar un archivo a un artículo desde el editor texto


WYSIWYG, ya que crea un botón para ello.

Attachments: http://www.youtube.com/watch?v=XMzOVNfYJIo&hd=1

Joomla!: La web en entornos educativos 216


10: Extensiones de terceros

10.6.5. GCalendar
Es una extensión que permite integrar calendarios de Google para ser mostrados en
el Front-end de Joomla! En realidad se trata de un conjunto de extensiones:
• com_gcalendar. Gestiona nuestros calendarios de Google y proporciona
menús de enlaces a los calendarios.
• mod_gcalendar. Muestra los calendarios en una posición determinada de la
plantilla actual.
• mod_gcalendar_upcoming. Muestra una lista completamente personalizable
de los próximos eventos.
• mod_gcalendar_next. Muestra un contador para el próximo evento.
• plg_gcalendar_next. El complemento siguiente se muestra una descripción
para el próximo evento dentro de un artículo.
• plg_search_gcalendar. Se integra con los eventos nativos de búsqueda de
Joomla!
Localización del archivo de instalación. El archivo comprimido que utilizaremos
para instalar este componente se encuentra localizado en:
Recursos/GCalendar
Nombre del archivo: gcalendar_2_7_5.zip
Página oficial del proyecto: http://g4j.laoneo.net/content/
Nota: Es preciso tener antes creado en Google el calendario que se quiere mostrar
en nuestro sitio web.
1.- Después de la instalación del componente desde el Gestor de Extensiones se
nos informa que el componente ha sido instalado correctamente.

2.- Desde el menú Componentes >> GCalendar >>


Panel de Control accedemos a configurar GCalendar.

Joomla!: La web en entornos educativos 217


10: Extensiones de terceros

Se nos indica que no hemos establecido zona horaria.

Procedemos a hacerlo a través del botón “Opciones”. Una vez elegida zona horaria y
guardados los cambios ya no aparece el aviso.

Utilizamos el botón “Importar Calendarios”

Nos solicita que nos identifiquemos con nuestra cuenta de correo. Una vez hecho
aparecen los calendarios asociados a dicha cuenta de correo.

Marcamos el que deseamos aparezca y utilizamos el botón “Añadir”.

Joomla!: La web en entornos educativos 218


10: Extensiones de terceros

3.- Desde el menú Extensiones >> Gestor de Módulos >> Nuevo. Elegimos
GCalendar – Información General.

Para el nuevo módulo completamos: título, posición dentro de la plantilla, estatus. En


la zona de la derecha elegimos calendario.

Joomla!: La web en entornos educativos 219


10: Extensiones de terceros

Guardamos cambios y podemos ver nuestro calendario en el Front-end

Nota: este mismo procedimiento se sigue para los módulos “GCalendar Siguiente” y
“GCalendar Próximo”.

Otra forma de hacerlo: http://www.youtube.com/watch?v=aCaqFKLgXlI

Joomla!: La web en entornos educativos 220


10: Extensiones de terceros

10.6.6. JComment
Esta extensión permite añadir comentarios a artículos de contenido.
JComments permite a los visitantes del sitio web dejar comentarios en cualquier
material publicado. Proporciona un sistema flexible de configuración de accesos,
amplias posibilidades de configuración de vistas personalizadas y ofrece muchas
otras características, entre las que se pueden destacar:
• Permite encender / apagar el sistema de comentarios por categorías o
material concreto.
• Permite automáticamente publicar los comentarios para grupos de
usuarios existentes
• Configuración de los derechos de edición / eliminación para grupos de
usuarios existentes.
• Informes al administrador sobre nuevos comentarios.
• Permite a los usuarios estar informados acerca de nuevos comentarios.
• Posibilidad de editar los comentarios de front-end.
• Posibilidad de mostrar la página de comentarios por página y vista
personalizada de la posición de números de página.
• Etc. (listado de características completo o otras adicionales en su página
web).
Localización del archivo de instalación. El archivo comprimido que utilizaremos
para la instalación se encuentra localizado en:
Recursos/JComment
Nombre del archivo: com_jcomments_v2.3.0.zip
Nombre del archivo de idioma: es-ES_com_jcomments_v2.3.0_j17.zip
Página oficial del proyecto: http://www.joomlatune.com/

1.- Después de la instalación del componente desde el Gestor de Extensiones se


nos informa que el componente ha sido instalado correctamente.

Joomla!: La web en entornos educativos 221


10: Extensiones de terceros

Inmediatamente después instalamos el archivo de idioma

2.- Desde el menú Componentes >>


JComments accedemos a su configuración.

3.- Una vez elegida la configuración deseada y guardados los cambios, accedemos
al Front-end, donde podremos ver al final de cada artículo un enlace para introducir
comentarios.

Joomla!: La web en entornos educativos 222


10: Extensiones de terceros

4.- Si utilizamos el enlace aparece un formulario para dejar un comentario.

Joomla!: La web en entornos educativos 223


10: Extensiones de terceros

10.6.7. Kunena
Los típicos foros exigen una buena labor de mantenimiento, pero no por ello dejan
de ser un gran vehículo de comunicación y discusión con la comunidad de usuarios
de un sitio web.
Kunena es una extensión que proporciona un sencillo y completo sistema de gestión
de foros para ser implementado en Joomla! La instalación del componente se realiza
con un único archivo.
Localización del archivo de instalación. El archivo comprimido que utilizaremos
para la instalación se encuentra localizado en:
Recursos/Kunena
Nombre del archivo: com_kunena_v2.0.1_2012-07-07.zip
Nombre del archivo de idioma: pkg_kunena_languages_v2.0.1_2012-07-07.zip
Página oficial del proyecto: http://www.kunena.org/
1.- Después de la instalación del componente desde el Gestor de Extensiones se
nos informa que el componente ha sido instalado correctamente (la instalación pasa
por varias etapas de forma automática, dura unos segundos hasta que aparece la
siguiente pantalla). Hacemos clic en “Finalizar”.

En la siguiente pantalla nos aparece las opciones del foro, aunque en inglés.
Procedemos, por tanto, a la instalación de archivo que contiene el idioma, de nuevo
desde el Gestor de Extensiones.

Joomla!: La web en entornos educativos 224


10: Extensiones de terceros

2.- Desde el menú Componentes >> Kunena


accedemos a su configuración (ahora sí en
castellano).

3.- Una vez configurado el foro como


requiramos guardamos los cambios y
procedemos a crear un nuevo menú
desde Menús >> Menú Kunena >> Añadir
nuevo elemento de Menú.

Joomla!: La web en entornos educativos 225


10: Extensiones de terceros

4.- En el cuadro de diálogo que aparece a continuación elegimos, en “Tipo Elemento


Menú”, por ejemplo, COM_KUNENA_MENU_CATEGORY_DEFAULT.

Y rellenamos el resto de los parámetros necesarios.

Guardamos cambios.

5.- Ahora tenemos que añadir un nuevo módulo al menú y situarlo en el lugar que
deseemos de la plantilla. Para ello aprovechamos el enlace “Añadir un módulo para
este tipo de menú”.

Joomla!: La web en entornos educativos 226


10: Extensiones de terceros

Rellenamos los parámetros necesarios en el siguiente cuadro de diálogo: Título,


Posición, Estatus, Seleccione Menú.

6.- Si accedemos al Front-end vemos el menú del foro.

Kunena: http://www.youtube.com/watch?v=HPg1K_tH--E

Joomla!: La web en entornos educativos 227

Vous aimerez peut-être aussi