Iniciación a la   creación de   páginas web   con JoomlaSergi Montes Oliva
Sumario •   INTRODUCCIÓN •   GESTIÓN DE USUARIOS •   CREACIÓN Y EDICIÓN DE CONTENIDOS •   ORGANIZACIÓN Y NAVEGACIÓN •   PE...
Presentación: los CMSFuente: http://vincentjordan.com/wp-content/uploads/2011/01/cms-  diagram.jpg
Usos de Joomla Páginas web corporativas Blogs Intranets Comercio electrónico Exposiciones virtuales Newsletters Gestión de...
¿Por qué Joomla?Es Opensource Escalabilidad. Permite la gestión desde pequeñas páginas a portales web. La interfaz de edic...
Configuración del entorno de trabajoXampp → http://www.apachefriends.org/en/xampp-windows.htmlJoomla → http://www.joomla.o...
Front-endPuerta de acceso pública al sitio webInteractúa con el usuarioRecoge entradas de informaciónPermite la creación d...
BackendPuerta de acceso privada al sitiowebhttp://localhost/joomla/administratorSe conoce también como Panel deControlEs l...
Primeros pasos...•      Configuraciones básicas para:         •    Descripción del sitio web         •    Funcionamiento  ...
Tipologías de usuario Clasificación general de los usuarios: a) Usuarios visitantes --> consumen contenidos. Son espectado...
Tipologías de usuario  Los usuarios del FRONT-END:    • REGISTERED (acceso a contenidos restringidos, propuesta de      en...
Tipologías de usuario Los usuarios del BACK-END (acceden a la administración):   • MANAGER: perfil similar al de PUBLISHER...
La gestión de usuarios enJoomlaEl gestor nos permite actuar sobre    los siguientes elementos:   - Usuarios   - Grupos de ...
Permisos y control de acceso  Cuando nos referimos a permisos de qué  estamos hablando?    • ¿Qué usuarios pueden acceder ...
Permisos y control de acceso  Los permisos siempre hacen referencia alguna  de las siguientes acciones (son todas las que ...
Permisos y control de acceso  Dónde podemos definir el control de acceso?  1) En la Configuración Global del sitio  2) Par...
La organización de loscontenidosEl ecosistema Joomla (hasta la v. 1.5)      • Sección         • Categoría             • Ar...
Organizar los contenidos: las categorías  •     Su principal función es la de        proporcionar la Jerarquía de los     ...
Organizar los contenidos: las categorías   → Hay que tener pensada la estructura     del web préviamente.   → La estructur...
Organizar los contenidos: las categorías
La visualización de contenidos•   Donde se muestran?Los contenidos se organizan dentro del template   (diseño). Éste tiene...
La visualización de contenidos
Creación de contenidos: losartículos•   El contenido principal de Joomla (no    es el único tipo de contenido)     • Se pu...
Creación de contenidos: losartículosCreación de artículos a partir del front-end•   Los contenidos no se publican directam...
Creación de contenidos: losartículos
Creación de contenidos: losartículos•   Cómo llegan a ser    publicados estos    contenidos?     • Se requiere la       in...
Creación de contenidos: los artículos•   Creación de artículos a partir del back-end     • Únicamente pueden acceder los s...
El editor de artículos al detalle•   Opciones básicas     • Title: es el literal que se visualizará     • Alias : se utili...
El editor de artículos al detalle•   Opciones de publicación:     • Created by/Alias: Identificación del autor     • Start...
El gestor de artículosContiene un buscador y un sistema de filtros que  permiten la visualización de artículos en función ...
El gestor de artículos•   Permite publicar y    despublicar contenidos a    partir de un sólo click. Y del    mismo modo c...
Otros contenidos en Joomla Qué otros contenidos pueden ser      creados a partir del Back-end? •    Contactos (Agenda) •  ...
Los menús•   ¿Qué son? → Colecciones de ENLACES•   Nos muestran determinados puntos de la    página web.•   ¿Qué pueden se...
Los menús•   Su gestión es una de las tareas más    complejas dentro de la administración de    Joomla.•   Gracias a los m...
Creación de menús•   1º → Creación del menú    El menú se entiende como espacio            en el que se dispondrán los    ...
Creación de menús: los ítems del menú  Mostrar artículos:                   •   Artículos archivados                   •  ...
Creación de menús: los ítems del menúMostrar RSS/sindicaciones:                •      Categorías de las sindicaciones     ...
Creación de menús: los ítems del menúMostrar resultados de una búsqueda:                 •   Artículos con un determinado ...
Recordatorio•   Que se considera contenido en Joomla?        –     Artículos        –     RSS        –     Contactos      ...
No sólo contenidos...• Otros elementos importantes de JoomlaMÓDULOSSon las grandes “cajas” que muestran        información...
No sólo contenidos...• Otros elementos importantes de JoomlaLa posición que ocupa cada módulo se modifica en laopción “pos...
No sólo contenidos...Otros elementos importantes de Joomla• COMPONENTESSon las extensiones más complejas (=”mini aplicacio...
No sólo contenidos...Otros elementos importantes de Joomla• COMPONENTESLos componentes son dirigidos por cada ítem de menú...
No sólo contenidos...• Otros elementos importantes de Joomla    • PLUGINSTipo de extensión (compleja) que básicamente sirv...
No sólo contenidos...• Otros elementos importantes de Joomla    • PLANTILLASPor plantilla entedemos el diseño de la página...
La personalización del sitio web• LAS PLANTILLAS   • Nos permiten añadir un nuevo diseño a     nuestra web   • En ocasione...
La personalización del sitio web• LAS PLANTILLAS   • Joomla dispone de un gestor de plantillas:       • Permite conocer cu...
La personalización del sitio web• LAS PLANTILLAS   • Para añadir nuevas plantillas se utilizará el     instalador de exten...
La personalización del sitio web•INSTALANDO EXTENSIONES
La personalización del sitio webPLUGIN 2.0Objetivo: Facilitar al usuario que pueda compartir cualquier contenidoen una red...
La personalización del sitio webFORMULARIOS• Con este módulo podremos insertar formularios en las páginas queseleccionemos...
La personalización del sitio web•GESTIÓN DE USUARIOSPermite añadir nuevas funciones y características en la gestión de usu...
La personalización del sitio webFOROSPermite la integración de una plataforma para gestionar foros ennuestra página web.In...
La personalización del sitio webIDIOMASNuestra instalación de Joomla está en inglés. Aquí instalaremos latraducción al cas...
La personalización del sitio web  BOLETINES/NEWSLETTERS  •Complemento que nos debe servir para gestionar la  edición y env...
Para descubrir extensiones  •   http://extensions.joomla.org/  •   http://www.bestofjoomla.com/  •   http://www.joomla.cat...
Upcoming SlideShare
Loading in...5
×

Iniciación a la creación de páginas web con Joomla

1,705
-1

Published on

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

Published in: Technology
0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,705
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide

Iniciación a la creación de páginas web con Joomla

  1. 1. Iniciación a la creación de páginas web con JoomlaSergi Montes Oliva
  2. 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. 3. Presentación: los CMSFuente: http://vincentjordan.com/wp-content/uploads/2011/01/cms- diagram.jpg
  4. 4. Usos de Joomla Páginas web corporativas Blogs Intranets Comercio electrónico Exposiciones virtuales Newsletters Gestión de foros Etc.
  5. 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. 6. Configuración del entorno de trabajoXampp → http://www.apachefriends.org/en/xampp-windows.htmlJoomla → http://www.joomla.org/16/
  7. 7. Front-endPuerta de acceso pública al sitio webInteractúa con el usuarioRecoge entradas de informaciónPermite la creación de contenidosProcesa los contenidos de acuerdo alo especificado en el back-end.Para visualizarlo:http://localhost/joomla/
  8. 8. BackendPuerta de acceso privada al sitiowebhttp://localhost/joomla/administratorSe conoce también como Panel deControlEs la parte que procesa la entradade datos desde el Front-end einteractua con el Administrador.Desde aquí se gestionan: Contenidos Tipos de acceso Usuarios Estética global Funcionamiento del sitio
  9. 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. 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. 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ículohttp://docs.joomla.org/Hands-on_adding_a_new_article:_Joomla!_1.6http://docs.joomla.org/How_permissions_work_in_Joomla!_1.6
  12. 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. 13. La gestión de usuarios enJoomlaEl 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. 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. 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. 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 publicamosLa 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. 17. La organización de loscontenidosEl ecosistema Joomla (hasta la v. 1.5) • Sección • Categoría • ArtículoEl ecosistema Joomla (desde la v. 1.6) • Categoría • Categoría1... • Artículo
  18. 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. 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. 20. Organizar los contenidos: las categorías
  21. 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. 22. La visualización de contenidos
  23. 23. Creación de contenidos: losartí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. 24. Creación de contenidos: losartículosCreació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. 25. Creación de contenidos: losartículos
  26. 26. Creación de contenidos: losartí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. 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. 28. El editor de artículos al detalle• Opciones básicas • Title: es el literal que se visualizará • Alias : se utiliza para generar URLs 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. 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. 30. El gestor de artículosContiene 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. 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. 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. 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. 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. 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. 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. 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 concretoMostrar enlaces web: • Categorías de los enlaces • Enlaces de una categoría • Proponer un nuevo enlace webMostrar enlaces de sistema: • URL externa • Ítem de otro menú • Separador de menú
  38. 38. Creación de menús: los ítems del menúMostrar resultados de una búsqueda: • Artículos con un determinado descriptorMostrar 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. 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. 40. No sólo contenidos...• Otros elementos importantes de JoomlaMÓDULOSSon las grandes “cajas” que muestran información yque se sitúan en diferentes posiciones en función deldiseño (plantilla) quetenemos activado. Para poder ver laubicación de los módulos se puede añadirindex.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. Desdeaquí pueden habilitarse o desabilitarse (ocultarse)
  41. 41. No sólo contenidos...• Otros elementos importantes de JoomlaLa posición que ocupa cada módulo se modifica en laopción “posición”Pueden ser el complemento de un componente Ej. LatestNews Module + com_content (muestra los últimosartículos)A veces no estan enlazados con nada y pueden mostrarun simple texto o imagen Ejemplos de módulos: Banners(mod_banners), Menus (mod_menu), Whos Online(mod_whosonline)Son un tipo de Extensión y hay cientos de modulosdiponibles para descargar (personalización)
  42. 42. No sólo contenidos...Otros elementos importantes de Joomla• COMPONENTESSon 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óndemuestran el contenido)Cada vez que se carga una página se llama a losdiferentes componentes, ya que son éstos los quegestionan el contenido que se mostrará.Los usuarios ven su contenido en la interfaz publica,mientas que el administrador puede editar su contenidodesde la interfaz de gestión.
  43. 43. No sólo contenidos...Otros elementos importantes de Joomla• COMPONENTESLos componentes son dirigidos por cada ítem de menúy por lo tanto cada item de menú hace funcionar uncomponente. • Ejemplos de componentes:Content (com_content), Banners (com_banners), Contact(com_contact), News Feeds (com_newsfeeds) and WebLinks (com_weblinks)
  44. 44. No sólo contenidos...• Otros elementos importantes de Joomla • PLUGINSTipo de extensión (compleja) que básicamente sirven paragestionar eventos. Los eventos pueden tener lugar tantoen el nucleo de Joomla como también dentro de móduloso componentes. Ej. Editor-Button-pagebreak: Permite lapaginación dentro de un ítem de contenido.
  45. 45. No sólo contenidos...• Otros elementos importantes de Joomla • PLANTILLASPor plantilla entedemos el diseño de la página webLas plantillas contienen donde pueden situarse elcomponente y los diferentes módulos que se van amostrar.Su aplicación se lleva a cabo a partir del “gestor deplantillas” del back-end.
  46. 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. 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. 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. 49. La personalización del sitio web•INSTALANDO EXTENSIONES
  50. 50. La personalización del sitio webPLUGIN 2.0Objetivo: Facilitar al usuario que pueda compartir cualquier contenidoen una red social, mediante botones que apareceran en cada uno delos artículos.http://itprism.com/free-joomla-extensions/social-buttons-plugin
  51. 51. La personalización del sitio webFORMULARIOS• Con este módulo podremos insertar formularios en las páginas queseleccionemos• Para su funcionamiento habrá que personalizarlohttp://allforjoomla.com/xmodules/mod-simpleform2
  52. 52. La personalización del sitio web•GESTIÓN DE USUARIOSPermite 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. 53. La personalización del sitio webFOROSPermite la integración de una plataforma para gestionar foros ennuestra página web.Instalación: → hay que crear un nuevo ítem de menú que seadel tipo “discussions” → Default Layouthttp://www.codingfish.com/downloads/cat_view/41-free-joomla-extensions/50-discussions
  54. 54. La personalización del sitio webIDIOMASNuestra instalación de Joomla está en inglés. Aquí instalaremos latraducció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. 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. 56. Para descubrir extensiones • http://extensions.joomla.org/ • http://www.bestofjoomla.com/ • http://www.joomla.cat/ (Extensions)

×