Posts Tagged ‘Bidouilles’

Le Widget facile (4/4) (MàJ)


10 Sep

Résumé des épisodes précédents : nous avons défini un Widget et entamé la page HTML qui va le “porter”, puis nous avons récupéré le code source du formulaire que nous voulons widgetiser.

Si nous déposons notre page HTML sur notre serveur, et allons la lire comme un simple surfeur, oh joie, oh bonheur, nous voyons un widget qui contient TOUT le formulaire de la page de recher OAIster. Autrement dit, pour les plus maximalistes, le boulot est terminé.

Mais comme nous aimons les formulaires légers, avec un champ unique, nous allons nettoyer le code de notre page pour simplifier ledit formulaire.

Là, je ne peux pas m’étendre sur toutes les subtilités, ce n’est pas le but ici, et j’en suis incapable (ces histoires de widget, c’est beaucoup de bricolage aussi… Mais chuuuut). Et puis il faut malgré tout que vous bossiez un peu par vous-même : le vélo ne s’apprend pas dans les livres. Deux précisions pour vous aider, quand même :

  • les balises contenant <input (je coupe) type=”hidden”/> sont à conserver : elles passent des paramètres cachés, mais en général essentiels ;
  • le formulaire final doit être un formulaire standard, respectant les bases HTML.

Dans l’exemple sur lequel nous travaillons, après avoir un peu tâtonné, j’obtiens ceci, pour le formulaire :

<form target=”_blank” action=”http://quod.lib.umich.edu/cgi/b/bib/bib-idx” name=”simple_form” method=”post”/>
<input name=”type” value=”boolean” type=”hidden”/>
<input name=”size” value=”10″ type=”hidden”/>
<input id=”rgn1″ name=”rgn1″ value=”entire record” type=”hidden”/>
<input id=”rgn2″ name=”rgn2″ value=”entire record” type=”hidden”/>
<input id=”rgn3″ name=”rgn3″ value=”entire record” type=”hidden”/>
<input name=”c” value=”oaister” type=”hidden”/>
<input name=”sid” value=”0f466500e44ba2a0697b87b4e29062ea” type=”hidden”/>
<input name=”q1″ class=”saisie-texte” value=”Saisir votre recherche” onFocus=”value=’ ‘” size=”45″ maxlength=”255″ type=”text”/>
<input name=”submit” id=”submit” value=”Rechercher” type=”submit”/>
</form>

On colle tout ça entre les balises body, on dépose sur un serveur et voilà, on a fait un widget pour OAIster que les vrais fainéants trouveront tout chaud ici (avec un petite erreur apparemment si j’en crois les commentaires, d’où : un bon point à celui qui trouve l’erreur)

La méthode est toujours la même. A vous de jouer… C’est en widgetisant que l’on devient widgetiseur.

Le Widget facile (3/4)


08 Sep

Résumé des épisodes précédents : nous avons défini un Widget et entamé la page HTML qui va le “porter”.

Nous devons à présent remplir le <body> de cette page. Notre Widget devant être simple, ce <body> ne contiendra que le formulaire destiné à interroger OAIster. Il pourrait être beaucoup plus compliqué, mais faisons simple : la simplicité, c’est la beauté, comme le prouve E=mc2.

Pour trouver comment construire ce formulaire, c’est assez facile : on se rend sur la page de recherche de OAIster, , et on affiche le code source (en général, menu Afficher / Code Source – tout dépend de votre butineur).

Ouh là… Oui, c’est très vilain, ce qui apparaît là. Copions tout cela et collons-le dans un fichier vide créé dans l’éditeur HTML, ce sera plus simple à tripoter.

En examinant de près le code source de la page originale d’OAIster, on va repérer tout ce qui se trouve entre les balises <form> et </form> : c’est le code source du seul formulaire et c’est ça qui nous intéresse. On copie, et on colle dans le <body> de la page HTML de notre widget à nous. Je la fais courte, mais on obtient ça :

