eu-hou site web · charge l’évolution de son site national, et pourra réorganiser son contenu...

Hands-On Universe, Europe – Website

The handbook 1

Eu-Hou site Web Mode d’emploi de l’auteur.

(Version française)


The handbook 2

I – Présentation du site

A – Visite guidée du « village de sites » du projet Eu-hou Nous allons commencer ce mode d’emploi par une visite guidée dans le « village de sites » du projet Euhou, ceci afin de bien en comprendre la finalité. Nous pouvons parler de village, car nous sommes en présence de 9 sites : 1 site, que nous nommerons « global », et 8 sites nationaux. Lors de leur lancement, ces 9 sites sont identiques au niveau de leur contenu, mais sont chacun dans une langue différente (en 8 langues pour les 8 pays impliqués dans le projet). La seule différence, visuelle, entre le site global et les sites nationaux se situe sur la page d’accueil.

Tous les sites sont ensuite reliés grâce à un menu d’accès rapide, situé en haut à droite de l’écran.

Si les huit sites ont un contenu identique au moment de leur mise en ligne, il sera amené à se différentier au cours du temps : en effet, chaque responsable national du projet aura en charge l’évolution de son site national, et pourra réorganiser son contenu en fonction de ses besoins. Cette réorganisation est rendue possible par la nature même des sites web, qui sont des sites CMS ou Content Management Système. (voir partie B – Les CMS)

Nous sommes donc en présence de 9 sites (un site global chargé de centraliser les informations au niveau européen, et 8 sites nationaux traduits et alimentés dans leur langue native), identiques mais pouvant évoluer différemment au cours du temps du fait de leur gestion décentralisée. Mais que trouve-t-on dans ses sites dans leur organisation originelle ?


The handbook 3

Le site (nous parlerons au masculin dorénavant, puisque toutes les fonctions évoquées par la suite sont présentes sur l’ensemble des sites) à deux fonctions principales : - Informer le public et les enseignants sur le projet euhou et son évolution, ceci via une interface web que nous nommerons interface publique. - Permettre un travail collaboratif entre les membres participant activement au projet, ceci via une interface que nous nommerons interface privée.

L’interface publique

Cette interface (ou ce site), accessible via l’url (yourland étant l’initial de votre pays), est accessible à tous les internautes. Ils y trouveront : - Une page d’accueil centralisant les derniers articles publiés sur le site national, les dernières nouvelles provenantes du site global, le menu permettant d’accéder aux autres sites nationaux, et le menu principal à gauche leur permettant de naviguer au sein du site. - Une partie présentant le projet Euhou, ses acteurs, ses finalités, et la possibilité de s’inscrire en ligne au programme.

- Une partie présentant le logiciel SalsaJ (avec le mode d’emploi en ligne, une page


The handbook 4

de téléchargement, et une FAQ permettant de résoudre les problèmes les plus fréquents).

- Une partie réservée aux exercices proposer aux enseignants.

- Une partie réservée aux outils complémentaires au projet (les systèmes de webcam les télescopes, …).

- Un forum de discussion permettant à toutes les personnes impliquées dans le projet euhou d’échanger leur expérience, poser des questions, donner des réponses ….

- Un agenda des événements liés au projet.


The handbook 5

- Une partie News présentant des actualités autour de Euhou. C’est donc via cette interface que les enseignant utilisant Euhou dans leur classe pourront allez cherchez de nouveau exercices, poser des questions (via le forum), télécharger les dernières versions du logiciel, se tenir informer d’éventuelle manifestation liée à Eu-hou, …

L’interface privée

Cette seconde interface, toujours accessible via Internet, est accessible via l’URL, ou via l’onglet « Vers l’espace privé » qui apparaîtra sur le site public (après identification sur le forum de discussion). Contrairement à l’interface publique, elle nécessite un Login et un Mot de passe afin de pouvoir s’y connecter (l’une des fonctions de l’administrateur du site serra de créer ses comte afin des permettre aux personnes concernées d’accéder à cette interface). Cette interface est un véritable espace de travail collaboratif, permettant aux individue géographiquement séparé de travailler en ligne sur le projet. Les membres pourront donc depuis cet espace :


The handbook 6

- Proposer des articles à la publication sur le site public (par exemple un événement pour l’agenda, un nouvel exercice, une brève sur un événement lié à Euhou, …). Cette proposition d’article en ligne est facilitée grâce un éditeur de type WYSIWYG, ne nécessitent aucunes connaissance en html, et ressemblant fortement à un logiciel de type Word.

