Projet:WikiMOOC/2017/Contenu/1.2

Plan du module modifier

Plan détaillé général

  • A) Interface générale
    • interface explication
    • version francophone
    • mise en évidence des interface article et pdd
    • mise en évidence de la PU
  • B) Interface des articles
    • Page d'article
    • Pdd
    • Historique (pas de détails, sont en 2.1-A)
    • LdS (pas de détails, sont en 2.1-A)
    • Autres langues
  • C)
  • D)
  • E) Atelier pratique (assez bref) : première modification avec l'EV, sur le brouillon (cf. fin du 1.2-D de 2016)

Parties modifier

A) Interface générale modifier

Script vidéo modifier

Bonjour à toutes et à tous pour cette nouvelle vidéo du WikiMOOC.

Dans cette vidéo, nous allons examiner la structure de l'interface générale. C'est celle qui se présente à vous quand vous arrivez sur le site Internet de Wikipédia. Elle est constituée de différents espaces qui permettent à la fois de modifier des articles mais aussi d'échanger avec les autres personnes qui contribuent. Pour bien naviguer sur Wikipédia, nous allons donc détailler quels sont ces espaces et surtout, concrètement, comment y accéder via l'interface.
Incrustation à droite du présentateur/présentatrice avec Titre : découverte de l'interface du côté du contributeur ou de la contributrice
Commençons notre tour de l'interface depuis la page d'accueil de Wikipédia en français. Nous détaillerons dans cette vidéo, deux types de pages principales : l'espace article et l'espace utilisateur, sur lequel vous pouvez vous présenter, comme on le verra plus tard. Cet espace utilisateur ou utilisatrice est considéré comme privé. Sur l'espace article par contre, tout le monde peut contribuer en respectant les principes fondateurs vus précédemment.
Slides plein écran (face caméra reste en vignette) :
  1. quand « depuis la page d'accueil de Wikipédia en français. » : apparaît capture d'écran de Wikipédia:Accueil principal
  2. apparaît l'image d'un article
  3. apparaît l'image d'une page utilisateur ou utilisatrice
Tous les espaces ont la même interface, que nous avons mise en évidence, en jaune, sur cette image. Voyons de plus près cette structure. Les onglets encadrés ici sont dédiés à chaque page. Nous les verrons plus en détail dans une prochaine vidéo. Notez juste que l'onglet « Article » indique qu'il s'agit ici d'une page contenant un article de l'encyclopédie. Mais il existe d'autres types de pages : des pages projet, des pages communautaires, des pages d'aide, etc. Nous détaillerons tout cela ultérieurement, pas d'inquiétude. Au-dessus de l'article, à droite, vous trouverez toujours la barre de recherche, qui permet... de faire une recherche parmi les articles ! Essayez par exemple de rechercher l'article « Léonard de Vinci ».

  1. image d'une page d'article avec la structure mise en jaune : File:Structure_First_Frame.png
  2. Animation sur l'image de l'article :
    1. mise en relief de l'interface page (en vert dans l'image de travail ci-dessus, la barre de recherche en moins)
    2. mise en relief du premier onglet "Article"
    3. mise en relief de la barre de recherche

Quelle que soit la page sur laquelle vous êtes, il y aura toujours un volet à gauche de l'interface, sous le logo Wikipédia. Pour vous, le lien le plus utile ici est le lien « aide ». Cliquer dessus permet d'accéder au sommaire de l'aide, sur lequel un champ de recherche est dédié aux pages d'aide. Vous pouvez par exemple essayer de rechercher « Débuter » dans la barre de recherche.
Animation sur l'image de l'article :
  1. mise en relief du volet de gauche
  2. mise en relief du lien "Aide"
Enfin, tout en haut à droite, se trouvent des liens qui permettent d'accéder à vos espaces personnels, que nous verrons plus tard dans ce cours.
Animation sur l'image de l'article : mise en relief des liens du haut vers les espaces personnel (en orange dans l'image de travail ci-dessus)

Dans le prochain cours, sous forme de tutoriel interactif, nous allons voir de plus près l'interface des articles. Les unités suivantes seront consacrées à la modification des articles, puis à la présentation de votre interface personnelle.

Version textuelle (A) modifier

  Partie déjà intégrée sur FUN. Si vous repérez des erreurs, les corriger ici puis les signaler à Goombiis ou Jules pour que la correction soit reportée sur FUN.
<div style="background-color: #c795d7; border-left: 10px solid #85429A; margin-bottom: 20px; padding: 10px; display: block; color: #fff;">Ceci est la version textuelle du cours vidéo ci-dessus.</div>

Bonjour à toutes et à tous pour cette nouvelle unité du WikiMOOC.

Dans ce cours, nous allons examiner la structure de l'interface générale. C'est celle qui se présente à vous quand vous arrivez sur Wikipédia. Wikipédia est constituée de différents espaces qui permettent à la fois de modifier des articles mais aussi d'échanger avec les autres personnes qui contribuent. Pour bien naviguer sur Wikipédia, nous allons donc détailler quels sont ces espaces et surtout, concrètement, comment y accéder via l'interface.

Voici les deux espaces que nous allons aborder dans cette unité :

1. l'espace article, sur lequel tout le monde peut contribuer ;

 
Fig. 1. L'espace article.

2. l'espace utilisateur, sur lequel vous pouvez vous présenter, comme on le verra plus tard. Cet espace utilisateur ou utilisatrice est considéré comme privé. Néanmoins tout le monde peut y accéder et tout ce qui y est écrit est public.

 
Fig. 2. L'espace utilisateur.

Tous les espaces (et donc toutes les pages) ont la même interface, que nous avons mise en évidence en jaune sur l'image suivante.

 
Fig. 3. L'interface générale.

Voyons de plus près la structure de l'interface sur l'image suivante (fig. 4) ; vous y trouverez les différents éléments suivants :

 
Fig. 4. Les différents éléments de l'interface.
  • les onglets [A] : (article, discussion, lire, modifier, modifier le code, historique) sont dédiés à chaque page. Nous les verrons plus en détail dans la prochaine unité. Notez juste que l'onglet « Article » (le premier onglet) indique qu'il s'agit ici d'une page contenant un article de l'encyclopédie. Mais il existe d'autres types de page.
  • votre espace personnel [B] : les liens situés en haut à droite vous donneront accès en permanence à vos espaces personnels.
  • la boite de recherche [C] : Le champ « rechercher » permet de faire une recherche parmi les articles. Vous pouvez par exemple essayer de rechercher l'article « Léonard de Vinci ».
  • l'Aide [D] : quelle que soit la page sur laquelle vous êtes, il y aura toujours un volet à gauche de l'interface, sous le logo Wikipédia. Dans ce volet de gauche, le lien qui vous sera le plus utile est le lien « Aide ». Il donne accès au sommaire de l'aide, sur lequel vous trouverez notamment un champ de recherche dédié aux pages d'aide. Vous pouvez par exemple essayer de rechercher « Débuter » dans cette barre de recherche.

Dans la prochaine unité, sous forme de tutoriel interactif, nous allons étudier de plus près l'interface des articles, tandis que les unités suivantes seront consacrées à la modification des articles, puis à la présentation de votre interface personnelle.

Notes pour les images (A) modifier

Repère : Figure 1.2.1 : L'espace article. Lien de l'image - Lien Ver.2016
Repère : Figure 1.2.2 : L'espace utilisateur. Lien de l'image - Lien Ver.2016
Repère : Figure 1.2.3 : L'interface générale. Lien de l'image - Lien Ver.2016 - Ancien lien
Repères :  ,  ,   et  . Figure 1.2.5 : Les différents éléments de l'interface. Lien de l'image - Lien Ver.2016
Autres images disponibles : Interface générale. Lien barre de menu et Lien colonne de menu.

B) Interface des articles modifier

