DRUPAL 8
SÉMINAIRE SMILE
2
QUI SOMMES-NOUS ?
SEPTEMBRE 2015
Séminaire Smile - Drupal 8
3
SEPTEMBRE 2015
Séminaire Smile - Drupal 8
SMILE, EN QUELQUES CHIFFRES
1er INTÉGRATEUR EUROPÉEN DE SOLUTIONS OPEN SOURCE
...
4
16 AGENCES SMILE
DANS 8 PAYS
Smile développe
sa présence
dans toute
l’Europe
SEPTEMBRE 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
SEPTEMBRE 2015
Séminaire Smile - Drupal 8
SMILE LE PLUS GROS ACTEUR D...
7
SMILE, BEAUCOUP PLUS QU’UN SIMPLE INTÉGRATEUR
SEPTEMBRE 2015
Séminaire Smile - Drupal 8
AMBASSADEUR
• Membre de l’APRIL ...
8
NOS EXPERTISES ET NOS CONVICTIONS
SEPTEMBRE 2015
Séminaire Smile - Drupal 8
DANS NOS LIVRES BLANCS
Culture du web
Infras...
9
SEPTEMBRE 2015
Séminaire Smile - Drupal 8
ILS NOUS FONT
CONFIANCE
NOS RÉFÉRENCES
10
QUE FAIT-ON POUR VOUS ?
SEPTEMBRE 2015
Séminaire Smile - Drupal 8
CONSEIL
Cadrage / Audits / Benchmark
AGENCE
Identité ...
11
5 OFFRES AU PLUS PRÈS DE VOTRE MÉTIER
SEPTEMBRE 2015
Séminaire Smile - Drupal 8
WEB
Sites Internet / Portails web
Mobil...
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
SEPTEMBRE 2015
Séminaire Smile - Drupal 8
WEB
E-BUSINESS
COLLABORATIF
Portails in...
14
5 OFFRES AU PLUS PRÈS DE VOTRE METIER
SEPTEMBRE 2015
Séminaire Smile - Drupal 8
WEB
E-BUSINESS
COLLABORATIF
S.I. METIER...
15
5 OFFRES AU PLUS PRÈS DE VOTRE METIER
SEPTEMBRE 2015
Séminaire Smile - Drupal 8
WEB
E-BUSINESS
COLLABORATIF
S.I. METIER...
16
VOS INTERLOCUTEURS
VINCENT MAUCORPS
Business Line Web Manager
@vmaucorps
Email : vincent.maucorps@smile.fr
FLORENT TORR...
17
SOMMAIRE
PREMIÈRE PARTIE
DRUPAL 8: LES NOUVEAUTÉS
DEUXIEME PARTIE
DRUPAL 8: POURQUOI? QUAND? COMMENT?
TROISIÈME PARTIE
...
18
DRUPAL 8:
SEPTEMBRE 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
SEPTEMBRE 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
SEPTEMBRE 2015
Séminaire Smile - Drupal 8
L’INITIATIV...
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
SEPTEMBRE 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é
SEPTEMBRE 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
SE...
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
SEPTEMBRE ...
35
DRUPAL 8: LES NOUVEAUTÉS
Mobile Friendly Toolbar
SEPTEMBRE 2015
Séminaire Smile - Drupal 8
«MOBILE FIRST»
36
DRUPAL 8: LES NOUVEAUTÉS
Une aide simple pour vos nouveaux contributeurs
SEPTEMBRE 2015
Séminaire Smile - Drupal 8
TAKE...
37
DRUPAL 8: LES NOUVEAUTÉS
SEPTEMBRE 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
SEPTEMBRE 2015
Séminaire Smil...
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
SEPTEMBRE 2015
Séminaire Smile - Drupal 8
SCHEMA.ORG
43
DRUPAL 8: LES NOUVEAUTÉS
SEPTEMBRE 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
SEPTEMBRE 2015
Séminaire Smile - Drupal 8
CONFIGURATIONS DES ENVIRONNEMENTS
DEV PRODTESTS
49
DRUPAL 8: LES NOUVEAUTÉS
SEPTEMBRE 2015
Séminaire Smile - Drupal 8
CONFIGURATIONS DES ENVIRONNEMENTS
50
DRUPAL 8: LES NOUVEAUTÉS
SEPTEMBRE 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
SEPTEMBRE 2015
Séminaire Smile - Drupal 8
55
DRUPAL 8: LES NOUVEAUTÉS
SEPTEMBRE 2015
Séminaire Smile - Drupal 8
EXEMPLE DE CHANGEMENT D’API
56
DRUPAL 8: LES NOUVEAUTÉS
SEPTEMBRE 2015
Séminaire Smile - Drupal 8
EXEMPLE DE CHANGEMENT D’API
57
DRUPAL 8: LES NOUVEAUTÉS
SEPTEMBRE 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:
SEPTEMBRE 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?
SEPTEMBRE...
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
S...
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
SEPT...
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
SEPTEMBRE 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
SEPTEMBRE 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
SEPTEMBRE 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
SEPTEMBRE 2015
Séminaire Smile - Drupal 8
LE GUIDE DRUPAL 8
QUE FAIRE AUJOURD’HUI?
Je me lance en Drupal 8 si…
 Je lan...
