Content Manager by Laëtis Laëtis

Module « Content Manager » L’outil d’aide à la gestion d’un site internet 30 octobre 2009

Pour nous contacter : Laëtis – Place de l’église – 12120 Arvieu Tel. : 05 65 74 70 97 - Fax. : 05 65 74 70 98 Web : www.laetis.fr E-mail : contact@laetis.fr Données administratives : SARL SCOP à capital variable – Siret : 418 436 580 00017 – RCS Rodez Code APE : 722C – N° URSSAF : 120 65 74 N°TVA intracommunautaire : FR63418436580 Organisme de formation N° : 73.12.0032212

Dans ce document… 01 02 03 04 05 06 07 08 09 10 11 -

Les + de l’offre Laëtis. ............................................................................................................... 2 Présentation du module « Content Manager » : l’interface d’administration de votre site.3 Pourquoi cet outil plutôt qu’un autre ?.................................................................................... 4 Accéder à la mise à jour des contenus simplement : naviguer dans le site en mode administration............................................................................................................................. 5 Mise à jour des contenus et des mises en page avec TinyMCE l’éditeur HTML en ligne. . 6 Gérer simplement les pages et les menus de votre site. ....................................................... 7 Créer des contenus de qualité, rapidement ............................................................................ 8 Fait pour les utilisateurs............................................................................................................ 9 Fonction optionnelle de Content Manager : gestion collaborative pour les mises à jour autonomes, gestion des utilisateurs...................................................................................... 12 La gestion des utilisateurs et leurs droits (fonction optionelle) ......................................... 15 Le plugin e-tourisme de Content Manager ............................................................................ 16

01 - LES + DE L’OFFRE LAËTIS. De par son expérience (+ de 50 % de CA réalisé au niveau régional ou national en sites Internet territoriaux et touristiques), Laëtis vous propose un ensemble d’outils qui assureront la qualité et la visibilité de votre site Internet à un rapport qualité/prix compétitif. Grâce à ces modules, Laëtis réalise des sites internet territoriaux sur mesure. Chaque outil est spécifiquement adapté à vos besoins. Nous n’imposons pas une organisation de travail ou de méthode à travers nos outils. Nous les concevons et les adaptons à votre modèle d’organisation, tout en vous conseillant sur les meilleures pratiques que nous avons expérimentées. L’ensemble de ces modules spécialisés communiquent entre eux grâce au logiciel « Content Manager » qui permet de centraliser en un lieu unique tous des outils d’administration du site.

Rien ne vaut une démonstration en ligne. Contactez Laëtis !

02 - PRESENTATION DU MODULE « CONTENT MANAGER » : L’INTERFACE D’ADMINISTRATION DE VOTRE SITE. A quoi ça sert ? Content Manager assiste les webmestres dans le suivi et la mise à jour du site internet dont ils ont la charge. Cela leur permet : • De faire des mises à jour complexes plus rapidement. • De faire des mises à jour plus sécurisées sans risque d’erreurs. • De permettre à de grandes ou petites équipes de modifier des contenus de pages sans connaissances HTML, via des formulaires de mises à jour dont les contenus s’incluent dans les pages. • D’animer un réseau de contributeurs rédacteurs responsables, de suivre l’état des mises à jour et des modifications. • De bénéficier de méthodes de travail qui garantissent le respect des règles indispensables à un bon référencement dans les moteurs de recherche. • De disposer d’un lieu unique (un seul compte) pour gérer tous les outils de mise à jour, la gestion des utilisateurs … • De pouvoir continuer à utiliser les outils d’éditions HTML standards (Dreamweaver – Contribute…) pour réaliser des contenus à forte valeur ajoutée.

Un outil qui a fait ses preuves. Il est implémenté sur des sites majeurs et maintenus de manière autonome par nos clients : Portails Sites professionnels Petits sites e-tourisme et territoires www.villefranche.com www.riviere-viaur.com www.haut-rouergue.com www.tourisme-cahors.com www.grand-rodez.com www.soho-solo-gers.com www.mairie-rodez.fr www.tourisme-aveyron.com …

www.puech-maynade.com www.ethiquable.com www.sportselitejeunes.fr …

www.grand-vabre.fr www.pompiers-aveyron.com ...

Avec plug-in e-tourisme www.tourisme-midi-pyrenees.com www.tourisme-souillac.com …

