AGORA PARIS-SACLAY. Guide de l utilisateur (v4.3)

AGORA PARIS-SACLAY Guide de l utilisateur (v4.3) TABLE DES MATIERES 1. SE CONNECTER AU SITE... 2 2. ACQUISITION PAR UN ENSEIGNANT DU STATUT «AUTEUR» ou «ÉDITEUR»... 3 3. ACQUISITION PAR UN ETUDIANT DU STATUT «CONTRIBUTEUR»... 4 4. ORGANISATION DU SITE : FRONT END, BACK END et BARRE D ADMINISTRATION... 5 5. RÉDIGER UN ARTICLE... 6 6. ENREGISTRER et PRE-VISUALISER son ARTICLE... 8 7. RETROUVER SON ARTICLE (BROUILLON / PUBLIÉ)... 9 8. AVANT DE PUBLIER SON ARTICLE... 10 Etape 1 (obligatoire) : Classification de son article... 10 Etape 2 : Mise en forme de son article... 12 9. PUBLIER SON ARTICLE (ENSEIGNANT)... 18 10. PUBLICATION D UN ARTICLE D ETUDIANT... 19 11. GÉRER LES COMMENTAIRES SUR SON ARTICLE... 21 12. INSÉRER UN HYPERLIEN... 22 13. INTEGRER UNE VIDEO YOUTUBE (ou AUTRE CONTENU DU WEB)... 23 14. TÉLÉCHARGER UNE PHOTO (PDF etc.) DEPUIS SON ORDINATEUR... 25 14.1 Contrôles préalables... 25 14.1.1 Droits de propriété et d utilisation... 26 14.1.2. Taille du fichier... 28 14.2 Procédure de téléchargement... 29 15. D AUTRES FONCTIONNALITÉS... 31 1

1. SE CONNECTER AU SITE L'adresse du site est : agora.universite-paris-saclay.fr Si vous avez un compte avec un établissement Université Paris-Saclay 1, cliquez sur «Login» dans le menu en haut à droite (voir image ci-dessus), sélectionnez votre établissement sur la page qui s ouvre, et renseignez vos identifiants habituels. Si vous n avez pas de compte avec un établissement Université Paris-Saclay vous pouvez avoir un compte Agora sur simple demande à mark.pitt@centralesupelec.fr. Vous recevrez un lien vers votre identifiant (non-modifiable) et mot de passe (modifiable). Désormais, pour accéder au site, cliquez sur «Login invité» dans le menu (voir image cidessus) puis renseignez votre identifiant et mot de passe dans la page qui s ouvre. Une fois connecté, la barre d administration apparaît en haut de chaque page du site. En faisant passer le curseur sur «Salutations XXX» à droite de cette barre, puis en cliquant sur «Profil» dans le menu déroulant, vous pouvez personnaliser votre profil, nom d affichage, etc. 1 AgroParisTech, CentraleSupélec, ENS-Cachan, ENSAE, ENSTA, École Polytechnique, HEC, Institut d'optique, Télécom (NB : Actuellement Evry, Télécom (06/05/16) Paris-Tech, les écoles Université Polytechnique, Paris-Sud, ENSTA UVSQ et ENSAE ne sont pas encore reliées au site.) 2

2. ACQUISITION PAR UN ENSEIGNANT DU STATUT «AUTEUR» ou «ÉDITEUR» Votre compte d utilisateur n est créé que lors de votre première connexion. Agora propose différents «statuts» de compte, chacun donnant des «droits» différents : Abonné (défaut) : peut lire et commenter les articles du site. Contributeur-élève : peut rédiger des articles, mais doit demander la validation de leur publication auprès d un «Editeur» (a priori, son enseignant). Auteur-prof : peut publier directement ses propres articles. Editeur-prof : peut publier directement ses propres articles, ainsi qu autoriser la publication d articles de «contributeurs». Tout nouveau compte aura le statut par défaut Abonné, permettant seulement de lire et commenter les articles du site. En tant qu enseignant Paris-Saclay, vous pouvez avoir le statut «Auteur-Prof» ou «Editeur-Prof» sur simple demande. Pour cela, il vous suffit de vous connecter une première fois au site pour créer votre compte, puis de contacter le gestionnaire du site à l adresse suivante : mark.pitt@centralesupelec.fr. 3

