joomla!3 - les nouveautés - marc dechèvre

77
Joomla! ® 3.x les nouveautés J!3.0 J!3.1 J! 3.2 J!3.3 22.02.2014 > PRÉSENTATION AU JOOMLA USER GROUP WALLONIE [ BRUXELLES ] 24.05.2014 > MISE A JOUR A L’OCCASION DU JOOMLADAY ™ [ PARIS ] 11.10.2014 > PRÉSENTATION AU JOOMAPERO [ TECHNOFUTUR TIC, GOSSELIES ] MARC DECHÈVRE 1 présentation et vidéos disponibles sur woluweb.be/ fr / joomla V 3.0

Upload: woluweb

Post on 04-Dec-2014

2.966 views

Category:

Technology


2 download

DESCRIPTION

Joomla!3 - les nouveautés mise à jour 11.10.2014

TRANSCRIPT

Page 1: Joomla!3 - les nouveautés - Marc Dechèvre

1

Joomla!® 3.xles nouveautés J!3.0 J!3.1 J!3.2 J!3.3

❶ 22.02.2014 > PRÉSENTATION AU JOOMLA USER GROUP WALLONIE [ BRUXELLES ]

❷ 24.05.2014 > MISE A JOUR A L’OCCASION DU JOOMLADAY ™ [ PARIS ]

❸ 11.10.2014 > PRÉSENTATION AU JOOMAPERO [ TECHNOFUTUR TIC, GOSSELIES ]

MARC DECHÈVRE

présentation et vidéos disponibles sur woluweb.be/fr/joomla V 3.0

Page 2: Joomla!3 - les nouveautés - Marc Dechèvre

2

Plan de la présentation

► INTRODUCTION

► LES VERSIONS DE JOOMLA!®

► LES NOUVEAUTÉS DE J!3.0

► LES NOUVEAUTÉS DE J!3.1

► LES NOUVEAUTÉS DE J!3.2

► LES NOUVEAUTÉS DE J!3.3

► FEUILLE DE ROUTE J!3.4 ET SUIV.

► INSTALLER J!3 EN LOCAL

► PASSER À J!3 – OU PAS ?

► PASSER À J!3 – COMMENT

► RESSOURCES SUR J!3

► CONCLUSION

Nouveau par rapport à la version 1 du présent document

Page 4: Joomla!3 - les nouveautés - Marc Dechèvre

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.0, J!3.1, J!3.2, J!3.3).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

Page 5: Joomla!3 - les nouveautés - Marc Dechèvre

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ébutantqui gère par exemple un petit site pour son club ou son association

à l’utilisateur avertiqui 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 vient avec son lot d’innovations… et il y en a pour tout le monde !

Page 6: Joomla!3 - les nouveautés - Marc Dechèvre

6

Moi

Marc Dechèvre |marc woluweb.be | woluweb.be | membre | signataire charte

En 1995 : 1er site internet avec un simple éditeur de texte

(…)

En juin 2008 : 1er site internet avec Joomla!® 1.5

En juin 2013 : 1er site internet avec Joomla!® 3.x

Utilisateurs d’internetpour 100 habitants

Page 7: Joomla!3 - les nouveautés - Marc Dechèvre

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

Page 8: Joomla!3 - les nouveautés - Marc Dechèvre

8

Les versions de Joomla

UNE MISE EN PERSPECTIVE

Page 9: Joomla!3 - les nouveautés - Marc Dechèvre

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

J!3.3 en avril 2014

Sources

http://en.wikipedia.org/wiki/Joomla

http://docs.joomla.org/Category:Version_History

http://www.joomla.fr/versions-3x/joomla-322-est-disponible

http://joomla.fr/actualites-de-joomlaorg/planning-pour-joomla-33

Page 10: Joomla!3 - les nouveautés - Marc Dechèvre

10

Nouvelle stratégie de sortie des versions

Début avril 2014, Joomla! a annoncé une nouvelle stratégie de sortie des versionsVoir les détails en version française sur http://kiwik.net/joomla/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.

Page 11: Joomla!3 - les nouveautés - Marc Dechèvre

11

Les nouveautés de J!3.x

J!3.0

Page 13: Joomla!3 - les nouveautés - Marc Dechèvre

13

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

En gras, les nouveautés qui intéressent plus particulièrement l’utilisateuret qui sont donc reprises dans les diapositives suivantes

Page 14: Joomla!3 - les nouveautés - Marc Dechèvre

14

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

Page 15: Joomla!3 - les nouveautés - Marc Dechèvre

15

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

Page 16: Joomla!3 - les nouveautés - Marc Dechèvre

16

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 :

Page 17: Joomla!3 - les nouveautés - Marc Dechèvre

175. 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, …

Page 18: Joomla!3 - les nouveautés - Marc Dechèvre

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

Page 19: Joomla!3 - les nouveautés - Marc Dechèvre

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

Page 20: Joomla!3 - les nouveautés - Marc Dechèvre

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

Page 21: Joomla!3 - les nouveautés - Marc Dechèvre

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

