Administración de portales Joomla

Administración de portales

Joomla

Gestores de Contenidos

(CMS)

●

Sistema de Gestión de Contenidos o

Content Managment System (CMS)

– Aplicación informática para crear, editar,

manejar y publicar contenidos de una forma organizada y consistente.

– Es una forma de construir sitios webs con

Gestores de Contenidos

(CMS)

●

Dividido en dos partes:

– Base de datos, donde se almacena todo el

contenido

– El interfaz que controla el acceso a ese

contenido. Es la forma en la que se muestra el contenido

Gestores de Contenidos

(CMS)

●

Contenidos y presentación se tratan

por separado:

– Es posible cambiar el diseño del contenido

en cualquier momento, sin tener que darle formato de nuevo al mismo

●

Permiten la edición y publicación de

varios usuarios. Ejemplo:

– Un profesor pone datos nuevos

Gestores de Contenidos

(CMS)

●

Hay varios tipos de CMS, según las

necesidades:

– Foros de discusión

– Blogs con artículos o noticias en orden

cronológico

– Wikis, artículos que todos pueden editar – Sitios webs completos, que incluyen

Joomla

●

Joomla es un CMS libre que permite la

creación de sitios web, e incluye

características como:

– Gestión de noticias – Blogs

– Galerías de imágenes – Gestión de usuarios

– Búsqueda dentro de la propia web – ...

Instalación

●

Requisitos previos

– Antes de instalar Joomla, debemos

comprobar que tenemos instalados todas las dependencias necesarias:

● Apache

– Es el servidor Web, el programa que interpreta el

código y nos muestra las páginas

● PHP

Instalación

●

Requisitos previos

● Mysql

– Es la base de datos, donde se almacenarán todos los

contenidos

●

Comprobación de los paquetes

necesarios

– # dpkg -l | grep apache – # dpkg -l | grep php

– # dpkg -l | grep mysql

Instalación

●

Instalación de los paquetes necesarios

– # apt-get install apache – # apt-get install php

– # apt-get install mysql

●

Todo el proceso de comprobación e

instalación se puede hacer con el

programa Synaptic, que proporciona

entorno gráfico.

Instalación

●

Descargar la última versión de Joomla

– http://www.joomlaspanish.org/

● Sitio web del equipo español de Joomla, que

proporciona paquetes de Joomla en español

– En la derecha de la página, aparece un

bloque llamado Packs Joomla

● Descargamos Joomla-1.5.7-spanish.zip

– Los otros archivos contienen lo mismo, pero usando

Instalación

●

Crear un directorio llamado 'joomla' en

/var/www

●

Descomprimir el paquete descargado

en la nueva carpeta creada

– Doble click en el paquete descargado – Se abre Almazara

– Pulsar Extraer y seleccionar la nueva

Instalación

●

Para realizar las operaciones descritas,

necesitamos permisos de administrador

– Para extraer en ella los archivos

●

Si no estamos usando la cuenta de

administrador para entrar al sistema,

podemos seguir otro camino

Instalación

●

Abrimos una terminal

– Botón derecho en Escritorio -> Abrir

terminal

●

Escribimos:

– $ su

● Nos pide la clave del administrador ● A partir de ese momento, somos el

Instalación

Creamos la carpeta

Copiamos el paquete

●

Descomprimimos los archivos

– # cd joomla

Instalación

●

Para comenzar la instalación, abrimos

con el navegador:

– http://localhost/joomla

●

Primer paso: Selección de idioma

– Seleccionamos Español y pulsamos

Instalación

●

Segundo paso: Comprobación previa

– Esta etapa comprueba que todos los

elementos que Joomla necesita para

funcionar están correctamente instalados en el sistema

● configuration.php Escribible

– Esta opción comprueba si la configuración que

vamos a realizar de Joomla se puede guardar

después en el archivo de configuración. Sale a No.

– Para que se pueda realizar, hacemos:

● # cd /var/www/jooomla/ ● # chmod 777 .

Instalación

●

Segundo paso: Comprobación previa

– Después de ejecutar el chmod, pulsamos

