Curso online de Joomla 1.5: módulos independientes (II)

24 07 2009

Al hilo del artículo anterior de este curso online de Joomla 1.5, en este artículo vas a realizar una primera aproximación a la categorización de módulos en Joomla:

  1. Módulos independientes
  2. Módulos de componentes
  3. Módulos de menús
  4. Módulos de usuario

En sucesivas sesiones vas a practicar creando nuevos módulos de cada clase e instalando otros que previamente serán descargados gratuitamente desde Internet. Recuerda que nuestra intención siempre es realizar una web educativa, pero una vez que conozcas los procedimientos podrás aplicarlos a cualquier clase de sitio que estés diseñando, tenga la intención que tenga.

En primer lugar, dedicaremos el artículo a los módulos independientes, es decir, a aquellos módulos que no necesitan de ningún componente para su funcionamiento. Simplemente se instalan y funcionan plenamente por sí solos. No hacen ninguna consulta a ninguna base de datos, ni tampoco a ningún componente previamente instalado en el sistema.

Para localizar módulos de este tipo que puedan interesarte acude siempre al repositorio oficial de extensiones para Joomla:

 JOOMLA.ORG EXTENSIONS: http://extensions.joomla.org/

El sitio web mostrará un icono con una M en color rojo para indicarte que se trata de un módulo, y no de otra de las extensiones características de Joomla, como plugins, componentes o plantillas.

descarga de módulos

Te mostramos algunas posibilidades:

Instala y configura el módulo Slick RSS

Este módulo, fácil de instalar y configurar, te permite sindicar contenido de la Web para distribuirlo y compartirlo con tus visitantes, de tal manera que cuando el archivo RSS cambia en la web original, el contenido que se muestra en tu sitio a partir del RSS también cambia. Muy útil, por ejemplo, para insertar las últimas noticias, novedades, de los portales educativos institucionales como haremos a continuación.

Consulta los siguientes sitios si necesitas:

  • Información sobre el módulo en Joomla Extensions: http://extensions.joomla.org/extensions/external-contents/rss-readers/1649/details
  • Descarga del archivo (comprimido tar.gz - reconocido perfectamente por Joomla, no necesita descomprimir): http://joomla.daveslist.co.nz/demo/slick-rss/index.php?option=com_docman&task=doc_download&gid=7&Itemid=26. Se trata de un módulo bajo licencia GNU/GPL, acéptala validando la opción I agree y procede a la descarga del archivo mediante el botón Click here to proceed, que localizarás a mitad de página. Guarda el archivo mod_slick_rss-1-5-0.tar.gz en tu equipo.

La instalación de módulos independientes en Joomla se realiza por el  procedimiento ya conocido de instalar extensiones en Joomla (un módulo no es más que una extensión para el sistema). Vete al menú Extensiones y selecciona Instalar / desinstalar. Utiliza la opción más sencilla: subir paquete. Localiza el archivo que acabas de descargar mediante el botón Examinar y pulsa el botón Subir archivo e instalar para que se realice el proceso de instalación. En breve, el sistema te indicará que el módulo se ha instalado correctamente.

Pero con la subida del archivo no acaba la tarea de instalación y configuración del módulo. Siempre debes asegurarte de que el módulo se encuentra habilitado (por lo general, los nuevos módulos en el sistema se instalan deshabilitados por razones de seguridad) y, además, tendrás que acceder a su página de configuración para adaptarlo a lo que realmente necesitas.

Tras la instalación de un nuevo módulo sigue siempre estos pasos para configurarlo:

En primer lugar, cerciórate siempre de que el módulo recién instalado se encuentra habilitado en el Gestor de módulos. Búscalo en el listado y si no lo está, debes habilitarlo o si no no será visible en tu sitio. Acude por tanto al menú Extensiones - Gestor de Módulos, localiza en el listado el nuevo módulo Slick RSS y habilítalo haciendo clic sobre el icono rojo.

Joomla 1.5: instala el módulo Slick RSS

Pulsa sobre su nombre para acceder a los parámetros de configuración del módulo.