Page 22: Joomla!3 - les nouveautés - Marc Dechèvre

2214. Réarrangement manuel vs « glisser-déposer »

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

Page 23: Joomla!3 - les nouveautés - Marc Dechèvre

23

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

Page 24: Joomla!3 - les nouveautés - Marc Dechèvre

24

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

Page 25: Joomla!3 - les nouveautés - Marc Dechèvre

25

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

Page 26: Joomla!3 - les nouveautés - Marc Dechèvre

26

Les nouveautés de J!3.x

J!3.1

Page 27: Joomla!3 - les nouveautés - Marc Dechèvre

27

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

Page 28: Joomla!3 - les nouveautés - Marc Dechèvre

28

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

Page 29: Joomla!3 - les nouveautés - Marc Dechèvre

29

La principale nouveauté de J!3.1

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)

Page 30: Joomla!3 - les nouveautés - Marc Dechèvre

30

Les nouveautés de J!3.x

J!3.2

Page 31: Joomla!3 - les nouveautés - Marc Dechèvre

31

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

En gras, les nouveautés qui intéressent plus particulièrement l’utilisateuret qui sont reprises dans les diapositives suivantes

En savoir plus: version originale EN | version traduite FR

Page 32: Joomla!3 - les nouveautés - Marc Dechèvre

32

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 texteou une mise en forme en éditant un article

Vous avez déjà préparé la nouvelle version d’un articlemais souhaitez encore attendre avant de la rendre visible

En savoir plus

Page 33: Joomla!3 - les nouveautés - Marc Dechèvre

332) 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 grandedes différents écrans(gestionnaire d’articles, de menu, …)

Page 34: Joomla!3 - les nouveautés - Marc Dechèvre

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

Page 35: Joomla!3 - les nouveautés - Marc Dechèvre

35

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

En savoir plus

Page 36: Joomla!3 - les nouveautés - Marc Dechèvre

36

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 »

Page 37: Joomla!3 - les nouveautés - Marc Dechèvre

376) 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’installationde Joomla que l’on peut spécifier que le site est multilingueet en déterminer les langues de départUn énorme gain de temps et de confort !

Page 38: Joomla!3 - les nouveautés - Marc Dechèvre

38

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

Page 39: Joomla!3 - les nouveautés - Marc Dechèvre

39

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)

En savoir plus

Page 40: Joomla!3 - les nouveautés - Marc Dechèvre

40

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

En savoir plus sur le Two Factor Authentication(vidéo)

Page 41: Joomla!3 - les nouveautés - Marc Dechèvre

41

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

Page 42: Joomla!3 - les nouveautés - Marc Dechèvre

42

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.2infographie de JoomlaShine

Page 43: Joomla!3 - les nouveautés - Marc Dechèvre

43Top 8 des nouvelles fonctionnalités J!3.2infographie de JoomlaShine

Page 44: Joomla!3 - les nouveautés - Marc Dechèvre

44Top 10 des nouvelles fonctionnalités J!3.2infographie de JoomlArt

J!3.2 synthétisé par JoomlArt

Page 45: Joomla!3 - les nouveautés - Marc Dechèvre

45

Les nouveautés de J!3.x

J!3.3

Page 46: Joomla!3 - les nouveautés - Marc Dechèvre

46

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.

Page 47: Joomla!3 - les nouveautés - Marc Dechèvre

47

Les cinq principales nouveautés

Sécurité renforcéeJoomla 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 SEOLa 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 rapidejRouter, 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 CloudLes services de stockage Cloud comme Amazon S3, Google Cloud Storage, Rackspace et Dropbox seront dorénavant directement accessible depuis le noyau de Joomla

Uniquement JqueryJquery 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

Page 48: Joomla!3 - les nouveautés - Marc Dechèvre

48

Infographie

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

Page 49: Joomla!3 - les nouveautés - Marc Dechèvre

49

Les nouveautés de J!3.x

J!3.4 ET SUIV.FEUILLE DE ROUTE

Page 50: Joomla!3 - les nouveautés - Marc Dechèvre

50

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

Bien entendu, le descriptif comme le timing sont indicatifs

Page 51: Joomla!3 - les nouveautés - Marc Dechèvre

51

Feuille de route 2014

2014

Release

Focus Date

3.3 Update minimum requirements for CMS. Include any completed, accepted Google Summer of Code projects. Frontend module editing, microdata, Mootools to JQuery. Integrate install from web into core.

Apr 30

3.4 Remove com_weblink and associated modules, plugins. Establish procedures for removal. Create core extension directory and install processes. Add special core extensions category to JED, redirect on post-install. No removal of existing extensions on upgrade. Affects new installs only.

Sep15

3.5 Remove additional components and all associated pieces. (com_newsfeeds, com_banners, com_contacts, com_search, com_finder, com_redirect, com_messages). Remove sample data from installation; place in post install.

Nov15

Page 52: Joomla!3 - les nouveautés - Marc Dechèvre

52

Feuille de route 2015

2015

3.6 Improve Joomla translation and multi-language support. Feb15

