DRUPAL 8
SÉMINAIRE SMILE
© Copyright Smile - Toute reproduction interdite sans autorisation
2
QUI SOMMES-NOUS ?
© Copyright Smile - Toute reproduction interdite sans autorisation
3
© Copyright Smile - Toute reproduction interdite sans autorisation
SMILE, EN QUELQUES CHIFFRES
1er INTÉGRATEUR EUROPÉEN ...
4
16 AGENCES SMILE
DANS 8 PAYS
Smile développe
sa présence
dans toute
l’Europe
© Copyright Smile - Toute reproduction inte...
L’OPEN SOURCE : TECHNOLOGIE D’AVENIR
Technologies de pointe
sur les sujets
Cloud,
Big data
Jusqu’à 65%
de ROI SAVING
Drupa...
6
SMILE, LE PREMIER INTÉGRATEUR OPEN SOURCE EUROPÉ
© Copyright Smile - Toute reproduction interdite sans autorisation
SMIL...
7
SMILE, BEAUCOUP PLUS QU’UN SIMPLE INTÉGRATEUR
© Copyright Smile - Toute reproduction interdite sans autorisation
AMBASSA...
8
NOS EXPERTISES ET NOS CONVICTIONS
© Copyright Smile - Toute reproduction interdite sans autorisation
DANS NOS LIVRES
BLA...
9
© Copyright Smile - Toute reproduction interdite sans autorisation
ILS NOUS FONT
CONFIANCE
NOS RÉFÉRENCES
10
QUE FAIT-ON POUR VOUS ?
© Copyright Smile - Toute reproduction interdite sans autorisation
CONSEIL
Cadrage / Audits / B...
11
5 OFFRES AU PLUS PRÈS DE VOTRE MÉTIER
© Copyright Smile - Toute reproduction interdite sans autorisation
WEB
Sites Inte...
12
5 OFFRES AU PLUS PRÈS DE VOTRE MÉTIER
WEB
E-BUSINESS
Catalogues
Plateformes e-commerce
Extranet Clients B2B
Cross-canal...
13
5 OFFRES AU PLUS PRÈS DE VOTRE MÉTIER
© Copyright Smile - Toute reproduction interdite sans autorisation
WEB
E-BUSINESS...
14
5 OFFRES AU PLUS PRÈS DE VOTRE METIER
© Copyright Smile - Toute reproduction interdite sans autorisation
WEB
E-BUSINESS...
15
5 OFFRES AU PLUS PRÈS DE VOTRE METIER
© Copyright Smile - Toute reproduction interdite sans autorisation
WEB
E-BUSINESS...
16
VOS INTERLOCUTEURS
VINCENT MAUCORPS
Business Line Web Manager
@vmaucorps
Email : vincent.maucorps@smile.fr
DAVID TRIPON...
17
SOMMAIRE
PREMIÈRE PARTIE
DRUPAL 8: LES NOUVEAUTÉS
DEUXIEME PARTIE
DRUPAL 8: POURQUOI? QUAND? COMMENT?
TROISIÈME PARTIE
...
18
DRUPAL 8:
© Copyright Smile - Toute reproduction interdite sans autorisation
LES NOUVEAUTÉS
19
DRUPAL 8: LES NOUVEAUTÉS
Drupal 8 en chiffres
Un long chemin
Un CMS plus simple à utiliser …
… et une architecture remi...
20
DRUPAL 8: LES NOUVEAUTÉS
+ 3 000 contributeurs au core drupal 8;
5 “core committers” (2 chez Acquia: Dries et Webchick)...
21
DRUPAL 8: LES NOUVEAUTÉS
© Copyright Smile - Toute reproduction interdite sans autorisation
UN LONG CHEMIN
ReleaseAPI c...
22
DRUPAL 8: LES NOUVEAUTÉS
Pour les contributeurs:
 L’initiative Spark
 Multilinguisme
 Views dans le core Drupal
 De...
23
DRUPAL 8: LES NOUVEAUTÉS
Spark: Une initiative Acquia créée par Dries afin d’améliorer
l’expérience utilisateur pour Dr...
24
DRUPAL 8: LES NOUVEAUTÉS
WYSIWYG
 inclus dans le core Drupal
© Copyright Smile - Toute reproduction interdite sans aut...
25
DRUPAL 8: LES NOUVEAUTÉS
In Place Editing
 Modifiez votre contenu directement
depuis le frontend
 Nous allons plus lo...
26
DRUPAL 8: LES NOUVEAUTÉS
Nouvelle interface
de contribution
© Copyright Smile - Toute reproduction interdite sans autor...
27
DRUPAL 8: LES NOUVEAUTÉS
Prévisualisation :
 Visualiser vos contenus tels
qu’ils seront réellement
affichés sur le fro...
28
DRUPAL 8: LES NOUVEAUTÉS
Thème d’administration épuré
© Copyright Smile - Toute reproduction interdite sans autorisatio...
29
DRUPAL 8: LES NOUVEAUTÉS
© Copyright Smile - Toute reproduction interdite sans autorisation
MULTILINGUISME
Une version ...
30
DRUPAL 8: LES NOUVEAUTÉS
Listes d’administrations
personnalisables
Responsive
Galerie d’images
Slideshow
Réponse JSON
…...
31
DRUPAL 8: LES NOUVEAUTÉS
Nouveaux blocs « core »
 Breadcrumbs
 Nom du site
 Slogan
 …
