Drupal 8

    Léon Cros @chipway



.    Drupagora - 9 novembre 2012   .
Qui suis-je ?


     Léon Cros




         @chipway / chipway-drupal
.         Drupagora - 9 novembre 2012   .
Chipway : Spécialiste
• Formations Drupal 6, 7, ...
  –   Webmasters et administrateurs
  –   Développeurs
  –   Designers et intégrateurs
  –   Chef de projet Drupal
• Accompagnement/Coaching
• Développement
• Conseil, AMOA, ...
Qui êtes-vous ?
•   Direction fonctionnelle ?
•   DSI, RSI ?
•   Chef de projet ?
•   Créateur de Contenus ?
•   Développeur ?
•   Designer ?
•   Autre ?

• Qui ne connaissait pas Drupal avant de
  venir ?
                  Drupagora - 9 novembre 2012   4
Nouveautés Drupal 8



     Drupal 8




.       Drupagora - 9 novembre 2012   5
Des Lauriers, pas de repos !




.            Drupagora - 9 novembre 2012   6
Drupal reconnu




.



    .         .          7
Franchissons
un nouveau
 Palier avec
 Drupal 8 !
NB: Développements en cours.
Pas de garantie de réalisation à 100 %
Drupal 8 Mobile


       Mobilité
            &
    Multi-terminaux



.     Drupagora - 9 novembre 2012   10
                                    10
Mobile
Mobile
          Croissance de 25x sur
ous les      les 5 prochaines
sites             années!
 CMS


                  Tous les
Sites             sites web
Drupal
Responsive Design, Mobile First
Performance Front



Majeur pour
les Mobiles



                                 Source:
              http://www.stevesouders.com/blog/2012/02/10/th
              e-performance-golden-rule/
Présentation & Mise en page
●
    HTML
●
    Nettoyage balises
●
    Nouveau moteur de thème
●
    IE 6 & 7                              Drupal
●
    Blocs
●
    Contexte
●
    Responsive
.                Drupagora - 9 novembre 2012       15
                                                   15
Elements form. HTML5
        $form['telephone'] = array(
          '#type' => 'tel',
          '#title' => t('Phone'),
        );

        $form['website'] = array(
          '#type' => 'url',
          '#title' => t('Website'),
        );
        $form['email'] = array(
          '#type' => 'email',
          '#title' => t('Email'),
        ); $form['tickets'] = array(
          '#type' => 'number',
          '#title' => t('Tickets required'),
        );
Nettoyage des balises
Composants standard
Moteur de thème → Twig

Drupal 7                   Drupal 8
   region.tpl.php            region.twig


<?php if ($content): ?>    {% if content %}
<div class="<?php print    <div {{ attributes }}>
$classes; ?>">             {{ contents }}
<?php print $content; ?>   </div>{% endif %}
</div>
<?php endif; ?>

      PHPTemplate                   Twig
Blocs et Mise en page




Comme Panels dans le cœur en mieux
Blocs en Drupal 7
Eléments variés
●




●
 Mise en page pas
assez Souple

Blocs
●
 sans Contexte
●
 mono-instance
Mise en page Drupal 8

Ensemble → Détail
●
  Plus de cohérence
●
  Mise en page +
souple

Tout est bloc ou mise
en page
Blocs Drupal 8

Blocs

●
  Avec Contexte
●
  Multi-instances
●
  Indépendants
●
  Cachables ESI
Mise en page Responsive
Expérience Utilisateurs
      améliorée
Page d'édition
Edition directe
Spark
●
  Edition directe (in place)
●
  Créateur de mise en page
   responsive
●
  IHM administration sur mobile
●
  Testez Spark sur Drupal 7
Views dans le core !
Views en core : objectifs
                                   Dépasse
            Drupal 7.0             Drupal 6
            Janvier 2011        Fevrier 2012


                  13 months!
      ...

                     Juillet 2011
                       D7 commence
                          à être utilisé
Contenus de démo
Architecture
Architecture
• Multilingue
• Webservices
• Symfony
• Not invented here
• Views




.                Drupagora - 9 novembre 2012   35
                                               35
Multilingue

 Comme i18n dans le cœur
     mais en mieux
Multilingue Drupal 7
Multilingue Drupal 8
Web Services dans le core
Web Services dans le core




    Comme Services dans le cœur en mieux
Composants Symfony


                      Happy
                       User
                        :D

 Fièrement trouvé ailleurs
