Joomla!: La web en entornos educativos Capítulos 9 a 10...

download Joomla!: La web en entornos educativos Capítulos 9 a 10 ...tecnologiaedu.uma.es/materiales/joomla/modulos9-10.pdf · 9: Extensiones 9.2. Componentes Cada componente tiene su propia

If you can't read please download the document

Transcript of Joomla!: La web en entornos educativos Capítulos 9 a 10...

  • Joomla!:La web en entornos educativos

    Captulos 9 a 10

    Material actualizado a septiembre de 2012

  • ndice

    ndice de contenido9. Extensiones...........................................................................................................147

    9.1. Introduccin....................................................................................................1479.2. Componentes.................................................................................................149

    9.2.1. Nivel de funcionamiento de los componentes de Joomla!.....................1499.2.2. Componentes bsicos de Joomla!.........................................................1509.2.3. Gestin de componentes........................................................................1519.2.4. Anuncios (Banners)................................................................................1529.2.5. Buscar.....................................................................................................1579.2.6. Bsqueda inteligente..............................................................................1589.2.7. Contactos................................................................................................1629.2.8. Enlaces Web...........................................................................................1659.2.9. Mensajera..............................................................................................1689.2.10. Noticias externas..................................................................................1699.2.11. Redireccionar........................................................................................173

    9.3. Mdulos..........................................................................................................1749.3.1. Mdulos del nivel de Administracin......................................................1749.3.2. Mdulos del nivel de Front-end..............................................................1769.3.3. Crear mdulos nuevos............................................................................178

    9.4. Plugins............................................................................................................1829.5. Plantillas.........................................................................................................183

    9.5.1. Plantilla asociada a tem de men..........................................................18310. Extensiones de terceros......................................................................................185

    10.1. Introduccin..................................................................................................18510.2. Componente: Xmap.....................................................................................18910.3. Mdulo: Art Sexy Lightbox Lite Edition........................................................19310.4. Plugin: AllVideos..........................................................................................19710.5. Plantilla.........................................................................................................201

    10.5.1. Manipulacin de la plantilla...................................................................20210.6. Ampliando la funcionalidad de Joomla!.......................................................206

    10.6.1. Phoca Guestbook with Captcha...........................................................20610.6.2. jVoteSystem..........................................................................................21010.6.3. JoomD...................................................................................................21310.6.4. Attachments..........................................................................................21410.6.5. GCalendar.............................................................................................21710.6.6. JComment.............................................................................................22110.6.7. Kunena..................................................................................................224

    Joomla!: La web en entornos educativos

  • 9: Extensiones

    Las pginas del presente manual han sido realizadas sobre la base de los documentos que se encuentran en http://www.ite.educacion.es/formacion/materiales/99/cd/indice.htm distribuidos mediante licencia Creative Commons (http://www.ite.educacion.es/formacion/materiales/99/cd/autoria/index.html) por Jos Snchez Rodrguez ([email protected]) y Julio Ruiz Palmero ([email protected])

    9. Extensiones

    9.1. IntroduccinPor extensiones entendemos todo aquello que realiza alguna tarea en Joomla! y que, junto al Core (corazn o ncleo de Joomla!), complementan y desarrollan toda la potencialidad del sistema. Son extensiones los componentes, los mdulos, los plugins, los idiomas y las plantillas (templates).

    Los componentes son quiz las aplicaciones ms importantes que juegan un papel fundamental en la gestin de contenidos de Joomla! Son pequeos programas independientes entre s, que estn junto al ncleo de Joomla!, o bien se descargan aparte, y posteriormente se instalan desde el panel de Administracin de Joomla!

    Los mdulos son aplicaciones mucho ms simples que los componentes y generalmente son una extensin o complemento de alguno. Los mdulos muestran informacin secundaria, simplificada y breve que toman de la base de datos y luego cargan sobre los laterales del sitio (en las columnas de los extremos). Pero tambin tienen funciones ms importantes que llevar a cabo: pueden publicar los enlaces del men, recoger datos de acceso mediante un formulario, etc.

    Los plugins son aplicaciones que literalmente interceptan los artculos de contenido (documentos o tems de componentes) antes de ser mostrados y publicados en el sistema, y le agregan informacin adicional o lo alteran en forma dinmica, completando as el contenido total que va a ser entregado al navegador del usuario final. Los plugins pueden ser llamados mediante comandos especiales, o se pueden mostrar de forma predeterminada para ciertos contenidos/componentes.

    Los idiomas son paquetes de archivos que, una vez instalados, permiten que el Front-end y el Back-end est expresado en un idioma determinado.

    Las plantillas (templates) deciden cmo se muestra el espacio web, tanto el Front-end como el Back-end, en el navegador del usuario.

    Comprender la estructura de la interfaz visual del Front-end de Joomla! es fundamental. Para un usuario novel significar poder situar adecuadamente los mdulos que quiere que sean visualizados en la navegacin que ha decidido. Pero para un usuario medio/avanzado, que quiera manipular plantillas de terceros o crear las suyas propias, es necesario que sepa en cada momento cmo situar lo que se visualizar en el Front-end.

    Joomla!: La web en entornos educativos 147

    mailto:[email protected]:[email protected]://www.ite.educacion.es/formacion/materiales/99/cd/autoria/index.htmlhttp://www.ite.educacion.es/formacion/materiales/99/cd/indice.htm

  • 9: Extensiones

    En general, una posible estructura visual del Front-end de Joomla! se puede observar en esta imagen, correspondiente a la plantilla que tenemos activa en Joomla! de forma predeterminada.

    En ella diferenciamos diversos elementos:

    La cabecera y el pie de pgina.

    Un espacio central donde se cargan los contenidos a travs de las operaciones realizadas por componentes y plugins.

    Diferentes espacios donde se cargan los mdulos, definidos en la plantilla del sitio web a travs de las posiciones de los mdulos, en el ejemplo: top, breadcrumb, left, right, user1, user2, user3, user4, footer, syndicate.

    Es una plantilla bastante compleja, aunque verstil, por la cantidad de posiciones definidas para visualizar mdulos. Cada plantilla posee su propia definicin de los espacios en el Front-end, por lo que conviene tener clara esta disposicin cuando se empiece a manipular componentes, mdulos y plugins.

    Joomla!: La web en entornos educativos 148

  • 9: Extensiones

    9.2. ComponentesCada componente tiene su propia tabla en la base de datos de Joomla! y tambin sus propios archivos. Esto es precisamente lo que les da una independencia en el funcionamiento y no interfieren, en general, unos con otros. Adems, esto brinda la posibilidad de que puedan ser instalados o desinstalados en cualquier momento, es decir, el sistema permite un asincronismo temporal en la instalacin/desinstalacin de estas aplicaciones.Hay distintos tipos de componentes y de muy diversas funcionalidades (se designa el nombre de los componentes con el prefijo "com_"). Unos funcionan en el Front-end y en la Administracin de Joomla!, otros exclusivamente en la zona de Administracin, otros exclusivamente en el Front-end, otros que combinan su funcionamiento con mdulos.

    9.2.1. Nivel de funcionamiento de los componentes de Joomla!Los componentes de Joomla! funcionan en dos niveles distintos:

    Dentro del nivel administrativo, el usuario administrador realiza varias acciones:

    Define las opciones de configuracin del componente en cuestin.

    Crea tems y elementos que contienen datos e imgenes, etc.

    Edita, borra, elimina, publica, etc.Los componentes de administracin se encuentran en la carpeta:

    /administrator/components/

    El otro nivel de funcionamiento de los componentes es el del Front-end: aquel que interacta con los usuarios/navegantes del sitio que pueden realizar acciones como:

    Filtrado de datos realizando bsquedas especficas.

    Envo de datos al sistema o al usuario administrador.

    Navegacin por sus tems y hasta creacin o edicin de contenidos especficos.

    Joomla!: La web en entornos educativos 149

  • 9: Extensiones

    Los archivos de estos componentes se encuentran en la carpeta/components/

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

    9.2.2. Componentes bsicos de Joomla!Son muchos los componentes que dispone Joomla! en su instalacin bsica. Una buena relacin fcilmente comprensible es la que sigue:

    El componente que gestiona los contenidos de Joomla!: com_content.

    El componente encargado de administrar los contactos y enviar los mensajes por email que escriben desde el formulario los visitantes/usuarios: com_contact.

    El componente de administracin de banners: com_banners.

    El componente de gestin y publicacin de enlaces: com_weblinks.

    El componente de sindicacin de noticias desde otros sitios: com_newsfeeds.

    El componente que genera las ventanas internas que contienen otras pginas/sitios (iframes): com_wrapper.

    El componente del buscador interno: com_search.

    El componente de mensajera interna: com_messages.

    Los componentes relacionados con las funciones de usuario: com_login, com_users.

    Etc.

    Joomla!: La web en entornos educativos 150

  • 9: Extensiones

    9.2.3. Gestin de componentesDesde la Administracin se permite gestionar varios de los componentes que vienen instalados en el Core de Joomla!:

    Anuncios (Banners).

    Buscar.

    Bsqueda inteligente.

    Contactos.

    Enlaces Web.

    Mensajera.

    Noticias externas.

    Redireccionar.Se accede a la administracin de estos componentes desde el men Componentes del men principal de la Administracin de Joomla!

    Joomla!: La web en entornos educativos 151

  • 9: Extensiones

    9.2.4. Anuncios (Banners)La incorporacin de publicidad en nuestro sitio web se administra de forma sencilla gracias a este componente. Permite clasificar los anuncios (banners) que un cliente quiere anunciar en nuestro sitio web en categoras.Si la mayora de los componentes preinstalados en Joomla! tienen una clara utilizacin en entornos educativos, no debemos tampoco despreciar otros usos a componentes como ste, ya que estos anuncios pueden ser de inters para ser mostrados en nuestro sitio web: vnculo a un proyecto, a una asociacin que colaboraLa visualizacin de los anuncios gestionados por este componente en nuestro sitio web se realiza a travs de la publicacin de una instancia del mdulo mod_banners, con una configuracin decidida, en alguna de las posiciones definidas en la plantilla del sitio.ste es el aspecto que presenta el rea de trabajo del Gestor de Banners.

    Con informacin en cada columna perfectamente comprensible, como el nombre (con vnculo para acceder rpidamente a la edicin del anuncio), estado de publicacin, cliente, categora, ordenacin, ID, y adems:

    Fijo. Cuando los anuncios se muestren en el Front-end a travs de la publicacin del mdulo mod_banners, los anuncios se muestran segn el orden definido dentro de su categora, salvo que se quiera fijar el anuncio, y de esta forma siempre aparecer visible.

    Impresiones. Muestra la cantidad de veces que se ha visualizado el anuncio del total permitido, o contratado por el cliente.

    Clics. Muestra el porcentaje de veces que se ha realizado clic con el ratn sobre el vnculo del anuncio del total de impresiones realizadas.

    Meta Palabras. Para introducir informacin til para ser localizado en bsquedas.

    Joomla!: La web en entornos educativos 152

  • 9: Extensiones

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

    Editar anunciosMediante la pestaa Banner (ver imagen anterior) podemos editar un anuncio existente haciendo clic sobre cualquiera.Aprovechamos los anuncios creados con los ejemplos de la instalacin de Joomla! para conocer qu debemos definir cuando creamos un nuevo anuncio.

    Nombre. Define el anuncio en la administracin de Joomla!

    Alias. Texto utilizado cuando se utilizan URL amigables en nuestro sitio web, definido en la configuracin global de Joomla!

    Categora. En la que se clasifica el anuncio.

    Estatus. Para indicar si se quiere visualizar o no.

    Tipo. Puede ser una imagen localizada en la carpeta images/banner o un cdigo personalizado; es este caso se nos muestra un espacio donde se aade cdigo HTML.

    Ancho, altura y texto alternativo. Se define la altura y anchura del anuncio y si se va a incluir texto alternativo.

    URL Click. URL a la que se desva la navegacin cuando pulsamos con el ratn sobre el anuncio.

    Joomla!: La web en entornos educativos 153

  • 9: Extensiones

    En la zona de la derecha encontramos:

    Opciones de publicacin. Gestionamos aqu fechas de visualizacin del anuncio, nombre del cliente, si se realiza seguimiento de impresiones y/o clics, si es un anuncio destacado o no (fijo), etc.

    Opciones Metadatos. Podemos poner palabras para localizar anuncio en buscadores

    Gestin de categoras de anunciosPodemos clasificar los anuncios en categoras.

    Gestin de clientesLa pestaa clientes nos permite su gestin: creacin borrado, edicin, etc.

    Un ejemplo

    Hagamos un banner que nos enlace con la Consejera de Educacin de la Junta de Andaluca. Para ello:

    a) Abrimos un navegador, buscamos el logotipo de la Junta y lo descargamos en nuestro equipo.

    b) Vamos a crear una nueva categora para nuestro anuncio. Para ello accedemoos mediantes el men Componentes >> Banners >> Categoras al gestor de categoras. Crearemos una denominada Mis Banner.

    1.- Accedemos al Gestor de Banners mediante Componentes >> Banners >> Banners. Hacemos clic en el botn Nuevo.

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

    Joomla!: La web en entornos educativos 154

  • 9: Extensiones

    3.- Guardamos y cerramos, con lo que nos aparece creado el nuevo banner.

    4.- A continuacin creamos un mdulo para el componente recin creado. Esto lo hacemos mediante el men Extensiones >> Gestor de Mdulos. Hacemos clic en el botn Nuevo.

    Elegimos Anuncios-Banners en la ventana emergente.

    Joomla!: La web en entornos educativos 155

  • 9: Extensiones

    En el ltimo desplegable elegimos Beez2 (que es la plantilla sobre la que se tiene predeterminada para el Front-end).

    Y seleccionamos la posicin 10 (que corresponde en la plantilla a la zona central del pie de pgina). Elegimos la categora MisBanner.

    Si accedemos al Front-end veremos que hay dos anuncios ocupando la misma posicin, por lo que podemos borrar o despublicar una de ellas. Para ello accedemos, mediante Extensiones >> Gestor de Mdulos al Gestor de Mdulos. En el tercer desplegable (Seleccionar Mdulo) elegimos Anuncios-Banner). Marcamos el otro anuncio que ocupa la posicin 10 y lo despublicamos (o borramos).

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

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

    Gestor categoras de banners: http://www.youtube.com/watch?v=LpsSbUoXMBI

    Joomla!: La web en entornos educativos 156

    http://www.youtube.com/watch?v=LpsSbUoXMBIhttp://www.youtube.com/watch?v=LpsSbUoXMBIhttp://www.youtube.com/watch?v=CCblJThzyVc

  • 9: Extensiones

    9.2.5. BuscarEl componente Buscar permite decidir si se contabilizan las bsquedas que se realicen en el Front-end de texto especfico en los contenidos de nuestro sitio web, y si es as conocer qu texto se ha buscado y las veces que se ha realizado esa operacin.

    Por defecto est desahilitada la recopilacin de estadsticas. En Opciones Las preferencias deciden si se habilita o no el registro de estas bsquedas, y si en ellas, cuando el usuario la realice desde el Front-end, aparece o no indicada la fecha de creacin del artculo que contiene el texto buscado.

    Joomla!: La web en entornos educativos 157

  • 9: Extensiones

    9.2.6. Bsqueda inteligente

    Por defecto no est habilitado este plugin. Se nos informa de ello al acceder a esta extensin.

    Lo habilitamos desde el men Extensiones >> Gestor de Plugins. Podemos utilizar el Filtro de bsqueda poniendo busqueda para filtrar los plugins. Si hay una marca verde en la columna Estatus entonces el plugin Contenido - bsqueda inteligente

    est habilitado. Si hay un crculo rojo entonces est desactivado.

    Para activarlo hacemos clic en el crculo rojo, lo que hace cambiar a una marca

    verde que indica que el plugin est activado.

    Al acceder de nuevo se nos indica que Ningn contenido ha sido indexado. Iniciar el indexador pulsando el botn ndice en la barra de herramientas.

    Al hacer clic sobre ndice se abrir una ventana para mostrar el progreso de la operacin de indizacin. La operacin de indexacin puede tardar algn tiempo, dependiendo del nmero de elementos de contenido en su sitio y el nmero de palabras y frases de bsqueda que contiene cada elemento de contenido. Una barra de progreso indica qu parte del proceso de indizacin se ha completado hasta ahora. No cierre esta ventana hasta que la indexacin se ha completado. En sitios con una gran cantidad de contenido que puede tomar un largo tiempo (varios minutos).

    Joomla!: La web en entornos educativos 158

  • 9: Extensiones

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

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

    Barra de herramientasAparte del botn ndice las funciones del resto son:

    Publicar. Hace que los elementos seleccionados a disposicin de los visitantes de su sitio web.

    Despublicado. Hace que los elementos seleccionados no estn disponibles para los visitantes de su sitio web.

    Eliminar. Elimina los elementos de contenido seleccionados. Su eliminacin de la bsqueda Inteligente slo lo elimina del ndice y no afecta al elemento de contenido en s.

    Purgar. Depura el ndice de bsqueda inteligente vaciando todas las tablas de ndice. Para continuar utilizando la bsqueda inteligente debe hacer clic en el icono de la barra de herramientas ndice de despus de la purga.

    Opciones. Se abre una ventana para especificar opciones.

    Estadsticas. Muestra algunas estadsticas bsicas sobre el uso de bsqueda inteligente.

    Joomla!: La web en entornos educativos 159

  • 9: Extensiones

    Mostrar bsqueda en el Front-end

    Para que aparezca la bsqueda inteligente en el Front-end tenemos que incluirla como un tem en un men. Para ellos desplegamos, por ejemplo, en el Men principal seleccionamos Aadir nuevo elemento de Men.

    En el cuadro de dilogo que se nos muestra elegimos, como Tipo Elemento Men, dentro del apartado Bsqueda inteligente, la opcin Buscar.

    Rellenamos Ttulo Men y Alias y guardamos y cerramos.

    Accedemos al Front-end y hacemos clic en el tem de men recin creado.

    Nos aparece el cuadro de dilogo para buscar trminos. Se hacemos clic en bsqueda avanzada, podremos elegir unos desplegables (por autor, categora, pas, idioma, regin y tipo) para precisar la bsqueda.

    Joomla!: La web en entornos educativos 160

  • 9: Extensiones

    Bsqueda inteligente: http://www.youtube.com/watch?v=j0ED0DZ5Ob8

    Joomla!: La web en entornos educativos 161

    http://www.youtube.com/watch?v=j0ED0DZ5Ob8

  • 9: Extensiones

    9.2.7. ContactosLos contactos que pueden estar disponibles en nuestro sitio web se administran de forma sencilla gracias a este componente. Encontramos dos apartados diferenciados, el de la gestin de los contactos y el de las categoras, que nos permiten realizar una clasificacin de los contactos segn criterios que estimemos oportunos.El acceso a los contactos en nuestro espacio web se realiza desde un tem de men creado con vinculacin a este componente, y visualizado en alguno de los mens de navegacin.

    Gestin de contactosEste es el aspecto que presenta el rea de trabajo del Gestor de Contactos.

    Con informacin en cada columna perfectamente comprensible, como el Ttulo, Vincular Usuario (indica a qu usuario del sitio web se vincula el contacto), etc.La barra de herramientas presenta todas las acciones que se pueden realizar con cada contacto. Las Opciones nos permiten elegir qu datos ocultar/mostrar, crear categoras, seleccionar iconos, etc.

    Joomla!: La web en entornos educativos 162

  • 9: Extensiones

    Editar y crear un contactoSi decidimos editar un contacto, aparece una pgina que contiene un espacio para especificar los detalles del contacto; una serie de pestaas desplegables que especifican ms parmetros del contacto y otras funcionalidades; y la barra de herramientas con las opciones Aplicar, Guardar & Cerrar, Guardar & Nuevo, Guardar como Copia y Cerrar, fcilmente comprensibles.Aprovechamos el contacto creado con los ejemplos de la instalacin de Joomla! para conocer qu debemos definir cuando creamos un nuevo contacto.

    Editar Contacto. Definen la informacin relevante del contacto, debiendo obligatoriamente especificar la categora de clasificacin a la que pertenece.

    Detalles Contacto. Define informacin complementaria del contacto.

    Mostrar Opciones. Se decide qu datos mostrar u ocultar desde el Front-end, incluso si se permite que sea descargada en formato Vcard, formato estndar para el intercambio de informacin personal, especficamente tarjetas electrnicas de negocios.

    Joomla!: La web en entornos educativos 163

  • 9: Extensiones

    Formulario Contacto. Para permitir o no que se muestre un formulario que enviar por correo electrnico un mensaje al contacto, enviar copia al remitente significa que se enva una copia del mensaje al que lo redacta. Email, Asunto o Texto Prohbido significa que si el mensaje, el asunto o el texto del correo contiene alguna de las palabras indicadas, separadas por punto y coma (;), es bloqueado.

    Categoras de contactos

    ste es el aspecto que presenta el Gestor de categoras, con una barra de herramientas donde reconocemos perfectamente las acciones que podemos realizar, y una tabla con columnas que dan informacin perfectamente identificable.

    Si accedemos a la edicin de una categora podemos conocer toda la informacin que podemos introducir cuando creamos una, como la posibilidad de asociarle una imagen de la carpeta images, introducir un texto que la defina, etc.

    Para mostrar un contacto o una categora de ellos crearamos un nuevo tem de men.

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

    Joomla!: La web en entornos educativos 164

  • 9: Extensiones

    9.2.8. Enlaces Web

    En el Front-end podemos tener una buena relacin de enlaces web, organizados en categoras, y que los usuarios de categora especial pueden ir completando ya que el tem Aadir Enlace aparece activo en el Men del usuario para estos grupos de usuarios.

    Se clasifican en categoras, y aparecern en la navegacin de nuestro sitio web a partir de tems de men creados a un enlace web, a una categora o a un listado de todas las categoras.

    Gestin de enlaces web

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

    Con informacin en cada columna perfectamente comprensible, como el Ttulo, Estatus de publicacin, Categora, etc.

    La barra de herramientas presenta todas las acciones que se pueden realizar con enlace web. El botn Opciones nos lleva a un cuadro de dilogo para poder elegir diversos ajustes sobre los enlaces web.

    Gestin de Categoras de enlaces

    De la misma forma que los contenidos son clasificados en categoras, los enlaces permiten una clasificacin y gestin similares. Para ello, debajo de la barra de herramientas, hacemos clic en Categoras.

    Nos aparece un cuadro de dilogo para gestionarlas. En la siguiente imagen hemos hecho clic en el botn Nuevo y hemos completado los datos para disponer de una categora de enlaces web de organismos oficiales relacionados con el mundo educativo.

    Joomla!: La web en entornos educativos 165

  • 9: Extensiones

    Editar y crear enlaces web

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

    Para editar alguno hacemos clic sobre l en la columna Ttulo. Para crear uno utilizamos el botn Nuevo.

    En las siguientes imgenes hemos completado los datos para disponer de un nuevo enlace a la Consejera de Educacin y al INTEF (ambos los hemos includo dentro de la categora Organismos oficiales).

    En Opciones bsicas podemos definir en qu tipo de ventana se abre el enlace: misma ventana, nueva ventana, ventana emergente; la anchura y altura de la ventana.

    Mostrar enlaces web en el Front-endComo tenemos un men de enlaces con los ejemplos de Joomla!,

    Joomla!: La web en entornos educativos 166

  • 9: Extensiones

    vamos a incluir un nuevo tem de men en el mismo mediante Mens >> Ejemlos Enlaces >> Aadir nuevo elemento de Men.

    En el cuadro de dilogo que aparece seleccionamos como Tipo Elemento Men Lista de Enlaces en la categora dentro de la seccin Enlaces Web.

    Especificamos ttulo para el tem, alias y la categora de enlaces a mostrar (en el ejemplo la creada con anterioridad: Organismos oficiales).

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

    Nuevo enlace: http://www.youtube.com/watch?v=gZko9E3tUBE Categoras: http://www.youtube.com/watch?v=m4ofpRxRlVkGestor de enlaces: http://www.youtube.com/watch?v=c0IwNJam4Jc

    Joomla!: La web en entornos educativos 167

    http://www.youtube.com/watch?v=c0IwNJam4Jchttp://www.youtube.com/watch?v=m4ofpRxRlVkhttp://www.youtube.com/watch?v=gZko9E3tUBE

  • 9: Extensiones

    9.2.9. Mensajera

    Ste componente le permite enviar mensajes a otros usuarios del Back-end. Usted puede leer, escribir, enviar y borrar mensajes desde aqu. Adicionalmente tambin puede gestionar configuraciones de mensaje y opciones de grupo.

    Desde el men Componentes >> Mensajera accedemos a la Configuracin de la mensajera privada.

    Joomla!: La web en entornos educativos 168

  • 9: Extensiones

    9.2.10. Noticias externas

    Las Noticias externas presentan una posibilidad muy cmoda de permitir a los usuarios del sitio web que visualicen noticias que provienen de otras web que tienen habilitada la sindicacin.

    Se clasifican en categoras, y aparecern en la navegacin de nuestro sitio web a partir de tems de men creados a una noticia externa, a una categora o a un listado de todas las categoras.

    Gestin de noticias externas

    Este es el aspecto que presenta el rea de trabajo del Gestor de Noticias Externas.Con informacin en cada columna perfectamente comprensible, como el Ttulo, con vnculo para acceder rpidamente a la edicin de la noticia, Estatus de publicacin, Categora, Orden, Acceso, Idioma y adems:

    Duracin de la cach. Tiempo, en segundos, que el sistema utiliza para refrescar el contenido del vnculo.

    La barra de herramientas presenta todas las acciones que se pueden realizar con cada Noticia Externa. En Opciones podemos elegir, entre otros parmetros, mostrar u ocultar imagen del servidor de noticias, descripcin y contenido, orden de presentacin, limitar el texto en nmero de palabras que describe la noticia (Contar palabras); un cero indica que se muestra el texto completo, etc.

    Joomla!: La web en entornos educativos 169

  • 9: Extensiones

    Editar y crear Noticias Externas

    Si decidimos editar una noticia externa existente, la pgina de edicin contiene un espacio para definir los detalles de la noticia y una barra de herramientas que completa las operaciones que podemos realizar.

    En la imagen anterior vemos la edicin de una de ellas. Comentamos algunos apartados:

    Ttulo. Nombre que identifica a la noticia externa, en el Front-end y en el Back-end.

    Alias. Texto utilizado cuando se utilizan URL amigables en nuestro sitio web, definido en la configuracin global de Joomla!

    Enlace. Enlace al servicio de sindicacin (RSS/RDF) que ofrece el sitio web desde el que capturamos las noticias.

    Categora. Nombre de la categora a la que pertenece la noticia, con lista desplegable para elegir la categora.

    Nmero de artculos. Cantidad de artculos que, como mximo, se visualizarn en la noticia externa.

    Tiempo Cach. Tiempo, en segundos, con el que el sistema realiza una actualizacin de las noticias externas visualizadas.

    Gestin de categoras de noticias externas

    De la misma forma que los contenidos dinmicos son clasificados en categoras, las noticias externas permiten una clasificacin y gestin similares.

    Joomla!: La web en entornos educativos 170

  • 9: Extensiones

    Visualizacin de noticias externas en nuestro sitio web

    1. Despus de crear una categora de noticias.

    2. Creamos nuevos canales de noticias, que asociamos a las categoras previamente creadas.

    3. Posteriormente creamos un tem de men para visualizar, por ejemplo, la categora que deseemos.

    4. Al hacer clic en ese nuevo elemento de men se nos muestra los canales de noticias externas en nuestro sitio web.

    Si hacemos clic en uno de ellos (en nuestro caso en Consejera de Educacin), aparecen las noticias de esos sitios web en el nuestro.

    Joomla!: La web en entornos educativos 171

  • 9: Extensiones

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

    En el siguiente vdeo podemos ver la publicacin de noticias externas en nuestro sitio web: http://dl.dropbox.com/u/15196983/joomla/videos/noticias_externas.flv

    Joomla!: La web en entornos educativos 172

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

  • 9: Extensiones

    9.2.11. RedireccionarEste componente se utiliza sobre todo para redirigir direcciones URL de pginas web que ya no existen en el sitio web a pginas web que estn funcionando. Puede ser la direccin URL de una pgina web que se ha desactivado en la comunidad de Joomla! back-end administrador de interfaz. La URL de origen se especifica al crear la redireccin debe ser la URL completa como usted lo escriba en su navegador web. El componente slo mostrar la ltima parte de la direccin URL de origen en el establecimiento de redireccionamiento. La URL de destino que se especifica al crear un redireccionamiento debe ser una URL completa tambin.Al crear una redireccin se copian/pegan las URL origen y destino.

    Posteriormente se guardan cambios.

    Joomla!: La web en entornos educativos 173

  • 9: Extensiones

    9.3. MdulosDe la misma manera que con los componentes, los mdulos poseen dos niveles de aplicacin, de Administracin y de Front-end. Se accede a la administracin de uno u otro desde el men principal de la Administracin de Joomla!

    Men Extensiones >> Gestor de Mdulos

    9.3.1. Mdulos del nivel de Administracin

    Aqu aparecen todos los mdulos utilizados en la Administracin (Back-end) de Joomla! Se encuentran localizados en la carpeta del servidor /administrator/modules/

    La informacin reflejada en las columnas del rea de trabajo del Gestor de Mdulos es la siguiente: Ttulo, Estatus de habilitacin, Posicin del mdulo en la interfaz de la Administracin de Joomla!, Orden, Tipo de Mdulo, Pginas a las que est vinculado a travs de mens, Tipo de acceso, Idioma e ID.

    Es recomendable no manipular el estado de habilitacin de los mdulos salvo que se comprenda lo que cada uno de ellos hace, pues podemos encontrarnos con la desagradable situacin de tener una Administracin de Joomla! inoperativa.

    Se detalla el significado de algunos de ellos, segn su tipo, con una imagen

    Joomla!: La web en entornos educativos 174

  • 9: Extensiones

    indicativa de su localizacin:

    mod_logged. Muestra la lista de los usuarios que estn en ese momento reconocidos por el sistema (logeados), en forma de pestaa en el Panel de Control.

    mod_popular. Muestra una lista de los artculos de contenido ms visitados como una pestaa en el Panel de Control.

    mod_latest. Muestra una lista de los contenidos ms recientes como una pestaa en el Panel de Control.

    mod_quickicons. Muestra iconos de rpido acceso a diferentes funciones en el Panel de Control.

    mod_title. Muestra el ttulo de rea de trabajo en que nos encontramos.

    mold_toolbar. Determina si se muestra o no la barra de herramientas.

    mod_menu. Muestra el men principal de la Administracin de Joomla!

    mod_submenu. Permite la creacin de submens en la navegacin por el rea de trabajo, como en este caso, que tenemos la posibilidad de navegar por los mdulos del Sitio y de la Administracin.

    Joomla!: La web en entornos educativos 175

    mod_quickicons

    mod_logged

    mod_popular mod_latest

    mod_title

    mod_toolbarmod_menu

    mod_submenu

  • 9: Extensiones

    9.3.2. Mdulos del nivel de Front-end

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

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

    La informacin reflejada en las columnas del rea de trabajo del Gestor de Mdulos es similar a los mdulos de administracin, a excepcin de la Posicin, pues en este tipo de mdulois del sitio indican su posicin, pero en la interfaz del Front-end de acuerdo a las posiciones definidas en la plantilla utilizada; Orden indica la ordenacin de todos los mdulos que se encuentran definidos en la misma posicin; Pginas, segn la navegacin definida en los mens, en las que se muestra en el Front-end.

    Es importante observar que el mdulo, aunque est publicado no ser mostrado hasta que no tenga definida la navegacin (asignacin de tems de men) en la que es visible.

    Se detalla el significado de todos los mdulos, segn su tipo, con una imagen indicativa con algunos de ellos y su localizacin en el Front-end, segn los ejemplos instalados en Joomla! y con una visualizacin de la portada de acuerdo a la plantilla activa; y se completa con la explicacin de alguno relevante:

    mod_banners. El mdulo que muestra los banners en el Front-end.

    mod_menu. El mdulo que muestra los mens en el Front-end. En este caso,

    Joomla!: La web en entornos educativos 176

  • 9: Extensiones

    existen varias instancias del mismo mdulo.

    mod_login. El mdulo de acceso de usuarios al Front-end.

    mod_syndicate. Muestra la sindicacin permitida de los contenidos de nuestro sitio web.

    mod_stats. El mdulo que muestra estadsticas del sistema.

    mod_whosonline. Quin est en lnea?. El mdulo que nos informa quin est online.

    mod_search. Permite hacer una bsqueda rpida en nuestro sitio.

    mod_breadcrumbs. El mdulo que muestra una barra de navegacin por

    Joomla!: La web en entornos educativos 177

    mod_menu

    mod_banner

    mod_login

    mod_syndicate

    mod_search

    mod_breadcrumbs

  • 9: Extensiones

    nuestro sitio web.

    mod_related_items. Este mdulo muestra los artculos relacionados con el contenido que se est visualizando. Aprovecha la potencialidad de los metadatos que se establecen en la definicin del contenido.

    mod_wrapper. Muestra contenido externo al propio sitio web. La funcionalidad es la misma que la que hemos observado con el vnculo Wrapper que viene definido por defecto en la instalacin de Joomla!, slo que aparece mostrado como cualquier mdulo, en una zona lateral del Front-end.

    mod_random_image. Imgenes al azar. Muestra aleatoriamente imgenes seleccionadas.

    mod_feed. Permite visualizar las noticias de un servidor de noticias externo.

    Etc.

    Gestor de mdulos: http://www.youtube.com/watch?v=HycIlAtDipI

    9.3.3. Crear mdulos nuevosAunque las opciones que presenta la barra de herramientas del rea de gestin de mdulos son muy intuitivas, es de especial inters conocer lo que significa crear mdulos nuevos. Si bien es una operacin que podemos hacer tanto en el Back-end como en el Front-end, nos centraremos en ver cmo lo hacemos y qu significa para los mdulos del Front-end, ya que la manipulacin de los mdulos del Back-end puede resultar ms delicada y, por qu no decirlo, peligrosa.

    Al decidir crear un nuevo mdulo, tenemos que realizar la operacin en dos pasos. En uno primero decidimos el tipo de mdulo que podemos crear:

    Joomla!: La web en entornos educativos 178

    http://www.youtube.com/watch?v=HycIlAtDipI

  • 9: Extensiones

    Se utilizan para:

    Artculos archivados. Permite mostrar una lista de los meses que contienen artculos archivados.

    Anuncios-Banners. Permite mostrar los anuncios activos del componente. Artculos Noticias de ltima hora. Muestra un nmero fijo de artculos de una

    categora especfica. Cambiar Idioma. Muestra na lista de idiomas de contenido disponible, para

    cambiar entre ellos cuando se desee utilizar Joomla! Como sitio multilenguaje. Categoras Artculos. Muestra una lista de categoras de la categora padre. Enlaces web. Muestra los enlaces de una categora definida en el

    componente de enlaces web. Imagen aleatoria. Muestra aleatoriamente imgenes de una carpeta

    seleccionada. Mdulo de bsqueda inteligente. Este es el mdulo de bsqueda para la

    bsqueda inteligente. Personalizar HTML. Para crear un mdulo propio basado en html. Quin est en Lnea. Para mostrar los usuarios activos en el sistema. Sindicacin Enlaces Externos. Ofrece la sindicacin a nuestro sitio web. ltimos usuarios. Muestra los ltimos usuarios registrados. Acceso. Muestra un formulario para introducir el nombre de usuario y la

    contrasea, y las opciones de recordar contrasea e invitar a registrarse en el sistema.

    Artculos Artculos relacionados. Muestra otros artculos relacionados con el quese est visualizando.

    Buscar. Muestra una caja de bsqueda.

    Joomla!: La web en entornos educativos 179

  • 9: Extensiones

    Categora Artculos. Muestra una lista de artculos de una o varias categoras. Contenido ms ledo. Permite mostrar la relacin de artculos publicados ms

    vistos. Estadsticas. Muestra estadsticas de nuestro sitio web: informacin del

    servidor, miembros... Men. Ya sabemos lo que supone, pero las opciones de configuracin son

    mltiples. Permite seleccionar un men de los existentes para crearlo con otras opciones.

    Mostrar Noticias Externas. Permite la visualizacin de noticias externas sindicadas.

    Pie de pgina. Muestra los derechos de copyright de Joomla! Ruta. Muestra la ruta del contenido que se visualiza. ltimas noticias. Muestra la lista de los ltimos artculos publicados. Wrapper (marco). Permite mostrar en una ventana una URL externa.

    Hacemos clic en el botn Nuevo y elegimos como tipo de men Estadsticas. Guardamos despus de completar Ttulo, Posicin (en la plantilla), opciones bsicas, etc. y guardamos cambios.

    Podemos ver el mdulo estadsticas en el Front-end.

    Joomla!: La web en entornos educativos 180

  • 9: Extensiones

    Nuevo mdulo: http://www.youtube.com/watch?v=kd2y0XnKfhI

    Editar mdulo: http://www.youtube.com/watch?v=XRNTPFvcJUg

    Cargar un mdulo dentro de un artculo: http://www.youtube.com/watch?v=fF7zJf7Pg9I

    Joomla!: La web en entornos educativos 181

    http://www.youtube.com/watch?v=fF7zJf7Pg9Ihttp://www.youtube.com/watch?v=fF7zJf7Pg9Ihttp://www.youtube.com/watch?v=XRNTPFvcJUghttp://www.youtube.com/watch?v=kd2y0XnKfhI

  • 9: Extensiones

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

    Los plugins se encuentran en la carpeta /plugins/

    Al igual que los componentes y mdulos, se accede a ellos y pueden ser instalados/desinstalados, configurados y publicados (habilitados) desde el panel de administracin de Joomla!

    Es fcil reconocer la informacin reflejada en cada una de las columnas de la tabla del rea de trabajo.

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

    Joomla!: La web en entornos educativos 182

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

  • 9: Extensiones

    9.5. PlantillasSe accede a la administracin de la gestin de las plantillas instaladas desde el men principal de la Administracin de Joomla!

    Men Extensiones >> Gestor de plantillas

    Observamos que tenemos plantillas asignadas al Sitio y al Administrador.

    La plantilla que hemos venido utilizando en las imgenes presentadas a lo largo de todos estos captulos se llama Bluestork para el Back-end. En la imagen anterior est asignada como predeterminada para el Front-end la plantilla Beez_20.

    Si accedemos a travs del enlace Plantillas (ver imgen anterior), podemos ver una miniatura del aspecto que tendra nuestro sitio web si esa fuera la plantilla utilizada.

    Para lograr que una plantilla sea la predeterminada para el Sitio o Administrador, basta con seleccionar la casilla de verificacin que aparece a su izquierda y hacer clic en el botn Establecer por defecto.

    Con esto cambiara la plantilla en todo el sitio web.

    9.5.1. Plantilla asociada a tem de menSi queremos asociar una plantilla a un tem de men (para diferenciarlo del resto del sitio), es posible hacerlo. Para ello:

    Joomla!: La web en entornos educativos 183

  • 9: Extensiones

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

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

    2.- Le asignamos los tem de men asociados a esta plantilla en concreto (por ejemplo el tem Mapa del sitio del Men Principal. Guardamos y cerramos.

    Se nos informa que 1 elementos de men han sido asignados a este estilo de plantilla. En la fila de la misma se nos indica que se ha asignado.

    3.- Si accedemos al Front-end y hacemos clic en esos enlaces de men veremos cmo cambia el sitio de plantilla, regresando a la plantilla por defecto mediante el uso de cualquier otro tem de men.

    Joomla!: La web en entornos educativos 184

  • 10: Extensiones de terceros

    10. Extensiones de terceros

    10.1. IntroduccinYa hemos podido comprobar que con Joomla! se pueden crear y administrar espacios web bastante completos y complejos, pero sin duda la gran ventaja de utilizar Joomla! es que permite que sean implementadas funcionalidades con relativa facilidad para adaptar nuestro sitio web al uso que queramos dar.

    Hay que considerar, por tanto, el ingente trabajo de desarrolladores de extensiones preparadas para ser instaladas en Joomla!: Extensiones de terceros (Third Party Developers).

    Aunque no es el nico sitio donde podemos encontrar nuevas extensiones para ser instaladas en Joomla!, en el espacio dedicado a ellas en la pgina oficial del proyecto podemos encontrar la referencia a la mayora de extensiones existentes, clasificadas en categoras segn la temtica y con indicacin clara de la funcin que realizan, y observaciones sobre su instalacin y uso:

    http://extensions.joomla.org

    La clasificacin de las extensiones se establece en razn a la funcionalidad que aaden al sistema Joomla! y en varios temas (recogemos algunos):

    Acceso y seguridad. Administracin. Anuncios y afiliados. Creacin (Autora). Puentes. Calendarios y eventos. Clientes. Comunicacin. Comunidades y trabajo en grupo. Contactos y feedback. Contenidos y noticias. Etc.

    Echar un vistazo a esta clasificacin nos permitir tener una idea clara de cmo podemos implementar en Joomla! funcionalidades muy indicadas para desarrollar proyectos web en entornos educativos, como por ejemplo:

    Gestores de descargas, que permitan disponer de archivos a la comunidad educativa, bien los profesores a los alumnos, bien documentos de acceso restringido en la gestin documental del centro,

    Galeras multimedia, para exponer las instalaciones de nuestro centro, los reportajes de las actividades que se realizan,

    Podcast, para disponer ficheros de audio de grabaciones de actividades,

    Joomla!: La web en entornos educativos 185

    http://extensions.joomla.org/

  • 10: Extensiones de terceros

    recitales Blog, para mantener espacios de contenidos ordenados con participacin. Wiki, para poder crear contenidos de forma colaborativa. Mensajera privada, para poder establecer comunicacin entre las personas

    que contribuyen a enriquecer el sitio de contenidos y recursos. Comentarios, para facilitar actividades donde el artculo publicado es

    comentado. Foros, para establecer medios de comunicacin asncronos, entre miembros

    de la comunidad educativa: debate de temas de actualidad, opiniones sobre gestin del centro, impresiones sobre las actividades, propuestas,

    Chats, para permitir canales de comunicacin sncrona. Libros de visitas. Siempre ser bueno recibir la impresin de quien visita

    nuestra pgina. Calendarios, para dejar constancia de las fechas relevantes. Formularios, para recoger informacin de la comunidad educativa:

    cuestionarios de opinin, informes privados entre el profesorado, Gestores de proyectos, para administrar trabajos colaborativos con alumnos,

    profesores, intercambios, Sitios multilinges, para realizar trabajos de redaccin en varios idiomas, si

    nuestro centro es bilinge, nuestro sitio web tambin Etc.

    Por supuesto, si estamos pensando en disponer de extensiones traducidas a espaol, tenemos que tener en cuenta el centro de extensiones de Joomla! Spanish:

    http://extensiones.joomlaspanish.org/

    En estos momentos conviven varias versiones de Joomla! Por tanto, se debe tener claro que las extensiones sern, en general, compatibles para una u otra versin y que todava el conjunto de extensiones que pueden ser instaladas en las versiones posteriores no cubren todas las funcionalidades que se han ido desarrollando desde que el proyecto empez a andar. En algunos casos, podemos encontrar extensiones compatibles para varias versiones, con distribucin para una versin y otra.

    En los siguientes apartados encontrar detalladas la instalacin y uso de varias extensiones que podemos implementar en Joomla! (salvo los idiomas, ya vistos en otro captulo), para conocer cmo es el proceso con cierto detalle. Hay extensiones que funcionan a partir de la instalacin de un nico archivo, aunque no es extrao encontrar algunas que precisan de la instalacin de varios archivos para ser completamente operativas.

    El proceso de instalacin de cualquier extensin siempre es el mismo y ya fue realizado y explicado con cierto detalle cuando instalamos el idioma espaol en el captulo 4.

    Desde el men

    Extensiones >> Gestor de extensiones

    Joomla!: La web en entornos educativos 186

    http://extensiones.joomlaspanish.org/

  • 10: Extensiones de terceros

    accedemos al Gestor de extensiones, que permite instalar extensiones desde la localizacin que mejor podamos emplear. Habitualmente emplearemos la primera opcin, con el archivo comprimido que ofrece el proyecto que lo desarrolla, aunque puede ser preciso hacerlo desde algn directorio concreto si nuestro servidor no nos permite hacerlo de la primera forma, para lo que deberemos colocar los archivos de instalacin de la extensin en concreto en alguna carpeta cuya localizacin indicaremos en el cuadro de texto; o bien, desde una URL concreta.

    Desinstalar una extensin es tambin sencillo. El rea de trabajo del gestor de extensiones tiene varias pestaas, la de instalar, ya conocida, y la de acceso a la relacin de todas las extensiones instaladas (pestaa Gestionar), por tipo, para entonces decidir cul se desinstala. Est claro que no conviene, aunque el sistema lo permitiera, desinstalar ninguna de las extensiones instaladas por defecto en Joomla!, a menos que se tenga muy claro el efecto de la operacin de lo que se est haciendo.

    En la imagen se observa la relacin de componentes instalados en Joomla!, que adems permite decidir qu componente se deshabilita, interesante actuacin si no se quiere desinstalar el componente, por ejemplo, frente a eventuales problemas de funcionamiento o seguridad, y hasta que se consiga solucionar el problema.

    Aadir nuevas extensiones a Joomla! es sencillo, pero no debemos olvidar la complejidad de las operaciones que se estn realizando. Es probable que podamos

    Joomla!: La web en entornos educativos 187

  • 10: Extensiones de terceros

    encontrar problemas en su instalacin y gestin, ya que no dejan de ser aplicaciones web muy sensibles al servidor en que estemos trabajando, y las propias caractersticas de la herramienta Joomla! que estamos administrando de forma personal, o incluso en la interaccin que pudieran tener con otras extensiones de terceros. Es recomendable que, frente a estas situaciones, se investigue adecuadamente en los sitios oficiales de Joomla! y los propios sitios de desarrollo de las extensiones, normalmente la atencin a los problemas encontrados se realiza de forma muy gil y efectiva si, como suele ocurrir, detrs del proyecto existen personas muy activas en su desarrollo.

    Se considera en este texto explicativo que estas extensiones funcionan de forma separada, pero tambin tenemos que saber que pueden existir extensiones que conecten unas con otras. Por ejemplo, si utilizamos un generador de mapas del sitio, y aadimos un blog, podemos necesitar una extensin que permita incorporar los contenidos gestionados por el blog en el mapa del sitio web.

    Adems, los problemas de seguridad se aaden a medida que incorporamos nuevas extensiones a nuestro sitio web, por lo que debemos tenerlo en cuenta y tomar las medidas oportunas.

    Y por ltimo, tener claro que las versiones que se incluyen son las ms actuales en el momento de elaboracin de este texto, y que lo ms probable es que existan nuevas versiones en breves periodos de tiempo. Aun as, las funcionalidades, gestin y apariencia sern similares a las que se detallan a continuacin.

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

    Joomla!: La web en entornos educativos 188

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

  • 10: Extensiones de terceros

    10.2. Componente: XmapXmap es un componente que permite crear un mapa del sitio web utilizando la estructura de los mens, y as poder acceder rpidamente a toda la navegacin creada en el sitio web.

    Xmap posee las siguientes caractersticas: Permite crear ms de un mapa de sitio, con diferentes preferencias. Posee un sistema de cach para realizar creaciones ms rpidas del mapa de

    sitio, ideal para grandes sitios o sitios que soporten altos niveles de trfico. Dispone la interface del Back-end basada en Ajax. Tiene mejor presentacin XML en los navegadores. Tiene compatibilidad con Joomla! 1.5. Se puede especificar la prioridad y cambio de parmetros para cada men. Muestra informacin estadstica para cada mapa de sitio:

    Fecha de la ltima visita. Nmero de visitas. Nmero de links generados en la ltima visita.

    Hay disponibles plugins para los componentes ms populares.

    Localizacin del archivo de instalacin. El archivo comprimido que utilizaremos para instalar este componente se encuentra localizado en:

    Recursos/xmap/

    Nombre del archivo: pkg_com_xmap-2.2.1.zip

    Pgina oficial del proyecto: http://joomla.vargas.co.cr

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

    Extensiones >> Gestor de extensiones

    El sistema muestra el resultado de la instalacin y, en algunos casos, la propia instalacin realiza alguna observacin sobre la extensin, el proyecto,... que convendr leer detenidamente porque puede dar pistas sobre lo que debemos hacer para empezar a manejar la extensin.

    Este nuevo componente instalado ya aparece en el men Componentes, para dar acceso a su gestin.

    2.- Accedemos a la gestin de Xmap desde el men

    Componentes >> Xmap

    Joomla!: La web en entornos educativos 189

    http://joomla.vargas.co.cr/

  • 10: Extensiones de terceros

    Se nos advierte que tenemos que habilitar dos extensiones

    Para ello hacemos clic en la pestaa Extensiones

    Marcamos Xmap Content Plugin y Xmap Weblinks Plugin y hacemos clic en el botn Habilitar

    Con esto quedan habilitados

    Para crear un nuevo mapa hacemos clic en el botn Nuevo. Nos aparece la siguiente ventana.

    Escribimos Ttulo (por ejemplo Mapa 1); Alias (por ejemplo mapa1); en Estatus seleccionamos Publicado; en Mens marcamos los que se mostrarn en el mapa (con cada se pueden elegir la frecuencia con que se actualiza y con qu prioridad).

    Joomla!: La web en entornos educativos 190

  • 10: Extensiones de terceros

    Una vez hecho hacemos clic en el botn Guardar & Cerrar.

    3.- Una vez definido el mapa del sitio, slo falta que est disponible en algn momento de la navegacin por nuestro sitio web. Vamos a crear un tem de men en el men Ejemplos Enlaces que nos d acceso al mapa del sitio. Para ello elegimos

    Mens >> Ejemplos Enlaces >> Aadir nuevo elemento de Men

    En la nueva ventana que nos aparece elegimos en Tipo elemento men, mediante el botn Seleccionar, crear un tem nuevo del tipo Mapa de Sitio HTML.

    Una vez hecho cerramos esta ventana emergente.

    Joomla!: La web en entornos educativos 191

  • 10: Extensiones de terceros

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

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

    Joomla!: La web en entornos educativos 192

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

  • 10: Extensiones de terceros

    10.3. Mdulo: Art Sexy Lightbox Lite EditionEs un mdulo que permite mostrar una coleccin de imgenes localizadas en una carpeta en nuestro servidor, en la localizacin que el gestor multimedia predispone para las imgenes: images.

    En nuestro caso, mostraremos en nuestro sitio web, una relacin de imgenes, que subiremos, mediante el gestor multimedia, a una carpeta carpeta llamada flores.

    Localizacin de las imgenes. Las encontrar en:

    Recursos/Art/

    Nombre del archivo: flores.zip

    Estas imgenes tienen licencia Creative Commons y han sido descargadas desde:- http://www.flickr.com/photos/trebol_a/2224819726/- http://www.flickr.com/photos/stralunato/146047481/- http://www.flickr.com/photos/anarey/7335760432/- http://www.flickr.com/photos/tlaloc74/3074443414/

    Localizacin del archivo de instalacin. El archivo comprimido que utilizaremos para instalar este componente se encuentra localizado en:

    Recursos/Art

    Nombre del archivo: mod_artsexylightbox_lite_edition

    Pgina oficial del proyecto: http://www.artetics.com/ARTools/joomla-extensions

    Joomla!: La web en entornos educativos 193

    http://www.artetics.com/ARTools/joomla-extensionshttp://www.flickr.com/photos/tlaloc74/3074443414/http://www.flickr.com/photos/anarey/7335760432/http://www.flickr.com/photos/stralunato/146047481/http://www.flickr.com/photos/trebol_a/2224819726/

  • 10: Extensiones de terceros

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

    Extensiones >> Gestor de extensiones

    2.- Una vez subido se nos informa de la correcta instalacin.

    3.- Accedemos, mediante el Men Extensiones >> Gestor de Mdulos, a gestionar los existentes.

    4.- Marcamos la casilla de verificacin del mdulo Art Sexy Lightbox Lite Edition y hacemos clic en el botn Editar. Editamos el mdulo para preparar la visualizacin de las imgenes en el Front-end, y decidimos los valores de todos aquellos parmetros que son necesarios para conseguir la muestra deseada, poniendo especial cuidado en:

    A. La posicin que queremos que ocupe en la plantilla actualmente en uso (la posicin 10 corresponde al pie de pgina) y el acceso (pblico).

    B. Las pginas en las que se va a mostrar (en nuestro ejemplo en todas).

    C. Las opciones bsicas del mdulo: la ruta donde se encuentran las imgenes (images/flores), la anchura y altura de las miniaturas, etc.

    Joomla!: La web en entornos educativos 194

  • 10: Extensiones de terceros

    5.- Una vez configurado hacemos clic en el botn Guardar & Cerrar y ya podemos ver la exposicin de estas imgenes en el Front-end

    Joomla!: La web en entornos educativos 195

    A

    B

    C

  • 10: Extensiones de terceros

    Al igual que podemos poner una presentacin de imgenes, tambin podemos con Lof ArticlesSlideShow un slideshow de nuestros artculos:

    - http://www.youtube.com/watch?v=o_YdJfM_P3k&

    - http://www.youtube.com/watch?v=TnIuYR8vFeI

    El mdulo se puede descargar desde http://dl.dropbox.com/u/15196983/joomla/mod_lofarticlesslideshow.version.2.x.zip o desde su web http://landofcoder.com/index.php?option=com_jdownloads&Itemid=372&task=viewcategory&catid=8

    Phoca Gallery: mdulo para hacer otra galera de imgenes: http://www.youtube.com/watch?v=li_dn-42IxQ

    Joomla!: La web en entornos educativos 196

    http://www.youtube.com/watch?v=li_dn-42IxQhttp://landofcoder.com/index.php?option=com_jdownloads&Itemid=372&task=viewcategory&catid=8http://landofcoder.com/index.php?option=com_jdownloads&Itemid=372&task=viewcategory&catid=8http://dl.dropbox.com/u/15196983/joomla/mod_lofarticlesslideshow.version.2.x.ziphttp://www.youtube.com/watch?v=TnIuYR8vFeIhttp://www.youtube.com/watch?v=o_YdJfM_P3k&

  • 10: Extensiones de terceros

    10.4. Plugin: AllVideosAllVideos es un plugin imprescindible para quienes quieran compartir o subir videos y audio a sus web. Le permite integrar fcilmente los medios alojados en los servicios ms populares como YouTube, Vimeo, Dailymotion, SoundCloud (y muchos ms: ver en http://www.joomlaworks.net/content/view/16/42/) en artculos de Joomla! (o en otros componentes, como K2, Redshop, Virtuemart, etc.). Con l se puede crear reproducciones de casi cualquier formato de archivo de audio/vdeo alojados en su servidor, o incluso un servidores remotos (ver http://demo.joomlaworks.net/allvideos).

    Localizacin del archivo de instalacin. El archivo comprimido que utilizaremos para instalar este componente se encuentra localizado en:

    Recursos/AllVideos/

    Nombre del archivo: plg_jw_allvideos-v4.4_j1.5-2.5.zip

    Pgina oficial del proyecto: http://www.joomlaworks.net/

    1.- Instalamos el componente desde el Gestor de Extensiones:

    Extensiones >> Gestor de extensiones

    2.- Una vez subido se nos informa de la correcta instalacin.

    3.- Accedemos, mediante el Men Extensiones >> Gestor de Plugins, a gestionar los existentes.

    Joomla!: La web en entornos educativos 197

    http://www.joomlaworks.net/http://demo.joomlaworks.net/allvideoshttp://www.joomlaworks.net/content/view/16/42/

  • 10: Extensiones de terceros

    4.- Marcamos la casilla de verificacin del plugin AllVideos (by JoomlaWorks) y hacemos clic en el botn Editar.

    Nos aparece una nueva ventana. En la zona de la izquierda habilitamos el mdulo.

    En la zona de la derecha, en Opciones Bsicas, nos aparecen diversos parmetros sobre vdeos y audios alojados en nuestro servidor:

    - Carpeta (images/videos o images/audio)

    - Anchura y altura predeterminados.

    - Color de fondo.

    - Etc.

    Hagamos clic en el botn Guardar & Cerrar, con lo que ya tenemos el plugin habilitado.

    5.- Vamos a crear ahora (tal y como se describi en el apartado Mdulo: Art Sexy Lightbox Lite Edition) mediante el Gestor Multimedia dos carpetas dentro de la carpeta images: una llamada videos y otra audio.

    Localice en su equipo un archivo de audio mp3 (o descrguelo de Internet desde un sitio libre que lo permita) y sbalo a la carpeta audio de su instalacin Joomla!

    Joomla!: La web en entornos educativos 198

  • 10: Extensiones de terceros

    5.- Ahora vamos a incluir ese archivo de audio en un artculo. Podemos crear uno nuevo o utilizar alguno hecho previamente o de los instalados de ejemplo. Una vez tenemos el articulo en edicin pegamos el siguiente cdigo: {formato o proveedor}nombrearchivo{/formato o proveedor}.

    En el ejemplo de la imagen anterior sera {mp3}sifueraella{/mp3} ya que mp3 es el formato del archivo y el nombre del mismo es sifueraella. Una vez guardamos el artculo vemos un reproductor de audio en el artculo en el Front-end.

    5.- Lo mismo podemos hacer con vdeos almacenados en la carpeta images/videos de nuestro servidor. No obstante, lo ms adecuado para ahorrar trfico en nuestra Web sea utilizar los vdeos de proveedores (podemos subir previamente a estos sitios Web nuestros propios vdeos si lo deseamos). Por ejemplo:

    - Acceda a youtube y localice un vdeo: por ejemplo http://www.youtube.com/watch?v=cx9KLbh330Y

    - Editemos un artculo de nuestro sitio Joomla! y peguemos el siguiente cdigo: {youtube}cx9KLbh330Y{/youtube}. Podr observar qie sigue la regla de {proveedor}nombrearchivo{/proveedor} ya que youtube es el proveedor del vdeo y queremos ver concretamente el cx9KLbh330Y.

    - Guardemos la entrada y vemosla en el Front-end.

    Joomla!: La web en entornos educativos 199

    http://www.youtube.com/watch?v=cx9KLbh330Yhttp://www.youtube.com/watch?v=cx9KLbh330Y

  • 10: Extensiones de terceros

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

    Joomla!: La web en entornos educativos 200

    http://www.joomlaworks.net/content/view/35/41/

  • 10: Extensiones de terceros

    10.5. PlantillaSin duda, poder tener una apariencia de nuestro sitio web elegante y flexible ser una de nuestras mayores necesidades. La esttica y la claridad en la navegacin sern agradecidas por los usuarios y por el propio proyecto que desarrollemos con Joomla!

    Las plantillas son extensiones, que permiten, con instalaciones sencillas, disponer de estos diseos con facilidad.

    Se incluyen varias plantillas para que se puedan incluir en nuestro proyecto y se detallan con una en concreto aquellas manipulaciones que, en general, podremos hacer para tenerla adaptada a la imagen que queremos dar a nuestro sitio web.

    Localizacin del archivo de instalacin. El archivo comprimido que utilizaremos para instalar este componente se encuentra localizado en:

    Recursos/plantillas

    Nombre del archivo: obmicon.zip

    Pgina oficial del proyecto: http://plantillasjoomla.org

    1.- Instalamos el componente desde el Gestor de Extensiones:

    Extensiones >> Gestor de Extensiones

    2.- Una vez subido se nos informa de la correcta instalacin.

    3.- Accedemos, mediante el Men Extensiones >> Gestor de Plantillas, a gestionar los existentes. La encontramos en la relacin de plantillas activas para nuestro sitio web y hacemos que sea la predeterminada.

    Nota: La plantilla Obmicon (http://plantillasjoomla.org/plantilla-obmicon-simple-y-grunge-joomla-2-5/), posee un diseo simple: en la parte superior se encuentra la cabecera, centrado est el espacio para titulo/logotipo, en una esquina hay unos simples botones de Login y Search, bajo la cabecera se ubica un slider que ocupa todo el ancho de la plantilla, luego se posiciona el rea de contenido, con la particularidad de poseer dos barras laterales en el extremo derecho, terminando la plantilla con un pequeo pie de pgina. Cuando baje para instalar en Joomla! Una plantilla, asegrese que tiene todo lo que necesita (por ejemplo una barra de

    Joomla!: La web en entornos educativos 201

    http://plantillasjoomla.org/plantilla-obmicon-simple-y-grunge-joomla-2-5/http://plantillasjoomla.org/plantilla-obmicon-simple-y-grunge-joomla-2-5/http://plantillasjoomla.org/

  • 10: Extensiones de terceros

    mens), ya que la edicin de esas plantillas es algo que excede de los conocimientos de informtica a nivel usuario.

    En la imagen siguiente vemos la posicin de los mdulos en esta plantilla.

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

    10.5.1. Manipulacin de la plantilla

    Hay algunas modificaciones en la plantilla que s estn a nuestro alcance como por ejemplo:

    (1) Sustituir el icono que aparece en la pestaa del navegador.

    (2) El Logotipo de la institucin, empresa, etc.

    (3) Las imgenes del slide.

    Joomla!: La web en entornos educativos 202

  • 10: Extensiones de terceros

    Para ello:

    Si estamos trabajando en local abrimos el explorador de archivos de Windows y localizamos la carpeta C:\wamp\www\joomla\templates\obmicon, donde podemos sustituir los archivos de imgenes por otros nuestros (siempre que tengan el mismo tamao y nombre! para que la plantilla los pueda localizar).

    Joomla!: La web en entornos educativos 203

    12

    3

  • 10: Extensiones de terceros

    B) Si estamos trabajando en remoto la sustitucin de estos archivos debemos hacerla mediante Filezilla (ver captulo 3).

    (4) Si editamos la plantilla podremos elegir mostrar o no el slide y/o cambiar el texto que aparece debajo.

    Por ejemplo:

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

    Lo podemos solucionar mediante el men Extensiones >> Gestor de Extensiones >> Gestionar. Filtramos por plantilla (1), seleccionamos la que queremos desinstalar (2) y utilizamos el botn Desinstalar (3). As se desinstala sin problemas (4).

    Joomla!: La web en entornos educativos 204

  • 10: Extensiones de terceros

    El vdeo de las capturas de pantalla anteriores se encuentra en http://dl.dropbox.com/u/15196983/joomla/videos/plantilla_item_menu.avi

    Hay plantillas que nos permiten ms opciones de configuracin: Administracin de plantillas en Joomla!: http://www.youtube.com/watch?v=ROr3rmE0tLg

    Joomla!: La web en entornos educativos 205

    1

    3

    2

    4

    http://www.youtube.com/watch?v=ROr3rmE0tLghttp://dl.dropbox.com/u/15196983/joomla/videos/plantilla_item_menu.avi

  • 10: Extensiones de terceros

    10.6. Ampliando la funcionalidad de Joomla!En lnternet existen miles de extensiones distintas para ser implementadas en Joomla! El dinamismo del proyecto y la creacin de extensiones por parte de terceros desarrolladores hace posible disponer de una coleccin de extensiones muy completa que permite ampliar la funcionalidad de Joomla! en la mayora de aspectos relacionados con el desarrollo de proyectos web con esta herramienta. Gran parte de ellas son de descarga gratuita, otras requerirn un pago previo.

    Se presenta a continuacin algunas extensiones claramente tiles en entornos educativos, con referencias a las funcionalidades que implementan al sistema Joomla! y orientaciones para su instalacin y gestin, si procede. Se entiende que es parte del proceso del usuario que este trabajo de localizacin, instalacin y prueba de extensiones sea prctica habitual cuando aparecen necesidades de publicacin web, sin olvidar que algunas extensiones necesitaran formacin aparte para dominar su administracin con seguridad.

    Se debe tener claro que el sistema Joomla! es seguro frente a posibles ataques en Internet, pero aadir extensiones supone tambin aumentar el riesgo de sufrir algn tipo de ataque, por lo que deberemos recoger informacin sobre las nuevas extensiones que instalemos en nuestro Joomla! para garantizar un sitio con la mayor seguridad posible.

    10.6.1. Phoca Guestbook with CaptchaUn libro de visitas es una aplicacin imprescindible, quiz, si queremos mantener cierto contacto con los usuarios de nuestro sitio web.

    Esta extensin es un componente que permite crear y administrar libros de visitas, incluyendo una imagen de verificacin Captcha para evitar la inclusin masiva de artculos en el libro de visitas.

    Localizacin del archivo de instalacin. El archivo comprimido que utilizaremos para instalar este componente se encuentra localizado en:

    Recursos/Phoca Guestbook

    Nombre del archivo: com_phocaguestbook_v2.0.5.zip

    Pgina oficial del proyecto: http://www.phoca.cz/

    1.- Instalamos el componente desde el Gestor de Extensiones:

    Extensiones >> Gestor de Extensiones

    2.- Una vez instalado nos permite decidir si queremos efectivamente instalarlo o buscar una actualizacin. La actualizacin de las extensiones es variada y la mejor forma de saber cmo se tiene que hacer es recurrir a la informacin que aporta el

    Joomla!: La web en entornos educativos 206

    http://www.phoca.cz/

  • 10: Extensiones de terceros

    proyecto. Lo instalamos haciendo clic en el botn Install.

    3.- Se nos informa posteriormente de la correcta instalacin. Hacemos clic en el botn Guestbooks para comenzar a gestionar nuestros libros de visitas.

    4.- Seleccionamos la pestaa Guestbooks y utilizamos el icono Nuevo para hacer un libro de visitas.

    5.- En la siguiente pantalla elegimos ttulo del libro de visitas y escribimos una descripcin para dicho libro. Guardamos y cerramos.

    Joomla!: La web en entornos educativos 207

  • 10: Extensiones de terceros

    Con ello ya nos aparece nuestro libro de visitas recin creado.

    6.- Una vez que decidamos aadir un libro de visitas, creamos un tem de men vinculado al mismo.

    Y veremos en la portada el formulario para hacer la sugerencia cuando utilicemos el enlace del men.

    Joomla!: La web en entornos educativos 208

  • 10: Extensiones de terceros

    En http://www.youtube.com/watch?v=o77zyeFZXLs dispone de un vdeo explicativo (aunque de una versin anterior de Joomla!)

    Joomla!: La web en entornos educativos 209

    1

    3

    2

    4

    http://www.youtube.com/watch?v=o77zyeFZXLs

  • 10: Extensiones de terceros

    10.6.2. jVoteSystem

    Utilizar una encuesta en su sitio web es una forma adecuada de recoger opiniones de los usuarios sobre la temtica que te interese.

    Localizacin del archivo de instalacin. El archivo comprimido que utilizaremos para instalar este componente se encuentra localizado en:

    Recursos/jvotesystem

    Nombre del archivo: com_jvotesystem_2.05__joomess.de.zip

    Pgina oficial del proyecto: http://joomess.de/projects/jvotesystem/download.html

    1.- Instalamos el componente desde el Gestor de Extensiones:

    Extensiones >> Gestor de Extensiones

    2.- Una vez subido se nos informa de la correcta instalacin.

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

    4.- Hacemos clic en el botn New poll. En el cuadro de dilogo siguiente especificamos ttulo de la encuesta, la pregunta y... en la parte inferior, las opciones de esa pregunta. Una vez hecho utilizamos

    Joomla!: La web en entornos educativos 210

    http://joomess.de/projects/jvotesystem/download.html

  • 10: Extensiones de terceros

    el botn Save para guardar la encuesta.

    5.- Una vez hecha tenemos que crear el mdulo para ponerla en pantalla. Accin que realizamos mediante el men Extensiones >> Gestor de Mdulos.

    Seleccionamos la encuesta y pulsamos sobre el botn Editar.

    En el siguiente cuadro de dilogo elegimos la posicin que va a ocupar (depende de la plantilla); en este mismo cuadro de dilogo elegimos publicarlo.

    Joomla!: La web en entornos educativos 211

  • 10: Extensiones de terceros

    En la parte inferior del mismo cuadro de dilogo seleccionamos en qu pginas va a estar disponible la encuesta. En la figura siguiente se ha seleccionado que est disponible en todas.

    Guardamos cambios y ya podemos ver la encuesta en la pgina principal.

    Joomla!: La web en entornos educativos 212

  • 10: Extensiones de terceros

    10.6.3. JoomD

    JoomD es una aplicacin simple para la creacin de un directorio y como constructor de contenido para nuestro sitio web. Se usa igualmente para construir un blog a travs de sus entradas, un directorio comercial con mltiples categoras, Google Maps con direcciones, etc.

    El directorio, muestra una ordenacin alfabtica de los artculos de contenido, se crea con las secciones y categoras publicadas en nuestro sitio web; y permite la definicin de una gran cantidad de parmetros para la presentacin y posible seleccin de las secciones o categoras que sern o no publicadas.

    Localizacin del archivo de instalacin. El archivo comprimido que utilizaremos para instalar este componente se encuentra localizado en:

    Recursos/JoomD

    Nombre del archivo: com_joomd-2.3.0.zip

    Pgina oficial del proyecto: http://www.joomla6teen.com/JoomD-Versions.html

    1.- Instalamos el componente desde el Gestor de Extensiones:

    Extensiones >> Gestor de Extensiones

    2.- Una vez subido se nos informa de la correcta instalacin.

    Disponemos de vdeos interesantes sobre su instalacin, configuracin y uso en http://www.joomla6teen.com/Docs.html

    Joomla!: La web en entornos educativos 213

    http://www.joomla6teen.com/Docs.htmlhttp://www.joomla6teen.com/JoomD-Versions.html

  • 10: Extensiones de terceros

    10.6.4. Attachments

    Esta extensin permite cargar y adjuntar archivos a los artculos y otros tipos de contenido de una forma sencilla. Incluye capacidad de unir y editar archivos desde la parte delantera de nuestro sitio Joomla!, as como desde la parte administrativa.

    Existen opciones para controlar quin puede ver los archivos adjuntos y quin puede cargarlos, junto con otras muchas opciones para aumentar su flexibilidad y utilidad.

    Localizacin del archivo de instalacin. El archivo comprimido que utilizaremos para instalar este componente se encuentra localizado en:

    Recursos/Attachments

    Nombre del archivo: attachments-3.0.3.zip

    Nombre del archivo de idioma: attachments-Spanish-es-ES-language-pack-3.0.3.zip

    Pgina oficial del proyecto: http://joomlacode.org/gf/project/attachments3/frs/

    1.- Despus de la instalacin del componente desde el Gestor de Extensiones se nos informa que el componente y todos los plugins se han instalado automticamente a la vez.

    Procedemos a la instalacin del idioma.

    La extensin incluye:

    Joomla!: La web en entornos educativos 214

    http://joomlacode.org/gf/project/attachments3/frs/

  • 10: Extensiones de terceros

    Un plugin para mostrar los archivos adjuntos, identificado en la administracin de Joomla! como Content Attachments.

    Un plugin para facilitar las labores de bsqueda y ordenacin de adjuntos, identificado en la administracin de Joomla! como 'Search Attachments.

    Un plugin que crea un botn en el editor de texto WYSIWYG para adjuntar archivos, identificado en la administracin de Joomla! como Editor Button Add Attachment.

    Etc.

    2.- Las opciones de configuracin del componente las realizamos desde el men Componentes >> Adjuntos >> Opciones.

    S nos muestra una nueva ventana con las opciones de configuracin organizadas en pestaas.

    3.- Adjuntar un archivo a un artculo desde la zona de administracin se realiza desde el men Componentes >> Adjuntos >> Aadir adjunto. Se nos abre una ventana para elegir:

    El artculo en el que ir al final adjunto el archivo. El archivo adjunto (se sube a travs del botn Examinar). La descripcin del archivo. Usuarios que lo visualizarn (pblico, registrado, etc.).

    Joomla!: La web en entornos educativos 215

  • 10: Extensiones de terceros

    Nota: La instalacin crea una carpeta en el directorio raz de instalacin de Joomla!, llamada attachments, que alberga todos los archivos adjuntados.

    Si accedemos, despus de guardar cambios, al Front-end podemos ver el archivo adjunto al final del artculo.

    4.- Tambin se puede adjuntar un archivo a un artculo desde el editor texto WYSIWYG, ya que crea un botn para ello.

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

    Joomla!: La web en entornos educativos 216

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

  • 10: Extensiones de terceros

    10.6.5. GCalendar

    Es una extensin que permite integrar calendarios de Google para ser mostrados en el Front-end de Joomla! En realidad se trata de un conjunto de extensiones:

    com_gcalendar. Gestiona nuestros calendarios de Google y proporciona mens de enlaces a los calendarios.

    mod_gcalendar. Muestra los calendarios en una posicin determinada de la plantilla actual.

    mod_gcalendar_upcoming. Muestra una lista completamente personalizable de los prximos eventos.

    mod_gcalendar_next. Muestra un contador para el prximo evento.

    plg_gcalendar_next. El complemento siguiente se muestra una descripcin para el prximo evento dentro de un artculo.

    plg_search_gcalendar. Se integra con los eventos nativos de bsqueda de Joomla!

    Localizacin del archivo de instalacin. El archivo comprimido que utilizaremos para instalar este componente se encuentra localizado en:

    Recursos/GCalendar

    Nombre del archivo: gcalendar_2_7_5.zip

    Pgina oficial del proyecto: http://g4j.laoneo.net/content/

    Nota: Es preciso tener antes creado en Google el calendario que se quiere mostrar en nuestro sitio web.

    1.- Despus de la instalacin del componente desde el Gestor de Extensiones se nos informa que el componente ha sido instalado correctamente.

    2.- Desde el men Componentes >> GCalendar >> Panel de Control accedemos a configurar GCalendar.

    Joomla!: La web en entornos educativos 217

    http://g4j.laoneo.net/content/

  • 10: Extensiones de terceros

    Se nos indica que no hemos establecido zona horaria.

    Procedemos a hacerlo a travs del botn Opciones. Una vez elegida zona horaria y guardados los cambios ya no aparece el aviso.

    Utilizamos el botn Importar Calendarios

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

    Marcamos el que deseamos aparezca y utilizamos el botn Aadir.

    Joomla!: La web en entornos educativos 218

  • 10: Extensiones de terceros

    3.- Desde el men Extensiones >> Gestor de Mdulos >> Nuevo. Elegimos GCalendar Informacin General.

    Para el nuevo mdulo completamos: ttulo, posicin dentro de la plantilla, estatus. En la zona de la derecha elegimos calendario.

    Joomla!: La web en entornos educativos 219

  • 10: Extensiones de terceros

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

    Nota: este mismo procedimiento se sigue para los mdulos GCalendar Siguiente y GCalendar Prximo.

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

    Joomla!: La web en entornos educativos 220

    http://www.youtube.com/watch?v=aCaqFKLgXlI

  • 10: Extensiones de terceros

    10.6.6. JComment

    Esta extensin permite aadir comentarios a artculos de contenido.

    JComments permite a los visitantes del sitio web dejar comentarios en cualquier material publicado. Proporciona un sistema flexible de configuracin de accesos, amplias posibilidades de configuracin de vistas personalizadas y ofrece muchas otras caractersticas, entre las que se pueden destacar:

    Permite encender / apagar el sistema de comentarios por categoras o material concreto.

    Permite automticamente publicar los comentarios para grupos de usuarios existentes

    Configuracin de los derechos de edicin / eliminacin para grupos de usuarios existentes.

    Informes al administrador sobre nuevos comentarios.

    Permite a los usuarios estar informados acerca de nuevos comentarios.

    Posibilidad de editar los comentarios de front-end.

    Posibilidad de mostrar la pgina de comentarios por pgina y vista personalizada de la posicin de nmeros de pgina.

    Etc. (listado de caractersticas completo o otras adicionales en su pgina web).

    Localizacin del archivo de instalacin. El archivo comprimido que utilizaremos para la instalacin se encuentra localizado en:

    Recursos/JComment

    Nombre del archivo: com_jcomments_v2.3.0.zip

    Nombre del archivo de idioma: es-ES_com_jcomments_v2.3.0_j17.zip

    Pgina oficial del proyecto: http://www.joomlatune.com/

    1.- Despus de la instalacin del componente desde el Gestor de Extensiones se nos informa que el componente ha sido instalado correctamente.

    Joomla!: La web en entornos educativos 221

    http://www.joomlatune.com/

  • 10: Extensiones de terceros

    Inmediatamente despus instalamos el archivo de idioma

    2.- Desde el men Componentes >> JComments accedemos a su configuracin.

    3.- Una vez elegida la configuracin deseada y guardados los cambios, accedemos al Front-end, donde podremos ver al final de cada artculo un enlace para introducir comentarios.

    Joomla!: La web en entornos educativos 222

  • 10: Extensiones de terceros

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

    Joomla!: La web en entornos educativos 223

  • 10: Extensiones de terceros

    10.6.7. Kunena

    Los tpicos foros exigen una buena labor de mantenimiento, pero no por ello dejan de ser un gran vehculo de comunicacin y discusin con la comunidad de usuarios de un sitio web.

    Kunena es una extensin que proporciona un sencillo y completo sistema de gestin de foros para ser implementado en Joomla! La instalacin del componente se realiza con un nico archivo.

    Localizacin del archivo de instalacin. El archivo comprimido que utilizaremos para la instalacin se encuentra localizado en:

    Recursos/Kunena

    Nombre del archivo: com_kunena_v2.0.1_2012-07-07.zip

    Nombre del archivo de idioma: pkg_kunena_languages_v2.0.1_2012-07-07.zip

    Pgina oficial del proyecto: http://www.kunena.org/

    1.- Despus de la instalacin del componente desde el Gestor de Extensiones se nos informa que el componente ha sido instalado correctamente (la instalacin pasa por varias etapas de forma automtica, dura unos segundos hasta que aparece la siguiente pantalla). Hacemos clic en Finalizar.

    En la siguiente pantalla nos aparece las opciones del foro, aunque en ingls. Procedemos, por tanto, a la instalacin de archivo que contiene el idioma, de nuevo desde el Gestor de Extensiones.

    Joomla!: La web en entornos educativos 224

    http://www.kunena.org/

  • 10: Extensiones de terceros

    2.- Desde el men Componentes >> Kunena accedemos a su configuracin (ahora s en castellano).

    3.- Una vez configurado el foro como requiramos guardamos los cambios y procedemos a crear un nuevo men desde Mens >> Men Kunena >> Aadir nuevo elemento de Men.

    Joomla!: La web en entornos educativos 225

  • 10: Extensiones de terceros

    4.- En el cuadro de dilogo que aparece a continuacin elegimos, en Tipo Elemento Men, por ejemplo, COM_KUNENA_MENU_CATEGORY_DEFAULT.

    Y rellenamos el resto de los parmetros necesarios.

    Guardamos cambios.

    5.- Ahora tenemos que aadir un nuevo mdulo al men y situarlo en el lugar que deseemos de la plantilla. Para ello aprovechamos el enlace Aadir un mdulo para este tipo de men.

    Joomla!: La web en entornos educativos 226

  • 10: Extensiones de terceros

    Rellenamos los parmetros necesarios en el siguiente cuadro de dilogo: Ttulo, Posicin, Estatus, Seleccione Men.

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

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

    Joomla!: La web en entornos educativos 227

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

    9. Extensiones9.1. Introduccin9.2. Componentes9.2.1. Nivel de