La Baleine Ă  bulle et autres librairies imaginaires

baleine-a-bulle

Comme en 2012 et 2011, j’ai donnĂ© de septembre Ă  dĂ©cembre un cours de 14h sur la communication sur internet au PĂŽle MĂ©tiers du Livre de Saint-Cloud. Cette annĂ©e, le cours s’adressait aux Ă©tudiantes de l’option librairie du Master 1, mais n’Ă©tait pas liĂ© Ă  un projet tutorĂ© de crĂ©ation de librairie. Elles ont donc dĂ», dans le cadre de ce cours, inventer chacune une librairie imaginaire dont nous avons ensemble conçu le site web.

Le cours portait sur :

  • mon expĂ©rience de libraire en ligne (Ă  l’Ă©poque de la Librairie Ys) et plus rĂ©cemment mon travail avec d’autres librairies dont j’ai conçu les sites et que j’accompagne au quotidien ;
  • une initiation aux langages HTML5 et CSS3, mais aussi au design graphique avec Photoshop ;
  • un travail prĂ©alable Ă  la conception du site sur le cahier des charges, la maquette et  l’arborescence du site ;
  • la crĂ©ation pratique du site en lui-mĂȘme, Ă©tape par Ă©tape, accompagnĂ© d’une rĂ©flexion sur l’ergonomie des pages web, l’optimisation pour le rĂ©fĂ©rencement, la communication sur les rĂ©seaux sociaux et l’utilisation d’un outil de statistiques.

Pour la crĂ©ation du site, les Ă©tudiantes ont pu utiliser le moteur Biblys et son Ă©diteur HTML intĂ©grĂ©. Elles ont ainsi pu profiter d’un vĂ©ritable site d’e-commerce avec un moteur de recherche, un panier, un systĂšme de commande et une base bibliographique trĂšs fournie, pour lequel elles ont eu Ă  crĂ©er le squelette HTML et les feuilles de styles CSS.

L’enjeu n’Ă©tait Ă©videmment pas de leur enseigner la crĂ©ation d’un site de A Ă  Z, ce qui demanderait plus de 14h, mais de les initiera aux langages de base du web et de leur donner les notions et la culture gĂ©nĂ©rale nĂ©cessaire pour dialoguer efficacement avec un prestataire technique, ainsi qu’un aperçu des bonnes pratiques de crĂ©ation de site web spĂ©cifiques aux domaines du livre.

Quatre sites de librairies imaginaires ont été créés dans le cadre du cours :

(On regrettera au passage que l’intĂ©rĂȘt des aspirants libraires pour les littĂ©ratures de l’imaginaire — ici deux librairies sur quatre — ne soit pas du tout reprĂ©sentatif de l’intĂ©rĂȘt du public pour le genre).

Plusieurs documents utilisés pour ce cours sont téléchargeables en PDF :

Citriq : automatiser le référencement de vos critiques littéraires avec PHP

Si votre site ou blog utilise php, il est facile de lui faire Ă©crire le petit code JavaScript permettant de rĂ©fĂ©rencer automatiquement vos critiques dans Citriq. Cela vous Ă©vitera d’avoir Ă  les entrer une par une.

Voici une fonction qui permet de faire écrire automatiquement le code widget à PHP en fonction des paramÚtres reçus. Elle nécessite PHP 5.

Cette fonction permet notamment via deux nouveaux paramĂštres excerpt et rating d’envoyer Ă  Citriq un extrait (jusqu’Ă  500 caractĂšres) de la critique et une note (sur 100). Ces paramĂštres Ă©taient jusqu’Ă  prĂ©sent rĂ©servĂ©s aux critiques entrĂ©es manuellement.  La fonction se charge en outre de l’encodage du texte dans les paramĂštres du widget de maniĂšre Ă  ce que les caractĂšres soient correctement pris en charge par Citriq.

La fonction