Déploiement des Configurations




                        node ID 4

node ID 4


   Comme Features dans le cœur, en mieux
Objectifs CMI
Objectifs CMI
Objectifs CMI
Objectifs CMI

ALERT!          ALERT!
Important       Important
announcement    announcement
about           about
something.      something.
Améliorations diverses
• “Fièrement trouvé ailleurs”
• OOP ; + Programmation objet
• Entity API++ ; CRUD
• Accélération des tests automatisés
• Amélioration API Fichiers/Media
• Dossiers Core / contrib & autres
• ...
Comme … en mieux
Core ←                                     → out
Views                                      Blog
~ i18n
~ Panels
~ Ctools
~ Features
.            Drupagora - 9 novembre 2012           49
                                                   49
Planning Drupal 8
     Début                   Gel du
 Développement                Code

  10 Mar 2011               1 Fév 2013




5 Jan 2011          1 Déc 2012        Août 2013

Drupal              Gel des           Drupal
  7.0            Fonctionnalités        8.0
Drupal



                      Conclusion




© Chipway 2009-2011   Drupagora - 9 novembre 2012   51
Conclusion Drupal
     Mobile
     Mise en page plus souple
     Harmonisation / simplification / facilité
     Localisation simplifiée
     Accélérations diverses
     Sécurisation templates
     Trouvé fièrement ailleurs
     Gestion des déploiements
     Adoption plus rapide
.                     Drupagora - 9 novembre 2012   52
                                                    52
Du meilleur
 pour tous
      01110111
      01101001
      01101100
      01101100
      00100000
      01100011
      01101111
      01100100
      01100101
      00100000
      01110000
      01101000
      01110000
      00100000
      01100110
      01101111
      01110010
      00100000
      01100110
      01101111
      01101111
      01100100
                 Utilisateurs
Remerciements
Slides :
●
  Angela “webchick” Byron
●
  Kristof De Jaeger
●
  Jen Lampton
●
  Dries Buytaert
●
  Gábor Hojtsy
●
  Larry Garfield
●
  Jingsheng Wang ( 王景昇 )

Drupal :
●
  Dries
●
  Contributeurs
●
  Communauté
Déjà > 600 contributeurs!
Merci de
       votre attention
       Questions ?



                                      Slides sur :
    http://fr.slideshare.net/chipway/Conference-Drupagora-Drupal-8_2012-11-09



.                                 Drupagora - 9 novembre 2012                   57

