Documentation site LHECture Manuel de l utilisateur Infocentre HEC 27 janvier 2011 help@hector.unil.ch 1
1. Introduction Dans cette documentation, nous allons évoquer la création d une newsletter sur le site internet LHECture. Cela s avère simple à conditition que chaque étape soit exécutée dans un ordre précis. L adresse du site est : http://www.hec.unil.ch/lhecture Voici la page d accueil du site : Pour faire des modifications au site, il faut d abord s authentifier à l aide du bouton «se connecter» situé en bas à droit de la page principale. Entrez votre «Identifiant» et votre «Mot de passe», puis cliquez sur «se connecter». L identifiant et le mot de passe sont ceux de votre compte HEC. Voici la page que vous voyez une fois authentifié. 2
2. Base d une nouvelle Newsletter 2.1 Langue française 2.1.1 Création d un dossier Pour cela, cliquez sur l onglet «numéros» puis sur «ajout dd un élément» dans le cartouche vert. Un menu apparaît, cochez «Dossier» et enfin cliquez sur «ajouter» Identifiant Ce champ doit comporter le numéro de la newsletter (par exemple : 1) Titre Mettrer le mois et l année de la newsletter, par exemple : (Octobre 2010) Description Date de publication Permet de décrire le contenu du dossier. Ce champ peut rester vide La date à laquelle cet élément sera publié. Sur le site de développement, ne pas mettre de date de publication Sur le site de développement, ne pas mettre de date de publication Les autres champs ne doivent pas à être touchés. 3
2.1.2 Publication d un dossier Cliquez sur l onglet «numéros» puis sur le dossier de la newsletter en question. Ici, le dossier est «Octobre 2010» Ensuite, cliquez sur «état» dans le cartouche vert. Une page apparaît, cochez «Publier», puis «enregistrer». Nous pouvons maintenant voir l état «publié» dans le cartouche vert. En cliquant sur «numéro», nous avons un aperçu des différentes newsletters. Celle que nous venons de créer apparaît aussi. A partir de cette page, maintenant nous devons créer les dossiers contenant la newsletter en anglais et en allemand. 4
2.2 Langue anglaise Pour cela, cliquez sur le lien de langue «English» dans le header de la page (en haut à droite) La page s affiche maintenant en anglais et nous pouvons voir que le dossier «October 2010» n est pas encore créé. Les étapes à suivre dans la création du dossier pour la partie anglaise sont les mêmes que pour la partie française. Cliquezu sur «add new item» dans le cartouche vert. Un menu apparaît, cochez «Folder» et enfin cliquez sur «add» Après avoir renseigné les champs obligatoires (Voir 2.1 Langue française) cliquez sur «Save». Voici la confirmation que le dossier a bien été créé. Ne pas oublier de le publier! (Voir 2.1 Langue française) 5
2.3 Langue allemande Pour la partie allemande, veuillez vous reporter aux parties 2.1 et 2.3. Le principe reste le même. Voici ce que nous obtenons. 2.4. Lier les traductions des dossiers A ce stade, les trois dossiers sont créés. Maintenant, il faut que le système sache par exemple que le dossier «October 2010» est la traduction en anglais du dossier «Octobre 2010». Pour cela, cliquez sur «numéros», puis sur «Octobre 2010». Ensuite, dans le cartouche vert, cliquez sur «Traduire en...» 6
Nous voilà sur la page de gestion des traductions pour le dossier «Octobre 2010» Dans la partie «Lier des Traductions» Cliquez sur «English» puis sur «Parcourir» Une fenêtre grise s ouvre. il faut maintenant cliquer sur «Accueil» et retrouver dans l arborescence le dossier «October 2010» Une fois trouvé, il ne reste plus qu à cliquer sur le lien «Insert» associé au dossier en question. 7
Cliquez sur «lier la traduction» en s assurant bien que le champ «Contenu» est complété par le bon nom de dossier. Il en va de même pour la traduction en Allemand. Ici le nom du dossier est «Oktober 2010». Nous obtenons cette page qui résume les traductions existantes pour le dossier «Octobre 2010». Il y a les deux traductions que nous venons de créer. Nous avons la possibilité de les supprimer en les cochant puis en cliquant sur le bouton «supprimer». 8
3. Insertion du contenu 3.1 Langue française Cliquez sur «numéro» puis sur «Octobre 2010» Ensuite, dans le cartouche vert cliquez sur «Ajoutez un élément» Nous allons ajouter un nouvel article à la newsletter d Octobre 2010. Pour se faire, cochez «Document» et cliquez sur «ajouter» Voici l éditeur dans lequel vous pouvez donner un titre à l article et surtout un identifiant qui sera le nom de l article sans majuscules ni espace. Vous pouvez remplacer les espace par des tirets. Par exemple : Titre : Lorem ipsum Identifiant : lorem-ipsum Le champ «corps du texte» permet d écrire le contenu de l article et le mettre en forme à l aide des icônes figurant dans le cartouche vert. La partie «Catégorisation» vous permet de faire apparaître l article sur la page principale de la newsletter. Cela peut s avérer judicieux pour mettre en avant certains articles, suivant leur contenu. En effet, la page principale est divisée en catégorie : «Did you know», «Highlight», «Sondage»... Un article peut rester sans liaison à une catégorie. Il ne reste plus qu à cliquer sur «enregistrer». 9
Voilà ce que nous affiche le site après avoir enregistré. Cela nous donne un aperçu de la page que nous venons de créer. Nous remarquons que l article est présent et aussi le bandeau orange qui rappelle la catégorie dans laquelle nous avons mis l article. Ici par exemple l article est lié à : «Did you know» Attention, il ne faut pas oublier de publier l article. En effet, le cartouche vert nous indique l état du document à «privé». Pour le rendre public, cliquez sur «etat : prive». Une nouvelle page apparaît. Il suffit de cocher «Publier» puis cliquez sur «Enregistrer». Voici la confirmation de la publication de la page. 3.2 Langue anglaise Après avoir créé la page en français, il faut refaire à l identique toutes les actions mais cette fois-ci pour la partie anglaise et ensuite allemande. Il suffit d aller dans le dossier «octobre 2010» et de cliquer sur «English». 10
Ensuite, dans le cartouche vert cliquez sur «Add a new item» Nous allons ajouter un nouvel article à la newsletter d Octobre 2010. Pour se faire, cochez «Page» et cliquez sur «add». Pour plus de détails sur cette partie, veuillez vous reporter à la partie 3.1 Langue française. Attention : il vous est conseillé de garder une cohérence entre les langues. En effet, chaque article doit être comporter des titres équivalents dans leur langue et surtout être liés aux mêmes catégories dans les 3 langues! Sans cela, la page principale de la newsletter sera différentes suivant la langue sélectionnée par l internaute. 11
Voici l aperçu de la page créée. Ne pas oublier, comme toujours, de publier la page en cliquant sur «state : private» dans le cartouche vert. Cochez «Publish» et cliquez sur «save». 3.3 Langue allemande Pour cette partie, veuillez vous reporter aux chapitres 3.1 et 3.2. Les copies d écran sont laissées à titre informatif. 12
13
3.4 Lier les traductions Comme nous l avons fait pour les dossiers, nous devons lier les traductions pour que lorsqu un internaute clique sur le lien «English» (resp. «German») alors la page contenant l article rédigé en français bascule sur la page où l article est en anglais (resp. allemand). A retenir que cette étape est indispensable et doit être exécutée à chaque fois qu un nouvel élément est ajouté à la newsletter. Pour cela, cliquez sur la page de l article en français et cliquez sur «Traduire en...» dans le cartouche vert. Une page apparaît. Pour les détails, se reporter au chapitre 2.4 de la documentation. 14
Insérer une image Dans cette partie, voici une chronologie de printscreen permettant d insérer des images sur le site LHECture. Attention, il faut ajouter chaque image dans le dossier de la newsletter en cours. Et ce, pour chaque langue! Il faut donc répéter l opération 3 fois et penser à lier les traductions! Vous avez la possibilité de lier l image à la rubrique «Plein feux». 15
Actualités et événements Pour les actualités et les événements, la démarche reste identique à celle que nous avons développées pour les dossiers, les pages et les images. Veuillez donc vous reporter à ces chapitres. 16
ATTENTION Pour que la page principale affiche la nouvelle newsletter, il faut au préalable cliquer sur «accueil», puis sur «modifier» dans le cartouche vert. Il faut maintenant saisir le titre de la newsletter et l url qui est donc l url de la nouvelle newsletter. Voici un exemple pour la newsletter de Décembre 2010. Enfin, pour que la page principale «accueil» s affiche corretement, il faut que les éléments composant la page soient ordonnées dans le même ordre dans le dossier principale de la newsletter. A savoir les articles dans l ordre : «Le saviez-vous», article «Plein feux», image «Plein feux», «Témoignage» et «Zoom». 17