3.7 Add bootstrap compatibility layer as a Joomla layer to allow different versions of bootstrap or other CSS style frameworks to be used.

Apr15

3.8 Improve Search Engine Optimization and SEF URL's. Take advantage of currently available resources. Explore new routing options which can improve SEF while still maintaining backwards compatibility.

Jun15

3.9 Improve media manager. Continue the work performed by the earlier efforts and increase both security and functionality of the media manager. Explore adding additional media types and embedding options.

Aug15

3.10 Create new administrator template to replace the two current administrator templates. This new template should be both responsive, and accessible. The focus is to provide a single, robust, user-friendly design.

Oct15

3.11 Additional minor releases continue as needed. Dec15

Page 53: Joomla!3 - les nouveautés - Marc Dechèvre

53Au menu de J!3.4http://developer.joomla.org/news/583-announcing-joomla-cms-3-4.htmltraduit sur kiwik.net : http://kiwik.net/joomla/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!.

Page 54: Joomla!3 - les nouveautés - Marc Dechèvre

54Au menu de J!3.4 (suite)http://developer.joomla.org/news/583-announcing-joomla-cms-3-4.htmltraduit sur kiwik.net : http://kiwik.net/joomla/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”.

Page 55: Joomla!3 - les nouveautés - Marc Dechèvre

55

Installer J!3 en local

LE SERVEUR XAMPP

Page 56: Joomla!3 - les nouveautés - Marc Dechèvre

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

Page 57: Joomla!3 - les nouveautés - Marc Dechèvre

57

Passer à J!3 ou pas ?

Page 58: Joomla!3 - les nouveautés - Marc Dechèvre

58

Cela vaut-il la peine de passer à J!3.x ?

Prérequis

Attention, la dernière version de Joomla 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)

Si d’aventure votre hébergeur travaille encore avec une version plus ancienne, 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 )

Page 59: Joomla!3 - les nouveautés - Marc Dechèvre

59

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 suffisamment stable & avancé

Toutes les extensions indispensables ont déjà été adaptées à J!3

Le nombre d’extensions et de templates disponibles pour J!3 est maintenant largement suffisant

Last but not least, J!3 présente de nombreux avantages par rapport à ses prédécesseurs, comme vu ci-dessus

Bref, à moins d’avoir une raison très spécifique exigeant absolument J!2.5, autant se lancer directement dans J!3.x… d’autant plus que J!2.5 atteint sa « fin de vie » fin décembre 2014

Page 60: Joomla!3 - les nouveautés - Marc Dechèvre

60

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

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)

Si on a hâte de profiter de J!3, on peut basculer dès à présent

Même s’il n’y a pas d’urgence stricto sensu, notons que J!2.5 ne sera plus supporté que jusque fin 2014

Page 61: Joomla!3 - les nouveautés - Marc Dechèvre

61

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

Page 62: Joomla!3 - les nouveautés - Marc Dechèvre

62

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/

Page 63: Joomla!3 - les nouveautés - Marc Dechèvre

63

Passer à J!3Comment ?

METTRE À NIVEAUMIGRER

Page 64: Joomla!3 - les nouveautés - Marc Dechèvre

64

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 :

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

Page 65: Joomla!3 - les nouveautés - Marc Dechèvre

65

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

Page 66: Joomla!3 - les nouveautés - Marc Dechèvre

66

Mettre à niveau de J!2.5 à J!3.x

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

Page 67: Joomla!3 - les nouveautés - Marc Dechèvre

67

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 lesplugins un par un, en retestant àchaque fois le front-end pour identifierla cause d’un éventuel problème. En casde pépin, notez qu’on peut toujours(dés)activer les plugins via PhpMyAdmin

Page 68: Joomla!3 - les nouveautés - Marc Dechèvre

68

Directement commencer avec J!3.x

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

Page 69: Joomla!3 - les nouveautés - Marc Dechèvre

69

Ressources sur J!3

ALLER PLUS LOIN

Page 70: Joomla!3 - les nouveautés - Marc Dechèvre

70

Vidéos officielles sur les nouveautés de J!3.2

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

Page 71: Joomla!3 - les nouveautés - Marc Dechèvre

71Vidéos personnellesen 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

Page 72: Joomla!3 - les nouveautés - Marc Dechèvre

72

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 Grangehttp://kiwik.net/joomla/3/le-livre-pour-tous

version en ligne entièrement gratuite (disponible en FR / EN)

version e-book pour le prix de 7 €

(personnellement, alors que je disposais déjà du livre au format PDF,distribué gracieusement lors du JoomlaDay 2014 à Paris, j’ai récemmentpris 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 :-)

Page 73: Joomla!3 - les nouveautés - Marc Dechèvre

73

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 de ce 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

Page 75: Joomla!3 - les nouveautés - Marc Dechèvre

75

Les nouveautés les plus marquantes de J!3

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.0, J!3.1, J!3.2 et J!3.3 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)

Page 76: Joomla!3 - les nouveautés - Marc Dechèvre

76

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é !Sans oublier les personnes et organisations qui nous font le plaisir de nous accueillir

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