DRUPAL 8
SÉMINAIRE SMILE
2
QUI SOMMES-NOUS ?
2015
Séminaire Smile - Drupal 8
3
2015
Séminaire Smile - Drupal 8
SMILE, EN QUELQUES CHIFFRES
1er INTÉGRATEUR EUROPÉEN DE SOLUTIONS OPEN SOURCE
+ de 20
+ ...
4
16 AGENCES SMILE
DANS 8 PAYS
Smile développe
sa présence
dans toute
l’Europe
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
2015
Séminaire Smile - Drupal 8
SMILE LE PLUS GROS ACTEUR DE L’OPEN S...
7
SMILE, BEAUCOUP PLUS QU’UN SIMPLE INTÉGRATEUR
2015
Séminaire Smile - Drupal 8
AMBASSADEUR
• Membre de l’APRIL et du PLOS...
8
NOS EXPERTISES ET NOS CONVICTIONS
2015
Séminaire Smile - Drupal 8
DANS NOS LIVRES BLANCS
Culture du web
Infrastructure
E...
9
2015
Séminaire Smile - Drupal 8
ILS NOUS FONT
CONFIANCE
NOS RÉFÉRENCES
10
QUE FAIT-ON POUR VOUS ?
2015
Séminaire Smile - Drupal 8
CONSEIL
Cadrage / Audits / Benchmark
AGENCE
Identité visuelle /...
11
5 OFFRES AU PLUS PRÈS DE VOTRE MÉTIER
2015
Séminaire Smile - Drupal 8
WEB
Sites Internet / Portails web
Mobiles et nouv...
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
2015
Séminaire Smile - Drupal 8
WEB
E-BUSINESS
COLLABORATIF
Portails intranet
Ges...
14
5 OFFRES AU PLUS PRÈS DE VOTRE METIER
2015
Séminaire Smile - Drupal 8
WEB
E-BUSINESS
COLLABORATIF
S.I. METIERS
Intégrat...
15
5 OFFRES AU PLUS PRÈS DE VOTRE METIER
2015
Séminaire Smile - Drupal 8
WEB
E-BUSINESS
COLLABORATIF
S.I. METIERS
INFRASTR...
16
VOS INTERLOCUTEURS
VINCENT MAUCORPS
Business Line Web Manager
@vmaucorps
Email : vincent.maucorps@smile.fr
ALAN MOREAU
...
17
SOMMAIRE
PREMIÈRE PARTIE
DRUPAL 8: LES NOUVEAUTÉS
DEUXIEME PARTIE
DRUPAL 8: POURQUOI? QUAND? COMMENT?
TROISIÈME PARTIE
...
18
DRUPAL 8:
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
+ 3 000 contributeurs au core drupal 8;
5 “core committers” (2 chez Acquia: Dries et Webchick)...
21
DRUPAL 8: LES NOUVEAUTÉS
2015
Séminaire Smile - Drupal 8
UN LONG CHEMIN
ReleaseAPI completionFeauture development
Devel...
22
DRUPAL 8: LES NOUVEAUTÉS
2015
Séminaire Smile - Drupal 8
UN LONG CHEMIN
ReleaseAPI completionFeauture development
Devel...
23
DRUPAL 8: LES NOUVEAUTÉS
Pour les contributeurs:
 L’initiative Spark
 Multilinguisme
 Views dans le core Drupal
 De...
24
DRUPAL 8: LES NOUVEAUTÉS
Spark: Une initiative Acquia créée par Dries afin d’améliorer
l’expérience utilisateur pour Dr...
25
DRUPAL 8: LES NOUVEAUTÉS
WYSIWYG
 inclus dans le core Drupal
2015
Séminaire Smile - Drupal 8
L’INITIATIVE SPARK
26
DRUPAL 8: LES NOUVEAUTÉS
In Place Editing
 Modifiez votre contenu directement
depuis le frontend
 Nous allons plus lo...
