PROJET : Manuel du site internet Guichet Export pour la CCI Marseille Provence
Sommaire Sommaire 2
Le CMS Drupal... 4 Système de gestion de contenu... 5 La solution technique... 9 La mise en place d un nouveau CMS... 10 Connexion à votre administration... 12 Drupal : ses fonctionnalités natives... 14 Les types de contenu... 17 Les modules additionnels... 20 Performance & cache... 24 Google Analytics... 24 Sauvegarde... 24 Sommaire 3
Le CMS Drupal Nos recommandations 4
Système de gestion de contenu Objectif : un site à contenus, multi-utilisateurs, international. Le CMS Drupal Drupal, prononciation à l anglaise du mot néerlandais «druppel» qui veut dire «goutte», est un produit Open Source maintenu et développé par une communauté de plus de 630 000 utilisateurs et développeurs à travers le monde. Il est distribué sous licence GNU General Public License (GPL), ce qui signifie que n'importe qui est libre de télécharger et partager avec les autres son code. Ce modèle ouvert de développement garantie la qualité de cette plate-forme ainsi que son développement. Dries Buytaert, son créateur, débute le projet Drupal en 1999 sous la forme d'un simple outil de messagerie sur le web. Après un an d'utilisation confidentielle, de plus en plus de personnes s'intéressent à son utilisation et son développement lorsqu'il devient Open Source, des fonctionnalités s'ajoutent et viennent renforcer le coeur de cette plate-forme. Le site officiel Drupal.org est lancé en 2001 et la communauté se développe de plus en plus rapidement pour accroitre considérablement en 2005 avec de nombreuses conférences, formations, évènements liés à ce nouvel outil. Drupal est un système de gestion de contenu qui se démarque par sa modularité, sa fiabilité et sa simplicité d administration. Il a été développé pour tous. Il n exige pas que ses utilisateurs connaissent les langages informatiques du Web (HTML, CSS, PHP, JavaScript ). Avec Drupal vous pourrez mettre votre contenu en ligne et gérer des services pour vos visiteurs (forum, newsletter, galerie photos, annuaire, gestionnaire de téléchargement, agenda ), le tout sans connaissance technique particulière. Sa grande flexibilité pour l affichage de votre contenu, lui permet aujourd hui d être le socle d un nombre important de sites de contenus, sites portails, communautaires, d associations, d entreprises, d elearning, d e-commerce, d intranet, extranet... Nos recommandations 5
Carrefour, Mediapart, France Info, Peer1, Gouvernement.fr, emploi.gouv.fr, Ipsos... Drupal : sa gestion de contenu. La structure du contenu Dans l'univers Drupal, n'importe quelle unité de contenu est un noeud. Un noeud est constitué au minimum d'un titre et d'un corps de texte, auquel on peut ajouter quantité d'autres champs, par exemple un champ "image", un champ "lien", un champ "adresse", etc. Nos recommandations 6
Toute la puissance de Drupal réside dans la possibilité extraordinaire et unique de définir librement un type de contenu en spécifiant librement les champs par lesquels on veut le définir. Type de contenu Ex : actualités Nœud 1 (actualité 1) Nœud 2 Nœud 3 On peut par exemple définir un type de contenu que l'on va nommer "Événement" et qui sera défini par un champ nom de l'événement (titre), description de l'événement (corps de texte), logo de l'événement (image), site web de l'événement (champ Lien), date de début et date de fin de l'événement. La gestion des articles Pour chaque article créé, vous pourrez : Mettre à jour son contenu à tout moment Décider de sa publication ou non Décider de sa présence en page d accueil Attribuer un niveau d accès : public, membres, administrateurs, personnalisé. Certains articles peuvent ainsi être visibles uniquement par les membres enregistrés et/ou aux administrateurs du site. Programmer une durée de parution (date de début et de fin) Supprimer ou archiver l article Nos recommandations 7
Drupal : sa gestion utilisateurs. Chaque utilisateur de Drupal peut être affecté à un rôle. Les rôles donnent ensuite des droits d accès permettant d exécuter des actions. Vous pouvez créer autant de rôle que nécessaire et définir des droits d accès en fonction des rôles. Vous pouvez ensuite affecter un rôle à un utilisateur. La hiérarchie des utilisateurs de Drupal permet un travail collaboratif avec la mise en place ou non d une chaîne de publication simple : Création d un article par un «Membre» ou un «Auteur» ou un «Editeur». Validation et publication de l article par une personne disposant de droits supérieurs aux «Editeurs». Nos recommandations 8
La solution technique 9
La mise en place d un nouveau CMS CMS est l abréviation de Content Management System qui en français se traduit par Système de Gestion de Contenu. Un CMS est un logiciel web (i.e hébergé par un logiciel web) qui permet de créer, mettre à jour, publier, structurer et afficher du contenu web de manière simple, sans connaissance technique particulière. D une manière générale un CMS possède les fonctionnalités suivantes : Il permet l identification des utilisateurs et de leurs rôles dans la gestion du contenu, des utilisateurs, des fonctionnalités du CMS ; Il permet à plusieurs individus de travailler sur un même document (article, fiche produit ) ; Il fournit une chaîne de publication (en anglais : workflow) du contenu : création, validation, publication, archivage ; Il permet de séparer le fond (i.e. contenu et fonctionnalités de l outil), de la forme (i.e. positionnement dans la page, technique de visualisation, habillage graphique, couleur et police de caractères ) ; Dans votre cas, votre souhait est de mettre en place un outil qui soit administrable aisément et sur lequel vous souhaitez garder la main pour des mises à jour quotidiennes; ainsi, nous vous proposons la mise en place d un outil Open Source qui présente l avantage de ne pas induire de frais de licences (cf. présentation de la solution dans les pages suivantes) et qui est administrable sans connaissances de développement au préalable. Après avoir bien perçu vos différentes attentes, il nous apparaît que l outil répondant au mieux à cette création de site (dans les outils de CMS Open Source présent sur le marché) est Drupal. Nous vous le présentons dans les pages suivantes et en dresserons ses principaux atouts. Pour appréhender au mieux la solution que nous vous proposons, nous tâchons ici de vous la présenter selon deux axes majeurs : Les outils et fonctionnalités natives (qui sont inclus dans le package de base de l outil) Les autres fonctionnalités à implémenter pour répondre à vos besoins spécifiques. Celles-ci sont pour la plupart développées par la communauté ; d autres pourront être développées par notre équipe pour répondre aux besoins spécifiques de votre site. En amont de la présentation de chaque fonctionnalité, voici quelques rappels généraux sur l outil d administration Drupal. 10
Pour gérer le contenu et les fonctionnalités de votre site, Drupal met à votre disposition une console d administration privée, multilingue, simple et ergonomique. Cette dernière intègre une aide contextuelle (cf. copies d écran). Espace privé Fenêtre principale de gestion Menu d administration Recherche auto complétion Console d'administration 11
Aide intégrée Administration de contenu À partir de l administration de Drupal vous pouvez garder le contrôle sur tout votre site. Selon vos droits utilisateurs, vous pourrez par exemple : Ajouter un nouvel utilisateur ou supprimer, bloquer, mettre à jour un utilisateur existant. Afficher/créer de nouvelles pages. Créer/publier des articles, actualités, événements. Créer/Supprimer un menu ou sous-menu. Attribuer un nouvel habillage à votre site. Gérer vos modules. Compte tenu de ces généralités, les pages qui suivent vous présentent l essentiel des fonctionnalités natives de Drupal. Connexion à votre administration L url de votre administration se constitue du domaine de votre site suivi de l extension /ccimplogin/ Ex : http://ccimp-export.cameleons.com/ccimplogin/ L espace est protégé par identifiant / mot de passe. Nous avons créé plusieurs profils vous permettant gérer votre contenu : 12
- Un profil Super Administrateur ayant accès à toutes les fonctionnalités et zones de configuration du site : ccimp_supadmin/cci0027 - Un profil Rédacteur, plus restreint, permettant d éditer le contenu du site : contributeur1/cci0027 - Un profil Modérateur, encore plus restreint, permettant de modérer (publier/dépublier/supprimer) du contenu Pages, Agenda, Actualités moderateur/cci0027 - Un rôle utilisateur «Opérateur», autorisant l accès à un opérateur pour la modification de son propre contenu : Ex : oseo/oseo0027 Durant la phase de développement et de recette, le site est protégé par restriction d accès Htaccess : Id : ccimp Mdp : cci0027 13
Drupal : ses fonctionnalités natives Actualités et publications d articles Drupal est d abord un outil de gestion de contenus qui permet la publication et la mise en ligne de contenus. D un point de vue pratique, tous les contenus rédactionnels de votre site seront aisément éditables. Drupal possède déjà nativement les options de publication d articles : Mise On-Off line Mise en avant sur la page d accueil Archivage Gestion des Blogs : Le module de Blog (un module de base dans Drupal 7 et versions antérieures) permet aux utilisateurs autorisés de maintenir un blog. Les blogs sont une série de messages horodatés et permettent de créer un journal. Les entrées de blog peuvent être rendus publiques ou privés pour les membres du site, en fonction des rôles assignés à chaque utilisateur. Gestion des menus : Elle permet de créer et mettre à jour un menu. Il est alors extrêmement simple d ajouter une nouvelle entrée dans un menu ou bien changer le style et la position de celui-ci dans la page. Fils d actualités / Syndication : Aujourd hui une majorité des sites internet propose aux internautes de s abonner à leur fils d actualités pour recevoir en direct les dernières actualités publiées sur leur site. Drupal intègre cette fonctionnalité. Elle permet en effet de s abonner à ces flux d information pour afficher en page d accueil un nombre paramétrable des actualités ainsi captées. D autres part, Drupal met à disposition des internautes un système d abonnement par simple clic au(x) flux d actualités du site. Ces flux sont proposés dans différents formats standards (RSS, ATOM, OPML). L administration de ces flux permet de paramétrer précisément la ou les catégories d actualités à diffuser. Les flux aident de manière considérable au référencement par les moteurs de recherche. 14
Gestion de gabarit : La séparation du fond de la forme amène Drupal à proposer un système qui vous permet de changer d habillage (en anglais «theme») sans modifier votre contenu et fonctionnalités de votre site. En quelques clics, vous pouvez installer plusieurs habillages créés au préalable, la position et le style (couleur, taille, images...) des éléments constitutifs de vos pages sont alors modifiés et peuvent être paramétrés dans l administration de votre site. Recherche : Drupal intègre un moteur de recherche qui en fonction des mots clés entrés, fouillera dans l intégralité des contenus de votre site (articles, contacts, produits, liens internet, taxonomie...). Pour augmenter la puissance de cet outil, il est parfois nécessaire de l ajuster grâce à des plugins qui permettre d accroître sa puissance. Pour exemple, les PDF, suite à l installation du plugin adequat, pourront faire l objet de recherche. URL SEF : Drupal intègre un générateur automatique de liens SEF (Search Engine Friendly) qui transforme les liens dynamiques d accès à vos contenus en liens optimisés pour les moteurs de recherche et compréhensible par tout internaute. Commentaires : Drupal permet d'ouvrir tout ou partie du contenu de votre site aux commentaires des utilisateurs identifiés. Ce module permet aux utilisateurs de discuter de votre contenu avec un contrôle plus ou moins important de l'administrateur du site. Pour chaque type de contenu de votre site, vous pouvez indiquer si les commentaires sont : ouverts : par défaut, les utilisateurs identifiés peuvent rajouter des commentaires à ce contenu fermés : il n'est plus possible de rajouter des commentaires à ce contenu mais les commentaires anciens sont toujours consultables ou cachés : il n'est plus possible de rajouter des commentaires à ce contenu et les commentaires anciens ne sont plus consultables Pour chaque contenu créé, vous pourrez par la suite gérer (ouvrir, fermer, cacher) vos commentaires à volonté. 15
Gestion du cache : En plaçant les pages les plus souvent accédées dans un cache du serveur Web, Drupal augmente les performances du site en le rendant accessible dans de meilleures conditions de rapidité. 16
Les types de contenu Page Standard Depuis le menu principal aller à Contenu > Ajouter du contenu > Page. Solution retenue : type de contenu CCK natif Titre Résumé (teaser natif Drupal) Zone de texte riche (éditeur WYSIWYG) Vidéo (embed d une URL Vimeo ou YouTube) Colonne de droite : Zone «liens utiles» Zone «documents pratiques» : liste à sélectionner à partir de la GED Page Pays/Zones/Marchés Depuis le menu principal aller à Contenu > Ajouter du contenu > Pays Zones Marchés. Solution retenue : type de contenu CCK natif Titre Résumé (teaser natif Drupal) Zone de texte riche (éditeur WYSIWYG) Vidéo (embed d une URL Vimeo ou YouTube) Page Filière Depuis le menu principal aller à Contenu > Ajouter du contenu > Filière. Solution retenue : type de contenu CCK natif Titre Résumé (teaser natif Drupal) Zone de texte riche (éditeur WYSIWYG) Vidéo (embed d une URL Vimeo ou YouTube) Page Opérateur Depuis le menu principal aller à Contenu > Ajouter du contenu > Opérateur. 17
Solution retenue : type de contenu CCK natif Logo (format carré de préférence, largeur maximale : 270px) Nom du partenaire (Titre) Adresse Tel Fax Email de contact si renseigné Site web si renseigné Présentation synthétique des actions, prestations, champs d intervention, localisations. (Contenu principal) Page Actualité Depuis le menu principal aller à Contenu > Ajouter du contenu > Article. Solution retenue : type de contenu CCK natif Un texte riche ou vidéo ou podcast : via upload ou embed de contenu tiers. Une ou plusieurs images (possibilité d un diaporama généré automatiquement à l insertion de plus d une image) Taxonomie «Thème associé» Taxonomie «Filière associé» Lorsqu un élément de taxonomie est ajoutée à une entrée Article ; cette entrée est indexée pour une recherche via le filtre disponible sur la page Actualités. Page Agenda Depuis le menu principal aller à Contenu > Ajouter du contenu > Agenda. Solution retenue : type de contenu CCK natif Date début fin Un visuel Un titre Un chapo Un texte riche ou vidéo ou podcast : Wysiwyg Adresse et Géolocalisation de l événement (géolocalisation automatique) Contacts et modalités d inscription : texte riche et zone de rebond vers le site partenaire. Organisateur et partenaires de l événement 18
Lorsqu un partenaire est sélectionné dans la zone de taxonomie «Opérateurs», la miniature de l image associée à l opérateur est affichée dans la liste des événements. Autrement, l image de l événement est affichée en lieu et place. Lorsqu un élément de taxonomie est ajoutée à une entrée Agenda ; cette entrée est indexée pour une recherche via le filtre disponible sur la page Agenda. Page Extranet Depuis le menu principal aller à Contenu > Ajouter du contenu > Extranet. Solution retenue : type de contenu CCK natif Titre Chapo Mots clés Catégorie (Thématique) Sous-catégorie (Sous-thématique) Objectif Public concerné Contenu Modalités pratiques Coût Fiches connexes (insertion multiple) Documents associés (insertion multiple) Mail contact interne Contacts externes (insertion multiple) Raison sociale Adresse (insertion multiple) CP Ville Tel Fax Web Mail 19
L alimentation par flux RSS L alimentation par flux RSS concerne les types de contenu Articles (Actualités) et Agenda. Actualités : Depuis le menu principal aller à Contenu > Ajouter du contenu > Flux Articles Agenda : Depuis le menu principal aller à Contenu > Ajouter du contenu > Flux agenda Fonctionnement : - Créez une entrée de contenu de type «Flux agenda» ou «Flux Article» - Ajoutez un titre - Ajoutez un lien vers le flux RSS - Lors de l enregistrement, chaque entrée du flux RSS est automatiquement insérée en tant que «node» dans les types de contenu respectifs (Agenda ou Article) - La récupération du flux est ensuite automatique (CRON) et se met à jour toutes les 15 minutes Les modules additionnels Les menus Nous avons mis en place 2 menus, à partir des fonctionnalités natives de Drupal : - Main menu (menu principal) - Footer (pied de page) Pour ajouter un élément : Soit en passant par la gestion des menus : Structure > Menus Soit à partir d une entrée «node» : Paramètres du menu > Fournir un lien de menu 20
Diaporama Page d accueil Le diaporama est éditable à partir du module MD Slider Depuis le menu principal aller à Structure > MD Sliders et modifier le diaporama intitulé Slideshow page accueil L édition du diaporama fonctionne à la manière d un logiciel type «Adobe Flash» ou «Powerpoint» et propose une interface découpée en deux zones. La zone de placement des contenus, fonctionnant par système «glisser/déposer» Vous pouvez, depuis cette première zone, placer votre contenu textuel sur l image de manière intuitive La zone d édition des contenus textuels, représentée par une timeline à partir de laquelle vous aurez la possibilité de déterminer l ensemble des événements d affichage d un élément textuel (période d apparition, durée d affichage, animation, styles ) Le Parcours Depuis le menu principal aller à Structure > Blocs > Parcours Solution retenue : bloc modulaire HTML natif 21
L arborescence HTML du parcours est initialisée dans un bloc HTML. Les animations en Front End sont conditionnées par des identifications HTML. La modification des images et des liens associés au bloc peut s effectuer à partir de l éditeur du bloc. Encart publicitaire Depuis le menu principal aller à Contenu > Ajouter du contenu > Simple Ad. Solution retenue : type de contenu CCK natif Champs : Titre Image Url Date de début Date de fin Actif Nous conseillons l insertion d une image d une taille minimale de 390px. L affichage sur la page d accueil est automatique ; la dernière annonce publiée est affichée. Les statistiques sont disponibles dans la page d édition d une annonce, sous l onglet «Ad statistics» Parallaxe «Contactez-nous» Depuis le menu principal aller à Contenu > Ajouter du contenu > Parallax. 22
Solution retenue : type de contenu CCK natif Champs Titre Lien Image de fond (utiliser une image d une largeur minimale de 1920px et d une hauteur supérieure à l espace d affichage d environ 30%) Texte Big caption (grande police, casse en majuscule) Texte Small caption (police plus petite, casse minuscule) Couleur du texte Actuellement il n est pas nécessaire d ajouter du contenu de type Parallax car cela nécessiterait quelques notions de configuration pour permettre d afficher un encart parallaxe sur une page. Vous ne pouvez donc qu éditer l entrée existante afin de modifier le contenu de l entrée présente sur la page d accueil. Webservice Client Depuis le menu principal aller à Configuration > Webservice Clientis. A partir de cette page de configuration vous pouvez : - Associer un formulaire Webform aux événements de communication webservice avec Clientis - Activer le webservice (aucun effet sur l affichage et le fonctionnement du formulaire. Cela active/désactive la communication serveur à serveur) Le formulaire et ses soumissions sont disponibles depuis l administration : Depuis le menu principal aller à Contenu > Webform. Vous pouvez : - Lister les soumissions - Voir les statistiques de réponses - Exporter les soumissions au format txt ou csv 23
Performance & cache Nous utilisons le système de cache natif de Drupal. Nous avons ajouté à cela : - Le module Entity Cache, permettant d accroitre les fonctionnalités native de Drupal et d exclure certains éléments du cache, afin d éviter certains problèmes courant côté client - Un développement PHP utilisant les ressources natives de Drupal de mise en cache Il est important, après toute modification/ajout ou suppression de contenu d effacer le cache de Drupal. Pour cela aller à Home > Vider tous les caches Google Analytics Aller Configuration > Système > Google Analytics pour soumettre et enregistrer votre identifiant UA. Les soumissions du formulaire de contact sont automatiquement trackées par Google Analytics sous l intitulé «Formulaire Clientis». Sauvegarde Un système de sauvegarde interne a été installé (extension Backup & Migrate). Il est possible de programmer une sauvegarde de la base de données et des fichiers du site (via CRON) et d envoyer les sauvegardes générées dans un dossier locale, une plateforme tiers ou en FTP vers un autre serveur. Nous avons mis en place 2 programmes de sauvegarde ; nous pourrons déterminer ensemble quel type de sauvegarde vous conviendra le mieux lors du déploiement Prestations annexes 24
4 rue Scipion FR-75005 Paris tel : +33 (0)1 55 43 88 62 242, Boulevard Jean Ossola FR-06700 Saint-Laurent du Var tel : +33 (0)4 93 19 00 27 fax : +33 (0)4 93 07 46 97 125 rue du lieutenant Henri Lacroix FR-83000 Toulon tel : +33 (0)4 94 46 65 91 http://www.cameleons.com http://www.facebook.com/lalangueducameleon SARL au capital de 7622 euros. RCS Antibes B401195417 N de TVA FR-7840119541700019 Enregistré auprès de la Direction Régionale du Travail et de la Formation Professionnelle Provence-Alpes-Côte d Azur 180, av du Prado 13285 Marseille cedex 08 sous le N de formateur 93060578406 Planning prévisionnel 25