3. ACQUISITION PAR UN ETUDIANT DU STATUT «CONTRIBUTEUR» En règle générale, on accorde à un(e) étudiant(e) souhaitant contribuer au site le statut de contributeur, car une validation préalable de son travail est souhaitable. Cette validation est purement linguistique, réalisée dans l intérêt de la lisibilité de l article pour ses lecteurs. Elle correspond au rôle du secrétaire de rédaction d un journal, et permet à l enseignant d effectuer son travail de correction linguistique : il ne s agit aucunement de censure! Pour certains élèves de très bon niveau (C1+), on pourrait envisager de leur accorder un statut d auteur leur permettant de publier directement. Ce sera selon le jugement et sous la responsabilité de leur enseignant. Pour demander le statut de contributeur, il faudra que l étudiant(e) : Se connecte une première fois au site pour créer son compte S accorde avec son enseignant pour que celui-ci lui serve d éditeur Remplisse le formulaire sur la page «Agora Needs YOU!» https://www.agora.universite-paris-saclay.fr/agora-needs-you/ Sinon, son enseignant peut faire la demande à sa place Il (ou elle) sera ensuite notifié(e) du changement de son statut dans les plus brefs délais, et pourra procéder à la rédaction de son article. 4

4. ORGANISATION DU SITE : FRONT END, BACK END et BARRE D ADMINISTRATION Le site s organise en deux grandes parties : Le front end, où apparaissent tous les contenus publiés. C est la seul partie à laquelle ont accès les comptes par défaut «abonné». La page principale du front end s appelle la page d accueil. Le back end, où se créent ces mêmes contenus. Il est inaccessible aux comptes par défaut «abonné». Seuls les utilisateurs contribuant des contenus au site peuvent y avoir accès. La page principale du back end s appelle le tableau de bord. La mince bande noire en haut de chaque page du site, la Barre d administration, est l élément commun aux deux parties, et permet de faire le passage entre l une et l autre, en cliquant sur Agora Paris Saclay à gauche. Front end : page d accueil Back end : tableau de bord 5

5. RÉDIGER UN ARTICLE Cliquez sur «+ Créer» dans la barre d administration puis sur «Article» dans le menu qui s y déroule. La page «Ajouter un nouvel article» s ouvre. Vous y voyez notamment deux champs : le champ du titre («Saisissez votre titre ici») le champ du contenu de votre article En haut à droite du champ du contenu se trouvent deux onglets : les éditeurs Visuel et Texte. Ils offrent deux interfaces différentes pour la rédaction d articles. L éditeur VISUEL C est l interface intuitive pour créer votre page (c est l onglet actif et fléché sur l image). Elle comporte une barre d outils composée d icônes de mise en forme qui rappellent celles d un traitement de texte genre «Word». Cliquez sur l icône qui ressemble à un sandwich (entourée sur l image) pour afficher des icônes supplémentaires, apportant plus de fonctionnalités. L éditeur TEXTE C est l interface qui affiche le code (plutôt que les icônes) utilisé pour la mise en forme du texte. Vous l utiliserez sans doute rarement. L «Éditeur Back-Office» ouvre l outil de mise en page «Visual Composer». A moins d avoir besoin d une mise en page spécifique, vous n aurez pas besoin d y toucher. 6

Options de l écran Chaque page du back office comporte par défaut quelques éléments dont vous n aurez pas forcément besoin. En haut de l écran, l onglet «Options de l écran» vous permet de les enlever, en les décochant. En général, vous n aurez besoin que de : Catégories, Etiquettes, Révisions, Commentaires, Médias, Page Options : 7

6. ENREGISTRER et PRE-VISUALISER son ARTICLE Après avoir commencé votre article, si vous voulez quitter la page de rédaction il est essentiel de sauvegarder votre travail. Cliquez sur «Enregistrer brouillon». Vous pouvez maintenant pré-visualiser votre article sur la partie publique du site en cliquant sur «Aperçu». Vous pouvez revenir à la rédaction en cliquant sur «Modifier l article» dans la barre d administration. 8

7. RETROUVER SON ARTICLE (BROUILLON / PUBLIÉ) Si vous quittez le site, voici comment retrouver votre article lors de votre prochain passage : Cliquez sur «Agora Paris-Saclay» dans la barre d administration pour ouvrir le «Tableau de bord». Cliquez sur «Articles» dans la barre latérale gauche. Le site affiche vos articles sous l onglet «Les miens». Cliquez sur le titre de votre article et reprenez-en la rédaction. C est la même procédure si vous voulez mettre à jour un article publié. 9

8. AVANT DE PUBLIER SON ARTICLE Etape 1 (obligatoire) : Classification de son article Vous pouvez enregistrer votre article autant de fois que vous voulez avant de le publier. Quand il est prêt, vous devez le classifier afin qu il soit bien rangé sur le site, en précisant : La langue et (éventuellement) le niveau, via le bloc des catégories. Des mots-clés («étiquettes») pour la constitution des rubriques. Ne mettez pas trop de mots clés : 3 ou 4 suffiront largement! 10

