SlideShare una empresa de Scribd logo
1 de 22
Descargar para leer sin conexión
Views 3: Que hay de nuevo
Miguel Ordóñez Sánchez

12 de enero del 2012 (drupal.cat)
Quien soy

            Miguel Ordóñez Sánchez
            Co-fundador de Ymbra
            (@ymbra_co)
            Desarrollador Drupal
Índice
 Que es Views?
 Views 3: Novedades
 Casos prácticos
   Listado básico
   Vistas también para back-office
   Galeria básica
   Calendario
   Slideshow
 Módulos recomendados
Que es Views?

Si nuestro Drupal fuera una panadería,
el módulo Views sería la herramienta
que utilizaríamos para poder colocar
nuestras rosquillas y baguettes en el
escaparáte de una forma ordenada y
apetecible.


       Pedro Cambra - 27 julio 2011
Que es Views?


Creado por merlinofchaos (ctools, panels,...) y continuado por dereine
El módulo más descargado y utilizado de drupal.org (+378,258
instalaciones)
Precursor del “Construye un sitio web en Drupal sin tocar una línea de
código”.
Views 3: Que hay de nuevo
Views 3: Que hay de nuevo (I)



 Mejora del asistente
Views 3: Que hay de nuevo (II)


 Re-diseño de la
 interfaz de usuario
 Drupal 7
Views 3: Que hay de nuevo (III)



 Ventanas modales
 Live search
Views 3: Que hay de nuevo (IV)


 Condiciones OR
 Ordenación y
 paginación se pueden
 exponer
Views 3: Que hay de nuevo (V)
 Los displays se pueden: clonar,   Mejor integración con ctools
 ordenar, activar, desactivar y
                                   Nuevos plugins: Querys, pager,
 comentar.
                                   exposed forms y localización
 Se eliminan las relaciones
                                   Mejoras de rendimiento
 implícitas con usuario,
 comentarios y taxonomía           arguments -> contextual filters
 Vistas a partir de plantilla      Soporte Group By
 Vistas dentro de vistas           y mucho más ...
 Mejora en los wrappers HTML
Casos prácticos
Vista simple
Listado de un tipo de contenido y su Feed asociado
Vista avanzada
Vista con filtros contextuales, relaciones, filtros y ordenaciones
expuestas, vistas dentro de vistas, ...
Galería básica
Ejemplo de galería de imágenes utilizando los estilos de imagen de
Drupal 7 y con paginación expuesta.
Vista i18n básica
Ejemplo básico de una vista multiidioma.
A la espera de i18nviews (Work in progress)...
Calendario
Ejemplo de una vista de tipo calendario con la ayuda de los
módulos calendar (7.x-3.0-alpha2) + date (7.x-2.0-rc1).
Slideshow
Ejemplo de una vista de tipo bloque con la ayuda del módulo Views
Slideshow (7.x-3.0) y un poco de salsa (CSS)
Oh! Y puedo probarlo?
Todo está empaquetado en un feature (“módulo”) que se puede descargar desde http://ves.cat/a3ES
se recomienda activarlo con drush para que descargue automáticamente todas las dependencias
“drush en drupal_cat_views_demo -y“ ;)
Módulos
Utilizados:          Recomendados:
   calendar            Display suite
   ctools              DraggableViews (dev)
   date                QuickTabs
   entityreference     Views Bulk Operations (VBO)
   i18n                Internationalization views (work in progress)
   libraries           Views Accordion
   variable            i18n page views
   views               Views UI: Edit Basic Settings
   views_slideshow     Advanced help
                       ...
Recursos
http://www.drupal.org/project/views
http://cambrico.net/drupal/modulos/views
http://dev.nodeone.se/en/taming-the-beast-learn-views-with-nodeone
http://drupalize.me/videos/cat/69
http://drupal-building-blocks.com/
http://www.angrydonuts.com/views-3-x-roadmap
Gracias a todos/as, preguntas?
         Twitter: @miguelordonez
        correo: miguel@ymbra.com
        Web: http://www.ymbra.com

Más contenido relacionado

Similar a Views 3: Qué hay de nuevo

Drupal in a day - SeeD
Drupal in a day - SeeDDrupal in a day - SeeD
Drupal in a day - SeeD
seedcolombia
 
Taller de Drupal - Sesión 2
Taller de Drupal - Sesión 2Taller de Drupal - Sesión 2
Taller de Drupal - Sesión 2
SEAT, S.A.
 
Introducción a Foundation 5
Introducción a Foundation 5Introducción a Foundation 5
Introducción a Foundation 5
Cycle-IT
 

Similar a Views 3: Qué hay de nuevo (20)

