Este documento presenta un taller de introducción a Drupal 7 que se llevará a cabo los días 4 y 6 de marzo de 2013. El taller cubrirá la instalación de Drupal, la creación y gestión de contenidos, la estructura del sitio web a través de bloques, menús y taxonomías, y la personalización de la apariencia a través de temas. El objetivo es que los asistentes aprendan los conceptos básicos necesarios para construir un sitio web con Drupal.
1. Taller de introducción
a Drupal 7
Alicante, 4 y 6 de Marzo de 2013
Organizado por CAMON Alicante y la Comunidad Drupal Alicante
Impartido por Javier Gómez
2. Sobre mí
• Javier Gómez
• Desarrollador web Freelance desde 2010
• Miembro de la Asociación Española de Drupal
http://asociaciondrupal.es
He 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
3. Sobre el taller
• A quien va dirigido
– A cualquier persona con o sin conocimientos previos
– Es un nivel de iniciación
• Requisitos para el asistir al taller
– Ganas de conocer drupal
– Opcionalmente: un ordenador
• Que puedo hacer cuando termine el taller?
– Montar un sitio web con Drupal
• Y si me pierdo algo?
http://vimeo.com/tucamon
http://www.slideshare.net/javiergomezspain
4. Contenido del taller
• Introducción
• Contenido
• Estructura (Arquitectura de la información)
• Personas (Usuarios)
• Módulos (Funcionalidad)
• Apariencia (Presentación)
5. 1ª Parte: INTRODUCCIÓN
INTRODUCCIÓN
• Qué es Drupal
• Cómo funciona Drupal
• Requisitos para la instalación
• Perfiles de instalación
• Instalación de Drupal: Pasos a seguir
• Configuración: información del sitio
• Revisión del estado del sitio web con los
informes de Drupal 7
6. 1ª Parte: INTRODUCCIÓN
Qué es Drupal
• Drupal es un CMS ó sistema de gestión de contenido
modular multipropósito y muy configurable que permite
publicar artículos, imágenes, u otros archivos y servicios
añadidos como foros, encuestas, votaciones, blogs y
administración de usuarios y permisos.
• Drupal es un sistema dinámico: en lugar de almacenar sus
contenidos en archivos estáticos en el sistema de ficheros
del servidor de forma fija, el contenido textual de las
páginas y otras configuraciones son almacenados en una
base de datos y se editan utilizando un entorno Web.
http://es.wikipedia.org/wiki/Drupal
7. 1ª Parte: INTRODUCCIÓN
Qué es Drupal
• Es Open Source (programa libre), con licencia GNU/GPL,
escrito en PHP, desarrollado y mantenido por una activa
comunidad de usuarios. Destaca por la calidad de su código
y de las páginas generadas, el respeto de los estándares de
la web, y un énfasis especial en la usabilidad y consistencia
de todo el sistema.
http://es.wikipedia.org/wiki/Drupal
• Drupal también es un Framework a través del que podemos
programar nuevas funcionalidades con un API muy bien
documentado y una comunidad de usuarios muy potente.
• La curva de aprendizaje es mas elevada que otros CMS
8. 1ª Parte: INTRODUCCIÓN
Cómo funciona Drupal
• Drupal es una aplicación que se ejecuta sobre un servidor
web y hace uso de PHP para efectuar consultas sobre una
base de datos y construir dinámicamente las páginas que
sirve al usuario utilizando estándares web como XHTML,
CSS y JavaScript.
9. 1ª Parte: INTRODUCCIÓN
Requisitos e instalación
• Drupal 7 (descargar de http://drupal.org)
• Servidor (local o hosting)
requisitos mínimos del servidor:
– Servidor HTTP. Apache o similar
– Base de datos: MySQL 5.0.15 o PostgreSQL 8.3
– PHP Versión: 5.2 o superior
– Mail Server (si queremos que nuestro sitio envíe e-mails)
Para el taller utilizaremos un servidor local XAMPP
10. 1ª Parte: INTRODUCCIÓN
Perfiles de instalación
Drupal 7 tiene tipos de configuración para el momento
de instalarlo
• En el taller se usará el perfil Standar en castellano
– http://drupal.org/project/drupal
– http://localize.drupal.org/translate/languages/es
• Existen otros perfiles para diversos usos de drupal
– http://drupal.org/project/distributions
por ejemplo Commerce KickStart, para crear una tienda virtual
http://drupal.org/project/commerce_kickstart
11. 1ª Parte: INTRODUCCIÓN
Instalación de Drupal 7
Pasos que vamos a seguir en el taller:
1. Instalación del servidor local con XAMPP
2. Iniciar los servidores Apache y MySql
3. Instalación de la Base de Datos
4. Copiar los archivos de Drupal en el servidor
5. Instalar Drupal
12. 1ª Parte: INTRODUCCIÓN
Instalación: servidor local
Instalando el servidor XAMPP
• XAMPP es uno de los muchos
servidores Apache+MySql+php
• Es muy facil de instalar en
windows, Mac y Linux, incluso
una version windows portable.
• Editamos el archivo php.ini y
establecemos el valor
max_execution_time a 120
• Una vez instalado iniciamos
Apache y MySql
http://www.apachefriends.org/es/xampp.htm
13. Instalación: Base de Datos
1ª Parte: INTRODUCCIÓN
configurar phpMyAdmin
http://localhost/phpmyadmin
• Cotejamiento
– utf8_spanish_ci
• Idioma
– Español
14. 1ª Parte: INTRODUCCIÓN
Instalación: Base de Datos
Creación de usuario y base de datos
1. Entrar en Privilegios
2. Agregar nuevo usuario
3. Nombre de usuario
y password
4. Seleccionar:
“Crear base de datos con
el mismo nombre y otorgar
todos los privilegios”
5. Privilegios : Marcar todos
6. Crear usuario
http://localhost/phpmyadmin
15. 1ª Parte: INTRODUCCIÓN
Instalación: copiar archivos
colocar los archivos de Drupal en el servidor
• Descomprimir drupal-7.20.tar.gz
• Crear una carpeta en el
servidor con el nombre del sitio
web que vamos a crear:
– C:xampphtdocstaller-drupal
• Copiar dentro los archivos
descomprimidos
• Copiar el archivo drupal-7-
20.es.po en la carpeta
…profilesstandardtranslations
17. 1ª Parte: INTRODUCCIÓN
Instalación de Drupal 7
Selección del idioma
• Si hemos copiado el
archivo drupa-7-
20.es.po en la
carpeta translations,
nos aparezca el
idioma español.
• Podemos descargar
más idiomas en
http://localize.drupal.org/translate/languages
18. 1ª Parte: INTRODUCCIÓN
Instalación de Drupal 7
Configuración de la base de datos
• Si los requerimientos del
servidor son correctos
pasaremos a Set up database
• Aquí introduciremos los
mismos datos de usuario y
contraseña que nos pidió
phpMyAdmin
Y el mismo nombre de base
de datos que de usuario.
19. 1ª Parte: INTRODUCCIÓN
Instalación de Drupal 7
Finalizando la instalación
• Si todo va bien, drupal hará los siguientes pasos:
– Instalar perfil
– Configurar traducciones
• Y al finalizar nos mostrará una ventana de configuración
20. 1ª Parte: INTRODUCCIÓN
Instalación de Drupal 7
posibles errores durante la instalación
• Nos podemos encontrar con errores
durante la instalación
– En instalaciones locales hay veces que
no podemos configurar la base de
datos con el usuario que hemos
creado, en ese caso utilizaremos el
usuario root , si no hemos cambiado el
password, este lo dejaremos en
blanco.
– Si al importar las traducciones nos sale
el siguiente error, pulsaremos
continuar a la página de error y
terminará la instalación.
– Para otros errores consultar la amplia
documentación de Drupal http://drupal.org/documentation/install
21. 1ª Parte: INTRODUCCIÓN
Configuración
• La configuración inicial nos
permite personalizar el
comportamiento de nuestro
sitio y su información básica:
– Nombre del sitio web
– Email del sitio web
– Datos del usuario administrador
• nombre de usuario, email y password
– Pais y zona horaria por defecto
– Etc.
22. Instalación de Drupal 7
1ª Parte: INTRODUCCIÓN
Instalación finalizada
• Ya tenemos
Drupal
instalado
23. 1ª Parte: INTRODUCCIÓN
Informes
• Permiten visualizar el estado
de nuestro sitio.
– Por ejemplo: si han salido
actualizaciones interesantes, si
nuestro sistema está
correctamente configurado...
24. 2ª Parte: CONTENIDOS
CONTENIDOS
• Crear Contenidos
• Formatos de texto
• Revisiones
• Etiquetar contenidos
25. 2ª Parte: CONTENIDOS
Crear Contenidos
Mi primera página en Drupal
1. Seleccionar Agregar contenido.
2. Elegir el tipo de contenido Página básica.
3. Título: Bienvenido a mi sitio Drupal 7.
4. Editar resumen.
5. Resumen: Hoy he aprendido a instalar Drupal 7.
6. Cuerpo: Esta es mi página de inicio, realmente ha sido muy
fácil instalar drupal.
7. Opciones de comentarios:
• Cerrada.
8. Opciones de publicación:
• Publicado
• Colocado en la página principal
26. 2ª Parte: CONTENIDOS
Crear Contenidos
Formatos de texto
• La información en los campos de texto siempre se guarda como la
introducimos pero al presentarla al usuario se filtra.
• Utiliza Filtered HTML para evitar fallos de seguridad, permite realizar
diferentes manipulaciones del texto...
• Full HTML permite cualquier código html pero baja el nivel de seguridad,
utilizar únicamente cuando no sea suficiente Filtered HTML
27. 2ª Parte: CONTENIDOS
Crear Contenidos
Versiones y clasificación
• Permite controlar las
versiones de un
determinado contenido.
Muy útil cuando es editado
por diferentes usuarios.
• Las taxonomías nos
permiten asociar categorías
a nuestro contenido.
28. 3ª Parte: ESTRUCTURA
ESTRUCTURA
Para estructurar la información, Drupal utiliza:
• Bloques
• Menús
• Taxonomías
• Tipos de contenido
Opcionalmente, drupal se apoya de módulos externos que amplían esta
funcionalidad como views, display suite o panels
29. 3ª Parte: ESTRUCTURA
ESTRUCTURA
Bloques
• Los bloques son piezas del
sitio web
• Drupal permite disponer
estas piezas en regiones
preestablecidas desde la
interfaz de usuario
• Los bloques pueden ser
contenido estático,
dinámico, formularios...
• Los bloques se configuran
por tema
30. 3ª Parte: ESTRUCTURA
ESTRUCTURA
Menús
• Los menús definen la
navegación principal del
sitio web y se gestionan
desde UI
• Se pueden crear menús
que estén disponibles
como bloques
• Los enlaces de un menú
pueden ser externos o
internos al sitio web
31. 3ª Parte: ESTRUCTURA
ESTRUCTURA
Taxonomias
• Las taxonomías permiten
clasificar el contenido en
categorías
• Se crea un vocabulario
que contiene términos
• El vocabulario se asocia a
un tipo de contenido
• Los términos pueden ser
predefinidos o no
32. 3ª Parte: ESTRUCTURA
ESTRUCTURA
Tipos de Contenido
• Se pueden crear diferentes tipos de contenidos
• Se pueden personalizar su estructura añadiendo campos (esto
funciona con todas las entidades como usuarios o taxonomía)
– Campos de texto
– Imágenes
– Archivos
• Módulos adicionales:
– Email
– Link
– Audiofield, etc
33. 3ª Parte: ESTRUCTURA
ESTRUCTURA
Ejercicio
1. Vamos a modificar el tipo de
contenido Página básica
– Administrar Campos
– Agregar campo existente Etiquetas
– Pulsamos Guardar y en se siguiente
ventana Guardar opciones
2. Modificamos la página que
creamos en el ejercicio anterior
– Añadimos las etiquetas: taller,
camon, drupal
– Seleccionamos Proporciona un
enlace de menú
– Guardamos