1

2

Índice

Índice ....................................................................................... 2

1. Introducción ........................................................................... 3

1.1 ¿Qué es Joomla!? ............................................................... 3

1.2 El Front-End y el Back-End .................................................. 3

2. Configuración Global del Sistema .............................................. 6

3. Administrador o Gestor de Usuarios .......................................... 7

4. Gestor de Menú ...................................................................... 9

5. Administración de Contenidos ................................................. 11

5.1 Editando Contenidos (Artículos) ......................................... 12

5.2 Editando La Página de Inicio .............................................. 16

6. Extensiones y Módulos .......................................................... 17

6.1 Instalación de Extensiones ................................................ 17

6.2 Generalidades sobre Módulos ............................................. 17

7. Idiomas ............................................................................... 19

8. Links Recomendados ............................................................. 21

3

1. Introducción Nuestros portales son desarrollados utilizando la herramienta “Joomla!”. En las siguientes páginas describiremos cómo utilizar dicha herramienta para gestionar todas las áreas de dicho portal.

1.1 ¿Qué es Joomla!? Joomla! es un sistema de gestión de contenidos, y entre sus principales virtudes está la de permitir editar el contenido de un sitio web de manera sencilla. Es una aplicación de código abierto programada mayoritariamente en PHP bajo una licencia GPL. Este administrador de contenidos puede trabajar en Internet o intranets y requiere de una base de datos MySQL, así como, preferiblemente, de un servidor HTTP Apache para funcionar. En Joomla! se incluyen características como: hacer caché de páginas para mejorar el rendimiento, indexamiento web, feed RSS, versiones imprimibles de páginas, flash de noticias, blogs, foros, polls (encuestas), calendarios, búsquedas en el sitio web, e internacionalización del lenguaje. Su nombre es una pronunciación fonética para anglófonos de la palabra swahili jumla que significa "todos juntos" o "como un todo". Puede ampliar esta información visitando: http://es.wikipedia.org/wiki/Joomla!

1.2 El Front-End y el Back-End Un sitio web desarrollado en Joomla! se divide en dos partes: el Front-End (el sitio propiamente dicho, que se accede a través de un cierto dominio y que todas las personas pueden ver); y el Back-End (donde se administran los contenidos). En todos los casos, se accede al Front-End a través de http://www.misitio.com y al Back-End como: http://www.misitio.com/administrator/ El Front-End cuenta con dos tipos de elementos:

1. Contenidos 2. Módulos

Los “Contenidos” componen la información del sitio. Usualmente serán lo que en la herramienta se denomina “artículos”, y que se escriben desde el Back-End. Los “Módulos” son “aplicaciones” que pueden incorporarse al sistema, y que permiten por ejemplo desplegar un menú, mostrar las últimas noticias que se ingresaron en el sitio, o realizar una encuesta, entre otros. También son administrados desde el Back-End. Los Módulos pueden ubicarse en diferentes secciones o ubicaciones dentro de la pantalla, dependiendo de la plantilla de diseño que se esté utilizando (referirse a fig. 1.1 El Front-End).

4

Fig. 1.1 El Front-End: Las posiciones que pueden tomar los módulos están marcadas en rojo,

y la del contenido en verde.

5

Al Back-End (en adelante también “administrador del sitio”) se lo accede utilizando un usuario y contraseña. En él podremos:

1. Manejar la Configuración Global del Sistema 2. Administrar los usuarios 3. Crear y administrar Menús 4. Generar Contenidos 5. Administrar y agregar componentes 6. Administrar los Módulos que se ven en el Front-End

Los siguientes capítulos de este manual trataran acerca de cómo utilizar el administrador del sitio para cargar nuevos contenidos, actualizar los existentes, y en general poder realizar una apropiada gestión del portal web. Todas las acciones que se describirán a continuación podrán realizarse una vez que se ingresó al administrador del sitio con el usuario y contraseña correspondientes.

6