Welcome to Django
Welcome to DjangoWelcome to Django
Welcome to Django
 
Drupal Workshop
Drupal WorkshopDrupal Workshop
Drupal Workshop
 
Drupal in a day - SeeD
Drupal in a day - SeeDDrupal in a day - SeeD
Drupal in a day - SeeD
 
Presentación de eclipse(componentes básicos)
Presentación de eclipse(componentes básicos)Presentación de eclipse(componentes básicos)
Presentación de eclipse(componentes básicos)
 
Taller de Drupal - Sesión 2
Taller de Drupal - Sesión 2Taller de Drupal - Sesión 2
Taller de Drupal - Sesión 2
 
Inciación a Drupal 8
Inciación a Drupal 8Inciación a Drupal 8
Inciación a Drupal 8
 
Taller de Drupal 1
Taller de Drupal 1Taller de Drupal 1
Taller de Drupal 1
 
Clase 10 mvc
Clase 10 mvcClase 10 mvc
Clase 10 mvc
 
Introduccion a Drupal
Introduccion a DrupalIntroduccion a Drupal
Introduccion a Drupal
 
Combinación ganadora: Plone como CMS, tu framework preferido como frontend
Combinación ganadora: Plone como CMS, tu framework preferido como frontendCombinación ganadora: Plone como CMS, tu framework preferido como frontend
Combinación ganadora: Plone como CMS, tu framework preferido como frontend
 
Drupal
DrupalDrupal
Drupal
 
Introducción a Foundation 5
Introducción a Foundation 5Introducción a Foundation 5
Introducción a Foundation 5
 
Introducción a Foundation 5
Introducción a Foundation 5Introducción a Foundation 5
Introducción a Foundation 5
 
Descripción Modelo Entidad Relación Drupal Autora Marc Bria Ramírez
Descripción Modelo Entidad Relación Drupal Autora Marc Bria RamírezDescripción Modelo Entidad Relación Drupal Autora Marc Bria Ramírez
Descripción Modelo Entidad Relación Drupal Autora Marc Bria Ramírez
 
Magento Best Practices
Magento Best PracticesMagento Best Practices
Magento Best Practices
 
Drupal8 : novedades y nuevas funcionalidades
Drupal8 : novedades y nuevas funcionalidadesDrupal8 : novedades y nuevas funcionalidades
Drupal8 : novedades y nuevas funcionalidades
 
Cómo configurar el seo de tu drupal
Cómo configurar el seo de tu drupal  Cómo configurar el seo de tu drupal
Cómo configurar el seo de tu drupal
 
Framework
FrameworkFramework
Framework
 
Framework
FrameworkFramework
Framework
 
Introduccion técnica a Drupal
Introduccion técnica a DrupalIntroduccion técnica a Drupal
Introduccion técnica a Drupal
 

Más de Ymbra

Distribuciones en Drupal
Distribuciones en DrupalDistribuciones en Drupal
Distribuciones en Drupal
Ymbra
 
Drupal 7 multilingüe: internacionalització i localització de llocs web
Drupal 7 multilingüe: internacionalització i localització de llocs webDrupal 7 multilingüe: internacionalització i localització de llocs web
Drupal 7 multilingüe: internacionalització i localització de llocs web
Ymbra
 

Más de Ymbra (13)

El universo JavaScript en Drupal 8
El universo JavaScript en Drupal 8El universo JavaScript en Drupal 8
El universo JavaScript en Drupal 8
 
Arquitectura de proyectos Drupal
Arquitectura de proyectos DrupalArquitectura de proyectos Drupal
Arquitectura de proyectos Drupal
 
Migrate, una herramienta de trabajo y desarrollo
Migrate, una herramienta de trabajo y desarrolloMigrate, una herramienta de trabajo y desarrollo
Migrate, una herramienta de trabajo y desarrollo
 
Field Types API: Field, widgets y formatters
Field Types API: Field, widgets y formattersField Types API: Field, widgets y formatters
Field Types API: Field, widgets y formatters
 
Desarrollo y arquitectura de proyectos con Features
Desarrollo y arquitectura de proyectos con FeaturesDesarrollo y arquitectura de proyectos con Features
Desarrollo y arquitectura de proyectos con Features
 
Distribuciones en Drupal
Distribuciones en DrupalDistribuciones en Drupal
Distribuciones en Drupal
 
Introducció al Git
Introducció al GitIntroducció al Git
Introducció al Git
 
ELISAVA Beta. Cas d'èxit desenvolupat per Ymbra
ELISAVA Beta. Cas d'èxit desenvolupat per YmbraELISAVA Beta. Cas d'èxit desenvolupat per Ymbra
ELISAVA Beta. Cas d'èxit desenvolupat per Ymbra
 
