Curso impartido en el COBDC los días 27 de abril y 4 de mayo del 2011

1. Iniciación a la
creación de
páginas web
con Joomla
Sergi Montes Oliva

2. Sumario
• INTRODUCCIÓN
• GESTIÓN DE USUARIOS
• CREACIÓN Y EDICIÓN DE CONTENIDOS
• ORGANIZACIÓN Y NAVEGACIÓN
• PERSONALIZACIÓN
• LA COMUNIDAD JOOMLA

3. Presentación: los CMS
Fuente: http://vincentjordan.com/wp-content/uploads/2011/01/cms-
diagram.jpg

4. Usos de Joomla
Páginas web corporativas
Blogs
Intranets
Comercio electrónico
Exposiciones virtuales
Newsletters
Gestión de foros
Etc.

5. ¿Por qué Joomla?
Es Opensource
Escalabilidad. Permite la gestión desde
pequeñas páginas a portales web.
La interfaz de edición de contenidos es fácil e
intuitiva.
Soporta múltiples idiomas y está optimizado en
materia de posicionamiento (SEO)
Funciona en cualquier entorno de servidor (
Linux, Windows, FreeBSD, MacOSX server,
Solaris and AIX)
En Febrero de 2011 se alcanza la cifra de 6.000
extensiones disponibles
PHP + SQL

6. Configuración del entorno de trabajo
Xampp → http://www.apachefriends.org/en/xampp-windows.html
Joomla → http://www.joomla.org/16/

7. Front-end
Puerta de acceso pública al sitio web
Interactúa con el usuario
Recoge entradas de información
Permite la creación de contenidos
Procesa los contenidos de acuerdo a
lo especificado en el back-end.
Para visualizarlo:
http://localhost/joomla/

8. Backend
Puerta de acceso privada al sitio
web
http://localhost/joomla/administrat
or
Se conoce también como Panel de
Control
Es la parte que procesa la entrada
de datos desde el Front-end e
interactua con el Administrador.
Desde aquí se gestionan:
Contenidos
Tipos de acceso
Usuarios
Estética global
Funcionamiento del sitio

9. Primeros pasos...
• Configuraciones básicas para:
• Descripción del sitio web
• Funcionamiento
• Posicionamiento
• Permisos
• Base de datos
• Servidor de correo y de
transferencia de ficheros
(FTP)
• 3 entornos: página web, sistema y
servidor

10. Tipologías de usuario
Clasificación general de los usuarios:
a) Usuarios visitantes --> consumen
contenidos. Son espectadores
b) Usuarios validados --> tienen nombre de
usuario y contraseña.
Éstos últimos, al estar registrados,
disponen de privilegios y de diferentes
niveles de acceso en la gestión del web.
Los usuarios validados (o registrados) a su
vez se dividen en:
a) Usuarios del front-end
b) Usuarios del back-end

11. Tipologías de usuario
Los usuarios del FRONT-END:
• REGISTERED (acceso a contenidos restringidos, propuesta de
enlaces, pero no pueden redactar ni editar contenidos)
• AUTHORS (pueden redactar artículos, pero no pueden
publicarlos. Una vez publicados pueden modificar aquellos
artículos que hayan redactado)
• EDITORS (pueden redactar artículos, y editar otros artículos
enviados)
• PUBLISHERS (pueden redactar artículos, y además pueden
editar o publicar CUALQUIER artículo
http://docs.joomla.org/Hands-on_adding_a_new_article:_Joomla!_1.6
http://docs.joomla.org/How_permissions_work_in_Joomla!_1.6

12. Tipologías de usuario
Los usuarios del BACK-END (acceden a la administración):
• MANAGER: perfil similar al de PUBLISHER. La diferencia es
que además tiene acceso a las diferentes funcionalidades de
edición de contenidos que contiene el back-end.
• ADMINISTRATOR: A los privilegios anteriores se suman la
capacidad de añadir extensiones, personalizar el sitio web...
además de poder añadir o modificar perfiles de usuario de su
categoría o inferiores. No visualizan los perfiles de
superadministrador.
• SUPERADMINISTRATOR: Es el usuario que se crea con la
instalación de Joomla. No existen restricciones para este
usuario. Puede crear cualquier tipo de usuario, incluído otros
que comparten el perfil de superadministrador.

13. La gestión de usuarios en
Joomla
El gestor nos permite actuar sobre
los siguientes elementos:
- Usuarios
- Grupos de usuarios
- Niveles de acceso
- Envíos masivos de correo*
*a todos los usuarios, a grupos,
a individuos (desde el menú
superior)

14. Permisos y control de acceso
Cuando nos referimos a permisos de qué
estamos hablando?
• ¿Qué usuarios pueden acceder a tal
contenido? ¿Qué opciones de menú
estaran visibles para los diferentes
usuarios?
• Qué operaciones (o acciones) puede
realizar un usuario en relación a un
objeto* determinado?
*artículo, categoría, item de menú, etc.

15. Permisos y control de acceso
Los permisos siempre hacen referencia alguna
de las siguientes acciones (son todas las que
se contemplan en Joomla):
Login Site || Login Admin || Manage || Admin ||
Create || Delete || Edit || Edit state
Los únicos valores posibles para estas
acciones son:
Unset || Allow || Deny

16. Permisos y control de acceso
Dónde podemos definir el control de acceso?
1) En la Configuración Global del sitio
2) Para cada uno de los componentes que
integran Joomla
3) Para cada una de las categorías que
organizan el contenido
4) En cada uno de los articulos que
publicamos
La configuración se lleva a cabo a diferentes
niveles, con la característica de que aquello
que se define a nivel general se hereda
por defecto a los niveles inferiores.