Tutoriel interactif modifier

MediaWiki:Guidedtour-tour-wikimooc12b.js


1/Découverte de l'interface
 
 
2/Titre
 
 
3/Onglets
 
 
4/Article-Discussion
 
 
5/Modifier-Modifier le code
 
 
6/Historique
 
 
7/Étoile de la liste de suivie
 
 
8/Modifier juste une section
 
 
9/Liens interlangue
 
 
10/Fin du GT
# Texte de la box Condition pour continuer
1 Nous allons découvrir ensemble l'interface des articles de Wikipédia.

Pour cela, nous allons prendre comme exemple l'article « Framboise » (ne nous demandez pas pourquoi celui-là et pas un autre !)  .

2 Commençons par le plus simple : le titre de l'article.

Vous verrez cette semaine que c'est l'élément que l'on utilise pour faire un lien vers cette page depuis un autre article.

3 Il y a plusieurs onglets au dessus de l'article.

Ces onglets sont toujours disposés de la même manière. Ils vous permettent d'accéder aux différents outils et pages liés à l'article. Nous allons détailler leur rôle respectif.

Par défaut, vous êtes sur l'onglet « Article », l'onglet de lecture.

4 Chaque article possède une page de discussion qui lui est liée.

On surnomme cette page de discussion une « pdd ». Cette page permet aux contributeurs et contributrices de discuter du contenu de l'article. L'onglet « Discussion » peut être avec un texte rouge si la pdd n'a pas encore été créée.

Les deux onglets « Article » et « Discussion » permettent de passer de l'article à sa page de discussion et inversement.

Et si vous faisiez le test ? Allez sur la Pdd.

Cliquer sur l'onglet discussion.
4b Très bien, vous êtes sur la Pdd. Revenons à présent sur l'article Framboise.

Cliquez sur l'onglet « Article » pour revenir sur l'article.

Revenir sur l'article Framboise.
5 Les deux onglets « Modifier » et « Modifier le code » permettent de modifier l'article.

Mais pourquoi donc deux boutons ? Chaque onglet correspond en fait à un outil d'édition : il en existe deux sur Wikipédia, dont nous vous détaillerons les caractéristiques dans la vidéo qui suit ce tutoriel.  

6 L'onglet « Historique » est essentiel.

Comme son nom le laisse deviner, il permet de consulter les archives de la page. Avec l'historique, il est possible de voir qui a modifié quoi et quand sur l'article.

Son utilisation mérite quelques explications détaillées. Nous l'explorerons donc ensemble dans la deuxième semaine du WikiMOOC.

7 Cliquer sur cette petite étoile permet d'ajouter l'article et sa pdd dans votre liste de suivi.

Votre quoi ? Pas d'inquiétude !   Nous reviendrons également en détail sur cette fonctionnalité dans la deuxième semaine du MOOC.

Retenez juste que la liste de suivi est un outil pour surveiller l'évolution des articles qui vous intéressent.

8 On trouve des liens Modifier et Modifier le code auprès des « titres de section ».

Ils ont le même effet que les onglets en haut de page, à ceci près qu'ils permettent de modifier le contenu au plus près de la section concernée.

9 En haut à droite des articles ↗ se trouve un menu des langues : cliquez dessus pour accéder à la liste des autres versions linguistiques de l'article.

Attention cependant, les articles en différentes langues (s'ils existent) ne sont pas des traductions les uns des autres. Ce sont des articles portant sur le même sujet mais avec un développement indépendant, un contenu différent.

10 C'est la fin de ce tutoriel sur l'interface générale des articles de Wikipédia. Vous pouvez désormais visionner (sur FUN) la vidéo sur les deux outils d'édition : l'Éditeur visuel et le wikicode.

À tout de suite !

Version textuelle (B) modifier

  Partie déjà intégrée sur FUN. Si vous repérez des erreurs, les corriger ici puis les signaler à Goombiis ou Jules pour que la correction soit reportée sur FUN.

Dans cette partie, nous allons voir plus en détail l'interface des articles, le cœur de l'encyclopédie. Nous allons prendre pour exemple l'article « Framboise » (ne nous demandez pas pourquoi celui-ci et pas un autre ;-)).

Nous allons passer en revue les différents éléments propres à chaque article, notamment les onglets situés en haut de ces derniers (fig. 1) :

  • le titre de la page ;
  • les onglets de la page (page de discussion, onglets lire/modifier/modifier le code, onglet historique, pictogramme étoile) ;
  • la liste des versions linguistiques ;
 
Fig. 1. Les différents onglets d'un article. Mettre les lettres sur cette capture - Fait !


Le titre

Commençons par le plus simple : le titre de l'article [A]. Vous verrez dans une prochaine unité de ce module que c'est l'élément que l'on utilise pour faire un lien vers la page depuis un autre article.

Les onglets de l'interface de Wikipédia

Voyons ces onglets de plus près, de gauche à droite (fig. 1). Les deux onglets de gauche [B] indiquent le type de page que vous lisez actuellement : article ou discussion. L'article, c'est la page principale, celle que les internautes regardent ; par défaut, vous êtes sur cet onglet. Chaque article possède une page de discussion, qui est utilisée par les rédacteurs pour discuter du contenu de l'article. Cliquez sur l'onglet « discussion » pour y accéder, vous saurez ainsi à quoi ressemble une page de discussion. Puis revenez sur l'article.

Les trois onglets plus à droite, « Lire », « Modifier » et « Modifier le code » [C] indiquent si la page est en mode lecture ou en mode édition. Pour lire une page il faudra être sur l'onglet « Lire », sur lequel vous vous trouvez par défaut. Pour modifier une page, il faut cliquer sur l'onglet « Modifier » ou « Modifier le code ». Chacun des deux onglets correspond en fait à l'un des deux outils d'édition, dont nous vous présenterons les caractéristiques dans la prochaine unité du cours. Sachez toutefois que l'onglet « Modifier » est parfois absent, notamment sur les pages de discussion, où seul l'onglet « Modifier le code » est disponible.

Un peu plus à droite encore se trouve l'onglet « Historique » [D], qui permet d'accéder à l'ensemble des archives de l'article. C'est ici que vous pourrez retrouver qui a modifié l'article et quand. Puisque tout le monde peut modifier les articles, l'historique est essentiel pour faciliter la vérification et la surveillance de toutes les contributions anonymes. Les fonctionnalités de l'historique méritent de plus amples explications, nous les détaillerons ensemble lors de la deuxième semaine du WikiMOOC.

Enfin, cliquer sur l'étoile [E] permet d'être averti des modifications effectuées sur l'article, grâce à un outil dont sont friands les Wikipédiens et Wikipédiennes : la liste de suivi. Là encore, la fonctionnalité mérite quelques explications détaillées : vous découvrirez tout cela au début de la deuxième semaine du cours. Retenez juste que cliquer sur l'étoile rend celle-ci bleue et ajoute l'article à votre liste de suivi.

 
Fig. 2. La rubrique « Langues » dans le volet de gauche.

Nous avons fait le tour des onglets situés au-dessus de l'article.

Autres langues

Pour finir cette découverte de l'interface des articles, passons au volet de gauche. Si vous descendez un peu dans ce menu latéral, vous trouverez, sous le titre « Autres langues », une liste de langues (fig. 2, [F]). Cela signifie que l'article existe dans toutes ces langues. En cliquant sur chaque lien, que l'on appelle liens inter-langues, vous serez redirigé vers l'article correspondant dans la langue choisie. Attention : les articles en différentes langues ne sont pas des traductions les uns des autres, ce sont des articles portant sur le même sujet mais avec un développement indépendant, un contenu différent. Si aucune langue n'est proposée pour un article, cela signifie que seul l'article en français existe.

C'est la fin de ce tutoriel sur l'interface générale des articles de Wikipédia. La prochaine unité, en vidéo, porte sur les deux outils d'édition : l'Éditeur visuel et le Wikicode.

Notes pour les images (B) modifier

Repères :  ,  ,  ,   et  . Figure 1.2.5 : Les différents onglets d'un article. Lien de l'image - Lien Ver.2016
Repère :  . Figure 1.2.6 : La rubrique « Langues » dans le volet de gauche. Lien de l'image - Lien Ver.2016

C) Différence entre wikicode et éditeur visuel modifier

