SlideShare a Scribd company logo

Drupal 8. What's cooking (based on Angela Byron slides)

Claudiu Cristea
Claudiu Cristea

Drupal 8 will include several new features and improvements for end users, site builders, designers, and developers. For end users, Drupal 8 aims to improve the authoring experience with features like in-place editing and a more intuitive content creation page. For site builders, Drupal 8 will include new initiatives like configuration management, responsive layouts, and improved multilingual support. Designers and front-end developers will benefit from cleaner HTML5 markup and new standard components. Developers will appreciate an updated class autoloader and improved web services functionality built using Symfony components.

Technology
1 of 81
Downloaded 40 times
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
Drupal 8 What’s cooking?
Claudiu Cristea Webikon.com Drupal Romania Association Member of Drupal Association www www.claudiucristea.ro @claudiu_cristea www.facebook.com/claudiu.cristea
Credits: Angela Byron (webchick) http://webchick.net
Agenda • Drupal 8 timeline • D8 Initiatives • What’s planned for Drupal 8 for... • End users and clients? • Site builders? • Designers and themers? • Developers?
Drupal 8 Timeline Code freeze April 1, 2013 Development begins Mar 10, 2011 Jan 5, 2011 Dec 1, 2012 Sep, 2013 Drupal 7.0 Feature freeze Drupal 8.0
Why learn about Drupal 8 now?
Disclaimer Drupal 8 is actively undergoing development. Things presented here may change in days or hours. Or were already changed :)
Drupal 8 Initiatives http://groups.drupal.org/drupal-initiatives
Drupal 8 Initiatives 1. Configuration Management 2. Web Services 3. Design 4. Multilingual 5. HTML 5 6. Mobile
End-users, clients AKA “Drupal victims” :)
Authoring experience improvements
What problems are we trying to solve?
What problems are we trying to solve?
What problems are we trying to solve?
Spark http://drupal.org/project/spark
Drupal 8. What's cooking (based on Angela Byron slides)
Sitecore Technical strength 8 Authoring experience 7 Open Text 6 CQ5 5 4 3 2 1 Drupal 0 Plone Joomla Squiz Wordpress
WYSIWYG in Core!
In-Place Editing http://buytaert.net/spark-update-in-line-editing-in-drupal
Content creation page++ http://drupal.org/node/1510532
Mobile
Mobile 25X growth over next 5 years! All sites All CMS sites All Drupal sites
What problems are we trying to solve? :(
Responsive themes, images, and breakpoints
Mobile friendly admin
Front-end Performance++ Source: http://www.stevesouders.com/blog/2012/02/10/the-performance-golden-rule/ http://drupal.org/project/issues/search/drupal?issue_tags=frontend+performance
Site builders
New directory structure Drupal 7 modules node themes bartik modules contrib_module sites all themes custom_theme
New directory structure Drupal 8 modules contrib_module So... the exact opposite of what you’re used to. ;) themes custom_theme The drop is always moving! core modules node themes bartik
Multilingual It’s like i18n in core, but better
What’s the plan for Drupal 8?
What’s the plan for Drupal 8?
Multilingual first
Download translation updates through UI(?)
Usability improvements
Translatable entities!
Translatable entities!
Blocks and Layouts It’s like Panels in core, but better
What problems are we trying to solve? • Inconsistency; some Logo Site Title PageTitle Primary Links Secondary Links stuff on page is blocks, others special theme Block Block variables, and then Block Block “content” area. Block • Content Area Only one layout. Block region Block region • Layout built “inside out”; blocks lack context of overall page Block region • Blocks can’t be re-used Block region in multiple instances
What’s the plan for Drupal 8? HTTP Display Request Pass to Kernel Select Req. controller • s me n t Layout built “outside Argu in”; necessary context provided to blocks Menu block Content block • Everything on page is a Field Advert block block (or a layout, or a block nested layout) Field block View Field block block Who's online • block Blocks rendered View block Custom block Custom independently, block Advert supporting ESI caching block Custom Custom text block block
Layouts two-col.yml two-col.tpl.php title: Two column <div class="layout-display layout-two-col clearfix <?php category: Columns: 2 print $attributes['class']; ?>"<?php print template: two-col $attributes; ?>> stylesheets: <div class="layout-region layout-col-first"> - two-col.css <?php print $content['first']; ?> regions: </div> first: label: Left side <div class="layout-region layout-col-second"> type: content <?php print $content['second']; ?> second: </div> label: Right side </div> type: aside two-col.css @media only screen and (min-width: 59em) { .layout-two-col .layout-region { float: left; /* LTR */ width: 50%; } }
UI(?)
Drupal 8. What's cooking (based on Angela Byron slides)
Responsive Layout builder(?)
Mother [BEEP]! Views in mother [BEEP] core!
What problems are we trying to solve? Drupal 7 released Surpasses Drupal 6 January 2011 February 2012 13 months! ... July 2011 People start using it
What problems are we trying to solve?
It’s here! :D
...and more! • >= PHP 5.3.5 • Cleaner modules page(?) • Better Field UI (?) • New fields: Link, Email, Entity Reference(?), Date(?) • Profile (back) in core(?)
Project Browser: install modules direct from UI(?) http://drupal.org/node/1841788
Designers, front-end developers
Drupal 8. What's cooking (based on Angela Byron slides)
HTML5 Form Elements $form['telephone'] = array( '#type' => 'tel', '#title' => t('Phone'), ); $form['website'] = array( '#type' => 'url', '#title' => t('Website'), ); $form['email'] = array( '#type' => 'email', '#title' => t('Email'), ); $form['tickets'] = array( '#type' => 'number', '#title' => t('Tickets required'), );
Drupal 7 Drupal 8 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0// <!DOCTYPE html> EN" <html<?php print $html_attributes; ?>> "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd"> <head> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<? <?php print $head; ?> php print $language->language; ?>" version="XHTML+RDFa <?php if ($default_mobile_metatags): ?> 1.0" dir="<?php print $language->dir; ?>"<?php print <meta name="MobileOptimized" content="width" /> $rdf_namespaces; ?>> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width" /> <head profile="<?php print $grddl_profile; ?>"> <meta http-equiv="cleartype" content="on" /> <?php print $head; ?> <?php endif; ?> <title><?php print $head_title; ?></title> <title><?php print $head_title; ?></title> <?php print $styles; ?> <?php print $styles; ?> <?php print $scripts; ?> <?php print $scripts; ?> </head> </head> <body class="<?php print $classes; ?>" <?php print <body class="<?php print $classes; ?>" <?php print $attributes;?>> $body_attributes;?>> <div id="skip-link"> <div id="skip-link"> <a href="#main-content" class="element-invisible element- <a href="#main-content" class="element-invisible element- focusable"><?php print t('Skip to main content'); ?></a> focusable"><?php print t('Skip to main content'); ?></a> </div> </div> <?php print $page_top; ?> <?php print $page_top; ?> <?php print $page; ?> <?php print $page; ?> <?php print $page_bottom; ?> <?php print $page_bottom; ?> </body> </body> </html> </html>
Markup cleanup
Standard Components http://jacine.github.com/drupal/demo/
node.twig Twig <article id="node-{{ node.nid }}" class="{{ attributes.class }} clearfix"{{ attributes }}> {{ title_prefix }} {% if not page %} <h2{{ title_attributes }}> <a href="{{ node_url }}" rel="bookmark">{{ label }}</a> {{ foo.bar }} </h2> {% endif %} {{ title_suffix }} (print this) {% if display_submitted %} <footer> {{ user_picture }} {% foo(bar) %} <p class="submitted">{{ submitted }}</p> </footer> {% endif %} (do this logic) <div class="content"{{ content_attributes }}> {# We hide the comments and links now so that we can render them later. #} {% hide(content.comments) %} {% hide(content.links) %} {{ content }} {# foo bar #} </div> {{ content.links }} (comment this) {{ content.comments }} http://symfony.com/doc/current/book/templating.html </article>
6&7
Developers
Warning: Things are about to get... geeky.
New Class Autoloader modules example example.test modules example example.info <?php name = Example description = An example. /** * @file core = 7.x * Tests for example.module. files[] = example.test */ /** * Test the example_bar() function. */ class ExampleFooTest extends DrupalWebTestCase { “Drupalism” public static function getInfo() { ... } } /** * Test the example_bar() function. */ class ExampleBarTest extends DrupalWebTestCase { public static function getInfo() { } ... Drupal 7
New Class Autoloader (PSR-0) modules example lib Drupal example Tests ExampleFooTest.php <?php /** ExampleBarTest.php * @file * Definition of DrupalexampleTestsExampleFooTest. */ namespace DrupalexampleTests; use DrupalCoreDatabaseDatabase; /** “Proudly found elsewhere” * Test the example_foo() function. */ class ExampleFooTest extends DrupalWebTestCase { public static function getInfo() { ... } } Drupal 8
Web Services It’s like Services module in core, only better.
What problems are we trying to solve?
What problems are we trying to solve? JSON/XML
Drupal 8. What's cooking (based on Angela Byron slides)
What’s the plan for Drupal 8? Tutorial: http://fabien.potencier.org/article/50/create-your-own- framework-on-top-of-the-symfony2-components-part-1
hook_menu()-- Symfony Routes++ Drupal 7: Drupal 8: modules/book/book.module modules/book/book.routing.yml <?php book__export: function book_menu() {   pattern: '/book/export/{type}/{nid}'    $items['book/export/%/%'] = array(   defaults:     'page callback' => 'book_export',     _controller: 'DrupalbookBookController::export'     'page arguments' => array(2, 3),   requirements:     'access arguments' => array('access printer-friendly version'),     _permission: 'access printer-friendly version'     'type' => MENU_CALLBACK,     'file' => 'book.pages.inc', book__node_outline:   );   pattern: '/node/{node}/outline'     $items['node/%node/outline'] = array(   defaults:     'title' => 'Outline',     _controller: 'DrupalbookBookController::outline'     'page callback' => 'book_outline',   requirements:     'page arguments' => array(1),     _access: book_outline_access     'access callback' => '_book_outline_access',     'access arguments' => array(1),     'type' => MENU_LOCAL_TASK, ?     'weight' => 2,     'file' => 'book.pages.inc',   ); ...   return $items; } ?>
REST module $ curl -i -H "Accept: application/ld+json" --cookie SESSxxx http://example.com/entity/node/1 HTTP/1.0 200 OK <snip> Content-Type: application/ld+json {"nid":"1","vid":"1","isDefaultRevision":"1","uuid":"bc37d058-8c45-484c-8e00- eae8da8f4d67","type":"article","langcode":"en","title":"Hello","uid":"1","status":"1","crea ted":"1353018305","changed":"1353018458","comment":"2","promote":"1","sticky":"0","tnid":"0 ","translate":"0","revision_timestamp":"1353018305","revision_uid":"1","u0000* u0000entityType":"node","u0000*u0000enforceIsNew":null,"u0000* u0000newRevision":false,"log":"","body":{"en":[{"value":"This is in English. I live in Vancouver, BC.","summary":"","format":"filtered_html","safe_value":"<p>This is in English. I live in Vancouver, BC.</p>n","safe_summary":""}],"fr":[{"value":"Cette est en fran u00e7ais. J'habite u00e1 Montru00e9al, PQ.","summary":"","format":"filtered_html","safe_value":"<p>Cette est en franu00e7ais. J'habite u00e1 Montru00e9al, PQ.</p>n","safe_summary":""}]},"field_tags":{"en": [{"tid":"2"},{"tid":"1"}],"fr":[{"tid":"3"},{"tid":"4"}]},"field_image":{"und": [{"fid":"2","alt":"","title":"","width":"500","height":"400"}]},"rdf_mapping": {"field_image":{"predicates":["og:image","rdfs:seeAlso"],"type":"rel"},"field_tags": {"predicates":["dc:subject"],"type":"rel"},"rdftype":["sioc:Item","foaf:Document"],"title": {"predicates":["dc:title"]},"created":{"predicates": ["dc:date","dc:created"],"datatype":"xsd:dateTime","callback":"date_iso8601"},"changed": The REST module provides a framework for exposing {"predicates":["dc:modified"],"datatype":"xsd:dateTime","callback":"date_iso8601"},"body": Drupal's data structures as RESTful web services. {"predicates":["content:encoded"]},"uid":{"predicates":
Configuration Management node ID 4 node ID 4 It’s like Features module in core, only better.
What problems are we trying to solve? Dev Live admin/config/foo node/4 admin/config/foo node/4 TEST Welcome Setting 1 text test test test test Setting 1 old text This is real test test test test content on the Setting 2 label test test test test Setting 2 label live site that end test test users are viewing Save Save Database Database
What problems are we trying to solve? Dev Live admin/config/foo node/4 admin/config/foo node/4 TEST Welcome Setting 1 text test test test test Setting 1 old text This is real test test test test content on the Setting 2 label test test test test Setting 2 label live site that end test test users are viewing Save Save Database Database Danger! Want to bring over configuration changes from dev, but not overwrite live content!
What problems are we trying to solve? variable_set()/variable_get() db_select()/db_update()/ db_delete() hook_update_N() $conf[...]; drush fu ctools_export_object()/ ctools_export_load_object()
What’s the plan for Drupal 8? Dev Live node/4 node/4 node/4 node/4 admin/config/foo admin/config/foo TEST ALERT! Welcome ALERT! Setting 1 text test test test test Important Setting 1 old text This is real Important test test test test announcement content on the announcement Setting 2 label test test test test Setting 2 label live site that end about something. about something. test test users are viewing Save Save Cache Active store Cache Active store (e.g. (e.g. Database) Database) StagingFile Active File StagingFile Active File File Store storage Store File Store storage Store http://heyrocker.com/how-use-drupal-8-configuration-system
What’s the plan for Drupal 8? Dev Live node/4 node/4 node/4 node/4 admin/config/foo $node->uuid = '0a8f293...'; admin/config/foo $node->uuid = '98a7bd...'; TEST ALERT! Welcome ALERT! Setting 1 text test test test test Important Setting 1 old text This is real Important test test test test announcement content on the announcement Setting 2 label test test test test Setting 2 label live site that end about something. about something. test test users are viewing Save Save 1 Cache Active store Cache Active store (e.g. (e.g. Database) Database) 2 5 3 File Staging File Active Active File StagingFile Active File File Store Store storage Store File Store storage Store 4 http://heyrocker.com/how-use-drupal-8-configuration-system
Screensht of UI with Diff
Configuration API Want to deploy it? Use config(). $config = config(‘contact.settings’); $config->set(‘user_default_enabled’, 1); $config->save(); files/config_XXX/active/contact.settings.yml default_category: feedback flood: limit: '5' interval: '3600' user_default_enabled: '1'
State API Only useful for this environment? Use state(). state()->set('update.last_check', $now); ... $last_check = state()->get('update.last_check') ?: 0; MySQL [8x]> SELECT * FROM key_value WHERE collection = 'state' AND name = 'update.last_check'; +------------+-------------------+---------------+ | collection | name | value | +------------+-------------------+---------------+ | state | update.last_check | i:1353017727; | +------------+-------------------+---------------+ 1 row in set (0.00 sec)
Other stuff • Getting OOPy with it! • Entity API++ • More fasterer testbot! • File/Media API improvements • ...and more!
Gotta catch ‘em all! http://drupal.org/list-changes
Thank you! Questions?

More Related Content

Viewers also liked (20)

PDF
Orange Leap Nonprofit fundraising software
Find A Fax - Online Fax Comparison Tool
 
PPTX
Wego media kit nov2011
ivychee
 
PDF
IFS World 2010/2
IFS Czech
 
PDF
Rossy
carocin
 
PPTX
fotits
carocin
 
PPT
P pfor benspeaks adults
judygio
 
PPTX
Just Words day 5
Angala Maria
 
PPS
幸福..
tswai
 
PDF
NOZZLE: A Defense Against Heap-spraying Code Injection Attacks
Norman Mayes
 
PPTX
Jw day 2 (unit 4)
Angala Maria
 
DOC
Tlhologelo cv
tlhologelo
 
PDF
Educação a Distância e Tutoria
Cristiane Moore
 
PDF
Fontface issue 1
Gemmalea
 
PPTX
Brendan mc grath presentation
Green17Creative
 
PPTX
WebFWD at UUM #MozillaCampusTour2011
LightYoruichi
 
PPT
Metodos anticonceptovos
alejandro
 
PPTX
Jw day 7 (unit 3)
Angala Maria
 
PPTX
Music world
Ive
 
PPTX
Living Online: The WordPress Resume
Christopher Spencer
 
PPT
Project 2000
lexsing
 
Orange Leap Nonprofit fundraising software
Find A Fax - Online Fax Comparison Tool
 
Wego media kit nov2011
ivychee
 
IFS World 2010/2
IFS Czech
 
Rossy
carocin
 
fotits
carocin
 
P pfor benspeaks adults
judygio
 
Just Words day 5
Angala Maria
 
幸福..
tswai
 
NOZZLE: A Defense Against Heap-spraying Code Injection Attacks
Norman Mayes
 
Jw day 2 (unit 4)
Angala Maria
 
Tlhologelo cv
tlhologelo
 
Educação a Distância e Tutoria
Cristiane Moore
 
Fontface issue 1
Gemmalea
 
Brendan mc grath presentation
Green17Creative
 
WebFWD at UUM #MozillaCampusTour2011
LightYoruichi
 
Metodos anticonceptovos
alejandro
 
Jw day 7 (unit 3)
Angala Maria
 
Music world
Ive
 
Living Online: The WordPress Resume
Christopher Spencer
 
Project 2000
lexsing
 

Similar to Drupal 8. What's cooking (based on Angela Byron slides) (20)

PDF
Drupal Presentation for CapitalCamp 2011: Features Driven Development
Mediacurrent
 
PPT
Drupal: an Overview
Matt Weaver
 
ZIP
Using Features
Alexandru Badiu
 
PDF
Introduction to Drupal 7 - Blocks management and contexts
Kalin Chernev
 
PPTX
Web components, so close!
Aleks Zinevych
 
PDF
Gutenberg (WidgiLabs Training Sessions)
Nuno Morgadinho
 
PDF
Fastest Way to DRUPAL
Brahm
 
PDF
Drupal 7 - The Top 40 Core Modules and What They Mean for You
Acquia
 
PDF
Drupal 8 Deep Dive: Plugin System
Acquia
 
PDF
Everything You Need to Know About the Top Changes in Drupal 8
Acquia
 
PDF
About Layout in Firefox
Jia Mi
 
PPTX
Top 8 Improvements in Drupal 8
Angela Byron
 
PDF
Nuxeo World Session: Nuxeo Distributions
Nuxeo
 
KEY
Intro to Features Module on Drupal
Aidan Foster
 
PPTX
Scaling up to 30 m users
Yoav Avrahami
 
PDF
GraalVM and Oracle's Documentation Trends.pdf
ohupalo
 
PDF
Designing True Cross-Platform Apps
FITC
 
PDF
Drupal 8 - Build Week Update
Angela Byron
 
PPTX
Creating Web Templates for SharePoint 2010
Mark Collins
 
PDF
Drupal case study: Behind the scenes of website of University of Tartu
René Lasseron
 
Drupal Presentation for CapitalCamp 2011: Features Driven Development
Mediacurrent
 
Drupal: an Overview
Matt Weaver
 
Using Features
Alexandru Badiu
 
Introduction to Drupal 7 - Blocks management and contexts
Kalin Chernev
 
Web components, so close!
Aleks Zinevych
 
Gutenberg (WidgiLabs Training Sessions)
Nuno Morgadinho
 
Fastest Way to DRUPAL
Brahm
 
Drupal 7 - The Top 40 Core Modules and What They Mean for You
Acquia
 
Drupal 8 Deep Dive: Plugin System
Acquia
 
Everything You Need to Know About the Top Changes in Drupal 8
Acquia
 
About Layout in Firefox
Jia Mi
 
Top 8 Improvements in Drupal 8
Angela Byron
 
Nuxeo World Session: Nuxeo Distributions
Nuxeo
 
Intro to Features Module on Drupal
Aidan Foster
 
Scaling up to 30 m users
Yoav Avrahami
 
GraalVM and Oracle's Documentation Trends.pdf
ohupalo
 
Designing True Cross-Platform Apps
FITC
 
Drupal 8 - Build Week Update
Angela Byron
 
Creating Web Templates for SharePoint 2010
Mark Collins
 
Drupal case study: Behind the scenes of website of University of Tartu
René Lasseron
 
Ad

Recently uploaded (20)

PDF
NewMind AI - Journal 100 Insights After The 100th Issue
NewMind AI
 
PPTX
From Sci-Fi to Reality: Exploring AI Evolution
Svetlana Meissner
 
PDF
CIFDAQ Market Insights for July 7th 2025
CIFDAQ
 
PDF
Bitcoin for Millennials podcast with Bram, Power Laws of Bitcoin
Stephen Perrenod
 
PDF
Jak MŚP w Europie Środkowo-Wschodniej odnajdują się w świecie AI
dominikamizerska1
 
PPTX
WooCommerce Workshop: Bring Your Laptop
Laura Hartwig
 
PDF
Smart Trailers 2025 Update with History and Overview
Paul Menig
 
PDF
HCIP-Data Center Facility Deployment V2.0 Training Material (Without Remarks ...
mcastillo49
 
PDF
Complete JavaScript Notes: From Basics to Advanced Concepts.pdf
haydendavispro
 
PDF
Building Real-Time Digital Twins with IBM Maximo & ArcGIS Indoors
Safe Software
 
PDF
Reverse Engineering of Security Products: Developing an Advanced Microsoft De...
nwbxhhcyjv
 
PDF
Blockchain Transactions Explained For Everyone
CIFDAQ
 
PDF
SWEBOK Guide and Software Services Engineering Education
Hironori Washizaki
 
PDF
From Code to Challenge: Crafting Skill-Based Games That Engage and Reward
aiyshauae
 
PDF
Timothy Rottach - Ramp up on AI Use Cases, from Vector Search to AI Agents wi...
AWS Chicago
 
PDF
Agentic AI lifecycle for Enterprise Hyper-Automation
Debmalya Biswas
 
PPTX
"Autonomy of LLM Agents: Current State and Future Prospects", Oles` Petriv
Fwdays
 
PDF
[Newgen] NewgenONE Marvin Brochure 1.pdf
darshakparmar
 
PDF
Using FME to Develop Self-Service CAD Applications for a Major UK Police Force
Safe Software
 
PDF
Chris Elwell Woburn, MA - Passionate About IT Innovation
Chris Elwell Woburn, MA
 
NewMind AI - Journal 100 Insights After The 100th Issue
NewMind AI
 
From Sci-Fi to Reality: Exploring AI Evolution
Svetlana Meissner
 
CIFDAQ Market Insights for July 7th 2025
CIFDAQ
 
Bitcoin for Millennials podcast with Bram, Power Laws of Bitcoin
Stephen Perrenod
 
Jak MŚP w Europie Środkowo-Wschodniej odnajdują się w świecie AI
dominikamizerska1
 
WooCommerce Workshop: Bring Your Laptop
Laura Hartwig
 
Smart Trailers 2025 Update with History and Overview
Paul Menig
 
HCIP-Data Center Facility Deployment V2.0 Training Material (Without Remarks ...
mcastillo49
 
Complete JavaScript Notes: From Basics to Advanced Concepts.pdf
haydendavispro
 
Building Real-Time Digital Twins with IBM Maximo & ArcGIS Indoors
Safe Software
 
Reverse Engineering of Security Products: Developing an Advanced Microsoft De...
nwbxhhcyjv
 
Blockchain Transactions Explained For Everyone
CIFDAQ
 
SWEBOK Guide and Software Services Engineering Education
Hironori Washizaki
 
From Code to Challenge: Crafting Skill-Based Games That Engage and Reward
aiyshauae
 
Timothy Rottach - Ramp up on AI Use Cases, from Vector Search to AI Agents wi...
AWS Chicago
 
Agentic AI lifecycle for Enterprise Hyper-Automation
Debmalya Biswas
 
"Autonomy of LLM Agents: Current State and Future Prospects", Oles` Petriv
Fwdays
 
[Newgen] NewgenONE Marvin Brochure 1.pdf
darshakparmar
 
Using FME to Develop Self-Service CAD Applications for a Major UK Police Force
Safe Software
 
Chris Elwell Woburn, MA - Passionate About IT Innovation
Chris Elwell Woburn, MA
 
Ad

Drupal 8. What's cooking (based on Angela Byron slides)

  • 2. Claudiu Cristea Webikon.com Drupal Romania Association Member of Drupal Association www www.claudiucristea.ro @claudiu_cristea www.facebook.com/claudiu.cristea
  • 3. Credits: Angela Byron (webchick) http://webchick.net
  • 4. Agenda • Drupal 8 timeline • D8 Initiatives • What’s planned for Drupal 8 for... • End users and clients? • Site builders? • Designers and themers? • Developers?
  • 5. Drupal 8 Timeline Code freeze April 1, 2013 Development begins Mar 10, 2011 Jan 5, 2011 Dec 1, 2012 Sep, 2013 Drupal 7.0 Feature freeze Drupal 8.0
  • 7. Disclaimer Drupal 8 is actively undergoing development. Things presented here may change in days or hours. Or were already changed :)
  • 9. Drupal 8 Initiatives 1. Configuration Management 2. Web Services 3. Design 4. Multilingual 5. HTML 5 6. Mobile
  • 10. End-users, clients AKA “Drupal victims” :)
  • 11. Authoring experience improvements
  • 12. What problems are we trying to solve?
  • 13. What problems are we trying to solve?
  • 14. What problems are we trying to solve?
  • 17. Sitecore Technical strength 8 Authoring experience 7 Open Text 6 CQ5 5 4 3 2 1 Drupal 0 Plone Joomla Squiz Wordpress
  • 22. Mobile 25X growth over next 5 years! All sites All CMS sites All Drupal sites
  • 23. What problems are we trying to solve? :(
  • 26. Front-end Performance++ Source: http://www.stevesouders.com/blog/2012/02/10/the-performance-golden-rule/ http://drupal.org/project/issues/search/drupal?issue_tags=frontend+performance
  • 28. New directory structure Drupal 7 modules node themes bartik modules contrib_module sites all themes custom_theme
  • 29. New directory structure Drupal 8 modules contrib_module So... the exact opposite of what you’re used to. ;) themes custom_theme The drop is always moving! core modules node themes bartik
  • 30. Multilingual It’s like i18n in core, but better
  • 31. What’s the plan for Drupal 8?
  • 32. What’s the plan for Drupal 8?
  • 38. Blocks and Layouts It’s like Panels in core, but better
  • 39. What problems are we trying to solve? • Inconsistency; some Logo Site Title PageTitle Primary Links Secondary Links stuff on page is blocks, others special theme Block Block variables, and then Block Block “content” area. Block • Content Area Only one layout. Block region Block region • Layout built “inside out”; blocks lack context of overall page Block region • Blocks can’t be re-used Block region in multiple instances
  • 40. What’s the plan for Drupal 8? HTTP Display Request Pass to Kernel Select Req. controller • s me n t Layout built “outside Argu in”; necessary context provided to blocks Menu block Content block • Everything on page is a Field Advert block block (or a layout, or a block nested layout) Field block View Field block block Who's online • block Blocks rendered View block Custom block Custom independently, block Advert supporting ESI caching block Custom Custom text block block
  • 41. Layouts two-col.yml two-col.tpl.php title: Two column <div class="layout-display layout-two-col clearfix <?php category: Columns: 2 print $attributes['class']; ?>"<?php print template: two-col $attributes; ?>> stylesheets: <div class="layout-region layout-col-first"> - two-col.css <?php print $content['first']; ?> regions: </div> first: label: Left side <div class="layout-region layout-col-second"> type: content <?php print $content['second']; ?> second: </div> label: Right side </div> type: aside two-col.css @media only screen and (min-width: 59em) { .layout-two-col .layout-region { float: left; /* LTR */ width: 50%; } }
  • 42. UI(?)
  • 44. Responsive Layout builder(?)
  • 45. Mother [BEEP]! Views in mother [BEEP] core!
  • 46. What problems are we trying to solve? Drupal 7 released Surpasses Drupal 6 January 2011 February 2012 13 months! ... July 2011 People start using it
  • 47. What problems are we trying to solve?
  • 49. ...and more! • >= PHP 5.3.5 • Cleaner modules page(?) • Better Field UI (?) • New fields: Link, Email, Entity Reference(?), Date(?) • Profile (back) in core(?)
  • 50. Project Browser: install modules direct from UI(?) http://drupal.org/node/1841788
  • 53. HTML5 Form Elements $form['telephone'] = array( '#type' => 'tel', '#title' => t('Phone'), ); $form['website'] = array( '#type' => 'url', '#title' => t('Website'), ); $form['email'] = array( '#type' => 'email', '#title' => t('Email'), ); $form['tickets'] = array( '#type' => 'number', '#title' => t('Tickets required'), );
  • 54. Drupal 7 Drupal 8 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0// <!DOCTYPE html> EN" <html<?php print $html_attributes; ?>> "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd"> <head> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<? <?php print $head; ?> php print $language->language; ?>" version="XHTML+RDFa <?php if ($default_mobile_metatags): ?> 1.0" dir="<?php print $language->dir; ?>"<?php print <meta name="MobileOptimized" content="width" /> $rdf_namespaces; ?>> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width" /> <head profile="<?php print $grddl_profile; ?>"> <meta http-equiv="cleartype" content="on" /> <?php print $head; ?> <?php endif; ?> <title><?php print $head_title; ?></title> <title><?php print $head_title; ?></title> <?php print $styles; ?> <?php print $styles; ?> <?php print $scripts; ?> <?php print $scripts; ?> </head> </head> <body class="<?php print $classes; ?>" <?php print <body class="<?php print $classes; ?>" <?php print $attributes;?>> $body_attributes;?>> <div id="skip-link"> <div id="skip-link"> <a href="#main-content" class="element-invisible element- <a href="#main-content" class="element-invisible element- focusable"><?php print t('Skip to main content'); ?></a> focusable"><?php print t('Skip to main content'); ?></a> </div> </div> <?php print $page_top; ?> <?php print $page_top; ?> <?php print $page; ?> <?php print $page; ?> <?php print $page_bottom; ?> <?php print $page_bottom; ?> </body> </body> </html> </html>
  • 57. node.twig Twig <article id="node-{{ node.nid }}" class="{{ attributes.class }} clearfix"{{ attributes }}> {{ title_prefix }} {% if not page %} <h2{{ title_attributes }}> <a href="{{ node_url }}" rel="bookmark">{{ label }}</a> {{ foo.bar }} </h2> {% endif %} {{ title_suffix }} (print this) {% if display_submitted %} <footer> {{ user_picture }} {% foo(bar) %} <p class="submitted">{{ submitted }}</p> </footer> {% endif %} (do this logic) <div class="content"{{ content_attributes }}> {# We hide the comments and links now so that we can render them later. #} {% hide(content.comments) %} {% hide(content.links) %} {{ content }} {# foo bar #} </div> {{ content.links }} (comment this) {{ content.comments }} http://symfony.com/doc/current/book/templating.html </article>
  • 58. 6&7
  • 60. Warning: Things are about to get... geeky.
  • 61. New Class Autoloader modules example example.test modules example example.info <?php name = Example description = An example. /** * @file core = 7.x * Tests for example.module. files[] = example.test */ /** * Test the example_bar() function. */ class ExampleFooTest extends DrupalWebTestCase { “Drupalism” public static function getInfo() { ... } } /** * Test the example_bar() function. */ class ExampleBarTest extends DrupalWebTestCase { public static function getInfo() { } ... Drupal 7
  • 62. New Class Autoloader (PSR-0) modules example lib Drupal example Tests ExampleFooTest.php <?php /** ExampleBarTest.php * @file * Definition of DrupalexampleTestsExampleFooTest. */ namespace DrupalexampleTests; use DrupalCoreDatabaseDatabase; /** “Proudly found elsewhere” * Test the example_foo() function. */ class ExampleFooTest extends DrupalWebTestCase { public static function getInfo() { ... } } Drupal 8
  • 63. Web Services It’s like Services module in core, only better.
  • 64. What problems are we trying to solve?
  • 65. What problems are we trying to solve? JSON/XML
  • 67. What’s the plan for Drupal 8? Tutorial: http://fabien.potencier.org/article/50/create-your-own- framework-on-top-of-the-symfony2-components-part-1
  • 68. hook_menu()-- Symfony Routes++ Drupal 7: Drupal 8: modules/book/book.module modules/book/book.routing.yml <?php book__export: function book_menu() {   pattern: '/book/export/{type}/{nid}'    $items['book/export/%/%'] = array(   defaults:     'page callback' => 'book_export',     _controller: 'DrupalbookBookController::export'     'page arguments' => array(2, 3),   requirements:     'access arguments' => array('access printer-friendly version'),     _permission: 'access printer-friendly version'     'type' => MENU_CALLBACK,     'file' => 'book.pages.inc', book__node_outline:   );   pattern: '/node/{node}/outline'     $items['node/%node/outline'] = array(   defaults:     'title' => 'Outline',     _controller: 'DrupalbookBookController::outline'     'page callback' => 'book_outline',   requirements:     'page arguments' => array(1),     _access: book_outline_access     'access callback' => '_book_outline_access',     'access arguments' => array(1),     'type' => MENU_LOCAL_TASK, ?     'weight' => 2,     'file' => 'book.pages.inc',   ); ...   return $items; } ?>
  • 69. REST module $ curl -i -H "Accept: application/ld+json" --cookie SESSxxx http://example.com/entity/node/1 HTTP/1.0 200 OK <snip> Content-Type: application/ld+json {"nid":"1","vid":"1","isDefaultRevision":"1","uuid":"bc37d058-8c45-484c-8e00- eae8da8f4d67","type":"article","langcode":"en","title":"Hello","uid":"1","status":"1","crea ted":"1353018305","changed":"1353018458","comment":"2","promote":"1","sticky":"0","tnid":"0 ","translate":"0","revision_timestamp":"1353018305","revision_uid":"1","u0000* u0000entityType":"node","u0000*u0000enforceIsNew":null,"u0000* u0000newRevision":false,"log":"","body":{"en":[{"value":"This is in English. I live in Vancouver, BC.","summary":"","format":"filtered_html","safe_value":"<p>This is in English. I live in Vancouver, BC.</p>n","safe_summary":""}],"fr":[{"value":"Cette est en fran u00e7ais. J'habite u00e1 Montru00e9al, PQ.","summary":"","format":"filtered_html","safe_value":"<p>Cette est en franu00e7ais. J'habite u00e1 Montru00e9al, PQ.</p>n","safe_summary":""}]},"field_tags":{"en": [{"tid":"2"},{"tid":"1"}],"fr":[{"tid":"3"},{"tid":"4"}]},"field_image":{"und": [{"fid":"2","alt":"","title":"","width":"500","height":"400"}]},"rdf_mapping": {"field_image":{"predicates":["og:image","rdfs:seeAlso"],"type":"rel"},"field_tags": {"predicates":["dc:subject"],"type":"rel"},"rdftype":["sioc:Item","foaf:Document"],"title": {"predicates":["dc:title"]},"created":{"predicates": ["dc:date","dc:created"],"datatype":"xsd:dateTime","callback":"date_iso8601"},"changed": The REST module provides a framework for exposing {"predicates":["dc:modified"],"datatype":"xsd:dateTime","callback":"date_iso8601"},"body": Drupal's data structures as RESTful web services. {"predicates":["content:encoded"]},"uid":{"predicates":
  • 70. Configuration Management node ID 4 node ID 4 It’s like Features module in core, only better.
  • 71. What problems are we trying to solve? Dev Live admin/config/foo node/4 admin/config/foo node/4 TEST Welcome Setting 1 text test test test test Setting 1 old text This is real test test test test content on the Setting 2 label test test test test Setting 2 label live site that end test test users are viewing Save Save Database Database
  • 72. What problems are we trying to solve? Dev Live admin/config/foo node/4 admin/config/foo node/4 TEST Welcome Setting 1 text test test test test Setting 1 old text This is real test test test test content on the Setting 2 label test test test test Setting 2 label live site that end test test users are viewing Save Save Database Database Danger! Want to bring over configuration changes from dev, but not overwrite live content!
  • 73. What problems are we trying to solve? variable_set()/variable_get() db_select()/db_update()/ db_delete() hook_update_N() $conf[...]; drush fu ctools_export_object()/ ctools_export_load_object()
  • 74. What’s the plan for Drupal 8? Dev Live node/4 node/4 node/4 node/4 admin/config/foo admin/config/foo TEST ALERT! Welcome ALERT! Setting 1 text test test test test Important Setting 1 old text This is real Important test test test test announcement content on the announcement Setting 2 label test test test test Setting 2 label live site that end about something. about something. test test users are viewing Save Save Cache Active store Cache Active store (e.g. (e.g. Database) Database) StagingFile Active File StagingFile Active File File Store storage Store File Store storage Store http://heyrocker.com/how-use-drupal-8-configuration-system
  • 75. What’s the plan for Drupal 8? Dev Live node/4 node/4 node/4 node/4 admin/config/foo $node->uuid = '0a8f293...'; admin/config/foo $node->uuid = '98a7bd...'; TEST ALERT! Welcome ALERT! Setting 1 text test test test test Important Setting 1 old text This is real Important test test test test announcement content on the announcement Setting 2 label test test test test Setting 2 label live site that end about something. about something. test test users are viewing Save Save 1 Cache Active store Cache Active store (e.g. (e.g. Database) Database) 2 5 3 File Staging File Active Active File StagingFile Active File File Store Store storage Store File Store storage Store 4 http://heyrocker.com/how-use-drupal-8-configuration-system
  • 76. Screensht of UI with Diff
  • 77. Configuration API Want to deploy it? Use config(). $config = config(‘contact.settings’); $config->set(‘user_default_enabled’, 1); $config->save(); files/config_XXX/active/contact.settings.yml default_category: feedback flood: limit: '5' interval: '3600' user_default_enabled: '1'
  • 78. State API Only useful for this environment? Use state(). state()->set('update.last_check', $now); ... $last_check = state()->get('update.last_check') ?: 0; MySQL [8x]> SELECT * FROM key_value WHERE collection = 'state' AND name = 'update.last_check'; +------------+-------------------+---------------+ | collection | name | value | +------------+-------------------+---------------+ | state | update.last_check | i:1353017727; | +------------+-------------------+---------------+ 1 row in set (0.00 sec)
  • 79. Other stuff • Getting OOPy with it! • Entity API++ • More fasterer testbot! • File/Media API improvements • ...and more!
  • 80. Gotta catch ‘em all! http://drupal.org/list-changes
  • 81. Thank you! Questions?