Ante la inclusión en el Anteproyecto de Ley de Economía sostenible de modificaciones legislativas que afectan al libre ejercicio de las libertades de expresión, información y el derecho de acceso a la cultura a través de Internet, los periodistas, bloggers, usuarios, profesionales y creadores de internet manifestamos nuestra firme oposición al proyecto, y declaramos que:

1. Los derechos de autor no pueden situarse por encima de los derechos fundamentales de los ciudadanos, como el derecho a la privacidad, a la seguridad, a la presunción de inocencia, a la tutela judicial efectiva y a la libertad de expresión.
2. La suspensión de derechos fundamentales es y debe seguir siendo competencia exclusiva del poder judicial. Ni un cierre sin sentencia. Este anteproyecto, en contra de lo establecido en el artículo 20.5 de la Constitución, pone en manos de un órgano no judicial -un organismo dependiente del ministerio de Cultura-, la potestad de impedir a los ciudadanos españoles el acceso a cualquier página web.
3. La nueva legislación creará inseguridad jurídica en todo el sector tecnológico español, perjudicando uno de los pocos campos de desarrollo y futuro de nuestra economía, entorpeciendo la creación de empresas, introduciendo trabas a la libre competencia y ralentizando su proyección internacional.
4. La nueva legislación propuesta amenaza a los nuevos creadores y entorpece la creación cultural. Con Internet y los sucesivos avances tecnológicos se ha democratizado extraordinariamente la creación y emisión de contenidos de todo tipo, que ya no provienen prevalentemente de las industrias culturales tradicionales, sino de multitud de fuentes diferentes.
5. Los autores, como todos los trabajadores, tienen derecho a vivir de su trabajo con nuevas ideas creativas, modelos de negocio y actividades asociadas a sus creaciones. Intentar sostener con cambios legislativos a una industria obsoleta que no sabe adaptarse a este nuevo entorno no es ni justo ni realista. Si su modelo de negocio se basaba en el control de las copias de las obras y en Internet no es posible sin vulnerar derechos fundamentales, deberían buscar otro modelo.
6. Consideramos que las industrias culturales necesitan para sobrevivir alternativas modernas, eficaces, creíbles y asequibles y que se adecuen a los nuevos usos sociales, en lugar de limitaciones tan desproporcionadas como ineficaces para el fin que dicen perseguir.
7. Internet debe funcionar de forma libre y sin interferencias políticas auspiciadas por sectores que pretenden perpetuar obsoletos modelos de negocio e imposibilitar que el saber humano siga siendo libre.
8. Exigimos que el Gobierno garantice por ley la neutralidad de la Red, en España ante cualquier presión que pueda producirse, como marco para el desarrollo de una economía sostenible y realista de cara al futuro.
9. Proponemos una verdadera reforma del derecho de propiedad intelectual orientada a su fin: devolver a la sociedad el conocimiento, promover el dominio público y limitar los abusos de las entidades gestoras.
10. En democracia las leyes y sus modificaciones deben aprobarse tras el oportuno debate público y habiendo consultado previamente a todas las partes implicadas. No es de recibo que se realicen cambios legislativos que afectan a derechos fundamentales en una ley no orgánica y que versa sobre otra materia.

Este manifiesto, elaborado de forma conjunta por varios autores, es de todos y de ninguno. Se ha publicado en multitud de sitios web. Si estás de acuerdo y quieres sumarte a él, difúndelo por Internet.

A group of journalists, bloggers, professionals and creators want to express their firm opposition to the inclusion in a Draft Law of some changes to Spanish laws restricting the freedoms of expression, information and access to culture on the Internet. They also declare that:

1 .- Copyright should not be placed above citizens’ fundamental rights to privacy, security, presumption of innocence, effective judicial protection and freedom of expression.

2 .- Suspension of fundamental rights is and must remain an exclusive competence of judges. This blueprint, contrary to the provisions of Article 20.5 of the Spanish Constitution, places in the hands of the executive the power to keep Spanish citizens from accessing certain websites.

3 .- The proposed laws would create legal uncertainty across Spanish IT companies, damaging one of the few areas of development and future of our economy, hindering the creation of startups, introducing barriers to competition and slowing down its international projection.

4 .- The proposed laws threaten creativity and hinder cultural development. The Internet and new technologies have democratized the creation and publication of all types of content, which no longer depends on an old small industry but on multiple and different sources.

5 .- Authors, like all workers, are entitled to live out of their creative ideas, business models and activities linked to their creations. Trying to hold an obsolete industry with legislative changes is neither fair nor realistic. If their business model was based on controlling copies of any creation and this is not possible any more on the Internet, they should look for a new business model.6 .- We believe that cultural industries need modern, effective, credible and affordable alternatives to survive. They also need to adapt to new social practices.

7 .- The Internet should be free and not have any interference from groups that seek to perpetuate obsolete business models and stop the free flow of human knowledge.

8 .- We ask the Government to guarantee net neutrality in Spain, as it will act as a framework in which a sustainable economy may develop.

9 .- We propose a real reform of intellectual property rights in order to ensure a society of knowledge, promote the public domain and limit abuses from copyright organizations.

10 .- In a democracy, laws and their amendments should only be adopted after a timely public debate and consultation with all involved parties. Legislative changes affecting fundamental rights can only be made in a Constitutional law.

Joomla es una aplicación web con la que podrás presentar, crear, modificar, borrar y ofrecer diversos tipos de contenidos o datos, aunque estos contenidos con los que puede trabajar Joomla de manera nativa, en su instalación básica, son apenas unos pocos. Básicamente, artículos (como los de un periódico), enlaces web, contactos (como los de una agenda), publicidad o banners, encuestas, noticias en formato de sindicación y poco más. Sin embargo, estos contenidos por sí mismos pueden ser suficientes para muchos usuarios y situaciones, teniendo en cuenta además, que en su seno podrán mostrar imágenes, archivos flash, juegos swf, gifs animados, animaciones multimedia, vídeos, texto, código construido, etc. ¡Como ves, todo lo que puedas necesitar para construir una web educativa que desee ofrecer todo tipo de recursos!

Los artículos son, sin lugar a dudas, el tipo de contenido estrella de Joomla, pues son
los que más opciones de configuración y presentación ofrecen. Sin embargo, suelen ser objeto de crítica por la escasa flexibilidad de su sistema de clasificación: Joomla sigue una estructura jerárquica de contenido que estarás obligado a respetar, pues se clasifican en categorías y las categorías en secciones, pero no tendrás la posibilidad de establecer más niveles en esta jerarquía. Esto es algo que deberás conocer antes de lanzarte a escribir contenido de forma masiva para tu sitio. No te preocupes, “Con el ordenador a cuestas” también te orientará en esto.

A la hora de trabajar con artículos Joomla te propondrá que tenga un título y un contenido, podrás designar parte de este contenido para que actúe como texto introductorio o preámbulo, te permitirá paginar los artículos, para que resulte mucho más sencillo acceder a posiciones concretas dentro de ellos (algo muy útil, especialmente cuando los artículos sean muy largos) y te permitirá insertar en ellos todo tipo de archivos multimedia. Pero eso sí, siempre considerando que el artículo que crees esté dentro de una categoría, y que esta categoría esté dentro de una sección. ¿Te parece complicado todo esto? Tal vez, ambos conceptos sean a priori un tanto confusos y difíciles de comprender pero si planificas previamente tu sitio web (incluso con lápiz y papel), te resultará mucho más fácil asumir esta estructura jerárquica de contenidos en Joomla.

Es decir, cuando te plantees el diseño y el contenido de tu sitio Web, será requisito inicial crear las secciones que necesites (tal vez sólo una si tu sitio es pequeño, tal vez una buena lista si planificas un sitio muy complejo). Luego, dentro de ellas, deberás crear categorías y, finalmente, dentro de éstas crearás los artículos de contenido.

Veamos algún ejemplo para un mejor comprensión. Supongamos que estés realizando un sitio web dedicado a temas informáticos: una de sus secciones puede ser tutoriales, y dentro de ellas podrás crear diferentes categorías: diseño, ofimática, educación, etc. Cuando crees un artículo que incluya un tutorial de la suite ofimática OpenOffice, tendrás que indicarle al sistema que lo asignas a la categoría ofimática y a la sección tutoriales.

Otro más… Si planificas el sitio web institucional de tu centro puedes establecer como secciones, centro, alumnado, profesorado, ampa… y dentro de cada una de ellas diferentes categorías: secretaría, proyectos, actividades… para la sección centro, o actividades, enlaces, recursos… para la sección alumnado, y así sucesivamente. Luego, cuando escribas un artículo cuyo contenido sean las ayudas o becas al estudio le indicarás a Joomla que lo asigne a la categoría secretaría de la sección centro.

¿Te clarifica esto un poco? A pesar de las críticas, la posibilidad de establecer categorías y secciones te ofrece mucha flexibilidad a la hora de diseñar tu sitio Web y, sobre todo, mantendrá bien organizados los contenidos que crees en él, te permitirá diseñar sitios web complejos y casi profesionales con múltiples secciones, con diferencias estéticas y con diseños variados para cada sección, con menús diferentes por secciones y otras muchas combinaciones posibles. Te garantizamos que Joomla te permite todo esto y mucho más.

Los artículos, el contenido estrella

¿Significa todo esto que si no creo esta estructura inicial de secciones y categorías no es posible comenzar a crear contenido en Joomla? En absoluto. Joomla 1.5 te permite crear artículos sin asignar a secciones o categorías, artículos que mostrarán información estática, invariable, tal y como harías en cualquier página web de un sitio web… digamos tradicional. No son este tipo de artículos los que realizarás de manera más habitual en Joomla pero en el caso de una web institucional de centro podrás utilizarlos para mostrar esa información que no se modifica a lo largo del curso escolar. Entre otros usos, puedes crear artículos sin asignar a secciones o categorías para:

• Mostrar un mensaje de bienvenida a la web
• Informar al visitante de la ubicación del centro: dónde está, cómo llegar a él…
• Informar al visitante sobre la oferta educativa, los servicios educativos o los programas educativos que ofrece el centro
• Informar al visitante sobre la organización del centro: sus órganos de gobierno y participación, los órganos de coordinación docente, las funciones de cada uno de ellos, etc.
• Ofrecer los horarios generales del centro: de las actividades lectivas, de los grupos - clase, de las visitas a los diferentes tutores o profesores especialistas, etc.

En cambio, no tendrás más remedio que utilizar la estructura de secciones y categorías cuando desees mostrar contenido variable, que actualices día a día… y, en eso, Joomla no tiene rival: si deseas que tu web esté permanentemente actualizada y quieres que ese trabajo de actualización no suponga un excesivo esfuerzo (recuerdo a los lectores que nosotros somos maestros, no informáticos y ni mucho menos diseñadores web) Joomla hará que dediques apenas unos minutos a cada artículo que añadas al sitio. ¡Te lo demostramos, sigue leyendo!

Práctica. Un nuevo artículo con texto e imagen para tu sitio

En esta práctica vas a crear precisamente un artículo sin clasificar que posteriormente
convertirás en el único contenido de la página principal de tu sitio web (y como tu sitio está
vacío prácticamente también será el único contenido de momento de tu web). Para ello sigue los siguientes pasos:

PASO 1. Accede a la administración de tu sitio Joomla

Evidentemente, en primer lugar accede al Backend de tu sitio, porque hasta el momento todos los artículos que te hemos ofrecido lo hemos hecho desde el punto de vista de que eres el administrador del sistema.

Nota. Añadir artículos a Joomla puede hacerse también desde el Frontend del sitio, desde la página web que cualquier visitante ve desde Internet. Pero, de momento, tal y como tenemos diseñado el sitio en este curso online, esto de momento, no es posible. Pero eso no significa que no pueda hacerse.

Recuerda que debes escribir la URL del sitio seguido de /administrator, en el caso de un sitio remoto y, en el caso de una instalación de Joomla en local, la dirección localhost/”nombredelsitio”/administrator. Introduce los datos de acceso: nombre de usuario y contraseña, para ingresar en el sistema Joomla.

Paso 2. Accede al Gestor de Artículos

Los artículos se gestionan a través del menú Contenido. Al desplegarlo no debe sorprendente que el menú te ofrezca opciones para gestionar los artículos, las secciones y las categorías (ya sabes ahora que están íntimamente relacionados).

Tienes varios caminos diferentes para crear un nuevo artículo:

• Un icono en el Panel de Control denominado Añadir un nuevo artículo.

• Acudir al menú Contenido y hacer clic en la entrada Gestor de artículos.
• O bien utilizar el icono del Panel de Control llamado Gestor de artículos (obtendrás el mismo resultado que el paso anterior).

Si utilizas los dos últimos procedimientos, el sistema te mostrará una página en la que podrás visualizar todos los artículos que contiene en el momento actual tu sitio (¡ninguno, claro, aún no has empezado a añadir contenido al sitio!).

Paso 3. Crea un nuevo artículo con texto

Haz clic sobre el botón Nuevo, que se encuentra en la barra de herramientas de la parte superior derecha de la pantalla para iniciar la creación de un artículo nuevo. Aparecerá un formulario en el que el sistema te solicitará diversos datos concernientes a la creación del nuevo artículo.

• En Título teclea Bienvenidos a nuestro sitio Web en el cuadro de texto.
• En Alias copia - pega el mismo contenido anterior en el cuadro de texto.
• Para indicar que el artículo no debe clasificarse en ninguna sección / categoría, despliega el cuadro de lista Sección y selecciona la opción Sin clasificar. Observa que el cuadro de lista Categoría adquiere automáticamente ese mismo valor.
• Fíjate que, por defecto, se encuentra validada la opción Sí del campo Publicado. Esto significa que el artículo estará correctamente publicado en la web y será visible para los visitantes de tu sitio Joomla.
• Selecciona Sí en la opción Página Principal para indicar a Joomla que deseas mostrar el artículo en la página inicial de tu sitio, la que se mostrará al visitante tras introducir la dirección URL en el navegador.
• En el cuadro de texto central, el correspondiente al cuerpo del artículo, escribe el texto “Este sitio está aún en construcción” (sin las comillas) y pulsa la tecla Intro para cambiar de línea.

Cuando finalices de introducir todas estas opciones pulsa el botón Guardar de la esquina superior derecha para finalizar la creación de este artículo. El sistema te mostrará ahora de nuevo la lista de artículos, pero ya no estará vacía: el nuevo artículo creado aparecerá en el listado que te muestra el Gestor de artículos.

Si ahora recargas el Frontend de tu sitio podrás ver que el artículo de contenido aparece en la página inicial. Aún no es gran cosa, pero añadir contenido con texto es así de simple.

Paso 4. Edita el artículo para añadirle una imagen animada

Una vez que has escrito un artículo en Joomla, podrás modificarlo / editarlo siempre que lo desees. Localízalo en el listado del Gestor de artículos y haz clic sobre su nombre para abrir el formulario de creación - edición del artículo.

Vas a añadirle una imagen. Si has leído nuestro artículo anterior de este curso online, en él te hemos mostrado como insertar una imagen en un módulo personalizado. Los procedimientos allí descritos sirven para esta ocasión, pues incluir una imagen en un artículo de contenido se realiza exactamente igual.

Veamos cómo. En primer lugar, guarda la imagen animada que te ofrecemos a continuación, pues será la que utilizaremos en el artículo (botón derecho del ratón - Guardar imagen como):

Imagen descargada desde Los gifs animados de Palermo Viejo
un sitio web que ofrece gifs animados gratuitos

Ahora acude al icono Insertar imagen que te ofrece el editor JCE y navega hasta la parte inferior de la pantalla, hasta localizar el icono Subir.

Al hacer clic en él, se abrirá una nueva ventana emergente en la pantalla. Sólo tendrás que pulsar el botón Add - Añadir para localizar el archivo descargado en tu equipo.

Cuando lo localices y el archivo se muestre en esta ventana, pulsa el botón Subir para copiarlo en Joomla.

Para incluirlo en el artículo sólo tienes que hacer clic sobre él: automáticamente la ruta al archivo aparecerá en la parte superior del Administrador de imágenes. Añade un texto alternativo, por ejemplo Saltando a la comba y modifica el tamaño de la imagen si lo deseas (si lo haces asegúrate de que se encuentra validada la opción Proporcional, de esta manera podrás modificar una de las dimensiones y la imagen se ajustará proporcionalmente: así evitarás deformarla).

Cuando finalices de hacer todos los cambios que desees, pulsa sobre el botón Insert - Insertar que localizarás en la parte inferior del Administrador. Guarda los cambios y actualiza el Frontend para ver el nuevo aspecto del artículo. ¡Mucho mejor!

Este artículo sin clasificar se visualiza en la página inicial de tu sitio porque así lo has decidido (has validado la opción Sí en Página inicial a la hora de crear el artículo). Pero comprueba que el acceso al artículo no es tan simple como parece: si ahora acudes al Gestor de artículos y deshabilitas el artículo en la columna Página principal haciendo clic en el icono de validación verde (ahora el icono es rojo) las cosas habrán cambiado… ¡y mucho!. Ahora actualiza el Frontend de tu sitio y comprueba que ya no está en la página inicial y que, además, te resultará casi imposible acceder a él. Para que los visitantes de tu web puedan tener acceso a este artículo tendrás que crear una entrada en el menú del sitio (el menú principal) o un nuevo menú que apunte a él, en caso contrario el usuario de tu web no sabrá cómo encontrarlo.

Por tanto, cuando creas contenido no sólo tendrás que considerar qué son las secciones y categorías sino que también tendrás que conocer cómo Joomla crea menús de navegación  que permitan accedar a dichos contenidos. Como ves todos estos conceptos están interrelacionados y unos no pueden vivir sin los otros.

Si quieres practicar con lo expuesto en este artículo te invitamos a que realices otros contenidos sin clasificar y que experimentes qué sucede cuando estableces en Joomla que se muestren o no en la página inicial de tu sitio.

• Los módulos de menús

• Los módulos de usuario

Módulos de menús

Son aquellos módulos creados de manera automática por parte de Joomla como consecuencia de la creación de un menú. No es ahora el momento de profundizar en la creación de menús, aspecto que veremos en artículos posteriores, pero sí te adelantamos que en Joomla los menús que visualizarás en un sitio Joomla son, en realidad, módulos. Por ejemplo, el Menú Principal que se muestra en el sitio o mainmenu es un módulo llamado de esta misma manera que localizarás en el Gestor de módulos. Si acude a Extensiones - Gestor de módulos lo localizarás en la lista tipo con el nombre mod_mainmenu.

Cuando creas un nuevo menú en el sistema, Joomla crea automáticamente un módulo de tipo mainmenu para dicho menú. Como ocurre con todos los tipos de módulos, tendrás que habilitarlo manualmente y configurarlo según tus intereses (establecer su nivel de acceso, decidir su ubicación en la plantilla…) para que el menú se muestre en tu sitio web. De momento observa en el Frontend que el módulo mod_mainmenu, que de forma predeterminada se corresponde con el Menú principal se muestra en la página inicial de tu sitio.

Como cualquier otro módulo podrás cambiarlo de posición: por ejemplo, puedes colocarlo en la parte derecha de la página si es de tu agrado.

En futuros artículos hablaremos de la creación de menús en Joomla 1.5 y entenderás mejor este tipo de módulos.

Módulos de usuario

Son módulos creados de manera manual por el administrador del sistema desde la parte administrativa del Backend. Joomla permite así crear nuestros propios módulos: módulos muy sencillos que mostrarán simplemente información sin hacer ningún tipo de consulta a la base de datos. Serán módulos estáticos porque la información que muestran es invariable pero te aseguramos que son de extraordinaria utilidad. Por ejemplo, este tipo de módulo te permitirá crear un módulo Enlaces en el que mostrarás imágenes características de diversos sitios Web que enlazarás con sus correspondientes direcciones URL.

