séminaire drupal 8

DRUPAL 8

SÉMINAIRE SMILE

QUI SOMMES-NOUS ?

JUIN 2015

Séminaire Smile - Drupal 8

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

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

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.

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

• 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…

NOS EXPERTISES ET NOS CONVICTIONS

JUIN 2015

DANS NOS LIVRES BLANCS

Culture du web

Infrastructure

E-business

Gestion de contenu

ERP et Décisionnel

100 000 TÉLÉCHARGEMENTS / AN

JUIN 2015

ILS NOUS FONT

CONFIANCE

NOS RÉFÉRENCES

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

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

E-BUSINESS Catalogues

Plateformes e-commerce

Extranet Clients B2B

Cross-canal et expériences

clients multi-devices

JUIN 2015

E-BUSINESS

JUIN 2015

E-BUSINESS

COLLABORATIF Portails intranet

Gestion documentaire

Digital Asset Management

Réseaux sociaux d’entreprise

Recherche

COLLABORATIF

5 OFFRES AU PLUS PRÈS DE VOTRE METIER

JUIN 2015

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

5 OFFRES AU PLUS PRÈS DE VOTRE METIER

JUIN 2015

E-BUSINESS

COLLABORATIF

S.I. METIERS

INFRASTRUCTURE Gestion de parc / Helpdesk

Supervision

Virtualisation / Cloud privé

Gestion d’identité

Messagerie

INFRASTRUCTURE

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

VOS INTERLOCUTEURS

VINCENT MAUCORPS Business Line Web Manager @vmaucorps Email : vincent.maucorps@smile.fr

ALAN MOREAU Expert Drupal @misterdoak

Email : alan.moreau@smile.fr

JUIN 2015

DRUPAL 8:

JUIN 2015

LES NOUVEAUTÉS

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

+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

JUIN 2015

UN LONG CHEMIN

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

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

«Wysiwyg» :

inclus dans le core Drupal

JUIN 2015

«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

Nouvelle

interface de

contribution

JUIN 2015

Prévisualisation :

Visualiser vos contenus tels

qu’ils seront réellement

affichés sur le frontend (en

fonction des «view mode»)

JUIN 2015

Thème d’administration épuré

JUIN 2015

Pensé multilingue : bloc, menu,

entité, …

Seulement 4 modules !

Choix de la langue par défaut

Translitération

Meilleur indexation

JUIN 2015

MULTILINGUISME

Listes d’administrations

personnalisable

Responsive

Galerie d’images

Slideshow

réponse Json

JUIN 2015

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

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

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É

Une application adaptée à tous

les écrans:

Responsive design

Mobile friendly toolbar

Performance “Front end”

JUIN 2015

«MOBILE FIRST»

Tous les thèmes du core sont responsives

Support pour les images responsives inclus

JUIN 2015

«MOBILE FIRST»

Mobile Friendly Toolbar

JUIN 2015

«MOBILE FIRST»

Une aide simple pour vos nouveaux contributeurs

JUIN 2015

TAKE A TOUR

JUIN 2015

ET SOUS LE CAPOT ?

Pour les “frontend”

développeurs

Nouvelle librairies JS

Schema.org

Navigateur “Moderne”

Pour les “backend”

développeurs

“Proudly Found Elsewhere”

Configurations des environnements

Entités

Moteur Restful

JUIN 2015

POUR LES DÉVELOPPEURS

Navigation: <nav>, <header>,

Form: champ date, teléphone et email

Effet HTML5/CSS

JUIN 2015

Normalize.css

jQuery touch punch

DomReady

html5shiv et classList

JUIN 2015

NOUVEAUX OUTILS FRONTEND

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

print $foo ou print render($foo) ?

=> Aucune connaissance php nécessaire

JUIN 2015

SCHEMA.ORG

JUIN 2015

POUR DES NAVIGATEURS MODERNES

Architecture plus moderne

POO, namespace, events, …

À jour avec les derniers standards

Librairie “best of breed”

Sf2, GuzzleHTTP, Assetic, …

JUIN 2015

“PROUDLY FOUND ELSEWHERE”

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

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

Taxonomy Vocabularies

Image Styles

JUIN 2015

2 TYPES D’ENTITÉS

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

CONFIGURATIONS DES ENVIRONNEMENTS

DEV PROD

JUIN 2015

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

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

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

JUIN 2015

WEBFACTORY & INDUSTRIALISATION DES DÉVELOPPEMENTS

e-Commerce

Réseau Social

Intranet

Extranet

EXEMPLE DE

CHANGEMENT D’API

JUIN 2015

EXEMPLE DE CHANGEMENT D’API

JUIN 2015

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

DRUPAL 8:

JUIN 2015

POURQUOI? QUAND?

COMMENT?

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

SEO (Search Engine Optimisation)

o Schema.org pris en charge par

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?

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é

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?

Migration depuis Drupal 7

Lancement d'un nouveau projet

JUIN 2015

QUAND?

Planifier sans précipitation

Choisir les bons modules

Attendre Drupal 9?

VERSION STABLE RELEASE CANDIDATE BETA

JUIN 2015

QUAND?

Drupal

9 Support

Attendre Drupal 9?

JUIN 2015

QUAND?

Drupal

9 Support

Attendre Drupal 9?

JUIN 2015

QUAND?

Migration Migration

L'enjeu du support

Migration 6 ou 7: même combat

JUIN 2015

QUAND?

L'enjeu du support

Support Acquia Support par la communauté

JUIN 2015

QUAND?

L'enjeu du support

Support Acquia Support par la communauté

JUIN 2015

QUAND?

Migration

Procéder par étape

Que faire maintenant...

...et un peu plus tard

JUIN 2015

QUAND?

JUIN 2015

QUAND?

Modules du noyau

Modules

Complémentaires

JUIN 2015

QUAND?

Modules du noyau

Modules

Complémentaires

Plus riche que Drupal 7

Préparer la montée en compétence

JUIN 2015

COMMENT?

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

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)

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)

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

LE GUIDE

JUIN 2015

DRUPAL 8

DÉMARRER UN SITE SOUS DRUPAL 8?

NOUS AVONS ESSAYÉ!

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,

Créer des listes de contenus

Le module Views est intégré

Système de commentaire

Création de types de commentaire

(commentaire classique mais aussi commentaire

pour évaluer un module)

Formulaire de contact

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

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

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

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

séminaire drupal 8

Internet

agora cms - comment drupal commerce innove avec drupal 8

créer son site avec drupal 8 - flossmanualsfr.net ·...

les cms & drupal

conference drupagora-drupal-8 2012-11-09

drupal 8, symfony

global training day paris - drupal 8

formation drupal 8 - académie de grenoble...2019/09/23 ·...

14 novembre 2014 retour d’expérience drupal et drupal...

meetup drupal lyon - sécuriser un site drupal

comment on dit drupal en français ? - meetup drupal paris...

drupal vs others

drupagora 2016 · le projet le choix de drupal 8 2. ......

cahier des charges réalisation de deux thèmes drupal ·...

retour d'experience sur drupal 8

présentation séminaire novembre 2011 - drupal 7 / drupal...

drupal 8 : présentation, utilisation et installation de ......

drupal 8 - microsoft internet information services...

le guide drupal 8 - enova-event.com · www. smile. fr le...

alphorm.com support de la formation drupal 8 webmaster...

equipe drupal