el botón de Volver a Comprobar para ver si los cambios se han realizado

correctamente

● Ahora debe aparecer como escribible

– El resto de las opciones deben aparecer en

color verde, indicando que todo está correcto.

Instalación

●

Tercer paso: Licencia

– Se muestra la licencia GPL – Pulsamos Siguiente

●

Cuarto paso: Configuración de la base

de datos

– Aquí vamos a configurar los parámetros de

Instalación

●

Cuarto paso: Configuración de la base

de datos

– Tipo de base de datos: mysql – Nombre del servidor: localhost – Nombre de usuario:

– Contraseña:

● Dependerán de la instalación

Instalación

●

Quinto paso: Configuración de FTP

– Dejamos con el valor 'No' la opción de

configurar la capa FTP

●

Sexto paso: Configuración principal

– Nombre del sitio web

– Correo electrónico y contraseña del

administrador

Instalación

●

Séptimo paso: Finalizar

– La instalación ha concluido

– Un mensaje nos advierte de que antes de

continuar, debemos eliminar

completamente el directorio de instalación

– En la terminal:

● # cd /var/www/joomla ● # rm -rf installation/

Instalación

●

Después de borrar el directorio,

podemos pulsar uno de los botones

para ver las dos partes de Joomla:

– Portada: muestra el sitio web (front-end) – Administración: muestra la página de

Joomla

●

Joomla se divide en dos partes bien

diferenciadas:

– Parte de usuarios (front-end). Todos los

visitantes pueden ver los contenidos publicados

● Los usuarios autorizados para ello pueden

introducir contenido

– Parte de administrador (back-end). Sólo

tienen acceso aquellos usuarios que el administrador haya autorizado.

Front – end

●

Parte de usuario. Formato común.

– Cabecera de la página

– Menú izquierdo y otros bloques – Bloques en el lado derecho

– Parte central de la página, donde aparece

el contenido.

● Es lo que cambia al cambiar de página dentro

Tipos de contenido

● En Joomla hay diferentes tipos de contenido

para que elijamos en cada momento el que mas se ajuste al contenido a tratar:

– Artículos

● Es el contenido que se introduce como

tal

● Son las páginas de información o las

noticias del sitio

Tipos de contenido

● En versiones anteriores de Joomla, este

contenido se dividía en:

– Contenido estático

● Una página del sitio que se mantiene en

el tiempo

● Ejemplo: Visión general

– Contenido dinámico, o artículos

● Son las noticias que se van

introduciendo

Tipos de contenido

● En Joomla hay diferentes tipos de contenido

para que elijamos en cada momento el que mas se ajuste al contenido a tratar:

– Componentes

● Muestran información en la parte central

de la página, de alguna manera especial.

● Ejemplo: Página de portada. Muestra

todos los artículos seleccionados para aparecer en portada.

Tipos de contenido

● En Joomla hay diferentes tipos de contenido

para que elijamos en cada momento el que mas se ajuste al contenido a tratar:

– Módulos

● Muestran alguna información en los

bloques laterales de la página

Tipos de contenido

● El contenido dinámico se organiza en base a

secciones y categorías:

– Las secciones contienen categorías – Las categorías contienen artículos

● Cada sección debe tener al menos una

categoría, para poder asignar artículos.

– Esto permite crear páginas con las noticias

Back - end

●

Parte de administrador. Visión general.

– Acceso a través de:

● http://localhost/joomla/administrator

– Autenticación necesaria para acceder

● nombre de usuario y contraseña

introducidos en la instalación

● pueden crearse otros usuarios para

repartir las funciones de mantenimiento de la web

Back - end

●

Parte de administrador. Podemos

dividir la página en 4 áreas

importantes:

– Menú principal

– Barra de información – Barra de herramientas – Área de trabajo

● Página inicial del administrador

– Accesos rápidos para las acciones más

Back - end

● Menú principal

– Acceso a todas las funciones de

administración de Joomla

– Al pulsar sobre un menú se despliegan las

opciones, pudiendo algunas de ellas tener submenús

Back - end

● Barra de información

– En la parte derecha hay 4 iconos:

● Notificaciones del portal ● Vista previa

● Usuarios ● Salir

Back - end

● Barra de herramientas

– Provee de distintos instrumentos para la

creación y manipulación de contenidos y otros elementos de Joomla, como menús.

– Esta barra tiene botones distintos

dependiendo del elemento que se está administrando

– Aparecen casi siempre: Nuevo, Editar,

Back - end

● Espacio de trabajo

– Es la zona donde se realiza el trabajo

realmente

– También dependerá de que elemento

Menú del administrador

● Sitio

– Panel de control: vuelve a la página inicial – Gestor de usuarios: para gestionar los

usuarios del sistema

– Gestor multimedia: para subir fotos y

demás

– Configuración global. Opciones generales

de la web.

– Cerrar sesión: para salir de la zona de

Menú del administrador

●

Menús

– Cada elemento del menú Menús da acceso

a la edición de un menú del portal

– Aparecen en forma de lista, todos los

elementos del menú seleccionado

● Enlace

● Indicación de si está publicado

● Orden y controles para modificarlo ● Tipo de acceso necesario

Menú del administrador

●

Contenido

– Gestor de artículos: acceso a todos los

artículos

– Papelera de artículos: acceso a los

artículos eliminados

– Gestor de secciones: para manejar las

secciones

– Gestor de categorías: para manejar las

categorías

– Gestor de la página de inicio: artículos que

Menú del administrador

●

Componentes

– Acceso a todos los componentes instalados

●

Extensiones

– Instalar/desinstalar: para instalar o

desinstalar extensiones

– Gestor de módulos: acceso a todos los

módulos instalados

– Gestor de plugins: acceso a todos los

Menú del administrador

●

Extensiones

– Gestor de plantillas: para gestionar las

plantillas del sitio

– Gestor de idiomas: para elegir el idioma

Menú del administrador

●

Herramientas

– Leer mensajes: accede a los mensajes del

administrador

– Escribir mensajes: para escribir mensajes

privados a otros administradores

– Correo masivo: Para mandar correos a los

usuarios del portal

– Desbloqueo global: Quita todos los

candados.

Pasos siguientes

●

Hemos visto una visión general del

front-end y el back-end

– Muchos datos, difíciles de recordar

●

A partir de ahora, iremos haciendo

prácticas para aprender todo lo que

hemos contando hasta ahora: gestión

de contenido, uso de módulos y

componentes, instalación de

extensiones, etc.

Artículos

● Añadiendo contenido

– Panel de control : Añadir un nuevo artículo

● La página que aparece se divide en tres

partes:

– El editor

– Las opciones, que aparecen en la

parte derecha de la pantalla

– La barra de herramientas para actuar

Artículos

●

Título del artículo

– Se mostrará subrayado y de mayor

tamaño. El alias no se usa.

●

Publicado: si se publica el artículo

Página principal: si aparece en la

página principal

●

Sección a la que pertenece

Artículos

● Joomla tiene posibilidad de ordenar el

contenido del sitio en base a:

– Las secciones contienen categorías – Las categorías contienen artículos

● Cada sección debe tener al menos una

categoría, para poder asignar artículos.

● También podemos tener artículos sin

El editor

●

Barra de herramientas del editor.

– Negrita/cursiva/subrayado – Alineación del texto

– Estilo

– Formato – Tipo

– Lista (no numerada y numerada)

– Incrementar/decrementar sangrado – Rehacer y deshacer

El editor

●

Barra de herramientas del editor.

– Insertar enlace – Quitar enlace – Insertar ancla – Insertar imagen – Limpiar código – Editar HTML – Buscar/reemplazar – Insertar fecha

El editor

●

Barra de herramientas del editor.

– Insertar hora – Emoticonos – Insertar vídeo

– Dirección del texto

– Nueva capa y opciones de capas – Color del texto

– Insertar línea horizontal – Quitar formato

El editor

●

Barra de herramientas del editor.

– Ver/no ver elementos invisibles – Subíndice

– Superíndice

– Insertar carácter especial – Insertar barra horizontal – Insertar/modificar tabla

El editor

●