function citriq($params) {
  if(empty($params["uid"])) $error = "Le paramĂštre uid est obligatoire";
  elseif(empty($params["isbn"])) $error = "Le paramĂštre isbn est obligatoire";
  else return '<script type="text/javascript" src="http://citriq.net/w/crawl?'.http_build_query($params).'"><script>';
  if($params["debug"] == 1 && isset($error)) die("Erreur Citriq : ".$error);
}

Utilisation

Cette fonction prend comme seule valeur un tableau php (array) dont les clés sont les différents paramÚtres du widget Citriq. Sauf mention contraire, ils sont tous facultatifs. Notez que les noms des paramÚtres sont toujours en minuscules.

  • uid (obligatoire) : l’identifiant unique de la critique dans votre base ;
  • isbn (obligatoire) : le code IBSN du livre critiquĂ© ;
  • excerpt : un extrait de la critique (jusqu’à 500 caractĂšres) ;
  • reviewer : l’auteur de la critique (s’il y en a plusieurs sur le site) ;
  • source : support dont est issue la critique (si diffĂ©rent du site) ;
  • rating : permet d’indiquer une note (un entier, sur 100) ;
  • date : la date de publication de la critique ;
  • ignore : permet d’afficher le widget sans enregistrer la page en cours ;
  • debug : si ce paramĂštre facultatif est Ă©gal Ă  1, Citriq affichera des informations statistiques et un Ă©ventuel message d’erreur sur votre site.

La fonction retourne le code javascript du widget prĂ©parĂ© qu’on peut rĂ©cupĂ©rer dans une variable ou afficher immĂ©diatement avec l’instruction echo.

Exemple

Ci-dessous, un exemple de code (fictif) qui permettrait de référencer la critique publiée sur cette page, pour le résultat sur cette page.

$params["uid"] = 3601;
$params["isbn"] = 9782277492830;
$params["excerpt"] = "Quand, voici quelques mois, les jeunes Ă©ditions Dystopia Workshop publiĂšrent Le ProphĂšte et le vizir, la surprise fut de taille. On ne s’attendait pas le moins du monde Ă  voir le couple RĂ©my revenir Ă  l’écriture et publier de l’inĂ©dit. Il avait eu une assez belle carriĂšre dans les annĂ©es 70, dont plus d’un se serait satisfait, mais il semblait qu’elle fĂ»t dĂ©sormais de...";
$params["reviewer"] = "Jean-Pierre Lion";
$params["source"] = "Bifrost 71";
$params["rating"] = "80"; // Equivaut Ă  4 Ă©toiles sur 5
echo citriq($params);

Exemple avec WordPress

Il est possible d’utiliser les champs personnalisĂ©s de WordPress pour faire gĂ©nĂ©rer automatiquement le code du widget Citriq par WordPress. On trouvera plus d’information Ă  ce sujet dans l’article Automatiser le rĂ©fĂ©rencement de vos critiques avec WordPress.

MAJ du 08/02/2014 : il existe aussi une extension WordPress pour Citriq, qui utilise cette fonction php mais est beaucoup plus simple Ă  mettre en oeuvre.

$params["uid"] = get_the_id(); // L'identifiant de l'article WordPress
$params["isbn"] = get_post_meta(get_the_id(), "isbn", true); // Le champ personnalisé "isbn"
$params["reviewer] = get_the_author(); // L'auteur de l'article WordPress
$params["excerpt] = get_post_meta(get_the_id(), "extrait", true); // Le champ personnalisé "extrait"
if(is_singular()) echo citriq($params);

RĂ©solution des problĂšmes

Si le code du widget ne s’affiche pas correctement, vous pouvez utilisez le paramĂštre facultatif debug pour afficher un message d’erreur. Si vous ne comprenez pas le message d’erreur, n’hĂ©sitez pas Ă  poser la question dans les commentaires ci-dessous.

Bonus : l’Ă©quivalent en Python (merci Joachim)