La forme du site Corse sauvage depuis 2010

Comme déjà annoncé depuis quelque temps sur l'ancien site et sur le Blog, le site Web Corse sauvage, dont la conception datait de début 2005 et reflétait une totale inexpérience des technologies à utiliser, vous est offert sous une nouvelle forme, développée à l'aide du CMS Joomla!.
Les objectifs de ce redéveloppement sont multiples : rendre le site dynamique en permettant une interaction avec les visiteurs qu'il n'avait pas (sauf par l'intermédiaire du Blog), gérer son contenu de manière hiérarchisée et via une base de données, l'ouvrir à des développements extérieurs pouvant l'enrichir rapidement et aisément, faciliter son évolution dans sa forme (présentation, style, gadgets, widgets, ...) et son fond (organisation et mise à jour via sections, catégories et articles), ...

Dans la suite de cet article, quelques mots sur Joomla!, ses principaux avantages et une description des nouvelles fonctions que vous trouverez sur ce nouveau site...

Joomla! est un système de gestion de contenu (en anglais CMS pour Content Management System) libre, open source et gratuit. Il est écrit en PHP et utilise une base de données MySQL. Joomla! inclut des fonctionnalités telles que des flux RSS, des news, une version imprimable des pages, des blogs, des sondages, des recherches. Joomla! est sous licence GNU GPL.

Quelques-uns des principaux avantages qui ont poussé à ce choix :

• Son environnement similaire à celui de Dotclear, l'outil de blog déjà familier : logiciel libre, open source, PHP/MySQL, nombreux modules, nombreuses extensions, ...
• Une réelle simplicité de développement : aucun développement si l'on n'utilise que les outils de base et, sinon, de multiples fonctions de personnalisation et d'enrichissement fonctionnel faciles à mettre en oeuvre,
• Sa forte communauté de développement et sa localisation complète en français,
• Une structuration en Sections/Catégories/Articles qui paraissait convenir à Corse sauvage,
• Les possibilités de dynamiser le site avec un contenu géré par base de données, la hiérarchisation des utilisateurs (non enregistré, enregistré, auteur, éditeur, rédacteur, gestionnaire, administrateur) avec une interaction facilitée entre le site et les visiteurs, de nombreux modules d'interaction (identification, sondages, votes, commentaires, ...),
• Une facilité d'évolution du contenant grâce au nombreuses fonctions externes disponibles dans la communauté Joomla! sous forme de composants, modules, templates et plugins,
• Une facilité d'évolution du contenu grâce à la structuration Sections/Catégories/Articles indiquée ci-dessus et les nombreux outils d'édition de contenu (éditeurs HTML, outils audios/vidéos, gestion de flux RSS et divers, ...)

Vous trouverez ci-dessous les principales informations qui vous seront utiles dans l'utilisation de cette nouvelle version, avec un contenu qui, pour le moment, reste le même :

• En ce qui concerne le fond : normalement, aucune modification n'a été faite par rapport au site précédent à l'exception de quelques corrections d'erreurs trouvées à l'occasion de la migration, la notice technique du site qui a été révisée en fonction du nouveau contexte Joomla! et des outils utilisés et le nouvel article correspondant à l'éditorial que vous êtes en train de lire et qui donne des informations sur la nouvelle forme !
• En ce qui concerne l'organisation et la présentation du contenu et du fond (pas d'images, à essayer directement sur le site) :
  • La structuration Joomla! Sections/Catégories/Articles reprend plus clairement la hiérarchie du site précédent : Rubriques, Région (en général), Course (en général, sinon Groupe/Chanteur ou Détail) avec une décomposition plus fine qu'avant et des pages plus allégées ! Vous trouverez donc ces trois niveaux dans les deux menus (redondants !) de navigation : le menu horizontal (Méga menu) qui d'un seul clic déploie complètement une Section avec ses Catégories en colonnes et ses Articles en éléments des colonnes et le premier menu vertical à gauche qui reprend les mêmes éléments mais nécessite de "déplier" les sous-menus, éventuellement en plusieurs clics
  • Les Sections font l'objet d'une description générale que vous trouverez en cliquant dans l'un des deux menus de nvigation sur la Section qui vous oriente sur une page avec cette description précédant les Catégories qui composent la Section : les descriptions des Sections ne sont pas commentables
  • Les Catégories font l'objet d'une description générale que vous trouverez en cliquant dans l'un des deux menus de navigation sur la Catégorie qui vous oriente sur une page avec cette description précédant des extraits en mode blog des Articles qui s'inscrivent dans cette Catégorie, éventuellement sur plusieurs colonnes et pages selon le nombre d'articles : les descriptions des Catégories ne sont pas commentables. A noter que, si vous cliquez sur la Catégorie obtenue DANS la page Section précédente, vous atterrissez sur une page Catégorie toute différente où, cette fois-ci, les Articles sont listés en table avec une seule ligne par Article...
  • L'Article peut aussi bien sûr être atteint directement à l'aide des deux menus de navigation !
  • Les articles sont les seuls éléments à faire l'objet de commentaires : comme sur le Blog..., mais, pour le moment, sans possibilité de pré-visualiser votre commentaire. Attention, donc, à le vérifier avant de l'envoyer, car vous ne pourrez plus le modifier, sauf si vous vous enregistrez sur le site via le module d'identification en page d'Accueil
  • Les visiteurs peuvent donc s'enregistrer (module d'identification) et accéder ainsi à des pages, des parties de commentaires ou des fonctions spécifiquement réservées, ainsi que la possibilité de modifier/supprimer leurs propres commentaires, de voir les commentaires ou morceaux de commentaires qui leur sont réservés, etc...
  • Les morceaux musicaux accompagnant les pages ne sont plus lancés automatiquement à l'ouverture de la page comme avant, sauf sur la page Accueil. Sur les autres pages, c'est vous qui déclencherez la musique, si vous le souhaitez, avec le lecteur Flash dans le Module de gauche des Modules d'en-tête. Après 5 ans de promotion des chants corses à marche forcée sur le site précédent, il était sans doute souhaitable de faire un petit retour en arrière pour éviter l'agacement de ceux qui n'aiment pas ces chants !
