Inicio de sesión

Aprende Drupal

Suscríbete para recibir por email el nuevo contenido de Aprende Drupal con E-duca.eu.
Disfrutarás aprendiendo Drupal.

Introduce tu email:

Delivered by FeedBurner

CURSO DRUPAL ABRIL 2011 - DIA 24: SEGUIMOS CON JQUERY. VIEWS SLIDESHOW. WEBFORM.

 Hoy seguimos aprendiendo a hacer Banners con Jquery, ahora iremos un paso más allá y aprenderemos a hacer banners slideshow con contenido de nuestro sitio que sacaremos mediante una vista y le daremos presentación de tipo slideshow. Después vamos a crear este banner en forma de block. El módulo que nos va a permitir esto será Views Slidehow.
 

Instalaremos Views Slideshow además de los módulos Imagecache  + imagefield
http://drupal.org/project/views_slideshow
http://drupal.org/project/imagecache
http://drupal.org/project/imagefield
 

   Estos son los pasos para crear el banner slideshow. Debemos tener activados Views Slideshow y Views Slideshow Singleframe. También debemos tener algunos nodos de tipo página creados. Podemos tener las imágenes de nuestro nodo en el body o bien tenerlas en algún campo cck personalizado de tipo imagefield para así poder guardar versiones redimensionadas de estas imágenes gracias al preset de imagecache que nos creemos.
 

Crear la Vista

  1. Vamos a  admin/build/views
  2. Click Add
  3. Escribir un nombre para la vista
  4. Click Next
  5. Seleccionar page display
  6. Click Add Display
  7. Click en el + que hay al lado de fields
  8. En Groups elegir Node
  9. Seleccionar Node Body and Node Title
  10. Click Add
  11. Seleccionar Trim this field to a maximum length
  12. En Maximum length escribir 100
  13. Click Update Default Display dos veces
  14. Click en las flechas de arriba/abajo que hay al lado de fields
  15. Mover Node: Title arriba
  16. Click Update
  17. Click en el + que hay al lado de Filters
  18. En Groups elegir Node
  19. Seleccionar Node: Published and Node: Type
  20. Click Add
  21. Seleccionar publicado = Yes 
  22. Click Update Default Display
  23. Seleccionar page dentro de Node Type
  24. Click Update Default Display
  25. En Path, dentro de Page settings Click en "None"
  26. Añadir un path. En nuestro caso pondremos page_slideshow
  27. Click Update
  28. Click Save
  29. Click View Page y verificamos que se están listando los nodos correctamente

Configurar el  slideshow

  1. Editar la vista
  2. Click Unformatted en style - Basic Settings.
  3. Elegir Slideshow
  4. Click Update Default Display
  5. Dentro de Slideshow mode elegimos SingleFrame
  6. Click Update Default Display
  7. Click Save
  8. Vemos la página y comprobamos que el slideshow se muestra correctamente.

 

De esta forma podremos tener facilmente en nuestro sitio un Slideshow de los 10 nodos más destacados por ejemplo mostrando título y body de cada nodo, en alguna región destacada de nuestra página. 

Ahora vamos a crear esta vista también de tipo Block y gracias al módulo Imagecache crearemos un preset de imagen pequeña llamado thumbnail que usaremos para mostrar el slideshow en un block.

 

 Ahora vamos a aprender como crear formularios avanzados de recogida de datos, o cuestionarios. Usaremos el módulo Webform.
 
Crearemos en webform un formulario de recogida de datos para los alumnos de un centro, configuraremos los campos que compondrá el formulario, usaremos fieldgroup para agruparlos, configuraremos el webform para que nos notifique cada vez que se recoge un nuevo formulario, y veremos como muestra los resultados en la pestaña results.
Este módulo es ideal para confeccionar fichas de entrada de datos para guardarlas en nuestra base de datos de Drupal. 
Después sería sencillo mediante PHP programar un pequeño script que copiará los datos de cada formulario recibido en la base de datos de nuestra aplicación de gestión. Para esto también se puede utilizar una gran aplicación open source, llamada Talend que está especializada en sincronizar datos de forma personalizada entre diferentes gestores de base de datos.