Script vidéo modifier

 Relu.

Nous avons vu comment interagir avec un article via la barre d'onglets. Il reste cependant à parler des deux onglets les plus importants pour les rédactrices et rédacteur : premièrement « modifier » et deuxièmement « modifier le code », qui permettent tous deux de modifier non seulement les articles mais également toutes les autres pages présentes sur Wikipédia. N'oubliez pas que Wikipédia est une encyclopédie collaborative, tout le monde peut écrire ou supprimer du texte d'un article à tout moment, vous compris ! Dans cette vidéo, nous allons détailler comment modifier un article.

Les deux onglets, « modifier » et « modifier le code », correspondent en fait à deux manière différentes de modifier les articles, car il y a deux outils disponibles, nommés respectivement : Éditeur visuel et Wikicode.

Ces deux outils permettent de supporter le travail du rédacteur qui est double : écrire le contenu encyclopédique de l'article et mettre en page l'article. Ces deux tâches sont très importantes car un article bien écrit mais mal mis en forme sera peu engageant pour le lecteur, et inversement.

Incrustation à droite du présentateur à partir de « Les deux onglets » : on affiche, avec de l'espace entre, « Modifier » et « Modifier le code ». Puis après « car il y a deux outils disponibles », on affiche (sous chacun ou à droite), respectivement : « → Éditeur visuel » et « → Wikicode ».
Cliquer sur l'onglet « modifier » permet d'ouvrir l'éditeur visuel, souvent abrégé EV : il s'agit d'un outil de traitement de texte, similaire aux logiciels grand public de traitement de texte, comme Microsoft Word ou OpenOffice. Cet outil vous permet de voir directement à l’écran à quoi ressemblera l'article modifié. Dis autrement, vous verrez immédiatement chaque modification de l'article et l'effet produit sur sa mise en page, comme ici pour l'article "Encyclopédie".

Comme tout traitement de texte, vous avez en haut de l'éditeur visuel une barre de menu permettant d'agir sur la mise en forme : ajouter des sections, des références, des listes, des tableaux ; mettre en gras ou en italique ; ou bien ajouter des liens.

En clair, toutes les possibilités de mise en forme sont présentes ici, dans cette barre. N'hésitez pas à l'explorer ! L'Editeur Visuel est accessible pour tous les articles et est l'outil le plus adapté pour un débutant !

Slides en plein écran (présentateur en face caméra reste en vignette).

A) Quand « permet d'ouvrir l'éditeur visuel », on affiche une capture d'écran fixe de l'article Encyclopédie ouvert avec l'éditeur visuel (exemple).

B) Quand « une barre de menu », on affiche la même capture d'écran, mais avec la barre d'outils encadrée (exemple).
L'onglet « modifier le code » permet quant à lui d'ouvrir l'éditeur de Wikicode. Cet outil d'édition permet, tout comme l'éditeur visuel, de modifier le texte de l'article dans la fenêtre d'édition. En revanche, l'édition de l'article est ici totalement différente, comme vous pouvez l'apercevoir sur cette capture d'écran du même article que tout à l'heure : Encyclopédie. La mise en forme du texte se fait au moyen d'un code informatique propre à Wikipédia, mais qui reprend certains éléments du code HTML, utilisé dans tous les sites web.

Le wikicode est composé de balises, qui fonctionnent la plupart du temps par deux, et encadrent le texte à mettre en forme. Chaque balise a une signification précise et permet au rédacteur d'agir sur la mise en page. Voyons à titre d'exemple deux balises. Encadrer un mot par deux apostrophes permet d'afficher le mot en italique. Encadrer un mot entre trois apostrophes permet de le mettre en gras. Il est très important de comprendre que, à la différence de l'éditeur visuel, le résultat d'une modification sous wikicode ne sera visible qu'après publication ou après avoir cliqué sur le bouton « prévisualiser ».

Notez que quand vous écrivez avec l'éditeur visuel, ce que vous écrivez est converti en wikicode ; cette conversion est automatique et invisible. Ainsi, au final, les deux outils aboutissent au même résultat, seule l'édition diffère.

Slides en plein écran (présentateur en face caméra reste en vignette).

A) Quand « l'éditeur de Wikicode », capture d'écran fixe de l'article Encyclopédie ouvert en wikicode.

B) Quand « par deux apostrophes », même capture d'écran avec « ''du'' » surligné.

