séminaire drupal 8

DRUPAL 8

SÉMINAIRE SMILE

2

QUI SOMMES-NOUS ?

JUIN 2015

Séminaire Smile - Drupal 8

3

JUIN 2015


SMILE, EN QUELQUES CHIFFRES

1er INTÉGRATEUR EUROPÉEN DE SOLUTIONS OPEN SOURCE

+ de 20

+ de 40

+ de 50

ANNÉES D’EXPERIENCE AU SERVICE DE L’OPEN SOURCE

PARTENAIRES OPEN SOURCE

MILLIONS D’EUROS DE CHIFFRE D’AFFAIRES EN 2014

800 EXPERTS DE L’OPEN SOURCE

25% DE CROISSANCE

PAR AN

4

16 AGENCES SMILE

DANS 8 PAYS

Smile développe

sa présence

dans toute

l’Europe

JUIN 2015


L’OPEN SOURCE : TECHNOLOGIE D’AVENIR

Technologies de pointe

sur les sujets

Cloud,

Big data

Jusqu’à 65% de ROI SAVING

Drupal utilisé par la Maison Blanche

Linux motorise toutes les bourses mondiales

$

Plus de 92%

des grandes entreprises

utilisent massivement

l’open source

Twitter, Facebook, Google

sont bâtis sur des briques

open source

INNOVANT

SÉCURISÉ

POPULAIRE

MATURE & STABLE

JUIN 2015


6

SMILE, LE PREMIER INTÉGRATEUR OPEN SOURCE EUROPÉEN

JUIN 2015


SMILE LE PLUS GROS ACTEUR DE L’OPEN SOURCE EN EUROPE 800 collaborateurs, 16 agences, 300 nouveaux projets par an

MULTI-TECHNOLOGIES, EXPERTISE UNIQUE Plus de 40 partenariats technologiques, le plus haut niveau de reconnaissance

pour la plupart.

7

SMILE, BEAUCOUP PLUS QU’UN SIMPLE INTÉGRATEUR

JUIN 2015


AMBASSADEUR

• Membre de l’APRIL et du PLOSS et en province

d’Alliance Libre, du Pôle Régional Numérique,

du PLOSS RA…

• Organisateur, sponsor et participant de plus

de 10 événements majeurs chaque année :

Open World Forum, CMSday, Salon Solutions

Linux, Documation, Bargento…

• 30 séminaires et webinar par an.

• Des articles et livres blancs régulièrement

publiés. Plus de 100 000 téléchargements par

an.

• Créateur et animateur du site :

open- source-guide.com

CONTRIBUTEUR

Des dizaines d’extensions

et de contributions pour

les solutions TYPO3,

OpenERP, eZ Publish,

Redmine, Magento,

Drupal, jQuery, Ginco,

Play! Framework…

EDITEUR DE

ESIGate, MageCache,

Mongogento…

8

NOS EXPERTISES ET NOS CONVICTIONS

JUIN 2015


DANS NOS LIVRES BLANCS

Culture du web

Infrastructure

E-business

Gestion de contenu

ERP et Décisionnel

+ de

100 000 TÉLÉCHARGEMENTS / AN

9

JUIN 2015


ILS NOUS FONT

CONFIANCE

NOS RÉFÉRENCES

10

QUE FAIT-ON POUR VOUS ?

JUIN 2015


CONSEIL Cadrage / Audits / Benchmark

AGENCE Identité visuelle / Ergonomie

Accessibilité / Stratégie

Éditoriale / Référencement

EXPLOITATION Hosting / Infogérance /

Maintenance corrective et

évolutive / Support

FORMATION Accompagnement au changement

Formation intra et inter entreprises

INGÉNIERIE Conception / Développement /

Paramétrage

DES SERVICES DE

GRANDE QUALITÉ POUR UNE

COUVERTURE À 360°

DE VOS PROJETS

11

5 OFFRES AU PLUS PRÈS DE VOTRE MÉTIER

JUIN 2015


WEB Sites Internet / Portails web

Mobiles et nouveaux écrans

Gestion de contenus cross-medias

Dispositifs digitaux

WEB

12


WEB

E-BUSINESS Catalogues

Plateformes e-commerce

Extranet Clients B2B

Cross-canal et expériences

clients multi-devices

JUIN 2015


E-BUSINESS

13


JUIN 2015


WEB

E-BUSINESS

COLLABORATIF Portails intranet

Gestion documentaire

Digital Asset Management

Réseaux sociaux d’entreprise

Recherche

COLLABORATIF

14

5 OFFRES AU PLUS PRÈS DE VOTRE METIER

JUIN 2015


WEB

E-BUSINESS

COLLABORATIF

S.I. METIERS Intégration de données

Business Intelligence

Progiciel de gestion intégré

Relation client

Gestion du Big Data

SI MÉTIERS

15

5 OFFRES AU PLUS PRÈS DE VOTRE METIER

JUIN 2015


WEB

E-BUSINESS

COLLABORATIF

S.I. METIERS

INFRASTRUCTURE Gestion de parc / Helpdesk