Les temps de formation des webmestres ont été de 1 à 2 jours. Tous les nouveaux sites développés par Laëtis à ce jour respectent les standards W3C. Tous nos sites sont aussi testés sous Mac : FireFox, IE, Safari, Chrome. Le module Content Manager est implémenté depuis 6 ans chez nos clients (4eme version). Il a été adapté à chaque projet. Une fonction ne vous convient pas, nous l’adaptons à votre méthode de travail. © Laëtis / laetis-module-content-manager_v6.doc / 30 octobre 2009 > p.3

03 - POURQUOI CET OUTIL PLUTOT QU’UN AUTRE ? Une vraie souplesse graphique et ergonomique. Nous avons créé l’outil « Content Manager » pour réaliser des sites « graphiques », sur mesure et à forte valeur ajoutée. Avec les outils existants sur le marché (SPIP, Joomla…), le graphisme des sites doit souvent être adapté aux contraintes de l’outil. Bien qu’inspiré de ces outils, « Content Manager » s’adapte totalement à chaque projet et à tous les graphismes, restant W3C et accessible.

Une technologie Open Source. Content Manager utilise des technologies Open Source. Il a été créé pour réaliser des sites « graphiques » sur mesure à forte valeur ajoutée. <ils sont modulables à souhaits pour satisfaire votre demande>, <ils sont sécurisés>.

Comparaison rapide avec des outils Open Source (SPIP, Joomla …). • • •

•

Souplesse graphique : le sur-mesure est « atteint » plus rapidement, à moindres coûts. Il n’impose pas des url compliquées dures à référencer du type : http://www.spip.net/fr_article901.html Il n’oblige pas à stocker les contenus des pages à l’intérieur de bases de données et peut ainsi se rendre indépendant de technologies « inutiles » pour des contenus de type rédactionnel. Il n’impose pas des outils d’édition limités qui ne permettraient pas d’élaborer des mises en page pertinentes adaptées aux contenus à présenter.

Indépendance et pérennité de Laëtis et de ses clients. Le gage de pérennité / un outil discret, facile à « enlever » : développé en PHP/mySQL, sa philosophie permet à nos clients de rester indépendants. En effet, il suffit d’1 jour de prestation pour permettre au site de fonctionner indépendamment du système « Content Manager ». De plus il est installé chez différents hébergeurs.

Les + du produit : optimisation du référencement. Content Manager impose naturellement une méthodologie de travail qui permet de concevoir un site avec des pages dont les titres, descriptifs et url sont explicites, ce qui permet l’indexation de toutes vos pages par les outils de recherches, moteurs et annuaires. Cet outil permet aussi de mettre automatiquement le site en conformité avec les prérequis du référencement : le fichier sitemap.xml utilisé par google est régénéré à chaque modification des menus, un check et une vérification des balises métas des pages est aussi prévue.

Les + du produit : l’indépendance de nos clients, les standards du marché. Edition HTML ou XHTML standard : pour la modification des contenus des pages, « Content Manager » peut fonctionner aussi avec les logiciels professionnels leaders du marché (Macromedia Dreamweaver et Contribute, compatibles Mac et PC). Il est donc compatible avec les éditeurs HTML standards. Néanmoins, avec son éditeur XHTML intégré, il ne nécessite pas de licence spécifique sur les postes des utilisateurs. Les standards W3C/WAI et sémantiques pour le référencement sont respectés et optimisés via ContentManager. © Laëtis / laetis-module-content-manager_v6.doc / 30 octobre 2009 > p.4

04 - ACCEDER A LA MISE A JOUR DES CONTENUS SIMPLEMENT : NAVIGUER DANS LE SITE EN MODE ADMINISTRATION