2. Configuración Global del Sistema En este lugar, se encuentran las configuraciones generales del sitio, tales como el Título del portal, el mensaje a mostrar si el sitio está en mantenimiento, el editor de contenidos a usar por defecto y los Meta-tags, entre otras. A la Configuración Global se accede a través de Sitio -> Configuración Global. En la parte: “Sitio” es en donde encontramos los parámetros más utilizados: Cuando se desea hacer un mantenimiento, puede ponerse el sitio “Offline”, y es en esta sección que podemos poner un mensaje para los usuarios que intentan acceder (Mensaje para sitio web desactivado). Además, es fundamental para definir los META-Datos del sitio, muy utilizados por los buscadores (por ejemplo, la “Meta Descripción de sitio” es lo que mostrará Google como descripción del sitio web; y las Meta palabras clave son palabras separadas por “coma” que permiten a los motores de búsqueda saber qué tipo de información tiene el sitio web).

Fig. 2.1 La Configuración Global

7

3. Administrador o Gestor de Usuarios La Administración de Usuarios es accedida a través de Usuarios -> Gestor de Usuarios. En este lugar se gestionan los usuarios que tienen acceso al sitio, desde los administradores, a los usuarios registrados. Cuando un usuario ingresa con su usuario y contraseña al sistema, podrá acceder a funcionalidades y contenidos que no están disponibles para el público en general. Estas funcionalidades y contenidos dependerán del grupo al que pertenezcan, tal como se explicará a continuación. Para editar o eliminar un usuario, basta con seleccionarlo y presionar el botón “Editar” o “Borrar”. Para crear un usuario, se presiona el botón “Nuevo”.

Fig. 3.1 El Administrador de Usuarios

A la hora de Crear o Editar un usuario, es importante tener en cuenta los siguientes factores:

1. Nombre es el nombre de la persona

2. Usuario es el “nombre de usuario” que será utilizado cuando se va a loguear (ya sea en el Front-End o en el Back-End)

3. El Gestor de Usuario es el editor que se utilizará para crear los Artículos del sitio y poner estilos (tipos de letra, colores, etc). Cuando se crea un nuevo usuario se recomienda poner por defecto el editor JCE, que ya se encuentra instalado en el sitio web.

4. Los Grupos determinan los permisos de cada usuario de la siguiente manera: a. Usuarios Invitados: (que no han ingresado al sistema utilizando

un usuario y contraseña).

b. Usuarios Registrados: tienen acceso a todas las páginas que acceden los Invitados más las páginas y módulos con permisos para usuarios registrados.

8

c. Autores: tienen los mismos permisos que los usuarios registrados, y además pueden crear artículos.

d. Editores: tienen los mismos permisos que los autores, pero además pueden editar todos los elementos publicados en el sitio, sin importar quién lo haya creado.

e. Jefe de Redacción: tienen los mismos permisos que los editores, pero además pueden publicar los contenidos de cualquier autor o editor.

f. Manager: tiene los mismos permisos que el Jefe de redacción, pero además puede acceder al Back-End para acceder al Media Manager, Menús, y Contenidos en General.

g. Administrador: tiene los mismos permisos que el Manager, y además puede administrar usuarios, controlar los módulos, componentes, y realizar instalaciones de extensiones.

h. Super-User: tiene permisos para todo, incluyendo enviar mails a todos los usuarios registrados, eliminar y editar usuarios, y cambiar la plantilla del sitio.

Notar que tanto para los Autores, Editores y Jefes de Redacción es necesario crear un botón de acceso en un menú para usuarios especiales en el Front-End para que puedan crear los artículos, ya que ellos no pueden acceder al Back-End.

Fig. 3.2 Edición de Usuarios

9

4. Gestor de Menú

En este lugar se gestionan los menús que van a aparecer en las diferentes partes del sitio. Se accede a la Administración de Menús a través de Menús -> Administrador de Menús. Para crear un menú, basta con presionar el botón “Nuevo”. El Tipo de Menú, Título y Descripción y Título de Módulo, son los campos que hay que definir. Todos pueden cambiarse luego cuando se editan. Los botones del menú se denominan ítems o elementos. Para editarlos, hay que presionar el botón “elementos del menú”. Para eliminar un botón del menú se selecciona un ítem o elemento y se presiona la “Papelera”. Si simplemente queremos que dicho elemento no se muestre en el menú, basta con seleccionarlo y presionar el botón “No publicar”. Cuando creamos o editamos un elemento, hay que tener en cuenta los siguientes factores:

1. Tipo de elemento de menú. Los más utilizados son: a. Artículos -> Mostrar un solo artículo

Estándar: muestra un único artículo.

