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

Joomla!® 3.x
la synthèse de toutes les nouveautés des versions
3.8 |3.7 | 3.6 | 3.5 | 3.4 | 3.3 | 3.2 | 3.1 | 3.0
+ la feuille de route des versions suivantes 3.9, 4.0 et X
1
MARC DECHÈVRE | présentation et vidéos disponibles sur woluweb.be/fr/joomlaV 8

Versions du présent document
❽ 19-09-2017 > mise à jour à l’occasion de Joomla 3.8
❼ 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 ]
2

Plan de la
présentation
► INTRODUCTION
► LES VERSIONS DE JOOMLA!®
► FEUILLE DE ROUTE VERSIONS SUIV.
► LES NOUVEAUTÉS DE J!3.8
► INSTALLER J!3 EN LOCAL
► PASSER À J!3 – OU PAS ?
► PASSER À J!3 – COMMENT
► RESSOURCES SUR J!3
► CONCLUSION
3

Les différences principales par rapport à la version précédente du présent document sont indiquées avec le logo « nouveau »

Introduction
4
joomla.org/3/fr

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
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 !
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 du C.A. 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
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
8
NB : icônes disponibles sur
https://docs.joomla.org/Category:Images_with_JEDL_licence
https://docs.joomla.org/Category:Images_copyright_by_OSM

Les versions
de Joomla
UNE MISE EN
PERSPECTIVE
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
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.
11

Les
nouveautés de
J!3.x, J!4.x, …
FEUILLE DE ROUTE
VERSIONS FUTURES
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
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”
14

Github
 Exemples :
 3.8.0 https://github.com/joomla/joomla-cms/milestone/19?closed=1
 Vous voulez anticiper et déjà tester les versions alpha/beta des futures versions ? Voyez
 https://developer.joomla.org/nightly-builds.html
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.8.0_FAQ
16

Joomla X
 https://github.com/joomla-projects/joomla-pythagoras
 + voir présentation de Marco Dings @ JWC 2016
https://www.youtube.com/watch?v=3k2OoGRCXKo
17

Joomla! 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
18

Joomla! 4
 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
 https://www.joomlashack.com/blog/tutorials/first-look-joomla-4
 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

Joomla! 4 > nouveau Media Manager
 A priori, le futur Media Manager est plutôt pour Joomla 4
 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
20

Joomla! 3.9
 Joomla 3.9 sera essentiellement une version de transition vers Joomla 4, qui permettra aux
développeurs un passage en douceur
 In preparation for Joomla! 4.0, Joomla! 3.9 will primarily be a release containing backports of API
changes from the 4.0 development branch to help ease the transition to the next major release for the
community. It is planned for 3.9 and 4.0 to release simultaneously.
21

Les
nouveautés
de J!3.x
J!3.8
22

Joomla 3.8 – les nouveautés
 Pour commencer, la source #1 pour avoir plus d’informations sur la dernière version de Joomla :
https://www.joomla.org/3/fr
23

Joomla 3.8 – les nouveautés
 Les nouveautés principales :
 La nouveauté principale est le nouveau router (qui permet de faire disparaître les numéros (« id ») d’articles et
de catégories dans les URL, dans une optique SEO)
 L’installation de données d’exemples à tout moment (ce qui est pratique notamment pour les développeurs
de template ous d’extensions, dont on pourra installer plus facilement des démos)
 La couche de compatibilité Joomla 4
 Le chiffrement qui est amélioré (Joomla est le premier des CMS majeurs à implémenter Sodium !)
 Articles en vedette : Planifier le début et la fin de la mise en vedette d'un article
 Le filtre des articles par tags dans les modules (comme c’est le cas pour les menus)
 Filtre des modules d’administration par langue
 Ajout d’un parameter de classe CSS pour les images dans les éléments de menus
 Nouveau groupe de plugin : pagecache
 …
24