• En ce qui concerne la forme du nouveau site, avec des images d'illustration :
  • Trois menus de navigation qui devraient permettre des visites facilitées :
    • Un méga-menu horizontal des Sections en haut avec un développement multi-colonnes pour afficher Catégories/Articles : on peut ainsi, en deux clics, afficher n'importe quelle page du site !
    • Un menu vertical classique dans le bandeau de gauche avec un développement hiérarchisé Catégories/Articles
    • Un menu horizontal synthétique en bas de page pour pouvoir retourner aisément à l'Accueil ou à une des Sections (Rubriques)
  • Aides de navigation : couleur spécifique pour l'élément de chacun des deux menus correspondant à la page visitée (sur les images précédentes, c'est la page Accueil qui est activée), affichage de la localisation Section/Catégorie/Article à gauche dans le bandeau de bas de chaque page, liens Suivant et Précédent sous tous les Articles d'une même Catégorie, retour Haut de page dans le bandeau de bas de page, nombreux liens internes, ...
  • Barre de recherche sur tout le site (Articles ET Commentaires) en haut et à droite de l'en-tête de toutes les pages
  • Syndication RSS : globale (Derniers articles, Derniers commentaires, Dernières nouvelles) à droite des modules d'en-tête sur toutes les pages et individuellement pour chaque article et ses commentaires. Ces adresses sont un moyen idéal pour vous d'être averti de nouveautés et modifications du site ou de l'arrivée d'un nouveau commentaire SANS avoir à le visiter
  • Modules Derniers articles et Derniers commentaires en bas de page pour vous aider à les retrouver rapidement
  • Nombreuses fonctions de confort de lecture du site matérialisées par les 10 icônes en haut et à droite de l'en-tête de toutes les pages : choix de la largeur d'affichage (élastique 95%, 980 pixels, 770 pixels), choix de la taille de caractère (7 possibilités), 4 styles d'affichage ! Ci-dessous, les 4 styles en images :
    • Style standard avec tons olive/prune/sable clairs (par défaut)
    • Style 1 avec tons indigo/kaki/fuschia foncés
    • Style 2 avec tons kaki/sable/turquin clairs
    • Style 3 avec tons acajou/ambre/cobalt foncés
  • Affichage des images et photos agrandies avec effet "lightbox" et visualisation de pages de sites externes en "modal box" comme sur le site précédent, mais avec une technologie un peu différente (outils Mootools)
