Joomla 4 : professionnalisation et performance

18 vues
17 août 2021
Cyril
joomla4

 

Bonne nouvelle pour les fans de Joomla! : Joomla 4 final est sorti! Cette nouvelle mouture du CMS présente à la fois des améliorations de l'expérience utilisateur et de la qualité du code telles que: Framework 2.0, intégration Bootstrap 5, augmentation de la version PHP minimale prise en charge à PHP 7, nouveau gestionnaire de médias et de contenus, améliorations de l'interface utilisateur back-end, suppression des fonctionnalités précédemment obsolètes et plus encore. La migration vers cette nouvelle version est aussi  largement facilitée par rapport aux sauts précédents.

 

Joomla 4 - une toute nouvelle version : Joomla 4 core est construit avec des technologies modernes pour devenir une plate-forme CMS plus puissante et plus facile à utiliser. Son objectif est de simplifier le processus de mise à niveau en ayant une mise à niveau en un clic pour le noyau, des ruptures de compatibilité descendante minimales pour les extensions. Joomla 4 aidera les développeurs à faire plus de choses.

9 nouvelles fonctionnalités les plus excitantes de Joomla 4:

  • Intégration de Bootstrap 5
  • Interface utilisateur back-end plus conviviale
  • Améliorations du codage
  • Nouveau modèle front-end et modèle back-end
  • Nouveaux gestionnaire de médias
  • Processus d'installation simplifié
  • Temps de chargement des pages plus rapides
  • Fonctionnalités pour améliorer le référencement
  • Fonctions avancées pour la gestion des contenus (workflows, emails, aperçu...)

1. Intégration de Bootstrap 5 avec Joomla 4

Nous savons tous que Bootstrap est le framework HTML, CSS et JS le plus populaire pour créer des projets responsive sur le Web. Bootstrap 5 est une réécriture majeure de l'ensemble du projet pour le rendre encore plus puissant.  Par ailleurs Joomla 4 et ses versions ultérieures resteront à jour avec la dernière version de Bootstrap pour éviter les conflits et les problèmes de compatibilité descendante.

joomla4 et bootstrap5

Bootstrap 5 est intégré à Joomla 4

2. Interface utilisateur back-end plus conviviale

L'interface utilisateur principale de Joomla 4 est livrée avec de nombreuses améliorations pour la rendre plus conviviale avec les utilisateurs et plus facile à utiliser. En fait on constate une une convergence de l'interface vers celle d'autres CMS (Wordpress pour ne pas le citer).

Joomla 4 tableau bord

Interface back-end plus conviviale sur Joomla 4
 

La navigation principale se trouve maintenant dans la barre latérale avec une option réduite. Lorsque les utilisateurs cliquent sur 1 menu, le menu principal est réduit avec des icônes pour laisser de la place à la barre de sous-menu.

 joomla 4 nouvelle interface

Nouveau système de navigation back-office  sur Joomla 4
 

L'affichage responsive du back-office de Joomla 4 est également amélioré, l'interface fonctionne plus rapidement et a l'air plus propre.

joomla 4 responsive back office

Back-office Joomla 4 responsive
 

Plus de captures d'écran du back-office de Joomla 4:

Pour afficher l'image en pleine résolution, cliquez sur l'image.

gestionnaire articles joomla4

Gestionnaire d'articles

gestionnaire d'article de joomla4

Editer un article

Gestionnaire de modules Joomla 4

Gestionnaire de modules

Configuration globale de Joomla 4

Configuration globale de Joomla 4

3. Améliorations du codage

Amélioration de la couche MVC

Si l'approche MVC du framework Joomla est un plus indéniable face au code spaghetti d'un Wordpress, il faut avouer que la complexité de l'architecture implémentée a rebuté plus d'un développeur. Joomla 4 restreint alors les fonctions d'un composant. Ainsi, il est demandé à un composant de n'implémenter que sa propre fonctionnalité principale. Tout le reste est extrait dans le système. C'est pour aider à rendre l'extension plus propre pour le codage. Les développeurs utiliseront le « bus de commande » pour simplifier à l'extrême afin d'étendre les fonctionnalités lorsqu'ils disposent d'un contrôleur unique mais multitâche.

Structure de composant orthogonale

Il y a 2 types de composants suivant le système orthogonal :

  • Vertical : Liens Web, Contacts, Utilisateurs, Contenu, ...
  • Horizontal : Gestion des versions, traduction, balisage, commentaire...

Cette approche permet à n'importe quel composant de tirer parti des nouvelles fonctionnalités conçues pour être utilisées dans toutes les extensions.  

