Le Widget facile (2/4)

03 Sep
closeUne année au moins est passée depuis la publication de ce billet qui peut donc contenir des informations un peu datées.

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.

<?xml version=”1.0″ encoding=”utf-8″?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xmlns:widget=”http://www.netvibes.com/ns/”>
<head>
<meta name=”Title” content=”Chercher dans OAIster” />
<meta name=”author” content=”Daniel Bourrion” />
<meta name=”author_email” content=”mon adresse mail mais je ne la colle pas ici pour éviter d’être spammé par les vilains robots” />
<meta name=”description” content=”Chercher dans OAIster” />
<meta name=”apiVersion” content=”1.0″ />
<meta name=”debugMode” content=”true” />
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″/>
<link rel=”stylesheet” type=”text/css” href=”http://www.netvibes.com/themes/uwa/style.css” />
<script type=”text/javascript” src=”http://www.netvibes.com/js/UWA/load.js.php?env=Standalone”></script>
<title>Chercher dans OAIster (Archives Ouvertes)</title>
<link rel=”icon” type=”image/png” href=”http://www.netvibes.com/favicon.ico” />
</head>

<body>
C’est pour plus tard
</body>

</html>

Tags : ,

Aucune réponse

  1. LullyNo Gravatar says:

    A mon avis, commencer par OAIster est une très mauvaise idée d’un point de vue pédagogique : chaque fois que j’essaie d’y accéder, la base est inaccessible, et ce depuis au moins un an.
    Donc pour que tes élèves vérifient la validité de leur expérience, ça va être coton…

  2. dbourrionNo Gravatar says:

    Ben…. OAIster me répond toujours, pourtant… Tiens juste là, ça marche très bien… ???

  3. LullyNo Gravatar says:

    Problème de pare-feu de mon université alors ? Elle me bloque systématiquement les Opac sous PortFolio. Je réessaierai depuis chez moi.

  4. dbourrionNo Gravatar says:

    @Lully : je n’osais pas le dire… Parce que là, OAIster me répond toujours aussi bien que tantôt :-)

  5. NornaNo Gravatar says:

    J’aime bien cette idée de “feuilleton-tutoriel” !! Vivement les épisodes 3 et 4 …

  6. dbourrionNo Gravatar says:

    @Norna : enfin autant le dire tout de suite, pas de rebondissements, et peu de cascades dans ce feuilleton-là. Nous ne sommes pas dans ” Urgences “. Plutôt dans une sorte de ” Derrick ” ;-)

  7. [...] et des fenêtres | 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 [...]

Répondre

Face Ecran

Le 'nouveau' blog du taiseux bavard

Get Adobe Flash playerPlugin by wpburn.com wordpress themes