Barra de herramientas del editor.

– Propiedades de la fila – Propiedades de la celda

– Insertar fila (antes/después), borrar fila – Insertar columna (antes/después), borra

columna

– Dividir celdas

El editor

●

Barra de herramientas del editor.

– Cambiar a pantalla completa – Editar estilos CSS

Parámetros del artículo

Parámetros – Artículo

Parámetros del artículo

●

Parámetros – Avanzado

– Multitud de opciones de presentación del

artículo

●

Información de metadatos

– Descripción

– Palabras clave – ...

Barra de herramientas

●

Previsualizar. Muestra en una nueva

ventana como se vería actualmente la

página que estamos modificando.

●

Guardar. Guarda los cambios y vuelve

al menú de contenido estático.

●

Aplicar. Guarda los cambios y sigue

Barra de herramientas

●

Cerrar. Cierra sin guardar.

●

Ayuda. Muestra una página muy

completa con instrucciones sobre la

edición de contenido (en inglés)

●

IMPORTANTE: cuando terminemos de

editar, siempre salir con Guardar o

Cancelar, ya que si no el elemento

Práctica

●

Escribir un nuevo artículo

– Insertar algún enlace – Insertar una lista

– Insertar una tabla

●

Clasificarlo en alguna de las categorías

existentes

●

Publicarlo en la página principal y

Gestor de artículos

●

El gestor de artículos muestra una lista

con todos los artículos que tenemos

confeccionados en el portal

●

Para cada uno se muestra:

– Título

– Si está o no publicado

Gestor de artículos

●

Para cada uno se muestra:

– Orden

– Nivel de acceso requerido – Sección

– Categoría – Autor

– Fecha

Editando contenido

●

Manejo de fotos y otros archivos

externos.

– Primero debemos subir la foto al sitio web,

si aun no la tenemos allí, usando Gestor multimedia

– Después, al editar el artículo, pulsamos en

Insertar/Editar Imagen y ponemos la dirección de la foto subida:

● http://localhost/images/foto.png

– Al editar las propiedades de la imagen,

podemos cambiar su tamaño y otras opciones.

Práctica

●

Subir una foto con el Gestor Multimedia

●

Usar el administrador de contenido

para acceder a la edición del artículo

que creamos antes, y modificarla

insertando la imagen que hemos

subido

Organización del

contenido

● Podemos ver y modificar las secciones y

categorías existentes, y crear nuevas,

accediendo a Contenido -> Gestor de Secciones y Contenido -> Gestor de categorías

● Cuando introduzcamos una nueva noticia o

comunicación en el portal, debemos elegir la Sección/Categoría correctamente, o dejarla sin clasificar, si es lo que queremos.

– Esta sería la forma de emular el contenido

Práctica

●

Crea una sección nueva

●

Crea dos categorías nueva dentro de la

nueva sección creada

Práctica

●

Añadir una nuevo artículo

– Añadir un nuevo artículo

– Clasificarlo en una de las nuevas

categorías

– Guardar

●

Esta vez no vamos a mostrar el artículo

en la página principal, si no que lo

dejamos ahí para usarlo

Componentes

● Componentes

– Son mini aplicaciones que muestran

contenido de una manera especial.

– Ejemplo: la página principal.

● “no existe como tal”

● Se crea con las noticias que indicamos

que deben aparecer en la página de inicio

Componentes

● Componentes incluidos en la instalación

básica:

– Banners para publicidad – Búsqueda en la web

– Contactos. Organiza los contactos. – Encuestas. Para proponer encuestas. – Enlaces web. Para gestionar enlaces.

– Servidor de noticias. Para mostrar noticias

Uso de un componente

● Ej: Contactos

– Componente que permite la categorización

de contactos

– Componentes -> Contactos -> Categorías

● Para gestionar las categorías de

contactos

– Componentes -> Contactos -> Contactos

Práctica

● Ejercicio con Contactos

– Acceder a Componentes -> Contactos ->

Contactos

– Añadir un nuevo contacto

– En la página principal no hay enlace a los

contactos, así que de momento no podemos acceder a ellos.

Uso de un componente