<body>
<form bla bla bla-bla>
<input bla bla bla-bla>
… je coupe…
<input bla bla bla-bla>
</form>
</body>

Voilà, le plus gros du boulot est fait. Pause café pour tout le monde.

Le Widget facile (2/4)


03 Sep

Bon, tout le monde est là ? Je fais pas l’appel, ça va me rappeler mon boulot d’avant. Allez, on s’accroche à sa souris, c’est parti !

Le projet est de monter un Widget destiné à taper dans OAIster, le moteur de recherche dédié aux Archives Ouvertes. Ce Widget fonctionnera sous Netvibes et iGoogle.

Comme tous les Widgets ici proposés, notre petite production sera en fait une simple page HTML (c’est pour cela que nous avons besoin d’un serveur web pour la déposer, cf. liste des courses du premier billet de la série).

Donc, dans votre éditeur HTML, vous ouvrez une nouvelle page que nous nommerons OAIster.html (Eh oh, on écoute, au fond ??). Tous les widgets que j’ai proposé sur ce blog reposent sur la même structure de page HTML. Comme vous êtes un peu fainéants, et moi aussi, je vous mâche une partie du boulot en collant au bas de ce post le code de ladite page, qu’il vous suffit de copier dans l’éditeur.

Cette base est toujours la même, vous avez seulement à remplacer les “content” et ce qui se trouve entre <title></title> par les valeurs qui définissent votre Widget à vous.

La suite du boulot se passe dans le <body>. Nous verrons cela la prochaine fois.

(more…)

Le Widget facile (1/4)


01 Sep

Bon, le mieux, c’est encore de vous montrer comment on fait… Vous savez bien, le proverbe ” Donne un poisson, etc… ”

Alors je commence ici une petite série pédagogique sur la fabrication des Widgets, à la main, à l’ancienne. Et avant d’aller plus loin, je définis l’objet du “cours” : le Widget.

Apparu au 7ème siècle avant J.C. en Chine, le Widget… Euh non… Je reprends.

En résumé, le Widget est un petit outil informatico-graphique dédié à une tâche particulière (surveiller les cours de la Bourse, lire son horoscope, suivre la météo ou interroger une base de données spécifique, au hasard, un SIGB).

Il peut être “autonome” (c’est le cas sous Mac OS X ou Vista ou Linux), i.e. qu’il va fonctionner sur l’ordinateur ; ou disons “intégré” dans un espace donné, sur Internet (c’est le cas des Widgets dont nous parlons ici, qui fonctionnent sur des plateformes type Netvibes, iGoogle, ou des blogs).

Voilà. J’espère avoir été clair. La prochaine fois, nous commencerons à bosser vraiment. Je vous donne la liste du matériel nécessaire :

  • un éditeur HTML gratuit (Komposer par exemple)
  • un butineur (Firefox, Flock, etc…)
  • un serveur web du genre Apache auquel vous avez accès en dépôt
  • dix doigts (mais moins, ça va aussi)
  • un cerveau (taille S ou M)

PS : La définition du Widget est un mix de Wikipedia et de ma petite tête. Elle vaut ce qu’elle vaut (la définition, pas ma tête, qui vaut bien moins)

Ton plugin Firefox/Internet Explorer facile (7)


23 May

The last ? Pas certain, à chaque fois, je découvre une autre fonctionnalité de ce gadget créé par LibX et décidément plein de ressources ;-) .

Cette fois, je m’en suis aperçu dans LibraryThing en voyant apparaître, sur la notice d’un livre de ma bibliothèque, une petite icône qui rappellera quelques souvenirs à certains (j’ai retouché la copie d’écran, l’icône est plus bas dans la réalité) :

Oui, c’est l’icône du résolveur de liens de la Bu d’Angers. Et quand je clique sur icelle, pof, s’ouvre la petite fenêtre qui propose tous les services que nous sommes en mesure d’offrir autour de ce document, en “temps réel” (i.e. au plus juste de la réalité des possibilités, le résolveur de liens adaptant dynamiquement les propositions à cette réalité) :

