VGC portaal sites. 18 juli 2011 EEN GLOBALE VISIE OP DE INFORMATIE ARCHITECTUUR & UX

VGC portaal sites EEN GLOBALE VISIE OP DE INFORMATIE ARCHITECTUUR & UX

18 juli 2011

Kunstmaan nv Tervuursevest 362‐1 3000 Leuven Phone +32 (0)16 300 780 Fax +32 (0)16 300 789 [email protected] RPR Leuven BTW BE 0463 235 871 KBC 431‐0703991‐32 ING 330‐0709211‐01 Kunstmaan.be

VGC PORTAAL SITES: GLOBALE VISIE DOCUMENT

CONTENT 1. Informatie architectuur .............................................................................3 1.1 Waarom? 3 1.2 Bottom-up navigatie 4 1.3 Het personaliseren van de homepage(s) 12 1.4 Het verbeteren van de interne zoekmachine 14 2. Een goede, uniforme UX ......................................................................... 16 2.1 Het uitgangspunt 17 2.2 Een gemeenschappelijk profiel voor alle portaal sites 17 2.3 Een uniforme personalisatie module op de homepage 20 2.4 Gepersonaliseerde Nieuwsbrieven 20 2.5 Een uniforme, conventionele lay-out 21 2.6 Het hergebruik van HTML templates 23 3. Visie in pratijk gebracht .......................................................................... 24 3.1 Zonder CMS, geen bottom-up navigatie of personalisatie 24 3.2 Selectiecriteria voor het CMS 26 3.3 Selectiecriteria voor de zoekmachine 30

2/30


1. INFORMATIE ARCHITECTUUR 1.1 WAAROM? Alhoewel de verschillende portaal sites als onafhankelijke sites ontwikkeld en gepositioneerd worden, zijn er vele inhoudelijke raakvlakken en zullen alle sites de facto gebruik maken van een gemeenschappelijke databank (en CMS). Daarom zouden we VGC willen aanraden om d.m.v. een intelligente informatie architectuur strategie niet alleen de vindbaarheid van de informatie binnen elke portaal site, maar ook over de 3 portaal sites te verhogen en aldus ook de algemene UX (User Experience) te verbeteren. Volgens Peter Morville – een van de grondleggers van de informatie architectuur – is een goede vindbaarheid van de informatie immers dé conditio sine qua non voor een goede UX (zie afbeelding 1). Indien een bezoeker van een site de informatie waar hij/zij op zoek naar is niet kan vinden, maakt het immers weinig uit hoe waardevol die informatie is of hoe gebruiksvriendelijk de site is. Wanneer een bezoeker dit enkele keren ervaart, zal hij/zij zelfs definitief afhaken en via zoekmachines en andere sites deze informatie proberen te vinden. Een goede vindbaarheid van de informatie over alle portaal sites is daarom volgens ons de belangrijkste Key Success Factor!

Afbeelding 1: UX honeycomb - de 7 facetten van de online UX volgens Peter Morville

3/30


Concreet stellen wij daarom de volgende drievoudige aanpak voor: 1. het ontwikkelen van een bottom-up navigatie; 2. de mogelijkheid om de homepage(s) te personaliseren; 3. het optimaliseren van de zoekresultaten.

1.2 BOTTOM-UP NAVIGATIE Wat? Naast de conventionele topdown navigatie (via het menu en de sitemap), kunnen we voor de belangrijkste content objects1 ook links naar gerelateerde interne nieuwsberichten, pagina’s en documenten en van de andere portaal sites tonen.

Afbeelding 2: het contextueel tonen van (links naar) gerelateerde informatie

Een content object is een beheersbare brok van informatie georganiseerd rond een bepaald onderwerp (een product, een proces, een functie, een thema, ...). Het is een zelfstandige eenheid die op verschillende manieren kan worden hergebruikt, afhankelijk van de doelgroep en het doel.

1

4/30


Waarom? Met een bottom-up navigatie wordt de vindbaarheid van de informatie aanzienlijk verhoogd, omdat de bezoekers rechtsreeks vanuit de inhoud (i.e. bottom-up) kunnen navigeren naar gerelateerde informatie op de site zelf en naar de andere portaal sites zonder belemmerd te worden door het feit dat deze informatie zich op verschillende sites bevindt met verschillende menu’s. Hoe? Om zowel binnen een specifiele portaal site als over de andere VGC portaal sites gerelateerde inhoud met elkaar te kunnen verbinden, moet er voor elke portaal site een content model2 ontwikkeld worden en moeten deze content models met elkaar verbonden worden. Content models vormen nl. de basis van elke “bottom-up navigatie” en worden gebruik om bepaalde inhoud te beschrijven en contextuele linking mogelijk te maken (i.e. het tonen van links naar gerelateerde pagina’s en/of documenten). De opeenvolgende stappen om een content model te ontwikkelen, zijn: 1. Bepaal de doelgroepen (Wie zijn de gebruikers?) 2. Inventariseer en analyseer de inhoud (Welke inhoud hebben we?) 3. Bepaal de document en object types (Welke soorten documenten en content objecten hebben we?) 4. Bepaal de metadata classes (Waar gaan deze content objecten over?) 5. Bepaal de regels voor de contextuele linking (Naar welke gerelateerde inhoud gaan we linken?) Om op een efficiënte wijze inhoud met inhoud te verbinden en inhoud met lezers, moet de gebruikte metadata overigens erg consistent zijn (en dit zowel structureel als semantisch vlak - zie afbeelding 3). Daarom raden wij VGC aan om een gemeenschappelijke thesaurus (zie afbeelding 5) te ontwikkelen.

Afbeelding 3: de verschillende stappen in de ontwikkeling van een bottom-up navigatie

Een content model definieert de document en/of inhoud types, hun attributen, classificaties en relaties binnen de informatie architectuur van een site. 2

5/30


Een thesaurus is een soort controlled vocabulary3 (zie afbeelding 4) waarbij binnen een verzameling van termen de equivalenten van deze termen, de gerelateerde termen en hun onderlinge hiërarchie worden in kaart gebracht om de vindbaarheid van de informatie te verbeteren.

Afbeelding 4: het onderling verbinden van verschillende content modellen

Afbeelding 5: controlled vocabularies

Een controlled vocabulary is een manier om een interpretatieve, semantische laag te voegen tussen de (zoek)term, die wordt ingegeven door een bezoeker (van een site), en de onderliggende database om de eigenlijke betekenis van deze term beter weer te geven en aldus de vindbaarheid van de informatie te verbeteren (UX).

3

6/30


Afbeelding 6: een voorbeeld van een thesaurus De opeenvolgende stappen om een thesaurus te ontwikkelen, zijn: 1. Definieer een strategie. (Wat is het doel?) 2. Maak een lijst van de gebruikte termen. (Welke termen worden gebruikt om de inhoud van de site te beschrijven?) 3. Leg de voorkeurtermen, hun varianten en de onderlinge hiërarchieën vast. (Hoe verhouden de termen zich tot elkaar?) 4. Identificeer de “zie ook” termen. (Welke inhoud zou jullie doelgroepen nog kunnen interesseren?) 5. Implementeer. 6. Test en evalueer. 7. Begin opnieuw en verfijn. (Wat kan er worden verbeterd?) Uiteraard is het uitwerken van content models en een thesaurus geen doel op zich, maar slechts een middel dat zowel de aanbieder van de informatie als de consument van de informatie in staat moet stellen om gerelateerde informatie gemakkelijk met elkaar te kunnen verbinden en aldus de vindbaarheid ervan te verhogen. Concreet gaat het dus om het faciliteren van zowel een tagging door de VGC medewerkers als een sociale tagging.

7/30


