Webinar Smile - Comment Drupal 8 peut booster votre stratégie digitale ?

DRUPAL 8

SÉMINAIRE SMILE

2

SOMMAIRE

PREMIÈRE PARTIE

DRUPAL 8: LES NOUVEAUTÉS

DEUXIEME PARTIE

DRUPAL 8: QUAND? COMMENT?

TROISIÈME PARTIE

MIGRER VERS DRUPAL 8

JUIN 2015

Webinar Smile - Drupal 8

1

2

3

3

VOS INTERLOCUTEURS

VINCENT MAUCORPS Business Line Web Manager @vmaucorps Email : [email protected]

ALAN MOREAU Expert Drupal @misterdoak

Email : [email protected]

JUIN 2015


4

DRUPAL 8:

JUIN 2015


LES NOUVEAUTÉS

5


Drupal 8 en chiffres

Un long chemin

Un CMS plus simple à utiliser …

… et une architecture remise à neuf

Coup d’œil sous le capot

JUIN 2015


SOMMAIRE

6


+2 200 contributeurs au core drupal 8;

5 “core committers” (2 chez Acquia: Dries et Webchick)

11 000 patch commités

200 Beta blocker

15 versions alpha

Plus de 200 nouvelles fonctionnalités et améliorations

JUIN 2015


EN CHIFFRES

7


JUIN 2015


UN LONG CHEMIN

8


JUIN 2015


UN LONG CHEMIN

9


Pour les contributeurs:

L’initiative Spark

Multilinguisme

Views dans le core Drupal

Des blocs sous stéroïdes

Meilleur modèle de données

Pour les visiteurs:

Une approche «mobile first»

Une meilleure accessibilité

Frontend Performance

« Take a tour »

JUIN 2015


VUE D’ENSEMBLE

10


Spark: Une initiative Acquia créée par Dries afin d’améliorer

l’expérience utilisateur pour Drupal 8 (“backporté” sur Drupal 7)

Contribuer:

o «Wysiwyg»

o «In place editing»

o Status «Brouillon»

Design:

o Nouvel interface de création de contenu

o «Lifting» du thème admin

JUIN 2015


L’INITIATIVE SPARK

http://buytaert.net/announcing-spark-authoring-improvements-for-drupal-7-and-drupal-8

11


«Wysiwyg» :

inclus dans le core Drupal

JUIN 2015



12


«Edit in place» :

Modifiez votre contenu directement

depuis le frontend

JUIN 2015



13


Nouvelle

interface de

contribution

JUIN 2015



14


Prévisualisation :

Visualiser vos contenus tels

qu’ils seront réellement

affichés sur le frontend (en

fonction des «view mode»)

JUIN 2015



15


Thème d’administration épuré

JUIN 2015



16


Pensé multilingue : bloc, menu,

entité, …

Seulement 4 modules!

Une interface de traduction

repensée

Transliteration

Meilleur indexation

JUIN 2015


MULTILINGUISME

17


Listes d’administrations

personnalisable

Responsive

Galerie d’images

Slideshow

réponse Json

JUIN 2015


VIEWS DANS LE CORE DRUPAL (MODULE LE PLUS UTILISÉ)

18


Nouveaux blocs “core”:

Breadcrumbs, nom du site, slogan, …

Multi région (RIP multiBlock module)

Menu partagé par les header / footer

Créez vos types de blocs personnalisé

À la manière d’un content type

Vos bannières de pub simplifiées!

JUIN 2015


DES BLOCS SOUS STÉROÏDES

19


Des nouveaux types de champs pour vos entités

les indispensables: date, entity reference, …

Éléments HTML5: téléphone, email, lien, …

View mode et Form mode

Affichez vos formulaire différemment

selon l’utilisation

Commentaires

Option: «ouvert/fermé» deviant un champ!

o Toutes vos entités sont “commentables” !

JUIN 2015


UN MODÈLE DE DONNÉES AMÉLIORÉ

20


Une application adaptée à tous

les écrans:

Responsive design

Mobile friendly toolbar

Performance “Front end”

JUIN 2015


«MOBILE FIRST»

21