b. Artículos -> Mostrar una categoría en formato blog Diseño de Categoría en formato blog: muestra una lista de artículos de una determinada categoría en formato blog. El formato blog muestra la introducción de los artículos, y un botón de leer más.

c. Artículos -> Mostrar una categoría en formato lista Diseño estándar de Categoría: muestra los artículos de una determinada categoría en una lista.

d. Artículos -> Mostrar todas las categorías Diseño de sección en formato blog: muestra los artículos de todas las categorías de una sección en formato blog.

e. Contactos -> Mostrar un solo contacto Diseño de contactos estándar: muestra un formulario de contacto que irá dirigido al contacto que sea seleccionado.

f. URL Embebida -> Mostrar una página embebida URL embebida (Wrapper): permite mostrar el contenido de una página cualquiera dentro del sitio.

g. URL Embebida -> Mostrar una página embebida Permite abrir otra página en una nueva ventana

10

2. Los parámetros cambian según el tipo de botón que estemos creando, pero en todos los casos, el “Título” es el texto que aparecerá en el botón. “Insertar elemento en” permite definir si el botón del menú que hemos creado se ubicará como principal (al seleccionarlo como “arriba”) o si el botón estaría a nivel de submenú (al seleccionar el nombre del menú que lo contendría). Por último, el nivel de acceso permite determinar qué usuarios verán ese botón.

3. Es importante recordar que una vez creado el menú, es necesario publicarlo. Eso se hace desde el Extensiones -> Gestor de Módulos, seleccionar el menú creado, y presionar publicar. Desde este lugar, podemos también, editando el módulo, seleccionar dentro de qué páginas en particular se mostrará dicho menú (para ello, seleccionar los botones que cuando se presionen se mostrará el menú en “Asignación de Módulo”).

Fig 4.1 Formato de Lista Fig. 4.2 Formato de Blog

Fig 4.3 Edición de un ítem de Menú

11

5. Administración de Contenidos

Aquí se crean, eliminan o editan los diferentes artículos que forman el sitio, y también las diferentes secciones y categorías a las que pertenecen. Los contenidos, o “páginas” que veremos en el Front-End, se denominan “Artículos”. Dichos Artículos pertenecen a una “Categoría (también podemos tener artículos sin clasificar). La jerarquía de contenidos entonces, es como sigue:

o Categorías � Artículos � Sub Categorías

Es importante organizar y pensar qué categorías tendremos, ya que eso nos permitirá luego utilizar los módulos o botones del menú correctamente. Por ejemplo, podríamos tener la categoría Novedades. A su vez, dentro de esa categoría, podríamos tener una categoría Noticias de Tipo A, y Noticias de Tipo B. Quizá tengamos un botón “Todas las Noticias”, que va a desplegar en una lista (con un botón de tipo Diseño estándar de sección) todos los artículos de la categoría Noticias (tanto las de la categoría de tipo A, como las de tipo B). A su vez, podríamos utilizar un módulo Noticias A, que despliega los últimos artículos creados de la categoría Noticias de Tipo A, que se mostraría sólo en determinadas páginas (páginas que son más visitadas por individuos a los que les interesan las noticias de tipo A). Las secciones se crean y editan desde Contenidos->Gestor de Categorías El sistema permite crear tantas Categorías y Artículos como se desee.

12

Fig. 5.1 Administrador de Artículos

5.1 Editando Contenidos (Artículos) Para crear un artículo, basta con seleccionar el botón “Nuevo” desde el Gestor de Artículos. Joomla! permite utilizar diferentes tipos de editores de artículos. Se sugiere utilizar el editor JCE, que es muy amigable para los usuarios. Nuestros portales tienen el editor JCE como editor por defecto. En el caso de que se desee cambiar de editor, el mismo podrá ser seleccionado individualmente para un usuario accediendo al administrador de usuario y cambiando el editor de usuario; o podrá seleccionarse cuál utilizar por defecto desde la configuración global del sistema. Si se utiliza el editor JCE, la pantalla de Edición del Artículo será similar al de la Fig. 5.2 – Edición de Artículos. El Título del Artículo se mostrará destacado en el Front-End, y además nos permitirá identificar el Artículo en la lista del Gestor del sitio. El alias suele contener el mismo texto del título, pero sin caracteres especiales (.,ñ, tildes, etc). Esto es aplicable para todos los “alias” que encontramos en los distintos elementos de Joomla!. Si se desea que el artículo aparezca en la página de Inicio del sitio, deberá marcarse “Destacado” como “sí”. Es importante tener en cuenta que generalmente, vamos a querer que solamente se muestre una introducción al artículo en la Home y luego un botón de Leer Más. Para ello, escribimos la introducción, y luego, presionando el botón de “Leer Más” y aparecerá una raya que indica que allí termina la introducción y que luego de esa raya aparecerá la opción de: Leer más. El botón de leer más está señalado en la imagen a continuación:

Fig. 5.2 Edición de Artículos

13

El texto del Artículo generalmente tendrá un determinado “estilo” (tipo de letra, color, tamaño, etc) que se mantendrá constante a lo largo de todo el sitio. Para ello, una vez que escribimos el texto del artículo, lo pintamos, y seleccionamos el estilo deseado (ejemplo: subtítulo, texto general, etc…). IMPORTANTE: Recomendamos que no copie el texto desde un archivo de Word u otro procesador, ya que de ser así, el texto tomará estilos no deseados y podrá perjudicar parte del código del sitio. Lo ideal es pegar el texto en un “block de notas” y desde allí copiarlo para pegarlo en el artículo (de modo de que pierda todos los estilos del archivo de Word). Para agregar una imagen, primero seleccionamos el botón de imagen superior (el ícono del arbolito). Ello nos permitirá subir una imagen. (Se recomienda que las imágenes tengan formato .jpg o .gif en una resolución de 72 dpi, y que no pesen mucho más de 100k, para mejorar la experiencia del usuario, y que no tenga que esperar mucho tiempo para que las imágenes carguen).

Fig. 5.3 Subir imágenes

Podemos elegir imágenes existentes para insertar o subir una nueva imagen desde nuestra computadora. Para subir una nueva imagen deberá ir al ícono de la flecha en el extremo superior derecho. Allí seleccionar una imagen desde su computadora (desde el botón que tiene el signo de “+”) y seleccionar la opción “subir” (upload).

14

Una vez que la imagen fue subida, podemos seleccionarla y presionar insertar (a veces no inserta la primera vez, alcanza con volver a presionar el botón de imagen, seleccionarla, y presionar insertar nuevamente). Si queremos alinear la foto para que fluya alrededor del texto, una vez que seleccionamos la imagen en el editor, podemos presionar el botón Alinear “Left” (izquierda). También podremos cambiar su tamaño. En donde dice “Alt” podremos escribir un texto que identifique la imagen, de modo de hacerla amigable para buscadores y personas no videntes que ingresen en el sitio web (Ver figura 5.4)

Fig. 5.4 Otros atributos de las imágenes

Para agregar un enlace o link (ya sea a un artículo, o bien a una página externa), puede pintarse el texto que va a contener el link, o seleccionarse la imagen que mostrará el link cuando se cliquee sobre ella, y presionar el botón de Link (“insertar link” en la figura 5.2, junto a “agregar foto”). Si queremos crear un link externo, en la pantalla de Link colocaremos la URL, y en Target seleccionaremos “Open in this window/frame” si queremos que el link se despliegue en la ventana en que está abierto Joomla! (recomendado si se trata de un link interno), o “Open in new Window” si queremos que aparezca una nueva ventana (recomendado si se trata de un link externo). Si queremos crear un link interno, seleccionamos el artículo dentro de “Contenidos”.

15

Si queremos que se abra el editor de correo para enviar un mail, hacemos click en el icono que se encuentra a la derecha del espacio URL. Ver imagen debajo.

Fig. 5.5 Links

16

5.2 Editando La Página de Inicio La página de Inicio o Home es la página inicial; que se muestra primero cuando alguien entra al sitio. Esta página se comporta como un blog de una categoría, excepto que los artículos que se despliegan no son los de una determinada categoría, sino los que aparecen en Contenidos -> Artículos Destacados. En el Administrador de la portada podremos cambiar el orden en que se despliegan los artículos, y publicar o despublicar artículos de la Home. (Para cambiar el orden basta con poner el nuevo orden y presionar el diskette, o bien presionar las flechas hacia arriba o abajo). Los parámetros de la Home como el título, y la cantidad de artículos que se despliegan pueden editarse desde Menús -> Menú Principal* -> Inicio. En los Parámetros Básicos encontramos la cantidad de Artículos, y en los parámetros Avanzados el Título de la página.