C) Quand « entre trois apostrophes », même capture d'écran avec « '''encyclopédie''' » surligné.

D) Quand « Notez que quand vous écrivez avec l'éditeur visuel », on écrit : « Wikicode : langage informatique de mise en forme de l'article » et en-dessous « Éditeur visuel : interface simplifiée et intuitive »


Nous avons vu les deux manières d'éditer Wikipédia. L'éditeur visuel est plus simple et permet d'agir facilement sur la mise en page des articles, même pour un débutant. L'éditeur de Wikicode est plus compliqué mais offre plus de possibilités aux rédactrices et rédacteurs chevronnés.

Dans ce MOOC, nous allons principalement vous apprendre à utiliser l'éditeur visuel pour modifier les articles, car son utilisation est intuitive. En revanche, nous utiliserons parfois le Wikicode, car l'éditeur visuel n'est pas disponible sur les pages de discussions de Wikipédia. Vous serez donc forcément confronté au Wikicode pour discuter, mais heureusement, une connaissance très basique du Wikicode est suffisante pour ça ! Nous verrons aussi dans les prochains cours que seul le Wikicode est affiché dans les historiques.

A) [à l'éditeur visuel est plus simple"] : Éditeur visuel : recommandé aux débutant pour éditer les articles

Puis en dessous [à partir de « En revanche, »], apparition successive de : « Wikicode obligatoire pour : [à partir de "En revanche, nous utiliserons parfois le Wikicode"]

  • les pages de discussion » [idem, à partir de "En revanche, nous utiliserons parfois le Wikicode"]
  • les historiques [à partir de "Nous verrons aussi dans"


Texte sous vidéo

Dans ce MOOC, nous vous présentons de nombreux tutoriels et exemples, notamment avec l'éditeur visuel. Notez néanmoins que l'interface de Wikipédia et ses interfaces d'édition sont en constante évolution. Certains éléments peuvent donc changer. Si un visuel présent dans un tutoriel du MOOC semble ne pas correspondre à ce que vous trouvez sur Wikipédia, n'hésitez pas à poser la question sur les forums.

Version textuelle (C) modifier

  Partie déjà intégrée sur FUN. Si vous repérez des erreurs, les corriger ici puis les signaler à Goombiis ou Jules pour que la correction soit reportée sur FUN.

Nous avons vu dans la précédente unité comment interagir avec un article via la barre d'onglets. Il reste cependant à parler des deux onglets les plus importants pour les rédactrices et rédacteurs : « Modifier » et « Modifier le code » (fig. 1). Ils permettent tous deux de modifier non seulement les articles mais également toutes les autres pages présentes sur Wikipédia. N'oubliez pas que Wikipédia est une encyclopédie collaborative, tout le monde peut écrire ou supprimer du texte d'un article à tout moment, vous compris ! Dans cette unité, nous allons détailler comment modifier un article.

 
Fig. 1. Les deux onglets permettant de modifier un article.

Les deux onglets « Modifier » et « Modifier le code » correspondent en fait à deux manières différentes de modifier les articles, car il y a deux outils disponibles, nommés respectivement Éditeur visuel et Wikicode.

Ces deux outils permettent de supporter le travail du rédacteur qui est double : écrire le contenu encyclopédique de l'article et mettre en page l'article. Ces deux tâches sont très importantes car un article bien écrit mais mal mis en forme sera peu engageant pour le lecteur, et inversement.

L'Éditeur visuel

Cliquer sur l'onglet « Modifier » permet d'ouvrir l'Éditeur visuel, souvent abrégé EV : il s'agit d'un outil de traitement de texte, similaire aux logiciels grand public de traitement de texte tels que Microsoft Word ou OpenOffice. L'EV vous permet de voir directement à l’écran à quoi ressemblera l'article modifié. Dit autrement, vous verrez immédiatement chaque modification de l'article et l'effet produit sur sa mise en page, comme ici pour l'article « Encyclopédie ».

 
Fig. 2. La barre d'outils de l'Éditeur visuel.

Comme tout traitement de texte, vous avez en haut de l'éditeur visuel une barre de menu permettant d'agir sur la mise en forme : ajouter des sections, des références, des listes, des tableaux ; mettre en gras ou en italique ; ou bien ajouter des liens.

En clair, toutes les possibilités de mise en forme sont présentes ici, dans cette barre d'outils. L'éditeur visuel est accessible pour tous les articles et est l'outil le plus adapté pour un débutant. Nous vous guiderons dans votre première utilisation de l'EV dans la dernière unité de ce module. Mais que les plus curieux d'entre vous n'hésitent pas à y jeter un œil dès maintenant !

Le Wikicode

L'onglet « Modifier le code » permet quant à lui d'ouvrir l'éditeur de Wikicode. Cet outil d'édition permet, tout comme l'Éditeur visuel, de modifier le texte de l'article dans la fenêtre d'édition. En revanche, l'édition de l'article est ici totalement différente (fig. 3). La mise en forme du texte se fait au moyen d'un code informatique propre à Wikipédia, mais qui reprend certains éléments du code HTML, utilisé dans tous les sites web.

 
Fig. 3. La barre d'outil du Wikicode.

Le Wikicode est composé de « balises », qui fonctionnent la plupart du temps par deux, et encadrent le texte à mettre en forme. Chaque « balise » a une signification précise et permet au rédacteur d'agir sur la mise en page. Tout cela est du chinois pour vous ? Pas d'inquiétude, nous allons prendre deux exemples simples de « balises » (fig. 4) :

  • Encadrer un mot entre trois apostrophes (trois avant, trois après) permet de le mettre en gras [A].
  • Encadrer un mot par deux apostrophes (deux avant, deux après) permet d'afficher le mot en italique [B].
 
Fig. 4. Un exemple de mots en gras et en italique.

Il est très important de comprendre que, à la différence de l'éditeur visuel où un aperçu des modifications se fait en temps réel, le résultat d'une modification avec le Wikicode ne sera visible qu'après publication ou après avoir cliqué sur le bouton « Prévisualiser ».

Notez (c'est essentiel pour comprendre le fonctionnement des deux outils) que quand vous écrivez avec l'éditeur visuel, ce que vous écrivez est en fait converti en Wikicode ; cette conversion est automatique et invisible. Ainsi, au final, les deux outils aboutissent au même résultat, visuellement. Seule l'édition diffère : le Wikicode permet de modifier directement le code source de l'article, tandis que l'éditeur visuel fournit une interface plus intuitive qui traduit automatiquement vos modifications en Wikicode.

 
Fig. 5. Une modification avec l'EV est automatiquement traduite en Wikicode, qui permet afficher l'article au lecteur.

faire un schéma simple expliquant la dernière phrase ? Fait !

Nous avons vu les deux manières d'éditer Wikipédia. L'éditeur visuel est plus simple et permet d'agir facilement sur la mise en page des articles, même pour un débutant. L'éditeur de Wikicode est plus compliqué mais offre plus de possibilités aux rédactrices et rédacteurs chevronnés.

Dans ce MOOC, nous allons principalement vous apprendre à utiliser l'éditeur visuel pour modifier les articles, car son utilisation est intuitive. En revanche, nous utiliserons parfois le Wikicode, car l'éditeur visuel n'est pas disponible sur les pages de discussion de Wikipédia. Vous serez donc forcément confronté au Wikicode pour discuter, mais heureusement, une connaissance très basique du Wikicode est suffisante pour ça ! Nous verrons aussi dans les prochains cours que seul le Wikicode est affiché dans les historiques.

Notes pour les images (C) modifier

Repère : Figure 1.2.7 : Les deux onglets permettant de modifier un article. Lien de l'image - Lien Ver.2016
Repère : Figure 1.2.8 : La barre d'outils de l'Éditeur visuel. Lien de l'image - Lien Ver.2016
Repère : Figure 1.2.9 : La barre d'outil du Wikicode. Lien de l'image - Lien Ver.2016
Repère : Figure 1.2.10 : Un exemple de mots en gras et en italique. Lien de l'image - Lien Ver.2016
Repère : Figure 1.2.11 : Schéma simplifié de fonctionnement. Lien de l'image.

D) Interface utilisateur modifier

Tutoriel interactif modifier

MediaWiki:Guidedtour-tour-wikimooc12d.js


# Texte de la box Condition pour continuer
1 Bonjour !

Dans ce tutoriel interactif, vous allez découvrir votre interface personnelle, créer votre « page de profil » et enfin rédiger votre premier message à un·e wikipédien·ne.

Comme diraient nos amis anglophones : Let's go!   (« C'est parti ! »).

2 Vous trouverez toujours en haut à droite votre interface personnelle.

Quelle que soit la page de Wikipédia sur laquelle vous vous trouvez, vous aurez toujours accès à ces liens qui sont propres à votre compte.

Nous allons les passer en revue ensemble.  

3 Commençons par le lien qui porte votre pseudonyme.

Il mène à votre page utilisateur (couramment abrégée en « PU »). C'est votre page de profil, c'est-à-dire la page publique qui va vous servir à vous présenter. Un lien vers votre PU est notamment présent dans la signature qui conclura chacun de vos messages sur les pages de discussion.

Pour l'instant, le lien est rouge car votre PU n'existe pas : nous allons donc la créer ensemble ! Cliquez sur le lien vers votre PU.

Cliquer sur le lien menant à sa PU

--> 4

3b Commençons par le lien qui porte votre pseudonyme.

Il mène à votre page utilisateur (couramment abrégée en PU). C'est votre page de profil, c'est-à-dire la page publique qui va vous servir à vous présenter. Visiblement, vous avez déjà créé votre PU, mais nous allons quand même y apporter une modification !

Sachez qu'un lien vers votre PU est notamment présent dans la signature qui conclura chacun de vos messages sur les pages de discussion. Cliquez sur le lien vers votre PU.

Cliquer sur le lien menant à sa PU

--> 4b

4 Vous voilà sur votre PU.

Enfin votre future PU, puisque vous allez la créer !

Vous allez vous présenter succinctement (vous pourrez compléter votre ébauche plus tard). Attention, ne copiez-collez pas de contenus depuis d'autres sites Web.

Vous pourriez utiliser l'éditeur visuel sur votre PU, mais exceptionnellement (promis !) nous allons utiliser le wikicode. Cliquez sur « Créer le wikicode ».

Cliquer sur l'onglet Créer le wikicode

--> 5

4b Vous voilà sur votre PU.

C'est ici que vous pouvez vous présenter, c'est votre « page de profil ». Attention toutefois, ne copiez-collez pas de contenus depuis d'autres sites web.

Vous pouvez utiliser l'éditeur visuel sur votre PU, mais exceptionnellement (promis !) nous allons utiliser le wikicode. Cliquez sur « Modifier le code ».

Cliquer sur l'onglet Modifier le wikicode

--> 5b

5 Vous allez à présent vous présenter et surtout indiquer (fièrement !  ) votre participation au WikiMOOC !

Voici un petit « code » :

{{Étudiant WikiMOOC}}

Copiez le code dès maintenant (sous Windows : ctrl+c) : il va afficher un bandeau indiquant à la communauté et à vos pairs wikimoociens que vous suivez le WikiMOOC, et aidera l'équipe pédagogique à vous identifier.

5b Vous allez à présent indiquer (fièrement !  ) votre participation au WikiMOOC !

Voici un petit « code » :

{{Étudiant WikiMOOC}}

Copiez le code dès maintenant (sous Windows : ctrl+c) : il va afficher un bandeau indiquant à la communauté et à vos pairs wikimoociens que vous suivez le WikiMOOC, et aidera l'équipe pédagogique à vous identifier.

6 Collez (sous Windows : ctrl+v) le modèle {{Étudiant WikiMOOC}} sur la page, dans le grand champ libre ci-dessus (pas dans le champ juste au-dessus du bouton de publication, mais dans celui encore au-dessus).

Ensuite, présentez-vous en quelques mots (toujours dans le grand champ libre), puis cliquez sur « Publier les modifications ».

Cliquer sur enregistrer
7 Bravo, vous avez édité votre page utilisateur !  

L'onglet « Discussion » permet de passer de votre PU à votre page de discussion (pdd), et vice versa, de la même manière qu'il est possible de passer d'un article à sa pdd.

Allons voir comment se présente votre pdd : vous l'utiliserez très souvent pour répondre aux messages qui vous sont adressés. Cliquez sur l'onglet « Discussion ».

Accéder à sa pdd
8 Bienvenue sur votre pdd !

Vous pouvez y accéder à tout moment depuis le lien « Discussion » situé dans votre interface personnelle, en cliquant en haut à droite sur l'icone en forme de petit bonhomme.

Votre pdd remplit le même rôle que la pdd d'un article : il s'agit de discuter, cette fois-ci pas à propos d'un article mais avec un utilisateur ou une utilisatrice. Chaque Wikipédien⋅ne possède donc sa propre pdd.

N'hésitez pas à discuter avec les autres contributeurs sur leur pdd : Wikipédia est une encyclopédie collaborative, le dialogue est donc essentiel, notamment en cas de désaccord éditorial  .

9 Il est temps que vous entriez en contact avec un contributeur bénévole !

À vrai dire, même si vous ne le pensiez pas, c'est la suite du programme que nous vous avons concocté.  

Vous pouvez le voir : vous avez déjà un message, un message de bienvenue. Il est signé par un des contributeurs volontaires pour accueillir les nouveaux arrivants, dont vous faites partie.

Regardez à la fin du message, il y a la signature du Wikipédien : elle est toujours à la fin, et comporte normalement un lien « Discuter ». Ce lien mène vers la page de discussion personnelle de cette personne. Cliquez sur ce lien « Discuter ».

Aller sur la PDD de son accueillant.
10a Oh, la personne qui vous a accueilli·e utilise un nouveau système de discussion, intuitif, mais peu répandu sur Wikipédia (il s'appelle « Flow », si vous voulez tout savoir).

Pour ce tutoriel, nous souhaitons utiliser le système de discussion classique, encore largement majoritaire dans Wikipédia, et un peu plus complexe à appréhender.

Nous allons donc vous diriger vers une autre personne à remercier pour son accueil  .

10aa Oups. Vous êtes tombé sur la page de discussion d'un bot, un robot informatique.

Nous vous redirigeons automatiquement vers la page de discussion d'un contributeur, pour que vous puissiez vous entraîner correctement.

10 Vous voilà sur la pdd du Wikipédien ou de la Wikipédienne qui vous a accueilli.

Vous allez lui écrire un message pour le/la remercier de son accueil et prendre contact avec lui/elle : par la suite et même après la fin du MOOC, cette personne sera disponible pour répondre à vos questions, vous accompagner, etc.  

Pour ajouter un nouveau message, il faut cliquer sur l'onglet « Ajouter un sujet » ou « Démarrer un nouveau sujet » en haut de la page. Allez-y !

Cliquer sur Ajouter un Sujet
11 Vous voilà sur l'interface qui permet de créer un message.

Pour rappel, seul le wikicode est utilisable sur les pdd.

Vous pouvez ajouter le titre de votre message dans le champ ci-contre.

12 Vous pouvez maintenant rédiger le corps de votre message.

Une fois que vous l'avez terminé, vous devez ajouter votre signature. C'est très simple : il suffit d'écrire quatre tildes, comme ceci : ~~~~ : lors de la publication du message, les quatre tildes se transformeront automatiquement en votre signature, c'est-à-dire votre pseudonyme, un lien vers votre pdd, puis la date et l'heure. Si vous ne savez pas composer les tildes avec votre clavier, pas d'inquiétude, positionnez votre curseur à la fin de votre message puis cliquez sur le bouton   de la barre de menu, il ajoute les tildes à votre place.

Avant de cliquer sur « Publier les modifications », cliquez sur « Prévisualiser » pour voir le rendu de votre message avant publication : ce n'est pas obligatoire, mais c'est souvent utile pour éviter d'avoir à retoucher trois fois un message publié à cause d'une faute d'orthographe ou d'une signature oubliée.

Cliquer sur Prévisualiser
13 Voici la prévisualisation de votre message.

S'il y a des retouches à faire dans votre message, faites-les dans la fenêtre d'édition. Cliquez ensuite sur « Publier les modifications », afin de publier votre message.

Enregistrer le message
14 Bravo, vous avez publié votre premier message !

Vous pouvez constater qu'il apparaît tout au bas de la page. En effet, sur les pdd de Wikipédia, les messages les plus récents sont toujours en bas, et les plus anciens en haut.

Si vous avez besoin de re-modifier votre message, ou si vous souhaitez répondre à un message d'autrui, cliquez sur le bouton « modifier le code » à côté du titre du message.

Attention, votre interlocuteur peut vous répondre soit sur votre page de discussion, soit dans sa propre pdd (ici, donc) ; pensez à revenir sur cette page vérifier s'il vous a répondu.

15 Maintenant que vous avez écrit votre premier message, revenons à votre interface utilisateur.

Ces deux icônes deviennent respectivement rouge et bleue quand vous avez des notifications. Notamment, lorsque vous recevrez un nouveau message sur votre page de discussion, c'est la première icône qui deviendra rouge ; vous l'avez normalement déjà vue ainsi lorsque vous avez reçu votre message de bienvenue, peu après la création de votre compte.

16 Le lien « Contributions » vous permet d'accéder à la liste exhaustive de toutes vos modifications, que ce soit sur les articles ou sur des pages de discussion par exemple. Il est possible d'y changer le nom d'utilisateur cible, afin de voir la liste des contributions d'un·e autre wikipédien·ne.

La liste des contributions se présente presque de la même manière que les historiques d'article et les listes de suivi, deux outils que nous verrons la semaine prochaine, comme déjà indiqué  .

17 Il reste un onglet que nous n'avons pas passé en revue (outre « Liste de suivi ») : le lien « Brouillon », qui est normalement rouge. C'est l'objet du prochain et dernier tutoriel de cette semaine de cours, et il sera l'occasion de faire vos premières modifications avec l'Éditeur visuel !

À tout de suite !

FIN

Version textuelle (D) modifier

  Partie déjà intégrée sur FUN. Si vous repérez des erreurs, les corriger ici puis les signaler à Goombiis ou Jules pour que la correction soit reportée sur FUN.

Dans cette quatrième unité de ce module, nous allons nous intéresser aux liens présents tout en haut de l'interface (fig. 1, [A]), qui permettent d'accéder à vos espaces personnels. À la fin de l'unité, vous connaîtrez votre interface personnelle, vous aurez créé votre « page de profil » et vous aurez rédigé votre premier message à un·e wikipédien·ne.

 
Fig. 1. L'interface personnelle.

Attaquons-nous donc à votre interface personnelle.

Page utilisateur

Le premier lien, qui porte votre pseudonyme (dans notre cas, « Prof WikiMOOC »), mène à votre page utilisateur, que l'on appelle aussi PU dans le jargon wikipédien. C'est votre page de profil, c'est-à-dire la page publique qui va vous servir à vous présenter. Sachez qu'un lien vers votre PU est notamment présent dans la signature qui conclura chacun de vos messages sur les pages de discussion.

Pour l'instant, le lien vers votre PU est normalement rouge car celle-ci n'existe pas encore : nous allons donc la créer ensemble !

Cliquez sur le lien, vous arrivez sur un message qui vous indique que la page n'existe pas encore, et qui vous propose de la créer. Cliquez sur le lien rouge « avec le wikicode » (fig. 2, [B]) pour créer votre page à l'aide du wikicode : vous pouvez utiliser l'éditeur visuel sur votre PU, mais exceptionnellement (promis !) nous allons utiliser le wikicode.

 
Fig. 2. Une page utilisateur pas encore créée. /!\ la capture est inexacte : il faut utiliser le wikicode !

Ajoutez quelques lignes pour vous présenter (fig. 3, [C]) — vous pourrez compléter plus tard. Attention, ne copiez-collez pas de contenus depuis d'autres sites web. Une fois que vous aurez rédigé une courte présentation, copiez puis collez (sous Windows : ctrl+c puis ctrl+v) le code suivant, accolades comprises, en haut de la page, au-dessus de votre présentation : {{Étudiant WikiMOOC 2017}} [D]. Ce code (on appelle cela un « modèle », mais nous verrons cela bien plus tard dans le MOOC) va afficher un bandeau indiquant à la communauté et à vos pairs wikimoociens que vous suivez le WikiMOOC, et il aidera l'équipe pédagogique (nous ;-)) à vous identifier.

Une fois cela fait, cliquez sur « enregistrer la page » [E]. Bravo, vous avez publié votre page utilisateur !

 
Fig. 3. Créer sa PU.

Page de discussion personnelle

Quand vous êtes sur votre PU (fig. 4), un onglet « Discussion » , [F] permet de naviguer entre votre PU et votre page de discussion (pdd), de la même manière qu'il est possible de passer d'un article à sa pdd. Mais vous n'avez pas besoin d'être sur votre PU pour accéder à votre pdd : vous pouvez accéder à votre pdd depuis n'importe quelle autre page via le lien « Discussion » situé dans votre interface personnelle, entre le lien vers votre PU et le lien « Brouillon » [G].

Cliquez sur l'un de ces deux liens pour accéder à votre pdd. Votre pdd remplit le même rôle que la pdd d'un article : il s'agit de discuter, cette fois-ci pas à propos d'un article mais avec un utilisateur ou une utilisatrice. Chaque Wikipédien⋅ne possède donc sa propre pdd. N'hésitez pas à discuter avec les autres contributeurs sur leur pdd : Wikipédia est une encyclopédie collaborative, le dialogue est donc essentiel, notamment en cas de désaccord éditorial :-).

Vous pouvez voir que vous avez déjà reçu un message, un message de bienvenue (fig. 5, [H]). Il a été ajouté par un des contributeurs volontaires pour accueillir les nouveaux arrivants, dont vous faites partie. Regardez à la fin du message, il y a la signature du Wikipédien : elle comporte son pseudonyme, la date ainsi qu'un lien « Discuter » [I]... Ce lien mène vers sa page de discussion personnelle ! Notez que l'intitulé de ce lien, dans la signature, est personnalisable par chaque utilisateur, mais il redirige toujours vers la pdd de l'utilisateur.

 
Fig. 5. Le message de bienvenue sur votre pdd.

Écrire un message

Cliquez sur ce lien : vous voilà sur la page de discussion du contributeur ou de la contributrice qui vous a souhaité la bienvenue (fig. 6). La page a pour titre « Discussion utilisateur:Pseudonyme », où pseudonyme est le pseudo du contributeur qui vous a accueilli. Nous allons vous guider pour le ou la contacter afin de le ou la remercier ; cela vous permettra par la même occasion d'apprendre à rédiger un message sur Wikipédia. Pour commencer, cliquez sur l'onglet « Ajouter un sujet » [J].

 
Fig. 6. L'onglet « Ajouter un sujet ».

Vous voilà sur l'interface qui permet de créer un message (fig. 7). Pour rappel, seul le Wikicode est utilisable sur les pdd. Dans un premier temps, ajoutez le titre de votre message dans le champ dédié [K]. Ensuite, rédigez le corps de votre message [L] ; vous pouvez remercier le Wikipédien ou la Wikipédienne de son accueil et prendre contact avec lui/elle : par la suite et même après la fin du MOOC, cette personne pourra répondre à vos questions et vous accompagner.

Une fois que vous l'avez terminé, vous devez ajouter votre signature. C'est très simple : il suffit d'écrire quatre tildes, comme ceci : ~~~~ [M] : lors de la publication du message, les quatre tildes se transformeront automatiquement en votre signature, c'est-à-dire votre pseudonyme, un lien vers votre pdd, puis la date et l'heure. Si vous ne savez pas comment entrer les tildes à l'aide de votre clavier d'ordinateur, pas de panique : positionnez votre curseur à la fin de votre message, puis cliquez sur le bouton signature   de la barre de menu, il ajoutera les tildes à votre place [N].

 
Fig. 7. L'interface d'ajout de message. /!\ pas besoin, contrairement à la capture 2016, de mettre un trait entre bouton de signature et signature.

Avant de publier votre message, cliquez sur le bouton « Prévisualiser » [O] qui permet de voir le rendu avant publication. La prévisualisation de votre message apparaît au dessus de la fenêtre d'édition (fig. 8, [P]). Si besoin, vous pouvez refaire quelques modifications au message. Vous pouvez également constater que les quatre tildes que vous avez ajoutés à l'étape précédente se sont automatiquement transformés en votre signature, bien mise en forme [Q]. Prévisualiser n'est pas obligatoire avant enregistrement, mais c'est souvent utile, car la mise en forme des messages est parfois difficile.

 
Fig. 8. La prévisualisation d'un message.

Cliquez ensuite sur « Publier les modifications ». Et voilà, votre message est publié ! Vous pouvez constater qu'il a été publié tout en bas de la pdd : les messages les plus récents sont toujours publiés en bas et les plus anciens en haut. Si vous avez besoin de re-modifier votre message, ou si vous souhaitez répondre à un message d'autrui, cliquez sur le bouton « modifier le code » à côté du titre du message (fig. 9, [R]).

 
Fig. 9. Votre message une fois publié. = Capture du bas de la pdd de 0x010C avec le message qui correspond à celui donné en exemple dans les captures précédentes.

Attention, votre interlocuteur peut vous répondre soit sur votre page de discussion, soit dans sa propre pdd (ici, donc) ; pensez à revenir sur cette page vérifier s'il vous a répondu.

Notifications Maintenant que vous avez écrit votre premier message, revenons à votre interface utilisateur, en haut de la page.

Entre le lien vers votre PU et le lien vers votre pdd, il y a deux icônes grises (fig. 10, [S]), qui deviennent respectivement rouge et bleue quand vous avez des notifications. Notamment, lorsque vous recevrez un nouveau message sur votre page de discussion, c'est la première icône qui deviendra rouge ; vous l'avez normalement déjà vue ainsi lorsque vous avez reçu votre message de bienvenue, peu après la création de votre compte.

 
Fig. 10. Les notifications. NB : comporte les lettres S, T et U.

Liste de vos contributions

Voyons maintenant le lien « Contributions » [T]. Le lien « Contributions » vous permet d'accéder à la liste exhaustive de toutes vos modifications, qu'elles aient été faites sur les articles ou sur des pages de discussion par exemple. Il est possible d'y changer le nom d'utilisateur cible, afin de voir la liste des contributions d'un·e autre wikipédien·ne.

La liste des contributions se présente presque de la même manière que les historiques d'articles et les listes de suivi, deux outils que nous verrons dans la prochaine semaine du MOOC, pour rappel.

Brouillon

Nous avons maintenant passé en revue la quasi-totalité des liens de votre espace personnel. Il en reste un que nous n'avons pas présenté : le lien « Brouillon » [U], qui est normalement rouge. C'est l'objet de la prochaine et dernière unité de cette semaine de cours, et elle sera l'occasion pour vous de faire vos premières modifications avec l'Éditeur visuel !

Notes pour les images (D) modifier

Repère :  . Figure 1.1.12 : L'interface personnelle. Lien de l'image - Lien Ver.2016
Repère :  . Figure 1.1.13 : Une page utilisateur pas encore créée. Lien de l'image - Lien Ver.2016
Repères :  ,   et  . Figure 1.1.14 : Créer sa PU. Lien de l'image - Lien Ver.2016
Repères :   et  . Figure 1.1.15 : Accéder à sa pdd depuis sa PU. Lien de l'image - Lien Ver.2016
Repère :  . Figure 1.1.15A : Accéder à sa pdd depuis un article. Lien de l'image
Repères :   et  . Figure 1.1.16 : Le message de bienvenue sur votre pdd. Lien de l'image - Lien Ver.2016
Repère :  . Figure 1.1.17 : L'onglet « Ajouter un sujet ». Lien de l'image - Lien Ver.2016
Repères :  ,  ,  ,   et  . Figure 1.1.18 : L'interface d'ajout de message. Lien de l'image - Lien Ver.2016
Repères :   et  . Figure 1.1.19 : La prévisualisation d'un message. Lien de l'image - Lien Ver.2016
Repère :  . Figure 1.1.20 : Votre message une fois publié. Lien de l'image
Repères :  ,   et  . Figure 1.1.21 : Les notifications. Lien de l'image - Lien Ver.2016

E) Première modification modifier

Tutoriel interactif modifier

MediaWiki:Guidedtour-tour-wikimooc12e.js
# Texte de la box Condition pour continuer
1 Bienvenue dans ce nouveau tutoriel. Vous allez effectuer vos premières modifications avec l'éditeur visuel (EV).

Et pour que vous puissiez vous entraîner sans risquer de tout casser sur un article (la crainte de la plupart des nouveaux contributeurs  ), vous allez utiliser votre brouillon personnel.

2 Votre brouillon vous est propre : chaque contributeur ou contributrice en possède un. Vous pouvez en faire l'usage que vous souhaitez : l'utiliser pour vous entraîner à utiliser l'éditeur visuel, rédiger au brouillon des articles, stocker des liens vers des sources ou bien des références bibliographiques, etc.

Attention : comme sur le reste de l'encyclopédie, il est strictement interdit (!) d'y copier des contenus tirés d'autres sites web ou bien d'ouvrages – on ne le répétera jamais assez !

Votre brouillon ne fait pas partie des pages de l'encyclopédie : les internautes lambda n'ont aucune chance de le trouver via un moteur de recherche. Néanmoins, sachez que votre brouillon est public, comme toutes les pages de Wikipédia.

3 Vous pouvez accéder à votre brouillon à tout moment en cliquant sur le lien « Brouillon » situé dans votre interface personnelle, en haut de page.

Cliquez sur le lien « Brouillon ».

Cliquer sur le lien menant au Brouillon
4 Voici l'emplacement de votre page de brouillon.

Vous allez maintenant la créer.

Attention, par défaut, quand une page n'existe pas (ce qui est le cas ici), Wikipédia vous propose de la créer avec le Wikicode et vous place par conséquent dans l'onglet « Créer le wikicode ». Pour utiliser l'éditeur visuel (ce que vous allez faire ici), il suffit de cliquer sur l'onglet « Créer ».

Cliquez sur l'onglet « Créer ».

Cliquer sur l'onglet Créer
4b Vous avez visiblement déjà créé votre page de brouillon une précédente fois : sans doute connaissez-vous déjà cette fonctionnalité.

Vous allez modifier votre brouillon avec l'Éditeur visuel pour vous familiariser avec ce dernier.

Cliquez sur « Modifier ».

Cliquer sur l'onglet Modifier
5 Voici le fameux Éditeur visuel (EV).

Comme vous pouvez le voir, rien de très effrayant  .

Nous allons vous le présenter très sommairement, pour que vous compreniez son fonctionnement et puissiez faire votre première modification avec.

6 En haut de l'interface de l'Éditeur visuel se trouve une barre de menu, similaire à celle d'éditeurs de texte tels que Word ou OpenOffice.

En-dessous se trouve la zone de saisie, l'endroit où vous pouvez écrire – rien d'extraordinaire. L'EV fonctionne comme n'importe quel éditeur de texte.

Par exemple, si vous souhaitez mettre un passage en gras, il faut le sélectionner puis cliquer sur le bouton « A  » : il permet d'accéder aux options de mise en forme, par exemple le gras et l'italique, pour ne citer que les deux les plus utilisées.

7 Vous l'avez vu, tout cela est assez intuitif : maintenant, passons à la pratique.

Écrivez deux phrases quelconques, puis entraînez-vous à mettre certains mots en gras et d'autres en italique.

Faites l'exercice pratique, puis cliquez sur le bouton bleu « Publier les modifications » (ou la page) dans le coin en haut à droite de l'interface.

cliquer sur enregistrer
8 Quand vous cliquez sur le bouton « Publier les modifications », une fenêtre s'ouvre. Elle vous demande de « décrire ce que vous avez modifié ».

Cette indication est ce qu'on appelle un résumé de modification : il est important de le renseigner à chaque modification, car il permet aux autres contributeurs et contributrices de comprendre vos modifications.

Ici, il n'y a pas vraiment d'enjeu, puisque c'est votre brouillon et non un article encyclopédique, mais prenez la bonne habitude de toujours renseigner ce champ.

Notez qu'il existe sur le côté gauche de cette petite fenêtre un bouton gris « Continuer » qui vous permet de poursuivre vos modifications pour enregistrer ultérieurement. Renseignez le résumé de modification puis cliquez sur le bouton bleu « Publier les modifications » à droite.

enregistrer le brouillon
9 Et voilà le résultat : votre brouillon est enregistré  .

Notez qu'un bandeau orange et gris indiquant qu'il s'agit de votre brouillon apparaît peut-être, soit au-dessus, soit en-dessous de vos phrases de test.

C'est un modèle (patience... vous étudierez cette notion bien plus tard dans le cours) qui est ajouté par défaut pour vous donner quelques conseils de rédaction.

Ce tutoriel est terminé. Retournez sur FUN pour conclure, avec un quizz, cette première semaine du WikiMOOC. À très vite !

FIN

Version textuelle (E) modifier

  Partie déjà intégrée sur FUN. Si vous repérez des erreurs, les corriger ici puis les signaler à Goombiis ou Jules pour que la correction soit reportée sur FUN.
<div style="background-color: #c795d7; border-left: 10px solid #85429A; margin-bottom: 20px; padding: 10px; display: block; color: #fff;">Ceci est la version textuelle du cours vidéo ci-dessus.</div>

Dans la dernière unité de ce module, vous allez pouvoir utiliser l'éditeur visuel (EV) pour effectuer vos premières modifications sur Wikipédia. Pour que vous ne risquiez pas de dégrader involontairement l'encyclopédie, et pour que ce ne soit pas un motif d'inquiétude pour vous, vos premières modifications auront lieu sur votre page de brouillon.

Votre brouillon est accessible depuis le menu de votre espace personnel [A], en haut de la page. Il vous est propre : chaque contributeur ou contributrice en possède un. Vous pouvez en faire l'usage que vous souhaitez : vous entraîner à utiliser l'éditeur visuel, rédiger des articles au brouillon, stocker des liens vers des sources ou bien des références bibliographiques, etc. La seule limite est que vous ne pouvez pas copier-coller n'importe quel contenu dans votre brouillon : comme dans le reste de l'encyclopédie, l'importation de contenus tirés d'autres sites web ou bien d'ouvrages qui ne seraient pas sous licence libre compatible constitue une violation de copyright. Ce qui est interdit.

 
Fig. 1. Menu de l'espace personnel. [= Capture avec le même cadrage que File:1.2-D fig. 12.PNG, mais avec le [A] de la présente unité.]

Votre brouillon ne fait pas partie des pages de l'encyclopédie : les internautes lambda n'ont aucune chance de le trouver via un moteur de recherche, il n'est pas référencé par ces derniers. Néanmoins, sachez que votre brouillon est public, comme toutes les pages de Wikipédia.

Passons à la pratique : cliquez sur le lien « Brouillon » situé dans votre interface personnelle, en haut de page.

Attention, par défaut, quand une page n'existe pas (ce qui est le cas pour votre brouillon, normalement), Wikipédia vous propose de la créer avec le Wikicode et vous place par conséquent dans l'onglet « Créer le wikicode ». Pour utiliser l'éditeur visuel (ce que vous allez faire ici), il suffit de cliquer sur l'onglet « Créer » [B].

 
Fig. 2. Interface pour créer un brouillon. [= Capture de l'interface pour créer le brouillon, par défaut (en wikicode) avec [B] sur l'onglet « Créer ».]

Le voici, le fameux éditeur visuel (EV). Comme vous pouvez le voir, rien de très effrayant :). Faisons rapidement le tour de l'interface, avant d'effectuer vos premières modifications. En haut de l'interface de l'éditeur visuel se trouve une barre de menu [C], similaire à celle d'éditeurs de texte tels que Word ou OpenOffice. En-dessous se trouve la zone de saisie [D], l'endroit où vous pouvez écrire. Rien d'extraordinaire, l'EV fonctionne comme n'importe quel éditeur de texte. En haut à droite, enfin, se trouve le bouton pour publier la page [E].

 
Fig. 3. L'interface de l'éditeur visuel. [= Pareille que la fig. 4 (ci-dessous), mais avec le menu déroulant A pas déployé. Bref, l'interface par défaut. Contient [C], [D] et [E].

Par exemple, si vous souhaitez mettre un passage en gras, il faut le sélectionner [F] puis cliquer sur le bouton « A » [G] : il permet d'accéder aux options de mise en forme, par exemple le gras et l'italique, pour ne citer que les deux les plus utilisées.

 
Fig. 4. Mises en gras et italique dans l'éditeur visuel. contient [F] et [G].

Pour vous entraîner, rédigez deux phrases dans votre brouillon ; mettez la première en gras, et la deuxième en italique.

Une fois que c'est fait, cliquez sur le bouton « Publier les modifications » à droite. Une fenêtre s'ouvre [H], elle vous demande de « décrire ce que vous avez modifié ». Cette indication est ce qu'on appelle un résumé de modification : il est important de le renseigner à chaque modification, car il permet aux autres contributeurs et contributrices de comprendre vos modifications. Ici, il n'y a pas vraiment d'enjeu, puisque c'est votre brouillon et non un article encyclopédique, mais prenez la bonne habitude de toujours renseigner ce champ.

Notez qu'il existe sur le côté gauche de cette petite fenêtre un bouton gris « Continuer » [I] qui vous permet de poursuivre vos modifications pour enregistrer ultérieurement.

 
Fig. 5. Enregistrement et résumé de modification.

Et voilà le résultat : votre brouillon est enregistré :).

 
Fig. 6. Affichage du modèle brouillon. Proposition !

Notez qu'un bandeau orange et gris indiquant qu'il s'agit de votre brouillon apparaît peut-être, soit au-dessus, soit en-dessous de vos phrases de test. C'est un modèle (patience... vous étudierez cette notion bien plus tard dans le cours) qui est ajouté par défaut pour vous donner quelques conseils de rédaction.

Cette découverte de l'éditeur visuel conclut cette première semaine du WikiMOOC. À très vite !

Notes pour les images (E) modifier

Repère :  . Figure 1.1.22 : Menu de l'espace personnel. Lien de l'image - Lien Ver.2016
Repère :  . Figure 1.1.23 : Interface pour créer un brouillon. Lien de l'image
Repères :  ,   et  . Figure 1.1.24 : L'interface de l'éditeur visuel. Lien de l'image
Repères :   et  . Figure 1.1.25 : Mises en gras et italique dans l'éditeur visuel. Lien de l'image - Lien Ver.2016
Repères :   et  . Figure 1.1.26 : Enregistrement et résumé de modification. Lien de l'image - Lien Ver.2016
Repère : Figure 1.1.27 : Affichage du modèle brouillon. Lien de l'image