Quand vous commencez à taper, le site vous fera des suggestions de mots-clés déjà utilisés. En règle générale, il vaut mieux utiliser ces mots-clés suggérés, qui correspondent aux rubriques figurant dans le menu. Par ex : Debating, Online debates, Keep Sunday special La 2 e étape, celle de la mise en forme (voir ci-dessous), est «facultative» mais fortement conseillée, car la mise en page en est pour beaucoup dans la lisibilité et l attractivité de l article. Si pourtant vous ne voulez pas vous en occuper (dommage!), vous pouvez désormais procéder à la publication de votre article (voir la 8). * 11

Etape 2 : Mise en forme de son article Chaque article d Agora comporte par défaut les éléments suivants : Un «Header» (en-tête) avec le titre sur fond générique Du «Contenu» (corps de l article) Un «Sidebar» (barre latérale à droite du contenu) Par ailleurs, sur les «pages regroupant des articles» (d accueil, de rubrique, de résultats de recherche, etc.) les titres d articles peuvent s illustrer d un «média vedette» (image, vidéo, fichier sonore) : 12

Options de mise en forme Vous pouvez : 1. Choisir le «média vedette» pour illustrer l article dans les «pages d articles» 2. Choisir un média pour remplacer l en-tête par défaut, ou bien 3. Supprimer carrément l en-tête 4. Supprimer la barre latérale 1. Choisir un média comme «média vedette» Cherchez le bloc «Médias» et cliquez sur «Sélectionnez les médias». La page «La sélection des médias» qui s ouvre vous offre trois options : Vous pouvez soit : Télécharger un nouveau média depuis votre ordinateur, via l onglet «Upload Files» Intégrer un média du web, via l onglet «Upload oembed» Sélectionner un média déjà téléchargé sur votre article, via l onglet «Media Library» La option «Upload oembed» permet d intégrer des vidéos YouTube, des fichiers sonores SoundCloud, etc. comme en-tête et média vedette : il suffit d en coller l URL (l adresse) dans la case «oembed code» : 13

Quand vous aurez sélectionné votre média selon une des trois procédures, le bloc «Médias» s affichera comme suit : Comme «média vedette», cela donne : 14

2 Choisir un média comme en-tête Dans la procédure précédente, le média sélectionné comme «vedette» fera également fonction d en-tête de l article. S il se trouve déjà dans l article, l effet de répétition risque de ne pas être très beau : Pour éviter ceci, il faut choisir un différent média comme en-tête. Sélectionnez «Header» dans le bloc «Page Options», puis cliquez sur «Basic». Cherchez parmi les options «Image vedette Dans Le Header» et sélectionnez «Off» Ensuite, pour l option «Arrière Plan» cliquez sur «+» («Ajouter un média») La page «Ajouter un média» s ouvre, en vous offrant les trois mêmes options que sur la page «La sélection des médias», notées ci-dessus. L onglet «Basic» vous permet également de modifier d autres aspects de votre header : la hauteur, l animation, couleur du titre, etc. Amusez-vous à faire des expériences! 15

3. Supprimer l en-tête L option la plus facile (mais pas forcément la plus belle) est de supprimer l en-tête par défaut. Cliquez sur «Header» dans le bloc «Page Options», et sélectionnez «Rien». En supprimant l en-tête, vous supprimez l emplacement prévu pour le titre. Il faudra donc placer le titre dans le contenu : Cliquez sur «Contenu» Cherchez-y l option «Montrer le titre» Sélectionnez «Oui». 16

4. Supprimer la sidebar Pour certains articles, la barre latérale de droite ne sert qu à encombrer la page. Vous pouvez la supprimer en cherchant «Sidebar» dans les «Page Options», et cliquant sur «Non» pour «Activer la sidebar». 17

9. PUBLIER SON ARTICLE (ENSEIGNANT) Si vous êtes enseignant (avec un statut auteur ou éditeur voir 2) il suffit maintenant de clique sur «Publier». A noter, rien ne vous empêche par la suite de revenir sur votre article pour y apporter des mises à jour. 18

10. PUBLICATION D UN ARTICLE D ETUDIANT Demande de relecture par l étudiant Si vous êtes étudiant (avec le statut contributeur voir 2) cliquez sur «Soumettre à relecture» et prévenez-en votre enseignant pour qu il (elle) valide la publication. Nous rappelons (voir section 2) que cette validation, qui existe pour tout journaliste de tout média, est effectuée dans l intérêt de la lisibilité de l article pour ses lecteurs et nullement dans une optique de censure! Validation par l enseignant Cliquez sur «Agora Paris-Saclay» dans la barre d outils Cliquez sur «Articles» dans la barre latérale gauche de la page qui s ouvre 19