Composants d'interface utilisateur utilisant des technologies modernes

Il y a une collection de composants développés avec le nouveau standard W3C : des éléments personnalisés. Chaque composant utilise des scripts Java simples et optimisés pour des performances avec un balisage HTML propre et bien optimisé pour offrir plus d'avantages aux développeurs.

4. Nouveau modèle front-end et modèle back-end

Joomla 4 a introduit 1 nouveau template front-end : cassiopeia et 1 nouveau template back-end : atum . Le modèle intègre Bootstrap 5 et responsive.

joomla 4 nouveau modèle frontal

Nouveau modèle frontal

modèle de back-end joomla 4

Nouveau modèle responsive back-end

5. Nouveau gestionnaire de médias

Le nouveau gestionnaire de médias aidera les utilisateurs à gérer plus facilement leurs fichiers multimédias. Ils peuvent structurer le système de dossiers et gérer les fichiers plus facilement. Les utilisateurs peuvent également configurer des autorisations spécifiques pour le rôle de chaque utilisateur.

gestionnaire de médias joomla 4
 
Et nous avons enfin la possibilité d'éditer nos médias (recadrage, redimensionnement, rotation, création de vignettes) !
j4 edition images

6. Processus d'installation simplifié

Le processus d'installation de Joomla 4 est plus simple et plus facile à faire pour un utilisateur. Les exemples de données et l'installation multilingue sont inclus dans l'étape « Personnaliser l'installation ».

Il peut y avoir plus d'options à ajouter au processus d'installation comme :

  • Possibilité d'installer des extensions (au minimum les extensions principales prises en charge)
  • Retravailler l'installation de données d'échantillon

Installation de Joomla 4 - toutes les étapes avec captures d'écran

installation de joomla4

Étape 1 : Ajouter des informations sur le nom du site

Mettre à jour les informations de la base de données

Étape 3 : Mettre à jour les informations de la base de données

mettre à jour le compte administrateur

Étape 2 : Mettre à jour le compte administrateur

personnaliser l'installation

Étape 4 : Personnaliser l'installation

7. Temps de chargement des pages plus rapides

Joomla 4 se concentre sur l'amélioration de la qualité du codage, l'utilisation de technologies modernes, la suppression des fonctionnalités précédemment obsolètes, un nouveau système de plug-in réécrit, des conteneurs d'injection de dépendances pour remplacer JFactory, le framework Joomla à utiliser dans plus de composants, les espaces de noms, et la dépréciation du code, entre autres. 

8. Fonctionnalités pour améliorer le référencement

Le référencement est toujours l'une des parties les plus importantes du développement Web, les versions précédentes de Joomla prenaient déjà en charge de nombreuses fonctionnalités pour aider à améliorer le référencement : intégration du balisage des données structurées selon schéma.org dans la plupart des types de pages, structure de titre, champs de métadonnées, redirection... Dans Joomla 4, le CMS va plus loin avec un tableau de bord SEO intégré. 

9. Nouvelles fonctions pour le gestionnaire de contenus

Un gros travail a été apporté à la professionnalisation du cycle de vie des contenus avec notamment :

  • personnalisation des workflows (flux de travail) : en plus des états de publication des contenus (publié, dépublié, archivé, corbeille) Joomla permet de définir des workflows par catégorie avec des étapes (en fait des états métier) et des transitions entre ces étapes! Pour chaque transition on peut aussi définir des notifications emails personnalisées (contenu et destinataire). C'est une évolution majeure du gestionnaire de contenus.
  • personnalisation des notifications emails avec un gestionnaire de gabarits (templates) d'emails
  • ajout d'une fonction d'aperçu des contenus avant publication

 j4 workflow

Conclusion

L'agence Pulsar a développé une expertise reconnue autour du CMS Joomla depuis 2007. L'ouverture vers d'autres plateformes (autres CMS ou frameworks PHP / JS) nous a permis de confirmer notre attrait pour Joomla! selon les projets dans un esprit non partisan et avec objectivité. On pourra regretter l'absence de plus en plus criante d'un CCK intégré ou au moins d'une uniformisation du modèle des contenus qui permettrait à toutes les extensions de mieux communiquer entre elles mais Joomla 4 permet de faire plus, mieux et avec moins d'extensions à ajouter. Avec les années Joomla se bonifie et se professionnalise et renforce la panoplie des solutions techniques que notre agence vous propose pour réaliser votre projet digital.