Drupal 7: mucho más que una nueva versión (para desarrolladores)
Drupal 7: mucho más que una nueva versión (para desarrolladores)Drupal 7: mucho más que una nueva versión (para desarrolladores)
Drupal 7: mucho más que una nueva versión (para desarrolladores)
 
Drupal 7 multilingüe: internacionalització i localització de llocs web
Drupal 7 multilingüe: internacionalització i localització de llocs webDrupal 7 multilingüe: internacionalització i localització de llocs web
Drupal 7 multilingüe: internacionalització i localització de llocs web
 
El universo JavaScript en Drupal 7
El universo JavaScript en Drupal 7El universo JavaScript en Drupal 7
El universo JavaScript en Drupal 7
 
Drupal 7: mucho más que una nueva versión
Drupal 7: mucho más que una nueva versiónDrupal 7: mucho más que una nueva versión
Drupal 7: mucho más que una nueva versión
 
Desmitificant l'HTML5
Desmitificant l'HTML5Desmitificant l'HTML5
Desmitificant l'HTML5
 

Último

redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
nicho110
 

Último (10)

redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos Basicos
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 

Views 3: Qué hay de nuevo

  • 1. Views 3: Que hay de nuevo Miguel Ordóñez Sánchez 12 de enero del 2012 (drupal.cat)
  • 2. Quien soy Miguel Ordóñez Sánchez Co-fundador de Ymbra (@ymbra_co) Desarrollador Drupal
  • 3. Índice Que es Views? Views 3: Novedades Casos prácticos Listado básico Vistas también para back-office Galeria básica Calendario Slideshow Módulos recomendados
  • 4. Que es Views? Si nuestro Drupal fuera una panadería, el módulo Views sería la herramienta que utilizaríamos para poder colocar nuestras rosquillas y baguettes en el escaparáte de una forma ordenada y apetecible. Pedro Cambra - 27 julio 2011
  • 5. Que es Views? Creado por merlinofchaos (ctools, panels,...) y continuado por dereine El módulo más descargado y utilizado de drupal.org (+378,258 instalaciones) Precursor del “Construye un sitio web en Drupal sin tocar una línea de código”.
  • 6. Views 3: Que hay de nuevo
  • 7. Views 3: Que hay de nuevo (I) Mejora del asistente
  • 8. Views 3: Que hay de nuevo (II) Re-diseño de la interfaz de usuario Drupal 7
  • 9. Views 3: Que hay de nuevo (III) Ventanas modales Live search
  • 10. Views 3: Que hay de nuevo (IV) Condiciones OR Ordenación y paginación se pueden exponer
  • 11. Views 3: Que hay de nuevo (V) Los displays se pueden: clonar, Mejor integración con ctools ordenar, activar, desactivar y Nuevos plugins: Querys, pager, comentar. exposed forms y localización Se eliminan las relaciones Mejoras de rendimiento implícitas con usuario, comentarios y taxonomía arguments -> contextual filters Vistas a partir de plantilla Soporte Group By Vistas dentro de vistas y mucho más ... Mejora en los wrappers HTML
  • 13. Vista simple Listado de un tipo de contenido y su Feed asociado
  • 14. Vista avanzada Vista con filtros contextuales, relaciones, filtros y ordenaciones expuestas, vistas dentro de vistas, ...
  • 15. Galería básica Ejemplo de galería de imágenes utilizando los estilos de imagen de Drupal 7 y con paginación expuesta.
  • 16. Vista i18n básica Ejemplo básico de una vista multiidioma. A la espera de i18nviews (Work in progress)...
  • 17. Calendario Ejemplo de una vista de tipo calendario con la ayuda de los módulos calendar (7.x-3.0-alpha2) + date (7.x-2.0-rc1).
  • 18. Slideshow Ejemplo de una vista de tipo bloque con la ayuda del módulo Views Slideshow (7.x-3.0) y un poco de salsa (CSS)
  • 19. Oh! Y puedo probarlo? Todo está empaquetado en un feature (“módulo”) que se puede descargar desde http://ves.cat/a3ES se recomienda activarlo con drush para que descargue automáticamente todas las dependencias “drush en drupal_cat_views_demo -y“ ;)
  • 20. Módulos Utilizados: Recomendados: calendar Display suite ctools DraggableViews (dev) date QuickTabs entityreference Views Bulk Operations (VBO) i18n Internationalization views (work in progress) libraries Views Accordion variable i18n page views views Views UI: Edit Basic Settings views_slideshow Advanced help ...
  • 22. Gracias a todos/as, preguntas? Twitter: @miguelordonez correo: miguel@ymbra.com Web: http://www.ymbra.com