Taller de introduccióna Drupal 7

Alicante, 4 y 6 de Marzo de 2013Organizado por CAMON Alicante y la Comunidad Drupal Alicante

Impartido por Javier Gómez

Sobre mí

• Javier Gómez• Desarrollador web Freelance desde 2010• Miembro de la Asociación Española de Drupal

http://asociaciondrupal.esHe colaborado en la organización de las DrupalCamp Spain 2011 y 2012

• Miembro fundador de la comunidad Drupal de Alicante creada en Octubre de 2011, con reuniones mensuales en CAMON http://groups.drupal.org/alicante

• Actualmente realizo proyectos en Drupal combinando Sitebuilding y Theming

• Podeis encontrarme en:twitter.com/fjgomez2 es.linkedin.com/in/codigoweb www.codigoweb.org

• Introducción• Contenido• Estructura (Arquitectura de la información)• Personas (Usuarios)• Módulos (Funcionalidad)• Apariencia (Presentación)

Contenido del taller

Personas Introducción

4ª Parte: PERSONAS

• Drupal tiene un sistema de usuarios, grupos, roles y permisos muy potente y seguro.

• Se pueden crear comunidades virtuales, redes sociales, etc

• El límite de complejidad en la gestion de usuarios y permisos lo pone tu imaginación

• Podríamos dedicar un curso entero a sacarle jugo a la gestion de usuarios

La seguridad y la potencia de la gestión de usuarios es una de las razones por las que muchas instituciones gubernamentales de todo el mundo tienen sus web hechas con Drupal

http://groups.drupal.org/government-sites

Personas conceptos básicos

4ª Parte: PERSONAS

• Usuarios: Inicialmente Drupal tiene un único usuario, el usuario 1, o administrador. Este usuario es especial, porque tiene poder absoluto sobre el sitio, no debe borrarse nunca. Es conveniente crear nuevos usuarios.

• Roles: Un rol es una agrupación de usuarios a la que asignamos permisos. • Permisos: Los permisos definen las funcionalidades que los usuarios de un rol

concreto tienen habilitadas en nuestra instalación de Drupal.• Cada usuario puede tener asignado uno o más roles y cada rol posee una configuración

específica de permisos sobre los módulos, consecuentemente, los roles de un usuario determinan qué permisos tiene en el sistema.

• Por defecto, los permisos determinan qué se puede hacer, pero no qué se puede ver. Para controlar qué puede ver cada rol necesitaremos recurrir a un módulo contribuido, como Content Access.

Personas roles

4ª Parte: PERSONAS

Drupal 7 trae por defecto los siguientes roles:• usuario anónimo: usuario que simplemente podrá leer o buscar en los contenidos y no

necesita autentificarse. • Usuario autenticado: Además se le permite dejar comentarios u opinar sobre los

productos o simplemente participar generando algún tipo de contenido. • Administrador: es el responsable técnico y puede acceder a cualquiera de los aspectos

del sistema, configurando o modificando cualquier parámetro de éste. Este usuario tiene control total sobre el sitio web, por lo que puede realizar cualquier operación de configuración o mantenimiento sobre este.

Aunque no es necesario, es conveniente añadir el siguiente rol a nuestras instalaciones de Drupal 7:

• Usuario editor: Es un usuario avanzado que gestiona los contenidos y no tiene porque tener nociones técnicas del funcionamiento del sistema.

Personas Permisos

4ª Parte: PERSONAS

• Si revisamos los permisos que vienen por defecto en la instalación de Drupal 7 comprobaremos los permisos asignados a cada rol de usuario.

• Podemos modificar estos permisos con mucho cuidado, y sabiendo exactamente lo que estamos haciendo, en caso contrario es mejor no tocar nada.

• Desde esta ventana accedemos también a la gestión de roles para añadir o modificar estos.

Personas 1º Ejercicio

4ª Parte: PERSONAS

En este ejercicio vamos a crear un nuevo usuario y asignarle el rol de usuario autenticado

Pulsamos en Personas: Nos aparecerán los usuarios actuales• Hacemos click en Añadir usuario• En nombre de usuario pondremos

Usuario 1• En email user1@tallerdrupal.com• En contraseña y confirmación de

contraseña: camon• El resto de opciones las dejamos tal

cual están, comprobaréis que la opción de usuario autenticado está marcado

• Para terminar hacemos click en Crear nueva cuenta

Personas 2º Ejercicio

4ª Parte: PERSONAS

A continuación comprobaremos el funcionamiento de los permisos para el usuario que acabamos de crear y para un usuario sin autenticar

• Como Administrador creamos un nuevo contenido de tipo Artículo, introduciendo el titulo Artículo Camon, un texto y lo guardamos.

• Cerramos sesión y nos volvemos a identificar con el usuario 1 y password camon

• Entramos en Artículo Camon, donde escribiremos un comentario al articulo y guardamos.