17. La organización de los
contenidos
El ecosistema Joomla (hasta la v. 1.5)
• Sección
• Categoría
• Artículo
El ecosistema Joomla (desde la v. 1.6)
• Categoría
• Categoría1
...
• Artículo

18. Organizar los contenidos: las categorías
• Su principal función es la de
proporcionar la Jerarquía de los
contenidos.
• Agrupan los artículos dentro de una
estructura lógica que facilita la
consulta y la gestión de la web.
→ Cada categoría sólo puede tener una
categoría superior pero cada una de
ellas puede tener infinidad de
categorías inferiores
→ Cualquier artículo debe tener
asignado una categoría

19. Organizar los contenidos: las categorías
→ Hay que tener pensada la estructura
del web préviamente.
→ La estructura que se define a partir de
categorías y artículos es utilizada por
los menús que componen el sitio web.
→ !! Escesivas subdivisiones puede
tener implicaciones negativas en lo
que respecta a la visibilidad de los
contenidos para los buscadores !!

20. Organizar los contenidos: las categorías

21. La visualización de contenidos
• Donde se muestran?
Los contenidos se organizan dentro del template
(diseño). Éste tiene como objetivo:
• Determinar el formato visual del sitio web
• Establecer los espacios y la distribución
de los mismos, que es donde se cargan
los contenidos.
• Los contenidos de muestran en:
• En la PERIFERIA (columnas en la
izquierda, derecha, pie de página, etc.)
• En el CUERPO PRINCIPAL ("mainbody")

22. La visualización de contenidos

23. Creación de contenidos: los
artículos
• El contenido principal de Joomla (no
es el único tipo de contenido)
• Se pueden crear a partir del
• Front-end (authors, editors,
publishers)
• Back-end (managers,
administrators,
superadministrators)
• Las opciones de edición varían en
función de una u otra vía.

24. Creación de contenidos: los
artículos
Creación de artículos a partir del front-end
• Los contenidos no se publican directamente una
vez enviados. Deben ser validados por alguno de los
usuarios del back-end (manager, administrator o
superadministrator)
• A parte del contenido se pueden proporcionar
metadatos y a su vez asignar una categoría o bien
determinar el nivel de acceso que deberá tener una
vez que se publique.

25. Creación de contenidos: los
artículos

26. Creación de contenidos: los
artículos
• Cómo llegan a ser
publicados estos
contenidos?
• Se requiere la
intervención de un
usuario del back-
end. Éste recibe la
notificación una
vez accede.

27. Creación de contenidos: los artículos
• Creación de artículos a partir del back-end
• Únicamente pueden acceder los siguientes
perfiles: manager, administrator y
superadministrator
• Éstos disponen de todas las opciones de edición
existentes, a partir del gestor de artículos.
Algunos de los parámetros que sólo pueden
definir estos usuarios son:
• La visualización
• La disponibilidad
• El acceso

28. El editor de artículos al detalle
• Opciones básicas
• Title: es el literal que se visualizará
• Alias : se utiliza para generar URL's amigables.
Puede ser asignado automáticamente
• State: Se contemplan 4 diferentes: publicado, no
publicado, eliminado o archivado
• Access: Tipo de acceso po tipología de usuario
• Featured: si se marca esta opción el artículo se
muestra en la página principal
• Id: valor de control automático

29. El editor de artículos al detalle
• Opciones de publicación:
• Created by/Alias: Identificación del autor
• Start/Finishing Publishing:
Publicación/Despublicación
• Opciones del artículo
• Múltiples opciones de visualización y
navegación.
• Metadatos
• Información para los robots, derechos de autor,
etc.
• Edición de permisos asociados al artículo
(GRANULARIDAD)