Fig. 5.6 Administrador de la Portada

17

6. Extensiones y Módulos Joomla! permite extender sus funcionalidades a través de lo que se denominan Extensiones. Las Extensiones podrán ser módulos, componentes, plug-ins o plantillas de diseño. Ejemplos de módulos son las últimas noticias o menús, ejemplos de plug-ins los editores de artículos como el JCE, y ejemplos de componentes son las encuestas.

6.1 Instalación de Extensiones Las extensiones se instalan a través Extensiones->Gestor de extensiones. Generalmente, las extensiones vienen en formato zip, y es el archivo .zip que hay que subir para que se realice la instalación.

6.2 Generalidades sobre Módulos Los módulos son los elementos que aparecen en el Front-End del sitio que no son artículos (los menús, las últimas noticias, y el login, entre otros). Los mismos se configuran y gestionan desde Extensiones -> Gestor de Módulos. Todos los módulos tienen una serie de parámetros en común:

1. Título: es el título del módulo, que puede mostrarse o no en el Front-End

2. Asignación de Menú: define en qué páginas va a mostrarse el módulo

3. Publicado: define si el módulo está publicado (es visible)

4. Sufijo de clase de módulo: permite aplicarle un estilo al módulo. Estos sufijos dependen de la plantilla que se esté utilizando.

5. Posición (dependerá de la plantilla que se utilice, pero usualmente, la

posición left por ejemplo, se utiliza para mostrar algo en la columna izquierda. Para ver qué posiciones se utilizan en su plantilla, puede observar los módulos existentes, y ver en qué posición se encuentran publicados.)

18

Fig. 6.1 Edición de Módulos

Los módulos más usualmente utilizados en Joomla! son:

1. Menús (mod_mainmenu)

2. Encuestas (mod_poll)

3. Breadcrumbs (muestra la ruta que siguió el usuario) (mod_breadcrumb)

4. Últimas Noticias (permite ver los últimos artículos que se crearon en una determinada categoría) (mod_latestnews)

5. Login (para que los usuarios puedan ingresar al sitio como usuarios

registrados) (mod_login)

6. Who’s Online (muestra cuantos usuarios están viendo el sitio, y en el caso de usuarios registrados, quiénes son) (mod_whosonline)

7. Newsflash (despliega una noticia de una determinada categoría de forma

aleatoria) (mod_newsflash)

8. Search (mod_search) (permite realizar búsquedas)

9. Popular (mos_mostread) (muestra los artículos más leídos)

19

7. Idiomas

Joomla! 1.7 cuenta con un Gestor de Idiomas que permite la administración de los contenidos (artículos, menús, módulos), duplicados o creados en la cantidad de idiomas que se desee. Esto quiere decir que se tendrá, en el caso de un sitio que muestre su contenido en inglés y español, un mismo menú en sus dos versiones, un mismo artículo en sus dos versiones (inglés y español) al igual que con el resto de los contenidos. Para ello existen dos formas de tener el contenido del sitio en diferentes idiomas: 1) El método más sencillo, crear de cero la versión en el otro idioma, de la misma forma que se creó el contenido inicial, debiendo señalar en la opción “idioma” el correspondiente. Los artículos, módulos, menús que estén en un determinado idioma, sólo serán visibles en el Front-End cuando se esté navegando en dicho idioma.

2) Duplicar o copiar el contenido y editar la copia en otro idioma. Esto es conveniente cuando se trata de un sitio extenso. (Ej. Se seleccionan todos los artículos, o todos los módulos y se duplican en simultaneo) Una vez hecha esta operación, al igual que en el ejemplo anterior, se deberá asignar al idioma correspondiente y luego realizar la traducción del artículo o módulo copiado.

20

21

8. Links Recomendados Sugerimos visitar los siguientes sitios para obtener más información sobre Joomla!. www.joomla.org (Componentes de Joomla, últimos updates y patches, etc) www.joomlaextensions.org (Excelente lugar para conseguir extensiones gratuitas) www.joomlaspanish.org (Recursos en Español)