Tous les thèmes du core sont responsives

Support pour les images responsives inclus

JUIN 2015


«MOBILE FIRST»

22


Mobile Friendly Toolbar

JUIN 2015


«MOBILE FIRST»

23


Une aide simple pour vos nouveaux contributeurs

JUIN 2015


TAKE A TOUR

24


JUIN 2015


ET SOUS LE CAPOT ?

25


Pour les “frontend”

développeurs

HTML5

Nouvelle librairies JS

Twig

Schema.org

Navigateur “Moderne”

Pour les “backend”

développeurs

“Proudly Found Elsewhere”

Configurations des environnements

Entités

Moteur Restful

Cache

JUIN 2015


POUR LES DÉVELOPPEURS

26


Navigation: <nav>, <header>,

<main>, and <section>

Form: champ date, teléphone et email

Effet HTML5/CSS

JUIN 2015


HTML5

27


Normalize.css

jQuery touch punch

DomReady

html5shiv et classList

JUIN 2015


NOUVEAUX OUTILS FRONTEND

28


$node->foo ou $node['foo'] ?

print $foo ou print render($foo) ?

=> Aucune connaissance php nécessaire

JUIN 2015


TWIG

29


JUIN 2015


SCHEMA.ORG

30


JUIN 2015


POUR DES NAVIGATEURS MODERNES

31


Architecture plus moderne

POO, namespace, events, …

À jour avec les derniers standards

PSR-4

Librairie “best of breed”

Sf2, GuzzleHTTP, Assetic, …

JUIN 2015


“PROUDLY FOUND ELSEWHERE”

32


JUIN 2015


CONFIGURATIONS DES ENVIRONNEMENTS

DEV PROD

TESTS

33


JUIN 2015



34


JUIN 2015



35


Ne sera pas dans Drupal 8.0.0

dans Drupal 8.x.0 ?

UUID dans le core Drupal

Modules deploy / RestWS

JUIN 2015


PARTAGÉ DU CONTENU DRUPAL À DRUPAL

36


Une API repensée

Oublions les limites dans Drupal 7 core

Déclarer vos entité en étendant EntityInterface

RIP hook_entity_*

Multilinguisme natif

$node->body[$langcode][0]['value'] => $node->get('body')->value

Des entités partout

Blocs, Types de contenu, Utilisateurs, Vues, Taxonomie, …

JUIN 2015


DES ENTITÉS PARTOUT

37


Content Entities

Champs custom

Enregistrés en base de données

Créés depuis le front office

Examples

ŽNodes

ŽCustom Blocks

ŽUsers

ŽComments

Taxonomy Terms

Menu Links

Aggregator Feeds/Items

Config Entities

Déployés sur vos environnements

Enregistrés dans la configuration

Créés depuis le back office

Examples

Content Types

Custom Block Types

User Roles

Views

Taxonomy Vocabularies

Menus

Image Styles

JUIN 2015


2 TYPES D’ENTITÉS

38


Modules RESTful Web Services

(RestWS)

API REST entièrement configurable

Intégration avec views!

Vos listes disponibles via une API REST

sans coder!

GuzzleHTTP

Un client HTTP simple et performant

(RIP drupal_http_request)

JUIN 2015


UN MOTEUR RESTFUL

39


Module entity_cache inclus

au core Drupal

Cache tags

Vider les bons caches

Aggrégation des CSS et JS par défaut

La communauté Drupal travail en ce moment à l’amélioration

générale des performances

JUIN 2015


CACHE

40

DRUPAL 8:

JUIN 2015


QUAND? COMMENT?

41


Migration depuis Drupal 7


Lancement d'un nouveau projet

JUIN 2015


QUAND?

42


Planifier sans précipitation

Choisir les bons modules

Attendre Drupal 9?

VERSION STABLE RELEASE CANDIDATE BETA

DRUPAL 8: POURQUOI? QUAND? COMMENT?

JUIN 2015


QUAND?

43

Drupal

9 Support




Attendre Drupal 9?



JUIN 2015


QUAND?

44

Drupal

9 Support




Attendre Drupal 9?



JUIN 2015


QUAND?