Cliquez sur «En attente de relecture» dans la page qui s ouvre : Cliquez sur le titre de l article de votre étudiant. Lisez l article. Si vous en êtes satisfait (après y avoir apporté d éventuelles corrections), cliquez sur «Publiez». Sinon, demandez à votre étudiant de reprendre son travail en y faisant les améliorations qui s imposent. Bien sûr, vous pouvez faire tout le travail de rédaction et correction en amont, avant de transférer la version finale sur le site. 20

11. GÉRER LES COMMENTAIRES SUR SON ARTICLE D office, les commentaires sont autorisés sans pré-modération : c est à l auteur de les contrôler une fois son article publié. Vu que ce sont uniquement les utilisateurs inscrits (et donc traçables) qui peuvent laisser des commentaires, il n y aura normalement aucun problème. Par contre, si vous ressentez le besoin de modifier ou supprimer un commentaire, il suffit de le sélectionner dans le bloc des «Commentaires» (sur la page de création d article) ou bien sur le fil (sur le site public). 21

12. INSÉRER UN HYPERLIEN Vous pouvez lier presque tout élément de votre article (mot, phrase, image) à presque tout élément du web (page, image, fichier sonore, etc.). Il suffit de cliquer droit (ou double cliquer) sur l élément visé pour avoir son adresse (URL). Trouvez le contenu web vers lequel vous voulez établir le lien et copiez-en l adresse. Sélectionnez (mettre en surbrillance) le(s) mot(s) de votre article à servir de lien. Cliquez sur l icône qui ressemble à un maillon (celle de gauche dans l image cidessous : celle de droite permet de défaire un lien déjà établi): Une boîte s ouvre : collez-y l adresse que vous avez copiée et cliquez sur la flèche «Appliquer». Pour voir le lien sur la page, cliquez sur «Enregistrez votre brouillon» puis «Aperçu». 22

13. INTEGRER UNE VIDEO YOUTUBE (ou AUTRE CONTENU DU WEB) «Intégrer», c est créer un lien plus riche (visuel) vers un contenu du web. Le contenu embarqué semble être intégré directement dans votre article, alors qu il s agit en réalité d une sorte de «fenêtre» (aperçu visuel) sur le contenu visé. Vous utiliserez surtout ce procédé pour intégrer des vidéos YouTube dans votre article, mais vous pouvez l utiliser également pour intégrer un article de journal auquel le vôtre fera référence cela vous évitera de copier-coller le texte de ce dernier (ce qui serait illégal). Vous pouvez embarquer presque tout contenu web : vidéo YouTube / Viméo, article de presse, gif, fichier sonore SoundCloud, tweet, photo Flickr etc. NB : Il s agit bien d un lien vers un contenu, et non pas d une copie de ce contenu. C est donc une procédure légale, et qui n enfreint aucun droit d auteur. C est exactement la même procédure que vous utilisez sur Facebook, Twitter, etc. pour signaler un article à vos amis. Copiez l adresse URL du contenu web. Procédure Collez cette adresse directement dans votre article. 23

Voilà, c est fait! Pour voir le résultat, cliquez sur «Enregistrer votre brouillon», puis sur «Aperçu» : Démarrer une vidéo YouTube à un point précis Mettez-la en pause au point en question. Cliquez sur «Partager» puis cochez la case «Démarrer à» Copiez le code affiché dans la boîte, puis collez-le dans votre article comme d habitude : 24

14. TÉLÉCHARGER UNE PHOTO (PDF etc.) DEPUIS SON ORDINATEUR 14.1 Contrôles préalables A la différence de la procédure précédente, qui consiste à établir un lien avec un contenu du web, il s agit ici de charger un fichier directement sur le site. Avant de télécharger votre contenu, il faut impérativement vérifier deux choses : 1. Vous avez le droit d utiliser ce fichier sur le site 2. Le fichier est d une taille raisonnable Voir les pages suivantes. 25