Concrete uitwerking 1: het taggen van inhoud door VGC medewerkers Wat? Wanneer een van jullie content contributors in de toekomst via het CMS een foto, artikel, event, ... oplaadt, dan zal hij aan dit content type een bepaalde tag (metadata) uit een vooraf gedefinieerde lijst kunnen toevoegen, bijv. schoolvoorstelling. Waarom? Als een leraar nu de portaal site bezoekt op zoek naar een schoolvoorstelling (bijv. theater) om met zijn leerlingen naar toe te gaan, zal hij meestal eerst de agenda van gekende of nabijgelegen centra raadplegen. Wanneer dit centrum nu toevallig geen net geen schoolvoorstelling aanbiedt in de gewenste periode, dan kan hij ofwel de agenda’s van alle andere centra beginnen na te kijken of besluiten om een andere activiteit te plannen. In beide gevallen zal de UX niet echt bevredigend zijn. Op basis van tags kan de portaal sites echter op de bewuste pagina de schoolvoorstellingen van de andere centra tonen: wat op dat ogenblik voor de bezoeker het leven gemakkelijker maakt (hij moet niet zelf beginnen te zoeken) en wat kan verhinderen dat hij/zij afhaakt. Ook de relevantie van de zoekresultaten van de interne zoekmachine zal hierdoor worden verhoogd. Dit zijn enkele voordelen op microniveau (binnen één portaal site), maar er zijn uiteraard ook voordelen op macroniveau (tussen de verschillende portaal sites). Wanneer een jongere bijvoorbeeld in het jeugdportaal enkele keren pagina’s bekijkt die als “danscursus” werden getagd, dan kan op wanneer hij/zij de Gemeenschapscentra portaal site bezoekt op de homepage een overzicht tonen van de aanstaande dansvoorstellingen van alle 22 centra. Daarnaast kan er uiteraard op bepaalde pagina’s ook gerelateerde nieuwsberichten, links (maar ook intern) en publicaties (documenten) van de andere portaal sites tonen. Wij raden jullie wel aan om deze gerelateerde inhoud op alle portaal sites steeds op dezelfde wijze en plaats weer te geven. Zie wireframe op de volgende pagina.

8/30


Afbeelding 7: wireframe interne pagina

9/30


Concrete uitwerking 2: folksonomy of sociaal taggen Wat? Folksonomy is het door de bezoekers van een site of blog – in onderlinge consensus – voorzien van o.a. foto's, filmpjes, artikels en blogposts van zogenaamde tags of metadata (zie afbeelding 8). Deze activiteit noemt men daarom ook wel eens sociaal taggen. Waarom? De consensus maakt dat deze tags meestal goed bruikbaar zijn en vaak beter aansluiten op het taalgebruik van publiek dan de termen die de site eigenaars gebruiken. Waardoor de vindbaarheid van de informatie wordt verbeterd. Nadelen De 3 grootste nadelen van de aanpak zijn: het overvloed aan tags, een gebrek aan controle en consistentie. Hoe? Wij raden een hybride methode aan waarbij enkel bezoekers met een profiel aan bepaalde content types ofwel een tag kunnen toevoegen uit een vooraf gedefinieerde lijst (i.e. dezelfde lijst als door jullie content contributors wordt gebruikt) ofwel een nieuwe tag suggereren (die pas wordt toegevoegd aan de vooraf gedefinieerde lijst na validatie door jullie)

10/30


Afbeelding 8: Flickr maakt gebruik van folksonomy om foto’s aan elkaar te linken Een bijkomend voordeel van folksonomy is dat interactie en betrokkenheid van de bezoekers verhoogt!

11/30


1.3 HET PERSONALISEREN VAN DE HOMEPAGE(S) Wat? Een bezoeker kan een stuk van de inhoud van de homepage zelf kiezen. (zie afbeelding 9) Waarom? Als site eigenaar kan je proberen informatie te pushen naar de bezoekers. Zonder een exhaustieve profiling en een in realtime analyse van het gedrag van de bezoekers, gaan jullie echter nooit kunnen bepalen welke informatie relevant is voor een bezoeker. En laat dat nu net een van de meest doorslaggevende factoren zijn voor het bepalen van de bruikbaarheid van de informatie (cfr. Het facet “usefulness” in UX honeycomb van Peter Morville – zie afbeelding 1). Door een ingelogde bezoeker echter zelf te laten kiezen welke informatie hij op de homepage wil zien (en die dus voor hem/haar relevant is), kan een bezoeker op de portaal site (die het meest in lijn ligt met zijn profiel) de meest relevante informatie en/of documenten van niet alleen deze site maar ook van de andere portaal sites verzamelen. Wat uiteraard de vindbaarheid van deze informatie enorm ten goede komt. Daarnaast kan dit ook voor meer trafiek naar de andere portaal sites zorgen. Hoe? Wij raden jullie aan om onderaan de homepages ongeveer 1/3 van de ruimte m.b.v. widgets van de 3 portaal sites personaliseerbaar te maken. Standaard kunnen jullie bijvoorbeeld op portaal site X een widget van portaal site Y en een widget van portaal site Z tonen om het principe en de onderlinge relaties tussen de sites duidelijk te maken. Bezoekers kunnen vervolgens andere widgets toevoegen en/of weglaten. Op elk van de portaal sites zal een bezoeker steeds dezelfde door hem gekozen widgets terugvinden.

12/30


Afbeelding 9: wireframe homepage

13/30


1.4 HET VERBETEREN VAN DE INTERNE ZOEKMACHINE Wat? Wij zouden jullie ook willen aanraden om de relevantie van jullie zoekresultaten te verbeteren. Waarom? We zien immers dat een steeds groter wordende groep van jonge internetgebruikers (een van jullie doelgroepen) de traditionele manier van navigeren quasi volledig negeert en dadelijk de zoekfunctie gebruikt. Een goede zoekmachine is dan ook een erg efficiënte manier om informatie te vinden die verspreid is over verschillende gemeenschapscentra/rubrieken/sites en aldus de vindbaarheid van de informatie te verbeteren. Hoe? We raden jullie aan om de interne zoekmachine in staat te stellen te zoeken over alle portaal sites of enkel binnen 1 specifieke portaal sites. (zie afbeelding 10)

Afbeelding 10: Euractiv.com biedt de mogelijkheid om enkel op de site of ook op andere sites van het netwerk te zoeken Een standaard “out-of-box” implementatie zal bij de meeste interne zoekmachines echter niet volstaan om een goede vindbaarheid te garanderen. Daarom raden we jullie aan ook voldoende aandacht te besteden aan de zoek

14/30


interface, een verbetering van de zoekopdrachten en een verbetering van de weergave van de zoekresultaten & hun relevantie. (zie afbeelding 11)

Afbeelding 11: roadmap voor het optimaliseren van de interne zoekmachine Concreet raden we aan om: 1. Spellingcontrole te gebruiken voor betere zoekopdrachten; 2. Filters toe te voegen aan de zoekresultaten pagina, zodat de resultaten verder kunnen worden verfijnd; 3. “Best Bets” te ontwikkelen; 4. De zoekresultaten te clusteren (bijv. volgens content type of doelgroep); 5. Gerelateerde zoektermen te suggereren op basis van de thesaurus.

Afbeelding 12: Google suggereert gerelateerde zoektermen

15/30


Afbeelding 13: BBC groepeert de zoekresultaten in clusters en biedt “best bets” (i.e. Editor’s Choice) aan

Afbeelding 14: spellingscontrole op Google

2. EEN GOEDE, UNIFORME UX

16/30


2.1 HET UITGANGSPUNT Aangezien alle portaal sites uitgaan van de Vlaamse Gemeenschapscommissie en ze gebruik gaan maken van een gemeenschappelijke databank en CMS, lijkt het ons een goed idee om naast een gemeenschappelijke branding ook een uniforme en goede UX na te streven. Een goede, uniforme UX verlaagt immers niet alleen de leercurve van de bezoekers bij het ontdekken van een nieuwe portaal site, het heeft ook een directe correlatie met een positieve merkbeleving en het kan tenslotte ook kostenbesparend werken door de HTML templates van bepaalde gemeenschappelijke type pagina’s te hergebruiken. Concreet stellen wij daarom de volgende vierledige aanpak voor: 1. het ontwikkelen van een gemeenschappelijk profiel; 2. een uniforme personalisatie module; 3. het gebruik van een uniforme, conventionele lay-out; 4. het hergebruik van bestaande HTML templates voor alle gemeenschappelijke type pagina’s.

