Joomla. Gestores de Contenidos (CMS) Sistema de Gestión de Contenidos o Content Managment System...

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 gran funcionalidad y poco esfuerzo


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


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 El administrador los hace públicos


Hay varios tipos de CMS: 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

funcionalidades diversas

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 Apache

Es el servidor Web, el programa que interpreta el código y nos muestra las páginas

PHP Lenguaje de programación usado en Joomla

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

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.

Aquí se administra todo el portal

Como Funciona Joomla ?

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 del

sitio web

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 Ejemplo: Noticias, Visión general

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 Es contenido 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

Módulos Muestran alguna información en los bloques

laterales de la página Ejemplo: Encuestas

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.

Back - end

Parte de administrador. Visión general. Acceso a través de:

http://joomla.64-bits.com/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 frecuentes a realizar por el administrador

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, Publicar, Guardar, Cancelar, etc.

Back - end

Espacio de trabajo

Es la zona donde se realiza el trabajo realmente También dependerá de que elemento estemos

administrando

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

administración.


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 Tipo de contenido e identificadores


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

aparecen en la página de inicio


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 plugins

instalados


Extensiones Gestor de plantillas: para gestionar las plantillas

del sitio Gestor de idiomas: para elegir el idioma

predeterminado del sitio web


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. Limpiar la caché

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

sobre el contenido.

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 Categoría 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 clasificar

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 Combinar celdas

El editor

Barra de herramientas del editor. Cambiar a pantalla completa Editar estilos CSS

Parámetros del artículo

Parámetros – Artículo Autor Alias Nivel de acceso Fecha de creación Iniciar publicación Publicación finalizada

Parámetros del artículo

Parámetros – Avanzado Información de metadatos


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 editando.


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 quedará bloqueado para otros usuarios.

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 comprobar que aparece correctamente

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 Si aparece en la página principal

Gestor de artículos

Para cada uno se muestra: Orden Nivel de acceso requerido Sección Categoría Autor Fecha Número de impresiones

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

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

externas.

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 Para gestionar los contactos

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 de enlaces.

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:

Acceso, ¿Quien está en línea?, ...

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ú

Posteriormente los veremos

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 miembros

conectados

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

Comprobar el cambio en la web

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 progreso de los resultados

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 la nueva encuesta

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 Ponerla activa a través del módulo

Recordar: Modulo , después en componentes agregamos nuevos de cada tipo de modulo.

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 -> Nombre del menú

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

Podemos añadir uno, pulsando Nuevo

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.

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ú.

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 la

entrada del menú al visitante

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 Comprobar en el front-end

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

Usuarios

Tipos de usuarios del front-end Invitado. Es el que llega al sitio web sin identificarse. Registrado. Puede acceder a las secciones

restringidas, y enviar nuevos enlaces. Autor. Pueden crear nuevo contenido. Editor. Capacidad de editar sus artículos, y los de

otros autores. Publicador. Pueden hacer lo que autores y editores, y

además pueden publicar contenido.

Usuarios

Añadir un nuevo usuario Menú Sitio -> Administrador de usuarios Pulsar el icono Nuevo de la barra de

herramientas Rellenar los datos del nuevo usuario Elegir el grupo al que pertenece Pulsar el icono Guardar de la barra de

herramientas

Práctica

Añadir un nuevo usuario Registrado Menú Sitio -> Gestor de usuarios Pulsar el icono Nuevo de la barra de

herramientas Rellenar los datos del nuevo usuario Pulsar el icono Guardar de la barra de

herramientas Entrar en la web con el usuario creado

Editores

Los usuarios con el rol Editor, podemos editar los artículos de los demás usuarios Al lado de cada artículo, podemos ver que

aparece el icono Si pulsamos, podemos editar el artículo en

cuestión

Publicadores

Los usuarios con el rol Publicador, podemos editar los artículos de los demás usuarios Al lado de cada artículo, podemos ver que

aparece el icono También aparecen los artículos no publicados,

ya que estos usuarios pueden activar su publicación

Instalando extensiones

Pasos para instalar una extensión: Descargar la extensión de Internet Instalar la extensión desde el back-end Activar la extensión. Donde hacerlo dependerá

del tipo de extensión: módulo, componente, plugin...

Usar la extensión

Plantillas

Podemos instalar nuevas plantillas del mismo modo que instalamos otras extensiones: Después de instalarlo, tenemos que activarlo,

para todo el sitio o parte de él, para poder verlo Esto lo hacemos en Extensiones -> Gestor de

plantillas, como ya hicimos al ver las plantillas instaladas por defecto

Plantillas

Un sitio web con muchas plantillas gratis es: http://plantillasjoomla.org

Práctica

Descargar dos nuevas plantillas de la web antes mencionada Asignar una de ellas como plantilla

predeterminada

(Se proporcionan 2 plantillas , para no tener que ser descargadas.)

Buscando extensiones

Para localizar una extensión que resuelva alguna necesita que se nos plantee en Joomla, podemos ir a: http://extensions.joomla.org/

Repositorio de extensiones de Joomla, organizado por categorías

También podemos buscar

RECURSOS

Plantillas:

http://plantillasjoomla.org Extensiones

http://extensions.joomla.org/ Joomla español

http://www.joomlaspanish.org/ Practicas con Joomla

practicas-con-joomla-1-5.pdf

Paginas con Joomla

http://www.uteq.edu.mx/ http://www.univer.edu.mx/ http://www.iesgrancapitan.org http://frances.iesleonardodavinci.net http://ividal.com

FIN

ISC Miguel Hugo Oseguera Castro [email protected]

Joomla. Gestores de Contenidos (CMS) Sistema de Gestión de Contenidos o Content Managment System...

Documents

Transcript of Joomla. Gestores de Contenidos (CMS) Sistema de Gestión de Contenidos o Content Managment System...