● Ej: Enlaces web

– Componente que permite la categorización

de enlaces web enviados por los usuarios

– Enlaces Web -> Categorías. Permite la

gestión de categorías

– Enlaces Web -> Enlaces. Permite la gestión

Práctica

● Ejercicio con Enlaces Web

– Acceder a Componentes -> Enlaces Web

-> Categorías y crear una nueva categoría de enlaces

– Acceder a Componentes -> Enlaces Web

-> Enlaces y añadir un nuevo enlace

– En el front-end, entrar en Enlaces y ver

Módulos

● Módulos

– Muy diferente de los anteriores

● Los artículos y los componentes se

muestran en el cuerpo principal de la página

● Los módulos se pueden mostrar en

cualquier parte

– Son los bloques que aparecen a los

lados:

Módulos

● Accesibles en Extensiones -> Gestor de

Módulos

● Algunos componentes usan también módulos

para completar su funcionamiento

● Para cada menú del sitio, se crea un módulo

del mismo nombre, a través del que podremos controlar las opciones de comportamiento del menú

Módulos

● Ej de uso de un módulo: ¿Quien está en

línea?

– Este módulo muestra información sobre

los usuarios conectados

– La información no se muestra en la parte

central de la página, sino a la derecha

– Para configurar este módulo, entramos a

Extensiones -> Gestor de Módulos -> ¿Quien está en línea?

Módulos

● Ej de uso de un módulo: ¿Quien está en

línea?

– Podemos configurar:

● Opciones comunes a todos los módulos:

– Posición

– Nivel de acceso

– En que partes del portal debe

aparecer

● Opciones específicas del módulo:

– Mostrar número o nombre de los

Práctica

●

Cambiar la posición del módulo ¿Quien

está en línea?, para que aparezca a la

izquierda

– Modificar la Posición

– Pulsar Guardar en la barra de

herramientas

●

Hacer también que se muestren los

nombres de usuario

Uso de un

componente/módulo

● Ej: Encuestas

– Conjunto de componente y módulo que

permite disponer de encuestas en el portal

– Los usuarios pueden votar y ver el

Uso de un

componente/módulo

● Ej: Encuestas

– Para introducir una nueva encuesta,

usamos Componentes -> Encuestas

● Nuevo: lleva a crear una nueva encuesta ● Debemos publicarla

– Para que se muestre en la página,

debemos ir a Extensiones -> Gestor de Módulos -> Encuestas

● En Parámetros del módulo, seleccionar

Práctica

●

Añadir una nueva encuesta y hacer que

aparezca publicada en la página

principal

– Introducir nueva encuesta a través del

componente

Módulos

● Para cada menú hay un módulo con el mismo

nombre

● Al entrar, podemos configurar posición,

acceso, páginas en las que debe aparecer, etc.

● Por tanto, las opciones de configuración del

menú se cambian en Módulos, mientras que la edición de las opciones mostradas en el menú, se realiza en Menús.

Menús

●

El portal se presenta ahora con una

serie de menús predefinidos

– Si no estuviesen instalados los datos de

ejemplo, estaría vacío

●

Para adaptarlo a nuestras necesidades,

podemos modificar, borrar o añadir

nuevas entradas a los menús, o crear

menús nuevos

●

Para modificar un menú accedemos a

Menús

●

Se muestra un listado con todos los

enlaces del menú, indicando el

sangrado, el orden, el tipo de enlace, el

tipo de acceso, etc.

●

Si entramos en uno de ellos, podemos

modificar opciones como el nivel de

acceso requerido, o en que ventana

debe abrirse en enlace

Menús

●

Cuando añadimos un nuevo enlace al

menú, debemos elegir el tipo de

contenido enlazado. Las opciones

dependerán de las extensiones que

tengamos instaladas, aunque algunas

aparecerán siempre. Vemos algunas de

ellas.

Tipos de enlace

●

Artículos

– Archivo

● Artículos archivados

– Presentación del artículo

● Muestra un sólo artículo

– Presentación de artículos

● Accede al formulario para enviar un nuevo

Tipos de enlace

●

Artículos