Multi régions
(RIP multiBlock...
32
DRUPAL 8: LES NOUVEAUTÉS
Des nouveaux types de champs
pour vos entités
 Les indispensables: date, entity
reference, …
...
33
DRUPAL 8: LES NOUVEAUTÉS
Une application adaptée à tous
les écrans:
 Responsive design
 Mobile friendly toolbar
 Per...
34
DRUPAL 8: LES NOUVEAUTÉS
Tous les thèmes du core sont responsives
Support pour les images responsives inclus
© Copyrigh...
35
DRUPAL 8: LES NOUVEAUTÉS
Mobile Friendly Toolbar
© Copyright Smile - Toute reproduction interdite sans autorisation
«MO...
36
DRUPAL 8: LES NOUVEAUTÉS
Une aide simple pour vos nouveaux contributeurs
© Copyright Smile - Toute reproduction interdi...
37
DRUPAL 8: LES NOUVEAUTÉS
© Copyright Smile - Toute reproduction interdite sans autorisation
ET SOUS LE CAPOT ?
38
DRUPAL 8: LES NOUVEAUTÉS
Pour les développeurs
« frontend »
 HTML5
 Nouvelles librairies JS
 Twig
 Schema.org
 Nav...
39
DRUPAL 8: LES NOUVEAUTÉS
Navigation
 <nav>, <header>, <main> et <section>
Formulaires
 champs date, téléphone et emai...
40
DRUPAL 8: LES NOUVEAUTÉS
Normalize.css
jQuery touch punch
DomReady
html5shiv et classList
© Copyright Smile - Toute rep...
41
DRUPAL 8: LES NOUVEAUTÉS
$node->foo ou $node['foo'] ?
print $foo ou print render($foo) ?
►Aucune connaissance php
néces...
42
DRUPAL 8: LES NOUVEAUTÉS
© Copyright Smile - Toute reproduction interdite sans autorisation
SCHEMA.ORG
43
DRUPAL 8: LES NOUVEAUTÉS
© Copyright Smile - Toute reproduction interdite sans autorisation
POUR DES NAVIGATEURS MODERN...
44
DRUPAL 8: LES NOUVEAUTÉS
Architecture plus moderne
 POO
 Namespace
 Events
 …
À jour avec les derniers standards
 ...
45
DRUPAL 8: LES NOUVEAUTÉS
Une API repensée
 Oublions les limites dans Drupal 7 core
Déclarer vos entités en étendant En...
46
DRUPAL 8: LES NOUVEAUTÉS
Content Entities
 Champs custom
 Enregistrées en base de données
 Créées depuis le front of...
47
DRUPAL 8: LES NOUVEAUTÉS
Module entity_cache inclus
dans le core Drupal
Cache tags
 Vider les bons caches
Agrégation d...
48
DRUPAL 8: LES NOUVEAUTÉS
© Copyright Smile - Toute reproduction interdite sans autorisation
CONFIGURATIONS DES ENVIRONN...
49
DRUPAL 8: LES NOUVEAUTÉS
© Copyright Smile - Toute reproduction interdite sans autorisation
CONFIGURATIONS DES ENVIRONN...
50
DRUPAL 8: LES NOUVEAUTÉS
© Copyright Smile - Toute reproduction interdite sans autorisation
CONFIGURATIONS DES ENVIRONN...
51
DRUPAL 8: LES NOUVEAUTÉS
Ne sera pas dans Drupal 8.0.0
 dans Drupal 8.x.0 ?
UUID dans le core Drupal
Modules deploy / ...
52
DRUPAL 8: LES NOUVEAUTÉS
Modules RESTful Web Services
(RestWS)
 API REST entièrement configurable
Intégration avec vie...
53
Extranet
DRUPAL 8: LES NOUVEAUTÉS
La mise en œuvre d’une
Webfactory est facilitée par:
 La nouvelle gestion des config...
EXEMPLE DE
CHANGEMENT D’API
© Copyright Smile - Toute reproduction interdite sans autorisation
55
DRUPAL 8: LES NOUVEAUTÉS
© Copyright Smile - Toute reproduction interdite sans autorisation
EXEMPLE DE CHANGEMENT D’API
56
DRUPAL 8: LES NOUVEAUTÉS
© Copyright Smile - Toute reproduction interdite sans autorisation
EXEMPLE DE CHANGEMENT D’API
57
DRUPAL 8: LES NOUVEAUTÉS
© Copyright Smile - Toute reproduction interdite sans autorisation
EXEMPLE DE CHANGEMENT D’API
58
DRUPAL 8: LES NOUVEAUTÉS
https://www.drupal.org/project/console
 drupal drush : Exécute une commande drush
 drupal ca...
59
DRUPAL 8:
© Copyright Smile - Toute reproduction interdite sans autorisation
POURQUOI?
QUAND?
COMMENT?
60
Les clés du succès de votre stratégie web
Rentabiliser son
investissement
DRUPAL 8: POURQUOI? QUAND? COMMENT?
© Copyrig...
61
DRUPAL 8: POURQUOI? QUAND? COMMENT?
Attirer des visiteurs
 SEO (Search Engine Optimisation)
o Schema.org pris en charg...
62
DRUPAL 8: POURQUOI? QUAND? COMMENT?
Fidéliser
 Front-end
o HTML5
o Mobile / Responsive Design
o Accessibilité
 Multil...
63
DRUPAL 8: POURQUOI? QUAND? COMMENT?
Rentabiliser son investissement
 Compétences plus génériques, plus
faciles à recru...
64
DRUPAL 8: POURQUOI? QUAND? COMMENT?
Migration depuis Drupal 7
Migration depuis Drupal 6
Lancement d'un nouveau projet
©...
65
Migration depuis Drupal 7
 Planifier sans précipitation
 Choisir les bons modules
 Attendre Drupal 9?
VERSION STABLE...
66
Drupal
9
Support
Migration depuis Drupal 7
 Planifier sans précipitation
 Choisir les bons modules
 Attendre Drupal ...
67
Drupal
9
Support
Migration depuis Drupal 7
 Planifier sans précipitation
 Choisir les bons modules
 Attendre Drupal ...
68
DRUPAL 8: POURQUOI? QUAND? COMMENT?
Migration depuis Drupal 6
 L'enjeu du support
 Migration 6 ou 7: même combat
© Co...
69
Migration depuis Drupal 6
 L'enjeu du support
 Migration 6 ou 7: même combat
Support AcquiaSupport par la communauté
...
70
Migration depuis Drupal 6
 L'enjeu du support
 Migration 6 ou 7: même combat
Support AcquiaSupport par la communauté
...
71
DRUPAL 8: POURQUOI? QUAND? COMMENT?
Lancement d'un nouveau projet
 Procéder par étape
 Que faire maintenant...
 ...e...
72
DRUPAL 8: POURQUOI? QUAND? COMMENT?
Lancement d'un nouveau projet
 Procéder par étape
 Que faire maintenant...
 ...e...
73
DRUPAL 8: POURQUOI? QUAND? COMMENT?
Lancement d'un nouveau projet
 Procéder par étape
 Que faire maintenant...
 ...e...
74
DRUPAL 8: POURQUOI? QUAND? COMMENT?
Préparer la montée en compétence
© Copyright Smile - Toute reproduction interdite s...
75
DRUPAL 8: POURQUOI? QUAND? COMMENT?
Développer un module
 Utilisation de concepts Symfony2
 Programmation orientée ob...
76
DRUPAL 8: POURQUOI? QUAND? COMMENT?
Créer un thème
 Drupal 8 s’appuie sur le moteur de template Twig
o Standardisation...
77
DRUPAL 8: POURQUOI? QUAND? COMMENT?
Oser les SPA
(Single Page Application) !
 Les nouveautés en termes de
Webservices ...
78
MIGRER VERS
© Copyright Smile - Toute reproduction interdite sans autorisation
DRUPAL 8
Une migration vers une version majeure est
bien souvent un projet à part entière. La
charge de travail est étroitement lié...
DRUPAL 8: MIGRER VERS DRUPAL 8?
 Choisissez les bons modules
 References Entityreference
 Phone Telephone
 Link URL
 ...
DRUPAL 8: MIGRER VERS DRUPAL 8?
Upgrade status
Pour chaque module quatre
états possibles:
• Non disponible
• Version de dé...
DRUPAL 8: MIGRER VERS DRUPAL 8?
Drupal Module
Upgrader
Analyse un module et génère
un rapport:
• Liste les API qui ont cha...
DRUPAL 8: MIGRER VERS DRUPAL 8?
Migrate
Brique intégrée au core
Drupal:
• Migration des contenus et de
leur type
• Migrati...
84
LE GUIDE
© Copyright Smile - Toute reproduction interdite sans autorisation
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 ...
LE GUIDE DRUPAL 8
 Créer des contenus riches
 Un éditeur de texte riche intégré
 Des types de champs étendus : Entity R...
LE GUIDE DRUPAL 8
Une actualité
Définition de plusieurs
champs:
• Déjà natifs en Drupal 7
Editeur de texte riche natif
• M...
LE GUIDE DRUPAL 8
Les actualités
Le module Views permet:
• De créer des listes triées et
paginées
• Les vues constituent l...
LE GUIDE DRUPAL 8
Les types de
commentaire
• Commentaire simple sur une
actualité
• Commentaire avec
possibilité de voter ...
91
Les développements spécifiques
concernent:
 La création du thème
o Intégration des styles
o Diaporama
o Adaptation de ...
92
Encore quelques bugs détectés dans le core
 La plupart peuvent être contournés
La mise à jour d’une version beta à une...
?
94
© Copyright Smile - Toute reproduction interdite sans autorisation
LE GUIDE DRUPAL 8
QUE FAIRE AUJOURD’HUI?
Je me lance...
DEMO
Prochain SlideShare
Chargement dans…5
×

Seminaire Drupal 8 à Nantes

1 170 vues

Publié le

Juste après sa sortie en version stable le 19 novembre, Smile vous fait découvrir la dernière version d’une des solutions de CMS les plus utilisés au monde grâce à notre séminaire dédié à la solution Drupal 8.

Au programme :
- Les clés du succès de la transformation digitale
- La transformation digitale : à quoi ça ressemble ? Exemples et use cases
- Pourquoi Drupal ?
- Drupal 8 : quelles sont les nouveautés ?
- Drupal 7 vs Drupal 8 : Quelles compétences ? Pour quel type de projet ? Comment et quand migrer ?...

Drupal offre une polyvalence et une modularité rarement égalée et dispose d'une des communautés d'utilisateurs les plus actives.

Smile a intégré et déployé Drupal pour Total, Louvre Hotels, Kering, Safran... et de nombreux autres clients.

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
1 170
Sur SlideShare
0
Issues des intégrations
0
Intégrations
429
Actions
Partages
0
Téléchargements
0
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive
  • Digitalisation de l’offre >> accompagnement de transformation d’un business traditionnel à la vente en ligne. Conseil, UX, catalogue

  • Seminaire Drupal 8 à Nantes

    1. 1. DRUPAL 8 SÉMINAIRE SMILE © Copyright Smile - Toute reproduction interdite sans autorisation
    2. 2. 2 QUI SOMMES-NOUS ? © Copyright Smile - Toute reproduction interdite sans autorisation
    3. 3. 3 © Copyright Smile - Toute reproduction interdite sans autorisation 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. 4. 4 16 AGENCES SMILE DANS 8 PAYS Smile développe sa présence dans toute l’Europe © Copyright Smile - Toute reproduction interdite sans autorisation
    5. 5. 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 © Copyright Smile - Toute reproduction interdite sans autorisation
    6. 6. 6 SMILE, LE PREMIER INTÉGRATEUR OPEN SOURCE EUROPÉ © Copyright Smile - Toute reproduction interdite sans autorisation 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. 7. 7 SMILE, BEAUCOUP PLUS QU’UN SIMPLE INTÉGRATEUR © Copyright Smile - Toute reproduction interdite sans autorisation 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. 8. 8 NOS EXPERTISES ET NOS CONVICTIONS © Copyright Smile - Toute reproduction interdite sans autorisation DANS NOS LIVRES BLANCSCulture du web Infrastructure E-business Gestion de contenu ERP et Décisionnel + de 100 000 TÉLÉCHARGEMENTS / AN
    9. 9. 9 © Copyright Smile - Toute reproduction interdite sans autorisation ILS NOUS FONT CONFIANCE NOS RÉFÉRENCES
    10. 10. 10 QUE FAIT-ON POUR VOUS ? © Copyright Smile - Toute reproduction interdite sans autorisation CONSEIL Cadrage / Audits / Benchmark AGENCE Identité visuelle / Ergonomie Accessibilité / Stratégie Éditoriale / Référencement EXPLOITATIO N 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. 11. 11 5 OFFRES AU PLUS PRÈS DE VOTRE MÉTIER © Copyright Smile - Toute reproduction interdite sans autorisation WEB Sites Internet / Portails web Mobiles et nouveaux écrans Gestion de contenus cross-medias Dispositifs digitaux WEB
    12. 12. 12 5 OFFRES AU PLUS PRÈS DE VOTRE MÉTIER WEB E-BUSINESS Catalogues Plateformes e-commerce Extranet Clients B2B Cross-canal et expériences clients multi-devices © Copyright Smile - Toute reproduction interdite sans autorisation E-BUSINESS
    13. 13. 13 5 OFFRES AU PLUS PRÈS DE VOTRE MÉTIER © Copyright Smile - Toute reproduction interdite sans autorisation WEB E-BUSINESS COLLABORATIF Portails intranet Gestion documentaire Digital Asset Management Réseaux sociaux d’entreprise Recherche COLLABORATIF
    14. 14. 14 5 OFFRES AU PLUS PRÈS DE VOTRE METIER © Copyright Smile - Toute reproduction interdite sans autorisation 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. 15. 15 5 OFFRES AU PLUS PRÈS DE VOTRE METIER © Copyright Smile - Toute reproduction interdite sans autorisation WEB E-BUSINESS COLLABORATIF S.I. METIERS INFRASTRUCTURE Gestion de parc / Helpdesk Supervision Virtualisation / Cloud privé Gestion d’identité Messagerie INFRASTRUCTUR
    16. 16. 16 VOS INTERLOCUTEURS VINCENT MAUCORPS Business Line Web Manager @vmaucorps Email : vincent.maucorps@smile.fr DAVID TRIPONT Expert Drupal @davidtripont Email : david.tripont@smile.fr © Copyright Smile - Toute reproduction interdite sans autorisation
    17. 17. 17 SOMMAIRE PREMIÈRE PARTIE DRUPAL 8: LES NOUVEAUTÉS DEUXIEME PARTIE DRUPAL 8: POURQUOI? QUAND? COMMENT? TROISIÈME PARTIE LE GUIDE DRUPAL 8 © Copyright Smile - Toute reproduction interdite sans autorisation 1 2 3
    18. 18. 18 DRUPAL 8: © Copyright Smile - Toute reproduction interdite sans autorisation LES NOUVEAUTÉS
    19. 19. 19 DRUPAL 8: 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 © Copyright Smile - Toute reproduction interdite sans autorisation SOMMAIRE
    20. 20. 20 DRUPAL 8: LES NOUVEAUTÉS + 3 000 contributeurs au core drupal 8; 5 “core committers” (2 chez Acquia: Dries et Webchick) + 20 000 patch commités 15 versions alpha 16 versions beta 4 Release Candidates Plus de 200 nouvelles fonctionnalités et améliorations © Copyright Smile - Toute reproduction interdite sans autorisation EN CHIFFRES
    21. 21. 21 DRUPAL 8: LES NOUVEAUTÉS © Copyright Smile - Toute reproduction interdite sans autorisation UN LONG CHEMIN ReleaseAPI completionFeauture development Development opens March 2011 Feature freeze December 2012 Feature complete February 2013 API freeze July 2013 Major API locked down October 2014 Drupal 8.0.0 Stable November 2015 Drupal 8 RC October 2015
    22. 22. 22 DRUPAL 8: LES NOUVEAUTÉS 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 » © Copyright Smile - Toute reproduction interdite sans autorisation VUE D’ENSEMBLE
    23. 23. 23 DRUPAL 8: LES NOUVEAUTÉS Spark: Une initiative Acquia créée par Dries afin d’améliorer l’expérience utilisateur pour Drupal 8 (“backportée” 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 © Copyright Smile - Toute reproduction interdite sans autorisation L’INITIATIVE SPARK http://buytaert.net/announcing-spark-authoring-improvements-for-drupal-7-and-drupal-8
    24. 24. 24 DRUPAL 8: LES NOUVEAUTÉS WYSIWYG  inclus dans le core Drupal © Copyright Smile - Toute reproduction interdite sans autorisation L’INITIATIVE SPARK
    25. 25. 25 DRUPAL 8: LES NOUVEAUTÉS In Place Editing  Modifiez votre contenu directement depuis le frontend  Nous allons plus loin avec notre module Edit UI https://www.drupal.org/project/edit_ui © Copyright Smile - Toute reproduction interdite sans autorisation L’INITIATIVE SPARK
    26. 26. 26 DRUPAL 8: LES NOUVEAUTÉS Nouvelle interface de contribution © Copyright Smile - Toute reproduction interdite sans autorisation L’INITIATIVE SPARK
    27. 27. 27 DRUPAL 8: LES NOUVEAUTÉS Prévisualisation :  Visualiser vos contenus tels qu’ils seront réellement affichés sur le frontend (en fonction des «view mode») © Copyright Smile - Toute reproduction interdite sans autorisation L’INITIATIVE SPARK
    28. 28. 28 DRUPAL 8: LES NOUVEAUTÉS Thème d’administration épuré © Copyright Smile - Toute reproduction interdite sans autorisation L’INITIATIVE SPARK
    29. 29. 29 DRUPAL 8: LES NOUVEAUTÉS © Copyright Smile - Toute reproduction interdite sans autorisation MULTILINGUISME Une version pensée multilingue  Blocs  Menus  Entités  … Seulement 4 modules ! Choix de la langue par défaut Translitération Meilleure indexation
    30. 30. 30 DRUPAL 8: LES NOUVEAUTÉS Listes d’administrations personnalisables Responsive Galerie d’images Slideshow Réponse JSON … © Copyright Smile - Toute reproduction interdite sans autorisation VIEWS DANS LE CORE DRUPAL (MODULE LE PLUS UTILISÉ
    31. 31. 31 DRUPAL 8: LES NOUVEAUTÉS Nouveaux blocs « core »  Breadcrumbs  Nom du site  Slogan  … Multi régions (RIP multiBlock module)  Menu partagé par les header / footer Créez vos types de blocs personnalisés  À la manière d’un content type  Vos bannières de pub simplifiées! © Copyright Smile - Toute reproduction interdite sans autorisation DES BLOCS SOUS STÉROÏDES
    32. 32. 32 DRUPAL 8: LES NOUVEAUTÉS Des nouveaux types de champs pour vos entités  Les indispensables: date, entity reference, …  Éléments HTML5: téléphone, email, lien, … View mode & Form mode  Affichez vos formulaire différemment selon l’utilisation Commentaires  Option: «ouvert/fermé» devient un champ! o Toutes vos entités sont « commentables »! © Copyright Smile - Toute reproduction interdite sans autorisation UN MODÈLE DE DONNÉES AMÉLIORÉ
    33. 33. 33 DRUPAL 8: LES NOUVEAUTÉS Une application adaptée à tous les écrans:  Responsive design  Mobile friendly toolbar  Performance “Front end” © Copyright Smile - Toute reproduction interdite sans autorisation «MOBILE FIRST»
    34. 34. 34 DRUPAL 8: LES NOUVEAUTÉS Tous les thèmes du core sont responsives Support pour les images responsives inclus © Copyright Smile - Toute reproduction interdite sans autorisation «MOBILE FIRST»
    35. 35. 35 DRUPAL 8: LES NOUVEAUTÉS Mobile Friendly Toolbar © Copyright Smile - Toute reproduction interdite sans autorisation «MOBILE FIRST»
    36. 36. 36 DRUPAL 8: LES NOUVEAUTÉS Une aide simple pour vos nouveaux contributeurs © Copyright Smile - Toute reproduction interdite sans autorisation TAKE A TOUR
    37. 37. 37 DRUPAL 8: LES NOUVEAUTÉS © Copyright Smile - Toute reproduction interdite sans autorisation ET SOUS LE CAPOT ?
    38. 38. 38 DRUPAL 8: LES NOUVEAUTÉS Pour les développeurs « frontend »  HTML5  Nouvelles librairies JS  Twig  Schema.org  Navigateur “Moderne” Pour les développeurs « backend »  « Proudly Found Elsewhere »  Configurations des environnements  Entités  Moteur Restful  Cache © Copyright Smile - Toute reproduction interdite sans autorisation POUR LES DÉVELOPPEURS
    39. 39. 39 DRUPAL 8: LES NOUVEAUTÉS Navigation  <nav>, <header>, <main> et <section> Formulaires  champs date, téléphone et email Effets HTML5/CSS © Copyright Smile - Toute reproduction interdite sans autorisation HTML5
    40. 40. 40 DRUPAL 8: LES NOUVEAUTÉS Normalize.css jQuery touch punch DomReady html5shiv et classList © Copyright Smile - Toute reproduction interdite sans autorisation NOUVEAUX OUTILS FRONTEND
    41. 41. 41 DRUPAL 8: LES NOUVEAUTÉS $node->foo ou $node['foo'] ? print $foo ou print render($foo) ? ►Aucune connaissance php nécessaire © Copyright Smile - Toute reproduction interdite sans autorisation TWIG
    42. 42. 42 DRUPAL 8: LES NOUVEAUTÉS © Copyright Smile - Toute reproduction interdite sans autorisation SCHEMA.ORG
    43. 43. 43 DRUPAL 8: LES NOUVEAUTÉS © Copyright Smile - Toute reproduction interdite sans autorisation POUR DES NAVIGATEURS MODERNES
    44. 44. 44 DRUPAL 8: LES NOUVEAUTÉS Architecture plus moderne  POO  Namespace  Events  … À jour avec les derniers standards  PSR-4 Librairie “best of breed”  Sf2  GuzzleHTTP  Assetic  … © Copyright Smile - Toute reproduction interdite sans autorisation “PROUDLY FOUND ELSEWHERE”
    45. 45. 45 DRUPAL 8: LES NOUVEAUTÉS Une API repensée  Oublions les limites dans Drupal 7 core Déclarer vos entités 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, … © Copyright Smile - Toute reproduction interdite sans autorisation DES ENTITÉS PARTOUT
    46. 46. 46 DRUPAL 8: LES NOUVEAUTÉS Content Entities  Champs custom  Enregistrées en base de données  Créées depuis le front office Exemples  ŽNodes  ŽCustom Blocks  ŽUsers  ŽComments  Taxonomy Terms  Menu Links  Aggregator Feeds/Items Config Entities  Déployées sur vos environnements  Enregistrées dans la configuration  Créées depuis le back office Exemples  Content Types  Custom Block Types  User Roles  Views  Taxonomy Vocabularies  Menus  Image Styles © Copyright Smile - Toute reproduction interdite sans autorisation 2 TYPES D’ENTITÉS
    47. 47. 47 DRUPAL 8: LES NOUVEAUTÉS Module entity_cache inclus dans le core Drupal Cache tags  Vider les bons caches Agrégation des CSS et JS par défaut La communauté Drupal travail en ce moment à l’amélioration générale des performances © Copyright Smile - Toute reproduction interdite sans autorisation CACHE
    48. 48. 48 DRUPAL 8: LES NOUVEAUTÉS © Copyright Smile - Toute reproduction interdite sans autorisation CONFIGURATIONS DES ENVIRONNEMENTS DEV PRODTEST S
    49. 49. 49 DRUPAL 8: LES NOUVEAUTÉS © Copyright Smile - Toute reproduction interdite sans autorisation CONFIGURATIONS DES ENVIRONNEMENTS
    50. 50. 50 DRUPAL 8: LES NOUVEAUTÉS © Copyright Smile - Toute reproduction interdite sans autorisation CONFIGURATIONS DES ENVIRONNEMENTS
    51. 51. 51 DRUPAL 8: LES NOUVEAUTÉS Ne sera pas dans Drupal 8.0.0  dans Drupal 8.x.0 ? UUID dans le core Drupal Modules deploy / RestWS © Copyright Smile - Toute reproduction interdite sans autorisation PARTAGER DU CONTENU DRUPAL À DRUPAL
    52. 52. 52 DRUPAL 8: LES NOUVEAUTÉS 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) © Copyright Smile - Toute reproduction interdite sans autorisation UN MOTEUR RESTFUL
    53. 53. 53 Extranet DRUPAL 8: LES NOUVEAUTÉS La mise en œuvre d’une Webfactory est facilitée par:  La nouvelle gestion des configurations  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/webfactory © Copyright Smile - Toute reproduction interdite sans autorisation WEBFACTORY & INDUSTRIALISATION DES DÉVELOPPEMEN Blog Blog Blog e-Commerce Réseau Social Intranet Wiki Extranet Blog
    54. 54. EXEMPLE DE CHANGEMENT D’API © Copyright Smile - Toute reproduction interdite sans autorisation
    55. 55. 55 DRUPAL 8: LES NOUVEAUTÉS © Copyright Smile - Toute reproduction interdite sans autorisation EXEMPLE DE CHANGEMENT D’API
    56. 56. 56 DRUPAL 8: LES NOUVEAUTÉS © Copyright Smile - Toute reproduction interdite sans autorisation EXEMPLE DE CHANGEMENT D’API
    57. 57. 57 DRUPAL 8: LES NOUVEAUTÉS © Copyright Smile - Toute reproduction interdite sans autorisation EXEMPLE DE CHANGEMENT D’API
    58. 58. 58 DRUPAL 8: LES NOUVEAUTÉS https://www.drupal.org/project/console  drupal drush : Exécute 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 © Copyright Smile - Toute reproduction interdite sans autorisation LA CONSOLE SYMFONY EN BONUS
    59. 59. 59 DRUPAL 8: © Copyright Smile - Toute reproduction interdite sans autorisation POURQUOI? QUAND? COMMENT?
    60. 60. 60 Les clés du succès de votre stratégie web Rentabiliser son investissement DRUPAL 8: POURQUOI? QUAND? COMMENT? © Copyright Smile - Toute reproduction interdite sans autorisation POURQUOI? Votre Site Web Fidéliser en proposant une expérience utilisateur de qualité Attirer des visiteurs
    61. 61. 61 DRUPAL 8: POURQUOI? QUAND? COMMENT? Attirer des visiteurs  SEO (Search Engine Optimisation) o Schema.org pris en charge par RDFa  Présence sur les réseaux sociaux o Les nouveautés, en termes de web services, vont permettre l’automatisation de votre présence sur les réseaux sociaux  “Mobile first” design o La prise en charge des terminaux mobiles est obligatoire pour être bien classé par les dernières version du moteur d’indexation Google © Copyright Smile - Toute reproduction interdite sans autorisation POURQUOI? Attirer des visiteurs
    62. 62. 62 DRUPAL 8: POURQUOI? QUAND? COMMENT? Fidéliser  Front-end o HTML5 o Mobile / Responsive Design o Accessibilité  Multilinguisme o Prise en charge cohérente au sein du noyau © Copyright Smile - Toute reproduction interdite sans autorisation POURQUOI? Votre Site Web Fidéliser en proposant une expérience utilisateur de qualité
    63. 63. 63 DRUPAL 8: POURQUOI? QUAND? COMMENT? Rentabiliser son investissement  Compétences plus génériques, plus faciles à recruter o PHPUnit o Composants Symfony2 o Twig  Maintenance facilité o Pérennité du système de thème o Meilleur gestion des configurations qui facilite l’industrialisation des déploiements  Conduite du changement simplifiée o Visite guidé o Back-office encore plus personnalisable © Copyright Smile - Toute reproduction interdite sans autorisation POURQUOI? Rentabiliser son investissement
    64. 64. 64 DRUPAL 8: POURQUOI? QUAND? COMMENT? Migration depuis Drupal 7 Migration depuis Drupal 6 Lancement d'un nouveau projet © Copyright Smile - Toute reproduction interdite sans autorisation QUAND?
    65. 65. 65 Migration depuis Drupal 7  Planifier sans précipitation  Choisir les bons modules  Attendre Drupal 9? VERSION STABLERELEASE CANDIDATEBETA DRUPAL 8: POURQUOI? QUAND? COMMENT? © Copyright Smile - Toute reproduction interdite sans autorisation QUAND?
    66. 66. 66 Drupal 9 Support Migration depuis Drupal 7  Planifier sans précipitation  Choisir les bons modules  Attendre Drupal 9? VERSION STABLERELEASE CANDIDATEBETA DRUPAL 8: POURQUOI? QUAND? COMMENT? © Copyright Smile - Toute reproduction interdite sans autorisation QUAND?
    67. 67. 67 Drupal 9 Support Migration depuis Drupal 7  Planifier sans précipitation  Choisir les bons modules  Attendre Drupal 9? VERSION STABLERELEASE CANDIDATEBETA DRUPAL 8: POURQUOI? QUAND? COMMENT? © Copyright Smile - Toute reproduction interdite sans autorisation QUAND? MigrationMigration
    68. 68. 68 DRUPAL 8: POURQUOI? QUAND? COMMENT? Migration depuis Drupal 6  L'enjeu du support  Migration 6 ou 7: même combat © Copyright Smile - Toute reproduction interdite sans autorisation QUAND? VERSION STABLERELEASE CANDIDATEBETA
    69. 69. 69 Migration depuis Drupal 6  L'enjeu du support  Migration 6 ou 7: même combat Support AcquiaSupport par la communauté DRUPAL 8: POURQUOI? QUAND? COMMENT? © Copyright Smile - Toute reproduction interdite sans autorisation QUAND? VERSION STABLERELEASE CANDIDATEBETA
    70. 70. 70 Migration depuis Drupal 6  L'enjeu du support  Migration 6 ou 7: même combat Support AcquiaSupport par la communauté DRUPAL 8: POURQUOI? QUAND? COMMENT? © Copyright Smile - Toute reproduction interdite sans autorisation QUAND? VERSION STABLERELEASE CANDIDATEBETA Migration
    71. 71. 71 DRUPAL 8: POURQUOI? QUAND? COMMENT? Lancement d'un nouveau projet  Procéder par étape  Que faire maintenant...  ...et un peu plus tard © Copyright Smile - Toute reproduction interdite sans autorisation QUAND? VERSION STABLERELEASE CANDIDATEBETA
    72. 72. 72 DRUPAL 8: POURQUOI? QUAND? COMMENT? Lancement d'un nouveau projet  Procéder par étape  Que faire maintenant...  ...et un peu plus tard © Copyright Smile - Toute reproduction interdite sans autorisation QUAND? Modules du noyau Modules Complémentaires VERSION STABLERELEASE CANDIDATEBETA
    73. 73. 73 DRUPAL 8: POURQUOI? QUAND? COMMENT? Lancement d'un nouveau projet  Procéder par étape  Que faire maintenant...  ...et un peu plus tard © Copyright Smile - Toute reproduction interdite sans autorisation QUAND? Modules du noyau Modules Complémentaires VERSION STABLERELEASE CANDIDATEBETA Plus riche que Drupal 7
    74. 74. 74 DRUPAL 8: POURQUOI? QUAND? COMMENT? Préparer la montée en compétence © Copyright Smile - Toute reproduction interdite sans autorisation COMMENT?
    75. 75. 75 DRUPAL 8: POURQUOI? QUAND? 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 © Copyright Smile - Toute reproduction interdite sans autorisation COMMENT? Database Navigateur Logique PHP (accès aux données) Moteur de Template
    76. 76. 76 DRUPAL 8: POURQUOI? QUAND? COMMENT? Créer un thème  Drupal 8 s’appuie sur le moteur de template Twig o Standardisation o Maintenance o Souplesse (surcharge) Montée en compétence  La connaissance du PHP n’est plus un pré-requis (mais utile)  Expertise Twig  Maîtrise du système de surcharge © Copyright Smile - Toute reproduction interdite sans autorisation COMMENT? Database Navigateur Logique PHP (accès aux données) Moteur de Template (rendu HTML)
    77. 77. 77 DRUPAL 8: POURQUOI? QUAND? COMMENT? Oser les SPA (Single Page Application) !  Les nouveautés en termes de Webservices ouvre la voie au « Headless Drupal » Montée en compétence  Utilisation de requêtes Ajax  Angular JS ou autres frameworks FrontEnd  Développement SOA (Mockup de Webservices, bouchons…) © Copyright Smile - Toute reproduction interdite sans autorisation COMMENT? Database Navigateur Logique PHP (accès aux données) Framework JavaScript (rendu HTML)
    78. 78. 78 MIGRER VERS © Copyright Smile - Toute reproduction interdite sans autorisation DRUPAL 8
    79. 79. 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.
    80. 80. 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
    81. 81. DRUPAL 8: MIGRER VERS DRUPAL 8? 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 https://www.drupal.org/project/upgrade_status
    82. 82. DRUPAL 8: MIGRER VERS DRUPAL 8? 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 https://www.drupal.org/project/drupalmoduleupgrader Exemple de rapport sur le module Socialize :
    83. 83. DRUPAL 8: MIGRER VERS DRUPAL 8? 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 Drupal 6 Drupal 7 Type de contenu Rôles Configuration Contenus Utilisateurs Migrate
    84. 84. 84 LE GUIDE © Copyright Smile - Toute reproduction interdite sans autorisation DRUPAL 8
    85. 85. DÉMARRER UN SITE SOUS DRUPAL 8? NOUS AVONS ESSAYÉ!
    86. 86. 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 © Copyright Smile - Toute reproduction interdite sans autorisation LE GUIDE DRUPAL 8 UN SITE RÉFÉRENCE AUTOUR DE DRUPAL
    87. 87. 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
    88. 88. 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
    89. 89. 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 Blocks Page
    90. 90. 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
    91. 91. 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 © Copyright Smile - Toute reproduction interdite sans autorisation LE GUIDE DRUPAL 8 LES DÉVELOPPEMENTS SPÉCIFIQUES Thème Module spécifique
    92. 92. 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 © Copyright Smile - Toute reproduction interdite sans autorisation LE GUIDE DRUPAL 8 POINTS D’ATTENTION
    93. 93. ?
    94. 94. 94 © Copyright Smile - Toute reproduction interdite sans autorisation 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
    95. 95. DEMO

    ×