Un site en développement spécifique pour le CTIFL

Digital

Un besoin d’ergonomie et de graphisme clairs et sobres

Le Centre Technique Interprofessionnel des Fruits et Légumes a fait appel à Smile en 2007 pour la refonte de son site web. Le Ctifl apporte aux acteurs de la filière des fruits et légumes les éléments de progrès, les références et l’expertise produit et métier qui favorise l’exercice et l’évolution de leurs activités. Cette refonte avait pour ambition de confirmer les missions de service public de l’association, d’élargir l’audience et d’améliorer la lisibilité du positionnement du CTIFL.

Les motivations plus techniques de cette refonte étaient un site existant ancien avec une charte graphique désuète et des problèmes d’ergonomie.

Une phase de conseil, une architecture d’information par rubrique

Le projet s’est déroulé en deux temps. Une première phase qui regroupait la conception graphique et ergonomique du site avec Smile Consulting et l’Agence Media Interactive Smile. Ces deux entités ont mutualisé leurs compétences pour concevoir l’architecture d’information du site. En amont de la proposition graphique et du scénario fonctionnel, un benchmark a été réalisé autour des prestataires, institutions et associations de la filière fruits et légumes.

C’est au terme de cette première phase que le CTIFL a sélectionné les propositions de Smile qu’il souhaitait retenir :

  • Sur la charte graphique :
    • Des couleurs claires et sobres comme le demandait le cahier des charges.
    • Un code coloriel est défini pour chaque rubrique.
    • Un espace abonné accessible par une identification : ces contenus sont symbolisés par un cadenas.
    • Le site conserve une largeur fixe optimisée pour une largeur de 1024.
  • Sur la navigation :
    • Le site est basé sur des entrées thématiques et professionnelles sous forme de listes déroulantes.
    • Un menu de niveau un horizontal et de niveau deux vertical colonne gauche.
    • Un site avec une colonne de promotion / mise en avant de contenus liés.

 

Une phase de développement, le choix du spécifique

Le CTIFL est arrivé chez Smile avec comme idée l’intégration du CMS Umbraco. Mais les choix d’architecture de l’information mettent en avant des informations remontées d’une base de données. Smile a donc été préconisé du développement spécifique pour ce projet.

Le Framework Microsoft .net 2.0 a été utilisé pour réaliser les développements. Ces développements sont réalisés en langage C# à l’aide de MS Visual Studio 2005 SP1.

Le site est construit autour de six rubriques distinguées par leurs codes couleurs comme expliqué précédemment : CTIFL, Activités, Services, Formations, Kiosque, Agenda.

Dans chacune de ces rubriques, on retrouve des contenus éditoriaux, mis en ligne grâce au back office développé par Smile. C’est un outil très simple d’utilisation et qui permet de mettre rapidement et de façon totalement autonome les contenus éditoriaux en ligne.

Il est également possible de créer des synergies entre le portail fruits-et-legimes.net et le site ctifl.fr. Une sélection d’informations du portail sont remontées sur le site grâce au développement d’une extension capable d’interroger la base SQL Server du CTIFL.

Chaque nouvelle information intégrée dans la base de données est automatiquement mise en ligne. Le principe est le suivant : les contenus de la base de données sont mis en cache pour être mis en ligne. C’est ici que s’explique l’intérêt du développement spécifique pour ce projet.

Pour prendre un exemple, sur la page Formation, on retrouve les personnes à contacter pour plus de renseignements, un calendrier, la prochaine formation en colonne de droite. Ces contenus sont issus de la base de données SQL Server. Les contenus de la colonne centrale sont des contenus éditoriaux XHTML.

Un exemple de contenu éditorial : chaque département de l’organisme donne lieu à une page générée en contenu XHTML et intégré directement dans la page.

Le moteur de recherche Zoomsearch édité par la société Wrensoft a été intégré au site. L’objectif du moteur de recherche englobant la double problématique des documents statiques et dynamiques, la recherche de solution s’est orientée vers une solution dotée d’un « crawler » permettant de facto d’indexer l’intégralité du contenu en visitant toutes les pages du site.