30. El gestor de artículos
Contiene un buscador y un sistema de filtros que
permiten la visualización de artículos en función de
criterios como:
• Estado de publicación
• Categoría asignada
• Nivel de acceso
• Autor
• Idioma
• Es, además, un cuadro resumen del estado actual de
la totalidad de los artículos, independientemente de
su estado.

31. El gestor de artículos
• Permite publicar y
despublicar contenidos a
partir de un sólo click. Y del
mismo modo convertir un
artículo en destacado
(featured).
• Facilita el acceso a la
gestión de las
CATEGORÍAS y de los
ARTÍCULOS
DESTACADOS (Featured
Articles)

32. Otros contenidos en Joomla
Qué otros contenidos pueden ser
creados a partir del Back-end?
• Contactos (Agenda)
• Newsfeeds (RSS)
• Mensajes (entre usuarios de la
plataforma)

33. Los menús
• ¿Qué son? → Colecciones de ENLACES
• Nos muestran determinados puntos de la
página web.
• ¿Qué pueden ser estos enlaces?
– Artículos de nuestra web
– Categorías
– Colecciones de enlaces
externos
– Componentes
– Listas de usuarios/contactos
– RSS
– Etc.

34. Los menús
• Su gestión es una de las tareas más
complejas dentro de la administración de
Joomla.
• Gracias a los menús podemos:
– Garantizar el uso de la página.
– Determinar los criterios utilizados para
la visualización de contenidos
• El encargado de garantizar la navegación
global → el “main menú” o “menú principal”

35. Creación de menús
• 1º → Creación del menú
El menú se entiende como espacio
en el que se dispondrán los
diferentes ítems) = Crear un
módulo de tipo “menú”
• 2º → Determinar los ítems que
formarán parte del menú → Esta es la
parte más compleja, por la cantidad
de configuraciones disponibles.
• 3º → Establecer cuál será la
ubicación del menú i publicarlo. El
menú solo será visible si su módulo
es visible y colocado en alguna de las
secciones de la plantilla

36. Creación de menús: los ítems del menú
Mostrar artículos:
• Artículos archivados
• Artículo individual
• Lista de categorías
• Blog de categoría
• Lista de una categoría
• Artículos destacados
• Propuesta de artículos
Mostrar contactos:
• Lista de categorías de contactos
• Lista de contactos por categoría
• Contacto individual
• Contactos destacados

37. Creación de menús: los ítems del menú
Mostrar RSS/sindicaciones:
• Categorías de las sindicaciones
• RSS de una categoría
• Un RSS concreto
Mostrar enlaces web:
• Categorías de los enlaces
• Enlaces de una categoría
• Proponer un nuevo enlace
web
Mostrar enlaces de sistema:
• URL externa
• Ítem de otro menú
• Separador de menú

38. Creación de menús: los ítems del menú
Mostrar resultados de una búsqueda:
• Artículos con un determinado descriptor
Mostrar código web
• Wrapper → contenedor que visualizar
codigo web.
Permitir la gestión de usuarios
• Formulario de validación
• Editor del perfil de usuario
• Formulario de registro
• Reseteo del password
• Recordatorio del nombre de usuario

39. Recordatorio
• Que se considera contenido en Joomla?
– Artículos
– RSS
– Contactos
– Enlaces
– etc.
En definitiva... contenido es todo aquello
que pueda ser enlazado a partir de un
item de menú

40. No sólo contenidos...
• Otros elementos importantes de Joomla
MÓDULOS
Son las grandes “cajas” que muestran información y
que se sitúan en diferentes posiciones en función del
diseño (plantilla) quetenemos activado. Para poder ver la
ubicación de los módulos se puede añadir
index.php?tp=1 a la página de índice.
Algunos de los módulos que se instalan por defecto son:
formulario de acceso, encuesta, buscador, etc.
Se administran en el GESTOR DE MODULOS. Desde
aquí pueden habilitarse o desabilitarse (ocultarse)

41. No sólo contenidos...
• Otros elementos importantes de Joomla
La posición que ocupa cada módulo se modifica en la
opción “posición”
Pueden ser el complemento de un componente Ej. Latest
News Module + com_content (muestra los últimos
artículos)
A veces no estan enlazados con nada y pueden mostrar
un simple texto o imagen Ejemplos de módulos: Banners
(mod_banners), Menus (mod_menu), Who's Online
(mod_whosonline)
Son un tipo de Extensión y hay cientos de modulos
diponibles para descargar (personalización)

