DRUPAL 8
SÉMINAIRE SMILE
2
QUI SOMMES-NOUS ?
JUIN 2015
Séminaire Smile - Drupal 8
3
JUIN 2015
Séminaire Smile - Drupal 8
SMILE, EN QUELQUES CHIFFRES
1er INTÉGRATEUR EUROPÉEN DE SOLUTIONS OPEN SOURCE
+ de ...
4
16 AGENCES SMILE
DANS 8 PAYS
Smile développe
sa présence
dans toute
l’Europe
JUIN 2015
Séminaire Smile - Drupal 8
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ÉEN
JUIN 2015
Séminaire Smile - Drupal 8
SMILE LE PLUS GROS ACTEUR DE L’O...
7
SMILE, BEAUCOUP PLUS QU’UN SIMPLE INTÉGRATEUR
JUIN 2015
Séminaire Smile - Drupal 8
AMBASSADEUR
• Membre de l’APRIL et du...
8
NOS EXPERTISES ET NOS CONVICTIONS
JUIN 2015
Séminaire Smile - Drupal 8
DANS NOS LIVRES BLANCS
Culture du web
Infrastruct...
9
JUIN 2015
Séminaire Smile - Drupal 8
ILS NOUS FONT
CONFIANCE
NOS RÉFÉRENCES
10
QUE FAIT-ON POUR VOUS ?
JUIN 2015
Séminaire Smile - Drupal 8
CONSEIL
Cadrage / Audits / Benchmark
AGENCE
Identité visue...
11
5 OFFRES AU PLUS PRÈS DE VOTRE MÉTIER
JUIN 2015
Séminaire Smile - Drupal 8
WEB
Sites Internet / Portails web
Mobiles et...
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
JUIN 2015
Séminaire Smile - Drupal 8
WEB
E-BUSINESS
COLLABORATIF
Portails intrane...
14
5 OFFRES AU PLUS PRÈS DE VOTRE METIER
JUIN 2015
Séminaire Smile - Drupal 8
WEB
E-BUSINESS
COLLABORATIF
S.I. METIERS
Int...
15
5 OFFRES AU PLUS PRÈS DE VOTRE METIER
JUIN 2015
Séminaire Smile - Drupal 8
WEB
E-BUSINESS
COLLABORATIF
S.I. METIERS
INF...
16
SOMMAIRE
PREMIÈRE PARTIE
DRUPAL 8: LES NOUVEAUTÉS
DEUXIEME PARTIE
DRUPAL 8: POURQUOI? QUAND? COMMENT?
TROISIÈME PARTIE
...
17
VOS INTERLOCUTEURS
VINCENT MAUCORPS
Business Line Web Manager
@vmaucorps
Email : vincent.maucorps@smile.fr
ALAN MOREAU
...
18
DRUPAL 8:
JUIN 2015
Séminaire Smile - Drupal 8
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
+2 200 contributeurs au core drupal 8;
5 “core committers” (2 chez Acquia: Dries et Webchick)
...
21
DRUPAL 8: LES NOUVEAUTÉS
JUIN 2015
Séminaire Smile - Drupal 8
UN LONG CHEMIN
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
JUIN 2015
Séminaire Smile - Drupal 8
L’INITIATIVE SPA...
25
DRUPAL 8: LES NOUVEAUTÉS
«Edit in place» :
 Modifiez votre contenu directement
depuis le frontend
 Nous allons plus l...
26
DRUPAL 8: LES NOUVEAUTÉS
Nouvelle
interface de
contribution
JUIN 2015
Séminaire Smile - Drupal 8
L’INITIATIVE SPARK
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é
JUIN 2015
Séminaire Smile - Drupal 8
L’INITIATIVE SPARK
29
DRUPAL 8: LES NOUVEAUTÉS
Pensé multilingue : bloc, menu,
entité, …
Seulement 4 modules !
Choix de la langue par défaut
...
30
DRUPAL 8: LES NOUVEAUTÉS
Listes d’administrations
personnalisable
Responsive
Galerie d’images
Slideshow
réponse Json
JU...
31
DRUPAL 8: LES NOUVEAUTÉS
Nouveaux blocs “core”:
 Breadcrumbs, nom du site, slogan, …