Joomla 3.8 – le nouveau router > exemple
 Rien de tel qu’un exemple pour voir la différence d’URL entre l’ancien et le nouveau router :
 Catégorie Galerie Photo d'Animaux :
 Routeur historique : /article-categories/72-park-site/photo-gallery/animals
 Nouveau routeur avec les ID : /article-categories/26-park-site/28-photo-gallery/72-animals
 Nouveau routeur sans les ID : /article-categories/park-site/photo-gallery/animals
 Article Koala :
 Routeur historique : /article-categories/72-park-site/photo-gallery/animals/25-koala
 Nouveau routeur avec les ID : /article-categories/26-park-site/28-photo-gallery/72-animals/25-koala
 Nouveau routeur sans les ID : /article-categories/park-site/photo-gallery/animals/koala
25

Joomla 3.8 – le nouveau router > références
 https://joomlaseo.com/blog/new-plans-for-the-router-in-joomla-3-8
 Ancien router (stable) :
http://localhost/joomla38/index.php/all/2-uncategorised/1-about
 Nouveau router (avec ID) :
http://localhost/joomla38/index.php/all/2-uncategorised/1-about (identical in many cases)
 Nouveau router (sans ID):
http://localhost/joomla38/index.php/all/uncategorised/about
 https://brian.teeman.net/joomla/first-looks-joomla-3-7-router
 https://www.joomlashack.com/blog/tutorials/new-urls/
 https://github.com/joomla/joomla-cms/projects/7
26

Joomla 3.8 – le nouveau router > redirections
 Attention : si vous activez le nouveau Router sur un site existant, pensez à faire ce qu'il faut pour ne
pas être pénalisé au niveau SEO (puisque si vos urls changent, il faut gérer les redirections des
anciennes adresses vers les nouvelles).
 Plusieurs solutions
1. le composant natif de Redirection de Joomla : très facile d'utilisation... mais si vous avez de très nombreux
articles cela risque d'être fastidieux
2. l'ajout d'une règle (plus ou moins générique) dans votre fichier htaccess
Voir par exemple quelques propositions dans les commentaires de cet article (à tester vous-même) :
https://www.joomlashack.com/blog/tutorials/new-urls/
3. l'utilisation d'une extension dédiée
 comme ReDJ de Selfget : https://www.selfget.com/products/redj.html
"ReDJ supports powerful regular expressions that allow to match more than one source URL. In this way it is possible to
create a group of redirections with just one ReDJ item"
 telle que sh404sef de Weeblr : https://weeblr.com/joomla-seo-analytics-security/redirects-under-control
27

Joomla 3.8 - en savoir plus
 19/09/2017 – annonce de sortie
 FR https://www.joomla.fr/versions-3-x/item/1708-joomla-3-8-est-disponible
 EN https://www.joomla.org/announcements/release-news/5713-joomla-3-8-0-release.html
 14/09/2017
 www.joomlashack.com/blog/tutorials/joomla-3-8
 05/06/2017
 https://www.joomshaper.com/blog/joomla-3-8-new-features-announced
 03/06/2017
 Version FR (par Nicolas OGIER) www.joomla.fr/versions-3-x/item/1682-et-si-nous-parlions-de-joomla-3-8
 Version originale EN developer.joomla.org/news/693-plan-for-the-joomla-3-8-release.html
 13/02/2017 developer.joomla.org/news/670-production-department-team-lead-meeting.html
28

Les
nouveautés
de J!3.x
J!3.7
29

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
30

J!3.7 – illustration
 Dans un article publié le 28/09/2016, JoomlaShack fait un intéressant topo de 6 nouveautés de
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
 NB : les éléments en gris ont finalement été reportés
31

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,
32

2. Un nouveau (flat) design pour l’Administration
33

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
 NB : cette fonctionnalité n’a finalement pas été introduite dans le noyau,
mais est depuis août 2017 disponible sur
https://www.akeebabackup.com/news/1685-introducing-social-login.html
34