• Ahora cerraremos sesión e intentaremos repetir lo mismo sin estar autenticado, comprobando que Drupal no nos permite crear comentarios.

Módulos ¿Qué son los módulos?

5ª Parte: MODULOS

• Los módulos amplían y personalizan la funcionalidad de Drupal.

• Hay módulos para cubrir cualquier funcionalidad.

• Existe mas de 20.000 módulos contribuidos listos para ser utilizados.

http://drupal.org/project/modules

http://drupalmodules.com

MódulosEjercicio 1: Instalar un nuevo módulo

5ª Parte: MODULOS

• En este ejercicio vamos a aprender a instalar un nuevo módulo y configurarlo.

• Ahora buscaremos el módulo email para añadir campos fecha a nuestros formularios o páginas

• En la página del módulo buscaremos la sección Recomended releases y haremos click derecho sobre uno de los enlaces correspondientes a la vesión 7, para Copiar la ruta del enlace

• Pegamos la ruta en en campo Install from a URL

• Y hacemos click en instalar

• Cuando en proceso de importación termine volveremos a la lista de módulos y lo activaremos

http://drupal.org/project/email

Antes de nada tenemos que activar el módulo Update Manager que va a darle nuevas funcionalidades a drupal: la capacidad de instalar y actualizar desde UI tanto módulos como temas.

http://ftp.drupal.org/files/projects/email-7.x-1.2.tar.gz

MódulosEjercicio 1: Añadir campo email

5ª Parte: MODULOS

• Ahora vamos a comprobar la utilidad del modulo email. Para ello vamos a modificar el tipo de contenido Página básica y entramos en Gestionar campos para añadir un nuevo campo.

• Debajo de Agregar nuevo campo, en la columna etiqueta pondremos el nombre del campo, en este caso correo electrónico.

• En el desplegable de la columna Tipo de campo, ahora aparece Email gracias al módulo que acabamos de instalar, lo seleccionamos.

• A continuación pulsamos Guardar y como este tipo de campo no tiene opciones de configuración, en la siguiente ventana pulsamos Guardar opciones de campo.

MódulosEjercicio 1: probando el nuevo módulo

5ª Parte: MODULOS

• Como ya hemos hecho anteriormente vamos a añadir contenido y seleccionamos página básica.

• Rellenamos el título (* obligatorio) y comprobamos que al final de los campos nos aparece el campo correo electrónico que acabamos de crear, lo rellenamos y guardamos la página.

• Este módulo nos va a validar que el email tenga una @ y un dominio, pero no valida que el email exista.

• Guardamos nuestra página y comprobamos que nuestro campo se muestra como un enlace y que si pulsamos sobre él intentará mandar un email.

Apariencia Temas

6ª Parte: APARIENCIA

• Los temas de Drupal permiten cambiar la manera de visualizar nuestra web.

• Podemos tener un tema predeterminado para el sitio, y otro predeterminado para las tareas de administración.

• Existe mas de 1600 temas gratuitos listos para ser utilizados.

http://drupal.org/project/themes

AparienciaConfiguración del tema

6ª Parte: APARIENCIA

• Muchos temas nos permiten realizar modificaciones desde la Interfaz de Usuario (UI).• Cambiar colores• Mostrar u ocultar elementos

(logo, lema, etc)

• La mayoría de temas son utilizables directamente con un buén nivel de parametrización.

• Existen temas base que utilizan los themers (programadores de temas) para crear temas personalizados: Omega, Adaptive, zen, etc.

AparienciaEjercicio 1: Añadir un nuevo tema

6ª Parte: APARIENCIA

• El proceso para instalar un nuevo tema es similar al realizado para instalar módulos y es posible si tenemos activo el módulo Update Manager.

• Lo primero que vamos a hacer es buscar el tema que queremos instalar, en nuestro caso es

• Ahora procederemos a copiar la ruta y pegarla en la ventana que aparece al pulsar en Instalar nuevo tema.

• Hacemos click en Instalar y Drupal se encarga de descargarlo e instalarlo.

• Ahora solo nos queda Activarlo y establecerlo como predeterminado.

http://drupal.org/project/business

AparienciaEjercicio 1: Resultados

6ª Parte: APARIENCIA

AparienciaEjercicio 1: Configurar el tema

6ª Parte: APARIENCIA

• Cada tema puede tener opciones muy diferentes de personalización, en este caso podemos ver que con unos pequeños cambios podemos tener resultados sorprendentes sin ser unos expertos.

• El tema business nos permite mostrar un slideshow en el que podemos modificar la descripción, el enlace al que se accederá cuando el usuario haga click sobre el slide, e incluso sustituir las imágenes por unas nuestras.

• También podemos cambiar la combinación de colores del tema, ocultar los breadcumbs o el copyright del pie de página entre otras opciones.

Fin de la 2ª Parte

http://vimeo.com/tucamon

http://www.slideshare.net/javiergomezspain