Multi région (RIP multiBlock
modu...
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
JUIN 2015
...
35
DRUPAL 8: LES NOUVEAUTÉS
Mobile Friendly Toolbar
JUIN 2015
Séminaire Smile - Drupal 8
«MOBILE FIRST»
36
DRUPAL 8: LES NOUVEAUTÉS
Une aide simple pour vos nouveaux contributeurs
JUIN 2015
Séminaire Smile - Drupal 8
TAKE A TO...
37
DRUPAL 8: LES NOUVEAUTÉS
JUIN 2015
Séminaire Smile - Drupal 8
ET SOUS LE CAPOT ?
38
DRUPAL 8: LES NOUVEAUTÉS
Pour les “frontend”
développeurs
 HTML5
 Nouvelle librairies JS
 Twig
 Schema.org
 Naviga...
39
DRUPAL 8: LES NOUVEAUTÉS
Navigation: <nav>, <header>,
<main>, and <section>
Form: champ date, teléphone
et email
Effet ...
40
DRUPAL 8: LES NOUVEAUTÉS
Normalize.css
jQuery touch punch
DomReady
html5shiv et classList
JUIN 2015
Séminaire Smile - D...
41
DRUPAL 8: LES NOUVEAUTÉS
$node->foo ou $node['foo'] ?
print $foo ou print render($foo) ?
=> Aucune connaissance php
néc...
42
DRUPAL 8: LES NOUVEAUTÉS
JUIN 2015
Séminaire Smile - Drupal 8
SCHEMA.ORG
43
DRUPAL 8: LES NOUVEAUTÉS
JUIN 2015
Séminaire Smile - Drupal 8
POUR DES NAVIGATEURS MODERNES
44
DRUPAL 8: LES NOUVEAUTÉS
Architecture plus moderne
 POO, namespace, events, …
À jour avec les derniers standards
 PSR...
45
DRUPAL 8: LES NOUVEAUTÉS
Une API repensée
 Oublions les limites dans Drupal 7 core
Déclarer vos entité en étendant Ent...
46
DRUPAL 8: LES NOUVEAUTÉS
Content Entities
 Champs custom
 Enregistrés en base de données
 Créés depuis le front offi...
47
DRUPAL 8: LES NOUVEAUTÉS
Module entity_cache inclus
au core Drupal
Cache tags
 Vider les bons caches
Aggrégation des C...
48
DRUPAL 8: LES NOUVEAUTÉS
JUIN 2015
Séminaire Smile - Drupal 8
CONFIGURATIONS DES ENVIRONNEMENTS
DEV PRODTESTS
49
DRUPAL 8: LES NOUVEAUTÉS
JUIN 2015
Séminaire Smile - Drupal 8
CONFIGURATIONS DES ENVIRONNEMENTS
50
DRUPAL 8: LES NOUVEAUTÉS
JUIN 2015
Séminaire Smile - Drupal 8
CONFIGURATIONS DES ENVIRONNEMENTS
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
DRUPAL 8: LES NOUVEAUTÉS
La mise d’une Webfactory est
facilitée par:
 La nouvelle gestion des configuration
 Le moteu...
EXEMPLE DE
CHANGEMENT D’API
JUIN 2015
Séminaire Smile - Drupal 8
55
DRUPAL 8: LES NOUVEAUTÉS
JUIN 2015
Séminaire Smile - Drupal 8
EXEMPLE DE CHANGEMENT D’API
56
DRUPAL 8: LES NOUVEAUTÉS
JUIN 2015
Séminaire Smile - Drupal 8
EXEMPLE DE CHANGEMENT D’API
57
DRUPAL 8: LES NOUVEAUTÉS
JUIN 2015
Séminaire Smile - Drupal 8
EXEMPLE DE CHANGEMENT D’API
58
DRUPAL 8: LES NOUVEAUTÉS
https://www.drupal.org/project/console
 drupal drush : execute une commande drush
 drupal ca...
59
DRUPAL 8:
JUIN 2015
Séminaire Smile - Drupal 8
POURQUOI?
QUAND?
COMMENT?
60
Les clés du succès de votre stratégie web
Rentabiliser son
investissement
DRUPAL 8: POURQUOI? QUAND? COMMENT?
JUIN 2015...
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
o PHPUnit
o Composant...
64
DRUPAL 8: POURQUOI? QUAND? COMMENT?
Migration depuis Drupal 7
Migration depuis Drupal 6
Lancement d'un nouveau projet
J...
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
JUIN...
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
JUIN 2015
Séminaire Smile - Drupal 8
COMMENT?
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
JUIN 2015
Séminaire Smile - Drupal 8
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
JUIN 2015
Séminaire Smile - Drupal 8
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
JUIN 2015
Séminaire Smile - Drupal 8
LE GUIDE DRUPAL 8
QUE FAIRE AUJOURD’HUI?
Je me lance en Drupal 8 si…
 Je lance un...
DEMO
Prochain SlideShare
Chargement dans…5
×

Séminaire Drupal 8

2 086 vues

Publié le

Séminaire Drupal 8 en Belgique par Smile:
- Les nouveautés
- Passer à Drupal 8: Pourquoi ? Quand ? Comment ?

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

Aucun téléchargement
Vues
Nombre de vues
2 086
Sur SlideShare
0
Issues des intégrations
0
Intégrations
354
Actions
Partages
0
Téléchargements
34
Commentaires
0
J’aime
3
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Séminaire Drupal 8

  1. 1. DRUPAL 8 SÉMINAIRE SMILE
  2. 2. 2 QUI SOMMES-NOUS ? JUIN 2015 Séminaire Smile - Drupal 8
  3. 3. 3 JUIN 2015 Séminaire Smile - Drupal 8 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 JUIN 2015 Séminaire Smile - Drupal 8
  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 JUIN 2015 Séminaire Smile - Drupal 8
  6. 6. 6 SMILE, LE PREMIER INTÉGRATEUR OPEN SOURCE EUROPÉEN JUIN 2015 Séminaire Smile - Drupal 8 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 JUIN 2015 Séminaire Smile - Drupal 8 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 JUIN 2015 Séminaire Smile - Drupal 8 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. 9. 9 JUIN 2015 Séminaire Smile - Drupal 8 ILS NOUS FONT CONFIANCE NOS RÉFÉRENCES
  10. 10. 10 QUE FAIT-ON POUR VOUS ? JUIN 2015 Séminaire Smile - Drupal 8 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. 11. 11 5 OFFRES AU PLUS PRÈS DE VOTRE MÉTIER JUIN 2015 Séminaire Smile - Drupal 8 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 JUIN 2015 Séminaire Smile - Drupal 8 E-BUSINESS
  13. 13. 13 5 OFFRES AU PLUS PRÈS DE VOTRE MÉTIER JUIN 2015 Séminaire Smile - Drupal 8 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 JUIN 2015 Séminaire Smile - Drupal 8 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 JUIN 2015 Séminaire Smile - Drupal 8 WEB E-BUSINESS COLLABORATIF S.I. METIERS INFRASTRUCTURE Gestion de parc / Helpdesk Supervision Virtualisation / Cloud privé Gestion d’identité Messagerie INFRASTRUCTURE
  16. 16. 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 Séminaire Smile - Drupal 8 1 2 3
  17. 17. 17 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 Séminaire Smile - Drupal 8
  18. 18. 18 DRUPAL 8: JUIN 2015 Séminaire Smile - Drupal 8 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 JUIN 2015 Séminaire Smile - Drupal 8 SOMMAIRE
  20. 20. 20 DRUPAL 8: LES NOUVEAUTÉS +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 Séminaire Smile - Drupal 8 EN CHIFFRES
  21. 21. 21 DRUPAL 8: LES NOUVEAUTÉS JUIN 2015 Séminaire Smile - Drupal 8 UN LONG CHEMIN
  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 » JUIN 2015 Séminaire Smile - Drupal 8 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é” 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 Séminaire Smile - Drupal 8 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 JUIN 2015 Séminaire Smile - Drupal 8 L’INITIATIVE SPARK
  25. 25. 25 DRUPAL 8: LES NOUVEAUTÉS «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 Séminaire Smile - Drupal 8 L’INITIATIVE SPARK
  26. 26. 26 DRUPAL 8: LES NOUVEAUTÉS Nouvelle interface de contribution JUIN 2015 Séminaire Smile - Drupal 8 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») JUIN 2015 Séminaire Smile - Drupal 8 L’INITIATIVE SPARK
  28. 28. 28 DRUPAL 8: LES NOUVEAUTÉS Thème d’administration épuré JUIN 2015 Séminaire Smile - Drupal 8 L’INITIATIVE SPARK
  29. 29. 29 DRUPAL 8: LES NOUVEAUTÉS Pensé multilingue : bloc, menu, entité, … Seulement 4 modules ! Choix de la langue par défaut Translitération Meilleur indexation JUIN 2015 Séminaire Smile - Drupal 8 MULTILINGUISME
  30. 30. 30 DRUPAL 8: LES NOUVEAUTÉS Listes d’administrations personnalisable Responsive Galerie d’images Slideshow réponse Json JUIN 2015 Séminaire Smile - Drupal 8 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é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 Séminaire Smile - Drupal 8 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 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 Séminaire Smile - Drupal 8 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” JUIN 2015 Séminaire Smile - Drupal 8 «MOBILE FIRST»
  34. 34. 34 DRUPAL 8: LES NOUVEAUTÉS Tous les thèmes du core sont responsives Support pour les images responsives inclus JUIN 2015 Séminaire Smile - Drupal 8 «MOBILE FIRST»
  35. 35. 35 DRUPAL 8: LES NOUVEAUTÉS Mobile Friendly Toolbar JUIN 2015 Séminaire Smile - Drupal 8 «MOBILE FIRST»
  36. 36. 36 DRUPAL 8: LES NOUVEAUTÉS Une aide simple pour vos nouveaux contributeurs JUIN 2015 Séminaire Smile - Drupal 8 TAKE A TOUR
  37. 37. 37 DRUPAL 8: LES NOUVEAUTÉS JUIN 2015 Séminaire Smile - Drupal 8 ET SOUS LE CAPOT ?
  38. 38. 38 DRUPAL 8: LES NOUVEAUTÉS 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 Séminaire Smile - Drupal 8 POUR LES DÉVELOPPEURS
  39. 39. 39 DRUPAL 8: LES NOUVEAUTÉS Navigation: <nav>, <header>, <main>, and <section> Form: champ date, teléphone et email Effet HTML5/CSS JUIN 2015 Séminaire Smile - Drupal 8 HTML5
  40. 40. 40 DRUPAL 8: LES NOUVEAUTÉS Normalize.css jQuery touch punch DomReady html5shiv et classList JUIN 2015 Séminaire Smile - Drupal 8 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 JUIN 2015 Séminaire Smile - Drupal 8 TWIG
  42. 42. 42 DRUPAL 8: LES NOUVEAUTÉS JUIN 2015 Séminaire Smile - Drupal 8 SCHEMA.ORG
  43. 43. 43 DRUPAL 8: LES NOUVEAUTÉS JUIN 2015 Séminaire Smile - Drupal 8 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, … JUIN 2015 Séminaire Smile - Drupal 8 “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é 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 Séminaire Smile - Drupal 8 DES ENTITÉS PARTOUT
  46. 46. 46 DRUPAL 8: LES NOUVEAUTÉS 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 Séminaire Smile - Drupal 8 2 TYPES D’ENTITÉS
  47. 47. 47 DRUPAL 8: LES NOUVEAUTÉ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 Séminaire Smile - Drupal 8 CACHE
  48. 48. 48 DRUPAL 8: LES NOUVEAUTÉS JUIN 2015 Séminaire Smile - Drupal 8 CONFIGURATIONS DES ENVIRONNEMENTS DEV PRODTESTS
  49. 49. 49 DRUPAL 8: LES NOUVEAUTÉS JUIN 2015 Séminaire Smile - Drupal 8 CONFIGURATIONS DES ENVIRONNEMENTS
  50. 50. 50 DRUPAL 8: LES NOUVEAUTÉS JUIN 2015 Séminaire Smile - Drupal 8 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 JUIN 2015 Séminaire Smile - Drupal 8 PARTAGÉ 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) JUIN 2015 Séminaire Smile - Drupal 8 UN MOTEUR RESTFUL
  53. 53. 53 DRUPAL 8: LES NOUVEAUTÉS 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 Séminaire Smile - Drupal 8 WEBFACTORY & INDUSTRIALISATION DES DÉVELOPPEMENTS Blog Blog Blog e-Commerce Réseau Social Intranet Wiki Extranet Extranet Blog
  54. 54. EXEMPLE DE CHANGEMENT D’API JUIN 2015 Séminaire Smile - Drupal 8
  55. 55. 55 DRUPAL 8: LES NOUVEAUTÉS JUIN 2015 Séminaire Smile - Drupal 8 EXEMPLE DE CHANGEMENT D’API
  56. 56. 56 DRUPAL 8: LES NOUVEAUTÉS JUIN 2015 Séminaire Smile - Drupal 8 EXEMPLE DE CHANGEMENT D’API
  57. 57. 57 DRUPAL 8: LES NOUVEAUTÉS JUIN 2015 Séminaire Smile - Drupal 8 EXEMPLE DE CHANGEMENT D’API
  58. 58. 58 DRUPAL 8: LES NOUVEAUTÉS 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 Séminaire Smile - Drupal 8 LA CONSOLE SYMFONY EN BONUS
  59. 59. 59 DRUPAL 8: JUIN 2015 Séminaire Smile - Drupal 8 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? JUIN 2015 Séminaire Smile - Drupal 8 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 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 Séminaire Smile - Drupal 8 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 JUIN 2015 Séminaire Smile - Drupal 8 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 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 Séminaire Smile - Drupal 8 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 JUIN 2015 Séminaire Smile - Drupal 8 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? JUIN 2015 Séminaire Smile - Drupal 8 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? JUIN 2015 Séminaire Smile - Drupal 8 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? JUIN 2015 Séminaire Smile - Drupal 8 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 JUIN 2015 Séminaire Smile - Drupal 8 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? JUIN 2015 Séminaire Smile - Drupal 8 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? JUIN 2015 Séminaire Smile - Drupal 8 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 JUIN 2015 Séminaire Smile - Drupal 8 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 JUIN 2015 Séminaire Smile - Drupal 8 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 JUIN 2015 Séminaire Smile - Drupal 8 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 JUIN 2015 Séminaire Smile - Drupal 8 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 JUIN 2015 Séminaire Smile - Drupal 8 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 JUIN 2015 Séminaire Smile - Drupal 8 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…) JUIN 2015 Séminaire Smile - Drupal 8 COMMENT? Database Navigateur Logique PHP (accès aux données) Framework JavaScript (rendu HTML)
  78. 78. 78 MIGRER VERS JUIN 2015 Séminaire Smile - Drupal 8 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 JUIN 2015 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 JUIN 2015 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 JUIN 2015 Drupal 6 Drupal 7 Type de contenu Rôles Configuration Contenus Utilisateurs Migrate
  84. 84. 84 LE GUIDE JUIN 2015 Séminaire Smile - Drupal 8 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 JUIN 2015 Séminaire Smile - Drupal 8 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 JUIN 2015
  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 JUIN 2015 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 JUIN 2015
  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 JUIN 2015 Séminaire Smile - Drupal 8 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 JUIN 2015 Séminaire Smile - Drupal 8 LE GUIDE DRUPAL 8 POINTS D’ATTENTION
  93. 93. ?
  94. 94. 94 JUIN 2015 Séminaire Smile - Drupal 8 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

×