Christine Bavay, CRI Rennes 1 - Urfist de Rennes, 20091 Créer et gérer un site dynamique avec le CMS Infoglue 28 avril 2009 - Urfist

Christine Bavay, CRI Rennes 1 - UrfChristine Bavay, CRI Rennes 1 - Urfist de Rennes, 2009ist de Rennes, 2009

11

Créer et gérer un site Créer et gérer un site dynamique avec ledynamique avec le

CMS InfoglueCMS Infoglue

28 avril 2009 - Urfist28 avril 2009 - Urfist


22

Qu’est-ce qu’un CMS ?Qu’est-ce qu’un CMS ?

Un système de gestion de contenu Un système de gestion de contenu Web ou CMS – Content Management Web ou CMS – Content Management System –, est une solution pour la System –, est une solution pour la gestion simplifiée et automatisée de gestion simplifiée et automatisée de contenus Web. contenus Web.

Il permet de créer, modifier, publier Il permet de créer, modifier, publier et supprimer en temps réel du et supprimer en temps réel du contenu sur un site internet de contenu sur un site internet de manière conviviale et collaborative. manière conviviale et collaborative.


33

Pourquoi un CMS ?Pourquoi un CMS ?

L’intérêt d’un CMS est de permettre L’intérêt d’un CMS est de permettre à tout membre d'une organisation ou à tout membre d'une organisation ou d’une collectivité de mettre en ligne d’une collectivité de mettre en ligne de l‘information sans connaissance de l‘information sans connaissance technique (HTML, CSS…) et ce depuis technique (HTML, CSS…) et ce depuis n’importe quel ordinateur.n’importe quel ordinateur.


44

InfoglueInfoglue

CMS utilisé à l’Université de Rennes 1CMS utilisé à l’Université de Rennes 1


55

Pourquoi infoglue ?Pourquoi infoglue ?

produit libre ;produit libre ; multi-sites ;multi-sites ; accessible depuis un navigateur : ne accessible depuis un navigateur : ne

nécessite aucune installation de nécessite aucune installation de logiciel sur le poste de travail ;logiciel sur le poste de travail ;

en évolution constante ; en évolution constante ; compatible LDap : connexion à l’aide compatible LDap : connexion à l’aide

de nom et mot de passe habituels de nom et mot de passe habituels pour tout personnel de l’UR1.pour tout personnel de l’UR1.


66

Unicité et partage de Unicité et partage de l’informationl’information

Une information n’est saisie qu’une Une information n’est saisie qu’une fois et peut ensuite être utilisée fois et peut ensuite être utilisée depuis plusieurs sites :depuis plusieurs sites :(ex : les informations concernant les (ex : les informations concernant les modalités de contrôle des modalités de contrôle des connaissances sont gérées par le connaissances sont gérées par le Sfass. Les UFR intègrent dans leur Sfass. Les UFR intègrent dans leur site les contenus créés et mis à jour site les contenus créés et mis à jour par le Sfass).par le Sfass).


77

Souplesse maximaleSouplesse maximale

Un site créé sous infoglue est Un site créé sous infoglue est facilement modifiable, tant au niveau facilement modifiable, tant au niveau des menus que de la construction des menus que de la construction des page et, évidemment, dans la des page et, évidemment, dans la rédaction des contenus.rédaction des contenus.


88

Partage des tâches avec les Partage des tâches avec les rôlesrôles

Un contributeur/rédacteur peut créer Un contributeur/rédacteur peut créer uniquement des contenus de textes, uniquement des contenus de textes, images…images…

Un webmaster peut gérer l’ensemble Un webmaster peut gérer l’ensemble du site et, selon le choix du site et, selon le choix organisationnel de la composante, organisationnel de la composante, valider ou non des demandes de valider ou non des demandes de publication émanant d’autres publication émanant d’autres webmasters ou de contributeurs.webmasters ou de contributeurs.


99

Contrôles d’accèsContrôles d’accès

Des contrôles d’accès peuvent être Des contrôles d’accès peuvent être définis tant au niveau des répertoires définis tant au niveau des répertoires de contenus que des éléments de la de contenus que des éléments de la structure de navigation (en lecture, structure de navigation (en lecture, écriture…) écriture…)


1010

Zone de travail protégée : Zone de travail protégée : les instances « Working » les instances « Working »

« Preview » et « Live » d’infoglue « Preview » et « Live » d’infoglue

« Working » :« Working » :création et modifications ;création et modifications ;

« Preview » : « Preview » : prévisualisation d’une page ;prévisualisation d’une page ;

« Live » :« Live » :affichage sur internet après publication du affichage sur internet après publication du site.site.

Tant que vous ne publiez pas un site ou une Tant que vous ne publiez pas un site ou une partie du site que vous venez de corriger, partie du site que vous venez de corriger, les informations ne sont pas visibles depuis les informations ne sont pas visibles depuis l’internet.l’internet.


1111

Poste de travail Prévisualisation

Internet

Fon

ctio

nn

em

ent

glo

bal In

fog

lue

Intranetaffichage dans

l’ENT

Base de données MySQL

OU

Public

ati

on

Instances Working et Preview Instance Live

Saisie des informations,Préparation de la navigation