Supervision

Virtualisation / Cloud privé

Gestion d’identité

Messagerie

INFRASTRUCTURE

16

SOMMAIRE

PREMIÈRE PARTIE

DRUPAL 8: LES NOUVEAUTÉS

DEUXIEME PARTIE

DRUPAL 8: POURQUOI? QUAND? COMMENT?

TROISIÈME PARTIE

LE GUIDE DRUPAL 8

JUIN 2015


1

2

3

17

VOS INTERLOCUTEURS

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

ALAN MOREAU Expert Drupal @misterdoak

Email : [email protected]

JUIN 2015


18

DRUPAL 8:

JUIN 2015


LES NOUVEAUTÉS

19


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

20


+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

21


JUIN 2015


UN LONG CHEMIN

22


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

23


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

24


«Wysiwyg» :

inclus dans le core Drupal

JUIN 2015



25


«Edit in place» :

Modifiez votre contenu directement

depuis le frontend

Nous allons plus loin avec notre

module Edit UI

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

JUIN 2015



26


Nouvelle

interface de

contribution

JUIN 2015



27


Prévisualisation :

Visualiser vos contenus tels

qu’ils seront réellement

affichés sur le frontend (en

fonction des «view mode»)

JUIN 2015



28


Thème d’administration épuré

JUIN 2015



29


Pensé multilingue : bloc, menu,

entité, …

Seulement 4 modules !

Choix de la langue par défaut

Translitération

Meilleur indexation

JUIN 2015


MULTILINGUISME

30


Listes d’administrations

personnalisable

Responsive

Galerie d’images

Slideshow

réponse Json

JUIN 2015


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

31


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

32


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É

33


Une application adaptée à tous

les écrans:

Responsive design

Mobile friendly toolbar

Performance “Front end”

JUIN 2015


«MOBILE FIRST»

34


Tous les thèmes du core sont responsives

Support pour les images responsives inclus

JUIN 2015


«MOBILE FIRST»

35


Mobile Friendly Toolbar

JUIN 2015


«MOBILE FIRST»

36


Une aide simple pour vos nouveaux contributeurs

JUIN 2015


TAKE A TOUR

37


JUIN 2015


ET SOUS LE CAPOT ?

38


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

39


Navigation: <nav>, <header>,

<main>, and <section>

Form: champ date, teléphone et email

Effet HTML5/CSS

JUIN 2015


HTML5

40


Normalize.css

jQuery touch punch

DomReady

html5shiv et classList

JUIN 2015


NOUVEAUX OUTILS FRONTEND

41


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

print $foo ou print render($foo) ?

=> Aucune connaissance php nécessaire

JUIN 2015


TWIG

42


JUIN 2015


SCHEMA.ORG

43


JUIN 2015


POUR DES NAVIGATEURS MODERNES

44


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”

45


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

46


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

47


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

48


JUIN 2015


CONFIGURATIONS DES ENVIRONNEMENTS

DEV PROD

TESTS

49


JUIN 2015



50


JUIN 2015



51


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

52


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

53


La mise d’une Webfactory est

facilitée par:

La nouvelle gestion des configuration

Le moteur restful

Notre expérience sur les

Webfactories Drupal

Total Web Factory

Biomérieux

Le module Webfactory pour Drupal 8

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

ctory

JUIN 2015


WEBFACTORY & INDUSTRIALISATION DES DÉVELOPPEMENTS

Blog

Blog

Blog

e-Commerce

Réseau Social

Intranet

Wiki

Extranet

Extranet

Blog

EXEMPLE DE

CHANGEMENT D’API

JUIN 2015


55


JUIN 2015


EXEMPLE DE CHANGEMENT D’API

56


JUIN 2015



57


JUIN 2015



58


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

drupal drush : execute une commande drush

drupal cache:rebuild : Vide et reconstruit le cache

drupal generate:module : Génère un squelette de module

drupal router:debug : Affiche toutes les routes de l'application

drupal router:rebuild : Reconstruit toutes les routes de l’application

JUIN 2015


LA CONSOLE SYMFONY EN BONUS

59

DRUPAL 8:

JUIN 2015


POURQUOI? QUAND?

COMMENT?

60

Les clés du succès de votre stratégie web

Rentabiliser son investissement


JUIN 2015


POURQUOI?

Votre Site Web

Fidéliser

en proposant une expérience

utilisateur de qualité

Attirer des visiteurs

61



SEO (Search Engine Optimisation)

o Schema.org pris en charge par

RDF

Présence sur les réseaux sociaux

o Les nouveautés, en termes de

webservices, vont permettre

l’automatisation de votre

présence sur les réseaux sociaux

JUIN 2015


POURQUOI?


62


Fidéliser

Front-end

o HTML5

o Mobile / Responsive Design

o Accessibilité

Multilinguisme

o Prise en charge cohérente au sein

du noyau

JUIN 2015


POURQUOI?

Votre Site Web

Fidéliser

en proposant une expérience

utilisateur de qualité

63



Compétences plus génériques

o PHPUnit

