Joomla!3.x - les nouveautés - Marc Dechèvre

10,678 views

Published on

Joomla!3.x - les nouveautés
Document de référence mis à jour à chaque (sous-)version de Joomla :-)

Published in: Technology
3 Comments
9 Likes
Statistics
Notes
No Downloads
Views
Total views
10,678
On SlideShare
0
From Embeds
0
Number of Embeds
1,401
Actions
Shares
0
Downloads
221
Comments
3
Likes
9
Embeds 0
No embeds

No notes for slide
  • Police « stencil pour le cachet « mise à jour dd.mm.yyyy »
  • Mini logos disponibles sur http://docs.joomla.org/Category:Joomla!_3.3 p ex
  • Joomla!3.x - les nouveautés - Marc Dechèvre

    1. 1. Joomla!® 3.x la synthèse de toutes les nouveautés des versions 3.7 | 3.6 | 3.5 | 3.4 | 3.3 | 3.2 | 3.1 | 3.0 + la feuille de route des versions suivantes 3.8, 4.0 et X ❼ 25.04.2017 > MISE À JOUR À L’OCCASION DE LA SORTIE DE JOOMLA 3.7 ET DU JOOMLA DAY FRANCE 2017 ❻ 24.09.2016 > PRÉSENTATION AU JOOMLA USER GROUP WALLONIE [ LIÈGE ] - MISE À JOUR À L’OCCASION DE LA SORTIE DE JOOMLA 3.6 ❺ 16.03.2016 > MISE À JOUR À L’OCCASION DE LA SORTIE DE JOOMLA 3.5 ❹ 01.02.2015 > MISE À JOUR À L’OCCASION DU 1ER JOOMAPERO 2015 DU JOOMLA USER GROUP WALLONIE ❸ 11.10.2014 > PRÉSENTATION AU JOOMAPERO [ TECHNOFUTUR TIC, GOSSELIES ] DU JOOMLA USER GROUP WALLONIE ❷ 24.05.2014 > MISE À JOUR À L’OCCASION DU JOOMLADAY ™ [ PARIS ] ❶ 22.02.2014 > PRÉSENTATION AU JOOMLA USER GROUP WALLONIE [ BRUXELLES ] 1 MARC DECHÈVRE | présentation et vidéos disponibles sur woluweb.be/fr/joomlaV 7 versions
    2. 2. Plan de la présentation ► INTRODUCTION ► LES VERSIONS DE JOOMLA!® ► FEUILLE DE ROUTE VERSIONS SUIV. ► LES NOUVEAUTÉS DE J!3.7 ► LES NOUVEAUTÉS DE J!3.6 ► LES NOUVEAUTÉS DE J!3.5 ► LES NOUVEAUTÉS DE J!3.4 ► LES NOUVEAUTÉS DE J!3.3 ► LES NOUVEAUTÉS DE J!3.2 ► LES NOUVEAUTÉS DE J!3.1 ► LES NOUVEAUTÉS DE J!3.0 ► INSTALLER J!3 EN LOCAL ► PASSER À J!3 – OU PAS ? ► PASSER À J!3 – COMMENT ► RESSOURCES SUR J!3 ► CONCLUSION 2  Les différences principales par rapport à la version précédente du présent document sont indiquées avec le logo « nouveau »
    3. 3. Introduction 3 joomla.org/3/fr
    4. 4. L’objectif de cette présentation  L’objet de cette présentation est de faire le tour des innovations apportées par Joomla!® 3, la dernière génération de Joomla!®… qui a tout pour faire référence dans le monde des CMS  En effet, les informations sur J!3 que l’on peut glaner ici et là sont souvent partielles, ceci étant dû au fait que les innovations sont arrivées au fil des sous-versions (J!3.x). Conséquence : l’utilisateur manque souvent d’une vue globale sur le sujet…  L’objectif est donc  D’une part de tenter de rassembler et de synthétiser l’ensemble des nouveautés éparpillées sur plusieurs sous-versions de Joomla!®  D’autre part d’émailler la présentation de ces nouveautés d’une série de liens permettant d’en apprendre plus 4
    5. 5. Vous  La perspective pour cette présentation est celle de l’utilisateur de Joomla (et non par exemple celle du développeur d’extensions, celle du testeur, …)  Le public visé va  du débutant qui gère par exemple un petit site pour son club ou son association  à l’utilisateur averti qui maîtrise par exemple déjà bien Joomla 2.5  et même jusqu’à l’utilisateur « professionnel » qui jongle avec Joomla mais sera quand même bien passé à côté de l’une ou l’autre nouveauté…  En effet, Joomla!® 3 et chacune de ses sous-versions viennent avec son lot d’innovations… et il y en a pour tout le monde ! 5
    6. 6. Moi  Marc Dechèvre | marc woluweb.be | www.woluweb.be  Membre de la Fédération des Métiers du Web  Membre actif de la Communauté Joomla®  1er de la francophonie 16e au monde à obtenir la Certification Administrateur Joomla!®  Co-organisateur du Joomla User Group (JUG) Wallonie  Fondateur et co-organisateur du Joomla User Group (JUG) Ouagadougou  Membre de l’Association Francophone des Utilisateurs de Joomla!TM  Intervenant régulier  lors des JoomlaDays France et JoomlaDays Pays-Bas  lors des JUG Wallonie et JUG Vlaanderen  Auteur d’articles sur www.cinnk.com et sur slideshare.net/woluweb 6
    7. 7. Les abréviations  J! > Joomla!®  J!3.x > Joomla!® 3.x  J!2.5 > Joomla!® 2.5  J!1.5 > Joomla!® 1.5  Les nouveautés les plus marquantes (à mon sens) sont indiquées par des étoiles 7 NB : icônes disponibles sur https://docs.joomla.org/Category:Images_with_JEDL_licence https://docs.joomla.org/Category:Images_copyright_by_OSM
    8. 8. Les versions de Joomla UNE MISE EN PERSPECTIVE 8
    9. 9. Les versions de Joomla  Une certaine accélération  J!1.5 en 2008  J!1.6/1.7 en 2011  J!2.5 en 2012  J!3.0 en 2013  …  Sources  http://en.wikipedia.org/wiki/Joomla  http://docs.joomla.org/Category:Version_History 9
    10. 10. Stratégie de sortie des versions depuis 2014  Pour rappel, début avril 2014 Joomla! a annoncé une nouvelle stratégie de sortie des versions Voir les détails en version française sur http://cinnk.com/joomla/cms/news/211-joomla-nouvelle-strat%C3%A9gie-de-sortie-des-versions  En bref,  Le concept LTS (Long Term Support ou Support à Long Terme en français) et STS (Short Term Support ou Support à Court Terme en français) est abandonné  Ce concept est désormais remplacé par celui de Versions Majeures (comme les versions 3, 4 ou 5) et de Versions Mineures (comme les versions 3.1, 4.2 ou 5.3)  La dernière Version Mineure d'une Version Majeure est désormais supportée 2 ans (à partir de sa date de sortie), indépendamment de la date de sortie de la Version Majeure qui lui succède  En procédant de cette manière, la PLT (Production Leadership Team) se réserve la liberté d'ajouter de nouvelles fonctionnalités aux Versions Mineures, sans être obligée d'attendre la sortie de la future Version Majeure. 10
    11. 11. Les nouveautés de J!3.x, J!4.x, … FEUILLE DE ROUTE VERSIONS FUTURES 11
    12. 12. Feuille de route pour les versions futures  Si les évolutions de la version 3.x de Joomla! étaient déjà appréciables, le CMS a encore de belles perspectives d’améliorations  Une feuille de route (« roadmap ») permet déjà d’anticiper ce qui nous attend. Elle est disponible sur  http://developer.joomla.org/cms/roadmap.html  https://docs.joomla.org/Joomla_CMS_Development_Roadmap  Bien entendu, le descriptif comme le timing sont indicatifs 12
    13. 13. Github  Pour avoir une vision extrêmement précise des “Pull Requests” (nouvelles fonctionnalités) et “Corrections de Bugs” de chaque version de Joomla : 1. Aller sur Github officiel : https://github.com/joomla/joomla-cms 2. Cliquer sur Issues 3. Cliquer sur Milestones 4. Cliquer sur Closed (si on veut voir les “releases” déjà sorties) 5. Cliquer sur la version souhaitée 6. Sur la nouvelle page, cliquer sur le lien “view closed issues” 13
    14. 14. Github  Exemples :  3.7.0 https://github.com/joomla/joomla-cms/milestone/14  3.6.3 https://github.com/joomla/joomla-cms/milestone/16?closed=1  3.6.2 https://github.com/joomla/joomla-cms/milestone/17?closed=1  3.6.1 https://github.com/joomla/joomla-cms/milestone/15?closed=1  3.6.0 https://github.com/joomla/joomla-cms/milestone/12?closed=1  Vous voulez anticiper et déjà tester les versions alpha/beta des futures versions ? Voyez  https://developer.joomla.org/nightly-builds.html 14
    15. 15. FAQ de la Doc Joomla après chaque version  Après chaque version, une page spécifique de la Documentation Joomla reprend toutes les questions fréquemment posées, notamment les éventuels bugs déjà connus  Donc, si par exemple vous constatez un problème après une mise à jour (connexion impossible, page blanche, édition de certains éléments impossible, …), c’est certainement une page à visiter ! Exemples :  https://docs.joomla.org/Category:Version_3.7.0_FAQ  https://docs.joomla.org/Category:Version_3.6.3_FAQ 15
    16. 16. Production Leadership Team 29/09/2016 https://volunteers.joomla.org/leadership/production-leadership-team/reports/336-plt-meeting-september-29-2016  CMS Release Team PLT arranged the CMS Release Team and Robert Deutz is leading it. CMS Release Team proposed a roadmap with dates for next releases. PLT approved the following roadmap:  Patch Release 3.6.4 It is not clear if we are shipping a 3.6.4 this year, if we are then the schedule should be  18. October Installation Language Freeze  25. October Language Freeze  1. November RC1  8. November Stable 16
    17. 17. Feuille de route indicative pour les versions suivantes  Voici une infographie réalisée par JoomlaShine qui, au moment de sa réalisation (15/02/2016), donne une idée (indicative) des fonctionnalités qui sont attendues dans les prochaines versions  Source : http://www.joomlashine.com/knowledgeportal /articles/joomla-in-2016-what-to-expect.html 17
    18. 18. Joomla X  https://github.com/joomla-projects/joomla-pythagoras  + voir présentation de Marco Dings @ JWC 2016 18
    19. 19. Joomla 4.0  Pour télécharger dernière version 4  https://developer.joomla.org/nightly-builds.html  https://github.com/joomla/joomla-cms/tree/4.0-dev  https://github.com/joomla/joomla-cms/milestone/5  https://pcmshaper.com/blog/news/joomla-4-0-or-next-joomla-platform-roadmap  Documentation  Le readme sur https://github.com/joomla/joomla-cms/tree/4.0-dev (cf supra)  le manifeste : https://developer.joomla.org/news/658-joomla4-manifesto.html  Autre page : https://pcmshaper.com/.../joomla-4-0-or-next-joomla...  JWC 2016 (27/11/2016) > The future of Joomla by Marco Dings(en particulier àpd min. 22) en principe, alpha prévue pour J&Beyond en juin 2017 https://www.youtube.com/watch?v=3k2OoGRCXKo&list=PL0Lg2fzcJu1SW0bg1_x0dhV0C8ZfifIWq&index=25&t=6s  JoomlaDay UK 2016 (13/02/2016) > Joomla future by Chris Davenport (plutôt sur 3.6) https://www.youtube.com/watch?v=VfLdv6vKiBI 19
    20. 20. Feuille de route J!4  Le 16 septembre 2016, George Wilson publiait le manifeste qui donne les premières indications sur la direction et les nouveautés attendues pour Joomla! 4  https://developer.joomla.org/news/658-joomla4-manifesto.html 20
    21. 21. Media Manager > pour Joomla 4.0 (?)  A priori, le futur Media Manager est plutôt pour Joomla 4 (et pas pour Joomla 3.8)  pour suivre le Media Manager, c'est ici https://github.com/joomla-projects/media-manager-improvement et il doit y avoir une salle sur Glip (à vérifier)  avec la roadmap (pas sur qu'elle soit à jour) https://github.com/joomla.../media-manager-improvement/wiki 21
    22. 22. Joomla 3.8  Il y aura une 3.8 qui ne sera pas une "vraie" version mineure mais une passerelle notamment destinée aux devs et templateurs pour parer aux BC à venir avec la 4 pour qu'on ne retrouve pas les problèmes connus avec les précédent changements de versions Majeures  https://developer.joomla.org/news/670-production-department-team-lead-meeting.html  During the London Super Sprint, discussions regarding the 3.x end of support were started and a working plan was established that 3.8 will be the final release of the series. The department reaffirmed it supports this plan as long as 4.0 releases close to 3.8. Given the current plan for 3.8 and 4.0, the department coordinator states that the two releases should come simultaneously and as such this should not be an issue. Per the current project development strategy, a proper announcement of this must be published six months before 3.8.0 is released. Some discussion on the release timeline started, the department coordinator believes that 3.8 and 4.0 will probably not reach a stable milestone until at least six months after 3.7 is released. The department will work on the required announcement and publish it per the development strategy.  Project Roadmap A weakness the department’s teams has identified is the lack of a cohesive roadmap as it relates to the CMS or Framework’s development. Even with the upcoming 4.0 release, there are several teams and individuals working on several projects or having different visions for what the release should include or how to make the transition. Also, the 4.0 branch now has over 1200 commits to it with several feature changes without any clear documentation on the changes. In general, this area of discussion was broken down into several distinct sections for discussion. 22
    23. 23. Feuille de route pour J!3.7 et suiv. – en bref  NB : J!3.7 était encore appelé J!3.6 début 2016, la numérotation ayant été décalée vu la sortie d’une version intermédiaire baptisée 3.6 l’été 2016)  Participez : testez le futur Router de J!3.7 https://github.com/joomla/joomla-cms/pull/11320  Le topo sur J!3.7  “Joomla! 3.7: what user and developer improvements are coming?” (en anglais, par Gavick) https://www.gavick.com/blog/what-new-joomla-3-7  Le point de la situation de Joomla! 3.7 au 18/04/2016 (par Chris Davenport, traduit par Marc Dechèvre) http://cinnk.com/joomla/cms/news/le-futur-joomla-3-6-le-point-de-la-situation 23
    24. 24. Feuille de route pour J!3.7 et suiv. – en bref  Lors d’un récent JoomlaDay, Brian Teeman a présenté les nouveautés de J!3.7 La vidéo dure moins de 10 minutes :  https://www.youtube.com/watch?v=W-yAr8yLKqo 24
    25. 25. Feuille de route pour J!3.7 et suiv. – en détail  Voir la présentation « Joomla Future » au JoomlaDay UK du 13/02/2016 (par Chris Davenport) https://www.youtube.com/watch?v=VfLdv6vKiBI&index=18&list=PLEeLLhsqY3qujiEu3WYlVnJjcPezKiiYi  Nouvelles fonctionnalités Joomla 3.7  Service Layer  Hypermedia API – web services  Nouveau router  Nouveau Gestionnaire de Media (Media Manager)  Champs personnalisés (Custom Fields) https://joomla.digital-peak.com/blog/198-custom-fields-in-joomla-3-6 https://joomla.digital-peak.com/products/dpfields  Action « conscientisation de l’importance d’avoir un PHP à jour » : l’Administration montrera un message d’alerte à ceux qui utilisent encore PHP 5.3, 5.4 et 5.5; https://github.com/joomla/joomla-cms/pull/11498 25
    26. 26. Feuille de route pour J!3.7 et suiv. – illustration  Dans un article publié le 28/09/2016, JoomlaShack fait un intéressant topo de 6 nouveautés qui devraient figurer dans J!3.7 https://www.joomlashack.com/blog/tutorials/joomla-3-7 1. Custom fields (champs personnalisés) 2. Un nouveau (flat) design pour l’administration 3. Connexion via Facebook 4. Configuration fonctionnalités TinyMCE 5. Ajouter des articles depuis les éléments de menu 6. Nouveau sélecteur de Date et d’Heure  Illustration de ces 6 points ci-après 26
    27. 27. Feuille de route pour J!3.7 et suiv. – illustration 1. Custom fields (champs personnalisés)  On pourra ajouter des champs personnalisés aux Articles, Utilisateurs et Contacts  Une vingtaine de types de champs différents sont prévus :  Calendar, Captcha, Checkboxes, Color, Editor, Email, Image, Integer, List, Media, Article, Radio buttons, SQL, Telephone, Text, Textarea, Timezone, URL, User, Usergroup, Yes or No, 27
    28. 28. Feuille de route pour J!3.7 et suiv. – illustration 2. Un nouveau (flat) design pour l’Administration 28
    29. 29. Feuille de route pour J!3.7 et suiv. – illustration 3. Connexion via Facebook  Voir https://github.com/joomla/joomla-cms/pull/11778  NB : dans le futur, d’autres réseaux sociaux seront ajoutés si la présente fonctionnalité reçoit suffisamment de soutien et de retour 29
    30. 30. Feuille de route pour J!3.7 et suiv. – illustration 4. Configuration fonctionnalités TinyMCE  Ceci permet de personnaliser les boutons de TinyMCE (ajouter/déplacer/supprimer)  Voir https://github.com/joomla/joomla-cms/pull/11926 30
    31. 31. Feuille de route pour J!3.7 et suiv. – illustration 5. Ajouter des articles depuis les éléments de menu  Voir https://github.com/joomla/joomla-cms/pull/11830 31
    32. 32. Feuille de route pour J!3.7 et suiv. – illustration 6. Nouveau sélecteur de Date et d’Heure  Voir https://github.com/joomla/joomla-cms/pull/11138 32
    33. 33. Les nouveautés de J!3.x J!3.7 33
    34. 34. Joomla 3.7 > page officielle  Le site de présentation du Joomla nouveau : https://www.joomla.org/3/fr  Saviez-vous que #Joomla 3.7 contient 40 nouvelles #fonctionnalités et 700 #améliorations ?  En particulier, certaines nouvelles fonctionnalités sont vraiment appréciables, telles que 34
    35. 35. Joomla 3.7 > autres exemples de nouveautés  Excellente chose pour la conscientisation de l'importance d'avoir une version PHP à jour, non seulement pour la performance mais aussi pour la sécurité : dorénavant, l'administration affiche une Alterte si la version de PHP n'est pas à jour 35
    36. 36. Joomla 3.7 > autres exemples de nouveautés  Affichez un captcha à l'ajout/modif d'article : 36
    37. 37. Joomla 3.7 > sources officielles (suite)  https://www.joomla.org/announcements/release-news/5699-the-next-version-of-joomla-is-just- around-the-corner.html  https://developer.joomla.org/news/671-joomla-3-7-beta-3-released-for-testing.html  https://docs.joomla.org/J3.x:Adding_custom_fields  https://docs.joomla.org/J3.x:Multilingual_Associations  https://docs.joomla.org/J3.x:Joomla_3.7_Imagery  https://github.com/joomla/joomla-cms/releases  https://github.com/joomla/joomla-cms/issues?utf8=%E2%9C%93&q=milestone:"Joomla 3.7.0"  https://github.com/joomla/joomla-cms/pull/13036 Gestionnaire de Menu pour l'Administration  https://github.com/joomla/joomla-cms/pull/13537 Gestion multilangue 37
    38. 38. Joomla 3.7 > en résumé (au moment de la beta3)  https://developer.joomla.org/news/671-joomla-3-7-beta-3-released-for-testing.html  Which bugs have been fixed in Joomla! 3.7?  A full list of issues resolved can be found on GitHub.  What’s new in Joomla! 3.7  The big question is, what is new in Joomla! 3.7? Here are some of the new features…  Custom Fields - Now you can add data fields (up to 16 different types) to your articles, user records and contacts  Multilingual Associations Component - Allows you to easily translate your content from one interface  Improved Workflow - Now you can create the category, article, and menu item all in one step (no more jumping between components/views)  Admin Menu Manager - Manage the admin menu just like the front-end, create a different 'look' for each user group  Do more with TinyMCE - New buttons allow you to easily add menu links, contacts and newsfeeds directly to articles and modules  Easier Extension Maintenance - Allowing you to block administrators from accidentally uninstalling needed extension package pieces  And many more ...  NB : le nouveau Router a entre-temps été reporté à la prochaine version :  Improved Router - Get 'clean' URLs (without the ID) to help improve your SEO with one click of a button 38
    39. 39. Joomla 3.7 > source JoomlaShack  https://www.joomlashack.com/blog/tutorials/joomla-37-release (général)  https://www.joomlashack.com/blog/tutorials/custom-fields (intro)  https://www.joomlashack.com/blog/tutorials/fields-joomla (détails)  https://www.joomlashack.com/blog/tutorials/multilingual-associations-manager (multilingue)  https://www.joomlashack.com/blog/tutorials/new-admin-menus (menus d'administration)  https://www.joomlashack.com/blog/tutorials/new-urls (nouveau router, reporté à la prochaine version) 39
    40. 40. Joomla 3.7 > source Brian Teeman  https://brian.teeman.net/joomla/874-first-looks-joomla-3-7-router  https://brian.teeman.net/joomla/875-first-looks-joomla-3-7-its-not-about-the-cash  https://brian.teeman.net/joomla/869-coming-soon-or-offline 40
    41. 41. Joomla 3.7 > sources diverses  http://joomanji.fr/les-nouveautes Excellente compilation et illustration de 22 nouveautés !!! En français  https://crowdin.com/project/joomla-3-landing-page  https://joomlaseo.com/blog/creating-multi-language-websites-got-even-easier-in-joomla-3-7  https://www.joomshaper.com/blog/joomla-3-7-to-get-custom-fields-url-router-and-more- features  http://sellacious.com/blog/what-to-expect-in-joomla-version-3-7.html 41
    42. 42. Joomla 3.7 > sources vidéos  https://www.youtube.com/watch?v=vWPjL-YCClE vidéo officielle de présentation de J!3.7  https://www.youtube.com/watch?v=F_Ni15icn1U Custom Fields (JoomlaDay Austria Dec 2016) 38 min.  https://www.youtube.com/watch?v=W-yAr8yLKqo J!3.7 New Feature Preview by Brian Teeman - JoomlaDay Israel 2016 Sept 2016 42
    43. 43. Les nouveautés de J!3.x J!3.6 43
    44. 44. Une version 3.5.2 qui est devenue 3.6  Vu ses nombreuses nouveautés, la version “3.5.2” a finalement été rebaptisée “3.6” (ce qui signifie que les articles qui faisaient référence aux nouveautés majeures de “3.6”, telles que l’introduction du Champ Personnalisé, du nouveau Gestionnaire de Media etc, visent en fait dorénavant la 3.7.)  http://cinnk.com/joomla/cms/news/joomla-3-5-2-sera-joomla-3-6 44
    45. 45. Survol des nouveautés https://www.joomla.org/3/fr https://docs.joomla.org/J3.x:Joomla_3.6_Imagery/fr  Fonctionnalités de Joomla! 3.6 : plus de 400 améliorations ! 45
    46. 46. Nouveautés “utilisateurs” https://www.joomla.org/3/fr/component/tags/tag/67-utilisateur-fr-fr  J!3.6.1 > Mise à jour de TinyMCE  La nouvelle version est la 4.4.0  Effacer tous les caches  Le nouveau bouton "Tout effacer" sur la page d'administration du Cache permet de supprimer tous les fichiers de cache à la fois. Plus besoin de sélectionner les éléments à supprimer. Il vous fait gagner plus de temps en un seul clic !  Créer des catégories à la volée  Cela peut s'avérer frustrant lorsque vous créez un nouveau lien de menu de s'apercevoir que vous avez oublié de créer la catégorie. Avec Joomla! 3.6, créez la catégorie à la volée, que ce soit pour les articles, les contacts, les flux ou les bannières.  Plus de détails sur les extensions dans les infos Système  Offre une meilleure vision des extensions activées/désactivées pour le débogage et plus de possibilités pour la maintenance 46
    47. 47. Nouveautés “intégrateurs” https://www.joomla.org/3/component/tags/tag/4-integrator  ACL pour les menus  Les ACL en backend n'étaient pas disponibles au niveau des menus, nous avons amélioré cela. Vous pouvez désormais autoriser ou bloquer l'accès à un menu spécifique (et donc à tous ses liens de menus) pour certains groupes d'utilisateurs.  Afficher le contenu de vos menus grâce à Tous les liens de menu  Cette nouvelle option, permettant d'afficher tous les éléments de tous les menus, vous donne un aperçu rapide de ce qui est publié et de son emplacement sur votre site Web. Il n’a jamais été aussi simple de repérer les liens dupliqués, les liens de menu manquants ou tout simplement d'avoir une vue globale de tous les menus de votre site.  Amélioration des mises à jour de Joomla!  Cette mise à jour ajoute une option pour réinstaller les fichiers du noyau de Joomla! en un seul clic, remplaçant ainsi tout fichier modifié par sa version par défaut. L’option de mise à jour de Joomla! par téléversement du fichier de paquet de mise à jour a été restaurée, suite aux demandes de la communauté Joomla! auprès de la Joomla! Production Leadership Team (PLT).  Conditions d'utilisation multilingues  Lorsque vous avez un site Web multilingue, il est important que non seulement votre contenu soit disponible dans toutes les langues, mais aussi vos conditions d’utilisation lorsque les gens s'inscrivent. Avec Joomla! 3.6 vous pouvez afficher vos conditions d’utilisation en plusieurs langues. 47
    48. 48. Nouveautés “intégrateurs” https://www.joomla.org/3/component/tags/tag/4-integrator  Des pages de liste des catégories des contacts plus complètes avec des images  Vous pouvez désormais rendre votre page de liste des catégories de contacts encore plus attractive avec une image du contact. C'est une excellente façon de mettre en place la page d’équipe que vous avez toujours désirée. Joomla! prenait déjà en charge le téléchargement d'une image de contact et son affichage sur la page de détails du contact. Désormais, c'est également le cas pour la page de liste des catégories.  Les améliorations UX de Joomla!  Joomla! 3.6 comporte de nombreuses améliorations UX. Une localisation plus rapide de vos modules, une liste déroulante pour simplifier certains tâches, une gestion des utilisateurs optimisée et tant d'autres. Parcourez https://www.joomla.org/3/fr/ pour découvrir toutes les améliorations UX.  Prise en charge par TinyMCE du filtre global de texte  Dans les versions précédentes de Joomla, les paramètres de TinyMCE et de filtre de texte étaient indépendants . Ainsi, des éléments prohibés d'utilisation via le textfilter pouvaient tout de même être utilisés dans TinyMCE. Depuis Joomla! 3.6, TinyMCE utilise les filtres de texte du noyau de Joomla, permettant de proposer, en option, un paramétrage de ses propres filtres.  Supprimer et reconstruire les sites de mise à jour des extensions  Auparavant, vous ne pouviez que désactiver un site de mise à jour d’extension. Vous pouvez désormais supprimer l'adresse du site de mise à jour ou reconstruire l'adresse correcte du site et le chemin du XML de l’extension. 48
    49. 49. Nouveautés “développeurs” https://www.joomla.org/3/component/tags/tag/2-developer  Nouveau dossier logs  Nous avons déplacé le dossier logs par défaut vers le dossier d'administration (nouvelles installations uniquement), ce qui est mieux pour la sécurité et permet aussi d'augmenter la compatibilité avec certains hébergeurs.  Protostar ajoute une nouvelle substitution pour la page hors ligne du site  Joomla! 3.6 vous offre un tout nouveau design pour la page hors ligne via une substitution dans le template Protostar.  Inverser la prise en charge de mise en cache  Joomla! 3.6 prend désormais en charge les proxys de mise en cache inversée comme Varnish ou encore un cache proxy NGINX. Cela permet un gain de vitesse significatif, plus de performance et ainsi meilleur positionnement dans les moteurs de recherche. 49
    50. 50. Nouveautés “développeurs” https://www.joomla.org/3/component/tags/tag/2-developer  Le gestionnaire de templates de Joomla! supporte désormais les fichiers SASS & SCSS  Modifier les fichiers sass/scss directement depuis le gestionnaire de templates de Joomla.  Champ de type « Sous-Formulaire »  Avec la nouvelle fonction de champ de sous-formulaire dans Joomla! 3.6, nous avons ajouté quelques fonctionnalités supplémentaires concernant les champs à valeurs multiples. Il est désormais possible d'imbriquer des formulaires XML les uns dans les autres ou réutiliser vos formulaires existants à l’intérieur de votre formulaire actif.  Mise à jour de l’éditeur CodeMirror  CodeMirror a été mis à jour vers sa dernière version ! Dix-sept polices sont désormais prises en charge avec notamment Roboto Mono et Rubik Mono One. En outre, vous avez une meilleure vue d’ensemble grâce à la fonction de surlignage, déjà familière dans différents éditeurs "hors ligne". Le mot sélectionné est alors mis en surbrillance dans le document en entier.  Mise à jour de jQuery  Les versions de jQuery et jQuery Migrate du noyau de Joomla! ont été mises à jour. 50
    51. 51. Encore plus  JoomlaShack a publié un intéressant article avec un best of des nouveautés  https://www.joomlashack.com/blog/tutorials/joomla-36/  Traduction française http://cinnk.com/blog/72-news/777-joomla-3-6-est-arrive-et-apporte-de-nombreuses-nouvelles- fonctionnalites  Certaines, pourtant importantes, n’étaient pas évoquées explicitement sur le site officiel. Voir les 2 pages suivantes. 51
    52. 52. Encore plus : assignation des Modules  Voir les modules publiés sur une page donnée Ce n’était pas chose aisée, mais il y a deux ameliorations  Primo, lorsqu’on édite un élément de menu, on peut dorénavant masquer les modules Non Assignés et Dépubliés, ce qui rend la liste plus lisible et pertinente  Secundo, dans le Gestionnaire de Modules, il y a un champ additionnel de recherche qui permet de trouver les Modules assignés à un élément de menu sélectionné 52
    53. 53. Encore plus : Niveaux d’Accès plus lisibles  Voir quels Groupes Utilisateurs sont liés à quel Niveau d’Accès  La gestion des droits d’accès (= ACL = Access Control List) est souvent un peu abstraite  Dorénavant, dans le menu Niveau d’Accès, on voit clairement quells Groupes Utilisateurs sont associés aux différents niveaux d’accès (colonne de droite sur l’illustration ci-contre) 53
    54. 54. Toujours plus : ergonomie  Parmi les améliorations d’ergonomie : les menus de l’administration qui dorénavant peuvent coulisser lorsque leur hauteur dépasse celle de l’écran. Illustration “avant/après” ci-dessous : 54
    55. 55. Toujours plus : ergonomie  L’affichage de certains champs peut maintenant être fait de manière conditionnelle.  Exemple ci-contre avec l’affichage des options SEO, qui n’ont de senset ne sont donc affichées que si le paramètre est mis sur “OUI” 55
    56. 56. Toujours plus : ergonomie  Dans le Gestionnaire d’Utilisateurs > Groupes d’Utilisateurs, on voit dorénavant le nombre d’utilisateurs de chaque groupe (le nombre étant bien entendu cliquable) 56
    57. 57. Toujours plus : ergonomie  Les infobulles sont dorénavant plus lisibles et mieux positionnées par rapport au champ survolé. Illustration “avant/après” : 57
    58. 58. Les nouveautés de J!3.x J!3.5 58
    59. 59. Survol des nouveautés https://docs.joomla.org/J3.x:Joomla_3.5_Imagery/fr 59
    60. 60. Survol des nouveautés https://www.ostraining.com/blog/joomla/joomla-35-features traduit sur cinnk.com http://cinnk.com/joomla/cms/news/les-7-nouvelles-fonctionnalites-de-joomla-3-5 https://www.joomla.org/announcements/release-news/5651-joomla-3-5-rc2-released.html https://www.gavick.com/blog/joomla-3-5  Les 7 innovations majeures de Joomla 3.5 sont les suivantes : 1. Un compteur d'éléments dans les catégories 2. Notifications de mise à jour par email 3. Drag and Drop pour les images (dans TinyMCE) 4. Une amélioration du module Statut des utilisateurs 5. Simplification des surcharges CSS pour le Template Protostar 6. Joomla! commence la collecte anonyme de données de site 7. Un simple système de téléchargement des informations 8. Plus besoin de créer des « menus caché », un paramètre est directement disponible dans les menus En outre, J!3.5 est dorénavant compatible avec PHP7 (dans les faits, 50% + rapide !) 60
    61. 61. Un compteur d'éléments dans les catégories  Les pages de catégories de l'administration Joomla! afficheront désormais le nombre d'éléments publiés, non-publiés et dans la corbeille, pour chaque catégorie. Cela fonctionne pour les articles, les bannières, les fiches contact et les fils d'actualité (ainsi d’ailleurs que pour n’importe quelle extension tierce utilisant le système natif de gestion des catégories de Joomla).  NB : cette fonctionnalité est particulièrement pratique lors de la réorganisation, la refonte ou la reprise d’un site. Elle est née d’une discussion entre Marc Dechèvre et Peter Martin… lors du JoomlaDay Nice 2015. Plus d’informations sur cette fonctionnalité dans le Joomla Magazine de Juin 2015 : http://magazine.joomla.org/issues/issue-june-2015/item/2754-category-item-count-a-possible-new-feature 61
    62. 62. Notifications de mise à jour par email  Le noyau de Joomla! proposera un plugin qui vous notifiera par email lorsqu'une nouvelle version sera disponible. Vous pourrez entrer une liste de plusieurs adresses qui recevront ces notifications (toutes ces adresses devront être assignées à un compte super utilisateurs). Par défaut, si vous ne touchez aucun paramètre, tous les super utilisateurs recevront ces notifications.  Une solution proposée et développée par Nicholas d’Akeeba Backup ☺ 62
    63. 63. Drag and Drop pour les images  Si vous utilisez l'éditeur TinyMCE, vous pourrez glisser n'importe quelle image depuis votre bureau et la déposer directement dans votre contenu. 63
    64. 64. Une amélioration du module Statut des utilisateurs  C'est une fonctionnalité mineure que la majorité des utilisateurs ne remarqueront certainement pas. La barre en bas de page dans la partie d'administration est gérée par le module Statut des Utilisateurs.  Vous trouverez ce module en allant dans le gestionnaire de modules et en filtrant sur "Administration".  En éditant ce module, vous pourrez activer ou désactiver le statut des utilisateurs. Il y a aussi un nouveau lien permettant d'ouvrir un nouvel écran d'administration, dans une nouvelle page ou un nouvel onglet. 64
    65. 65. Simplification des surcharges CSS pour le Template Protostar  Une nouvelle fonctionnalité de Joomla 3.5 permet de simplifier les modifications du template Protostar. Actuellement, il est impossible d'utiliser un fichier custom.css et vous devez hacker le noyau ou copier le template.  Désormais, vous pourrez créer un fichier nommé user.css dans Protostar. Joomla! va désormais automatiquement vérifier si ce fichier est existant. Cette une façon sécurisée pour apporter des modifications dans Protostar sans hack du noyau.  A l'origine, il était prévu d'appeler ce fichier custom.css, mais cela n'aura pas fonctionné car TinyMCE aurait chargé le fichier et appliqué les styles CSS à la fenêtre de votre éditeur de texte. 65
    66. 66. Joomla! commence la collecte anonyme de données de site  Wordpress et Drupal collectent tout deux anonymement les données de leurs utilisateurs. Cela couvre une variété d'informations qui aident l'équipe de développement à en savoir plus sur son audience ainsi que sur la version qu'ils doivent supporter. Joomla 3.5 a désormais un plugin qui collectera des données similaires. Le plugin collectera la version de Joomla!, la version de PHP ainsi que la version de la base de données et son type. Chaque site aura un "ID unique" utilisé pour prévenir les entrées dupliquées. L'équipe Joomla! a travaillé dur pour s'assurer que les sites web ne pourraient pas être identifiés à travers ces données.  NB : bien entendu, il est possible de désactiver cette option (« opt out »). L’utilisateur qui voudrait désactiver d’office cette option avant même l’installation d’une instance de Joomla doit (pour l’instant en tout cas) adapter en fonction le pack d’installation. 66
    67. 67. Un simple système de téléchargement des informations  Certains développeurs d'extensions souhaitaient un moyen plus simple pour collecter les informations venant de sites ayant des problèmes. Si vous vous rendez dans Système > Informations Système, vous pouvez désormais télécharger les informations système ainsi que les informations d'environnement.  Si vous cliquez sur "Télécharger comme texte" vous verrez un fichier comme celui-ci 67
    68. 68. Plus besoin de créer des « menus caché », un paramètre est directement disponible dans les menus  Voir http://cinnk.com/joomla/3/trucs-et-astuces/quid-si-les-modules-de-la-page-d-accueil-restent- lorsqu-on-clique-sur-certains-liens-ou-menus 68
    69. 69. Résumé nouveautés J!3.5 par Joomlart  Joomlart a réalisé une infographie, mais surtout un article qui explique assez clairement toutes les nouveautés de J!3.5 (avec des captures d’écran bien faites) sur https://www.joomlart.com/blog/infogra phic-joomla-3-5-new-features-explained  Exemple ci-contre avec la nouvelle fonction d’insertion des modules dans les articles : 69
    70. 70. 70
    71. 71. Les nouveautés de J!3.x J!3.4 71
    72. 72. Survol des nouveautés  La version 3.4 introduit de nouvelles fonctionnalités dans Joomla, telles que  Edition des modules via le Frontend  Amélioration du template de l’Administration (Isis)  Amélioration du Catpcha  Ajout d'un droit "Edition en Frontend" pour les modules  Suppression du composant lien web sur les nouvelles installations 72
    73. 73. Au menu de J!3.4 http://developer.joomla.org/news/583-announcing-joomla-cms-3-4.html traduit sur cinnk.com : http://cinnk.com/joomla/cms/news/210-joomla-cms-version-3-4 http://fr.slideshare.net/dbhurley/joomla-34-features-and-timeline 1. Continuer l’implémentation des Microdata  La version 3.2 a introduit la librairie JMicrodata, qui fait partie des nombreux projets à succès soumis durant le GSoC 2013, et la version 3.3 introduit les éléments microdata dans le layout de deux composants natifs. Pour Joomla! 3.4, nous souhaitons continuer l’affinage de la librairie JMicrodata afin de s’assurer de sa flexibilité et qu’elle est simple d’utilisation pour les utilisateurs des tous niveaux de compétence, et de continuer d’implémenter les éléments microdata dans les atouts du core. 2. Edition des modules en Frontend  Au cours du GSoC 2013, un de nos projets a été de se focaliser sur l’implémentation de la possibilité d’administrer le CMS via l’interface Frontend, et cela a été réalisé avec la version 3.2 de Joomla!. Il est désormais possible de modifier la configuration globale et la partie template sans devoir accéder à l’administration. Pour continuer dans ce sens, il a été proposé de permettre l’édition des modules d’un site via le Frontend, et nous cherchons à finaliser cela et à l’inclure dans la version 3.4 de Joomla!. 73
    74. 74. Au menu de J!3.4 (suite) http://developer.joomla.org/news/583-announcing-joomla-cms-3-4.html traduit sur cinnk.com : http://cinnk.com/joomla/cms/news/210-joomla-cms-version-3-4 http://fr.slideshare.net/dbhurley/joomla-34-features-and-timeline 3. Intégration Composer  Dans la version 3.3, nous avons introduit du code venant du Framework Joomla! dans le CMS, cependant, la façon dont il est installé dans le système de fichiers ne correspond pas à celle dont Composer installe le code. Pour la version 3.3, nous souhaitons intégrer Composer dans le CMS pour gérer les dépendances externes comme le Framework Joomla! ou PHPMailer. 4. Découpler com_weblinks  Actuellement, le CMS Joomla! est un unique package monolithique dans lequel tout doit être installé et maintenu. Supprimer des options additionnelles du core, comme des templates ou des composants non-utilisés, fait malheureusement échouer les mises à jour. Dans la version 3.4, la PLT souhaiterait commencer à travailler sur la création d’une distribution core plus légère, et établir un workflow pour fournir des extensions optionnelles qui seraient externes à la distribution principale, en supprimant com_weblinks de la distribution core. Ces extensions seraient maintenues sur GitHub, comme l’ensemble du code Joomla! l’est aujourd’hui, et listées dans une catégorie spécifique du JED (par exemple core extensions), et de les rendre installables via le plugin “Installation à partir du web”. 74
    75. 75. Autres nouveautés annoncées lors de la sortie  la nouvelle version de Google reCaptcha  l'amélioration de la sécurité par la mise en œuvre du code UploadShield qui peut détecter la plupart des ajouts malveillants en examinant leurs noms de fichiers et le contenu des fichiers  la barre latérale rétractable 75
    76. 76. Vidéos officielles sur les nouveautés de J!3.4 Chaîne YouTube officielle : https://www.youtube.com/user/joomla/featured  Joomla! 3.4 - New features! (animation)  Joomla! 3.4 - Frontend Module Editing Feature  Joomla! 3.4 - Google reCAPTCHA feature 76
    77. 77. Les nouveautés de J!3.x J!3.3 77
    78. 78. Survol des nouveautés  La version 3.3 introduit de nouvelles fonctionnalités dans Joomla, telles que  Sécurité : l'amélioration du hachage des mots de passe  SEO : l’introduction des micro-données  Vitesse : l’optimisation du code  Cloud : API de stockage dans le cloud  jQuery : la conversion continue du javascript de MooTools à jQuery. 78
    79. 79. Les cinq principales nouveautés  Sécurité renforcée Joomla 3.3 rehausse le niveau de sécurité en faisant de PHP 5.3.10 la version PHP minimum requise pour utiliser Joomla!. Ceci permet notamment d’augmenter le haut niveau de cryptage des mots de passe.  Microdata SEO La bibliothèque Microdata fait son apparition, ce qui va permettre d’enrichir votre contenu avec des informations utiles concernant les personnes, produits, lieux, notations etc. Bref, de quoi simplifier et améliorer la SEO  Un affichage des pages plus rapide jRouter, qui organise le trafic sur les sites, vient de subir une 1re itération d’une réécriture complète. Elle est déjà 10% plus rapide, ce qui est bon pour l’utilisateur mais aussi pour le classement dans les moteurs de recherche  Stockage dans le Cloud Les services de stockage Cloud comme Amazon S3, Google Cloud Storage, Rackspace et Dropbox seront dorénavant directement accessible depuis le noyau de Joomla  Uniquement Jquery Jquery remplace Mootools et est désormais directement intégré dans le noyau Joomla, ce qui d’une part simplifiera le travail des développeurs et ce qui d’autre part évitera les conflits actuels de versions entre extensions différentes 79
    80. 80. Infographie  Joomlart a réalisé une infographie synthétisant ces nouveautés de J!3.3, infographie traduite par Nosyweb et reproduite ci-contre 80
    81. 81. Vidéos officielles sur les nouveautés de J!3.3 Chaîne YouTube officielle : https://www.youtube.com/user/joomla/featured  Joomla! 3.3 - Do More with Joomla!  Joomla! Microdata implementation  Joomla! MooTools to jQuery JavaScript conversions  Do More with improved page speeds! 81
    82. 82. Les nouveautés de J!3.x J!3.2 82
    83. 83. Top 15 des nouvelles fonctionnalités de J!3.2 Fonctionnalités pour l'utilisateur final : 1) Historique de contenu 2) Amélioration de JUX (Joomla User Experience) 3) Config site + config template via le front-end 4) Mise à jour de TinyMCE Fonctionnalités pour les utilisateurs avancés : 5) Installation extensions à partir du Web 6) Installation automatique de site multilingue 7) Amélioration du gestionnaire de template 8) Messages de post-installation Fonctionnalités pour les développeurs : 9) RAD (Rapid Application Development) 10) Interface AJAX 11) Micro-data Semantics Library 12) HTML5 Form Fields and Attributes Fonctionnalités de sécurité : 13) Two Factor Authentication 14) BCrypt Cryptage de mots de passe Divers : 15) conversion de MooTools à jQuery 83 En gras, les nouveautés qui intéressent plus particulièrement l’utilisateur et qui sont reprises dans les diapositives suivantes En savoir plus: version originale EN | version traduite FR
    84. 84. 1) Historique de contenu  Une des nouveautés majeures de J!3.2 : le « content versioning », autrement dit la gestion de l’historique de contenu, dont le bouton apparaît entre le bouton « save » et le bouton « close »  Elles s’applique surtout aux articles, mais fonctionne aussi sur les utilisateurs p.ex.  Si l’option est activée pour le site, on peut ainsi conserver le nombre choisi de versions antérieures. On peut alors comparer celles-ci (non seulement le « texte » mais également les options), revenir à une autre version, voir qui a effectué les modifications, ….  Deux applications concrètes :  Vous avez malencontreusement perdu un bout de texte ou une mise en forme en éditant un article  Vous avez déjà préparé la nouvelle version d’un article mais souhaitez encore attendre avant de la rendre visible 84 En savoir plus
    85. 85. 2) Amélioration de JUX (Joomla User Experience)  Difficile d’énumérer la kyrielle de petites améliorations de l’interface d’administration  Il s’agit par exemple  D’une page d’accueil revisitée  Les accès rapides sont maintenant à gauche  …  D’une uniformisation encore plus grande des différents écrans (gestionnaire d’articles, de menu, …) 85
    86. 86. 3) Config site + config template via le front- end  Dorénavant, dans le Gestionnaire de menus, deux nouveaux types d’éléments de menu sont possibles, qui permettent d’afficher dans le front-end (a priori pour les administrateurs seulement ☺) une version simplifiée d’écrans de configuration du back-end :  L’affichage d’une partie des options de configuration (l’écran « Global configuration » du backend)  L’affichage d’une partie des options du template 86
    87. 87. 4) Mise à jour de TinyMCE  TinyMCE est l’éditeur préinstallé avec Joomla  La nouvelle version 4 est certes plus moderne et présente par exemple des menus déroulants  Néanmoins, beaucoup d’utilisateurs préfèrent utiliser JCE (Joomla Content Editor), que ce soit en version gratuite ou payante, pour ses fonctionnalités complémentaires 87 En savoir plus
    88. 88. 5) Installation à partir du Web (JEF)  Jusqu’ici, l’installation d’une extension se faisait typiquement en deux étapes  D’abord surfer sur le JED (Joomla!® Extensions Directory) pour trouver et télécharger son extension  Ensuite, dans le Gestionnaire d’extensions, procéder à son installation en « uploadant » le fichier  J!3.2 offre désormais rien de moins qu’une sorte de « Appli Store », à l’instar de l’App Store (Apple) ou de Google Play (Google) : le « Joomla Extension Finder » (JEF)  Pour en bénéficier, aller dans le Gestionnaire d’Extensions et cliquer sur le bouton « Add Install from web tab » 88
    89. 89. 6) Installation automatique de site multilingue  Avec J!1.5, la mise en place d’un site multilingue exigeait typiquement l’installation d’une extension spécifique telle que Joomfish  Avec J!2.5, un site pouvait être nativement multilingue. Néanmoins, la procédure s’apparentait parfois à un petit parcours du combattant  Procédure  Avec J!3.0, la mise en place d’un site multilingue était déjà nettement plus facile mais demandait encore une configuration manuelle  Procédure  A partir de J!3.2, c’est directement lors de l’installation de Joomla que l’on peut spécifier que le site est multilingue et en déterminer les langues de départ Un énorme gain de temps et de confort ! 89
    90. 90. 7) Amélioration du gestionnaire de template  Auparavant, le gestionnaire de templates permettait juste d'éditer des fichiers CSS existants, d'éditer les fichier racines des templates et de dupliquer les templates. Désormais, on peut :  Editer tous les fichiers des templates  Copier les templates  Créer / « uploader » de nouveaux fichiers  Supprimer / renommer / copier des fichiers  Modifier et retailler les images  Créer de nouveaux dossiers  Compiler les fichiers LESS  Créer facilement des surcharges de template pour les modules, composants, et layouts  Avec une telle facilité pour créer des surcharges (/substitutions /« overrides »), plus aucune raison d’encore éditer les fichiers originaux lorsque l’on souhaite/doit « customizer » un fichier 90
    91. 91. 8) Messages de post-installation  Un composant « Messages de post-installation » a été ajouté  Il est utilisé pour informer les administrateurs des informations importantes lorsque Joomla!® et/ou une extension sont installés ou mis à jour  Deux manières d’accéder à ces messages :  Soit directement sur la page d’accueil de l’interface d’administration  Soit via le menu Composants > Messages de post installation  Les messages peuvent être masqués (tout comme ils peuvent être réaffichés grâce à un bouton spécifique) 91 En savoir plus
    92. 92. 13) Two Factor Authentication  Les tentatives de hacking de sites sont en plein essor…  Vous avez déjà veillé à effectuer les opérations suivantes (voir présentation de la précédente conférence)  Éviter d’avoir comme identifiant « admin »  Choisir un mot de passe robuste  Installer aeSecure pour protéger efficacement et facilement votre site  J!3.2 permet d’aller encore plus loin et offre la fonctionnalité optionnelle suivante : le « Two Factor Authentication » (TFA).  Ceci sécurise la connexion sur votre site avec un code secret secondaire qui change toutes les 30 secondes. Vous pouvez utiliser votre matériel mobile et l'application Google Authenticator pour produire ce code 92 En savoir plus sur le Two Factor Authentication(vidéo)
    93. 93. 14) BCrypt Cryptage de mots de passe  J!3.2 propose désormais une méthode encore plus sécurisée de cryptage de mot de passe à l’aide de Bcrypt 93
    94. 94.  Faire l’inventaire des nouvelles fonctionnalités les plus marquantes est forcément un exercice subjectif  Si on souhaite creuser le sujet, il est toujours possible de lire in extenso les « release notes » de chaque (sous-)version ☺  Exemple : Release Notes J!3.2.2  Les infographies présentent l’avantage d’être plus agréables et rapides à lire  En voici une réalisée par JoomlaShine qui retient un top 8 sur base d’un exposé récent de Brian Teeman (le « co-fondateur » de Joomla!®)  Source |traduction FR Top 8 des nouvelles fonctionnalités J!3.2 infographie de JoomlaShine 94
    95. 95. Top 8 des nouvelles fonctionnalités J!3.2 infographie de JoomlaShine 95
    96. 96. Top 10 des nouvelles fonctionnalités J!3.2 infographie de JoomlArt  J!3.2 synthétisé par JoomlArt 96
    97. 97. Vidéos officielles sur les nouveautés de J!3.2 Chaîne YouTube officielle : https://www.youtube.com/user/joomla/featured  Joomla 3.2 - Content Versioning  Joomla 3.2 - User eXperience (UX) Improvements  Joomla 3.2 - Joomla Extension Finder - AKA Install from Web  Joomla 3.2 - Two Factor Authentication  Joomla 3.2 - Multilingual Site Automatic Installer  Joomla 3.2 - Module ACL  Joomla 3.2 - Rapid Application Development (RAD) Framework 97
    98. 98. Les nouveautés de J!3.x J!3.1 98
    99. 99. La principale nouveauté de J!3.1  La principale nouveauté de J!3.1 est l’introduction des tags  Cette fonctionnalité était attendue depuis longtemps par la communauté car elle revient en effet à permettre d’affecter un élément à de multiples catégories. Prenons un exemple :  Auparavant, dans Joomla, un article ne pouvait appartenir qu’à une seule « catégorie »  Or, selon le contexte, il peut être utile d’affecter un même article à plusieurs « classements »  C’est ce que permet le système de tags, qui généralise le concept car il n’est pas limité à des « catégories d’articles » au sens propre  Des articles appartenant pourtant à des « catégories » différentes peuvent donc désormais être associés  Le système de tags s’applique non seulement aux articles, mais aussi aux contacts, aux liens web, aux fils d’actualités… et à tout autre contenu d’une extension tierce intégrant ce système de tags 99
    100. 100. La principale nouveauté de J!3.1  Un exemple concret :  Imaginons que je crée un site pour une association qui organise des conférences sur Joomla!®. Chaque conférence a un thème, mais aussi un lieu, un orateur, …  Avec le composant de tags, je crée une série de tags pour le contenu (sécurité, design, …), pour les lieux (Bruxelles, Paris, …), pour les orateurs etc.  A chaque article (et à chaque contact, …), je peux ainsi associer les tags qui lui conviennent  Sur le site, je peux alors exploiter ces tags de plusieurs manières  Un élément de menu peut pointer vers tous les éléments liés à un tag donné  Un article peut afficher les tags auxquels il est lié, permettant au visiteur de cliquer sur le tag qui l’intéresse et de découvrir efficacement et agréablement plus de contenu similaire 100
    101. 101. La principale nouveauté de J!3.1 101 En savoir plus  Copies d’écran  Le 1er écran donne un exemple de rendu des tags dans un article  Le 2e écran illustre l’ajout de différents tags à un article  Le 3e écran montre le composant de tags qui permet de les gérer et de les structurer (même s’ils peuvent aussi être créés à la volée en tapant le mot dans le champ Tags de l’article ou autre et en appuyant sur ENTER)
    102. 102. Les nouveautés de J!3.x J!3.0 102
    103. 103. 20 nouveautés de J!3.0 par rapport à J!2.5  Source : Joomla Community Magazine Nov 2012 103
    104. 104. 20 nouveautés de J!3.0 par rapport à J!2.5  1. Non adaptatif vs. adaptatif ("responsive")  2. Sans bootstrap vs. avec bootstrap  3. CSS simple vs. LESS CSS (préprocesseur)  4. Sans JUI (Joomla User Interface) vs. avec JUI (pour les dévelopeurs d'extensions)  5. L'héritage Mambo vs. une UX (interface utilisateur) moderne  6. Installation en 7 étapes vs. 3 étapes faciles  7. Interface du Gestionnaire d'articles : ancien style vs style moderne  8. Guest user group: création manuelle vs. automatiquement disponible par défaut  9. Template front-end non-responsive vs. template front- end responsive  10. Template back-end non-responsive vs. template back-end responsive  11. Template Beez3 : mise à jour  12. Joomla Platform version 11.x vs. 12.x  13. Mootools vs. Jquery  14. Réarrangement manuel vs « glisser-déposer »  15. Prérequis PHP/MySQL plus bas vs plus élevés  16. Options de modules : réglages basiques vs. réglages avancés  17. Simple Pie vs. JFeed  18. Un nouveau pilote PostgreSQL non supporté vs. inclus  19. Enregistrement d'articles uniquement avec détails vs. enregistrement d'articles vierges  20. "Unit testing" mis à jour dans le CMS 104 En gras, les nouveautés qui intéressent plus particulièrement l’utilisateur et qui sont donc reprises dans les diapositives suivantes
    105. 105. 1. Non adaptatif vs. adaptatif ("responsive")  Avec J!3.x  Non seulement vos sites peuvent être adaptatifs (« responsive »), càd s’adapter à la taille d’écran de l’appareil sur lequel ils sont consultés (smartphone/tablette/laptop/desktop)…  … mais -surtout- même l’interface d’administration est adaptative. Joomla est le premier CMS qui offre cette possibilité. Conclusion : même depuis votre smartphone, vous avez un accès super confortable aux boutons, fonctions, etc de votre back-end 105
    106. 106. 2. Sans bootstrap vs. avec bootstrap  Bootstrap est la référence actuelle qui permet de notamment de rendre les sites adaptatifs  Concrètement, pour l’utilisateur cela signifie par exemple qu’il peut facilement utiliser des styles prêts à l’emploi  Pour les boutons : http://getbootstrap.com/css/#buttons  Pour les images : http://getbootstrap.com/css/#images  Pour les icônes : http://getbootstrap.com/css/#forms-control-validation 106
    107. 107. 3. CSS simple vs. LESS CSS (préprocesseur)  Vous connaissez les fichiers CSS, qui définissent de manière centralisée tous les styles de votre site (par exemple, le fait que tous les hyperliens de votre site sont mauves et non soulignés) ?  LESS CSS en est simplement la version plus évoluée. Pourquoi ? Pour rendre la gestion de vos styles plus efficace et plus puissante. Deux exemples :  Les variables : plutôt que définir à 15 endroits différents que vos titres, sous-titres, hyperliens, … sont mauves, vous pouvez le faire de manière centralisée  Les fonctions: si votre couleur primaire est le mauve, vous pouvez définir des fonctions telles que « 10% plus clair que ma couleur X ». Du coup, vous pouvez facilement avoir vos titres en mauve foncé… et vos sous-titres en mauve clair  Pour en savoir plus sur LESS : http://fr.slideshare.net/LaFeWeb/fe-web-201301292lesscss  Testez pour vous-mêmes avec le template Protostar livré avec J!3 : 107
    108. 108. 5. L'héritage Mambo vs. une UX (« expérience utilisateur ») moderne  La nouvelle interface est plus moderne et plus visuelle. P.ex. boutons on/off en vert/rouge :  Mais elle est surtout plus fonctionnelle. Quelques exemples  Le menu supérieur est fixe (« sticky ») donc en permanence accessible  L’organisation des boutons est rationnalisée et uniformisée  Seuls les boutons/champs directement utiles apparaissent (exemple : les filtres ou fonctions de recherche)  Les nouveaux boutons « Batch » (traitement par lot) permet d’accélérer la création d’articles, de menus, …  … 108
    109. 109. 6. Installation en 7 étapes vs. 3 étapes faciles  L’installation a été simplifiée et se fait dorénavant en 3 étapes contre 7 précédemment  En outre, avec J!3.2, la mise en place d’un site multilingue peut se faire directement lors de l’installation ! Un avantage majeur par rapport à d’autres CMS dans le contexte européen 109
    110. 110. 7. Interface du Gestionnaire d'articles : ancien style vs style moderne  Exemple d’amélioration de l’interface avec le Gestionnaire d’articles (qui a encore continué à évoluer entre J!3.0 et J!3.2…)  Amélioration de l’interface de recherche et de filtre (cf. supra)  Organisation des paramètres d’un article sous forme d’onglets, plus pratiques 110
    111. 111. 8. Guest user group: création manuelle vs. automatiquement disponible par défaut  Préalable : qu’est-ce que le Guest user group ? Typiquement, un site peut avoir plusieurs niveaux d’accès : les éléments classés avec un accès  « public » sont visibles à tous, sans mot de passe  « registered » ne sont visibles qu’à partir du moment où on a introduit son mot de passe  « guest » sont visibles tant qu’on est pas authentifié mais disparaissent quand on est authentifié  Dorénavant, le Guest user group est disponible sans autre manipulation dans J!3. En savoir plus 111
    112. 112. 9. Template front-end non-responsive vs. template front-end responsive  J!3 est livré avec un nouveau template, qui est adaptatif (« responsive ») : Protostar  Sa paramétrisation est très aisée et permet notamment  De sélectionner la teinte globale du site  De sélectionner le logo de son choix (qui peut p.ex. faire toute la largeur du site)  D’utiliser les Google Fonts  Plus de détails sur ces options ici 112
    113. 113. 14. Réarrangement manuel vs « glisser- déposer » 113  Auparavant, lorsqu’il s’agissait de changer l’ordre des articles, des éléments de menus etc, il fallait effectuer l’opération manuellement à l’aide de la colonne « ordering » :  D’abord, classer selon la colonne d’ordre  Puis changer les numéros d’ordre concernés  Enfin enregistrer le nouveau classement  Avec J!3, l’opération est visuelle et immédiate : on fait simplement glisser les éléments
    114. 114.  Au niveau des modules, de nouvelles options sont apparues avec J!3.0 :  Module tag: to change the div in section  Bootstrap size: changing Bootstrap span grid class  Header tag: which aims for better SEO  Header class: adds the Bootstrap class in the page header  Module style: to inherit the Joomla installed template for the module styling  En outre (voir par ailleurs), depuis J!3.2  Les modules sont éditables depuis le front-end !  On peut gérer les droits d’accès via le système par défaut de Joomla (ACL) 16. Options de modules : réglages basiques vs. réglages avancés 114
    115. 115.  Dorénavant, il est possible de créer un article vierge… et de le sauver  Même si cela peut sembler futile, cela peut s’avérer pratique par exemple au moment de la création  lorsque le contenu n’est pas encore disponible  ou que l’on souhaite travailler « à la chaîne » (d’abord créer tous les éléments de contenu avec leur configuration, ensuite seulement injecter le texte et s’atteler à sa mise en forme) 19. Enregistrement d'articles uniquement avec détails vs. enregistrement d'articles vierges 115
    116. 116. Site multilingue > association d’éléments  Dans un site multilingue, l’association d’éléments (Article, Catégorie d’articles, Elément de menu, Contact, Fils d'actualité et Liens Web) s’avère extrêmement pratique car elle permet au visiteur du site de basculer directement d’une langue à l’autre… tout en restant sur le même « contenu ». Et ce, même si la structure du site est tout à fait différente d’une langue à l’autre  Pour autant que le plugin « Système - Filtre de langue » soit activé (avec le paramètre association d'éléments réglé sur Oui), un onglet Associations va apparaître lors de l’édition des éléments de contenu  En savoir plus 116
    117. 117. Installer J!3 en local LE SERVEUR XAMPP 117
    118. 118. Installer Xampp (serveur local) pour y tester J!3  Vous voudriez tester J!3 mais souhaitez ne pas toucher au serveur chez votre hébergeur ? Pas de problème, un serveur local s’installe facilement et en quelques minutes…  Xampp fait partie des excellents choix : télécharger Notez qu’une version portable (qu’il suffit de décompresser, sans « installer ») est aussi disponible  Une fois Xampp lancé en local, notez que pour réaliser une installation fraîche de Joomla (ou pour installer le backup de votre site de production), les paramètres à indiquer pour la base de données sont les suivants  serveur : indiquer localhost  utilisateur : indiquer root  mot de passe : laisser vierge  base de données : indiquer le nom souhaité NB : la base de données ne doit pas être créée au préalable via PHPMyAdmin  Plus d’infos sur http://docs.joomla.org/XAMPP 118
    119. 119. Passer à J!3 ou pas ? 119
    120. 120. Cela vaut-il la peine de passer à J!3.x ?  Prérequis  Attention, Joomla 3.x exige une version de PHP égale ou supérieure à la 5.3.10 (ce qui n’est pas excessif vu qu’elle date quand même du 2 février 2012 : be2.php.net/releases)  Jusqu’à la sortie de Joomla 3.5, la version la plus récente de PHP compatible est la 5.6  Joomla 3.5 est quant à lui compatible avec PHP 7… ce qui est particulièrement intéressant car il ressort des tests que le gain en performance est substantiel (+50% de rapidité)  Bref, si d’aventure votre hébergeur travaille encore avec une version ancienne de PHP, c’est une excellente raison de changer d’hébergeur (pas à cause de Joomla… mais bien à cause de la politique de sécurité douteuse de votre hébergeur…)  En l’occurrence, beaucoup de gens de la communauté (moi y compris ☺) recommandent notamment SiteGround, certes un peu plus cher qu’un « premier prix », mais infiniment meilleur en termes de performance et de support (pour un avis plus détaillé, voyez www.woluweb.be/fr/hosting) 120
    121. 121. Cela vaut-il la peine de passer à J!3.x ?  Si on commence un nouveau site > la réponse est clairement OUI  J!3 est en effet la version actuelle, nettement plus ergonomique que Joomla 2.5 et a fortiori 1.5  Et surtout, même J!2.5 a atteint sa « fin de vie » fin décembre 2014  En outre, J!3 présente de nombreux avantages par rapport à ses prédécesseurs, comme vu ci-dessus ☺ 121
    122. 122. Cela vaut-il la peine de passer à J!3.x ?  Si on a un site tournant sous J!2.5 > la mise à niveau en vaut probablement la peine (d’autant plus que J!2.5 n’est plus supporté depuis fin 2014…)  Dans le meilleur des cas, ce sera fait en un clic  Dans le pire des cas, cela peut représenter quelques heures (jours) de travail  De toute façon, à tester d’abord sur un duplicata en local ! Et même si ça marche en local, effectuer un backup de la version « live » (car la configuration du serveur étant différente, une surprise peut toujours arriver) 122
    123. 123. Cela vaut-il la peine de passer à J!3.x ?  Si on a un site tournant sous J!1.5 > il s’agit carrément d’une migration  J!1.5 n’est plus supporté depuis encore plus longtemps > bien qu’il n’y ait pas de faille connue à ce jour, il n’y aura plus de correctifs  Attention, le site des extensions compatibles J!1.5 a fermé ses portes… le 01/03/2014 ! http://archive.extensions.joomla.org/  Vu qu’il s’agit d’une migration, le travail est plus que probablement conséquent  Il n’est pas exclu que tôt ou tard, certains hébergeurs bloquent les sites tournant sous J!1.5 123
    124. 124. Cela vaut-il la peine de passer à J!3.x ?  A noter : pour les utilisateurs avancés qui souhaitent continuer à utiliser Joomla!1.5, une alternative spécifique leur a été ouverte par le lancement de !Ajmool, « la résurrection non- officielle des versions expirées de JoomLa! et qui ne sont plus supportées »  Plus d’informations sur http://www.ajmool2win.com/ 124
    125. 125. Passer à J!3 Comment ? METTRE À NIVEAU MIGRER 125
    126. 126. Migrer de J!1.5 à J!3.x  La migration de J!1.5 à J!3.x est un sujet qui mériterait certainement une présentation à part entière et ne peut se résumer sur une diapositive  Mais rien de tel qu’un tuto vidéo de Brian Teeman (co-fondateur de Joomla!®) pour se préparer : 126  Lesson 1: Introduction  Lesson 2: Preparation  Lesson 3: Templates  Lesson 4: Setup a New Joomla 3  Lesson 5: Install jUpgradePRO  Lesson 6: The Upgrade  Lesson 7: Cleanup  Lesson 8: The Template  Lesson 9: Extensions  Lesson 10: The Big Move  Lesson 11: Final Steps NB : les vidéos sont en anglais, mais notez que l’intégralité du texte est retranscrit sous chaque vidéo
    127. 127. Migrer de J!1.5 à J!3.x  La solution exposée sur le slide précédent est gratuite et fonctionne certainement très bien sur un site simple  Ceci étant dit, de mon expérience personnelle, un petit investissement dans une extension professionnelle (payante) peut en valoir la peine, surtout par exemple  Si le site d’origine a de multiples « sections et catégories » (appelées catégories aujourd’hui, car elles peuvent s’imbriquer « à l’infini)  Si on souhaite récupérer tous les modules du site d’origine  Si on a plusieurs sites à migrer  En l’occurrence, mon choix s’est porté sur SP Upgrade, qui pour moins de € 30, a réussi à migrer tout mon contenu sans faute (et sans perdre des heures à régler des petits détails post migration) : http://extensions.joomla.org/extensions/migration-a-conversion/joomla-migration/15609 127
    128. 128. Mettre à niveau de J!2.5 à J!3.x 128  La mise à niveau de J!2.5 à J!3.x est un sujet qui mériterait certainement une présentation à part entière et qui ne peut se résumer sur une diapositive  Mais rien de tel qu’un tuto vidéo de Brian Teeman (co-fondateur de Joomla!®) pour se préparer :  Lesson 1: Introduction  Lesson 2: Warning  Lesson 3: Preparation  Lesson 4: Uninstall Template  Lesson 5: The Upgrade  Lesson 6: The Template  Lesson 7: Cleanup NB : les vidéos sont en anglais, mais notez que l’intégralité du texte est retranscrit sous chaque vidéo
    129. 129. Mettre à niveau de J!2.5 à J!3.x  Quelques conseils complémentaires tirés de mon expérience personnelle :  Règle #1 : toujours avoir effectué (et testé !) au préalable un backup de son site  Même si le test en local de mise à niveau de son site de J!2.5 à J!3.x s’est passé sans le moindre problème, avant de l’effectuer sur le site de production  Toujours mettre provisoirement le paramètre « error reporting » (dans Configuration Générale) sur « maximum »  Le cas échéant, désactiver tous les plugins qui ne sont pas nécessaires (un effet de bord n’étant pas impossible)  Toujours désactiver au préalable le plugin « Système – Se souvenir de moi » (en anglais « System – Remember Me »)  Purger le cache juste avant et juste après la mise à niveau  Après la mise à niveau, réactiver les plugins un par un, en retestant à chaque fois le front-end pour identifier la cause d’un éventuel problème. En cas de pépin, notez qu’on peut toujours (dés)activer les plugins via PhpMyAdmin 129
    130. 130. Directement commencer avec J!3.x 130  Et même si on n’a rien à mettre à niveau ni à migrer, rien de tel qu’un tuto vidéo de Brian Teeman (co-fondateur de Joomla!®) pour directement partir sur de bonnes bases : NB : les vidéos sont en anglais, mais notez que l’intégralité du texte est retranscrit sous chaque vidéo
    131. 131. Ressources sur J!3 ALLER PLUS LOIN 131
    132. 132. Vidéos personnelles en complément à cette présentation  installation serveur Xampp  installation Joomla en local - préparation  installation Joomla en local - finalisation  Joomla3 interface et message post-installation  Joomla3 édition gestion filtre tri d'articles  Joomla3 content versioning  Joomla3 install from web  Joomla3 gestionnaire de template  Joomla3 Two Factor Authentication 132
    133. 133. En apprendre plus sur Joomla!® 3  Convaincu par J!3 ? C’est le moment de se faire la main sur Joomla  Google est votre meilleur ami pour trouver des tutoriels à cet effet…  Mais si je peux me permettre de suggérer une 1re source, la voici : « Joomla!® 3 - Le Livre Pour Tous » par Simon Grange http://cinnk.com/joomla/3/le-livre-pour-tous  version en ligne entièrement gratuite (disponible en FR / EN)  version e-book pour le prix de € 7  Version papier pour le prix de € 23 (personnellement, alors que je disposais déjà du livre au format PDF, distribué gracieusement lors du JoomlaDay 2014 à Paris, j’ai récemment pris la peine de l’acheter officiellement en guise de remerciement à l’auteur… En effet, même si le prix est symbolique, je tenais aussi à envoyer symboliquement un message de soutien à l’auteur :-) 133
    134. 134. Pour les développeurs  Cette présentation prend volontairement le point de vue de l’utilisateur (débutant ou expérimenté) de Joomla!®  Pour les développeurs, d’autres excellentes sources sont disponibles (mais ils n’auront probablement pas besoin du présent document pour trouver leurs sources ☺). On pourra notamment se référer à :  http://dev.joomla.fr  Et en particulier à http://dev.joomla.fr/accueil/item/94-les-nouveautes-joomla-32-le-tremplin-du-cms-joomla-3 134
    135. 135. Conclusion 135
    136. 136. Les nouveautés les plus marquantes de J!3.x  Chacun verra pour lui-même parmi les nouvelles fonctionnalités lesquelles lui seront le plus utiles, selon le projet et selon ses préférences personnelles  Malgré tout, voici une synthèse personnelle des apports majeurs cumulés de J!3.x, depuis J!3.0 à J!3.7 (les )  Interface améliorée  Intégration de Bootstrap (front-end et back-end adaptatifs, …)  Installation simplifiée  Edition des modules en front-end  Intégration des tags (« catégories » multiples pour le contenu)  Historique de contenu (« content versioning »)  Installation d’extensions à partir du web (« Joomla Extension Finder »)  Création immédiate de site multilingue  Gestionnaire de Templates amélioré (véritable outil)  Sécurité améliorée (Two Factor Authenfication, Bcrypt, …)  Intégration des MicroData (SEO)  Compteur d'éléments dans les catégories  Notification de mises à jour par email 136  Effacer tous les cache (3.6)  Créer les catégories à la volée (3.6)  Afficher le contenu de vos menus grâce à Tous les liens de menu (3.6)  Amélioration des mises à jour de Joomla (3.6)  Champs personnalisés (3.7)  Gestion multilingue facilitée (3.7)  Workflow amélioré (3.7)
    137. 137. Remerciements  Tout d’abord, merci à vous, public ou lecteur, de votre intérêt pour Joomla!® et pour cette présentation  Merci également aux organisateurs du Joomla!® User Group Wallonie de m’avoir invité à présenter pour la 1e fois ce sujet en 2014 ! C’est ainsi que le présent document est né et profite depuis d’une mise à jour à chaque nouvelle (sous-)version de Joomla ☺  Merci enfin à toute la communauté Joomla!® qui s’implique dans ce projet open-source ! En particulier, merci à tous ceux qui contribuent à partager leur passion et leur connaissance de Joomla!®… et qui figurent dans les hyperliens essaimés au fil de cette présentation 137
    138. 138. One more thing… 138 cœur caché dans le logo Joomla!® – sources Joomla Magazine – august 2014 | Sara Watz, President of Open Source Matters Joomla Magazine - septembre 2014 | traduction par Eric Lamy - AFUJ

    ×