En este artículo vas a crear un nuevo módulo que te servirá como base para duplicarlo en otros módulos para que su funcionalidad sea similar. El módulo consistirá en una imagen que enlazarás con una página web externa. Para esta práctica utilizaremos un par de imágenes que puedes descargar directamente a continuación (botón derecho del ratón - Guardar imagen como:

Joomla te permite insertar imágenes en los contenidos que crees de muy diferentes maneras. Puedes utilizar imágenes que tengas alojadas en la web (no necesariamente en tu servidor) o que se localicen en Internet. Este es el caso de imágenes alojadas en servicios alojadores de archivos o imágenes ya publicadas en otras páginas, como las imágenes de la Wikipedia que desees referenciar. En estos dos casos para incluirlas en tus contenidos de Joomla deberás conocer su dirección URL y referenciarla en ellos estableciendo vínculos al archivo multimedia desde el contenido. Este procedimiento se convertirá seguro en uno de tus favoritos y, es más, será uno de los más recomendables a la hora de utilizarlos, ya que los archivos multimedia suelen requerir bastante espacio de almacenamiento: recurrir, pues, a esos servicios Web será una excelente idea para evitar agotar tu propio espacio de hosting, limitado en muchos servidores incluso de pago. Entre los más populares YouTube, Flickr, Picasa Web, Photobucket, Google Videos, etc.

Pero puede ocurrir también que prefieras utilizar imágenes alojadas en tu propio servidor (procedimiento que utilizarás habitualmente cuando trabajes con tu servidor local: en este caso la limitación del hosting la pone sólo la capacidad de tu disco de almacenamiento). En este caso Joomla te ofrece una herramienta para gestionar este almacenamiento, el Gestor Multimedia, y diversos procedimientos para incluir estas imágenes en tus contenidos. “Con el ordenador a cuestas” te mostrará cómo actuar en cada uno de ellos, después será decisión tuya escoger el procedimiento que consideres más oportuno o más cómodo. Además también tienes que tener en cuenta que en una sesión previa de este curso online hemos instalado el editor JCE y lo hemos configurado para que el administrador del sistema lo utilice, por tanto, el tutorial que aquí se muestra está basado en la inserción de imágenes con este editor.

Curso online de Joomla 1.5: Lo primero… instalar un buen editor - Acceder

El Gestor Multimedia

Joomla incluye su propio gestor multimedia que te permitirá gestionar los archivos multimedia de tu servidor: te permitirá crear carpetas, subir nuevos archivos al sistema, borrarlos, previsualizarlos o conocer la ruta de almacenamiento de cualquier archivo que se encuentre en tu espacio. No es demasiado completo pues no podrás utilizarlo para copiar, mover, renombrar o buscar archivos, pero sí suficiente para nuestras pretensiones actuales. Accederás a él desde el Panel de Control o desde el menú Sitio - Gestor Multimedia.

Su manejo es extremadamente sencillo e intuitivo: sólo tendrás que localizar el archivo a subir y la carpeta de tu directorio Joomla en la que lo guardarás y Joomla se encargará del resto.

Inicialmente el Gestor Multimedia muestra la vista en miniatura, pero podrás cambiar a la vista detallada haciendo clic sobre el enlace Vista detallada que localizarás en la zona superior de la pantalla. Esta vista en miniatura divide la pantalla en tres partes:

• Carpetas. En la parte izquierda puedes ver las carpetas de las que se compone (de manera predeterminada Joomla establece como directorio de archivos multimedia la carpeta images - puedes cambiar esta ruta en el menú Sitio - Configuración global - pestaña Sistema - bloque Configuración multimedia). ¡A tener en cuenta: puedes modificar las rutas a las carpetas predeterminadas, pero no elimines nunca las carpetas que Joomla tiene establecidas de manera predeterminada para los archivos multimedia: images, stories… son utilizadas por muchos componentes de Joomla. Si las borras, tendrás problemas con la instalación de extensiones de terceros para Joomla! Al hacer clic sobre cada una de ellas podrás ver en la zona derecha de la pantalla los archivos que contiene.
• Archivos. En la parte derecha tienes una previsualización de cada archivo y, debajo de ella, el nombre del archivo y una casilla de activación que te permitirá seleccionarlo para borrarlo, bien con el icono rojo que hay a su lado, o bien a través del botón borrar de la parte superior derecha de la pantalla. Si haces clic sobre la imagen en miniatura o sobre el nombre del archivo podrás visualizarlo a tamaño real. Observa que en la parte superior se muestra la ruta completa de la carpeta o archivo dentro del sistema: esta información puede resultarte de utilidad para crear enlaces a estos archivos. Dispones también del botón Crear carpeta, que podrás utilizar para crear nuevas carpetas para organizar mejor los archivos del sistema. Recuerda, cuando lo hagas, posicionarte en la carpeta en cuyo interior desees crear subcarpetas.
• Subir archivo. En la parte inferior de la pantalla se muestra un formulario básico de subida de archivos: el botón Examinar te permitirá localizar un archivo multimedia en tu equipo y el botón Empezar subida te permitirá “subir-copiar” el archivo a la carpeta que tengas seleccionada en Archivos. En este proceso sólo podrás subir archivos de uno en uno. Para superar esta limitación, Joomla te ofrece en Configuración global - Sistema - configuración multimedia la posibilidad de habilitar Flash Uploader (valida Si en Habilitar la subida de Flash y guarda los cambios mediante el icono Guardar), de tal manera que puedas subir varios archivos a la vez y conocer el proceso de transferencia mediante un porcentaje. Ahora el botón Examinar se ha sustituido por un botón Navegador de archivos que abrirá una ventana en la que podrás seleccionar varios archivos a la vez. ¡Nota: Flash Uploader no funciona con Flash 10, este error, de momento, no está solucionado!.

Práctica. Crear un módulo nuevo con una imagen enlazada

Lo primero será comenzar con la creación del nuevo módulo. Para ello acude al menú Extensiones - Gestor de módulos. Haz clic sobre el botón Nuevo de la barra de herramientas. En la nueva pantalla selecciona la opción Personalizar HTML: es la opción que te permitirá crear tu propio módulo utilizando el lenguaje html de publicación web en un editor de textos. Valida el botón y haz clic sobre Siguiente en la barra de herramientas o haz clic en su nombre. Accederás así al formulario de creación del nuevo módulo.

Teclea como nombre del módulo Mis enlaces escribiendo estas palabras en el campo Título (éste será el valor que se muestre en el Frontend), escoge posición right (derecha) y deja que sea la posición 0 la que le corresponda. Asegúrate que se encuentra habilitado (lo estará de forma predeterminada). Ahora dirígete hasta el final de la página, hasta que veas el editor de textos de Joomla, en concreto, la sección Salida personalizada.

Si estás familiarizado con la utilización de un procesador de textos no tendrás dificultades para utilizar este editor, incluso algunos iconos son exactamente los mismos que encontrarás en Word o en OooWriter. Podrás teclear el texto en el lienzo en blanco y, a continuación, editarlo según tus preferencias. Pongámonos a la tarea:

1. Escribir un texto

Teclea en el espacio en blanco NEA. Vas a darle un formato característico. En primer lugar, selecciona toda la palabra con el ratón o haciendo doble clic encima de ella y pulsa el icono con la letra B que localizarás en la barra de herramientas del editor. Esto hará que la palabra aparezca resaltada en negrita.  A continuación, localiza el apartado tamaño de fuente y en el menú desplegable selecciona un tamaño de 12 puntos. Haz clic con el ratón al final de la palabra y con un Intro pasa a la línea siguiente, exactamente igual que harías con tu procesador de textos favorito.

2. Insertar la imagen

a. Mediante el botón Imagen

Joomla te ofrece un botón Imagen que hallarás en la parte inferior del editor. Te permitirá insertar una imagen en el módulo.

Fíjate en la parte inferior de la ventana que emerge en pantalla, la sección Subir.

Haz clic sobre el botón Examinar y localiza el archivo nea_logo.png que te hemos ofrecido al comienzo del artículo y, posteriormente, haz clic sobre el botón Empezar subida. Con este sencillo procedimiento se realizará el volcado de este archivo de imagen a la carpeta images/stories (recuerda, la predeterminada por el sistema para alojar nuevas imágenes). Una vez que finalice la subida del archivo el sistema te indicará con un mensaje que la subida se ha completado y podrás ver una pequeña minuatura con su previsualización en la ventana (los archivos están ordenados alfabéticamente). Si haces clic sobre la imagen observarás que el campo URL de la imagen se rellena automáticamente con la ruta exacta al archivo en cuestión.

Completa los demás campos de texto que aparecen en la ventana:

• En Descripción, incluye un texto descriptivo para la imagen elegida: logo del NEA - Navegador Educacional Asturiano
• En Título, teclea un texto que la describa (aparecerá en el Frontend al aproximarte con el ratón a la imagen: Accede al NEA, Navegador Educación Asturiano.

Ahora sólo tienes que hacer clic sobre el botón Insertar que se localiza en la parte superior para que la imagen se inserte en el editor, justo en el lugar donde se situaba el cursor del ratón.

Finalmente, centra tanto el texto como la imagen, seleccionándolos previamente, utilizando el icono de Centrado de la barra de herramientas del editor de textos.

Guarda finalmente los cambios realizados en el módulo utilizando el botón Guardar de la Barra de herramientas del formulario de creación del módulo.

b. Utilizando el botón Imagen del editor de textos JCE

Un segundo procedimiento te permite insertar una imagen en el módulo: utilizar el icono imagen del editor JCE. Vas a practicar con él: haz clic ahora sobre el módulo Mis enlaces, que aparece en el gestor de Módulos, esto te permitirá editarlo una vez ya creado y dirígete hasta la sección Salida personalizada, en la parte inferior de la pantalla. Haz clic al final de la imagen del logo del NEA y con un Intro pasa a la línea siguiente. Teclea ahora ISFTIC - NIÑOS y formatea el texto tal y como has hecho en el procedimiento anterior. De nuevo, un Intro para pasar a la línea siguiente: ahora vas a insertar la segunda imagen.

Para ello utiliza el icono Insertar imagen que localizarás en la barra de herramientas del editor de texto JCE.

La ventana emergente Administrador de imágenes aparecerá en pantalla. Verás que se encuentra dividida en dos partes:

• En la parte inferior de la pantalla, la sección Navegar. Te permite previsualizar el directorio de carpetas y archivos del directorio predeterminado en Joomla para las imagenes /images/stories. Puedes localizar una carpeta determinada en la columna Carpetas, un archivo multimedia en la columna central o visualizar en pantalla en la columna derecha detalles una miniatura de la imagen seleccionada en la parte central o un listado detallado de sus propiedades como el tipo de archivo, sus dimensiones o su tamaño. El icono Subir (está situado justo encima de la columna Detalles) te permitirá localizar la imagen que desees en tu equipo y subirla a tu servidor. Haz clic sobre este icono, una ventana aparece en pantalla; si pulsas sobre el botón Add - Añadir podrás acceder al disco o discos presentes en tu ordenador para localizar la imagen a utilizar. Finalmente el botón Subir iniciará el proceso de volcado de la imagen a tu servidor. Cierra, por último, la ventana. Podrás comprobar ahora que los datos relativos a la imagen han sido automáticamente rellenados en la parte superior de la ventana.

• En la parte superior de la ventana verás los detalles de la imagen seleccionada. En este apartado el administrador de imágenes te ofrece opciones avanzadas para la edición de la imagen como modificar sus dimensiones, establecer el alineamiento de la imagen en relación con el texto que la acompañe, añadir un borde del ancho y color que desees, establecer márgenes e incluso establecer una imagen rollover, es decir, establecer una imagen que sustituya a la original cuando el ratón se acerca o no a la imagen seleccionada. No pretendemos hacer un manual completo de este administrador porque alguna de sus funciones son muy intuitivas, te animamos a que juegues y experimentes con él.

Cuando termines de hacer todos los cambios que desees (nosotros no hemos hecho ninguno) simplemente haz clic sobre el botón Insert que localizarás en la parte inferior de la ventana. La imagen se insertará en el editor. Guarda los cambios realizados.

c. Utilizando una imagen ya existente en Internet

En este último apartado vas a incluir una tercera imagen en el módulo, pero ésta ya se encuentra publicada en Internet. En concreto, vamos a utilizar la imagen del logo JClic alojada en el servidor del programa Clic, un excelente software educativo que te permitirá realizar y trabajar con actividades multimedia educativas.

Su dirección URL es http://clic.xtec.cat/img/jclic_logo.gif. En Firefox es muy sencillo conocer la dirección URL de las imágenes: cuando localices una de tu interés haz clic con el botón derecho del ratón sobre ella y en el menú emergente selecciona Ver imagen (la ruta se mostrará automáticamente en el campo de texto dirección Url del navegador). Puedes también utilizar la opción Copiar la ruta de la imagen para copiar esta dirección URL al portapapeles del sistema operativo.

Ahora utiliza de nuevo el icono para Insertar imágenes del editor JCE o el botón Imagen de Joomla. Pero en lugar de localizar una imagen de tu servidor, copia - pega la dirección URL de la imagen en el campo de texto dirección URL de la ventana emergente. ¡Fácil, no! El resto del proceso es exactamente igual al que te hemos descrito en los apartados anteriores.

3. Enlazar las imágenes

Ahora que ya sabes cómo insertar imágenes en un módulo (utilizarás exactamente los mismos procedimientos en Joomla para insertar imágenes en los artículos) sólo queda enlazarlas con las páginas web correspondiente. Y esto es muy sencillo, te mostramos cómo debes hacerlo con la primera de las imágenes, luego repite el proceso utilizando la dirección URL de Isftic y de JClic para las dos siguientes.

1. Haz clic sobre la imagen nea_logo.png para seleccionarla.

2. Observa en el editor de texto el icono en forma de cadena (ahora activo). Te servirá para añadir un vínculo al elemento seleccionado. Haz clic sobre este icono para abrir la ventana de edición Enlaces avanzados. JCE te permite añadir vínculos a sitios web, a documentos de tu servidor, a un destinatario e-mail, e incluso a contenidos del sitio o a entradas de los menús de Joomla, pero en este caso se trata de incluir la dirección URL del sitio al que se navegará cuando se haga clic en la imagen, es decir, a la página del NEA.

En URL teclea la dirección URL del NEA http://nea.educastur.princast.es (admite copiar - pegar: copias la dirección en Firefox, pegas en JCE), selecciona en Destino la opción Abrir en una ventana nueva para que el comportamiento del enlace sea que al hacer clic sobre la imagen, el sitio del NEA se abra en una nueva pestaña o ventana del navegador. Escribe como Título, NEA, Navegador Educacional Asturiano y haz clic, por último, en Insertar. ¡Listo!.

Repite el procedimiento para las otras dos imágenes con las siguientes direcciones URL:

ISFTIC NIÑOS: http://www.isftic.mepsyd.es/ninos/

JCLIC: http://clic.xtec.cat/es/act/index.htm

Guarda todos los cambios realizados y actualiza el frontend de tu sitio Joomla. Fíjate ahora en la nueva estética de tu sitio web y cómo el nuevo módulo aparece en la parte derecha de la pantalla. Comprueba también el funcionamiento del módulo y navega hacia las páginas enlazadas. ¿Funciona o no?

¿Vas intuyendo otras posibilidades? Este tipo de módulos, de gran sencillez a la hora de crearlos, serán de extraordinaria utilidad:

• Podrás incluir varias imágenes enlazadas a diferentes sitios web, unas debajo de otras, a modo de panel de navegación, tal y como has visto.
• Podrás duplicar el módulo para realizar otros similares y hacer más espectacular el diseño de tu sitio.
• Podrás crear un módulo Quién soy, en el que muestres información personal para informar a tus visitantes de quién es el administrador del sitio, tu centro, tus proyectos, etc.
• E incluso podrás crear subportales con módulos diferenciados por secciones y páginas de tu sitio Web. ¡Ahí es ná!

• En primer lugar, recuerda que has creado un módulo Encuestas posicionado en la posición right de tu plantilla pero que aún no es visible porque no tienes configurada ninguna encuesta en tu sitio Joomla. Aprenderás a hacerlo. Si aún no lo has hecho te invitamos a que utilices el Gestor de Módulos - botón Nuevo y lo crees para seguir nuestro tutorial. Ver artículo de Con el ordenador a cuestas en el que te mostramos cómo instalar un módulo de los presentes en la instalación básica de Joomla.
• En segundo lugar realizarás la instalación de un módulo que puede ser de utilidad en tu sitio educativo que necesita obligatoriamente la instalación previa de un componente y te mostraremos cómo configurarlos.

Configura una encuesta con el componente Encuestas de Joomla

Joomla incluye en su instalación básica el componente com_poll para plantear encuestas a los visitantes de tu sitio: cada una de ellas estará formada por una sola pregunta y tendrá la posibilidad de incluir hasta 12 opciones excluyentes.

Para diseñar - modificar las encuestas debes acudir al Gestor de encuestas localizable
en el menú Componentes - Encuestas del Backend de Joomla:

Accederás así al listado de todas las encuestas que tienes en tu sistema: listado vacío, porque, de momento, no tienes ninguna.

Los botones de la barra de herramientas te permitirán publicar y anular la publicación de las encuestas, borrarlas, editarlas y, por supuesto, también crear nuevas encuestas. Pulsa sobre el botón Nuevo para acceder al formulario de creación de una encuesta.

En el cuadro de texto Título escribe la pregunta o el enunciado de la encuesta y utiliza
cada uno de los cuadros de texto Opciones para establecer las opciones de respuesta de la misma. Estas opciones son excluyentes, es decir, el usuario sólo podrá elegir una de ellas en cada votación.
La opción Intervalo permite establecer un plazo mínimo de tiempo (expresado en segundos) entre dos votos procedentes de un mismo ordenador. Sin embargo, este sistema de control es bastante limitado pues está basado en cookies, por lo que resulta muy fácil escapar a él: por ejemplo, si el visitante utiliza distintos navegadores o borra las cookies podrá votar tantas veces como quiera sin limitación alguna de tiempo. Cuando finalices de diseñar la encuesta pulsa el botón Guardar para guardarla en el sistema y observa cómo se muestra en el listado del Gestor de Encuestas.

Ejemplo de encuesta:

• Título: ¿Qué contenidos te gustaría encontrar en nuestro sitio?
• Opciones:
  • Información detallada sobre el centro
  • Galerías fotográficas de las actividades del centro
  • Variedad de recursos educativos
  • Descargas de documentos
  • Foros o chats de participación
  • Enlaces educativos

La creación de la encuesta ya ha finalizado pero si recargas el Frontend de tu sitio no podrás visualizarla. ¡Para mostrarse en tu sitio, en el Frontend, necesitarás configurar el módulo correspondiente asociado a este componente, el módulo Encuesta - mod_poll!. Por cierto, asegúrate de que la nueva Encuesta esté publicada o si no no podrá visualizarse en el módulo correspondiente.

Recuerda que este módulo ya ha sido creado en un artículo anterior (lo hemos llamado Nuestra encuesta) pero todavía no está configurado. Ahora es el momento de hacerlo. Por ello acude al Gestor de Módulos y, haz clic en el nombre del módulo Nuestra encuesta (fíjate a su derecha verás la columna tipo - mod_poll que te indicará que se trata de un módulo encuesta) para acceder al formulario de configuración de la misma.

Observa el apartado Parámetros. Si despliegas el cuadro de lista desplegable Encuesta verás el título de la nueva encuesta que acabas de crear. Selecciónala y guarda los cambios utilizando el botón Guardar de la Barra de herramientas.

Si ahora actualizas el Frontend de tu sitio verás el aspecto de la encuesta en la página inicial de tu sitio.

Prueba su funcionamiento: contesta y vota y observa cómo Joomla te muestra sus resultados.

Instala un módulo asociado a un componente: el módulo Google Search

Google Search es un módulo asociado al componente Google Search, gratuito y distribuido bajo licencia GPL, que te permitirá ubicar en cualquier posición de tu página un formulario de búsqueda en Google. Cuando el visitante de la web utilice el botón de búsqueda los resultados se mostrarán en tu propio sitio Joomla, en el lugar donde se visualizan los artículos de tu sitio (aquí es donde se nota la actuación del componente).

Información sobre el módulo en Extensions Joomla.org: http://extensions.joomla.org/extensions/external-contents/web-search/4935/details

Descarga del módulo Google Search para Joomla 1.5: http://www.kksou.com/php-gtk2/products/download_product.php?i=15

Descarga del componente Google Search para Joomla 1.5: http://www.kksou.com/php-gtk2/products/download_product.php?i=13

Debes descargar y guardar en tu equipo ambos archivos zip: el llamado mod (el módulo) y el archivo que empieza por com (el componente).

1. Instala el módulo

Con el procedimiento ya conocido, instala el módulo. Para ello acude a Extensiones - Instalar / Desinstalar y localiza el archivo zip descargado. Se instalará aunque el sistema te mostrará un mensaje de advertencia indicándote la necesidad de instalar también el componente asociado.

Acude ahora al Gestor de Módulos y habilita el módulo recién instalado o si no no será visible en el Frontend de tu sitio.

Recarga el Frontend de tu sitio para comprobar que Joomla emite un mensaje de error indicándote la necesidad de instalar el componente asociado.

2. Instala el componente

Instala a continuación el componente asociado (instalar componentes se instala exactamente igual que el resto de extensiones de Joomla: ya sabes acude a Extensiones - Instalar / Desinstalar y procede de la misma forma que ya conoces para instalar un módulo: el archivo se llama com_googlesearch. Cuando finalices una nueva entrada llamada Google Search aparecerá en el menú Componentes de Joomla.

Ahora actualiza el Frontend de tu sitio Joomla y observa cómo el módulo ya se visualiza correctamente. Aprovecha para comprobar su funcionamiento.

Aún quedan muchas cosas por hacer. Lo primero será configurar el módulo según tus necesidades e intereses. Para ello acude al Gestor de Módulos y haz clic sobre su nombre:

• Cambia su título para que no aparezca en inglés: por ejemplo, Buscar en la Web.
• Cambia su ubicación al lugar de la página que desees: por ejemplo, en la parte derecha - right, al inicio de la columna. En el listado del Gestor de Módulos puedes utilizar unos pequeños triángulos presentes en la columna Ordenar para subir y bajar los módulos en cada posición que se localice.
• Aplica y guarda finalmente los cambios cuando finalices y comprueba recargando el Frontend el aspecto final del módulo.

¡De la misma manera, también puedes configurar el componente al que se asocia este módulo para cambiar algunos de sus parámetros!. Acude, por tanto, al menú Componentes, entrada Google Search y haciendo clic sobre este nombre modifícalo a tu gusto. Por ejemplo, nosotros hemos modificado los siguientes valores:

• width of search results: 420 (este tamaño se mide en píxeles y debes tener en cuenta que los resultados se mostrarán en la parte central de la página, esta medida es suficiente para la plantilla que estamos usando)
• size of search field: 40

Recuerda que estamos introduciendo valores que se adapten correctamente a la plantilla ruhk milkyway en uso como predeterminada.

• search button label: es el texto que aparece en el botón del módulo para iniciar la búsqueda, de manera predetermina Search, cámbialo por Buscar, por ejemplo.
• search domain as default: valida no, de esta manera se mostrará de forma predetermina la opción de buscar en la web.
• country: en el listado selecciona Spain. Esto permitirá que las búsquedas se realicen utilizando como localización geográfica España y el componente mostrará los resultados en español.
• Los otros parámetros son bastante intuitivos: te permitirán modificar el diseño del botón, el formato de fuente, los colores, los logos de Google, etc. Experimenta con ellos y observa los cambios.

Cuando acabes de escoger todas las opciones que te interesen utiliza el botón Guardar para salvar los cambios. ¡Tus alumnos, a partir de ahora, podrán realizar búsquedas en Google directamente desde la web del centro, una opción más para animarles a ser visitantes de  la web del colegio!

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.

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.

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.

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?

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.

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:

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:

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.

• 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:

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.

Existen cientos de estas extensiones disponibles para múltiples funcionalidades: galerías de imágenes y multimedia, comercio electrónico, foros, chats, calendarios, agendas, correos, sistemas de anuncios, sistemas de suscripción a servicios, descarga de archivos, y muchas más. Algunas de ellas serán gratuitas, otras comerciales a las que sólo accederás si pagas por su licencia, muchas bajo licencias Creative Commons y una gran mayoría bajo licencias libres GNU/GPL (estas dos últimas serán las que te recomendemos instalar).

Conseguirlas es relativamente sencillo pues sólo necesitarás localizarlas haciendo búsquedas concretas en un buscador como Google (teclea addons joomla gratuitos, por ejemplo) pero también puedes acceder a páginas especializadas como:

• JOOMLA EXTENSIONES OFICIALES http://extensions.joomla.org (es el mayor repositorio de extensiones para Joomla, y el oficial, así que de visita obligada)
• JOOMLA HACKS http://www.joomlahacks.com
• JOOMLA RESOURCE http://resources.joomla.org/
• y, por supuesto, también de visita obligada el Centro de Extensiones de Joomla Spanish, del que ya te hemos hablado, el repositorio oficial en español de extensiones para Joomla JOOMLA SPANISH EXTENSIONES OFICIALES http://extensiones.joomlaspanish.org

En realidad, Joomla posee cinco diferentes tipos de extensiones, algunos de los cuales ya conoces:
1. Plantillas: ya hemos hablado de ellas en artículos anteriores. Permiten establecer y modificar el diseño de tu sitio Web.
2. Módulos: son los protagonistas de esta sesión de trabajo
3. Plugins o mambots
4. Componentes
5. y los archivos de lenguaje: los idiomas, que posibilitan la traducción de Joomla o de algunas de sus extensiones al lenguaje español.

¿Qué son los módulos?

Los módulos son elementos del sistema que muestran bloques de información en diferentes posiciones o zonas de la plantilla que estés utilizando en tu sitio Joomla (pueden estar situados en cualquier parte de tu sitio, esto dependerá de los criterios que haya seguido el diseñador de la plantilla que estés utilizando cuando en su momento la diseñó). En otras palabras: los módulos son el vehículo para mostrar en tu sitio ciertos contenidos del mismo. Muestran información secundaria, simplificada y breve que toman de la base de datos y que después cargan sobre la periferia de la plantilla (normalmente en las columnas laterales, el encabezamiento o el pie de página). No olvides que su posición puede variar según la plantilla, template o theme que estés empleando en cada momento en tu página y que podrás comprobar cuál es si acudes al Gestor de plantillas - botón Editar - Previsualizar. Consulta nuestro artículo dedicado a la gestión de plantillas si necesitas conocer qué son las posiciones en una plantilla de Joomla.

En el caso concreto del sitio que tienes instalado y configurado en el servidor local, al no haber instalado los archivos de ejemplo que Joomla te recomendaba al acometer una instalación básica, verás que sólo aparece un único módulo, el Menú principal. Compruébalo acudiendo al menú Extensiones - Gestor de Módulos.

En la ventana que se abre en pantalla verás el listado de módulos instalados hasta el momento en Joomla.

Si accedes a sitios Web realizados en Joomla comprobarás la gran variedad de módulos de los que puedes disponer en este CMS. Mientras que algunos módulos sólo mostrarán información, otros recepcionarán información y crearán consultas en torno a los datos solicitados. Un ejemplo clásico de este último es el módulo Acceso (el módulo que permite que introduzcas tus credenciales de acceso en el Frontend de Joomla: así recepcionará esta información, hará una consulta a la base de datos para comprobar que este usuario está acreditado en el sistema y, si todo es correcto, le permitirá acceso a Joomla).

Joomla te ofrece la posibilidad de instalar una gran variedad de módulos en su instalación básica, algunos de gran importancia, como los módulos responsables de los menús, pero también podrás instalar muchos otros localizados en Internet e incluso programarlos personalmente. La lista es muy amplia, variada y, como comprobarás, resultan muy efectivos y útiles.

La gestión de los módulos en Joomla 1.5

Los módulos son los responsables de determinar qué se muestra en el Frontend, pero no cómo se muestra, pues eso es misión de la plantilla que tengas configurada como Predeterminada. Como has visto sólo dispones de un único módulo presente en el Frontend, pero esto puede cambiar, añadiendo nuevos módulos de los que Joomla te ofrece.

Los módulos instalados en Joomla se administran, como ya has visto, desde el menú Extensiones - Gestor de módulos. En pantalla verás el listado de todos los módulos instalados en Joomla (de momento sólo uno) y diferentes parámetros de información sobre los mismos, como su nombre, si se encuentran habilitados o no, quiénes tienen acceso a él, en qué páginas se muestran, la posición que ocupan en la plantilla actualmente activa o el nombre concreto del archivo:

Observa:

• Nombre del módulo: Menú principal

• Habilitado. Te permite comprobar qué módulos de los instalados se visualizarán en tu sitio Web, en el Frontend. Si se encuentran marcados como habilitados (marca de verificación verde) o como no habilitados (marca de verificación en rojo), respectivamente en el Gestor de Módulos significará que serán visibles en el Frontend en el primer caso, o no en el segundo. Comprueba en el Frontend del sitio (asegúrate de tener la plantilla Ruhk milkyway asignada como predeterminada) que, en efecto, el módulo Menú principal aparece en la página inicial de tu sitio. De vuelta en el Backend haz clic sobre la marca de verificación de la columna habilitado, el icono cambia y se transforma en un círculo rojo con un aspa dibujado en su interior; ahora el módulo no está habilitado. Si actualizas el Frontend del sitio ya no aparecerá el Menú principal en la página inicial. Para recobrar su estado inicial sólo tendrás que hacer clic de nuevo sobre el icono de la columna Habilitado para habilitarlo de nuevo y que, el menú principal se muestre otra vez en tu sitio Joomla. ¡Así de sencillo!

• Acceso. A los módulos pueden acceder diferentes usuarios propios de Joomla. Aunque no hablaremos de la administración de usuarios en Joomla hasta unas cuantas sesiones más adelante, debes saber que Joomla permite diferentes perfiles de acceso: no sólo a módulos, sino también a contenidos, menús de navegación, etc. Según la información mostrada en pantalla el módulo Menú principal es de acceso público, es decir, cualquier usuario - visitante que acceda a tu sitio podrá verlo e interactuar con él, por ejemplo, haciendo clic en el enlace Inicio. Como verás más adelante, podrás configurar que haya módulos para usuarios registrados, de tal manera que sólo se mostrará en el Frontend cuando un usuario registrado de Joomla acceda al sistema identificado con sus credenciales de usuario y contraseña.

• Posición. Los módulos pueden cambiarse de posición para que se muestren en una zona u otra de la página. Por ejemplo, el Menú principal se muestra en la posición left (izquierda) pero podrías hacer que se mostrase en la posición right (derecha). Para ello haz clic en el nombre del módulo y en la nueva pantalla selecciona en el cuadro de lista desplegable Posición la entrada right. Pulsa el botón Aplicar para aplicar los cambios y actualiza el Frontend para comprobar que ahora el menú principal se muestra a la derecha de la página Web.

Nota. Observa que el aspecto del menú principal es ahora muy diferente. Esto es debido a la configuración de la plantilla que estás utilizando.

Tienes que tener siempre en cuenta  que los módulos muestran la información en el Frontend pero el cómo dependerá de la plantilla en uso. No todas las plantillas tienen definidas todas las posiciones, ni están configuradas para que se muestren en el mismo lugar, por lo que algunos módulos los verás con unas plantillas y no con otras, o incluso en diferentes lugares de la plantilla. Además, el aspecto estético de cada módulo también está determinado por la plantilla que estás utilizando en cada momento y dentro de una misma plantilla, incluso por la posición en la que se encuentra, como el caso que nos ocupa.

Cancela los cambios o modifica la posición del módulo mainmenú para que se vea en la posición left - izquierda y guarda mediante el botón Guardar para volver al Gestor de Módulos.

• Páginas. Como verás más adelante puedes configurar el módulo para que se vea en todas las páginas de tu sitio o sólo en algunas páginas seleccionadas. En este caso, la entrada todo en este columna te indica que el menú principal se visualizará en todas las páginas de tu sitio Joomla con los parámetros de configuración señalados hasta el momento. En este caso, es un menú de navegación que nos interesa que se visualice en todas las páginas del sitio, pero podría no ser así y ¡Joomla te permite personalizar este aspecto según tus preferencias o necesidades!

• Tipo. Hace referencia al tipo de módulo que es el módulo seleccionado. En este caso, es un módulo de tipo mainmenu, es decir, significa que en el Frontend visualizarás un menú de navegación. Como verás a continuación, existen muchos tipos diferentes de módulos y puedes tener varios módulos diferentes creados del mismo tipo: por ejemplo, puedes disponer en tu sitio de varios módulos mainmenu con diferentes menús de navegación configurados.

Creación de un nuevo módulo de los predeterminados de Joomla

Observa la barra de herramientas presente en el Gestor de Módulos. Te permitirá realizar muchas tareas con ellos como habilitarlos o deshabilitarlos, copiarlos, borrarlos y editarlos o crear nuevos módulos:

Para crear un módulo nuevo debes hacer clic sobre el botón Nuevo. Accederás así al formulario de creación de un nuevo módulo para Joomla. Observa la larga lista de módulos básicos que puedes crear en Joomla, no te asustes por su complejidad, ya verás como no es tan difícil entender qué funcionalidades tienen:

Por ejemplo observa el primero de ellos: Acceder. Si pasas el ratón por encima de su nombre, Joomla te ofrecerá información relativa a este módulo y te indicará que su función es añadir un módulo en el Frontend en el que podrás introducir tus credenciales de acceso al sistema. Vas a crear un nuevo módulo precisamente para ello pues este módulo ofrece en el Frontend de tu sitio Joomla un formulario para que el usuario anónimo pueda registrarse en el sistema, solicitar que se le recuerde su nombre de usuario, iniciar el proceso de renovación de la contraseña o acreditarse ante el sistema con su propio nombre de usuario y contraseña. Una vez que el usuario se haya acreditado y haya accedido al sistema este módulo sólo le ofrecerá un botón para terminar la sesión.

Haz clic sobre la casilla de verificación situado a la izquierda de Acceder para crear un nuevo módulo de Acceso al sistema de Joomla. Pulsa ahora en el botón Siguiente para acceder al formulario de configuración del nuevo módulo.

De momento, no vamos a considerar la sección situada a la derecha del formulario llamada Parámetros, sólo nos preocuparemos de la sección Detalles. Más adelante te mostraremos para qué sirve Parámetros y cómo se configura un módulo.

Por ahora, teclea en el campo de texto Titulo el nombre para el módulo que estás creando, por ejemplo, Acceso (este es el nombre que se mostrará en el Frontend) y selecciona como posición right (derecha) de la plantilla. Observa que, de forma predeterminada, se mostrará el título pues se encuentra validada la opción Sí, de la misma manera que también se encuentra Habilitado, es decir, será visible en el Frontend de tu sitio desde el momento que apliques o guardes los cambios. Utiliza el botón Guardar para guardar los cambios realizados. Observa que el nuevo módulo se muestra en el listado del Gestor de Módulos.

Si ahora actualizas el Frontend de tu sitio Joomla (enlace Ver sitio, botón F5 de tu teclado) verás que la página inicial ya muestra dos módulos diferentes: el Menú principal en la parte izquierda de la pantalla y el Formulario de Acceso en la parte derecha.

Repitiendo el procedimiento que te hemos mostrado crea nuevos módulos de diferentes tipos y asígnalos a las posiciones que te indicamos:

• Módulo Buscar: Título Buscar en el sitio, posición user4.
• Módulo Contenido más leído: Título Artículos más leídos, posición User1.
• Módulo Últimas noticias: Título Artículos nuevos en la Web, posición User2.
• Módulo Menú: Título Menú superior, posición User3.
• Módulo Sindicación: Título Sindicación, posición Syndicate.
• Módulo Footer (pie de página): Título Pie de página, posición debug. Selecciona No en Mostrar título del módulo para que no se muestre el título Pie de página en tu sitio Joomla.
• Módulo Encuesta: Título Nuestra encuesta, posición right. Recuerda que ya tienes el módulo Acceso en esta misma posición y que ocupa el orden 0: esto se traduce en que en la columna derecha del sitio verás el formulario de acceso y, a continuación, la encuesta, por este orden. Si actualizas el Frontend este módulo no se verá porque el módulo Encuesta es un módulo especial asociado a un componente, el componente Encuesta. Se encarga de mostrar en la página el formulario de la encuesta configurada en el componente: como aún no has configurado ninguna, el módulo no mostrará nada. De todas maneras, créalo para establecerla más adelante.
• Módulo Ruta de acceso: Título Ruta de acceso, posición breadcrumb. Selecciona No en Mostrar título para que no se muestre el título Ruta de acceso en tu sitio Joomla.

Si has seguido nuestras indicaciones y ahora actualizas el Frontend de tu sitio, con todos estos módulos creados, tu web ya tendrá un aspecto muy diferente al inicial y, aunque aún no has creado ningún contenido para ella, ya empiezas a visualizar el aspecto final que podrá tener la página.

Te invitamos a que ahora realices cambios de plantilla en el Gestor de plantillas, para que compruebes que estos módulos no sirven del todo ni se colocan correctamente según la plantilla que utilices. Por ejemplo, utiliza la plantilla JA_Purity como plantilla Predeterminada y actualiza ahora el Frontend: el menú superior se mostrará ahora en la parte inferior de la página…

¿Comprendes ahora cuán importante es decidir qué plantilla vas a utilizar para tu sitio en los primeros momentos de desarrollo de tu sitio Joomla?

A pesar de este último inconveniente, puedes ya apreciar que la gestión de módulos en Joomla te permite personalizar a tu gusto el diseño de tu sitio. ¡Y sólo has vislumbrado un pequeño vistazo de lo que los módulos son capaces de hacer en Joomla… te invitamos a que sigas nuestros posteriores tutoriales sobre la descarga e instalación de módulos ajenos a la instalación básica de Joomla para que compruebes in situ su potencialidad!

Por defecto, Joomla se instala con un número muy limitado de estos templates (en concreto, tres para el Frontend) pero podrás descargar muchos gratuitamente desde Internet para mejorar el diseño de tu Web o editar algunas de ellas para adaptarlas a tus necesidades. En realidad, los sitios Web realizados con Joomla se preocupan más del contenido que del diseño (Joomla es un Gestor de contenidos no una aplicación para el diseño web). Pero esto no impide que puedas hacer tus pinitos como diseñador si eres capaz de modificar y editar la plantilla que estás utilizando y poder así variar el diseño de tu sitio de una manera más creativa.

Nota. Debes conocer qué tipo de licencia tiene la plantilla que estás utilizando para saber si puedes realizar tareas de edición sobre ella o no. Busca siempre, y en primer lugar, plantillas bajo licencia GNU/GPL, es decir, plantillas libres, plantillas que podrás editar sin incurrir en ilegalidad, irregularidades o vulneración de derechos de autor. Y si tu elección pasa por una plantilla gratuita (preferentemente bajo licencia Creative Commons)  no olvides mantener el nombre del creador al final de la página inicial.

En realidad una plantilla no es más que un conjunto de archivos que controlan la presentación de los contenidos en Joomla y constituye el diseño básico y fundamental para la visualización de tu sitio Joomla. La plantilla que utilices controlará la interfaz del sitio que visualizará el visitante, determinará el color de los enlaces, del texto mostrado en los artículos, del aspecto de los bloques que presenta, etc. Tu sitio podrá tener varias plantillas, diferentes incluso según las páginas que se visiten, pero sólo una plantilla predeterminada y podrás incluso asociar diferentes plantillas a diferentes menús o a entradas de menú seleccionadas. Si aún no comprendes esto, no te preocupes, ya practicarás con Joomla y comprobarás cómo puedes tener varias plantillas diferentes en distintas páginas o secciones de tu sitio.

Administra las plantillas preinstaladas

Vas a realizar una primera aproximación a la utilización de plantillas en Joomla. Para ello accede a la pantalla inicial de la administración de tu sistema con tus datos de acceso y haz clic en el enlace Previsualizar del Panel de Control para tener acceso simultáneo al Backend y al Frontend de tu sitio.

Localiza en el menú de la administración de Joomla la entrada Extensiones y haz clic sobre el Gestor de plantillas para acceder a la página en la que podrás manejar las plantillas instaladas en tu sistema: visualizarlas, borrarlas e incluso editarlas.

La nueva pantalla es muy intuitiva: un listado con el nombre de las plantillas preinstaladas en la instalación básica de Joomla 1.5.12, una serie de parámetros de información y una barra de herramientas con botones en la parte superior:

Si pasas el ratón por encima del nombre de la plantilla podrás previsualizar una pequeña miniatura con el aspecto que adquirirá tu sitio si la seleccionas como predeterminada. Cuando decidas qué plantilla utilizar simplemente selecciónala activando el botón circular situado a la izquierda de su nombre y, a continuación, presiona el botón Predeterminado. Recarga el Frontend con la tecla F5 para visualizar el cambio y el nuevo aspecto de tu sitio con la plantilla seleccionada: los contenidos no cambiarán pero el aspecto de la página será completamente diferente.

Repite el procedimiento con las diferentes plantillas preinstaladas para comprobar cada uno de los diseños y cómo cambia en cada caso la interfaz de tu sitio Web. La página mostrará un aspecto diferente en cada ocasión, pero ten en cuenta que incluso habrá elementos de la página que aparezcan en diferentes lugares, otros ni siquiera se mostrarán… esto dependerá de cómo el creador de la plantilla la ha configurado. Debes considerar esto si por algún motivo deseas cambiar de plantilla cuando tu sitio Web ya esté en plena producción.

Por lo general las plantillas incluyen unos marcadores de posición identificados con un nombre determinado: right, left, top… en los que se irán colocando los diferentes elementos de Joomla: imágenes, módulos, componentes, enlaces, etc. pero no siempre aparecen los mismos marcadores en cada plantilla, ni el mismo número, ni siempre los han colocado en el mismo lugar. Por este motivo, y en general, porque casi todas las plantillas requieren algún tipo de modificación para adaptarlas a tus necesidades concretas, es fundamental elegir la plantilla que va a presidir tu sitio Web en las primeras etapas de desarrollo de tu web. Y esta decisión debe ser lo suficientemente pensada como para que se convierta en una plantilla estable.

Para comprobar estos marcadores de posición haz clic sobre el nombre de la plantilla, por ejemplo, utiliza la plantilla rhuk_milkyway, una de las presentes en la instalación básica de Joomla 1.5, y en la nueva pantalla haz clic sobre el icono Previsualizar.

En la parte inferior de la pantalla verás el aspecto de la plantilla junto con los marcadores de posición de la plantilla seleccionada:

Observa, en este caso, que esta plantilla tiene diseñadas diferentes posiciones:

• Left: parte izquierda de la página. En ella se muestra el menú principal.
• Right: parte derecha de la página
• Top: parte superior
• User1, user2, user3 y user4
• Breadcrumb: posición muy útil para colocar una ruta de navegación
• Footer o debug

A medida que vayas añadiendo nuevos elementos en tu sitio Web tendrás que asignarles manualmente una de estas posiciones, según tus preferencias y podrás cambiarlos de posición siempre que lo desees. Por ejemplo, el menú principal se muestra en la parte izquierda de la página pero podrías hacer que lo hiciera en la parte derecha. ¿Adviertes ahora las opciones de personalización que Joomla te ofrece?.

Instala una nueva plantilla

De forma predeterminada, Joomla incluye tres plantillas para el Frontend y una para el Backend, aunque siempre podrás instalar todas las que quieras.

La instalación de nuevas plantillas se realiza desde el menú Extensiones - Instalar / Desinstalar.

Opción 1. Subir el archivo zip

El procedimiento más sencillo es utilizar la primera de las opciones que aparece en la
nueva página destinada a la instalación de componentes en Joomla, la opción Subir paquete. Sólo tendrás que localizar el archivo empaquetado zip de la plantilla que desees instalar y subir el archivo al servidor a través del botón correspondiente que Joomla te ofrece.

Para ello haz clic en el botón Examinar y localiza el archivo zip de la plantilla elegida en  tu equipo (no es necesario que lo extraigas previamente). Selecciónalo y haz clic en el botón Abrir de la nueva ventana. Observa que la ruta al archivo aparece en el campo de texto Archivo empaquetado para indicarte que Joomla tiene seleccionada dicha plantilla. Finalmente, haz clic sobre el botón Subir archivo e instalarlo.

Joomla se ocupará de descomprimir el archivo, de colocar todas las carpetas y ficheros en su lugar correspondiente y de instalarlos, sin requerir tu intervención. Si todo funciona correctamente, Joomla te informará de que la instalación ha sido realizada con éxito.

Por ejemplo, prueba a realizar la instalación de la plantilla Etosha, una plantilla GNU/GPL, de la cual te hemos hablado en un artículo anterior de este blog.

Plantilla Etosha: descarga

Una vez realizada la instalación por el procedimiento que te hemos indicado encontrarás la nueva plantilla en el Gestor de plantillas (recuerda Extensiones -
Gestor de plantillas). En el listado se habrá añadido el nombre Etosha. Desde aquí podrás configurarla como plantilla Predeterminada (a través del procedimiento que ya conoces). Sólo resta comprobar que, en efecto, la nueva plantilla tiene el diseño que te gusta para tu sitio Web recargando de nuevo el Frontend de tu sitio.

Opción 2. Copiar - pegar la carpeta correspondiente

En el caso de las plantillas existe un segundo procedimiento igual de sencillo: copiar la
plantilla descomprimida dentro de la carpeta /templates (directorio en el que se guardan todas las plantillas instaladas). Acude a la carpeta en la que has instalado el servidor local XAMPP y localiza en ella la carpeta templates de Joomla. Para ello sigue la ruta c:\servidorlocal\xampp\htdocs\portal y busca la carpeta templates. Haz doble clic sobre ella para acceder a su contenido. En su interior podrás ver una carpeta con cada plantilla instalada, carpeta que tiene el mismo nombre que la plantilla en cuestión.

En el caso de una instalación de una plantilla en remoto, las plantillas del Frontend se instalan en una subcarpeta de la carpeta templates (cuyo nombre debe coincidir exactamente con el de la propia plantilla) y contiene una estructura concreta de archivos y carpetas, idéntica a la que has encontrado en el servidor local.

EN RESUMEN:

Debes conocer qué hace Joomla cada vez que realiza un procedimiento de instalación de una plantilla:

1. Descomprime el archivo zip
2. Vuelca todo el contenido de este archivo en una carpeta, con el mismo nombre que tiene la plantilla, en la carpeta templates de Joomla
3. Esto incluye diversos archivos php, html, hojas de estilo css y variados archivos de imágenes.
4. Para editar la plantilla que estés utilizando tendrás que editar los archivos de imagen que contiene y, en algunos casos, modificar los archivos php, html o las hojas de estilos css en los que se basan.

No es objeto de este artículo, al menos por ahora, comenzar con la edición de plantillas pero te adelantamos que algunas modificaciones son relativamente sencillas y están al alcance de usuarios noveles (te mostraremos algunas de ellas) pero otras necesitarán que tengas conocimientos avanzados en php o lenguaje html.

La parte pública: EL FRONTEND

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

http://localhost/portal

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

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

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

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

http://cpevaristovalle.com/portal

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

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

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

La parte privada: EL BACKEND

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

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

http://localhost/portal/administrator

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

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

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

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

Observa esta pantalla:

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

• En la parte superior derecha se indica qué versión de Joomla estás utilizando; en nuestro caso, 1.5.12.

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

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

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

• A la derecha verás el icono Bandeja de entrada. Te indica el número de mensajes que tienes sin leer en el buzón de correo interno de Joomla. El sistema de mensajería interna de Joomla es muy útil para coordinar la labor de los usuarios que tienen acceso al Backend.

• El icono Número de usuarios acreditados actualmente te indica cuántos usuarios acreditados están actualmente visitando tu sitio, tanto en el Backend como en el Frontend.

• Y por último, el enlace Cerrar sesión. Este enlace te permitirá salir del sistema. Utilízalo siempre cuando termines tu trabajo con Joomla, es fundamental para evitar que otros usuarios del ordenador puedan usurpar tu personalidad en el Backend de Joomla.

El panel de control

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

Los resúmenes deslizantes

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

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

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

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

Una de ellas es ésta que originalmente tiene como tema el parque nacional del mismo nombre, en Namibia, y que reúne algunas particularidades:

• Es algo diferente a la mayoría porque su logo superior de 1200×200 píxeles puede cambiarse cada vez que el usuario o visitante haga clic en un enlace.
• También podemos colocar el nombre que nos interese en la margen superior izquierdo de manera que siempre permanece en ese mismo sitio aunque vayamos moviéndonos por la página verticalmente.
• Tiene los módulos más habituales y se adapta a las diferentes pantallas.
• Su licencia es GNU/GPL, completamente libre, la cual la hace susceptible de ser copiada y editada a tu gusto sin problemas de derechos de autor.

Para empezar puedes descargarla desde este enlace: http://www.joomla24.com/Joomla_1.5.x_Downloads/Joomla_1.5_Templates/Etosha.html

El resultado será que dispones de un archivo zip en tu equipo llamado etosha_101 que no necesitarás descomprimir, porque Joomla lo hará por ti.

Una vez descargada se instala por el procedimiento normal, es decir, entra en tu sitio Web como administrador (http://localhost/portal/administrator y teclea tus credenciales de acceso). Ahora acude al menú Extensiones - Instalar/Desinstalar:

En la pestaña “Instalar”, pulsa en el botón “Examinar” y busca el archivo etosha_101.zip, selecciónalo, y Joomla lo “subirá” a tu espacio web y realizará la instalación automática de la nueva plantilla.

Ya  instalada, puedes ver su estructura. Para ello vete a Extensiones - Gestor de plantillas.

Elige la que te interesa haciendo clic sobre ella: en este caso, sobre el nombre Etosha.

Se abre una pantalla con las características más destacadas de esta plantilla.

En nuestro caso, tras varias pruebas y cambios para experimentar algo, los parámetros que mejor se adaptan a nuestras preferencias son los que se recogen de forma predeterminada en la plantilla, pero puedes variar estos parámetros a tu antojo (juega con ellos, haciendo cambios, pulsando en el botón Aplicar y haciendo clic en el botón Previsualizar para comprobar el resultado final).

Al pulsar en el enlace Previsualizar que se localiza en la parte superior de la pantalla, se abre la imagen que sigue y que corresponde a la página con la plantilla ya aplicada:

En ella se puede apreciar la foto que ocupa toda la banda superior (1200×200) y que irá cambiando tantas veces como queramos al hacer clic en algún enlace. Al mismo tiempo también se puede ver el nombre al que aludí al principio en la banda lateral superior izquierda. Ese nombre aparece siempre visible en esa posición aunque realices scroll con el ratón por la página.

¿Cómo modificar los logos superior y lateral?

Una de las modificaciones más simples que puedes realizar en una plantilla es modificar las imágenes de la cabecera y, en esta plantilla en concreto, no resulta difícil hacerlo. Paso a paso te mostramos cómo.

Primero explora los archivos de la plantilla. Para ello extrae su contenido en un directorio y localiza los archivos existentes en la carpeta header. Originalmente aparecen tres imágenes y un archivo php

Las imágenes se llaman

• header_01.jpg,
• header_02.jpg y
• header_03.jpg
• El archivo php se llama settings.php

Estos son los archivos con los que tendrás que trabajar.

Paso 1. Preparar las imágenes

Primero debes preparar las imágenes que quieras que vayan apareciendo cuando se haga clic en algún enlace con tu editor de imágenes preferido (tienes tutoriales en este mismo blog para trabajar con Photofiltre - programa gratuito o con Gimp - programa libre, open source). Todas deben tener un tamaño de 1200×200 píxeles. Hemos probado hasta con 15 imágenes. Debes nombrarlas header_01.jpg, header_02.jpg… y así sucesivamente. Las tres primeras sustituirán a las que ya existen en la carpeta original (sobreescribe las imágenes); las demás añádelas en la carpeta.

Paso 2. Modificar el archivo settings.php

Si no haces nada más, sólo se verán las 01, 02 y 03, eso sí, con los rótulos originales, no con los que nos podrían interesar y al hacer clic sobre ellas el visitante de tu página acudirá a la página original del autor. Pero si modificas el archivo settings.php con un editor html, por ejemplo, el propio bloc de notas de Windows harás que funcionen todas las imágenes que quieras y con el comportamiento que desees.

Manos a la obra: abre settings.php con el Bloc de notas. Para ello utiliza la opción Abrir del botón derecho del ratón sobre settings.php y selecciona en el listado correspondiente Bloc de notas.Visualizarás el código php del archivo:

Si quieres tener, por ejemplo, 5 imágenes, copia cualquier grupo de 4 líneas y pégalo  a continuación de los que hay, en este caso, dos veces, siempre antes del código final ?>. Ahora aparecerán 5 grupos de 4 líneas. Lógicamente aún debes cambiar algunos parámetros.

Sólo deja sin tocar la primera línea de cada grupo, la que corresponde al nombre del archivo imagen: img = “header_01.jpg”; (lógicamente, modifica header_04.jpg, header_05.jpg… si has añadido nuevas imágenes en la carpeta). Las segundas líneas de cada grupo se cambian por la frase que quieras que aparezca en la parte inferior derecha de cada imagen. Las terceras y cuartas líneas de cada grupo se refieren a la dirección a la que quieras enlazar la imagen. Si no se quiere poner un enlace basta con borrar todo lo que hay entre las comillas en cada línea, pero, atención, no borres las comillas. Muy importante es acordarse de poner el número correspondiente al grupo de cada imagen: (4), (5)… aparecen siempre detrás de header entre paréntesis y llevan el mismo número que el de la imagen que quieras que aparezca.

Después de hacer los cambios que te parezca oportunos, guarda el archivo settings.php mediante la opción del menú Archivo - Guardar.

Para que en tu sitio Web Joomla se aprecien los cambios debes enviar los archivos por ftp a la carpeta “/portal/templates/etosha/header” y sobreescribir los que originalmente están en ella. En el servidor local es muy simple: copia - pega el contenido de la carpeta header en la ruta xampp/htdocs/portal/templates/etosha/header.

Por lo que respecta al nombre que aparece en vertical, basta abrir con cualquier editor de imágenes, la imagen “Etosha/images/logo.png” y editar la imagen según las preferencias deseadas. Por ejemplo, borra la dirección y sustituye por la frase o nombre que quieras que aparezca. Guarda y sube el archivo de nuevo a la carpeta images sobreescribiendo el archivo logo.png original que había allí.

Paso 3. Convertir Etosha como plantilla predeterminada de tu sitio Web

Todo listo: ahora acude a la administración de Joomla y en concreto a “Extensiones - Gestor de plantillas”. En el listado de plantillas instaladas marca la opción de validación de Etosha y pulsa, a continuación, en el icono en forma de estrella amarilla, predeterminada. Prueba los cambios y el nuevo aspecto de tu sitio abriendo la página con tu navegador preferido (actualiza con la tecla F5 si fuese necesario).

Si no te gusta el resultado, sólo tienes que volver a elegir otra de las plantillas del Gestor, marcarla como predeterminada y seguir con ella como si nada hubiera pasado.

Por supuesto, falta decir que si te gusta la nueva plantilla etosha aún quedarán por adaptar la ubicación de los módulos que ya tenías en Joomla a esta nueva plantilla para que siga funcionando todo como hasta ahora.

Mi agradecimiento a Constantino García León, reciente colaborador de este blog y autor de este artículo, al que aprovecho para darle la bienvenida, por este magnífico post que muestra cómo la edición de plantillas en Joomla 1.5 puede ser un procedimiento relativamente sencillo incluso para usuarios no experimentados.

Curso online de Joomla: instala el editor JCE: Con el ordenador a cuestas

No es nuestra intención cansarte repitiendo el artículo pero dado que en el mismo se trata por encima su instalación en la versión 1.5, la que ahora suponemos estás usando, te mostramos de manera gráfica y resumida cómo actuar para instalar JCE 1.5.4 en tu sitio Web en esta última versión de Joomla: si quieres explicaciones más detalladas acude a la lectura de este antiguo artículo, mucho más completo que el actual.

1. Localiza los archivos necesarios.

El editor JCE se distribuye bajo licencia GPL, por tanto, es gratuito y libre. Podrás descargarlo directamente desde su sitio web oficial:

JCE - A content editor for Joomla - http://www.joomlacontenteditor.net/

En concreto, descarga los archivos:

• El componente com_jce_157_154_package.zip desde
  http://www.joomlacontenteditor.net/downloads/editor/joomla15x/183-comjce157154package 
• El plugin de utilidades plg_jceutilities_220.zip desde
  http://www.joomlacontenteditor.net/downloads/jceutilities/joomla-1-5/173-plgjceutilities220
• El pack de idioma español jce15_langpack_es.zip desde
  http://www.joomlacontenteditor.net/downloads/languages/jce-15x/103-jce15langpackes

Una vez que tengas los tres archivos salvados en tu equipo procede de la siguiente manera:

2. Instala el componente.

Instalar componentes en Joomla es muy sencillo. Tienes una entrada en el menú Extensiones - Instalar / Desinstalar. Todo lo que quieras instalar en Joomla lo realizarás desde aquí. Utiliza el botón Examinar para localizar el archivo com_jce… zip en tu equipo y pulsa el botón Subir archivo & Instalar para que Joomla lo instale. Asegúrate siempre que tras la instalación el componente se encuentra correctamente publicado: para ello vete al Gestor de plugins y verifica que tiene una marca verde a su derecha.

3. Instala el plugin de utilidades:

Hazlo utilizando idéntico procedimiento al anterior desde el menú Extensiones - Instalar / Desinstalar pero ahora utilizando el archivo plg_jceutilities….zip. Debes publicarlo en el Gestor de plugins, por defecto no lo estará, haciendo clic sobre el icono rojo con un aspa en su interior para que su estado pase a verde (publicado).

4. Instala el paquete de idioma desde el Panel de control del componente:

Tras la instalación del plugin aparecerá una nueva entrada en el menú Componentes, llamada JCE Administration. Haz clic sobre Control Panel para acceder al panel de control del plugin. Selecciona el icono Instalar e instala el pack de idioma español desde la nueva ventana que se abre en Joomla. Ahora JCE habla español: cuando pases el cursor del ratón por encima de sus iconos te explicará su función en español.

5. Configura JCE como editor predeterminado:

Si no configuras JCE como editor predeterminado para tu usuario seguirás usando el anterior TinyMCE que venía por defecto con Joomla. Y hacer esto es muy fácil, acude en el panel de control de Joomla al Gestor de usuarios, haz clic sobre el usuario Administrador (el tuyo, claro) y selecciona como editor JCE 1.5.4. Aplica y guarda los cambios ¡Así de sencillo!

Ahora ya puedes utilizar este editor en los contenidos que vayas a crear para tu sitio. Comprueba su aspecto acudiendo al Panel de control de Joomla y seleccionando Añadir un nuevo artículo.