o Composants Symfony2

Maintenance facilité

o Pérennité du système de thème

o Meilleur gestion des configurations

qui facilite l’industrialisation des

déploiements

Valorisation des visites

o Acquia Lift

JUIN 2015


POURQUOI?


64


Migration depuis Drupal 7


Lancement d'un nouveau projet

JUIN 2015


QUAND?

65


Planifier sans précipitation

Choisir les bons modules

Attendre Drupal 9?

VERSION STABLE RELEASE CANDIDATE BETA


JUIN 2015


QUAND?

66

Drupal

9 Support




Attendre Drupal 9?



JUIN 2015


QUAND?

67

Drupal

9 Support




Attendre Drupal 9?



JUIN 2015


QUAND?

Migration Migration

68



L'enjeu du support

Migration 6 ou 7: même combat

JUIN 2015


QUAND?


69


L'enjeu du support


Support Acquia Support par la communauté


JUIN 2015


QUAND?


70


L'enjeu du support


Support Acquia Support par la communauté


JUIN 2015


QUAND?


Migration

71



Procéder par étape

Que faire maintenant...

...et un peu plus tard

JUIN 2015


QUAND?


72






JUIN 2015


QUAND?

Modules du noyau

Modules

Complémentaires


73






JUIN 2015


QUAND?

Modules du noyau

Modules

Complémentaires


Plus riche que Drupal 7

74


Préparer la montée en compétence

JUIN 2015


COMMENT?

75


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

76


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)

77


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)

78

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

84

LE GUIDE

JUIN 2015


DRUPAL 8

DÉMARRER UN SITE SOUS DRUPAL 8?

NOUS AVONS ESSAYÉ!

86

Recueil de besoins

Publication d’actualités (blog)

o Possibilité de partager un contenu

o Ouvert aux commentaire des internautes

Référencer des publications (référencer des contenus externes)

Apprécier et commenter les extensions communautaires

o Noter des modules et permettre aux visiteurs de les noter

Proposer un formulaire de contact

Adapter l’ergonomie du site à toute résolution

JUIN 2015


LE GUIDE DRUPAL 8

UN SITE RÉFÉRENCE AUTOUR DE DRUPAL

LE GUIDE DRUPAL 8

Créer des contenus riches

Un éditeur de texte riche intégré

Des types de champs étendus : Entity Reference,

Link

Créer des listes de contenus

Le module Views est intégré

Système de commentaire

Natif

Création de types de commentaire

(commentaire classique mais aussi commentaire

pour évaluer un module)

Formulaire de contact

Natif

QUELS MÉCANISMES UTILISER?

NATIF DRUPAL 8

Fonctionnalités de partage

Widget de notation

Création de pages complexes

Page d’accueil

NON COUVERT

LE GUIDE DRUPAL 8

Une actualité

Définition de plusieurs

champs:

• Déjà natifs en Drupal 7

Editeur de texte riche natif

• Mise en page et insertion

des images facilitées

LES CONTENUS RICHES

JUIN 2015

LE GUIDE DRUPAL 8

Les actualités

Le module Views permet:

• De créer des listes triées et

paginées

• Les vues constituent le

contenu d’une page ou

d’un block

CRÉATION DE LISTE DE CONTENUS

JUIN 2015

Blocks Page

LE GUIDE DRUPAL 8

Les types de

commentaire

• Commentaire simple sur

une actualité

• Commentaire avec

possibilité de voter sur un

module

DIFFÉRENTS TYPES DE COMMENTAIRES

JUIN 2015

91

Les développements spécifiques

concernent:

La création du thème

o Intégration des styles

o Diaporama

o Adaptation de l’ergonomie pour toute

résolution (Responsive Design)

Les quelques extensions communautaires

encore absentes

o Fonctionnalité de partage

o Google analytics

o Le calcul de la moyenne des votes

JUIN 2015


LE GUIDE DRUPAL 8

LES DÉVELOPPEMENTS SPÉCIFIQUES

Thème

Module

spécifique

92

Encore quelques bugs détectés dans le core

La plupart peuvent être contournés

La mise à jour d’une version beta à une autre est encore

délicate

Peut occasionner quelques régressions

Absence des modules communautaires souvent indispensables

Génération automatique d’alias

o Pathauto

Mediathèque

o En cours avec l’initiative Media Entity

JUIN 2015


LE GUIDE DRUPAL 8

POINTS D’ATTENTION

94

JUIN 2015


LE GUIDE DRUPAL 8

QUE FAIRE AUJOURD’HUI?

Je me lance en Drupal 8 si…

Je lance un nouveau projet à périmètre restreint

o 90% des besoins sont couverts nativement par Drupal 8

Je lance un nouveau projet d’envergure mais je peux allotir

o Construire les premiers briques du projet via les fonctionnalités natives

o Finaliser les prochains lots une fois les extensions communautaires disponibles

Je me lance en Drupal 7 si…

Mon projet est complexe et nécessite des fonctionnalités étendues (Workflow

complexe, Réseau social d’entreprise, …)

o Une forte contrainte de délai