27
DRUPAL 8: LES NOUVEAUTÉS
Nouvelle
interface de
contribution
2015
Séminaire Smile - Drupal 8
L’INITIATIVE SPARK
28
DRUPAL 8: LES NOUVEAUTÉS
Prévisualisation :
 Visualiser vos contenus tels
qu’ils seront réellement
affichés sur le fro...
29
DRUPAL 8: LES NOUVEAUTÉS
Thème d’administration épuré
2015
Séminaire Smile - Drupal 8
L’INITIATIVE SPARK
30
DRUPAL 8: LES NOUVEAUTÉS
2015
Séminaire Smile - Drupal 8
MULTILINGUISME
Une version pensée multilingue
 Blocs
 Menus
...
31
DRUPAL 8: LES NOUVEAUTÉS
Listes d’administrations
personnalisables
Responsive
Galerie d’images
Slideshow
Réponse JSON
…...
32
DRUPAL 8: LES NOUVEAUTÉS
Nouveaux blocs « core »
 Breadcrumbs
 Nom du site
 Slogan
 …
Multi régions
(RIP multiBlock...
33
DRUPAL 8: LES NOUVEAUTÉS
Des nouveaux types de
champs pour vos entités
 Les indispensables: date, entity
reference, …
...
34
DRUPAL 8: LES NOUVEAUTÉS
Une application adaptée à tous
les écrans:
 Responsive design
 Mobile friendly toolbar
 Per...
35
DRUPAL 8: LES NOUVEAUTÉS
Tous les thèmes du core sont responsives
Support pour les images responsives inclus
2015
Sémin...
36
DRUPAL 8: LES NOUVEAUTÉS
Mobile Friendly Toolbar
2015
Séminaire Smile - Drupal 8
«MOBILE FIRST»
37
DRUPAL 8: LES NOUVEAUTÉS
Une aide simple pour vos nouveaux contributeurs
2015
Séminaire Smile - Drupal 8
TAKE A TOUR
38
DRUPAL 8: LES NOUVEAUTÉS
2015
Séminaire Smile - Drupal 8
ET SOUS LE CAPOT ?
39
DRUPAL 8: LES NOUVEAUTÉS
Pour les développeurs
« frontend »
 HTML5
 Nouvelles librairies JS
 Twig
 Schema.org
 Nav...
40
DRUPAL 8: LES NOUVEAUTÉS
Navigation
 <nav>, <header>, <main> et
<section>
Formulaires
 champs date, téléphone et emai...
41
DRUPAL 8: LES NOUVEAUTÉS
Normalize.css
jQuery touch punch
DomReady
html5shiv et classList
2015
Séminaire Smile - Drupal...
42
DRUPAL 8: LES NOUVEAUTÉS
$node->foo ou $node['foo'] ?
print $foo ou print render($foo) ?
►Aucune connaissance php
néces...
43
DRUPAL 8: LES NOUVEAUTÉS
2015
Séminaire Smile - Drupal 8
SCHEMA.ORG
44
DRUPAL 8: LES NOUVEAUTÉS
2015
Séminaire Smile - Drupal 8
POUR DES NAVIGATEURS MODERNES
45
DRUPAL 8: LES NOUVEAUTÉS
Architecture plus moderne
 POO
 Namespace
 Events
 …
À jour avec les derniers standards
 ...
46
DRUPAL 8: LES NOUVEAUTÉS
Une API repensée
 Oublions les limites dans Drupal 7 core
Déclarer vos entités en étendant En...
47
DRUPAL 8: LES NOUVEAUTÉS
Content Entities
 Champs custom
 Enregistrées en base de données
 Créées depuis le front of...
48
DRUPAL 8: LES NOUVEAUTÉS
Module entity_cache inclus
dans le core Drupal
Cache tags
 Vider les bons caches
Agrégation d...
49
DRUPAL 8: LES NOUVEAUTÉS
2015
Séminaire Smile - Drupal 8
CONFIGURATIONS DES ENVIRONNEMENTS
DEV PRODTESTS
50
DRUPAL 8: LES NOUVEAUTÉS
2015
Séminaire Smile - Drupal 8
CONFIGURATIONS DES ENVIRONNEMENTS
51
DRUPAL 8: LES NOUVEAUTÉS
2015
Séminaire Smile - Drupal 8
CONFIGURATIONS DES ENVIRONNEMENTS
52
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 / ...
53
DRUPAL 8: LES NOUVEAUTÉS
Modules RESTful Web Services
(RestWS)
 API REST entièrement configurable
Intégration avec vie...
54
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
2015
Séminaire Smile - Drupal 8
56
DRUPAL 8: LES NOUVEAUTÉS
2015
Séminaire Smile - Drupal 8
EXEMPLE DE CHANGEMENT D’API
57
DRUPAL 8: LES NOUVEAUTÉS
2015
Séminaire Smile - Drupal 8
EXEMPLE DE CHANGEMENT D’API
58
DRUPAL 8: LES NOUVEAUTÉS
2015
Séminaire Smile - Drupal 8
EXEMPLE DE CHANGEMENT D’API
59
DRUPAL 8: LES NOUVEAUTÉS
https://www.drupal.org/project/console
 drupal drush : Exécute une commande drush
 drupal ca...
60
DRUPAL 8:
2015
Séminaire Smile - Drupal 8
POURQUOI?
QUAND?
COMMENT?
61
Les clés du succès de votre stratégie web
Rentabiliser son
investissement
DRUPAL 8: POURQUOI? QUAND? COMMENT?
2015
Sémi...
62
DRUPAL 8: POURQUOI? QUAND? COMMENT?
Attirer des visiteurs
 SEO (Search Engine Optimisation)
o Schema.org pris en charg...
63
DRUPAL 8: POURQUOI? QUAND? COMMENT?
Fidéliser
 Front-end
o HTML5
o Mobile / Responsive Design
o Accessibilité
 Multil...
64
DRUPAL 8: POURQUOI? QUAND? COMMENT?
Rentabiliser son investissement
 Compétences plus génériques, plus
faciles à recru...
65
DRUPAL 8: POURQUOI? QUAND? COMMENT?
Migration depuis Drupal 7
Migration depuis Drupal 6
Lancement d'un nouveau projet
2...
66
Migration depuis Drupal 7
 Planifier sans précipitation
 Choisir les bons modules
 Attendre Drupal 9?
VERSION STABLE...
67
Drupal
9
Support
Migration depuis Drupal 7
 Planifier sans précipitation
 Choisir les bons modules
 Attendre Drupal ...
68
Drupal
9
Support
Migration depuis Drupal 7
 Planifier sans précipitation
 Choisir les bons modules
 Attendre Drupal ...
69
DRUPAL 8: POURQUOI? QUAND? COMMENT?
Migration depuis Drupal 6
 L'enjeu du support
 Migration 6 ou 7: même combat
2015...
70
Migration depuis Drupal 6
 L'enjeu du support
 Migration 6 ou 7: même combat
Support AcquiaSupport par la communauté
...
71
Migration depuis Drupal 6
 L'enjeu du support
 Migration 6 ou 7: même combat
Support AcquiaSupport par la communauté
...
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?
Lancement d'un nouveau projet
 Procéder par étape
 Que faire maintenant...
 ...e...
75
DRUPAL 8: POURQUOI? QUAND? COMMENT?
Préparer la montée en compétence
2015
Séminaire Smile - Drupal 8
COMMENT?
76
DRUPAL 8: POURQUOI? QUAND? COMMENT?
Développer un module
 Utilisation de concepts Symfony2
 Programmation orientée ob...
77
DRUPAL 8: POURQUOI? QUAND? COMMENT?
Créer un thème
 Drupal 8 s’appuie sur le moteur de template Twig
o Standardisation...
78
DRUPAL 8: POURQUOI? QUAND? COMMENT?
Oser les SPA
(Single Page Application) !
 Les nouveautés en termes de
Webservices ...
79
MIGRER VERS
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...
85
LE GUIDE
2015
Séminaire Smile - Drupal 8
DRUPAL 8
DÉMARRER UN SITE SOUS DRUPAL 8?
NOUS AVONS ESSAYÉ!
87
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 ...
92
Les développements spécifiques
concernent:
 La création du thème
o Intégration des styles
o Diaporama
o Adaptation de ...
93
Encore quelques bugs détectés dans le core
 La plupart peuvent être contournés
La mise à jour d’une version beta à une...
?
95
2015
Séminaire Smile - Drupal 8
LE GUIDE DRUPAL 8
QUE FAIRE AUJOURD’HUI?
Je me lance en Drupal 8 si…
 Je lance un nouv...
DEMO
Prochain SlideShare
Chargement dans…5
×

Seminaire drupal8 Lille

1 145 vues

Publié le

Découvrez la présentation du séminaire Smile sur la dernière version d’un des CMS les plus utilisés au monde.

Plan :

Première partie : Drupal 8, les nouveautés
Deuxieme partie : Drupal 8, pourquoi? Quand? Comment?
Troisième partie : www.drupal8-guide.com , retour d’expérience sur le déploiement de la solution
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
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
1 145
Sur SlideShare
0
Issues des intégrations
0
Intégrations
443
Actions
Partages
0
Téléchargements
0
Commentaires
0
J’aime
1
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 drupal8 Lille

    1. 1. DRUPAL 8 SÉMINAIRE SMILE
    2. 2. 2 QUI SOMMES-NOUS ? 2015 Séminaire Smile - Drupal 8
    3. 3. 3 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 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 2015 Séminaire Smile - Drupal 8
    6. 6. 6 SMILE, LE PREMIER INTÉGRATEUR OPEN SOURCE EUROPÉEN 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 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 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 2015 Séminaire Smile - Drupal 8 ILS NOUS FONT CONFIANCE NOS RÉFÉRENCES
    10. 10. 10 QUE FAIT-ON POUR VOUS ? 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 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 2015 Séminaire Smile - Drupal 8 E-BUSINESS
    13. 13. 13 5 OFFRES AU PLUS PRÈS DE VOTRE MÉTIER 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 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 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 VOS INTERLOCUTEURS VINCENT MAUCORPS Business Line Web Manager @vmaucorps Email : vincent.maucorps@smile.fr ALAN MOREAU Expert Drupal @misterdoak Email : alan.moreau@smile.fr 2015 Séminaire Smile - Drupal 8
    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 2015 Séminaire Smile - Drupal 8 1 2 3
    18. 18. 18 DRUPAL 8: 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 2015 Séminaire Smile - Drupal 8 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) + 19 500 patch commités 4 Criticals 15 versions alpha 15 versions beta Plus de 200 nouvelles fonctionnalités et améliorations 2015 Séminaire Smile - Drupal 8 EN CHIFFRES
    21. 21. 21 DRUPAL 8: LES NOUVEAUTÉS 2015 Séminaire Smile - Drupal 8 UN LONG CHEMIN ReleaseAPI completionFeauture development Development opens March 2011 Feature freeze Dec. 2012 Feature complete February 2013 API freeze July 2013 Major API locked down October 2014 Drupal 8.0.0 When it’s ready
    22. 22. 22 DRUPAL 8: LES NOUVEAUTÉS 2015 Séminaire Smile - Drupal 8 UN LONG CHEMIN ReleaseAPI completionFeauture development Development opens March 2011 Feature freeze Dec. 2012 Feature complete February 2013 API freeze July 2013 Major API locked down October 2014 Drupal 8.0.0 When it’s ready
    23. 23. 23 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 » 2015 Séminaire Smile - Drupal 8 VUE D’ENSEMBLE
    24. 24. 24 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 2015 Séminaire Smile - Drupal 8 L’INITIATIVE SPARK http://buytaert.net/announcing-spark-authoring-improvements-for-drupal-7-and-drupal-8
    25. 25. 25 DRUPAL 8: LES NOUVEAUTÉS WYSIWYG  inclus dans le core Drupal 2015 Séminaire Smile - Drupal 8 L’INITIATIVE SPARK
    26. 26. 26 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 2015 Séminaire Smile - Drupal 8 L’INITIATIVE SPARK
    27. 27. 27 DRUPAL 8: LES NOUVEAUTÉS Nouvelle interface de contribution 2015 Séminaire Smile - Drupal 8 L’INITIATIVE SPARK
    28. 28. 28 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») 2015 Séminaire Smile - Drupal 8 L’INITIATIVE SPARK
    29. 29. 29 DRUPAL 8: LES NOUVEAUTÉS Thème d’administration épuré 2015 Séminaire Smile - Drupal 8 L’INITIATIVE SPARK
    30. 30. 30 DRUPAL 8: LES NOUVEAUTÉS 2015 Séminaire Smile - Drupal 8 MULTILINGUISME Une version pensée multilingue  Blocs  Menus  Entités  … Seulement 4 modules ! Choix de la langue par défaut Translitération Meilleure indexation
    31. 31. 31 DRUPAL 8: LES NOUVEAUTÉS Listes d’administrations personnalisables Responsive Galerie d’images Slideshow Réponse JSON … 2015 Séminaire Smile - Drupal 8 VIEWS DANS LE CORE DRUPAL (MODULE LE PLUS UTILISÉ)
    32. 32. 32 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! 2015 Séminaire Smile - Drupal 8 DES BLOCS SOUS STÉROÏDES
    33. 33. 33 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 »! 2015 Séminaire Smile - Drupal 8 UN MODÈLE DE DONNÉES AMÉLIORÉ
    34. 34. 34 DRUPAL 8: LES NOUVEAUTÉS Une application adaptée à tous les écrans:  Responsive design  Mobile friendly toolbar  Performance “Front end” 2015 Séminaire Smile - Drupal 8 «MOBILE FIRST»
    35. 35. 35 DRUPAL 8: LES NOUVEAUTÉS Tous les thèmes du core sont responsives Support pour les images responsives inclus 2015 Séminaire Smile - Drupal 8 «MOBILE FIRST»
    36. 36. 36 DRUPAL 8: LES NOUVEAUTÉS Mobile Friendly Toolbar 2015 Séminaire Smile - Drupal 8 «MOBILE FIRST»
    37. 37. 37 DRUPAL 8: LES NOUVEAUTÉS Une aide simple pour vos nouveaux contributeurs 2015 Séminaire Smile - Drupal 8 TAKE A TOUR
    38. 38. 38 DRUPAL 8: LES NOUVEAUTÉS 2015 Séminaire Smile - Drupal 8 ET SOUS LE CAPOT ?
    39. 39. 39 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 2015 Séminaire Smile - Drupal 8 POUR LES DÉVELOPPEURS
    40. 40. 40 DRUPAL 8: LES NOUVEAUTÉS Navigation  <nav>, <header>, <main> et <section> Formulaires  champs date, téléphone et email Effets HTML5/CSS 2015 Séminaire Smile - Drupal 8 HTML5
    41. 41. 41 DRUPAL 8: LES NOUVEAUTÉS Normalize.css jQuery touch punch DomReady html5shiv et classList 2015 Séminaire Smile - Drupal 8 NOUVEAUX OUTILS FRONTEND
    42. 42. 42 DRUPAL 8: LES NOUVEAUTÉS $node->foo ou $node['foo'] ? print $foo ou print render($foo) ? ►Aucune connaissance php nécessaire 2015 Séminaire Smile - Drupal 8 TWIG
    43. 43. 43 DRUPAL 8: LES NOUVEAUTÉS 2015 Séminaire Smile - Drupal 8 SCHEMA.ORG
    44. 44. 44 DRUPAL 8: LES NOUVEAUTÉS 2015 Séminaire Smile - Drupal 8 POUR DES NAVIGATEURS MODERNES
    45. 45. 45 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  … 2015 Séminaire Smile - Drupal 8 “PROUDLY FOUND ELSEWHERE”
    46. 46. 46 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, … 2015 Séminaire Smile - Drupal 8 DES ENTITÉS PARTOUT
    47. 47. 47 DRUPAL 8: LES NOUVEAUTÉS Content Entities  Champs custom  Enregistrées en base de données  Créées depuis le front office Examples  Ž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 Examples  Content Types  Custom Block Types  User Roles  Views  Taxonomy Vocabularies  Menus  Image Styles 2015 Séminaire Smile - Drupal 8 2 TYPES D’ENTITÉS
    48. 48. 48 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 2015 Séminaire Smile - Drupal 8 CACHE
    49. 49. 49 DRUPAL 8: LES NOUVEAUTÉS 2015 Séminaire Smile - Drupal 8 CONFIGURATIONS DES ENVIRONNEMENTS DEV PRODTESTS
    50. 50. 50 DRUPAL 8: LES NOUVEAUTÉS 2015 Séminaire Smile - Drupal 8 CONFIGURATIONS DES ENVIRONNEMENTS
    51. 51. 51 DRUPAL 8: LES NOUVEAUTÉS 2015 Séminaire Smile - Drupal 8 CONFIGURATIONS DES ENVIRONNEMENTS
    52. 52. 52 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 2015 Séminaire Smile - Drupal 8 PARTAGER DU CONTENU DRUPAL À DRUPAL
    53. 53. 53 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) 2015 Séminaire Smile - Drupal 8 UN MOTEUR RESTFUL
    54. 54. 54 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 2015 Séminaire Smile - Drupal 8 WEBFACTORY & INDUSTRIALISATION DES DÉVELOPPEMENTS Blog Blog Blog e-Commerce Réseau Social Intranet Wiki Extranet Blog
    55. 55. EXEMPLE DE CHANGEMENT D’API 2015 Séminaire Smile - Drupal 8
    56. 56. 56 DRUPAL 8: LES NOUVEAUTÉS 2015 Séminaire Smile - Drupal 8 EXEMPLE DE CHANGEMENT D’API
    57. 57. 57 DRUPAL 8: LES NOUVEAUTÉS 2015 Séminaire Smile - Drupal 8 EXEMPLE DE CHANGEMENT D’API
    58. 58. 58 DRUPAL 8: LES NOUVEAUTÉS 2015 Séminaire Smile - Drupal 8 EXEMPLE DE CHANGEMENT D’API
    59. 59. 59 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 2015 Séminaire Smile - Drupal 8 LA CONSOLE SYMFONY EN BONUS
    60. 60. 60 DRUPAL 8: 2015 Séminaire Smile - Drupal 8 POURQUOI? QUAND? COMMENT?
    61. 61. 61 Les clés du succès de votre stratégie web Rentabiliser son investissement DRUPAL 8: POURQUOI? QUAND? COMMENT? 2015 Séminaire Smile - Drupal 8 POURQUOI? Votre Site Web Fidéliser en proposant une expérience utilisateur de qualité Attirer des visiteurs
    62. 62. 62 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 2015 Séminaire Smile - Drupal 8 POURQUOI? Attirer des visiteurs
    63. 63. 63 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 2015 Séminaire Smile - Drupal 8 POURQUOI? Votre Site Web Fidéliser en proposant une expérience utilisateur de qualité
    64. 64. 64 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 2015 Séminaire Smile - Drupal 8 POURQUOI? Rentabiliser son investissement
    65. 65. 65 DRUPAL 8: POURQUOI? QUAND? COMMENT? Migration depuis Drupal 7 Migration depuis Drupal 6 Lancement d'un nouveau projet 2015 Séminaire Smile - Drupal 8 QUAND?
    66. 66. 66 Migration depuis Drupal 7  Planifier sans précipitation  Choisir les bons modules  Attendre Drupal 9? VERSION STABLERELEASE CANDIDATEBETA DRUPAL 8: POURQUOI? QUAND? COMMENT? 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? 2015 Séminaire Smile - Drupal 8 QUAND?
    68. 68. 68 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? 2015 Séminaire Smile - Drupal 8 QUAND? MigrationMigration
    69. 69. 69 DRUPAL 8: POURQUOI? QUAND? COMMENT? Migration depuis Drupal 6  L'enjeu du support  Migration 6 ou 7: même combat 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? 2015 Séminaire Smile - Drupal 8 QUAND? VERSION STABLERELEASE CANDIDATEBETA
    71. 71. 71 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? 2015 Séminaire Smile - Drupal 8 QUAND? VERSION STABLERELEASE CANDIDATEBETA Migration
    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 2015 Séminaire Smile - Drupal 8 QUAND? 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 2015 Séminaire Smile - Drupal 8 QUAND? Modules du noyau Modules Complémentaires VERSION STABLERELEASE CANDIDATEBETA
    74. 74. 74 DRUPAL 8: POURQUOI? QUAND? COMMENT? Lancement d'un nouveau projet  Procéder par étape  Que faire maintenant...  ...et un peu plus tard 2015 Séminaire Smile - Drupal 8 QUAND? Modules du noyau Modules Complémentaires VERSION STABLERELEASE CANDIDATEBETA Plus riche que Drupal 7
    75. 75. 75 DRUPAL 8: POURQUOI? QUAND? COMMENT? Préparer la montée en compétence 2015 Séminaire Smile - Drupal 8 COMMENT?
    76. 76. 76 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 2015 Séminaire Smile - Drupal 8 COMMENT? Database Navigateur Logique PHP (accès aux données) Moteur de Template
    77. 77. 77 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 2015 Séminaire Smile - Drupal 8 COMMENT? Database Navigateur Logique PHP (accès aux données) Moteur de Template (rendu HTML)
    78. 78. 78 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…) 2015 Séminaire Smile - Drupal 8 COMMENT? Database Navigateur Logique PHP (accès aux données) Framework JavaScript (rendu HTML)
    79. 79. 79 MIGRER VERS 2015 Séminaire Smile - Drupal 8 DRUPAL 8
    80. 80. 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.
    81. 81. 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
    82. 82. 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 2015 https://www.drupal.org/project/upgrade_status
    83. 83. 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 2015 https://www.drupal.org/project/drupalmoduleupgrader Exemple de rapport sur le module Socialize :
    84. 84. 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 2015 Drupal 6 Drupal 7 Type de contenu Rôles Configuration Contenus Utilisateurs Migrate
    85. 85. 85 LE GUIDE 2015 Séminaire Smile - Drupal 8 DRUPAL 8
    86. 86. DÉMARRER UN SITE SOUS DRUPAL 8? NOUS AVONS ESSAYÉ!
    87. 87. 87 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 2015 Séminaire Smile - Drupal 8 LE GUIDE DRUPAL 8 UN SITE RÉFÉRENCE AUTOUR DE DRUPAL
    88. 88. 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
    89. 89. 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 2015
    90. 90. 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 2015 Blocks Page
    91. 91. 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 2015
    92. 92. 92 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 2015 Séminaire Smile - Drupal 8 LE GUIDE DRUPAL 8 LES DÉVELOPPEMENTS SPÉCIFIQUES Thème Module spécifique
    93. 93. 93 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 2015 Séminaire Smile - Drupal 8 LE GUIDE DRUPAL 8 POINTS D’ATTENTION
    94. 94. ?
    95. 95. 95 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
    96. 96. DEMO

    ×