Plan #

  1. Que signifie publier sur le Web ?
  2. Enjeux d’écriture : WYSIWYG
  3. WordPress en pratique

1. Que signifie publier sur le Web ? #

Tim Berners-Lee au CERN en 1994

1. Que signifie publier sur le Web ? #

1.1. Publication VS édition #

Édition :

  • « Reproduction, publication et diffusion commerciale par un éditeur d’une œuvre sous forme d’un objet imprimé » (CNRTL)
  • choix et production + légitimation + diffusion

Publication :

  • « Action de rendre public, de faire connaître quelque chose à tous; résultat de cette action. » (CNRTL)
  • rendre public = production + diffusion
  • pas de choix a priori, et pas de légitimation

1. Que signifie publier sur le Web ? #

1.2. La (relative) liberté du Web #

  • concept initial du Web : lire et écrire
  • marche technique importante
  • web 2.0 : rendre accessible l’écriture
  • le blog : un espace d’écriture personnel

Aparté : le blog #

Commentaires de l’article :

Blanchard, A. (2010). Ce que le blog apporte à la recherche. Dans M. Dacos (dir.), Read/Write Book : Le livre inscriptible (p. 157‑166). OpenEdition Press. http://books.openedition.org/oep/172

1. Que signifie publier sur le Web ? #

1.3. Contraintes techniques #

  • structurer des contenus
  • produire un format lisible par les navigateurs
  • rendre ces contenus accessibles via le Web
  • définir des modes d’accès (nom de domaine, syndication, etc.)

2. Enjeux d’écriture : WYSIWYG #

Capture d’écran d’une interface WYSIWYG

2. Enjeux d’écriture : WYSIWYG #

2.1. Du code au WYSIWYG et au WYSIWYM #

  • aux premiers temps : HTML et rien d’autre
  • puis des outils d’édition à la Word
  • comprendre ce que l’on fait : le sens avant la mise en forme

2. Enjeux d’écriture : WYSIWYG #

2.2. L’intérêt du WYSIWYG ? #

  • ce que je vois en écrivant/éditant est ce que j’obtiendrai en publiant
  • le mensonge du WYSIWYG : pas de connaissances techniques requises
  • des boutons plutôt que des commandes : efficace si bien pensé, un désastre cognitif si les moyens ne sont pas mis

Aparté : « Culture hacker et peur du WYSIWYG » #

Lecture commentée et échanges autour de :

Schrijver, E. (2017). Culture hacker et peur du WYSIWYG. Back Office, (1). http://www.revue-backoffice.com/numeros/01-faire-avec/eric-schrijver-culture-hacker-peur-wysiwyg

2. Enjeux d’écriture : WYSIWYG #

2.3. Éditer/publier en direct #

  • des interfaces d’écriture sur les sites web
  • retirer les frictions
  • des modes d’édition

3. WordPress en pratique #

Capture d’écran du site WordPress.com en 2007

3. WordPress en pratique #

3.1. Création d’un site sur wordpress.com #

  • créer un compte sur wordpress.com
  • créer un site web en choisissant un forfait gratuit (attention il y a un piège)
  • renseigner un nom et une description de votre choix pour ce site web

3. WordPress en pratique #

3.2. Création, édition et publication #

  • créer 3 articles, par exemple en utilisant des contenus issus d’autres travaux ou en copiant des contenus sous licence ouverte (sans oublier les crédits)
  • naviguer entre le mode édition et le tableau de bord
  • organiser ces articles avec des catégories et des étiquettes
  • choisir un autre thème (Administration → Apparence), quels sont les contraintes liées à ce changement ?

3. WordPress en pratique #

3.3. Éditer #

  • ajouter une autre personne présente dans la classe pour lui permettre d’éditer les contenus
  • demander à cette personne de modifier des contenus existants
  • explorer le mode versions lorsque vous êtes dans l’édition d’un article
  • essayer de modifier un même article en même temps, que se passe-t-il ?

3. WordPress en pratique #

3.4. Bonus #

  • changer le statut d’un article : brouillon, accès limité, etc.
  • créer plusieurs autres articles puis effectuer des modifications sur plusieurs articles en même temps (statut, tags, catégories, etc.)
  • exporter votre site, qu’est-il possible de faire avec ce fichier ?

HNU2000