Différences entre les versions de « Mode d'emploi publication transcription »

De April MediaWiki
Aller à la navigationAller à la recherche
 
(13 versions intermédiaires par 2 utilisateurs non affichées)
Ligne 9 : Ligne 9 :
  
 
== Conversion vers le format Drupal ==
 
== Conversion vers le format Drupal ==
 +
 +
April.org utilise Drupal qui n'a pas la même syntaxe que MediaWiki. Une opération de conversion est donc nécessaire.
 +
 +
Exécuter les étapes suivantes :
  
 
====Préparer le fichier ''source_mediawiki.txt''====
 
====Préparer le fichier ''source_mediawiki.txt''====
Ligne 19 : Ligne 23 :
  
 
====Créer automatiquement le fichier ''source_pour_drupal.txt''====
 
====Créer automatiquement le fichier ''source_pour_drupal.txt''====
 
April.org utilise Drupal qui n'a pas la même syntaxe que MediaWiki. Une opération de conversion est donc nécessaire. Bien que non automatisable complètement, cette opération peut être facilitée avec quelques commandes ou scripts.
 
  
 
Le script [http://fr.wikipedia.org/wiki/Stream_Editor sed] suivant permet de gérer titres, ponctuation, liens HTTP et notes de bas de page.
 
Le script [http://fr.wikipedia.org/wiki/Stream_Editor sed] suivant permet de gérer titres, ponctuation, liens HTTP et notes de bas de page.
Ligne 60 : Ligne 62 :
 
</pre>
 
</pre>
  
 +
Pour une utilisation automatique dans Gedit (logiciel de traitement de texte simple et libre présent par défaut dans la plupart des distributions GNU/Linux) :
 +
* [[Conversion wiki vers html avec sed]]
 +
* [[Utiliser un script avec Gedit]]
  
Un autre script : http://wiki.april.org/w/Conversion_wiki_vers_html_avec_sed
 
  
 
Il reste à traduire à la main les listes à puces :
 
Il reste à traduire à la main les listes à puces :
Ligne 84 : Ligne 88 :
  
 
* Cliquer sur ''Fichiers attachés''
 
* Cliquer sur ''Fichiers attachés''
* Sélectionner l'image/capture de la vidéo avec ''Pourcourir''
+
* Sélectionner l'image/capture de la vidéo avec ''Parcourir''
 
* Cliquer sur ''Attacher'', puis ''Enregistrer''
 
* Cliquer sur ''Attacher'', puis ''Enregistrer''
 
* Au début du texte, ajouter :
 
* Au début du texte, ajouter :
 +
 
<pre>
 
<pre>
 
<a href="http://la_page_de_la_video"><img src="http://www.april.org/sites/default/files/ton_image.png" alt="Nom de l'orateur" /></a>
 
<a href="http://la_page_de_la_video"><img src="http://www.april.org/sites/default/files/ton_image.png" alt="Nom de l'orateur" /></a>
 
</pre>
 
</pre>
 +
 +
* Pour positionner l'image : insérer dans le tag image class="fg" ou class="fd"
 +
 +
==Ajouter un logo==
 +
 +
<nowiki>
 +
<p>
 +
 +
<img class="fg" src="https://www.april.org/sites/default/files/ton_logo.png" alt="Logo de blablabla" />
 +
 +
</p>
 +
</nowiki>
 +
 +
 +
==Plusieurs liens pour une même référence==
 +
 +
...wiki no-google[fn value="2"]<a href="https://no-google.frama.wiki/">No G00gle - Observatoire de l'implantation de G00gle à Rennes</a>[/fn]..
 +
 +
puis
 +
 +
le wiki[fn value="2"][/fn]
 +
 +
NB : value = le numéro de la première fois que la référence est utilisée
  
 
== Créer un résumé ==
 
== Créer un résumé ==
Ligne 95 : Ligne 123 :
 
Positionner le curseur sous le bloc d'information de la vidéo, puis cliquer sur le bouton "Créer un résumé à partir du curseur". Cela duplique le début du champ Description dans un nouveau champ, qui sera utilisé pour la page d'accueil de l'April, ainsi que pour la section [http://www.april.org/videos Vidéos].
 
Positionner le curseur sous le bloc d'information de la vidéo, puis cliquer sur le bouton "Créer un résumé à partir du curseur". Cela duplique le début du champ Description dans un nouveau champ, qui sera utilisé pour la page d'accueil de l'April, ainsi que pour la section [http://www.april.org/videos Vidéos].
  
Décocher ''Afficher le résumé en mode pleine page'' pour pouvoir modifier le résumé et la page complète indépendamment, et recopier le résumé dans le champ texte du dessous.
+
Décocher ''Afficher le résumé en mode pleine page'' pour pouvoir modifier le résumé et la page complète indépendamment
 +
 
 +
Recopier le résumé dans le champ texte du dessous.
  
 
Ajouter <code>width="200px"</code> dans le tag <code><img></code> du résumé pour réduire la taille de l'image/capture de la vidéo.
 
Ajouter <code>width="200px"</code> dans le tag <code><img></code> du résumé pour réduire la taille de l'image/capture de la vidéo.

Dernière version du 11 mars 2019 à 15:20

Préparer une page april.org[modifier]

  • Se connecter sur le site april.org, puis :
  • Dans la barre de droite, Création de contenu > Créer du contenu
  • Choisir Page
  • Indiquer un Titre
  • Thèmes : sélectionne les thèmes en rapport avec la vidéo; maintiens appuyé la touche "Control" pour sélectionner plusieurs thèmes
  • Type de publication : Vidéo
  • Type d'action : Conférence

Conversion vers le format Drupal[modifier]

April.org utilise Drupal qui n'a pas la même syntaxe que MediaWiki. Une opération de conversion est donc nécessaire.

Exécuter les étapes suivantes :

Préparer le fichier source_mediawiki.txt[modifier]

  • Choisir une transcription dans la liste en attente de validation
  • Modifier - Tout sélectionner - Copier
  • Mettre en route Gedit ou un autre traitement de texte
  • Coller
  • Sauvegarder ce fichier dans le dossier de son choix en lui donnant le nom indiqué

Créer automatiquement le fichier source_pour_drupal.txt[modifier]

Le script sed suivant permet de gérer titres, ponctuation, liens HTTP et notes de bas de page.

Utiliser (copier-coller) le script suivant dans un terminal :

sed -e 's,^\(=\+\)\s\+\(.*\),\1\2,' \
    -e 's,^\(.*\)\s\+\(=\+\),\1\2,g' \
    -e 's,^=\([^=].*\)=,<h1>\1</h1>,' \
    -e 's,^==\([^=].*\)==,<h2>\1</h2>,' \
    -e 's,^===\([^=].*\)===,<h3>\1</h3>,' \
    -e "s,'''\(.*\)''',<strong>\1</strong>,g" \
    -e "s,''\(.*\)'',<em>\1</em>,g" \
    -e 's/«\s\+/«\&nbsp;/g' \
    -e 's/\s\+\([:;?!»]\)/\&nbsp;\1/g' \
    -e 's/\.\.\./…/g' \
    -e 's,\[\(http[^ ]\+\) \([^]]\+\)\],<a href="\1">\2</a>,g' \
    -e 's,<ref>\(.*\)</ref>,[fn]\1[/fn],g' \
    -e 's,<references[^>]*>,[footnotes /],g' \
  source_mediawiki.txt > source_pour_drupal.txt

Le même avec quelques commentaires (rendant non exécutable la commande, faire un copier du bloc juste ci-dessus pour exécuter dans un terminal) :

sed -e 's,^\(=\+\)\s\+\(.*\),\1\2,' \                               supprime les espaces après un '=' en début de ligne
    -e 's,^\(.*\)\s\+\(=\+\),\1\2,g' \                              supprime les espaces juste avant un deuxième '='
    -e 's,^=\([^=].*\)=,<h1>\1</h1>,' \                             remplace = toto = par <h1> toto </h1>
    -e 's,^==\([^=].*\)==,<h2>\1</h2>,' \                           remplace == toto == par <h2> toto </h2>
    -e 's,^===\([^=].*\)===,<h3>\1</h3>,' \                         remplace === toto === par <h3> toto </h3>
    -e "s,'''\(.*\)''',<strong>\1</strong>,g" \                     remplace ''toto'' par <strong>toto</string> (pour afficher en gras)
    -e "s,''\(.*\)'',<em>\1</em>,g" \                               remplace ''toto'' par <em>toto</em (pour afficher en italique)
    -e 's/«\s\+/«\&nbsp;/g' \                                       remplace "« " par "«&nbsp;" (pour afficher un espace insécable après '«')
    -e 's/\s\+\([:;?!»]\)/\&nbsp;\1/g' \                            remplace l'espace avant '»', ';', ':', '!' et '?' par un "&nbsp;" (pour afficher un espace insécable après '«')
    -e 's/\.\.\./…/g' \                                             remplace les points de suspension par le caractère dédié
    -e 's,\[\(http[^ ]\+\) \([^]]\+\)\],<a href="\1">\2</a>,g' \    remplace ''[http://foo.org/ blabla]'' par ''<a href="http://foo.org/>blabla</a>'' (pour afficher un lien)
    -e 's,<ref>\(.*\)</ref>,[fn]\1[/fn],g' \                        remplace ''<ref>blabla</ref>'' par ''[fn]blabla[/fn]'' (pour afficher une référence)
    -e 's,<references[^>]*>,[footnotes /],g' \                      ?
  source_mediawiki.txt > source_pour_drupal.txt

Pour une utilisation automatique dans Gedit (logiciel de traitement de texte simple et libre présent par défaut dans la plupart des distributions GNU/Linux) :


Il reste à traduire à la main les listes à puces :

* Puce 1
* Puce 2

devient

<ul>
  <li>Puce 1</li>
  <li>Puce 2</li>
</ul>

Compléter la page april.org[modifier]

  • Copier le contenu du fichier source_pour_drupal.txt
  • Coller dans le champ Description de la page

Ajouter une image[modifier]

  • Cliquer sur Fichiers attachés
  • Sélectionner l'image/capture de la vidéo avec Parcourir
  • Cliquer sur Attacher, puis Enregistrer
  • Au début du texte, ajouter :
<a href="http://la_page_de_la_video"><img src="http://www.april.org/sites/default/files/ton_image.png" alt="Nom de l'orateur" /></a>
  • Pour positionner l'image : insérer dans le tag image class="fg" ou class="fd"

[modifier]

<p> <img class="fg" src="https://www.april.org/sites/default/files/ton_logo.png" alt="Logo de blablabla" /> </p>


Plusieurs liens pour une même référence[modifier]

...wiki no-google[fn value="2"]<a href="https://no-google.frama.wiki/">No G00gle - Observatoire de l'implantation de G00gle à Rennes</a>[/fn]..

puis

le wiki[fn value="2"][/fn]

NB : value = le numéro de la première fois que la référence est utilisée

Créer un résumé[modifier]

Positionner le curseur sous le bloc d'information de la vidéo, puis cliquer sur le bouton "Créer un résumé à partir du curseur". Cela duplique le début du champ Description dans un nouveau champ, qui sera utilisé pour la page d'accueil de l'April, ainsi que pour la section Vidéos.

Décocher Afficher le résumé en mode pleine page pour pouvoir modifier le résumé et la page complète indépendamment

Recopier le résumé dans le champ texte du dessous.

Ajouter width="200px" dans le tag <img> du résumé pour réduire la taille de l'image/capture de la vidéo. Changer le lien <a> dans le résumé pour pointer sur la page de l'article.

Demander la validation de la page[modifier]

Si tout le monde peut créer du contenu, tout le monde n'a pas forcément le droit de publier sur le site de l'April. Pour cela il suffit d'envoyer un mail sur transcriptions AT april DOT org, à son animatrice.