Gebruikershandleiding
Widget “Tip van de dag!”
Datum
Versie
Naam
Opmerkingen
01-12-2011
0.5
Schrijven handleiding
05-12-2011 16-01-2012
1.0 1.1
M. Bruinsma J. van Beijnen J. van Beijnen J. van Beijnen
28-02-2012
1.2
J. van Beijnen
Opmaak en kleine aanpassingen structuur Toevoegen handleiding bijsnijden afbeelding Toevoegen handleiding gebruik templates
Inleiding De widget “Tip van de dag” is een eigentijdse digitale variant op de alom bekende ouderwetse papieren scheurkalender. De digitale scheurkalender kan geplaatst worden op de homepage van de bibliotheek en geeft 365 dagen per jaar iedere dag een tip. Voordelen De bibliotheekwebsite biedt altijd een nieuwtje en is hierdoor dynamisch en actueel; De kalender wordt gevuld door een vaste redactie vanuit Bibliotheek Breda en Theek5; Iedere basisbibliotheek heeft de mogelijkheid het standaard advies te vervangen door een lokaal advies om extra aandacht te geven aan specifieke onderwerpen, activiteiten of acties in het eigen werkgebied; De widget kan ingezet worden ter promotie van de bibliotheek via de eigen nieuwsbrief of richting samenwerkingspartners. In deze handleiding kunt u als bibliotheekbeheerder van de widget lezen hoe u de widget kunt aanpassen en hoe u de widget op uw bibliotheek website kunt integreren.
2
Inhoudsopgave Beheersysteem ........................................................................................................................................ 4 Inloggen ............................................................................................................................................... 4 Wachtwoord wijzigen .......................................................................................................................... 5 Plaatsing Widget...................................................................................................................................... 6 Stappen................................................................................................................................................ 6 Afmetingen .......................................................................................................................................... 8 Vereisten website ................................................................................................................................ 8 Geavanceerd........................................................................................................................................ 8 Code..................................................................................................................................................... 8 Beheren Tips ............................................................................................................................................ 9 Tip toevoegen ...................................................................................................................................... 9 Afbeelding bijsnijden ......................................................................................................................... 12 Algemene tips bekijken ..................................................................................................................... 13 Ondersteuning ....................................................................................................................................... 14
3
Beheersysteem U kunt de widget beheren via een speciaal voor de Widget ontwikkeld beheersysteem. U kunt dit systeem via de volgende link benaderen: http://widget.bnbibliotheek.nl/user
Inloggen Om in de kunnen loggen moet u gebruik maken van de inloggegevens van uw bibliotheek (deze zijn middels een e-mail naar de contactpersonen van de bibliotheken opgestuurd). 1. Vul uw gebruikersnaam en wachtwoord in en klik op de knop inloggen.
2. Als u succesvol bent ingelogd krijgt u het volgende scherm te zien.
4
Wachtwoord wijzigen Wij raden alle bibliotheken aan om het wachtwoord de eerste keer dat u het systeem gebruikt aan te passen. Dit kan heel simpel door de volgende stappen te volgen. 1. Klik in het beheerssysteem in het menu “Profiel” op de link “Widget gegevens” .
2. Vul in de volgende pagina bij het vakje “Huidige wachtwoord” uw oude in en bij de vakjes “Wachtwoord” en “Wachtwoord bevestigen” uw nieuwe wachtwoord in.
3. Klik onder aan de pagina op de knop “opslaan”.
4. Als u de melding “De wijzigingen zijn opgeslagen” krijgt is uw wachtwoord aangepast.
5
Plaatsing Widget De widget is zo opgezet dat deze in alle websites eenvoudig plaatsbaar is. Het plaatsen omvat niet meer dan het opnemen van 1 regel HTML-code in de website, welk middels een zogenaamd ‘iframe’ de volledige widget toont. De opmaak en inhoud liggen vast in de widget en hoeven dus niet via het lokale CMS te worden bewerkt.
Stappen Om de widget op te nemen in de website dienen de volgende stappen te worden doorlopen: 1. Klik in het beheerssysteem in het menu “Profiel” op de link “Widget gegevens”.
2. Er zijn voor de widget 2 zogenaamde widget templates beschikbaar. Deze templates bepalen hoe de widget er uit ziet. U kunt kiezen voor het template “bibliotheek” zie hieronder:
of het template “neutraal” zie hieronder: (let op de achtergrond kleur is bij dit template afhankelijk van de instellingen van uw website)
Klik hier aan welk template u wilt gebruiken.
6
3. U krijgt nu een pop-up scherm te zien waarin de aangeraden hoogte en breedte wordt weergegeven. Klik hier op “ok”.
4. Geef onderaan deze pagina de breedte en de hoogte aan welke u voor de widget wilt gebruiken.
5. Kopieer de code uit het tekstblok dat er onder staat. En klik vervolgens op de knop “Opslaan”.
6. Log in in het lokale CMS van de bibliotheekwebsite en plak de gekopieerde code op de plek waar u wilt dat de widget verschijnt.
7
Afmetingen In de gekopieerde code ligt de hoogte en breedte vast van het iframe waarin de widget getoond wordt. De widget schaalt mee met veranderingen in de afmetingen van dit iframe. Wanneer we in deze context spreken over hoogte en breedte, spreken we voor het gemak over de breedte en hoogte van het iframe. Het standaard widgettemplate “bibliotheek” is geoptimaliseerd voor een formaat van 300 bij 350 pixels. Het neutrale widgettemplate “neutraal” is geoptimaliseerd voor een formaat van 150 bij 450 Als u afwijkt van de hierboven genoemde maten kan het voorkomen dat een stuk van de widget weg valt. Als de hoogte en breedte word aangepast zal de widget mee geschaald worden. In sommige gevallen zijn er beperkingen tot welke hoogte en breedte een widget geschaald kan worden, dit kan invloed hebben op hoe de widget getoond word op de website (zo kan er b.v. er witruimte onder de widget ontstaan). Het is aan te raden om als u van de hierboven gestelde maten afwijkt de werking van de widget goed te controleren nadat deze op u website geplaatst is. De breedte van de widget is altijd inclusief de kaderranden (afhankelijk van het gekozen widget template) die bij de widget zitten.
Vereisten website Er zijn geen specifieke eisen waaraan de website dient te voldoen. Zolang de code die het iframe weergeeft te plaatsen is, wordt de widget getoond.
Geavanceerd Om te experimenteren met de breedte en hoogte van het iframe kan de regel code ook handmatig gewijzigd worden zonder deze te hoeven oproepen zoals eerder uitgelegd onder ‘Stappen’.
Code De te plaatsen code is iets als de volgende: <iframe src="http://widget.bnbibliotheek.nl/" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:280px; height:350px;" allowTransparency="true"> Bovenstaande code is ter illustratie en niet werkend. De code die specifiek de widget weergeeft voor de eigen bibliotheek, is terug te vinden in het beheer (zie ‘Stappen’).
8
Beheren Tips Tip toevoegen De widget wordt standaard gevuld door een vaste redactie, maar u kunt de standaard tips vervangen/ wijzigen om ze meer aan te laten sluiten bij uw eigen bibliotheek. Wanneer u een tip wilt toevoegen (of een tip wilt wijzigen) moet u de onderstaande vier gegevens invoeren. Zorg ervoor dat u deze vier gegevens paraat heeft alvorens u een tip gaat toevoegen. Titel: De titel welke de tip krijgt. Deze mag maximaal 30 karakters lang zijn. Tekst: Een korte omschrijving van de tip. Deze tekst mag maximaal 200 karakters lang zijn. Afbeelding: Een afbeelding die bij de tip hoort. Deze afbeelding moet een .png, .jpg of .gif bestand zijn, mag niet groter dan 5Mb zijn en moet een afmeting van 100 bij 150 pixels hebben. URL: Een weblink waar meer informatie over de tip te vinden is. Deze moet beginnen met http:// Als u deze gegevens verzameld hebt kunt u de volgende stappen doorlopen om een tip toe te voegen. 1. Klik in het beheerssysteem in het menu “Menu” op de link “Bekijk de eigen items”
2. Selecteer uit het uitklapmenu “Datum” de optie “Is gelijk aan” en geef bij de uitklapmenu’s bij het onderdeel “Datum waarde” de datum in van de dag waarvoor u een tip wilt toevoegen. Klik vervolgend op de knop “Uitvoeren”.
9
3. Klik nu op de knop “bewerken” om de gegevens toe te voegen (of aan te passen).
4. Vul nu in het veld “Titel” de titel, onder het veld “Body” de omschrijving en onder het veld “Link” de URL van de tip in.
5. Klik nu in het veld “Afbeelding” op de knop “Bestand kiezen”.
6. Zoek op uw eigen computer het bestand op dat u wilt gebruiken en klik op “Openen”
10
7. Klik nu op de knop “Uploaden”
8. Is uw afbeelding geupload dan kunt u op de knop “Opslaan” klikken om de tip op te slaan.
11
Afbeelding bijsnijden De afbeeldingen werden door de widget automatisch geschaald en bijgesneden naar een afbeelding van 100 pixels breed en 150 pixels hoog. Om dit makkelijker en duidelijker te maken is er de mogelijkheid toegevoegd om de afbeelding ook handmatig bij te snijden. 1. Klik als je een afbeelding hebt toegevoegd op de knop “Crop Scheurkalender”
2. Selecteer met de muis het gedeelte dat je wilt bijsnijden. En klik op de knop"Save selection"
3. Je ziet nu de het aangepaste plaatje zoals deze ook in de Widget gebruikt wordt.
12
Algemene tips bekijken Wanneer u geen eigen tip heeft toegevoegd zal de widget de algemene tips laten zien. U kunt als bibliotheek de algemene tips niet bewerken, maar wel vast bekijken. U kunt dit doen door de volgende stappen te volgen. De tips worden gedurende het jaar periodiek door de vaste redactie aangevuld, dit betekent dat de tips niet voor 365 dagen te bekijken zijn. Het is dus mogelijk dat er voor bepaalde data nog geen tips worden getoond. Hier is voor gekozen om de vaste redactie de kans te geven in te spelen op actuele onderwerpen. 1. Klik in het beheerssysteem in het menu “Menu” op de link “Bekijk de algemene gegevens”
2. Selecteer uit het uitklapmenu “Datum” de optie “Is gelijk aan” en geef bij de uitklapmenu’s bij het onderdeel “Datum waarde” de datum in van de dag waarvoor u een tip wilt bekijken. Klik vervolgens op de knop “Uitvoeren”.
3. U ziet nu de tip welke op de door u geselecteerde datum wordt weergegeven.
13
Ondersteuning Neem voor vragen over het beheer of de implementatie van de widget contact op met Jeroen van Beijnen, via 013-4656135 of Martijn Bruinsma, via 013-4656134. Neem voor opmerkingen, extra informatie of vragen over de redactie van de widget contact op met Marieke Hezemans, via 013-4656708.
14