Observa el apartado Detalles: Puedes cambiar el Título, tecleando otro en su lugar, por ejemplo Canal Educastur (nuestra intención es acceder al canal RSS de Educastur, la página institucional de educación de nuestra Comunidad Autónoma), seleccionar si deseas o no que se muestre el título en el módulo (hemos seleccionado Sí), puedes también habilitarlo directamente desde aquí (si no lo has hecho en el paso 1), cambiar su posición y el orden en el que se muestra en dicha posición (de momento, selecciona footer, para que se muestre en el pie de página), incluso podrás establecerlo para un usuario determinado de tu sitio en Nivel de Acceso (déjalo como Público, para que cualquier visitante de tu Web pueda visualizarlo), etc. Experimenta con las distintas opciones y visualiza el resultado actualizando el Frontend de tu sitio Joomla. ¡Caramba, sólo veo el título… de noticias RSS… nada de nada!. Aún falta algún parámetro de configuración.

Joomla 1.5: instala el módulo Slick RSS

Apartado Asignación de menú. De manera predeterminada, está validada la opción Todo. Eso significa que hagas clic en cualquier enlace de los menús de navegación se visualizará siempre en la página este módulo Slick RSS; en otras palabras, el módulo se mostrará en todas las páginas de tu sitio Joomla. De momento, no tienes creado ningún menú excepto el menú principal que creó Joomla en la instalación básica, por tanto no puedes experimentar demasiado con esta opción, pero te adelantamos que podrías hacer que el módulo fuese visible al hacer clic en una entrada del menú que tu selecciones (o en varias) y, en cambio, que no apareciera en la página si el visitante hace clic sobre otro de los enlaces del menú. ¿Intuyes su utilidad?

Joomla 1.5: instala el módulo Slick RSS

El apartado Parámetros te permitirá configurar cómo se presenta el módulo en tu sitio: por ejemplo, el número de noticias que quieres que se muestren (number of items: teclea 8, por ejemplo), el número de palabras que incluirá el título de la noticia (item title word count: si pones 0 se mostrará todo el texto), si deseas que muestre un texto descriptivo o no en cada noticia RSS (item description text: lo hemos dejado en No, pero selecciona según tu criterio), que cuando hagas clic en la noticia se muestre en una nueva pestaña o ventana o en la misma (RSS feed link target: new window, same window, respectivamente), si deseas que se muestre o no un pequeño diálogo descriptivo al acercar el ratón a cada enlace de la noticia (tooltip)… en fin, experimenta modificando estas opciones. Ahora bien, el cuadro de diálogo imprescindible que deberás utilizar es RSS Url, pues será aquí el lugar en el que debes introducir la dirección URL del canal de noticias que quieres que se muestre en tu sitio.

 Joomla 1.5: instala el módulo Slick RSS

En nuestro ejemplo, hemos utilizado el canal RSS de Educastur que se localiza en la dirección: http://www.educastur.es/index.php?option=com_rss&feed=RSS2.0&no_html=1 pero seguro localizarás otros canales RSS de los portales educativos de las comunidades autónomas o de los sitios web que te interesen:

Canal RSS Educar.ex (Extremadura): http://www.educarex.es/contenido/noticias/noticias_rss.php

Canal RSS Junta de Andalucía - Educación: http://www.juntadeandalucia.es/educacion/www/novedades.xml

Canal Novedades RSS EducaCantabria: http://www.educantabria.es/feed/rss

Noticias EducaAragón: http://www.educaragon.org/noticias/rss.asp

Este módulo no permite demasiadas opciones de configuración, pero como ves cumple su función espléndidamente y, además, añade vistosidad y mejora estética y funcionalmente tu sitio, así que… no dejes de probar e instalar aquellos módulos que creas añadan funcionalidades a tu página.

El aspecto final del módulo será similar al que ves en la siguiente captura de pantalla:

Joomla 1.5: instala el módulo Slick RSS

Instala y configura el módulo GTranslate

Si quieres ofrecer la posibilidad de que tu sitio Web sea traducido a varios idiomas este módulo es una perfecta elección porque el módulo utiliza el motor de Google para la traducción de la página. Escrito bajo licencia GPL puedes obtener información sobre el módulo en:

GTranslate - Joomla Extensions: http://extensions.joomla.org/extensions/languages/automatic-translations/4823/details

Y puedes descargarlo desde:

Edvard Ananyan http://edo.webmaster.am/projects

Nota: localiza la versión 1.5, la versión para Joomla 1.5; necesita registro gratuito para su descarga.

Como el anterior utiliza Extensiones - Instalar / Desinstalar para instalar este módulo en tu sitio. Habilítalo para que se muestre en el Frontend desde Extensiones - Gestor de Módulos y configúralo haciendo clic en su nombre según tus preferencias: por ejemplo, cambia el Título y selecciona en Parámetros los idiomas de traducción que deseas ofrecer a tus visitantes.

Lógicamente, este módulo debe ser instalado en un sitio web ya en producción, en local mostrará un mensaje de error al ser utilizado, pero podrás observar su apariencia final para hacerte una idea de su funcionalidad:

 Joomla 1.5: instala el módulo GTranslate

Instala y configura el módulo RokSlideshow

Este módulo añadirá vistosidad a tu sitio ya que permite visualizar imágenes con transiciones en la posición de tu página que selecciones.

Información sobre RokSlideshow - Joomla Extensions: http://extensions.joomla.org/extensions/photos-&-images/images-slideshow/2078/details

Descarga del módulo Extensions Download RokSlideshow: http://www.rockettheme.com/extensions-downloads/free/rokslideshow/1039-rokslideshow-module/download

Como siempre, instala el módulo tal y como ya sabes, asegúrate de que se encuentra habilitado y configúralo según tus necesidades.

Aspectos a considerar en Parámetros:

  • Las imágenes que se muestran se toman desde un directorio concreto que deberás especificar manualmente en Images Directory: debes, por tanto, crear una carpeta en images/stories (por ejemplo, llámala centro) e incluir en ella las imágenes, previamente tratadas con un editor de imágenes, que desees que se muestren en el sitio. En el caso de un servidor local debes copiar - pegar las imágenes a la carpeta centro que se localizará en la ruta xampp/htdocs/portal/images/stories; si el servidor es remoto tendrás que acceder por FTP a tu cuenta y subir las imágenes a esa misma ubicación. Recuerda configurar en parámetros como directorio de imágenes images/stories/centro.

Joomla 1.5: instala el módulo Rokslideshow

  • El tamaño dependerá de la plantilla en uso, por ejemplo, para la plantilla rhuk_milkyway, la que usamos hasta ahora en este curso online, un ancho de 150 píxeles es más que suficiente y configura como alto 100 píxeles. Tus imágenes deberán tener el tamaño que aquí asignes.
  • Puedes modificar el tiempo de duración de la transición o el tiempo en el que se muestra cada imagen (transition duration e image duration, respectivamente).
  • Para realizar esta práctica hemos utilizado imágenes de uso educativo localizadas en el Banco de imágenes del ISFTIC: http://bancoimagenes.isftic.mepsyd.es. Hemos reducido su tamaño a 150 píxeles de ancho utilizando GIMP ( y hemos copiado - pegado todas las imágenes a la carpeta centro creada en images/stories de la carpeta portal (la de la instalación de Joomla). Las imágenes utilizadas te las ofrecemos en descarga al final de este artículo.

El aspecto final del módulo será similar al siguiente:

 Joomla 1.5: instala el módulo Rokslideshow

Descarga el archivo comprimido zip con las imágenes a utilizar en esta práctica: descarga

Como ves, una vez que conozcas los procedimientos de descarga desde la página oficial de Extensiones de Joomla, cómo instalar y cómo configurar los módulos descargados sólo tienes que elegir el que te interese y utilizarlo. Y no cabe duda que encontrarás módulos que muestren relojes, estado del tiempo, calendarios, imágenes y hasta reproductores MP3. Y si localizas y pruebas un módulo que te parezca atrayente, de esos de las tres Bes, bueno, bonito y barato (mejor gratis) comparte con nosotros tus impresiones: los usuarios de Joomla te lo agradeceremos.