– Categoría

● Presentación de la categoría blog

– Muestra los artículos de la categoría en formato de

blog

● Presentación de la lista de categorías

– Muestra los artículos de la categoría en formato de

lista

– Sección

● Igual que con la categoría

Tipos de enlace

●

Buscar

– Enlace a la página de búsqueda

●

Contactos

– Categoría

● Muestra la lista de contactos de esa categoría

– Contacto

Tipos de enlace

●

Encuesta

– Muestra los resultados de la encuesta

●

Enlaces web

– Todas las categorías

● Muestra lista de categorías

– Categorías

● Muestra lista de enlaces de una categoría

– Enlaces web

● Permite a los usuarios registrados enviar

Tipos de enlace

●

Servidor de noticias

– Todas las categorías

● Lista de las categorías

– Categoría

● Lista de servicios de noticias de una categoría

– Noticia (feed) individual

Tipos de enlace

Usuario

● Formulario para recordar el nombre de usuario

– Restablecer

● Formulario para solicitar el cambio de

Tipos de enlace

●

Usuario

– Usuario

● Presentación de usuario predeterminada

– Muestra información de los usuarios registrados

● Usar presentación de formulario

– Accede al formulario para modificar los datos del

perfil del usuario

– URL embebida (Wrapper)

Tipos de enlace

●

Enlace externo

– Enlace a una página externa

●

Separador

Menús

●

Añadir/editar entradas del menú

– Opciones de una entrada del menú

● Nombre

● Enlace (a donde apunta la entrada del menú).

Dependerá del tipo de entrada.

● Abrir en: donde se abrirá el enlace:

– misma ventana

– nueva ventana con controles – nueva ventana sin controles

● Artículo padre. Sangrado de la entrada en el

Menús

●

Añadir/editar entradas del menú

– Opciones de una entrada del menú

● Orden en el que aparece en el menú

● Nivel de acceso necesario para que se muestre

Práctica

● Crear en el menú izquierdo un enlace al

primer artículo que creamos

– Seleccionar Nuevo

– Seleccionar Artículo -> Presentación del

artículo

– Poner título

– Seleccionar el artículo enlazado en

Parámetros –> Básico

Práctica

● Crear en el menú izquierdo un enlace al

contacto que creamos anteriormente

– Seleccionar Nuevo de la barra de

herramientas

– Seleccionar Contactos -> Presentación

estándar de contacto

– Poner título

– Seleccionar el contacto en Parámetros –

Básico

Práctica

● Crear en el menú izquierdo un enlace a una

de las categorías de artículos que creamos anteriormente:

– Seleccionar Nuevo de la barra de

herramientas

– Seleccionar Artículos -> Presentación de la

categoría blog

– Poner título

– Seleccionar la categoría en Parámetros –

Básico

Práctica

● Crear en el menú izquierdo un enlace a una

página externa

● Crear otro enlace a una página externa,

Menús

●

Para controlar la configuración del

menú, debemos acceder al módulo de

mismo nombre que aparece en la lista

de módulos

●

Así, podemos configurar:

– Título, y si queremos o no que se muestre – Posición y orden

– Nivel de acceso requerido

– En que partes del portal debe aparecer – Más opciones avanzadas

Práctica

● Vamos a crear un nuevo menú

● Menú Menús -> Gestor de Menús

– Pulsar Nuevo en la barra de herramientas – Rellenar todos los campos y guardar

● Ya tenemos creado el menú, ahora podemos

ir al gestor de módulos para configurar su comportamiento

Práctica

● Vamos al Gestor de módulos y seleccionamos

el que se acaba de crear con el nuevo menú

– Habilitamos el módulo, para que se

muestre

– Elegimos el orden y su posición

– Hacemos que sólo se muestre en la página

Práctica

● Después, en el menú Menús, vamos a

introducir un par de enlaces en el nuevo menú

– Un enlace a un artículo

– Un enlace a la categoría de enlaces web

que creamos anteriormente

● Comprobar después en el front-end

– Comprobar que sólo aparece en la página

de inicio, y desaparece al pulsar sobre sus enlaces