2.2 EEN GEMEENSCHAPPELIJK PROFIEL VOOR ALLE PORTAAL SITES Wat? 1 gebruiker = 1 profiel = 1 single sign-on Waarom? De basisnoden van een bezoeker veranderen niet of hij/zij nu portaal site X, Y of Z bezoekt. Wanneer een bezoeker dus op een van de portaal sites van VGC een profiel (met zijn voorkeuren) heeft aangemaakt (en eventueel ook reeds de homepage heeft gepersonaliseerd), zou het jammer zijn om deze kennis niet te gaan gebruiken om de UX te verbeteren door de relevantie van de getoonde informatie (op basis van de voorkeuren, tags en de locatie van de bezoeker) en de gebruiksvriendelijkheid (geen dubbel werk, contact gegevens kunnen automatisch worden toegevoegd aan formulieren, ...) te verbeteren. Hoe?  een single sign-on voor alle portaal sites: een bezoeker moet maar 1x inloggen. Een cookie zorgt voor identificatie, wanneer een bezoeker van de ene poraal site naar een andere surft. Slechts voor het aanpassen van gevoelige info of transactionele acties is opnieuw inloggen vereist.

17/30


 

inloggen m.b.v. een sociaal profiel: een bezoeker kan inloggen met zijn FaceBook of Netlog (de jongeren) profiel (zie afbeelding 15) een gemeenschappelijk profiel over alle portaal sites: een bezoeker neemt dezelfde profiel gegevens (o.a. contactgegevens en voorkeuren) mee over alle portaal sites (zie ook afbeelding 16): - de velden van inschrijvingsformulieren worden automatisch ingevuld; - er wordt (op basis van de voorkeuren) gerelateerde informatie getoond; - op basis het adres wordt relevante location based informatie getoond; - lijsten en zoekresultaten worden gefilterd op basis van de individuele voorkeuren.

De voordelen  een betere UX: - een profiel aanmaken wordt eenvoudiger; - een gebruiker moet maar 1 paswoord onthouden; - sommige taken kunnen geautomatiseerd worden.  een beter vindbaarheid van de informatie: - de website kan relevante informatie pushen  een betere toegankelijkheid voor kwetsbare groepen: - anderstaligen kunnen gemakkelijk inloggen m.b.v. hun sociaal profiel Tip! Voor het faciliteren van het inloggen via het sociaal profiel raden wij Janrain Engage en Capture aan.

18/30


Afbeelding 15: de sociale login op de US site van Toerisme Vlaanderen

Afbeelding 16: een gemeenschappelijk winkelwagentje en profiel voor Collishop.be, Cookozi.be en Dreamland.be (2 sites van de Colruyt Groep)

19/30


2.3 EEN UNIFORME PERSONALISATIE MODULE OP DE HOMEPAGE Wat? Een bezoeker kan op alle portaalsites op een uniforme manier een stuk van de inhoud van de homepage zelf kiezen > zie punt 1.3 Waarom? Niettegenstaande de vele voordelen van een gepersonaliseerde homepage zien we in de praktijk vaak dat de bezoekers van een site geen gebruik maken van deze mogelijkheid omdat de interactie voor niet ervaren internetgebruikers vaak te ingewikkeld is. Daarom raden we aan om m.b.v. een uniforme aanpak over alle portaal sites de leercurve te verlagen. Hoewel zowel de navigatie als de overige inhoud van de homepages van de portaal sites onderling erg verschillend zullen zijn, blijven de noden en voorkeuren van de bezoeker steeds hetzelfde. Een uniforme (zowel qua functionaliteit als inhoud) personalisatie module komt hieraan tegemoet. Hoe? zie punt 1.3

2.4 GEPERSONALISEERDE NIEUWSBRIEVEN Het sturen van gepersonaliseerde nieuwsbrieven is een efficiënte manier om de retentie (i.e. het aantal herhaalbezoeken) jullie bezoekers te verhogen en de UX te verbeteren. Mensen zijn immers lui en gaan meestal niet spontaan op zoek naar (nieuwe) informatie die ze niet dadelijk nodig hebben (cf. ook de wet van Mooers4). Daarnaast merken we ook in de praktijk dat wanneer nieuwsbrieven te weinig relevante informatie bevatten, mensen deze snel links laten liggen. Wij raden jullie dan ook aan om jullie bezoekers op - een door hen gekozen – frequentie (eenmaal per week, eenmaal om de twee weken, eenmaal per maand) op basis hun voorkeuren en hun surfgedrag (segmenten) een gepersonaliseerde nieuwsbrief te sturen met korte teaser teksten.

4 An information retrieval system will tend not to be used whenever it is more painful and troublesome for a customer to have information than for him not to have it.

20/30


Deze op maat gesneden nieuwsbrieven zullen weer nieuwe reacties losmaken, die u helpen om de online dialoog verder te optimaliseren. Tip! Om deze reacties in kaart te kunnen brengen en aldus nog volledigere profielen op te bouwen BlueConic aan (zie ook pagina 25).

2.5 EEN UNIFORME, CONVENTIONELE LAY-OUT Wat? Het implementeren van dezelfde conventionele 3 kolommen lay-out voor alle portaal sites. Deze lay-out bestaat uit een horizontale hoofdnavigatie in de header en een verticale locale navigatie in de linkerkolom, de primaire inhoud van de pagina in de centrale kolom en uitgaande links naar gerelateerde inhoud en secundaire inhoud in de rechterkolom. (zie afbeelding 17) Waarom? Hoe conventioneler de lay-out, hoe intuïtiever bezoekers navigeren. En door deze lay-out te implementeren voor alle portaal sites, creëren we voor de bezoeker een uniforme UX.

21/30


Hoe?

Afbeelding 17: de 3 kolommen lay-out

22/30


2.6 HET HERGEBRUIK VAN HTML TEMPLATES Wat? Het hergebruiken van sommige HTML templates, die reeds werden ontwikkeld voor andere portaal sites, voor gemeenschappelijke type pagina’s zoals bijv. een “zoekresultaten”-pagina. Waarom? Voor de meeste type pagina’s bestaan er conventionele design patterns5 , zodat we deze pagina’s niet opnieuw hoeven te ontwerpen voor elke portaal site. Hierdoor kan een site eigenaar besparen op zijn budget en verlaagt de leercurve van de bezoekers. Hoe? Voor onderstaande type pagina’s raden wij aan dezelfde HTML template te (her)gebruiken:  mijn gidsen (alle pagina's)  profiel (alle pagina’s)  zoekpagina  zoekresultaten pagina  publicaties overzichtspagina  publicaties detailpagina  FAQ  nieuws overzichtspagina  nieuws detailpagina  evenementen overzichtspagina  evenementen detailpagina  contact pagina  sitemap

Een design pattern is een herbruikbaar, algemeen aanvaard interactie ontwerp voor de meest voorkomende interacties op websites. Meer info: http://developer.yahoo.com/ypatterns/

5

23/30


3. VISIE IN PRATIJK GEBRACHT 3.1 ZONDER CMS, GEEN BOTTOM-UP NAVIGATIE OF PERSONALISATIE Onze hele visie is gebaseerd op de vaststelling dat de potentiële bezoekers van jullie verschillende portaalsites geen eendimensionale personages zijn die enkel in informatie over een bepaalde school of een gemeenschapscentrum geïnteresseerd zouden zijn maar complexe individuen die geïnteresseerd zijn in alles wat met leven en werken in Brussel te maken heeft en dat om een goede UX te kunnen garanderen de relevantie van de aangeboden informatie essentieel is. En om de relevantie van individuele brokjes informatie (bijv. de infofiche van een school) te verhogen, raadden we jullie aan om o.a. zo veel mogelijk gerelateerde informatie te tonen. Maar aangezien het hergebruik van inhoud – in functie van een bottom-up navigatie – over de verschillende portaalsites heen een uniforme manier van werken (zie pagina 5-7) vereist en men slechts efficiënte bezoekersprofielen & segmenten – in functie van de personalisatie van de inhoud – kan opbouwen wanneer men het gedrag van deze bezoekers over de verschillende sites heen in kaart brengt, lijkt het ons absoluut noodzakelijk om voor de nieuwe sites een gemeenschappelijk CMS en databank te gebruiken. Dit stelt jullie nl. in staat om :  op basis van de concrete behoeften van elk departement (of afdeling) uniforme publicatie workflows te gaan definiëren (zie afbeelding 18);  een gemeenschappelijke thesaurus te ontwikkelen;  content modellen met elkaar te verbinden;  templates te herbruiken voor een uniforme UX;  volledige gebruikersprofielen op te bouwen;  informatie te gaan personaliseren op basis van de individuele voorkeuren;  controle uit te oefenen op de kwaliteit en inhoud. We willen jullie ook aanraden om een overkoepelend redactie team in het leven te roepen dat de redactionele richtlijnen (SEO richtlijnen, naamconventies, gebruik van metadata, …) opstelt en toekijkt op een correctie toepassing ervan.

24/30


Afbeelding 18: content publication workflow matrix Extra voordelen van een CMS : Naast het feit dat een CMS dus absoluut noodzakelijk is om de hierboven beschreven visie in praktijk te brengen, heeft het gebruik ervan nog enkele extra voordelen:   

 



Meer informatie: jullie kunnen met minder mensen meer informatie in een nog kortere tijdsspanne publiceren; Meer kwaliteit: jullie kunnen de kwaliteit van de pagina's verhogen via QA (Quality Assurance) processen; Kosten verminderen : door het hergebruiken van content (logo's, tekst, beelden, enz.) & html templates (voor de type pagina’s) en het feit er minder tot geen assistentie meer nodig is van het IT departement; Betere samenwerking: m.b.v. praktische workflows kan de efficiëntie van mensen, die samenwerken aan een publicatie, verbeterd worden; Integratie van data van andere bronnen: jullie kunnen gestructureerde en ongestructureerde data van meerdere (externe) databanken combineren in één gecentraliseerd platform; Meerdere communicatiekanalen: jullie kunnen de informatie gemakkelijk naar verschillende communicatiekanalen (nieuwsbrief, mobiel, kiosken, iPad, ...) duwen;