com_search joomla 2.5 recherche sans accents
Comprendre les droits et niveaux d'accès de Joomla!
E-commerce avec Seblod
Astuces PHP lazy load sous joomla seblod warp
Sommaire automatique pour Joomla
Soirée CMS open-source en PHP
Les solutions multi sites avec Joomla!
CMS Day: Joomla pour les projets du secteur public
JoomlaDay 2015: Pulsar y était!
Pulsar présente JOOMLA à AGORA CMS
Quelles extensions choisir pour son site joomla ?
Workflows généralisés avec Joomla! et Seblod (partie 4)
Transformer un article en contenu SEBLOD
GED Open Source simple pour les PME
Pulsar présente son expertise SEBLOD au JoomlaDay 2013
Pulsar, le JoomlaDay et Israël
Super BreadCrumb for Joomla 1.5 1.6 & 1.7
Joomla! présent au salon AGORA CMS 2016
Pulsar et Joomla pour les sites évolués au JoomlaDay 2014
Workflow Joomla! évolué avec Seblod 2/4
Pulsar présente le projet pour la Sorbonne au JoomlaDay!
Joomla! à nouveau élu meilleur CMS 2017
Joomla et les CCK
Les nouveautés de Joomla! 4
Sites multi langues mobiles avec Joomla et Seblod
Workflows évolués pour Joomla! avec Seblod 1/4
3 nouvelles extensions Joomla! de Pulsar dans la JED
SEBLOD et J2store au JoomlaDay Israël 2017
Pulsar présente le JoomlaBusiness à l'AFUP
Correctif de Pulsar dans le routeur de Joomla
Ajouter Cufon à votre site Joomla!:
Joomla! meilleur CMS PHP Open Source
Monétisez votre workflow avec Joomla!
Astuce: suppression des éléments Seblod
Référencement naturel, cocons sémantiques et Joomla!
Import shipping pour hikashop
SOBI Pro: le menu principal ne s'affiche pas
JCEmediabox et css js compress
Chasse aux bugs des templates Warp
Plugin merge css/js pour Joomla
Optimisation et vitesse de votre site Joomla!
Ajouter une icône d'édition dans une liste SEBLOD
Fenêtre coulissante avec Joomla et Seblod
Pulsar gagne l'appel d'offre de la Sorbonne
Pulsar au JoomlaDay Israel 2016
Les avantages de Joomla! face à Drupal
Pulsar présente le job board du nouveau site web Dynamique Emploi
Developpements pour la Bibliotheque Mazarine
L'agence Pulsar sponsorise le JoomlaDay 2015
Projets multi langues et multi sites avec Seblod
Nouveau site de Pulsar avec Seblod!
Indiegogo: contrôle de version avancé avec SEBLOD
Advanced module manager et page d'accueil
Entrées grisées avec la mention [extrait] dans DOCMAN
Les solutions e-commerce avec Joomla!
Pulsar au JoomlaDay 2014: Chaine de production
JoomlaDay 2015: Joomla! pour les applis pro
Un nouveau routeur pour Joomla!
Chargement Joomla avec Mootools de Google
Pulsar présente le CMS Joomla! au club STARINUX
Pulsar sponsor du Joomladay
Joomla! fête ses 10 ans!
Multisites, multilangues et multidevices pour la SORBONNE
Pourquoi nous avons ajouté WordPress à notre offre
Joomla meilleur cms open source 2011
Pulsar primé pour le site de la Sorbonne
Comprendre le stockage des données avec SEBLOD
Gestion Electronique de Documents sur mesure
Plugin de cache Joomla : les images ne s'affichent pas
Personnalisation du backoffice de Joomla!
l'AFUJ exposant au salon Open Source Summit 2015
SEBLOD: supprimer un script à moindre coût
Ajouter le bouton DOCLINK avec Jevents et SobiPro
Développement multi sites avec Joomla et Seblod
Pulsar, sponsor OR du JoomlaDay 2017
Override joomla du template 'category' lié à un menu
Pulsar sponsor OR du JoomlaBusiness 2015
Paramètres hikashop des items de menu
sh404SEF: URLs n'apparaissent pas
Pulsar developpe la passerelle Joomla LUCENE SOLR
Elections 2016 ... le CMS Joomla! encore
Critère de correspondance pour la recherche SEBLOD
Workflow et formulaires faciles avec Joomla! et Seblod 3/4
Pulsar forme au CCK SEBLOD pour Joomla!
Pulsar certifie ses formateurs Joomla!
Edition front end avec Hikashop et Virtuemart
Comparaison des CCKs pour Joomla!
Job board intégré à votre site Joomla!
Une agence web Joomla! au Drupagora
Extensions Joomla: accessibilité, menu vertical et réseaux sociaux
Virtuemart: flèches quantité ne fonctionnent pas