Construction des pages


1212

Les outils infoglueLes outils infoglue

un gabaritun gabarit une CSSune CSS

des formulaires de saisiedes formulaires de saisie un éditeur HTML : FCKEditorun éditeur HTML : FCKEditor


1313

Le gabaritLe gabarit

permet une construction homogène permet une construction homogène de toutes les pages d’un site, voire de toutes les pages d’un site, voire de plusieurs sites appartenant à la de plusieurs sites appartenant à la même institution (cas des sites de même institution (cas des sites de l’UR1) ;l’UR1) ;

détermine différentes zones détermine différentes zones d’affichage dans la page ;d’affichage dans la page ;

contient des « composants contient des « composants informatiques » qui vont chercher les informatiques » qui vont chercher les informations dans la base de données informations dans la base de données pour les afficher sur le site.pour les afficher sur le site.


1414


1515


1616

Les CSSLes CSS (Cascading style sheets)(Cascading style sheets)

CSS est un langage de style qui définit la CSS est un langage de style qui définit la présentation des documents HTML (les présentation des documents HTML (les polices, les couleurs, les marges, les lignes, polices, les couleurs, les marges, les lignes, la hauteur, la largeur, les images d'arrière-la hauteur, la largeur, les images d'arrière-plan, les positionnements évolués…) plan, les positionnements évolués…)

Les CSS de Rennes 1 sont conformes aux Les CSS de Rennes 1 sont conformes aux normes du W3C (normes du W3C (World Wide Web Consortium), World Wide Web Consortium), organisme de normalisation du web.organisme de normalisation du web.

Lorsqu’elles sont désactivées, la totalité Lorsqu’elles sont désactivées, la totalité d’une page apparaît sous forme de texte et d’une page apparaît sous forme de texte et est accessible aux personnes handicapées.est accessible aux personnes handicapées.


1717

La CSS dans le contexte InfoglueLa CSS dans le contexte Infoglue

Un contenu préparé dans un site Un contenu préparé dans un site peut être réutilisé depuis d’autres peut être réutilisé depuis d’autres sites. sites.

Chacun de ces autres sites verra ce Chacun de ces autres sites verra ce même contenu texte s’afficher même contenu texte s’afficher selon les styles propres du site.selon les styles propres du site.


1818


1919

Les formulaires de saisieLes formulaires de saisieet l’éditeur HTML FCKEditoret l’éditeur HTML FCKEditor

Les formulaires de saisieLes formulaires de saisiesaisiesaisie des informations qui, à des informations qui, à l’enregistrement, l’enregistrement, sont stockées dans une base de données.sont stockées dans une base de données.

L’éditeur HTML FCKEditorL’éditeur HTML FCKEditoroutil « wysiwyg » (outil « wysiwyg » (wwhat hat yyou ou ssee is ee is wwhat hat yyou ou gget) qui permet la mise en forme des textes, et) qui permet la mise en forme des textes, la création des liens, l’insertion des images… la création des liens, l’insertion des images…


2020

Organisation du siteOrganisation du siteet méthode de travailet méthode de travail


2121

Contenus / StructureContenus / Structure

L’arborescence des contenus L’arborescence des contenus peut être totalement différente peut être totalement différente de celle de la structure.de celle de la structure.

Le site peut être démarré soit par Le site peut être démarré soit par la création des contenus, soit par la création des contenus, soit par la création de la structure.la création de la structure.


2222

Pour en savoir plus…Pour en savoir plus… Le site d’infoglue :Le site d’infoglue :

http://www.infoglue.org/http://www.infoglue.org/

La documentation d’aide à l’utilisation d’infoglue à La documentation d’aide à l’utilisation d’infoglue à l’Université de Rennes 1l’Université de Rennes 1http://ressources-infoglue.univ-rennes1.fr/_documentations/Uhttp://ressources-infoglue.univ-rennes1.fr/_documentations/UtilisationCMSInfoglue20090331.pdftilisationCMSInfoglue20090331.pdf

La dynamisation éditoriale : guide de bonnes pratiques pour La dynamisation éditoriale : guide de bonnes pratiques pour la sélection, la formation et la dynamisation des rédacteurs, la sélection, la formation et la dynamisation des rédacteurs, dans le cadre d'une mise à jour de sites web décentralisée - dans le cadre d'une mise à jour de sites web décentralisée - Ève Demazière Ève Demazière http://memsic.ccsd.cnrs.fr/docs/00/33/49/34/PDF/mem_0000http://memsic.ccsd.cnrs.fr/docs/00/33/49/34/PDF/mem_00000527.pdf0527.pdf

100 bonnes pratiques du web :100 bonnes pratiques du web :http://www.smile.fr/publications/livres-blancs/100-bonnes-prahttp://www.smile.fr/publications/livres-blancs/100-bonnes-pratiques-du-webtiques-du-web

Le référencement :Le référencement :http://www.smile.fr/publications/livres-blancs/referencementhttp://www.smile.fr/publications/livres-blancs/referencement

Documents

Christine Bavay, CRI Rennes 1 - Urfist de Rennes, 20091 Créer et gérer un site dynamique avec le CMS Infoglue 28 avril 2009 - Urfist