Desde marzo de 2011, la comunidad Drupal está trabajando duro en Drupal 8, el cual está actualmente resolviendo sus últimos issues y el cual estará disponible muy pronto. Esta revolucionaria nueva versión cuenta con un número enorme de mejoras, las cuales nos gustaría compartir con la audiencia en esta charla.
Presentación acerca de la importancia de la filosofia en la ingenieria en sis...
Introduciendo drupal 8
1. MADRID · NOV 21-22 · 2014
Introduciendo Drupal 8
Siddharta Navarro Castellar
CEO en Atenea tech
@sidddi
Luis Ortiz Ramos
CTO en Atenea tech
@luisortizramos
2. MADRID · NOV 21-22 · 2014
¡SPAM!
Monty Python's Flying Circus, BBC, 2nd. series, episodio 25
http://youtu.be/anwy2MPT5RE
4. MADRID · NOV 21-22 · 2014
Atenea tech
• Somos expertos en Drupal
5. MADRID · NOV 21-22 · 2014
Atenea tech
• Somos expertos en Drupal
• Somos Siddharta, Luis, Oriol, Tomás, Robert y David.
6. MADRID · NOV 21-22 · 2014
Atenea tech
• Somos expertos en Drupal
• Somos Siddharta, Luis, Oriol, Tomás, Robert y David.
• Trabajamos para Estrella Damm, Dexeus, Médicos Sin
Fronteras, Infojobs, Greenpeace...
7. MADRID · NOV 21-22 · 2014
Atenea tech
• Somos expertos en Drupal
• Somos Siddharta, Luis, Oriol, Tomás, Robert y David.
• Trabajamos para UNESCO, Estrella Damm, Dexeus,
Médicos Sin Fronteras, Infojobs, Greenpeace...
• Estamos en Barcelona
8. MADRID · NOV 21-22 · 2014
Atenea tech
• Somos expertos en Drupal
• Somos Siddharta, Luis, Oriol, Tomás, Robert y David.
• Trabajamos para UNESCO, Estrella Damm, Dexeus,
Médicos Sin Fronteras, Infojobs, Greenpeace...
• Estamos en Barcelona
• Puedes contactar con nosotros en
hola@ateneatech.com
9. MADRID · NOV 21-22 · 2014
VISIÓN
GENERAL
Overview effect
http://en.wikipedia.org/wiki/Overview_effect
15. MADRID · NOV 21-22 · 2014
¿Quién lo usa?
• 1.134.238 Webs
16. MADRID · NOV 21-22 · 2014
¿Quién lo usa?
• 1.134.238 Webs
• Ejemplos:
17. MADRID · NOV 21-22 · 2014
¿Quién lo usa?
• 1.134.238 Webs
• Ejemplos:
• Drupal showcase (http://drupalshowcase.com)
18. MADRID · NOV 21-22 · 2014
¿Quién lo usa?
• 1.134.238 Webs
• Ejemplos:
• Drupal showcase (http://drupalshowcase.com)
• Drupal.org case studies (http://drupal.org/cases)
19. MADRID · NOV 21-22 · 2014
¿Cuáles son sus principales
características?
20. MADRID · NOV 21-22 · 2014
• Sistema de módulos flexible
¿Cuáles son sus principales
características?
21. MADRID · NOV 21-22 · 2014
• Sistema de módulos flexible
• Sistema de temas personalizable
¿Cuáles son sus principales
características?
22. MADRID · NOV 21-22 · 2014
• Sistema de módulos flexible
• Sistema de temas personalizable
• Sistema de contenidos y entidades extensible
¿Cuáles son sus principales
características?
23. MADRID · NOV 21-22 · 2014
• Sistema de módulos flexible
• Sistema de temas personalizable
• Sistema de contenidos y entidades extensible
• Optimización para buscadores inherente
¿Cuáles son sus principales
características?
24. MADRID · NOV 21-22 · 2014
• Sistema de módulos flexible
• Sistema de temas personalizable
• Sistema de contenidos y entidades extensible
• Optimización para buscadores inherente
• Permisos de acceso basado en roles
¿Cuáles son sus principales
características?
25. MADRID · NOV 21-22 · 2014
• Sistema de módulos flexible
• Sistema de temas personalizable
• Sistema de contenidos y entidades extensible
• Optimización para buscadores inherente
• Permisos de acceso basado en roles
• Herramientas para la publicación y la colaboración
¿Cuáles son sus principales
características?
74. MADRID · NOV 21-22 · 2014
• Nueva estructura de directorios
• Mejoras en la página de módulos
• Multiidioma
• Bloques y Layouts
• Views in core
Para site-builders
94. MADRID · NOV 21-22 · 2014
TEST
test test test
test test test
test test test
ALERT!
Important
announcement
about
something.
Cache Cache
node/4 node/4
Active
File Store
Active
File Store
Staging
File Store
Active
File Store
Staging
File Store
95. MADRID · NOV 21-22 · 2014
• Nuevo autoloader de clases PSR-4
• Web services
• Symfony Components
• Configuration management
• Y mucho más…
Para coders
96. MADRID · NOV 21-22 · 2014
http://drupal.org/li
st-changes
Drupal contributors at DrupalCon Amsterdam 2014 by pdjohnson
97. MADRID · NOV 21-22 · 2014
CALENDARIO
La Sagrada Família by Vitold Muratov
98. MADRID · NOV 21-22 · 2014
• Enero de 2011: Drupal 7
• Marzo de 2011: Drupal 8 empieza a desarrollarse
• Diciembre de 2012: Feature freeze
• Mayo de 2013: Alpha
• Octubre de 2014: Beta
Línea de tiempo
102. MADRID · NOV 21-22 · 2014
¡DRUPAL OS
NECESITA!
http://drupal.org/community-initiatives/drupal-core
103. MADRID · NOV 21-22 · 2014
¡Gracias!
Siddharta Navarro Castellar
CEO en Atenea tech
@sidddi
Luis Ortiz Ramos
CTO en Atenea tech
@luisortizramos
Notas del editor
Always reference your source and try to use authorized materials. In other words, don’t do this.
Always reference your source and try to use authorized materials. In other words, don’t do this.
Una vez construida, una Web hecha con Drupal, se gestiona utilizando únicamente formularios en línea.
Además de herramientas para la construcción del sitio para administradores Web, Drupal permite a los programadores personalizarlo utilizando un sistema de módulos.
Más de 2.300 programadores han contribuido código a Drupal 8. Incontables contribuyen programando módulos y temas, traduciendo a más de 110 idiomas, organizando eventos, etc.
A fecha 2 de noviembre de 2014 según las estadísticas que recoge el módulo “Update” de forma anónima. Todas las páginas que no lo tengan activo no reportaran datos, así que realmente este número es un valor mínimo.
En vez de mostrar unos pantallazos de las típicas páginas hechas con Drupal como la de la Casa Blanca os vamos a mostrar un par de showcases para que vosotros mismos podais ver quién lo usa
En Drupal Showcase podeis encontrar multitud de ejemplos, ver las principales marcas que tienen Webs con Drupal y filtrar por sector o país
Para que una Web sea expuesta en Drupal.org case studies la candidature de su caso de studio debe pasar un proceso de aprobación. Así que no solo encontrareis ejemplos sinó descripciones muy completas de como se ha hecho cada Web, sus módulos principals y las motivaciones de su uso.
¿Cuáles son sus principales características?
Sistema de módulos flexible: los módulos pueden modificar o añadir características a un sitio. Cualquier característica puede ser construida configurando uno o varios de ellos
Sistema de temas personalizable: todo el output que Drupal genera es personalizable, así es posible adaptarlo a las necesidades de cada sitio
Sistema de contenidos y entidades extensible: puedes definir nuevos tipos de contenidos y añadirles campos personalizados a cada uno de ellos. Algunos módulos contribuidos extienden esto creando nuevos tipos de campos y nuevas formas de manipularlos. Estos campos pueden adjuntarse a cualquier entidad del sistema, como usuarios, comentarios o términos de taxonomías
Optimización para buscadores inherente: Drupal soporta URLs legibles y todo el output que genera cumple los estándares; ambas cosas hacen que el sistema esté muy optimizado para buscadores. Otros módulos contribuidos permiten ir mucho más allá.
Permisos de acceso basado en roles: roles personalizados y un conjunto enorme de permisos permiten controlar con mucha precisión quien puede acceder a que en el sistema. Módulos contribuidos permiten extender esto aun más llegando a controlar esto a nivel de usuario.
Herramientas para la publicación y la colaboración: Drupal incluye soporte para blogs, comentarios, foros y perfiles de usuario. Casi cualquier otra característica que se pueda imaginar (como grupos o herramientas de moderación) solo están a una descarga de distancia.
¿Cuáles son sus principales características?
Sistema de módulos flexible: los módulos pueden modificar o añadir características a un sitio. Cualquier característica puede ser construida configurando uno o varios de ellos
Sistema de temas personalizable: todo el output que Drupal genera es personalizable, así es posible adaptarlo a las necesidades de cada sitio
Sistema de contenidos y entidades extensible: puedes definir nuevos tipos de contenidos y añadirles campos personalizados a cada uno de ellos. Algunos módulos contribuidos extienden esto creando nuevos tipos de campos y nuevas formas de manipularlos. Estos campos pueden adjuntarse a cualquier entidad del sistema, como usuarios, comentarios o términos de taxonomías
Optimización para buscadores inherente: Drupal soporta URLs legibles y todo el output que genera cumple los estándares; ambas cosas hacen que el sistema esté muy optimizado para buscadores. Otros módulos contribuidos permiten ir mucho más allá.
Permisos de acceso basado en roles: roles personalizados y un conjunto enorme de permisos permiten controlar con mucha precisión quien puede acceder a que en el sistema. Módulos contribuidos permiten extender esto aun más llegando a controlar esto a nivel de usuario.
Herramientas para la publicación y la colaboración: Drupal incluye soporte para blogs, comentarios, foros y perfiles de usuario. Casi cualquier otra característica que se pueda imaginar (como grupos o herramientas de moderación) solo están a una descarga de distancia.
¿Cuáles son sus principales características?
Sistema de módulos flexible: los módulos pueden modificar o añadir características a un sitio. Cualquier característica puede ser construida configurando uno o varios de ellos
Sistema de temas personalizable: todo el output que Drupal genera es personalizable, así es posible adaptarlo a las necesidades de cada sitio
Sistema de contenidos y entidades extensible: puedes definir nuevos tipos de contenidos y añadirles campos personalizados a cada uno de ellos. Algunos módulos contribuidos extienden esto creando nuevos tipos de campos y nuevas formas de manipularlos. Estos campos pueden adjuntarse a cualquier entidad del sistema, como usuarios, comentarios o términos de taxonomías
Optimización para buscadores inherente: Drupal soporta URLs legibles y todo el output que genera cumple los estándares; ambas cosas hacen que el sistema esté muy optimizado para buscadores. Otros módulos contribuidos permiten ir mucho más allá.
Permisos de acceso basado en roles: roles personalizados y un conjunto enorme de permisos permiten controlar con mucha precisión quien puede acceder a que en el sistema. Módulos contribuidos permiten extender esto aun más llegando a controlar esto a nivel de usuario.
Herramientas para la publicación y la colaboración: Drupal incluye soporte para blogs, comentarios, foros y perfiles de usuario. Casi cualquier otra característica que se pueda imaginar (como grupos o herramientas de moderación) solo están a una descarga de distancia.
¿Cuáles son sus principales características?
Sistema de módulos flexible: los módulos pueden modificar o añadir características a un sitio. Cualquier característica puede ser construida configurando uno o varios de ellos
Sistema de temas personalizable: todo el output que Drupal genera es personalizable, así es posible adaptarlo a las necesidades de cada sitio
Sistema de contenidos y entidades extensible: puedes definir nuevos tipos de contenidos y añadirles campos personalizados a cada uno de ellos. Algunos módulos contribuidos extienden esto creando nuevos tipos de campos y nuevas formas de manipularlos. Estos campos pueden adjuntarse a cualquier entidad del sistema, como usuarios, comentarios o términos de taxonomías
Optimización para buscadores inherente: Drupal soporta URLs legibles y todo el output que genera cumple los estándares; ambas cosas hacen que el sistema esté muy optimizado para buscadores. Otros módulos contribuidos permiten ir mucho más allá.
Permisos de acceso basado en roles: roles personalizados y un conjunto enorme de permisos permiten controlar con mucha precisión quien puede acceder a que en el sistema. Módulos contribuidos permiten extender esto aun más llegando a controlar esto a nivel de usuario.
Herramientas para la publicación y la colaboración: Drupal incluye soporte para blogs, comentarios, foros y perfiles de usuario. Casi cualquier otra característica que se pueda imaginar (como grupos o herramientas de moderación) solo están a una descarga de distancia.
¿Cuáles son sus principales características?
Sistema de módulos flexible: los módulos pueden modificar o añadir características a un sitio. Cualquier característica puede ser construida configurando uno o varios de ellos
Sistema de temas personalizable: todo el output que Drupal genera es personalizable, así es posible adaptarlo a las necesidades de cada sitio
Sistema de contenidos y entidades extensible: puedes definir nuevos tipos de contenidos y añadirles campos personalizados a cada uno de ellos. Algunos módulos contribuidos extienden esto creando nuevos tipos de campos y nuevas formas de manipularlos. Estos campos pueden adjuntarse a cualquier entidad del sistema, como usuarios, comentarios o términos de taxonomías
Optimización para buscadores inherente: Drupal soporta URLs legibles y todo el output que genera cumple los estándares; ambas cosas hacen que el sistema esté muy optimizado para buscadores. Otros módulos contribuidos permiten ir mucho más allá.
Permisos de acceso basado en roles: roles personalizados y un conjunto enorme de permisos permiten controlar con mucha precisión quien puede acceder a que en el sistema. Módulos contribuidos permiten extender esto aun más llegando a controlar esto a nivel de usuario.
Herramientas para la publicación y la colaboración: Drupal incluye soporte para blogs, comentarios, foros y perfiles de usuario. Casi cualquier otra característica que se pueda imaginar (como grupos o herramientas de moderación) solo están a una descarga de distancia.
¿Cuáles son sus principales características?
Sistema de módulos flexible: los módulos pueden modificar o añadir características a un sitio. Cualquier característica puede ser construida configurando uno o varios de ellos
Sistema de temas personalizable: todo el output que Drupal genera es personalizable, así es posible adaptarlo a las necesidades de cada sitio
Sistema de contenidos y entidades extensible: puedes definir nuevos tipos de contenidos y añadirles campos personalizados a cada uno de ellos. Algunos módulos contribuidos extienden esto creando nuevos tipos de campos y nuevas formas de manipularlos. Estos campos pueden adjuntarse a cualquier entidad del sistema, como usuarios, comentarios o términos de taxonomías
Optimización para buscadores inherente: Drupal soporta URLs legibles y todo el output que genera cumple los estándares; ambas cosas hacen que el sistema esté muy optimizado para buscadores. Otros módulos contribuidos permiten ir mucho más allá.
Permisos de acceso basado en roles: roles personalizados y un conjunto enorme de permisos permiten controlar con mucha precisión quien puede acceder a que en el sistema. Módulos contribuidos permiten extender esto aun más llegando a controlar esto a nivel de usuario.
Herramientas para la publicación y la colaboración: Drupal incluye soporte para blogs, comentarios, foros y perfiles de usuario. Casi cualquier otra característica que se pueda imaginar (como grupos o herramientas de moderación) solo están a una descarga de distancia.
¿Cuáles son sus principales características?
Sistema de módulos flexible: los módulos pueden modificar o añadir características a un sitio. Cualquier característica puede ser construida configurando uno o varios de ellos
Sistema de temas personalizable: todo el output que Drupal genera es personalizable, así es posible adaptarlo a las necesidades de cada sitio
Sistema de contenidos y entidades extensible: puedes definir nuevos tipos de contenidos y añadirles campos personalizados a cada uno de ellos. Algunos módulos contribuidos extienden esto creando nuevos tipos de campos y nuevas formas de manipularlos. Estos campos pueden adjuntarse a cualquier entidad del sistema, como usuarios, comentarios o términos de taxonomías
Optimización para buscadores inherente: Drupal soporta URLs legibles y todo el output que genera cumple los estándares; ambas cosas hacen que el sistema esté muy optimizado para buscadores. Otros módulos contribuidos permiten ir mucho más allá.
Permisos de acceso basado en roles: roles personalizados y un conjunto enorme de permisos permiten controlar con mucha precisión quien puede acceder a que en el sistema. Módulos contribuidos permiten extender esto aun más llegando a controlar esto a nivel de usuario.
Herramientas para la publicación y la colaboración: Drupal incluye soporte para blogs, comentarios, foros y perfiles de usuario. Casi cualquier otra característica que se pueda imaginar (como grupos o herramientas de moderación) solo están a una descarga de distancia.
Always reference your source and try to use authorized materials. In other words, don’t do this.
Always reference your source and try to use authorized materials. In other words, don’t do this.
Always reference your source and try to use authorized materials. In other words, don’t do this.
Problema que queremos solucionar: contenido y configuración está en la misma base de datos
Always reference your source and try to use authorized materials. In other words, don’t do this.
¿Qué problema intentamos resolver?
En Drupal 7 la experiencia en dispositivos móviles es esto.
Always reference your source and try to use authorized materials. In other words, don’t do this.
Problemas que queremos solucionar:
Inconsistencia: algunas cosas son bloques, otras variables y luego esta el área de contenido
Solo hay un layout
Los bloques desconocen el contexto en que se publican, no saben que hay a su alrededor
Los bloques no se pueden reutilizar
Always reference your source and try to use authorized materials. In other words, don’t do this.
Always reference your source and try to use authorized materials. In other words, don’t do this.
Always reference your source and try to use authorized materials. In other words, don’t do this.
Always reference your source and try to use authorized materials. In other words, don’t do this.
¿Qué problema intentamos resolver?
En Drupal 7, si se quieren hacer cambios en un contenido debemos hacer clic en “Edit”.
Lo que nos lleva a un formulario de administración donde se debe picar el código a mano para poner formato o insertar imágenes.
Además, nos encontramos con opciones confusas como el selector de formatos de texto.
También hay una falta clara de jerarquía visual: todo parece de la misma importancia
Por si esto fuera poco, si intentamos hacer una previsualización para ver como queda lo que acabamos de hacer nos muestra todos los campos dos veces con un fondo amarillo y en el tema de administración.
Soluciónes:
WYSIWYG in core
Edición en línea
Mejoras en el formulario de edición
Previsualización real
¿Qué problema intentamos resolver?
En Drupal 7 la experiencia en dispositivos móviles es esto.
Todos los temas del nucleo son responsive
El módulo picture permite usar imágenes responsive de HTML5
El módulo breakpoint permite controlar los puntos de corte
La barra de navegación es responsive, oculta los textos al verse en pantallas pequeñas y la segunda barra pasa de ser horizontal a vertical.
Se utilizan tablas responsive
También se esta trabajando duro en mejorar la eficiencia en el navegador. El 80% del tiempo que tarda una Web en presentarse son cálculos que se realizan en el cliente. Se está haciendo un gran esfuerzo en mejorar esto.
En drupal 7 la estructura de carpetas es esta: en la raíz están la carpeta modules y themes donde están respectivamente los modulos y temas del nucleo y en sites/all están los contribuidos y personalizados.
En Drupal 8 es justo lo contario: en la carpetas de la raíz se colocan los modulos y temas que añadirms y dentro de la carpeta core está todo lo del núcleo. Así es más fácil gestionarlo todo.
Multiidioma desde la instalación
Descarga automática de traducciones
Traducción de entidades
Se puede traducir campo a campo y no solo contenidos, sino también bloques, términos, usuarios…
Problemas que queremos solucionar:
Inconsistencia: algunas cosas son bloques, otras variables y luego esta el área de contenido
Solo hay un layout
Los bloques desconocen el contexto en que se publican, no saben que hay a su alrededor
Los bloques no se pueden reutilizar
Problemas que queremos solucionar:
Los bloques conocen su contexto
Todo es un bloque o un layout
Problema que queremos solucionar: contenido y configuración está en la misma base de datos
Problema que queremos solucionar: contenido y configuración está en la misma base de datos
Always reference your source and try to use authorized materials. In other words, don’t do this.
Always reference your source and try to use authorized materials. In other words, don’t do this.
Always reference your source and try to use authorized materials. In other words, don’t do this.
Always reference your source and try to use authorized materials. In other words, don’t do this.