- Proposer et consulter des documents ou des nouvelles internes, propres à la vie du projet. Ces documents ne seront bien sûrs accessibles qu’aux membres dûment enregistrés par l’administrateur du site.

- Dialoguer via le forum de discussion leur étant réservé, et via un Chat sur le site global.

- Consulter leur Email.


The handbook 7

Vous devez donc bien intégrer cette double fonction de votre site Eu-hou : une interface publique permettant de faire fonctionner le projet Euhou au sein des classes et globalement des utilisateurs du logiciel ; une interface privée vous permettant d’alimenter simplement la partie publique, mais aussi de travailler en interne en communiquant ou en vous échangeant des documents.

B – Les CMS Les systèmes de gestion de contenu ou CMS (de l'anglais Content Management System ou SGC) sont une famille de logiciel de conception et de mise à jour dynamique de sites web partageant les fonctionnalités suivantes : * Ils permettent à plusieurs individus de travailler sur un même document, * Ils fournissent une chaîne de publication (workflow) offrant par exemple la possibilité de publier (mettre en ligne le contenu) des documents, * Ils permettent de séparer les opérations de gestion de la forme et du contenu, * Ils permettent de structurer le contenu (utilisation de FAQ, de document, de forum, etc.) Un CMS n'est pas un blog qui présente des nouvelles publiées sous forme de fils de discussions, souvent de manière chronologique et avec un classement par thèmes. En effet, un CMS propose d'autres manières de structurer l'information. Pour arriver à ce résultat, la conception se base assez souvent sur les mécanismes suivants :

Utilisation d'interface web Le Web est accessible quel que soit le type de système d'exploitation au moyen d'un navigateur. Ainsi, les utilisateurs n'ont pas besoin d'installer de logiciels spécifiques. Qui plus est, le Web offre un format de données lisible, imprimable et stockable par tous, ce qui facilite l'échange et l'accessibilité des documents. [modifier]

Séparation entre contenu et présentation C'est un principe fondateur de la gestion de contenu : * le contenu est stocké le plus souvent dans une base de données, structurée en tables et en champs. C'est le contenu des champs de la base qui est créé/modifié par le rédacteur, et non pas la page elle-même. On parle de site "dynamique". * la présentation est définie dans un gabarit. Le gabarit définit deux choses : la mise en page des pages web - via le code html et les feuilles de styles (css), et quelles informations sont extraites de la base de données (ainsi que l'endroit où celles-ci doivent être affichées, sous quelles conditions).

Édition de page simplifiée Du fait du principe de séparation contenu/présentation, les rédacteurs peuvent se concentrer sur le contenu. L'édition des pages est considérablement simplifiée : une interface WYSIWYG


The handbook 8

propose une interface graphique de mise en forme similaire à celle proposée par un traitement de texte.

De multiples méthodes de rangement de l'information La théorie de l'information nous apprend que plus il y a d'informations, plus le désordre augmente. C'est-à-dire que si l'on recherche une information spécifique, toutes les autres informations créent du bruit. Un système de CMS possède donc de multiples mécanismes de tris plus ou moins complexes comme : * les hyperliens, qui permettent de référencer les articles entre eux, * un moteur de recherche sur le texte, * des tris spécifiques (par date de modification, auteurs, liens...) Un CMS offre la possibilité de catégoriser l'information, de l'indexer, d'utiliser des taxonomies, pour encore améliorer les méthodes de recherche. On peut donc créer des catégories de contenus, des sections (ou rubriques) voire des mots clés favorisant l'indexation. La multiplication des vues, des mécanismes de choix, diminue la profondeur de l'information par rapport à la page d'entrée en multipliant les chemins, et la rend donc plus accessible.

C - Les différents types d’utilisateurs Nous venons donc de voir que votre site possède deux types d’interface, dont l’une réserver aux membres de Eu-hou. Il en existe en fait une troisième qui n’est accessible qu’à l’administrateur du site, et depuis laquelle il pourra faire évoluer l’intégralité du contenu et de la présentation du site : l’interface d’administration. http://www.yourland.euhou.net/administrator Il y’a donc différents droits d’accès au sein de la globalité du site, ce qui oblige à distinguer 4 types d’utilisateurs : - Les utilisateurs libres, non enregistrés, qui pourront accéder à toute l’interface publique du site, mais qui ne pourront pas participer (poster) aux forums de discussion. - Les utilisateurs enregistrés, qui ont les mêmes droits que les utilisateurs libres, mais qui pourront en plus participer aux forums de discussion et recevoir la newsletter. L’inscription de ses utilisateurs se fait via l’interface publique. - Les auteurs, qui ont accès à l’interface de publication. Ainsi ses utilisateurs pourront proposer des articles à la publication, consulter les documents internes et l’annuaire. L’inscription de ses utilisateurs ne peut se faire que via l’interface d’administration, donc par l’administrateur du site.


The handbook 9

- Le (ou les) administrateur (s) du site, qui peut effectuer toutes les actions effectuables sur le site.

D - Fonctionnement du site : les articles, les menus, les composants et les templates Avant d’aller plus loin, il est important de bien comprendre le fonctionnement interne de votre site.

L’unité de base du site est l’article. Un article est composé d’un titre, d’un texte d’introduction, et d’un texte principal.

Vous serez confronté à deux grands types d’articles : - Les articles statiques, qui ne sont pas spécifiquement classables, correspondant à une information ponctuelle. Il s’agit par exemple dans le cas de votre site des pages « Remerciements », « L’équipe européenne » ou « Le logiciels ». Ces pages pourront bien sûrs êtres mis à jours, mais elles n’ont pas de raison d’êtres compléter par d’autres articles. - Les autres articles qui seront eux obligatoirement classés selon une hiérarchie Section/Catégorie. Ce sera le cas des nouvelles, des exercices ou des outils, dont le nombre est amené à augmenter au fur et à mesure du temps. Les auteurs déclarés sur votre site devront proposer des articles entrant dans cette hiérarchie (ils ne peuvent pas proposer d’articles statiques).


The handbook 10

Le site est donc composé de cette somme d’article. Mais ces articles devront être appelés dans le site, et ceci grâce à l’utilisation de menus. Le site serra donc composé d’articles, affichés par l’intermédiaire de menus. Ces menus vont permettre soit : - D’appeler un article particulier, donc soit un article statique, soit un article classé selon la hiérarchie Section/Catégorie. - D’appeler de manière dynamique une liste d’articles rangés dans une section ou une catégorie. Enfin, cet ensemble de menus et d’articles va être affiché au travers d’une interface graphique, la template, qui détermine l’endroit (la zone) où les menus sont placés, et l’endroit où les articles seront affichés.


The handbook 11

Nous verrons plus loin qu’il existe, outre l’article, le menu et la template, une quatrième entité importante dans le site : le module. C’est lui qui permet d’afficher les éléments ne répondant pas à la logique d’article : l’agenda et le forum de discussion.

E - Organisation Sections/Catégories du site. Voici l’organisation des articles au sein des sites Eu-hou (au moment de leur mise en ligne):

SECTIONS CATEGORIE Public News Global Exercises Our Place in Space

The Microscopic World Measuring the World around u The Earth from Space Our Solar System The Local Group The Universe

Tools Radio-telescopes Optical telescopes Webcam system

Newsletter Public Members

Internal News Global Administration Administrative matters

Official documents Cette organisation n’est pas statiques, et vous pourrez en tant qu’administrateur la faire évoluer (voir page x).


The handbook 12

II – Publier un article

A - Remarques préliminaires : statuts des articles (workflow) Lorsqu’il est proposé par un auteur, l’article suit plusieurs étapes : 1 – L’auteur le propose à la publication depuis l’interface d’administration. L’article sera obligatoirement non publié. 2 – L’administrateur du site reçoit alors un Email le prévenant de la proposition. Il doit alors aller sur le site, relire l’article, et décider si oui ou non l’article doit être publié sur le site. S’il le valide, l’article va apparaître sur le site public. Sinon, il peut avertir l’auteur de ses remarques. L’auteur pourra alors apporter des corrections depuis l’interface de publication. 3 – Si l’article publié doit être repris, son auteur et l’administrateur pourront l’éditer depuis l’interface publique.

B - Accéder à la publication : auteurs, administrateurs Toutes les étapes suivantes peuvent être réalisées soit : - Depuis l’interface d’administration (pour l’administrateur, et ce via le menu Content), en passant par l’onglet « Content -> Content by Section -> » du menu principal.

- Ou via l’interface de publication (pour les auteurs et l’administrateur), en passant par le menu « publishing ».


The handbook 13

Quelque soit la manière d’y acceder, vous obtiendrez l’interface suivante :

L’intérêt du site est que cette interface ressemble fortement à des logiciels de traitement de texte de type Word. Nous allons maintenant détailler son utilisation.

1 Entrer le texte Cette interface se découpe en 4 grandes parties :

- La partie permettant d’indiquer le titre de l’article, et son classement.

- La partie permettant d’éditer l’introduction de l’article.


The handbook 14

- La partie permettant d’éditer le corps du texte de l’article.

- La partie permettant d’informer l’article en vue de sa publication (voir page x).


The handbook 15

La première chose à faire est de donner un titre à l’article, et de sélectionner la catégorie dans laquelle il devra être classé (puisque vous avez déjà choisi la section, en choisissant le type d’article que vous souhaitiez publier, News, Exercice, …)

Vous pouvez dès à présent utiliser la série de trois icônes situées à droite du titre. Il s’agit :

- D’un bouton « Save » : en cliquant dessus, vous sauvez l’article et revenez sur l’interface de publication ou d’administration.

- D’un bouton « Apply », permettant de sauver l’article, tout en restant sur le mode d’édition (N’hésitez donc pas à l’utiliser régulièrement afin de sauver l’article au fur et à mesure de son édition !)

- D’un bouton « Cancel », permettant de quitter le mode d’édition sans sauvegarder l’article (ou les changements effectués sur un article déjà publié, voir plus loin).

Il est bien sûr possible d’entrer directement le texte dans l’interface.

Mais il est également de l’importer par copier/coller depuis une autre source, comme un fichier Word :


The handbook 16


The handbook 17

Ou bien depuis une page Internet :


The handbook 18

Mais cette méthode est déconseillée, car elle entraîne souvent des erreurs de mise en page, et ne permet pas d’obtenir une mise en page cohérente sur l’ensemble du texte. La meilleure méthode est d’insérer uniquement le texte, sans mise en page, comme suivant, en cliquant

sur l’icône « Past as plein text » .

Vous pourrez alors appliquer facilement les outils de mise en page de l’éditeur afin de mettre en page l’article, de manière cohérente sur l’ensemble du site. Ceci est rendu possible par l’utilisation des styles.

2 Mettre en forme le texte Vous avez votre texte en ligne, sans mise en forme. Il va falloir utiliser les styles pour organiser tout cela…


The handbook 19


The handbook 20

3 Insérer une ancre Nous avons donc à présent le texte de notre article, mis en forme grâce aux styles. Nous allons maintenant insérer une ancre (c'est-à-dire un lien interne à l’article) permettant par exemple de réaliser un index, ou dans l’exemple à suivre, un lien au sein de texte vers une note de bas de page. Il faut d’abord créer l’ancre, l’endroit où nous voulons que le lien amène (ici la note 1 de bas de page).


The handbook 21

Il faut maintenant créer le lien au sein de l’article menant à cette ancre :


The handbook 22

Nous avons maintenant un lien au sein de l’article permettant d’accéder à une note de bas de page.

4 Insérer un lien Nous venons de voir comment créer un lien interne à l’article, en créant tout d’abord une ancre, vers laquelle on dirige notre lien. Nous allons maintenant créer un lien dans l’article, soit vers un autre article du site, puis vers une page web externe au site. Il faut dans un premier temps sélectionner le(s) mot(s) qui servira de lien, puis cliquer sur

l’icône


The handbook 23

Vous pouvez alors sélectionner : * Soit un lien vers un article interne du site.

* Soit indiquer l’url d’un site externe.


The handbook 24

Dans le cas d’un lien externe, vous pourrez définir si vous voulez qu’il s’affiche : - Dans la même fenêtre du browser (none). - Dans une nouvelle fenêtre du browser (parent).

Pour valider votre lien, vous devez cliquer sur « Insert ».

5 Insérer une image Maintenant que nous avons le texte de notre article mis en forme, et possédant des liens interne et externe, nous allons insérez une image.

Vous devez placer le curseur là ou vous souhaitez insérer l’image, et cliquer sur l’icône .

Le gestionnaire d’image s’ouvre dans une nouvelle fenêtre :


The handbook 25

Il est important de comprendre que les images incluses dans les articles doivent d’abord être placées sur le serveur. Un dossier spécial s’y trouve, dans lequel sont rangées toutes les images (et les fichiers joints, voir plus loin) du site. La partie haute de gestionnaire d’images représente ce dossier, comme si ce dossier était sur votre disque dur. Vous pouvez créer et naviguer dans des sous dossiers à l’aide des icônes.


The handbook 26

Nous allons dans un premier temps « uploader » notre image sur le serveur. Pour cela,

cliquez sur l’icône . La fenêtre qui s’ouvre permet d’aller chercher l’image sur VOTRE disque dur.

Validez en cliquant sur « upload »

L’image est maintenant sur le serveur, cliquer dessus pour la sélectionner :


The handbook 27

Une fois l’image sélectionner, vous pouvez définir son nom « Title », sa taille (les valeurs par défaut sont celles de l’image, mais vous pouvez changer ses valeurs, la taille de l’image serra automatiquement adaptée), l’espace autour de cette image, et l’alignement du texte autour de l’image. Vous pouvez ignorer les paramètres « optional image ».

Cliquer sur « Insert » pour inclure l’image dans l’article.

Vous pouvez appliquer un style à une image, et également à sa légende. Pour cela, sélectionner l’image et le texte devant servir de légende (placé juste après l’image) et sélectionner le style légende (a droite, à gauche ou centré).


The handbook 28

6 Insérer un fichier Nous avons donc un article, avec du texte mis en forme, des liens, et une ou des images. Reste à lui joindre un fichier à télécharger. Pour cela, placer le curseur là ou vous souhaitez voir apparaître le lien vers le fichier à télécharger.

et cliquer sur l’icône . Vous avez alors une nouvelle fenêtre dans laquelle s’affiche le gestionnaire de fichiers. Il fonctionne presque comme l’éditeur d’image, c'est-à-dire qu’il va falloir dans un premier


The handbook 29

temps télécharger depuis votre disque dur, et vers le serveur, le fichier que vous souhaitez inclure dans l’article.

Mais la fenêtre permettant d’aller chercher le fichier est directement dans le gestionnaire :

Une fois le fichier uploadé et sélectionné, vous pouvez donner le nom du lien qui s’affichera dans l’article « Caption », la cible, c'est-à-dire si c’est un fichier pouvant être ouvert par un browser Internet, si il s’affiche dans la fenêtre en cours, ou bien dans une nouvelle fenêtre, et la possibilité d’inclure automatiquement la taille et/ou la date du fichier.


The handbook 30

Validez en cliquant sur « Insert »

C – Informations sur l’article avant sa publication Votre article est maintenant prêt. Il va falloir ajouter quelques renseignements avant de la proposer à la publication.

Dans la partie « Publishing », vous devez :

• Si vous êtes administrateur, déclarer ou non l’article publié. • Donner le niveau d’accès de l’article : tout public, public enregistré, ou spécial, c'est-à-

dire uniquement accessible aux auteurs et aux administrateurs (ce serra par exemple le cas pour les documents internes).

• Donner la date de début de publication (par défaut la date du jour, mais vous pouvez repousser la publication à une date T).

• Donner la date de fin de publication si nécessaire (cette date passée, l’article sera automatiquement archivé, voir page xx).

• Dire si l’article doit être ou non inclus dans le flux RSS sortant du site (voir page ww).


The handbook 31

Vous devez également remplir les meta-data, c'est-à-dire un résumé de l’article, ainsi qu’une liste de mots clés. Cette étape n’est pas obligatoire, mais ce sont ces informations qui sont utilisée par les moteurs de recherche pour référencer le site. Donc plus ces champs seront renseignés, meilleure sera l’indexation du site dans les moteurs de recherche internet. Vous pouvez maintenant cliquer sur « Save », votre article est enregistré, et l’administrateur va recevoir un Email le prévenant qu’un article vient d’être soumis à la publication.

D - Reprendre un article non publié Dans le cas où vous souhaiteriez corriger un article avant de le publié, ou bien si vous voulez y ajouter quelque chose, vous pouvez reprendre un article avant sa publication de différente manière : - Si vous êtes auteurs, en page d’accueil de l’espace de publication, un encart affiche les articles non publiés.

Vous pouvez également accéder à ces articles via le menu « publishing ».


The handbook 32

Dans tout le cas, en cliquant sur le nom de l’article, vous vous retrouvez en mode édition afin de corriger l’article.

Validez en cliquant sur « Save ».


The handbook 33

Remarque : dans le cas des auteurs, seul l’auteur de l’article peut le reprendre !

E - Reprendre un article publié Pour reprendre un article publié, vous devez soit en être son auteur, soit être administrateur. Vous devez alors vous « logger » sur le site public en étant identifiés (soit depuis l’interface de publication via le menu « publishing -> Edit published content », soit en vous identifiant sur le forum). Une icône apparaîtra alors à droite du titre de article, vous permettant de les éditer.

eu-hou site web · charge l’évolution de son site national, et pourra réorganiser son contenu...

Documents