« L’interface d’administration la plus simple à utiliser est bien celle qui se rapproche le plus de celle qui a été prévue pour l’internaute grand public. » En mode administration ( http://admin.nomdevotresite... ), une télécommande d’administration apparaît au-dessus des pages du site.

En mode administration, il suffit de ce déplacer dans le site via les menus de navigation grand public, trouver la page à modifier de manière très intuitive et simple.

Dans les pages accédées, les zones modifiables apparaissent en place. On peut les modifier, les déplacer, les rendre temporairement invisibles dans cette page lorsque la rédaction n’est pas terminée par exemple.

05 - MISE A JOUR DES CONTENUS ET DES MISES EN PAGE AVEC TINYMCE L’EDITEUR HTML EN LIGNE. Cet outil permet d’ajouter et de mettre à jour des blocs de contenus complexes à l’intérieur des pages. L’éditeur HTML utilisé (i.e. le « Word » de l’internet) est paramétré pour respecter les règles du Web Sémantique et faciliter un référencement efficace. Les styles de mises en forme proposés sont ceux prévus dans la charte graphique. Tous les autres styles sont « interdits » pour éviter des pertes de qualité graphique dans le temps. Des modèles de mise en page font gagner énormément de temps au webmestre qui construit ses pages en ajoutant des blocs modèles dont il modifie les contenus (ex : paragraphe 3 colonnes, article avec image à gauche, paragraphe 3 colonnes avec 3 images légendées …) En ligne, - avec le navigateur web - après s’être identifié, - si l’utilisateur est autorisé à modifier par le webmestre La zone dynamique à modifier apparaît encadrée. L’utilisateur peut cliquer pour la modifier ou ajouter une nouvelle zone modifiable.

La modification du contenu se fait en ligne tout simplement avec un navigateur web aussi simplement que dans Microsoft Word.

06 - GERER SIMPLEMENT LES PAGES ET LES MENUS DE VOTRE SITE. Modifier en temps réel l’arborescence de votre site : • • • • •

Masquer des pages temporaires ou devenues fausses. Déplacer des pages dans le menu. Renommer les éléments de menus. Supprimer une page : fichier et item menu. Ajouter des pages (dans le menu ou hors du menu de navigation)

A chaque modification du menu, et de manière simultanée, les menus de navigation, le plan du site, les fils d’Ariane et tous les liens impliqués dans la navigation arborescente sont mis à jour dans tout le site.

1- Vous cliquez sur ajoutez une page.

2- Vous créez une page. Vous choisissez son titre, son descriptif, le modèle de page (hors du menu ou dans le menu), son nom de fichier, l’endroit où elle va se trouver dans le menu, …). Cet ordre méthodologique met l’utilisateur en situation d’optimiser son référencement. En jaune clair des aides et des conseils pour un référencement optimal.

3- Vous indiquez le texte qui doit apparaître dans le menu, vous indiquez l’ordre de la page, vous choisissez de la rendre accessible ou non /à30 l’internaute. laetis-module-content-manager_v6.doc octobre 2009 > p.7

07 - CREER DES CONTENUS DE QUALITE, RAPIDEMENT Intégrer tout type de contenus La barre de menu ci-dessous, dans sa version exhaustive, permet l’intégration de tout type de contenus : images, textes h1,h2,h3,…, p…, appliquer et modifier des styles css.

3- Vous pouvez intégrer du code HTML tiers : widgets, google maps, diaporamas flickr, vidéo YouTube, …

En appliquant des styles que Laëtis a rendus accessibles, l’utilisateur habille son site. Ici, un simple lien hyperttexte « Devis mise en œuvre » devient tout à coup bouton grâce au style btnPpubVert

Intégrer des vidéos. Ex : www.soho-solo-gers.com

Charger une image, modifier ces paramètres Appliquer le style photoGauche à l’image pour faire cette mise an page

Multilingue De nombreux outils natifs sont conçus pour gérer plusieurs langues dans le respect des normes internationales : code langue, stockage dans un sous répertoire linguistique pour la cohérence des url, modèles de pages différents par langue. Possibilité d’accéder à différentes langues.

Différents modèles de pages par langue.

Possibilité de dupliquer une lanque (menus et articles) pour en faciliter la traduction Vous pouvez aussi créer une nouvelle langue en dupliquant l’arborescence d’une langue existante, puis en venant la traduire en direct (menus, articles…). Chaque langue reste tout de même indépendante d’une autre : menu, modèles de page, contenus…

08 - FAIT POUR LES UTILISATEURS Optimisé pour être rapide à l’utilisation •

•

Les menus de navigation ne sont calculés et régénérés que via le back office lors de la modification de menus. Ils ne sont pas recalculés à chaque visite de votre site, cette technologie ne ralentit donc pas la navigation de votre site. Content Manager utilise aussi un système de mise en cache des contenus dynamiques pour des accès plus rapides aux contenus.

La formation des administrateurs du site. Content Manager est accompagné de nombreux conseils de conception (fonds jaune clair, voir saisies d’écran dans les pages qui suivent). Il est accompagné d’un manuel d’aide et de formation. Laëtis est organisme de formation agréé et a assuré de nombreuses formations sur cet outil. N’hésitez pas à demander la documentation de formation.

Des modèles de mise en page mis à votre disposition