42. No sólo contenidos...
Otros elementos importantes de Joomla
• COMPONENTES
Son las extensiones más complejas (=”mini aplicaciones”)
La mayoría de ellos tienen una parte en el back-end
(dónde se administran) y otra en el front-end (dónde
muestran el contenido)
Cada vez que se carga una página se llama a los
diferentes componentes, ya que son éstos los que
gestionan el contenido que se mostrará.
Los usuarios ven su contenido en la interfaz publica,
mientas que el administrador puede editar su contenido
desde la interfaz de gestión.

43. No sólo contenidos...
Otros elementos importantes de Joomla
• COMPONENTES
Los componentes son dirigidos por cada ítem de menú
y por lo tanto cada item de menú hace funcionar un
componente.
• Ejemplos de componentes:
Content (com_content), Banners (com_banners), Contact
(com_contact), News Feeds (com_newsfeeds) and Web
Links (com_weblinks)

44. No sólo contenidos...
• Otros elementos importantes de Joomla
• PLUGINS
Tipo de extensión (compleja) que básicamente sirven para
gestionar eventos. Los eventos pueden tener lugar tanto
en el nucleo de Joomla como también dentro de módulos
o componentes.
Ej. Editor-Button-pagebreak: Permite la
paginación dentro de un ítem de contenido.

45. No sólo contenidos...
• Otros elementos importantes de Joomla
• PLANTILLAS
Por plantilla entedemos el diseño de la página web
Las plantillas contienen donde pueden situarse el
componente y los diferentes módulos que se van a
mostrar.
Su aplicación se lleva a cabo a partir del “gestor de
plantillas” del back-end.

46. La personalización del sitio web
• LAS PLANTILLAS
• Nos permiten añadir un nuevo diseño a
nuestra web
• En ocasiones pueden añadir nuevas
características. Puede implicar la instalació
de nuevos complementos
Cada plantilla tiene una organización de los
módulos determinada.
Combiene mirarse la documentación/manual
que las acompaña préviamente a su
instalación
http://joomlathemes.co/1-6-templates/37-
ebusiness

47. La personalización del sitio web
• LAS PLANTILLAS
• Joomla dispone de un gestor de plantillas:
• Permite conocer cuáles tenemos
asignadas y predeterminar una plantillas
u otra para el front-end y el back-end
• Pueden establecerse cuáles son las
plantillas que se asignarán por defecto.
• Dentro de Joomla también es posible asignar
una plantilla a un contenidos específico

48. La personalización del sitio web
• LAS PLANTILLAS
• Para añadir nuevas plantillas se utilizará el
instalador de extensiones.
• Las plantillas siempren se distribuyen en
forma de paquete (incluyen diferentes tipos
de archivo)

49. La personalización del sitio web
•INSTALANDO EXTENSIONES

50. La personalización del sitio web
PLUGIN 2.0
Objetivo: Facilitar al usuario que pueda compartir cualquier contenido
en una red social, mediante botones que apareceran en cada uno de
los artículos.
http://itprism.com/free-joomla-extensions/social-buttons-plugin

51. La personalización del sitio web
FORMULARIOS
• Con este módulo podremos insertar formularios en las páginas que
seleccionemos
• Para su funcionamiento habrá que personalizarlo
http://allforjoomla.com/xmodules/mod-simpleform2

52. La personalización del sitio web
•GESTIÓN DE USUARIOS
Permite añadir nuevas funciones y características en la gestión de usuario.
Los usuarios web pueden disponer de un perfil completo (fotografías,
sistema de mensajes,etc.) → Comunidad de usuarios alrededor de la web
•http://extensions.joomla.org/extensions/communities-a-groupware/communities/210

53. La personalización del sitio web
FOROS
Permite la integración de una plataforma para gestionar foros en
nuestra página web.
Instalación: → hay que crear un nuevo ítem de menú que sea
del tipo “discussions” → Default Layout
http://www.codingfish.com/downloads/cat_view/41-free-joomla-extensions/50-
discussions

54. La personalización del sitio web
IDIOMAS
Nuestra instalación de Joomla está en inglés. Aquí instalaremos la
traducción al castellano del back-end y el front-end.
La traducción al catalán aún no se ha completado.
http://www.joomlaspanish.org/

55. La personalización del sitio web
BOLETINES/NEWSLETTERS
•Complemento que nos debe servir para gestionar la
edición y envío de newsletters.
• Debe integrarse con nuestro gestor de usuarios.
• Debe permitir la inscripción por parte de los usuarios
http://extensions.joomla.org/extensions/content-sharing/newsletter/10341

56. Para descubrir extensiones
• http://extensions.joomla.org/
• http://www.bestofjoomla.com/
• http://www.joomla.cat/ (Extensions)