How To Abl Widget

“how to”: Aquabrowser widget Een widget is een klein computerprogramma dat gebruikt kan worden om één specifieke taak uit te voeren en die door gebruikers op verschillende systemen (weblogs, websites, persoonlijke portalpagina’s) gebruikt kan worden. Bibliotheken die gebruik maken van de Aquabrowser kunnen heel makkelijk een widget maken om in de Aquabrowser te zoeken. In deze “how to” kunt u lezen hoe dit moet. Om deze “how to” te gebruiken hoef je niet technisch te zijn. Het is wel makkelijk als je de 23 dingen cursus doorlopen hebt. Bij het maken van de widget zal je namelijk een aantal toepassingen gebruiken die ook binnen de 23 dingen cursus aan bod komen. Kennis van HTML kan handig zijn bij het doorlopen van deze “how to” maar is niet noodzakelijk.

Wat gaan we doen De Brabantwijzer is een Aquabrowser waarin verschillende Brabantse bronnen zijn opgenomen. Voor de Brabantwijzer is een speciale widget gemaakt (zie afbeelding). In deze “how to” wordt de code van de Brabantwijzer gebruiky om een widget te maken voor een lokale Aquabrowser van bibliotheek Heusden.

Wat heb je nodig • •

Een Google account Een Flickr account

•

Het bestand Brabantwijzer.xml (te downloaden via http://hosting.gmodules.com/ig/gadgets/file/114095553706832574570/Brabantwijze r.xml) Het logo van de lokale bibliotheek

•

Voorbereiding Voordat je de daadwerkelijke code gaat bewerken moet je eerst de URL van de lokale Aquabrowser achterhalen en het logo van de bibliotheek online zetten.

1. Ga naar de Aquabrowser library van de lokale bibliotheek en kopieer de URL in de adresbalk van we webbrowser.

In het voorbeeld is dit de URL: http://zoeken.bibliotheekheusden.nl

2. Upload het logo van de bibliotheek naar Flickr en kopieer de URL van de het plaatje.

In het voorbeeld is dit de URL: http://farm3.static.flickr.com/2669/3811046684_8d5c2d919e_o.png

3. Download het bestand Brabantwijzer.xml vanaf de website http://hosting.gmodules.com/ig/gadgets/file/114095553706832574570/Brabantwijze r.xml

Widget maken Als alle voorbereidingen zijn afgerond kun je beginnen met het echte werk. Het aanpassen van de code.

1. Log in op je Google account en ga naar de Google Gadget Editor op http://code.google.com/intl/nl/apis/gadgets/docs/tools.html#GGE

2. Upload het bestand Brabantwijzer.xml via file > Upload

3. De ModulePrefs is de metadata die aan de code is toegevoegd. Dit is het eerste stuk code dat men moet veranderen.

De onderdelen Screenshot en Thumbnail worden gebruikt in het Gadget overzicht van Google om een voorbeeld van de widget te laten zien. Deze kunnen later toegevoegd worden, maar dit is niet verplicht. Voor dit voorbeeld gebruiken wij het logo van de bibliotheek. Verander de URL die in de code staat voor de URL van het logo dat op Flickr gezet is. Code widget Brabantwijzer:

Code widget bibliotheek Heusden:

4. We gaan nu de code tussen de stukken aanpassen. Dit is zogenaamde HTML code. Als je kennis hebt van HTML kun je deze zelf aanpassen om de layout van de widget te veranderen. Heb je geen kennis van HTML, dan is het alleen nodig om een paar stukjes tekst aan te passen. Verander: Op regel 19: de URL achter de tekst action= in de URL van de lokale Aquabrowser. Op regel 25: de tekst Zoek in Brabantse Bronnen in een tekst die van toepassing is op de lokale catalogus. Op regel 32 de URL achter de tekst scr= in de URL van het logo van de bibliotheek. Op regel 55, 56 en 57 de URL achter de tekst href= in de URL van de lokale Aquabrowser en de teksten achter de tekst alt=, title= en font=”8px”> voor teksten die toepasselijk zijn voor de lokale bibliotheek.

Code widget Brabantwijzer:

Code widget bibliotheek Heusden:

5. Sla de bewerkte code nu op via file > save as.

Let er op dat je de widget een unieke naam geeft en in plaats van spaties een _ of – teken gebruikt.

6. Je widget is nu klaar.

Widget verspreiden Nu je widget klaar is kun je deze gaan verspreiden. Doe dit via file > Publish

Je krijgt dan de melding dat de widget gepubliceerd is. Je kunt ervoor kiezen om de widget gelijk op je IGoogle pagina te zetten door op de link “Add to my IGoogle page” te klikken. En de embedcode van de widget opvragen om deze op je eigen website of weblog te zetten door op de link “Add to webpage” te klikken.

Om de widget ook in het iGoogle overzicht van Google te zetten, klik je nu op de link “Publish to iGoogle Directory”. Je krijgt nu een pagina te zien met de algemene voorwaarden van Google. Klink onderaan deze pagina op de knop “Verzenden”

De widget wordt nu verzonden naar het iGoogle overzicht. Als dit proces goed verlopen is krijg je nu de onderstaande melding te zien.

Klik nu op de tekst “Klik hier” om het eindresultaat van de widget te bekijken.