• La page d'Accueil permet de visualiser l'ensemble des modules mis à disposition sur le site, même si on ne les retrouve pas tous sur toutes les pages :
  • Les Menus autres que ceux de navigation, dans le bandeau de gauche :
    • Le Menu Liens qui permet l'accès aux pages regroupant les liens recommandés par Corse sauvage
    • Les Menus Divers avec des liens directs vers des sites regroupés par nature d'activités
  • Les Modules d'en-tête avec trois modules en page d'Accueil et en pages Sections, ramenés à deux sur les autres pages : lecteur Flash pour morceau musical corse, diaporama de photos, syndication (flux RSS), contact Webmaster et lien vers le Blog "Corse sauvage"
  • Un Module de diaporamas d'Articles regroupant les Articles d'une Catégorie (il pourra être modifié chaque semaine par exemple) que l'on ne trouve qu'en page d'Accueil et les deux pages d'Articles correspondantes
  • Le Module d'identification des visiteurs réguliers du site que l'on ne trouve qu'en page d'Accueil et les deux pages d'Articles correspondantes
  • Un Module météo (devinez quel village de Corse est pris comme cible ?)
  • Un Module Bibliographie qui illustre chacune des pages Sections comme sur le site ancienne formule
  • Les Modules de bas-de-page matérialisant une chronologie des derniers articles en cours (en mode Flip) et des derniers commentaires en cours (en mode List) : ces modules peuvent aussi être consultés dans les trois modes (Timeline, Flip, List) et en direct sur le site Dipity
  • Le bandeau de bas-de-page avec la localisation de la page en cours dans le plan du site (Section/Catégorie/Article), la certification W3C et le lien de retour vers le Haut de Page
  • Enfin, dans le centre de la page d'Accueil, des extraits des articles portant sur la page d'Accueil (deux au démarrage) en mode blog.

Les autres pages ont des présentations différentes selon leur nature (Section, Catégorie ou Article) et les pages Articles sont assorties d'une partie Commentaires avec les commentaires antérieurs portant sur l'article (dans l'ordre chronomlogique, le plus ancien en premier comme sur le Blog, mais cela est modifiable) et un formulaire pour créer un nouveau commentaire.

En contrepartie des avantages et nouvelles fonctions cités précédemment, quelques inconvénients mineurs dont le principal est le problème des nouvelles adresses Internet (nouvelles URLs) qui risquent de gêner les visiteurs habitués du site (pages en favoris à revoir entièrement) :

• Régression du type de "Doctype" par rapport au site précédent, de XHTML 1.0 Strict (comme le Blog) à XHTML 1.0 Transitional, une version XHTML plus souple mais moins conforme aux standards en cours : sur le plan pratique, les visiteurs n'y verront rien à redire et cela ne posera de problèmes que pour l'évolution ultérieure du site
• Changement complet des adresses par rapport au site précédent : vous verrez que les adresses de pages sont gérées par Joomla! de manière assez explicite, en évitant les index.php, les ? et les .php en fin d'adresses qui sont la marque des sites gérés en dynamique avec PHP. Mais toutes ces adresses de pages n'ont plus rien à voir avec les adresses précédentes, sauf la racine du site qui rest https://corse-sauvage.com. De plus, les pages antérieures ont été redécoupées dans la réorganisation du site...
• Conséquence pour les visiteurs : toutes les adresses antérieures enregistrées dans les Favoris sont à revoir avec les nouvelles adresses
• Conséquence plus grave pour le référencement et les moteurs de recherche : toutes les adresses de Corse sauvage, hors celle de la racine, enregistrées sur des sites Internet faisant référence à des informations de Corse sauvage et toutes les adresses de Corse sauvage indexées par les moteurs de recherche atterriront dans le vide (Erreur 404 !) pendant la (longue ?) période transitoire qui permettra de référencer le nouveau site. Plutôt gênant !
• Comme palliatif partiel au problème précédent, je vais essayer de mettre en oeuvre des pages de redirection concernant les principales adresses antérieures (ayant des correspondances sur le nouveau site (pages Rubriques devenues pages Sections) qui réorienteront les demandes portant sur ces anciennes URLs vers les nouvelles : comme exemple, https://corse-sauvage.com/Randonnee corse/Randonnee-corse.php (ancienne page de la Rubrique Randonnée) sera redirigée vers https://corse-sauvage.com/randonnee.html, adresse de la nouvelle Section Randonnée...

Voilà pour un premier aperçu de ce nouveau site : à vous d'indiquer ce que vous en pensez, les modifications ou améliorations à y apporter et les erreurs que vous ne manquerez pas d'y trouver puisque la migration a demandé une remise en forme complète de TOUT le contenu...