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

De April MediaWiki
Aller à la navigationAller à la recherche
m (→‎Conversion vers le format Drupal : rajout commentaire)
 
(28 versions intermédiaires par 2 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
 
== Préparer une page april.org ==
 
== Préparer une page april.org ==
 
+
* Se connecter sur le site april.org, puis :
Connecte-toi sur le site april.org, puis :
 
 
* Dans la barre de droite, ''Création de contenu > Créer du contenu''
 
* Dans la barre de droite, ''Création de contenu > Créer du contenu''
* Choisis ''Page''
+
* 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
 
* 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 de publication : ''Vidéo''
Ligne 10 : Ligne 10 :
 
== 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. Bien que non automatisable complètement, cette opération peut être facilité avec quelques commandes ou scripts.
+
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''====
 +
 
 +
* 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''====
  
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 (copier/coller le script à partir de la source de cette 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.
  
 +
Utiliser (copier-coller) le script suivant dans un terminal :
 
<pre>
 
<pre>
 
sed -e 's,^\(=\+\)\s\+\(.*\),\1\2,' \
 
sed -e 's,^\(=\+\)\s\+\(.*\),\1\2,' \
Ligne 24 : Ligne 37 :
 
     -e 's/«\s\+/«\&amp;nbsp;/g' \
 
     -e 's/«\s\+/«\&amp;nbsp;/g' \
 
     -e 's/\s\+\([:;?!»]\)/\&amp;nbsp;\1/g' \
 
     -e 's/\s\+\([:;?!»]\)/\&amp;nbsp;\1/g' \
 +
    -e 's/\.\.\./…/g' \
 
     -e 's,\[\(http[^ ]\+\) \([^]]\+\)\],<a href="\1">\2</a>,g' \
 
     -e 's,\[\(http[^ ]\+\) \([^]]\+\)\],<a href="\1">\2</a>,g' \
 
     -e 's,<ref>\(.*\)</ref>,[fn]\1[/fn],g' \
 
     -e 's,<ref>\(.*\)</ref>,[fn]\1[/fn],g' \
Ligne 41 : Ligne 55 :
 
     -e 's/«\s\+/«\&amp;nbsp;/g' \                                      remplace "« " par "«&amp;nbsp;" (pour afficher un espace insécable après '«')
 
     -e 's/«\s\+/«\&amp;nbsp;/g' \                                      remplace "« " par "«&amp;nbsp;" (pour afficher un espace insécable après '«')
 
     -e 's/\s\+\([:;?!»]\)/\&amp;nbsp;\1/g' \                            remplace l'espace avant '»', ';', ':', '!' et '?' par un "&amp;nbsp;" (pour afficher un espace insécable après '«')
 
     -e 's/\s\+\([:;?!»]\)/\&amp;nbsp;\1/g' \                            remplace l'espace avant '»', ';', ':', '!' et '?' par un "&amp;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,\[\(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,<ref>\(.*\)</ref>,[fn]\1[/fn],g' \                        remplace ''<ref>blabla</ref>'' par ''[fn]blabla[/fn]'' (pour afficher une référence)
Ligne 47 : 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 63 : Ligne 80 :
 
</pre>
 
</pre>
  
Colle le résultat dans le champ "Description".
+
====Compléter la page april.org====
 +
 
 +
* Copier le contenu du fichier ''source_pour_drupal.txt''
 +
* Coller dans le champ ''Description'' de la page
  
 
== Ajouter une image ==
 
== Ajouter une image ==
  
* Clique sur ''Fichiers attachés''
+
* Cliquer sur ''Fichiers attachés''
* Sélectionne l'image/capture de la vidéo avec ''Pourcourir''
+
* Sélectionner l'image/capture de la vidéo avec ''Parcourir''
* Clique sur ''Attacher'', puis ''Enregistrer''
+
* Cliquer sur ''Attacher'', puis ''Enregistrer''
* Au début du texte, ajoute :
+
* 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é ==
  
Positionne le curseur sous le bloc d'information de la vidéo, puis clique 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
  
Décoche ''Afficher le résumé en mode pleine page'' pour pouvoir modifier le résumé et la page complète indépendamment, et recopie le résumé dans le champ texte du dessous.
+
Recopier le résumé dans le champ texte du dessous.
  
Ajoute <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.
Change le lien <code><a></code> dans le résumé pour pointer sur la page de l'article.
+
Changer le lien <code><a></code> dans le résumé pour pointer sur la page de l'article.
  
 
==Demander la validation de la page==
 
==Demander la validation de la page==

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.