1 - Vous cliquez pour afficher les modèles de mise en page HTML définis par Laëtis

2 - Vous choisissez et prévisualisez le modèle de votre choix 3 – Vous l’insérez dans votre page. Puis vous remplacez juste le texte et les images.

Rechercher aisément ses médias dans sa bibliothèque

Prévisualisez et choisissez les images qui sont sur votre serveur en ligne. Preview vignette des fichiers GIF, PNG, JPG

1- Uploadez vos images vers vos dossiers en ligne 2a- Demandez d’uploader l’image en la redimensionnant et en l’optimisant 2b- Demandez d’uploader l’image telle quelle.

Pour les liens vers des documents, des vidéos des fichier flash, des fichiers audio… Téléchargez n’importe quel type de fichier sur vos dossiers en ligne. PDF, DOC, PPT, WAV, MP3, SWF, FLV, MOV, AVI. Avec le CMS, vous disposez de players diaporamas et médias , de zoom images. Ils vous permettent de lire tous ces fichiers à l’intérieur de vos pages. (Voir document d’aide Content Manager)

Pour les utilisateurs avancés, ces dossiers peuvent aussi être alimentés via une connexion FTP

09 - FONCTION OPTIONNELLE DE CONTENT MANAGER : GESTION COLLABORATIVE POUR LES MISES A JOUR AUTONOMES, GESTION DES UTILISATEURS. Une philosophie adaptée aux compétences humaines et à l’organisation de votre structure. Principe : c’est celui qui est au plus près de l’information (au niveau de son service) qui a la responsabilité de contrôler, recevoir, et traiter toute demande de vérification ou de correction. Cela ne signifie pas qu’il doit savoir effectuer la modification sur le plan technique. Suivant la hiérarchie, son temps disponible et son niveau de formation, il peut : • soit corriger, vérifier et demander la réalisation technique au webmestre. • soit soumettre les modifications à effectuer au comité de rédaction, qui les étudie, les corrige, les valide et les transmet au webmestre. • soit effectuer directement la modification technique. La personne responsable est identifiée au départ avec ses droits spécifiques de modifications. Elle connaît donc les contenus dont elle est responsable, elle est relancée automatiquement par mail. Durée de formation d’un contributeur sans droit de modification : 1h à 2h. Durée de formation d’un webmestre-superviseur : 1 à 2 jours suivant niveau.

Principe d’organisation. Gérer collaborativement, de manière fiable, en respectant la hiérarchie, les mises à jour de contenus grâce à : o L’identification d’un responsable par page. o La définition de périodicité de mise à jour par page, qui permet de gérer des relances automatiques par e-mail et d’établir le planning des mises à jour sans aucune ambiguïté. o La définition de n utilisateurs avec des mots de passe différents, des accès différents, des responsabilités différentes. o Des outils de supervision de la mise à jour pour le webmestre du site en indiquant : Les documents obsolètes à vérifier. Les documents non vérifiés. Les corrections en cours. o La possibilité pour tout utilisateur de faire des demandes de correction au responsable de la page.

Exemple de suivi et d’animation de site avec Content Manager.

Filtrer les pages suivant l’utilisateur

Page où une demande de correction est en cours Clic : on ouvre la page ci-dessous

La demande de correction au responsable de la page

On voit la page réelle que l’on est en train de modifier

Extrait de document « procédure de suivi » généré par « Content Manager ». 1 Accueil du site de la mairie de Rodez 30 day(s) R: communication.presse@mairie …

2.1 La mairie

2.2.1 Introduction

Resource: communication.presse@mairie-rodez.fr

30 day(s) R: communication.p …

2.2.2 Rodez pratique

2.2.2.1 Annuaire

Resource: marina.latour@intervsi.fr

30 day(s) R: marina.latour …

2.2.3 Stationnement et circulation

2.2.4.1 Achats Immobiliers

Resource: bernard.barnetche@mairie-rodez.fr

30 day(s) R: bernard.barnetche@mairie- …

2.2.4 Logement et habitat

2.2.4.2 Etre propriétaire

Resource: bernard.barnetche@mairie-rodez.fr

30 day(s) R: bernard.barnetche@mairi …

2.2.4.3 Devenir locataire

Resource: bernard.barnetche@mairie-rodez.fr

30 day(s) R: bernard.barnetche@mairi …

2.2.5.1 Les Comités de Quartier

Site internet mairie

2.2 Vie quotidienne