Conference drupagora-drupal-8 2012-11-09

  • 1.
    Drupal 8 Léon Cros @chipway . Drupagora - 9 novembre 2012 .
  • 2.
    Qui suis-je ? Léon Cros @chipway / chipway-drupal . Drupagora - 9 novembre 2012 .
  • 3.
    Chipway : Spécialiste •Formations Drupal 6, 7, ... – Webmasters et administrateurs – Développeurs – Designers et intégrateurs – Chef de projet Drupal • Accompagnement/Coaching • Développement • Conseil, AMOA, ...
  • 4.
    Qui êtes-vous ? • Direction fonctionnelle ? • DSI, RSI ? • Chef de projet ? • Créateur de Contenus ? • Développeur ? • Designer ? • Autre ? • Qui ne connaissait pas Drupal avant de venir ? Drupagora - 9 novembre 2012 4
  • 5.
    Nouveautés Drupal 8 Drupal 8 . Drupagora - 9 novembre 2012 5
  • 6.
    Des Lauriers, pasde repos ! . Drupagora - 9 novembre 2012 6
  • 7.
  • 8.
  • 9.
    NB: Développements encours. Pas de garantie de réalisation à 100 %
  • 10.
    Drupal 8 Mobile Mobilité & Multi-terminaux . Drupagora - 9 novembre 2012 10 10
  • 11.
  • 12.
    Mobile Croissance de 25x sur ous les les 5 prochaines sites années! CMS Tous les Sites sites web Drupal
  • 13.
  • 14.
    Performance Front Majeur pour lesMobiles Source: http://www.stevesouders.com/blog/2012/02/10/th e-performance-golden-rule/
  • 15.
    Présentation & Miseen page ● HTML ● Nettoyage balises ● Nouveau moteur de thème ● IE 6 & 7 Drupal ● Blocs ● Contexte ● Responsive . Drupagora - 9 novembre 2012 15 15
  • 17.
    Elements form. HTML5 $form['telephone'] = array( '#type' => 'tel', '#title' => t('Phone'), ); $form['website'] = array( '#type' => 'url', '#title' => t('Website'), ); $form['email'] = array( '#type' => 'email', '#title' => t('Email'), ); $form['tickets'] = array( '#type' => 'number', '#title' => t('Tickets required'), );
  • 18.
  • 19.
  • 20.
    Moteur de thème→ Twig Drupal 7 Drupal 8 region.tpl.php region.twig <?php if ($content): ?> {% if content %} <div class="<?php print <div {{ attributes }}> $classes; ?>"> {{ contents }} <?php print $content; ?> </div>{% endif %} </div> <?php endif; ?> PHPTemplate Twig
  • 22.
    Blocs et Miseen page Comme Panels dans le cœur en mieux
  • 23.
    Blocs en Drupal7 Eléments variés ● ● Mise en page pas assez Souple Blocs ● sans Contexte ● mono-instance
  • 24.
    Mise en pageDrupal 8 Ensemble → Détail ● Plus de cohérence ● Mise en page + souple Tout est bloc ou mise en page
  • 25.
    Blocs Drupal 8 Blocs ● Avec Contexte ● Multi-instances ● Indépendants ● Cachables ESI
  • 26.
    Mise en pageResponsive
  • 27.
  • 28.
  • 29.
  • 30.
    Spark ● Editiondirecte (in place) ● Créateur de mise en page responsive ● IHM administration sur mobile ● Testez Spark sur Drupal 7
  • 31.
  • 32.
    Views en core :objectifs Dépasse Drupal 7.0 Drupal 6 Janvier 2011 Fevrier 2012 13 months! ... Juillet 2011 D7 commence à être utilisé
  • 33.
  • 34.
    Architecture Architecture • Multilingue • Webservices •Symfony • Not invented here • Views . Drupagora - 9 novembre 2012 35 35
  • 35.
    Multilingue Comme i18ndans le cœur mais en mieux
  • 36.
  • 37.
  • 38.
  • 39.
    Web Services dansle core Comme Services dans le cœur en mieux
  • 41.
    Composants Symfony Happy User :D Fièrement trouvé ailleurs
  • 42.
    Déploiement des Configurations node ID 4 node ID 4 Comme Features dans le cœur, en mieux
  • 43.
  • 44.
  • 45.
  • 46.
    Objectifs CMI ALERT! ALERT! Important Important announcement announcement about about something. something.
  • 47.
    Améliorations diverses • “Fièrementtrouvé ailleurs” • OOP ; + Programmation objet • Entity API++ ; CRUD • Accélération des tests automatisés • Amélioration API Fichiers/Media • Dossiers Core / contrib & autres • ...
  • 48.
    Comme … enmieux Core ← → out Views Blog ~ i18n ~ Panels ~ Ctools ~ Features . Drupagora - 9 novembre 2012 49 49
  • 49.
    Planning Drupal 8 Début Gel du Développement Code 10 Mar 2011 1 Fév 2013 5 Jan 2011 1 Déc 2012 Août 2013 Drupal Gel des Drupal 7.0 Fonctionnalités 8.0
  • 50.
    Drupal Conclusion © Chipway 2009-2011 Drupagora - 9 novembre 2012 51
  • 51.
    Conclusion Drupal  Mobile  Mise en page plus souple  Harmonisation / simplification / facilité  Localisation simplifiée  Accélérations diverses  Sécurisation templates  Trouvé fièrement ailleurs  Gestion des déploiements  Adoption plus rapide . Drupagora - 9 novembre 2012 52 52
  • 52.
    Du meilleur pourtous 01110111 01101001 01101100 01101100 00100000 01100011 01101111 01100100 01100101 00100000 01110000 01101000 01110000 00100000 01100110 01101111 01110010 00100000 01100110 01101111 01101111 01100100 Utilisateurs
  • 53.
    Remerciements Slides : ● Angela “webchick” Byron ● Kristof De Jaeger ● Jen Lampton ● Dries Buytaert ● Gábor Hojtsy ● Larry Garfield ● Jingsheng Wang ( 王景昇 ) Drupal : ● Dries ● Contributeurs ● Communauté
  • 54.
    Déjà > 600contributeurs!
  • 55.
    Merci de votre attention Questions ? Slides sur : http://fr.slideshare.net/chipway/Conference-Drupagora-Drupal-8_2012-11-09 . Drupagora - 9 novembre 2012 57