PS : précisons que l’icône en question n’apparaît pas systématiquement. J’ai l’impression que c’est une histoire d’ISBN. Si quelqu’un a une idée plus précise du pourquoi du comment…

Ton plugin Firefox/Internet Explorer facile (6)


21 May

Encore un pour la route ? LibX ajoute dans mon menu contextuel (clic droit de la souris) deux ou trois choses intéressantes. Je suis sur Amazon, par exemple. Je sélectionne un nom d’auteur, je clique droit et je vois plusieurs possibilités de recherche (derniers items du menu contextuel) :

Je choisis de faire une requête vers mon catalogue et pof, une fenêtre s’ouvre avec les résultats… Ohhhh, c’est beau…..

Ton plugin Firefox/Internet Explorer facile (5)


07 May

Et puis encore : la barre que rajoute LibX contient une petite zone qui n’a l’air de rien, nommée chez moi “Search Aleph main menu” (normal, mon SIGB, c’est Aleph).

Et bien, imaginons que je sois sur une page web et que je vois dans ladite page le nom de Marguerite Duras. Imaginons toujours que d’un seul coup, il me vienne l’envie de savoir ce que la Bu d’Angers peut avoir dans son catalogue sur ladite Marguerite.
Eh bien, il me suffit de sélectionner à la souris les termes de ma recherche, ici, donc, “Marguerite Duras”, et de faire un “tirer/lâcher” de ma sélection vers la zone “Search Aleph main menu”.

Et pof, un onglet s’ouvre, qui me crache les résultats de ma requête sur Marguerite Durans dans le catalogue… Le bonheur, c’est simple comme un “sélectionner/tirer/lâcher” !

Ton plugin Firefox/Internet Explorer facile (4)


05 May

Ensuite : notre plugin monté avec l’outil présent chez LibX a des yeux de bibliothécaire… Il repère (pas sur tous les sites mais quand même) les ISBN qui traînent dans les pages web et s’empresse de les souligner.

Et quand on clique sur le lien que notre biblio-plugin a souligné pour nous, petits surfeurs égarés, une requête sur ledit ISBN va interroger directement le catalogue de la bibliothèque…

Ton plugin Firefox/Internet Explorer facile (3)


28 Apr

Trop fort : le plugin monté avec l’outil présent chez LibX permet de squatter Google… Si si, vous avez bien lu. Et une image valant mieux qu’un grand discours : une fois ma requête Google effectuée (ici, “Duras”), je vois dans l’écran des réponses ma petite icône ici pointée au crayon de papier.

Et quand je clique sur ladite icône, hop, j’envoie une requête “Duras” vers mon catalogue. Directement. Depuis Google… Et les résultats de cette requête s’ouvrent dans un nouvel onglet :

Ton plugin Firefox/Internet Explorer facile (1)


17 Apr

Construire un plugin Firefox ou IE, c’est simple comme LibX (non, ce lien ne renvoie pas vers un site “spécialisé”) !

Surtout lorsque le module Edition Builder en ligne à la même adresse prend en charge les fainéants comme moi : il suffit d’aller dans l’onglet My Editions et de s’ouvrir un compte (gratuit) pour se voir proposer un “environnement” au sein duquel le développement du plugin qui va bien se réduit à renseigner quelques champs et à cliquer un peu…

Bluffant et très efficace. Le résultat en quelques minutes : un plugin (voici la version super-beta Angers pour Firefox et IE, ce dernier demandant une install un peu lourde…) qui, installé, déploie une barre d’outils proposant à l’usager des recherches directes dans le catalogue de ma bibliothèque ; et pleins d’autres choses sur lesquelles je vais essayer de revenir bientôt.

(Repéré via OpenSesame)

Face Ecran

Le 'nouveau' blog du taiseux bavard

Get Adobe Flash playerPlugin by wpburn.com wordpress themes