Migration Migration

45



L'enjeu du support

Migration 6 ou 7: même combat

JUIN 2015


QUAND?


46


L'enjeu du support


Support Acquia Support par la communauté


JUIN 2015


QUAND?


47


L'enjeu du support


Support Acquia Support par la communauté


JUIN 2015


QUAND?


Migration

48



Procéder par étape

Que faire maintenant...

...et un peu plus tard

JUIN 2015


QUAND?


49






JUIN 2015


QUAND?

Modules du noyau

Modules

Complémentaires


50






JUIN 2015


QUAND?

Modules du noyau

Modules

Complémentaires


Plus riche que Drupal 7

51


Préparer la montée en compétence

JUIN 2015


COMMENT?

52


Développer un module

Utilisation de concepts Symfony2

Programmation orientée objet

Montée en compétence

Utilisation de YML

Révolution au niveau des API Drupal

Expertise Symfony2 en support

JUIN 2015


COMMENT?

Database

Navigateur

Logique PHP (accès aux données)

Moteur de Template

53


Créer un thème

Drupal 8 s’appuie sur le moteur de template Twig

o Standardisation

o Maintenance

o Souplesse (surcharge)


La connaissance du PHP

n’est plus un pré-requis (mais utile)

Expertise Twig

Maîtrise du système de surcharge

JUIN 2015


COMMENT?

Database

Navigateur


Moteur de Template

(rendu HTML)

54


Oser les SPA

(Single Page Application) !

Les nouveautés en termes de

Webservices ouvre la voie au

« Headless Drupal »


Utilisation de requêtes Ajax

Angular JS ou autres frameworks

FrontEnd

Développement SOA (Mockup de

Webservices, bouchons…)

JUIN 2015


COMMENT?

Database

Navigateur


Framework JavaScript

(rendu HTML)

55

MIGRER VERS

JUIN 2015


DRUPAL 8

Une migration vers une version majeure

est bien souvent un projet à part

entière. La charge de travail est

étroitement liée à la complexité du site.

DRUPAL 8: MIGRER VERS DRUPAL 8?

Choisissez les bons modules

References Entityreference

Phone Telephone

Link URL

Services RESTful Web Services

Utiliser l’éditeur de texte riche CKEditor

Attention quelques modules natifs vont disparaitre

Blog, Dashboard, OpenID, Poll

Ces modules deviennent des extensions

communautaires

Profile, Trigger

Ces modules disparaissent au profit d’alternatives

DEUX CAS DE FIGURE

LANCER UN PROJET SOUS DRUPAL 7

Anticipez Drupal 8 dès la phase de conception

Mes extensions communautaires sont elles disponibles pour Drupal 8?

Le module Upgrade Status vous donne un état

des modules portés pour Drupal 8

Quid des développements spécifiques?

L’extension Drupal Module Upgrader vous donne

les bons indicateurs

SITE DÉJÀ EXISTANT SOUS DRUPAL 6/7

Avoir un aperçu de la tâche à accomplir


Upgrade status

Pour chaque module

quatre états possibles:

• Non disponible

• Version de

développement disponible

• Version stable disponible

• Intégré au core

FAIRE UN ETAT DES LIEUX

JUIN 2015

https://www.drupal.org/project/upgrade_status


Drupal Module

Upgrader

Analyse un module et

génère un rapport:

• Liste les API qui ont

changé ou qui ne sont plus

supportées

• Liens vers la

documentation

FAIRE UN ETAT DES LIEUX

JUIN 2015

https://www.drupal.org/project/drupalmoduleupgrader

Exemple de rapport sur le module Socialize :


Migrate

Brique intégrée au core

Drupal:

• Migration des contenus et

de leur type

• Migration des utilisateurs

et de leurs rôles

• Migration des blocks

• Migration de la

configuration

REPRISE DES CONTRIBUTIONS

JUIN 2015

Drupal 6 Drupal 7

Type de contenu

Rôles Configuration

Contenus Utilisateurs

Migrate

61

LE GUIDE

JUIN 2015


DRUPAL 8

HTTP://WWW.DRUPAL8-GUIDE.COM/