DEMO
Prochain SlideShare
Chargement dans…5
×

Séminaire drupal8 Lyon

1 389 vues

Publié le

Redécouvrez la dernière version d’un des CMS les plus utilisés au monde grâce au séminaire organisé par Smile à Lyon.

Au programme :

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

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

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

  • Séminaire drupal8 Lyon

    1. 1. DRUPAL 8 SÉMINAIRE SMILE
    2. 2. 2 QUI SOMMES-NOUS ? SEPTEMBRE 2015 Séminaire Smile - Drupal 8
    3. 3. 3 SEPTEMBRE 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 SEPTEMBRE 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 SEPTEMBRE 2015 Séminaire Smile - Drupal 8
    6. 6. 6 SMILE, LE PREMIER INTÉGRATEUR OPEN SOURCE EUROPÉEN SEPTEMBRE 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 SEPTEMBRE 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 SEPTEMBRE 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 SEPTEMBRE 2015 Séminaire Smile - Drupal 8 ILS NOUS FONT CONFIANCE NOS RÉFÉRENCES
    10. 10. 10 QUE FAIT-ON POUR VOUS ? SEPTEMBRE 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 SEPTEMBRE 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 SEPTEMBRE 2015 Séminaire Smile - Drupal 8 E-BUSINESS
    13. 13. 13 5 OFFRES AU PLUS PRÈS DE VOTRE MÉTIER SEPTEMBRE 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 SEPTEMBRE 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 SEPTEMBRE 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 FLORENT TORREGROSA Expert Drupal @Florent_Torre Email : florent.torregrosa@smile.fr SEPTEMBRE 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 SEPTEMBRE 2015 Séminaire Smile - Drupal 8 1 2 3
    18. 18. 18 DRUPAL 8: SEPTEMBRE 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 SEPTEMBRE 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 8 Criticals 15 versions alpha 15 version beta Plus de 200 nouvelles fonctionnalités et améliorations SEPTEMBRE 2015 Séminaire Smile - Drupal 8 EN CHIFFRES
    21. 21. 21 DRUPAL 8: LES NOUVEAUTÉS SEPTEMBRE 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 » SEPTEMBRE 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 SEPTEMBRE 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 SEPTEMBRE 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 SEPTEMBRE 2015 Séminaire Smile - Drupal 8 L’INITIATIVE SPARK
    26. 26. 26 DRUPAL 8: LES NOUVEAUTÉS Nouvelle interface de contribution SEPTEMBRE 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») SEPTEMBRE 2015 Séminaire Smile - Drupal 8 L’INITIATIVE SPARK
    28. 28. 28 DRUPAL 8: LES NOUVEAUTÉS Thème d’administration épuré SEPTEMBRE 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 SEPTEMBRE 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 SEPTEMBRE 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! SEPTEMBRE 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” ! SEPTEMBRE 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” SEPTEMBRE 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 SEPTEMBRE 2015 Séminaire Smile - Drupal 8 «MOBILE FIRST»
    35. 35. 35 DRUPAL 8: LES NOUVEAUTÉS Mobile Friendly Toolbar SEPTEMBRE 2015 Séminaire Smile - Drupal 8 «MOBILE FIRST»
    36. 36. 36 DRUPAL 8: LES NOUVEAUTÉS Une aide simple pour vos nouveaux contributeurs SEPTEMBRE 2015 Séminaire Smile - Drupal 8 TAKE A TOUR
    37. 37. 37 DRUPAL 8: LES NOUVEAUTÉS SEPTEMBRE 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 SEPTEMBRE 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 SEPTEMBRE 2015 Séminaire Smile - Drupal 8 HTML5
    40. 40. 40 DRUPAL 8: LES NOUVEAUTÉS Normalize.css jQuery touch punch DomReady html5shiv et classList SEPTEMBRE 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 SEPTEMBRE 2015 Séminaire Smile - Drupal 8 TWIG
    42. 42. 42 DRUPAL 8: LES NOUVEAUTÉS SEPTEMBRE 2015 Séminaire Smile - Drupal 8 SCHEMA.ORG
    43. 43. 43 DRUPAL 8: LES NOUVEAUTÉS SEPTEMBRE 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, … SEPTEMBRE 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, … SEPTEMBRE 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 SEPTEMBRE 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 SEPTEMBRE 2015 Séminaire Smile - Drupal 8 CACHE
    48. 48. 48 DRUPAL 8: LES NOUVEAUTÉS SEPTEMBRE 2015 Séminaire Smile - Drupal 8 CONFIGURATIONS DES ENVIRONNEMENTS DEV PRODTESTS
    49. 49. 49 DRUPAL 8: LES NOUVEAUTÉS SEPTEMBRE 2015 Séminaire Smile - Drupal 8 CONFIGURATIONS DES ENVIRONNEMENTS
    50. 50. 50 DRUPAL 8: LES NOUVEAUTÉS SEPTEMBRE 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 SEPTEMBRE 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) SEPTEMBRE 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 SEPTEMBRE 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 SEPTEMBRE 2015 Séminaire Smile - Drupal 8
    55. 55. 55 DRUPAL 8: LES NOUVEAUTÉS SEPTEMBRE 2015 Séminaire Smile - Drupal 8 EXEMPLE DE CHANGEMENT D’API
    56. 56. 56 DRUPAL 8: LES NOUVEAUTÉS SEPTEMBRE 2015 Séminaire Smile - Drupal 8 EXEMPLE DE CHANGEMENT D’API
    57. 57. 57 DRUPAL 8: LES NOUVEAUTÉS SEPTEMBRE 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 SEPTEMBRE 2015 Séminaire Smile - Drupal 8 LA CONSOLE SYMFONY EN BONUS
    59. 59. 59 DRUPAL 8: SEPTEMBRE 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? SEPTEMBRE 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 SEPTEMBRE 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 SEPTEMBRE 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 SEPTEMBRE 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 SEPTEMBRE 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? SEPTEMBRE 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? SEPTEMBRE 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? SEPTEMBRE 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 SEPTEMBRE 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? SEPTEMBRE 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? SEPTEMBRE 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 SEPTEMBRE 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 SEPTEMBRE 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 SEPTEMBRE 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 SEPTEMBRE 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 SEPTEMBRE 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 SEPTEMBRE 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…) SEPTEMBRE 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 SEPTEMBRE 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 SEPTEMBRE 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 SEPTEMBRE 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 SEPTEMBRE 2015 Drupal 6 Drupal 7 Type de contenu Rôles Configuration Contenus Utilisateurs Migrate
    84. 84. 84 LE GUIDE SEPTEMBRE 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 SEPTEMBRE 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 SEPTEMBRE 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 SEPTEMBRE 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 SEPTEMBRE 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 SEPTEMBRE 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 SEPTEMBRE 2015 Séminaire Smile - Drupal 8 LE GUIDE DRUPAL 8 POINTS D’ATTENTION
    93. 93. ?
    94. 94. 94 SEPTEMBRE 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

    ×