Skip to content

Accueil > Solution documentaire PMB > PMB : un éditeur de bibliographie

PMB : un éditeur de bibliographie

jeudi 14 mars 2013, par Florian Reynaud

Afin de permettre aux élèves de présenter leurs sources dans une bibliographie à partir des références, on peut proposer un outil automatique, éditeur de bibliographie, dans l’OPAC de PMB par exemple. Ce travail et cet article sont inspirés de l’éditeur proposé sur le blog fenetresur, pour e-sidoc, ici présenté pour PMB (http://fenetresur.wordpress.com/2012/12/29/integrer-un-generateur-de-bibliographie-a-e-sidoc-ou-netvibes-le-blog-du-cdi-etc/).

Ce travail et cet article sont inspirés de l’éditeur proposé sur le blog fenetresur, pour e-sidoc, ici présenté pour PMB (http://fenetresur.wordpress.com/2012/12/29/integrer-un-generateur-de-bibliographie-a-e-sidoc-ou-netvibes-le-blog-du-cdi-etc/).

L’éditeur, sur PMB, est intégré dans une infopage "Citer ses sources", par exemple à cette adresse pour mon propre catalogue : http://www.clg-rimbaud-aubergenville.ac-versailles.fr/pmb/opac_css/index.php?lvl=infopages&pagesid=1

Pour créer une infopage, on va dans Administration > Opac > Infopages, puis on clique sur le bouton "Ajouter une infopage". On donne un titre et on coche la case "Valide ?".

Pour le contenu, on intègre du code HTML, avec deux parties dans l’exemple présenté :

La première partie consiste à donner des précisions théoriques et pratiques sur la citation des sources :

<h3><font size="5">Citer ses sources</font></h3>
<br />&nbsp; <br />
<p style="width:700px; text-align:justify;"><font size="3">La r&eacute;daction d&rsquo;une bibliographie est essentielle. <br />Elle r&eacute;pond &agrave; deux objectifs :
<br />&nbsp; &nbsp; - Respecter le droit d'auteur, c'est une obligation morale et juridique.
<br />&nbsp; &nbsp; - Montrer la qualit&eacute; de votre travail, le mettre en valeur et permettre sa v&eacute;rification en indiquant les documents que vous avez utilis&eacute;s.</font>
<br />&nbsp; <br />&nbsp; <br /></p>

<p style="width:700px; text-align:justify;"><img src="http://www.clg-rimbaud-aubergenville.ac-versailles.fr/pmb/opac_css/images/icon_a_16x16.gif" alt="" width="11" height="16" />&nbsp; <font size="4"><b>Livres</b></font> <font size="3">(livres documentaires, fictions)</font></p>

<br />&nbsp; <br /><p style="width:700px; text-align:justify;"><font size="3">Nom et Pr&eacute;nom de l'auteur. <i>Titre du livre</i>. &Eacute;diteur, Ann&eacute;e d'édition. Nombre de pages.
<br />&nbsp; <br /><i>Exemple pour une fiction :</i> Nogu&egrave;s, Jean-C&ocirc;me. <i>Le faucon d&eacute;nich&eacute;</i>. Nathan, 2003. 196 p.
<br />&nbsp; <br /><i>Exemple pour un livre documentaire :</i> Turgeon, Alain. <i>Jules César</i>. Actes Sud junior, 2011. 72 p.</font></p>

<br />&nbsp; <br /><p style="width:700px; text-align:justify;"><img src="http://www.clg-rimbaud-aubergenville.ac-versailles.fr/pmb/opac_css/images/icon_art_16x16.gif" alt="" width="16" height="16" />&nbsp; <font size="4"><b>Articles de p&eacute;riodiques</b></font> <font size="3">(dans des journaux, des magazines)</font></p>

<br />&nbsp; <br /><p style="width:700px; text-align:justify;"><font size="3">Nom et Pr&eacute;nom de l'auteur. "Titre de l'article". <em>Titre du p&eacute;riodique</em>. Num&eacute;ro, Mois et année de publication. Pages de l'article.
<br />&nbsp; <br /><i>Exemple :</i> Blanchard, Jérôme. "Allons-nous manquer d'eau pure ?". <em>Science & Vie junior</em>, n&deg; 206, 11/2006. p. 68-73.</font></p>

<br />&nbsp; <br /><p style="width:700px; text-align:justify;"><img src="http://www.clg-rimbaud-aubergenville.ac-versailles.fr/pmb/opac_css/images/icon_l_16x16.gif" alt="" width="16" height="16" />&nbsp; <font size="4"><b>Page de site Internet</b></font></p>

<br />&nbsp; <br /><p style="width:700px; text-align:justify;"><font size="3">Nom et Pr&eacute;nom de l'auteur. "Titre de la page". <em>Nom du site</em> [en ligne], Date de publication (ou de mise &agrave; jour). Date de consultation. Adresse URL.
<br />&nbsp; <br /><i>Exemple :</i> Mespoulhé, Philippe [biologiste marin]. "Les requins et la menace d'extinction". <em> Futura-Sciences.com</em> [en ligne], 09/2004. Consulté le : 29/12/2012. Disponible sur : http://www.futura-sciences.com/fr/doc/t/zoologie-1/d/plaidoyer-pour-les-requins_442/c3/221/p4/</font></p>

La deuxième partie consiste à proposer un éditeur de bibliographie :

<br /><br /><br /><p style="width:700px; text-align:justify;"><img src="http://www.clg-rimbaud-aubergenville.ac-versailles.fr/pmb/opac_css/images/icon_a_16x16.gif" alt="" width="11" height="16" />&nbsp; <img src="http://www.clg-rimbaud-aubergenville.ac-versailles.fr/pmb/opac_css/images/icon_art_16x16.gif" alt="" width="16" height="16" />&nbsp; <img src="http://www.clg-rimbaud-aubergenville.ac-versailles.fr/pmb/opac_css/images/icon_l_16x16.gif" alt="" width="16" height="16" />&nbsp; <font size="4"><b>Générateur de références bibliographiques :</b></font></p>

<script type="text/javascript">
function copieChoix()
{
var separ = ", ";
var separ2 = ". ";
var separ3 = "p. ";
var separ4 = "n° ";
var separ5 = " Consulté le : ";
var separ6 = "Disponible sur : ";
var separ7 = " [En ligne]";
var separ8 = "\"";
var separ9 = " p.";
if (document.form.livre.checked == true) {
document.getElementById("result16").focus();
var concat = document.getElementById("result").value.toUpperCase() + separ + document.getElementById("result2").value + separ2 + document.getElementById("result3").value.italics() + separ2 + document.getElementById("result6").value + separ + document.getElementById("result9").value + separ2 + document.getElementById("result12").value + separ9;
document.getElementById("result16").value = concat;
}
if (document.form.chapitre.checked == true) {
document.getElementById("result16").focus();
var concat = document.getElementById("result").value.toUpperCase() + separ + document.getElementById("result2").value + separ2 + document.getElementById("result3").value.italics() + separ2 + document.getElementById("result6").value + separ + document.getElementById("result9").value + separ2 + document.getElementById("result7").value + separ + separ3 + document.getElementById("result13").value;
document.getElementById("result16").value = concat;
}
if (document.form.article.checked == true) {
document.getElementById("result16").focus();
var concat = document.getElementById("result").value.toUpperCase() + separ + document.getElementById("result2").value + separ2 + separ8 + document.getElementById("result8").value + separ8 + separ2 + document.getElementById("result4").value.italics() + separ + separ4 + document.getElementById("result11").value + separ + document.getElementById("result9").value + separ2 + separ3 + document.getElementById("result13").value;
document.getElementById("result16").value = concat;
}
if (document.form.web.checked == true) {
document.getElementById("result16").focus();
var concat = document.getElementById("result").value.toUpperCase() + separ + document.getElementById("result2").value + separ2 + separ8 + document.getElementById("result15").value + separ8 + separ2 + document.getElementById("result5").value.italics() + separ7 + separ + document.getElementById("result9").value + separ2 + separ5 + document.getElementById("result10").value + separ2 + separ6 + document.getElementById("result14").value;
document.getElementById("result16").value = concat;
}
if ((document.form.livre.checked == false)&&(document.form.chapitre.checked == false)&&(document.form.article.checked == false)&&(document.form.web.checked == false)) {
alert("Choississez un type de document !");
return false
}
}
</script>
<form name="form" action="">
<br><b>1 - Choisissez le type de document &agrave; citer.</b><br />&nbsp; <br />
<input type="radio" name="typedoc" id="livre" value="Livre"
onclick="
if (this.checked) {
this.form.result3.style.display='inline';
this.form.result4.style.display='none';
this.form.result5.style.display='none';
this.form.result6.style.display='inline';
this.form.result7.style.display='none';
this.form.result8.style.display='none';
this.form.result9.style.display='inline';
this.form.result10.style.display='none';
this.form.result11.style.display='none';
this.form.result12.style.display='inline';
this.form.result13.style.display='none';
this.form.result14.style.display='none';
this.form.result15.style.display='none';
}
return true;">Livre
<input type="radio" name="typedoc" id="chapitre" value="Chapitre"
onclick="
if (this.checked) {
this.form.result3.style.display='inline';
this.form.result4.style.display='none';
this.form.result5.style.display='none';
this.form.result6.style.display='inline';
this.form.result7.style.display='inline';
this.form.result8.style.display='none';
this.form.result9.style.display='inline';
this.form.result10.style.display='none';
this.form.result11.style.display='none';
this.form.result12.style.display='none';
this.form.result13.style.display='inline';
this.form.result14.style.display='none';
this.form.result15.style.display='none';
}
return true;">Chapitre
<input type="radio" name="typedoc" id="article" value="Article"
onclick="
if (this.checked) {
this.form.result3.style.display='none';
this.form.result4.style.display='inline';
this.form.result5.style.display='none';
this.form.result6.style.display='none';
this.form.result7.style.display='none';
this.form.result8.style.display='inline';
this.form.result9.style.display='inline';
this.form.result10.style.display='none';
this.form.result11.style.display='inline';
this.form.result12.style.display='none';
this.form.result13.style.display='inline';
this.form.result14.style.display='none';
this.form.result15.style.display='none';
}
return true;">Article de p&eacute;riodique (journaux, revues)
<input type="radio" name="typedoc" id="web" value="Web"
onclick="
if (this.checked) {
this.form.result3.style.display='none';
this.form.result4.style.display='none';
this.form.result5.style.display='inline';
this.form.result6.style.display='none';
this.form.result7.style.display='none';
this.form.result8.style.display='none';
this.form.result9.style.display='inline';
this.form.result10.style.display='inline';
this.form.result11.style.display='none';
this.form.result12.style.display='none';
this.form.result13.style.display='none';
this.form.result14.style.display='inline';
this.form.result15.style.display='inline';
}
return true;">Page internet
<br /><br />
<b>2 - Remplissez les champs suivants :</b><br />
(Passez la souris sur les champs pour avoir plus d'informations)<br /><br />

<table style="border-collapse:collapse; width:600px;">

<tr><td style="padding-top:10px;">&nbsp; <input type="text" id="result" size="20" value="NOM de l'auteur" title="Vide si l'auteur est anonyme.">&nbsp; </td><td style="padding-top:10px;">&nbsp; <input type="text" id="result2" size="20" value="Pr&eacute;nom de l'auteur" title="Vide si l'auteur est anonyme.">&nbsp; </td><td style="padding-top:10px;">&nbsp; <input type="text" id="result3" size="20" value="Titre du livre">&nbsp; </td></tr>

<tr><td style="padding-top:10px;">&nbsp; <input type="text" id="result4" size="20" value="Titre du p&eacute;riodique" title="Par exemple Science & vie junior, Wapiti...">&nbsp; </td><td style="padding-top:10px;">&nbsp; <input type="text" id="result5" size="20" value="Nom du site web">&nbsp; </td><td style="padding-top:10px;">&nbsp; <input type="text" id="result6" size="20" value="&Eacute;diteur" title="Se trouve sur la couverture ou dans les premi&egrave;res pages du livre.">&nbsp; </td></tr>

<tr><td style="padding-top:10px;">&nbsp; <input type="text" id="result7" size="20" value="Titre du chapitre">&nbsp; </td><td style="padding-top:10px;">&nbsp; <input type="text" id="result8" size="20" value="Titre de l'article">&nbsp; </td><td style="padding-top:10px;">&nbsp; <input type="text" id="result9" size="20" value="Date de publication" title="Se trouve dans les premières ou derni&egrave;res pages du livre, sous la mention 'D&eacute;pôt l&eacute;gal'.">&nbsp; </td></tr>

<tr><td style="padding-top:10px;">&nbsp; <input type="text" id="result10" size="20" value="Date de consultation" title="Date exacte du jour comme '16/12/2012'.">&nbsp; </td><td style="padding-top:10px;">&nbsp; <input type="text" id="result11" size="20" value="Num&eacute;ro">&nbsp; </td><td style="padding-top:10px;">&nbsp; <input type="text" id="result12" size="20" value="Nombre total de pages" title="Inscrire le dernier num&eacute;ro de page imprim&eacute;.">&nbsp; </td></tr>

<tr><td style="padding-top:10px;">&nbsp; <input type="text" id="result13" size="20" value="Pagination" title="Premi&egrave;re page et derni&egrave;re page de l'article ou du chapitre, comme '12-23'.">&nbsp; </td><td style="padding-top:10px;">&nbsp; <input type="text" id="result14" size="20" value="Adresse URL" title="De type 'http://www.exemple.fr/page45.html'.">&nbsp; </td><td style="padding-top:10px;">&nbsp; <input type="text" id="result15" size="20" value="Titre de la page web" title="Titre de la page à l'intérieur du site web.">&nbsp; </td></tr></table>

<br /><br /><input type="button" onclick="copieChoix()" value="G&eacute;n&eacute;rer">&nbsp; &nbsp;
<INPUT TYPE="button" VALUE="R&eacute;tablir les valeurs par d&eacute;faut" onClick="this.form.reset();"> <br /><br />
<b>3 - Copiez-collez la r&eacute;f&eacute;rence bibliographique suivante :</b><br /><br />
<textarea readonly id="result16" rows="5" cols="50"></textarea>
</form><br>
N'oubliez pas de <b>mettre en forme le titre</b> (situ&eacute; entre les balises &lt;i&gt; et &lt;/i&gt;) :<br />
- le <u>souligner</u>, pour une bibliographie &eacute;crite &agrave; la main<br />
- le mettre en <i>italique</i>, pour une bibliographie &agrave; l'ordinateur<br />

Ce travail ne souffre d’aucune personnalisation, si ce n’est peut-être dans la présentation des titre et sous-titres.

Le contenu de cet article est sous licence CC BY-NC-SA.

Enregistrer au format PDF

3 Messages

  • PMB : un éditeur de bibliographie Le 15 mars 2013 à 13:38, par Picard

    Merci beaucoup pour ce travail de création de code html que je vais m’empresser d’intégrer au catalogue du CDI du collège où j’exerce.

    Répondre à ce message

  • PMB : un éditeur de bibliographie Le 11 mars 2014 à 15:27, par Marissa

    Bonjour,

    Votre éditeur de bibliographie m’intéresse beaucoup mais jusqu’à présent je n’ai jamais réussi à exécuter du code javascript dans mes infopages.
    Du coup je me demande si la deuxième partie est à mettre en mode html dans l’infopage ou bien elle est à insérer ailleurs (ex : Administration/Paramètres/Outils/Paramètres généraux)
    En vous remerciant pour votre éclairage,

    Cdlt

    Répondre à ce message

    • PMB : un éditeur de bibliographie Le 11 mars 2014 à 18:44, par Florian Reynaud

      Le code javascript est bien dans l’infopage, il est intégré dans le code html sous forme de script, ce qui ne devrait pas poser de problème (à moins d’un souci associé à l’hébergement ? ce qui me paraît peu plausible).

      Répondre à ce message

Répondre à cet article