25/30




Meertaligheid : op een betere manier de vertalingen en meertalige aspecten van uw publicaties beheren.

Besluit: Alhoewel de verschillende portaalsites als onafhankelijke sites ontwikkeld en gepositioneerd zullen worden, kan de hierboven beschreven visie dus enkel in praktijk gebracht worden door gebruik te maken van een gemeenschappelijke databank en CMS. Wij hebben tenslotte ook een lijst met criteria toegevoegd waar het nieuwe CMS en de zoekmachine moeten aan voldoen. Tip! Om nog volledigere profielen op te bouwen over alle communicatiekanalen heen raden wij BlueConic aan. BlueConic is een customer engagement tool die jullie in staat stelt om op basis van de in real-time verzamelde informatie over jullie (anonieme) bezoekers hen dynamisch segmenteren.

3.2 SELECTIECRITERIA VOOR HET CMS Bij het selecteren van het CMS dienen jullie rekening te houden met de volgende criteria: 1. Algemeen  Web applicatie : voor invoer in centrale databank, bij voorkeur op SQL gebaseerd  Data uitwisseling : o over portaalgrenzen heen binnen de databank in functie van het tonen van gerelateerde o import-tool die minstens volgende formaten van importbestanden ondersteund :  Excel  XML  Meertaligheid : mogelijkheid tot meertaligheid van de user-interface (veldnamen en knoppen) & van de metadata  Flexibiliteit : minimale wijzigingen van het metadataschema en de userinterface (invoermodules) door administrator (= beheerder bij de klant) : mogelijkheid om weinig gebruikte invoervelden onzichtbaar te maken (en terug tevoorschijn te halen), aanpassen van gecontroleerde lijsten, rechtenbeheer gebruikers  Duurzaamheid :

26/30


continuïteit gegarandeerd (digitale gegevens moeten blijvend toegankelijk en leesbaar zijn) o duidelijke exit procedure o geen vendor lock-in (voldoende documentatie van het system op niveau van gebruiker, administrator en ontwikkelaar, zodat iemand die vertrouwd is met de gebruikte technologieën ermee aan de slag kan) o support en hulpverlening bij inhoudelijke en technische problemen  Veiligheid : o loggen van alle wijzigingen o rollback-functie  Opleiding voorzien voor de administrator 2. Op objectniveau  Gebruiksvriendelijkheid invoermodules : o laagdrempelig : geen uitgebreide handleiding/opleiding nodig om te kunnen starten o voorzien van duidelijke handleiding of gebruiksaanwijzing o koppeling bijlagen in verschillende bestandsformaten (multimediaal): TIFF, JPEG2000, JPEG, GIF, WAV, MP3, MPEG2, PDF, Word, Excel, ODF o mediamanagement tool (opgeladen fotobestanden kunnen converteren, verkleinen, taggen, …) o meerdere bijlagen in één keer kunnen opladen o publicatie op het web kunnen bepalen op objectniveau  Gedifferentieerde invoermodules per portaal (profielen met eigen metadata schema’s, trefwoordlijsten… naargelang type object)  Efficiënt en doeltreffend databeheer : o zoeken vervangfunctionaliteit per veld o zoeken vervangfunctionaliteit per veld, met mogelijkheid om de vervanging per record (niet ‘blindelings’) door te voeren o binnen een selectie van objectfiches een leeg veld kunnen invullen in alle geselecteerde objectfiches (bulkinvoer) o kopieerfunctie van integrale objectfiche o mogelijkheid om bepaalde velden te kunnen herhalen (occurences toevoegen)  Mogelijkheid tot clustering van objectfiches 3. Zoekfunctionaliteiten  Eenvoudig zoeken : o over alle velden heen o binnen één vrij veld : selecteren uit een lijst / autocomplete o

27/30




Uitgebreid zoeken : o visualisering van een aantal velden van de objectfiche o verfijning zoekresultaten (visuele voorstelling van die verfijning) o semantische verbanden/relaties (bvb. alle objecten die met één gemeenschapscentrum in verband kunnen worden gebracht) o opslaan van zoekopdrachten 4. Rapportage- en afdrukfunctionaliteiten  Genereren van diverse rapporten (in PDF- en MS Office-formaat), waaronder : o overzichtslijst van geselecteerde objectfiches met korte object-ID (vast te leggen vij configuratie) en 1 afbeelding o detailfiche van een geregistreerd object met weergave van alle ingevulde velden alsook alle bijlagen die aan dit veld gekoppeld zijn (afbeeldingen, documentatie…) o rapport op basis van velden geselecteerd door gebruiker 5. Exportfunctionaliteiten  Universele connector (API) op databank toegankelijk voor derden  Toegankelijk maken van metadata voor hergebruik door te allen tijde export mogelijk te maken van alle gegevens ende samenhang ervan in XML gestructureerd volgens een erkend metadata model (minimale eis : XML/ Dublin Core)  Genereren van werkinstrumenten (minimaal in Excel-formaat) : o veldwerkfiche (lege objectfiche per invoermodule) o eigen thesaurus 6. Thesauri en gecontroleerde / gestandaardiseerde woordenlijsten  Externe standard thesaurus: AAT-ned : o verplicht gebruik door integratie in software of via webservice o hiërarchische structuur van de thesaurus visualiseren  Extra veld voor eigen thesaurus : o thesaurusbeheer gekoppeld aan rechtenbeheer o hiërarchische structuur van de thesaurus visualiseren o afbeeldingen aan de thesaurus koppelen o documentatie mogelijk maken  Lijst van personen en instellingen : o koppelen aan relevante velden o bij aanmaak nieuwe persoon / instelling mogelijkheid geven om URL te koppelen  Zoveel mogelijk gecontroleerde velden / velden met een keuzelijst om vervuiling te voorkomen (minimale eis : ontsluitingsvelden waarop gezocht kan worden)

28/30