4. Configuration fonctionnalités TinyMCE
 Ceci permet de personnaliser les boutons de TinyMCE (ajouter/déplacer/supprimer)
35

J!3.7– illustration
5. Ajouter des articles depuis les éléments de menu
36

J!3.7– illustration
6. Nouveau sélecteur de Date et d’Heure
37

J!3.7 – 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
38

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
39

Joomla 3.7 > autres exemples de nouveautés
 Affichez un captcha à l'ajout/modif d'article :
40

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
41

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
42

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)
43

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
44

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/how-to-use-joomla-3-7-custom-fields
 https://www.joomshaper.com/blog/joomla-3-7-to-get-custom-fields-url-router-and-more-
features
 https://www.joomshaper.com/blog/how-to-use-multilingual-associations-feature-of-joomla-3-7
 http://sellacious.com/blog/what-to-expect-in-joomla-version-3-7.html
45

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
46

Les
nouveautés
de J!3.x
J!3.6
47

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
48

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 !
49

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
50

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.
51

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.
52

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.
53

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.
54

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.
55

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é
56

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)
57

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 :
58

 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”
59

 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)
60

 Les infobulles sont dorénavant plus lisibles et mieux positionnées par rapport au champ
survolé. Illustration “avant/après” :
61

Les
nouveautés
de J!3.x
J!3.5
62

https://docs.joomla.org/J3.x:Joomla_3.5_Imagery/fr
63

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 !)
64

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
65

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 ☺
66

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.
67

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.
68

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.
69

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.
70

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
71

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
72

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 :
73

Les
nouveautés
de J!3.x
J!3.4
75

 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
76

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!.
77

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”.
78

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
79

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
80

Les
nouveautés
de J!3.x
J!3.3
81

 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.
82

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
83

Infographie
 Joomlart a réalisé une infographie
synthétisant ces nouveautés de J!3.3,
infographie traduite par Nosyweb et
reproduite ci-contre
84

 Joomla! 3.3 - Do More with Joomla!
 Joomla! Microdata implementation
 Joomla! MooTools to jQuery JavaScript conversions
 Do More with improved page speeds!
85

Les
nouveautés
de J!3.x
J!3.2
86

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
87
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

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
88
En savoir plus

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, …)
89

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
90

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
91
En savoir plus

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 »
92

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 !
93

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
94

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)
95
En savoir plus

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
96
En savoir plus sur le Two Factor Authentication(vidéo)

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
97

 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
98

infographie de JoomlaShine
99

infographie de JoomlArt
 J!3.2 synthétisé par JoomlArt
100

 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
101

Les
nouveautés
de J!3.x
J!3.1
102

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
103

 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
104

105
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)

Les
nouveautés
de J!3.x
J!3.0
106

20 nouveautés de J!3.0 par rapport à J!2.5
 Source : Joomla Community Magazine Nov 2012
107

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
108
En gras, les nouveautés qui intéressent plus particulièrement l’utilisateur
et qui sont donc reprises dans les diapositives suivantes

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
109

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
110

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 :
111

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, …
 …
112

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
113

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
114

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
115

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
116

14. Réarrangement manuel vs « glisser-
déposer »
117
 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

 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
118

 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
119

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
120

Installer J!3
en local
LE SERVEUR XAMPP
121

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
122

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)
124

 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 ☺
125

 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)
126

 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
127

 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/
128

Passer à J!3
Comment ?
METTRE À NIVEAU
MIGRER
129

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
:
130
 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

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
131

Mettre à niveau de J!2.5 à J!3.x
132
 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
texte est
retranscrit sous
chaque vidéo

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
133

Directement commencer avec J!3.x
134
 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
texte est
retranscrit sous
chaque vidéo

Ressources
sur J!3
ALLER PLUS LOIN
135

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
136

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 :-)
137

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
138

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.8 (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
140
 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)
 Le nouveau router (3.7)

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
141

One more thing…
142
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

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

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (20)

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

Hinweis der Redaktion