14.1.1 Droits de propriété et d utilisation Vous ne pouvez télécharger un contenu sur le site que si : i. Le contenu vous appartient En le téléchargeant sur Agora, vous accordez ainsi au site les droits d utilisation. ii. Le contenu est de statut «libre de droits» ou «creative commons», par ex. : Bon nombre de photos sur le site Flickr ( www.flickr.com ) Certaines banques d images comme Pixabay ( https://pixabay.com/ ) Le site Wikimedia Commons https://commons.wikimedia.org Les sites de domaine public comme http://www.photos-public-domain.com/ et des sites de bibliothèques / musées comme www.flickr.com/photos/britishlibrary Les résultats de recherche d images Google en filtrant par Outils de recherche > Droits d usage > Réutilisation autorisée sans but commercial : Voici une liste non-exhaustive d autres banques d images libres de droits : https://pixabay.com https://unsplash.com http://gratisography.com http://morguefile.com https://www.pexels.com https://stocksnap.io http://www.freepik.com http://www.nypl.org/research/collections/digital-collections/public-domain https://www.elegantthemes.com/blog/tips-tricks/high-quality-free-images-how-tofind-and-add-them-to-your-wordpress-blog http://www.elegantthemes.com/blog/resources/twelve-places-to-find-images-foryour-website http://makerbook.net http://www.tombreton.com/liste-des-meilleures-banques-dimages-gratuites-et- 26

libres-de-droits En général, le statut «Creative commons» nécessite qu on attribue la source du contenu, au moyen d un lien sous l image vers son emplacement d origine. 3. Agora détient les droits d utilisation du contenu Agora a un contrat avec la banque d images Shutterstock (www.shutterstock.com). Vous pouvez y chercher des images pour votre article. Envoyez-nous les liens, et nous vous les téléchargerons. Pour de telles images aussi, il convient d attribuer leur source. 27

14.1.2. Taille du fichier Il faut également veiller à ce que le fichier ne soit pas trop lourd, afin d éviter de ralentir le chargement des pages du site. En règle générale, la taille d un fichier photo ne devrait pas dépasser 100 Ko. A noter, une photo iphone peut facilement atteindre 1Go, soit une taille 10 fois trop grande! Vous pouvez alléger la taille de votre fichier photo avant de le télécharger sur le site à l aide de nombreux logiciels gratuits en ligne, comme par exemple : http://www.fixpicture.org/ https://tinyjpg.com/ S il s agit d un PDF, vous pouvez l alléger à l aide du site Smallpdf : https://smallpdf.com/fr/compresser-pdf Fichiers vidéo et audio Ces fichiers sont trop lourds pour être téléchargés sur Agora. Il faudra donc les intégrer à partir d un hébergeur externe. Agora dispose à ce titre d un compte YouTube non-répertorié et un compte SoundCloud privé. Si vous avez un tel fichier, vous pouvez nous l envoyer par le dispositif File Sender : https://www.renater.fr/filesender En indiquant comme destinataire : mark.pitt@centralesupelec.fr Nous le chargerons sur le compte YouTube ou SoundCloud, en vous transmettant l URL. Vous pourrez ensuite intégrer ce lien dans votre article comme pour toute autre vidéo YouTube. NB YouTube offre trois modes d hébergement d une vidéo : Public, Privé, Non-répertorié Les vidéos en mode public sont accessibles par tout le monde, celles en mode privé ont besoin d un mot de passe (ce qui est inutile pour Agora). Les vidéos non-répertoriées sont accessibles à partir de leur seule URL. Elles ne sont pas répertoriées dans les résultats de recherche, même en cherchant leur titre exact. L hébergeur de sons SoundCloud offre ce même service, mais en le nommant «privé». 28

14.2 Procédure de téléchargement Cliquez sur Ajouter un media en haut à gauche du champ du corps : Une fenêtre s ouvre : cliquez sur Envoyer des fichiers puis Choisir des fichiers Votre image (ou autre fichier) sera chargée dans la bibliothèque des médias. Cliquez sur Insérer dans l article 29

Vous êtes rebasculé sur votre article, où vous pouvez modifier la position et les dimensions de l image. Si vous chargez un PDF ou PPT sur votre article, vous y verrez quelque chose du genre : Ce qui donnera sur la page quelque chose comme : 30

15. D AUTRES FONCTIONNALITÉS Le site dispose d autres fonctionnalités, que nous vous invitons à découvrir. Nous en ajouterons les explications très prochainement, dans la v5 de ce guide. Voici en tout cas les fonctionnalités proposées sur le site : Des quizz : (de 6 types : QCM, texte à trous, matriciel, etc.) Des sondages Des formulaires Des forums Des profils abonnés permettant de suivre l activité de tout utilisateur du site (articles, commentaires, etc.) Un système de points permettant d accorder des points à ces activités Un réseau social (Buddy Press) permettant d établir des groupes, envoyer des messages privés ou publics aux autres utilisateurs, créer des forums, etc. 31