Mogelijkheid tot inspelen op toekomstige evoluties zoals semantische web technologieën 7. Technische metadata  Mogelijkheid om informatie over auteursrechten op te nemen in de metadata van de gekoppelde mediabestanden  Mogelijkheid om publicatie van gekoppelde mediabestanden op het web te bepalen op stukniveau (per mediabestand) 8. Rechtenbeheer / gebruikersmanagement  beschikken over gebruikersprofielen (lees-en schrijfrechten vast te leggen bij configuratie)  gebruikersprofielen in te stellen door administrator  gebruikersbeheer door administrator  gebruikers rechten geven tot één of meerdere portaalsites en/of onderdelen van een individuele portaalsite  gebruikers rechten geven tot selectie objectfiches (ook over collectiegrenzen heen) 9. Testomgeving  Mogelijkheid om een testomgeving op te zetten. 10. SEF/SEO  Mogelijkheid om de tag te personaliseren  Mogelijkheid om de <meta> tags te personaliseren  Mogelijkheid om statische SEF URL’s aan te maken  301 server re-direct ondersteuning 10. Syndicatie  RSS feeds functionaliteit  Ondersteuning van “live bookmarking” in FireFox en IE browsers. 11. Ontsluitingsinterface / front-end  Generatie van XHTML compatibele markup code  Geen generatie van overbodige en voor bepaalde browsers storende code  Generatie van gestructureerde markup code  Scheiding van inhoud en vormgeving  De HTML editor voor het invoeren van teksten moet werken op een minimum aan browsers (IE 5.5+, Firefox 0.8+, Netscape 7+) op Windows en Macintosh  De HTML editor mag enkel toegelaten (beschreven) stylesheets gebruiken  De markup code, die door de HTML editor wordt gegenereerd, moet XHTML compatibel zijn 29/30 VGC PORTAAL SITES: GLOBALE VISIE DOCUMENT 12. Andere functionaliteiten  Mogelijkheid om op beelden in te zoomen  Mogelijkheid om als websitebezoeker te reageren op een object, met redactie en feedback op “user generated content” (web 2.0-toepassing)  Mogelijkheid tot het aanmaken van persoonlijke selecties /gidsen (+ exporteren, e-mailen…)  Linken naar sociale media (Facebook, Twitter, …)  In functie van auteursrechten op afbeeldingen : o Watermerkfunctionaliteit o automatische verkleining originele afbeeldingen  Anysurfer of WAI ondersteuning 3.3 SELECTIECRITERIA VOOR DE ZOEKMACHINE Bij het selecteren van de zoekmachine dienen jullie rekening te houden met de volgende criteria:           voldoende capaciteit; onderhoudsgemak; de mogelijkheid om het hele web te doorzoeken; de mogelijkheid om verschillende bestandsformaten (PDF, html pagina’s, ...) te doorzoeken; de mogelijkheid om beveiligde inhoud te doorzoeken; de aanwezigheid van een API om de weergave van de zoekresultaten te personaliseren; integratie met het gekozen CMS; het automatisch ontdekken/verwijderen van dubbele zoekresultaten; de mogelijkheid om de algoritmen voor het zoeken en de zoekresultaten te tweaken; de mogelijkheid om de resultaten van meerdere zoekmachines / databronnen samen te voegen. 30/30 KLANT: VGC JOBOMSCHRIJVING: portaalwebsite JOBNUMMER: BIJLAGE FUNCTIONEEL ONTWERP Deze bijlage beschrijft welke functionaliteiten voor content beheerders het CMS minimaal dient CONTACTPERSOON KLANT: ... te bevatten, de mogelijke rollen van een lokaal Content Management team, alsook een mogelijke publicatiecyclus. Aangezien het opzetten van een cyclus en de verdeling van de rollen voor een groot deel wordt bepaald door de bestaande manier van werken en de voorhanden DATUM: 11/10/2011 KUNSTMAAN-ACCOUNT: zijnde resources , dienen de rollen en de publicatiecyclus afgestemd te worden op de specifieke noden van de verschillende sporen van de VGC. Mattias Vermeire 1. ROLLEN LOKAAL CM TEAM Lokale content administrator: Korte beschrijving  Ontwikkelt de content- en publicatietemplates.  Zorgt ervoor dat de lokale en geïmporteerde content getagd wordt met de juiste meta-data.  Coördineert en/of beheert de content creatie, de goedkeuring en workflow.  Creëert en beheert lokale content management accounts/gebruikers. Content eigenaar: Korte beschrijving Deze gebruiker is de eigenaar van de content en geeft de definitieve goedkeuring voor het publiceren van de content. Hij is verantwoordelijk voor:  Om te bepalen wanneer content moet aangepast worden of wanneer er een nieuwe content is vereist.  Te waken over de frisheid en juistheid van de content.  Het opstarten van de CM workflow. Content auteur: Korte beschrijving Deze gebruiker is de auteur/schrijver van de inhoud. Hij creëert nieuwe content met behulp van de sjablonen. Hij voegt ook de metadata toe aan de inhoud of definieert taxonomie. Kunstmaan nv Tervuursevest 362-1 3000 Leuven Phone +32 (0)16 300 780 Fax +32 (0)16 300 789 info@kunstmaan.be 1/5 Content meta-data auteur: Korte beschrijving Deze gebruiker creëert meta-data op basis van de gebruikte standaarden. Content approver: Korte beschrijving Deze gebruiker is verantwoordelijk voor een review van de content om ervoor te zorgen dat zij alle eisen voldoet. Deze rol wordt vaak vervuld door de content eigenaar. Maar deze rol kan ook gespeeld worden door de lokale content administrator. 2/5 2. PUBLICATIECYCLUS 1. De content auteur creëert nieuwe content. 2. De content auteur selecteert een content template. 3. De content auteur voert de meta-data in. 4. De content auteur selecteert een publicatie template. 5. De content auteur bekijkt een preview van de content. 6. De content auteur schrijft de content weg naar de repository. 7. De goedkeuring wordt gevraagd aan de content approver. 8. De content approver keurt de content goed. 9. De content auteur start het publicatie proces. 10. De content wordt gepubliceerd. 3/5 3. MINIMALE FUNCTIONELE VEREISTEN Vereiste Korte beschrijving User management De mogelijkheid om gebruikers aan te maken en deze gebruikers verschillende rollen en rechten toe te kennen. Log in De mogelijkheid om authenticatie processen op te zetten voor de verschillende rollen. Ondersteuning meertaligheid De ondersteuning van een Nederlandstalige, Franstalige, Engelstalige en Duitstalige content lifecycles. Content wijzigen De mogelijkheid om bestaande content te wijzigen. WYSIWIG content editor De via een editor aan niet technische gebruikers de mogelijkheid bieden om content toe te voegen en/of te wijzigen Content bewaren De mogelijkheid om toegevoegde content weg te schrijven naar de directory. Content publiceren De mogelijkheid om content te publiceren. Integratie van “rich content” De mogelijkheid om multimediale bestanden (bijv. Flash) toe te voegen aan de content. Preview van niet gepubliceerde content De mogelijkheid om content, die nog niet werd gepubliceerd, te bekijken in de publicatietemplate. Spellingcontrole De mogelijkheid om de content te checken op spellingsfouten. Content importeren en exporteren De mogelijkheid om content in een aantal standaard (DOC, RTF, XLS, PDF, ...) formaten te importeren en exporteren. Content indexen De mogelijkheid om content log files te genereren en updaten. Content zoeken De mogelijkheid om content van specifieke content auteurs op te vragen. Content goedkeuring aanvragen De mogelijkheid om een goedkeuring (voor publicatie) te vragen voor nieuwe content. Automatische archivering De automatische archivering van alle versies van de content in de repository. Enquêtes en formulieren aanmaken De mogelijkheid om enquêtes en formulieren aan te maken. Nieuwe pagina’s aanmaken De mogelijkheid om een nieuwe pagina’s toe te voegen. Workflows opzetten en De mogelijkheid om publicatie workflows op te zetten. 4/5 beheren E-mail notificatie Het versturen van e-mail notificaties voor bepaalde workflow of content lifecycle events. Beheer site structuur De mogelijkheid om nieuwe categorieën toe te voegen en om de structuur te wijzigen. SEF URL’s De mogelijkheid om search engine friendly URL’s aan te maken en te beheren. Sitemap De mogelijkheid om een sitemap te genereren. Meta-data ondersteuning De mogelijkheid om voor alle content meta-data toe te voegen, te wijzigen en te beheren. Meta-data validatie De mogelijkheid om validatie rules te definiëren voor het ingeven of importeren van meta-data. Thesaurus ondersteuning De mogelijkheid om een thesaurus aan te maken Link checker De mogelijkheid om interne en externe links te checken. Anysurfer richtlijnen checker De mogelijkheid om te checken of de content beantwoordt aan de Anysurfer/accessibility richtlijnen Rollback De mogelijkheid om de huidige versie van de content te vervangen door een vorige versie. 5/5 Oplijsting "datagegevens/databanken" VGC‐document ‐ 20 oktober 2011 Zie ook de richtlijn onder hoofdstuk 7 van het tweede deel van het lastenboek (functionele en technische eisen ‐ modulariteit en Integratie ‐ punt 80) Het CMS systeem kan data ophalen uit een SQL‐Server database van de VGC, evenals uit externe databanken zoals die van CultuurNet) en dit als gestructureerde content in een webpagina tonen. Content object Nieuwsbericht titel publicatiedatum publiceren tot datum publiceren Inleiding Detail Foto Foto tekst Document 1 Document 1 tekst Document 2 Document 2 tekst URL (meer info) URL tekst Open link in (target) Websites waar dit nieuwsbericht mag gepubliceerd worden aanvinken Activiteit Onderdelen titel datum van ‐ tot korte beschrijving lange beschrijving thumbnail (foto) afbeelding (foto) video URL (koop ticket) URL (website) locatie Gemeente gemeenschapscentrum categorie (type) ‐ Thema Onderwerp Bron VGC Interne databank : nieuwsmodule VGC Interne databank : Kalender 22 / Externe databank : planningssoftware praktisch (1) contact (2) Prijs aantal deelnemers MIVB plan taal doelgroep inschrijvingsdatum contactgegevens Cursus titel wanneer taal thema doelgroep WAAR e‐mail URL (website telefoon prijs leervorm opmerkingen In kader van In samenwerking met lesgever ……. VGC Interne databank : cursusaanbod / Externe databank : planningssoftware Naam beschrijving contactgegevens (3) URL (meer info) URL (website) e‐mail praktisch (7) zaalgebruik Google map contact ….. VGC Interne databank : organisatiedatabank / cursusaanbod / Externe databank : planningssoftware Organisatie / gemeenschapscentrum School getuigenis vacature link cultuurkrant aanvraagformulier partner publicatie contact subsidie getuigenis financiële ondersteuning procedure …. VGC Interne databank (zeer uitgebreid) : titel scholendatabank net gemeente schoolniveau aanbod organisatie sfeer ligging (Google map) vestigingen bereikbaarheid inschrijven contact …. Data die nog niet in een gestructureerde databank van de VGC zitten : CMS / To do CMS / To do CMS / To do CMS / To do CMS / To do CMS / To do CMS / To do CMS / To do CMS / To do CMS / To do CMS / To do MuntPunt ‐ OPB Schema databanken en integratie met verschillende toepassingen (web en drukwerk) van huidige situatie. (Software voor planning allerhande activiteiten wordt begin 2012 opgestart.) - www.UitinBrussel.be www.gratisinBrussel.be - www.kidsinBrussel.be CultuurNet Eigen VGC‐databanken : Opgenomen in eigen sites en gebruikt als werkinstrument binnen Intranet van de VGC : - Agenda 22 GC’s - Cursusaanbod - Scholen (ook werkinstrument op intranet : lijsten, etiketten, mailing…) - Organisaties Scholen (ook werkinstrument op intranet : lijsten, etiketten, mailing…) - Telefoonrepertorium - Wonen in Brussel (buurtbeschrijving) - Nieuwsmodule op websites van VGC (incl. onderwijs, GC’s, …) - SPort Informatie Netwerk (SPIN) ‐ Brussel Agenda.be (tweetalig) Stichting voor de Kunsten - Bronks Abc Mim Bozar Kinepolis Beursschouwburg KVS Gemeenschapscentra… Digitale kaart - bibs gc’s sportinfrastructuur (SPin) scholen jeugdateliers jeugdhuizen kinderdagverblijven buurtbeschrijving Publicaties uit databanken - “Agenda 22” (tweejaarlijks) : Kalender GC “Talentmix” (tweejaarlijks) : Cursusaanbod Sportgids (cursussen, kampen, verenigingen…) Homepage Nieuws | Publicaties |FAQ | Contact NL | EN | FR | DE Logo Zoek Wat kan je doen? | Waar kan je iets doen? | Antwoorden | Inspraak Zoek Wat kan je doen in Brussel? Topic Topic Topic Topic Topic Topic Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Morbi a leo sed velit nonummy tristique. Topic Topic Topic Topic Topic Topic Ouders > Volg ons ook op: Jeugdwerkers > Cheap city! Bel ons NU! 0800/92 98 98 Zwemweek! Ganse week aan 3 Euro! Image Nog toffe goedkope activiteiten > Interessante nieuwtjes Of mail naar:info@jeugdportaal.be Zeker de moeite: - Hulp bij subsidies - Brusselse jeugd op TV Brussel - Aanbod Meer aanbod in de kijker > Voorbeeld Image Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Morbi a leo sed velit nonummy tristique. Voorbeeld Image Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Morbi a leo sed velit nonummy tristique. Schrijf je in op de nieuwsbrief! - Daarom! - Daarom! - Daarom! Schrijf in! Wij helpen je met: Fuif organiseren? Voorbeeld Image Image Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Image Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Morbi a leo sed velit nonummy tristique. Lorem ipsum Meer interessant nieuws > Navigatie Navigatie Navigatie Navigatie Navigatie Navigatie Welkom Michael Volg ons ook op: Pas profiel aan Zoek Flickr > Youtube > VGC Copyright 2011 / Terms of Use / Privacy Waar kunnen we nog helpen > Delicious > RSS > Contacteer ons! Marieke marieke@vgcjeugd.be 02/ 930 930 0 Design by Kunstmaan Themapagina Nieuws | Publicaties |FAQ | Contact NL | EN | FR | DE Logo Zoek Wat kan je doen? | Waar kan je iets doen? | Antwoorden | Inspraak ZOMER!!!!! Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Morbi a leo sed velit nonummy tristique.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Morbi a leo sed velit nonummy tristique. Social sharing Bel ons NU! 0800/92 98 98 Of mail naar:info@jeugdportaal.be Zoek Wat kan je doen in Brussel? Topic Topic Topic Topic Topic Topic Topic Topic Topic Topic Topic Topic Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Morbi a leo sed velit nonummy tristique. Ouders > Volg ons ook op: Jeugdwerkers > DE tofste activiteit deze zomer? Nieuwsbrief: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Morbi a leo sed velit nonummy tristique.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec 0 orci viverra tellus non orci. Nulla facilisi. Suspendisse sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Morbi a leo sed velit nonummy tristique. - Daarom - Daarom - Daarom Voorbeeld van toffe activiteit Enter email GO Zeker de moeite: - Aanbod - Aanbod - Aanbod - Aanbod - Aanbod Zomergids! Voorbeeld van een zomergids Image Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Relevante brochures: Voorbeeld Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Morbi a leo sed velit nonummy tristique. Interessante nieuwtjes - Aanbod - Aanbod - Aanbod Hulp nodig met: Fuif organiseren? Voorbeeld Image Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Morbi a leo sed velit nonummy tristique. Voorbeeld Image Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, Stel je eigen gids samen > Image Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Image Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Lorem ipsum Wat kan je doen? Nieuws | Publicaties |FAQ | Contact NL | EN | FR | DE Logo Zoek Wat kan je doen? | Waar kan je iets doen? | Antwoorden | Inspraak TOP 3 topics: Topic Topic Topic 1 14 21 Wat kan je doen in Brussel? Zoek Link naar social Toon alle categoriën > Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Morbi a leo sed velit nonummy tristique. Interne links Suggesties om te doen!!! Image Ouders > Artikel CHEAP CITY Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Donec viverra tellus non orci. Nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Donec viverra tellus non orci. Nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Donec viverra tellus non orci. Nulla facilisi. Interessant artikel: Image Wij helpen je! Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Morbi a leo sed velit nonummy tristique.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Morbi a leo sed velit nonummy tristique. Meer op onze Facebook pagina > Toffe activiteit in Anderlecht Image Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Donec viverra tellus non orci. Nulla facilisi. Image Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Donec viverra tellus non orci. Nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Donec viverra tellus non orci. Nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Donec viverra tellus non orci. Nulla facilisi. Meer hulp > Meer creative voorbeelden > Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Donec viverra tellus non orci. Nulla facilisi. Image Jeugdwerkers > Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Donec viverra tellus non orci. Nulla facilisi. Nieuwsbrief: - Daarom - Daarom - Daarom Enter email Activiteit: Image GO Waar kan je iets doen? Nieuws | Publicaties |FAQ | Contact NL | EN | FR | DE Logo Zoek Wat kan je doen? | Waar kan je iets doen? | Antwoorden | Inspraak TOP 3 topics: Topic Topic Topic 1 14 21 Waar kan je iets doen? Fietsen Zoek Link naar social Toon alle categoriën > 145 resultaten voor ‘Fietsen’ Filter op basis van: Locatie Anderlecht (34) Sint Gillis (10) Meer > Toon alle opties > Type activiteit: Jeugdvakantie (34) Sportweek (10) Prijs: Oplopend Aflopend Interne links Topic Sport (44) Cultuur (9) Meer > Meer > > Afstand tov thuisadres > Afstand tov station Image Ouders > Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Donec viverra tellus non orci. Nulla facilisi. Image Jeugdwerkers > Google Map Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Donec viverra tellus non orci. Nulla facilisi. Deze activiteit bevindt zich op: 5 km van thuis (Ongeveer 25min) Nieuwsbrief: - Daarom - Daarom - Daarom Enter email GO Zoekresultaat ‘wat kan je doen?’ Nieuws | Publicaties |FAQ | Contact NL | EN | FR | DE Logo Zoek Wat kan je doen? | Waar kan je iets doen? | Antwoorden | Inspraak TOP 3 topics: Topic Topic Topic 1 14 21 Wat kan je doen in Brussel? Fietsen Zoek Link naar social Toon alle categoriën > 145 resultaten voor ‘Fietsen’ Filter op basis van: Locatie Anderlecht (34) Sint Gillis (10) Meer > Toon alle opties > Type activiteit: Prijs: Jeugdvakantie (34) Sportweek (10) Meer > Oplopend Aflopend Interne links Topic Sport (44) Cultuur (9) Meer > Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Donec viverra tellus non orci. Nulla facilisi. <Vorige123Volgende> Titel activiteit Image Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Donec viverra tellus non orci. Nulla facilisi. Meer over deze activiteit > Topic , Locatie, Type activiteit Titel activiteit Image Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Donec viverra tellus non orci. Nulla facilisi. Meer over deze activiteit > Topic , Locatie, Type activiteit Titel activiteit Image Image Ouders > Image Jeugdwerkers > Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Donec viverra tellus non orci. Nulla facilisi. Nieuwsbrief: - Daarom - Daarom - Daarom Enter email GO Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Donec viverra tellus non orci. Nulla facilisi. Meer over deze activiteit > Topic , Locatie, Type activiteit Titel activiteit Image Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Donec viverra tellus non orci. Nulla facilisi. Meer over deze activiteit > Topic , Locatie, Type activiteit Titel activiteit Image Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Donec viverra tellus non orci. Nulla facilisi. Meer over deze activiteit > Topic , Locatie, Type activiteit Titel activiteit Image Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Donec viverra tellus non orci. Nulla facilisi. Meer over deze activiteit > Topic , Locatie, Type activiteit <Vorige123Volgende> Navigatie Navigatie Navigatie Navigatie Navigatie Navigatie Pas profiel aan Zoek Flickr > Youtube > VGC Copyright 2011 / Terms of Use / Privacy Welkom Michael Volg ons ook op: Delicious > RSS > Contacteer ons! Marieke marieke@vgcjeugd.be 02/ 930 930 0 Design by Kunstmaan Activiteit detail Nieuws | Publicaties |FAQ | Contact NL | EN | FR | DE Logo Zoek Wat kan je doen? | Waar kan je iets doen? | Antwoorden | Inspraak Categorie: Topic Topic Topic Topic Topic Topic Topic Topic Topic Topic Topic Topic Topic Topic Topic Topic Topic Topic < Terug naar zoekoverzicht 1 14 21 13 3 52 7 11 92 7 1 2 39 2 41 6 4 380 Titel activiteit Onderwerp: Lorem ipsum dolorem Taal: NL Prijs: 2 euro/kind Leeftijd: vanaf 12 jaar Meer info: www.meeractiviteit.be Inschrijvingsdatum: ten laatste 12/11/2010 Waar inschrijven: Jeugddienst Grote straat 23 1000 Brussel 03/22 23 344 Link naar social Interne links Toon dichtstbijzijnde bushalte Toon dichtstbijzijnd station Schrijf je in! Image Ouders > Bewaar in ‘mijn gids’ > Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Donec viverra tellus non orci. Nulla facilisi. Image Jeugdwerkers > Image Social sharing 918 Likes Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Morbi a leo sed velit nonummy tristique.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Morbi a leo sed velit nonummy tristique. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Morbi a leo sed velit nonummy tristique.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Morbi a leo sed velit nonummy tristique. Image Wie is al ingeschreven? (102 inschrijvingen) Image Image Image Social sharing Schrijf je in! Zie ook: Suggesties: Image Image Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Donec viverra tellus non orci. Nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Donec viverra tellus non orci. Nulla facilisi. - Interne link - Interne link - Interne link Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Donec viverra tellus non orci. Nulla facilisi. Nieuwsbrief: - Daarom - Daarom - Daarom Enter email GO Antwoorden overzicht Nieuws | Publicaties |FAQ | Contact NL | EN | FR | DE Logo Zoek Wat kan je doen? | Waar kan je iets doen? | Antwoorden | Inspraak Antwoorden Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Morbi a leo sed velit nonummy tristique. Filter op type: Link naar social Selecteer Cheap city Image Interne links Image Image Ouders > Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Meer info > Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Meer info > Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Donec viverra tellus non orci. Nulla facilisi. Meer info > Image Jeugdwerkers > Image Image Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Meer info > Image Image Meer info > Image Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Meer info > Meer info > Image Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Meer info > Nieuwsbrief: - Daarom - Daarom - Daarom Enter email Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Meer info > Image Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Meer info > Image Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Meer info > Image Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Donec viverra tellus non orci. Nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Meer info > GO Antwoorden – Cheap city Nieuws | Publicaties |FAQ | Contact NL | EN | FR | DE Logo Zoek Wat kan je doen? | Waar kan je iets doen? | Antwoorden | Inspraak Cheap city Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Morbi a leo sed velit nonummy tristique. Link naar social Interne links Cheap Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Morbi a leo sed velit nonummy tristique. Cheap Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Morbi a leo sed velit nonummy tristique. Cheap Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Morbi a leo sed velit nonummy tristique. Image Ouders > Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Donec viverra tellus non orci. Nulla facilisi. Image Jeugdwerkers > Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Donec viverra tellus non orci. Nulla facilisi. Cheap Cheap Cheap Nieuwsbrief: - Daarom - Daarom - Daarom Enter email Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Morbi a leo sed velit nonummy tristique. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Morbi a leo sed velit nonummy tristique. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Morbi a leo sed velit nonummy tristique. GO VGC – Brochures Nieuws | Publicaties |FAQ | Contact NL | EN | FR | DE Logo Zoek Wat kan je doen? | Waar kan je iets doen? | Antwoorden | Inspraak Publicaties Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Morbi a leo sed velit nonummy tristique. Filter op type: Image Image Image Image Link naar social Selecteer Speelpleingids Lorem ipsum Download [PDF 277kb] Speelpleingids Lorem ipsum Download [PDF 277kb] Speelpleingids Lorem ipsum Download [PDF 277kb] Speelpleingids Lorem ipsum Download [PDF 277kb] Image Image Image Image Speelpleingids Lorem ipsum Download [PDF 277kb] Speelpleingids Lorem ipsum Download [PDF 277kb] Portfolio Interne links Image Ouders > Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Donec viverra tellus non orci. Nulla facilisi. Image Jeugdwerkers > Speelpleingids Lorem ipsum Download [PDF 277kb] Portfolio Speelpleingids Lorem ipsum Download [PDF 277kb] Portfolio Portfolio Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Donec viverra tellus non orci. Nulla facilisi. Nieuwsbrief: - Daarom - Daarom - Daarom Meer over dit item > Enter email Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Morbi a leo sed velit nonummy tristique. Meer over dit item > Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Morbi a leo sed velit nonummy tristique. Meer over dit item > GO VGC – Brochures Nieuws | Publicaties |FAQ | Contact VGC NL | EN | FR | DE Wat is er te doen | Hulp nodig | Waar vind je ons | xx Contacteer ons! Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Morbi a leo sed velit nonummy tristique. Portfolio Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Suspendisse orci sem, viverra vitae, adipiscing sed, tincidunt a, tellus. Morbi a leo sed velit nonummy tristique. Eigen ruimte Nieuws | Publicaties |FAQ | Contact NL | EN | FR | DE Logo Zoek Wat kan je doen? | Waar kan je iets doen? | Antwoorden | Inspraak Michael Liekens Je profiel Bewaarde gidsen Activiteiten Saved searches Mensen met zelfde interesses: Image Icon Icon Icon Icon Icon Icon Icon Icon Icon Icon Icon Icon Icon Icon Icon Icon Bewaarde gidsen Zomergids Je profiel is voor Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. 70% tab compleet. Lente 2010 Pas profiel aan Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Test 39 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Lente Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra tellus non orci. Nulla facilisi. Bekijk alle gidsen > Activiteiten op de kaart Kalender > Afstand tov thuisadres > Afstand tov station Google Map Deze activiteit bevindt zich op: 5 km van thuis (Ongeveer 25min) Navigatie Navigatie Navigatie Navigatie Navigatie Navigatie Pas profiel aan Zoek Flickr > Youtube > VGC Copyright 2011 / Terms of Use / Privacy Welkom Michael Volg ons ook op: Delicious > RSS > Contacteer ons! Marieke marieke@vgcjeugd.be 02/ 930 930 0 Design by Kunstmaan </div> </div> </div> </div> </div> </div> </div> </div> <div class="modal fade" id="report" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <form role="form" method="post" action="https://adoc.pub/report/vgc-portaal-sites-18-juli-2011-een-globale-visie-op-de-infor0fea28ca50bff18cae409f811cb54be420390" style="border: none;"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Report "VGC portaal sites. 18 juli 2011 EEN GLOBALE VISIE OP DE INFORMATIE ARCHITECTUUR & UX"</h4> </div> <div class="modal-body"> <div class="form-group"> <label>Your name</label> <input type="text" name="name" required="required" class="form-control" /> </div> <div class="form-group"> <label>Email</label> <input type="email" name="email" required="required" class="form-control" /> </div> <div class="form-group"> <label>Reason</label> <select name="reason" required="required" class="form-control"> <option value="">-Select Reason-</option> <option value="pornographic" selected="selected">Pornographic</option> <option value="defamatory">Defamatory</option> <option value="illegal">Illegal/Unlawful</option> <option value="spam">Spam</option> <option value="others">Other Terms Of Service Violation</option> <option value="copyright">File a copyright complaint</option> </select> </div> <div class="form-group"> <label>Description</label> <textarea name="description" required="required" rows="3" class="form-control" style="border: 1px solid #cccccc;"></textarea> </div> <div class="form-group"> <div style="display: inline-block;"> <div class="g-recaptcha" data-sitekey="6LcEnMcZAAAAAFHzKKgaE-Qh57XzUTzpfRElD4dP"></div> </div> </div> <script src='https://www.google.com/recaptcha/api.js'></script> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="submit" class="btn btn-primary">Send</button> </div> </form> </div> </div> </div> <script> $(document).ready(function () { var inner_height = $(window).innerHeight() - 250; $('#pdfviewer').css({"height": inner_height + "px"}); }); </script> <footer class="footer" style="margin-top: 60px;"> <div class="container-fluid"> Copyright © 2025 ADOC.PUB. All rights reserved. <div class="pull-right"> <a href="https://adoc.pub/about">About Us</a> | <a href="https://adoc.pub/privacy">Privacy Policy</a> | <a href="https://adoc.pub/term">Terms of Service</a> | <a href="https://adoc.pub/copyright">Copyright</a> | <a href="https://adoc.pub/contact">Contact Us</a> | <a href="https://adoc.pub/cookie_policy">Cookie Policy</a> </div> </div> </footer>  <div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close" on="tap:login.close">×</button> <h4 class="modal-title" id="add-note-label">Sign In</h4> </div> <div class="modal-body"> <form action="https://adoc.pub/login" method="post"> <div class="form-group"> <label class="sr-only" for="email">Email</label> <input class="form-input form-control" type="text" name="email" id="email" value="" placeholder="Email" /> </div> <div class="form-group"> <label class="sr-only" for="password">Password</label> <input class="form-input form-control" type="password" name="password" id="password" value="" placeholder="Password" /> </div> <div class="form-group"> <div class="checkbox"> <label class="form-checkbox"> <input type="checkbox" name="remember" value="1" /> Remember me </label> <label class="pull-right"><a href="https://adoc.pub/forgot">Forgot password?</a></label> </div> </div> <button class="btn btn-primary btn-block" type="submit">Sign In</button> </form> </div> </div> </div> </div>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-177279549-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-177279549-1'); </script> <script src="https://adoc.pub/assets/js/jquery-ui.min.js"></script> <link rel="stylesheet" href="https://adoc.pub/assets/css/jquery-ui.css"> <script> $(function () { $("#document_search").autocomplete({ source: function (request, response) { $.ajax({ url: "https://adoc.pub/suggest", dataType: "json", data: { term: request.term }, success: function (data) { response(data); } }); }, autoFill: true, select: function( event, ui ) { $(this).val(ui.item.value); $(this).parents("form").submit(); } }); }); </script>  <div id="ADOCPUB_cookie_box" style="z-index:99999; border-top: 1px solid #fefefe; background: #FFC107; width: 100%; position: fixed; padding: 5px 15px; text-align: center; left:0; bottom: 0;"> Our partners will collect data and use cookies for ad personalization and measurement. <a href="https://adoc.pub/cookie_policy" target="_blank">Learn how we and our ad partner Google, collect and use data</a>. <a href="#" class="btn btn-success" onclick="accept_ADOCPUB_cookie_box();return false;">Agree & close</a> </div> <script> function accept_ADOCPUB_cookie_box() { document.cookie = "ADOCPUB_cookie_box_viewed=1;max-age=15768000;path=/"; hide_ADOCPUB_cookie_box(); } function hide_ADOCPUB_cookie_box() { var cb = document.getElementById('ADOCPUB_cookie_box'); if (cb) { cb.parentElement.removeChild(cb); } } (function () { var ADOCPUB_cookie_box_viewed = (function (name) { var matches = document.cookie.match(new RegExp("(?:^|; )" + name.replace(/([\.$?*|{}\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)")); return matches ? decodeURIComponent(matches[1]) : undefined; })('ADOCPUB_cookie_box_viewed'); if (ADOCPUB_cookie_box_viewed) { hide_ADOCPUB_cookie_box(); } })(); </script>  </body> </html> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>

VGC portaal sites. 18 juli 2011 EEN GLOBALE VISIE OP DE INFORMATIE ARCHITECTUUR & UX

Recommend Documents