• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Iniciación a la creación de páginas web con Joomla
 

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

on

  • 1,868 views

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

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

Statistics

Views

Total Views
1,868
Views on SlideShare
1,865
Embed Views
3

Actions

Likes
5
Downloads
0
Comments
0

1 Embed 3

http://www.linkedin.com 3

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-NonCommercial-NoDerivs LicenseCC Attribution-NonCommercial-NoDerivs LicenseCC Attribution-NonCommercial-NoDerivs License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

    • 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 • PERSONALIZACIÓN • LA COMUNIDAD JOOMLA
    • 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 foros Etc.
    • ¿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
    • Configuración del entorno de trabajoXampp → http://www.apachefriends.org/en/xampp-windows.htmlJoomla → http://www.joomla.org/16/
    • 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/
    • 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
    • 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
    • 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
    • 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
    • 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.
    • 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)
    • 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.
    • 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
    • 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.
    • 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
    • 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
    • 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 !!
    • 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 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")
    • La visualización de contenidos
    • 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.
    • 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.
    • Creación de contenidos: losartículos
    • 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.
    • 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
    • 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
    • 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)
    • 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.
    • 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)
    • 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)
    • 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.
    • 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”
    • 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
    • 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
    • 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ú
    • 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
    • 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ú
    • 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)
    • 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)
    • 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.
    • 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)
    • 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.
    • 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.
    • 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
    • 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
    • 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)
    • 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 social, mediante botones que apareceran en cada uno delos artículos.http://itprism.com/free-joomla-extensions/social-buttons-plugin
    • 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
    • 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
    • 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
    • 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/
    • 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
    • Para descubrir extensiones • http://extensions.joomla.org/ • http://www.bestofjoomla.com/ • http://www.joomla.cat/ (Extensions)