1 OFFERTEAANVRAAG VOOR DIENSTEN BESTEK NR. DLA/COM/ Onderhandelingsprocedure zonder bekendmaking Ontwikkelen van de website VLAAMSE GEMEENSCHAPSCOMMI...
OFFERTEAANVRAAG VOOR DIENSTEN BESTEK NR. DLA/COM/13. 02 Onderhandelingsprocedure zonder bekendmaking Ontwikkelen van de website www.vgc.be
VLAAMSE GEMEENSCHAPSCOMMISSIE DIENSTEN VAN DE LEIDEND AMBTENAAR COMMUNICATIE, MEDIA EN ICT
BIJLAGE I Kenmerken van de te ontwikkelen website
1|P a g i n a
Inhoudstafel van Bijlage I Kenmerken van de te ontwikkelen website 1 Algemene bepalingen ........................................................................................................................................................ 4 1.1 CMS framework ......................................................................................................................................................... 4 1.2 Design framework..................................................................................................................................................... 4 1.3 Volume ......................................................................................................................................................................... 4 1.4 Performantie: laadtijd pagina’s ............................................................................................................................ 4 1.5 Browsercompatibiliteit ........................................................................................................................................... 4 1.6 CSS (scherm & print) ............................................................................................................................................... 4 1.7 Webtoegankelijkheid, respect voor webstandaarden en gebruiksvriendelijkheid ............................ 5 2 Aandachtspunten ................................................................................................................................................................ 6 2.1 Cookie Policy .............................................................................................................................................................. 6 2.2 Webstatistieken ......................................................................................................................................................... 6 2.3 Sociale media ............................................................................................................................................................. 6 2.4 Search Engine Optimisation (SEO) .................................................................................................................... 6 2.5 Gepersonaliseerde foutpagina’s .......................................................................................................................... 6 3 Informatiearchitectuur ...................................................................................................................................................... 7 3.1 Architectuur: overzicht............................................................................................................................................ 7 3.2 Hoofdnavigatie: ontwikkeling .............................................................................................................................. 8 3.3 Hoofdnavigatie: “Over de VGC” ......................................................................................................................... 8 3.4 Hoofdnavigatie: “Aanbod” ..................................................................................................................................10 3.5 Hoofdnavigatie: “Ondersteuning” ....................................................................................................................11 3.6 Hoofdnavigatie: “Contact” ..................................................................................................................................11 4 Templates.............................................................................................................................................................................13 4.1 Structuur ....................................................................................................................................................................13 4.2 Homepagina..............................................................................................................................................................14 4.3 Interne pagina ..........................................................................................................................................................15 4.4 Interne pagina (variant, zonder rechterkolom) ............................................................................................ 16 4.5 Gemeenschappelijke elementen .......................................................................................................................17 4.5.1 Taalkeuze .........................................................................................................................................................17 4.5.2 Service links.....................................................................................................................................................17 4.5.3 Banner ...............................................................................................................................................................17 4.5.4 Hoofdnavigatie ..............................................................................................................................................18 4.5.5 “Call-to-action”-knop: Bestel de Vrijetijdskaart ............................................................................... 18 4.5.6 Nieuwsberichten en kalenderitems .......................................................................................................18 4.5.7 De VGC zoekt… .............................................................................................................................................20 4.5.8 Promobanners ................................................................................................................................................21 4.5.9 Grafische links ................................................................................................................................................21 4.5.10 Interessante links ..........................................................................................................................................21 4.5.11 Gebruik van vgc.be .......................................................................................................................................22 4.5.12 Logo VGC.........................................................................................................................................................22 4.5.13 Footer: copyright notice.............................................................................................................................22 4.6 Specifieke elementen op de homepagina......................................................................................................22 4.6.1 In de kijker .......................................................................................................................................................22 4.6.2 Ons aanbod .....................................................................................................................................................23 4.7 Specifieke elementen op de interne pagina’s .............................................................................................. 24 4.7.1 Breadcrumb .....................................................................................................................................................24 4.7.2 Paginatitel ........................................................................................................................................................24 4.7.3 Samenvatting pagina...................................................................................................................................25 4.7.4 Inhoudsvak ......................................................................................................................................................25 4.7.5 Downloadbare documenten .....................................................................................................................26 4.7.6 Doorverwijsblokken......................................................................................................................................27 4.7.7 Fotogalerij........................................................................................................................................................27 4.7.8 Content delen ................................................................................................................................................28 5 Detailpagina’s .....................................................................................................................................................................29 5.1 Interne linken voor paginacollecties ................................................................................................................29 5.2 Over de VGC: historiek .........................................................................................................................................30 2|P a g i n a
5.3 Over de VGC: missie en visie .............................................................................................................................31 5.4 Over de VGC: Organisatie > De Raad ............................................................................................................32 5.5 Over de VGC: Organisatie > Het College .....................................................................................................33 5.6 Over de VGC: Organisatie > De Administratie van het College .......................................................... 34 5.7 Over de VGC: Organisatie > Adviesraden ....................................................................................................35 5.8 Over de VGC: Actief beleid in Brussel ............................................................................................................36 5.9 Over de VGC: Beleidsdocumenten ..................................................................................................................37 5.10 Over de VGC: Begroting.......................................................................................................................................37 5.11 Over de VGC: Vacatures ......................................................................................................................................39 5.12 Over de VGC: Aanbestedingen ..........................................................................................................................39 5.13 Over de VGC: Stijlhandboek ...............................................................................................................................39 5.14 Aanbod ........................................................................................................................................................................39 5.15 Aanbod: Publicaties ................................................................................................................................................41 5.16 Ondersteuning: subsidies (financieel) .............................................................................................................42 5.17 Ondersteuning: dienstverlening (niet-financieel) ....................................................................................... 42 5.18 Contact: adres en locatie .....................................................................................................................................43 5.19 Contact: contactpersonen ...................................................................................................................................43 5.20 Contact: contactformulier ...................................................................................................................................43 5.21 Sitemap .......................................................................................................................................................................43 5.22 Gebruik van vgc.be .................................................................................................................................................43 6 Gebruikers, content types en taxonomie.................................................................................................................44 6.1 Gebruikers ..................................................................................................................................................................44 6.2 Drupal Content Types ...........................................................................................................................................44 6.3 Views ...........................................................................................................................................................................45 6.4 Taxonomie .................................................................................................................................................................45 Bijlagen: Wireframes ..................................................................................................................................................................46
3|P a g i n a
1
Algemene bepalingen
1.1 CMS framework De Vlaamse Gemeenschapscommissie heeft Drupal 7 gekozen als technisch platform voor al haar nieuwe websites. De nieuwe corporate website moet om deze reden ook in Drupal 7 ontwikkeld worden. Aan de Inschrijver wordt gevraagd om zoveel mogelijk met Core en Contributed modules te werken. Het gebruik van Custom modules wordt sterk afgeraden. Zijn ze toch noodzakelijk, dan is de Inschrijver verplicht om duidelijk aan te geven waarom ze nodig zijn. Tijdens de uitvoering van de opdracht zal de ontwikkelaar, naast de standaard documentatie, ook detaildocumentatie moeten voorzien over het gebruik, de werking en het onderhoud van eventuele noodzakelijke Custom modules. 1.2 Design framework Als design framework werd het 960 grid systeem weerhouden (http://960.gs/). De grafische maquettes werden op basis van dit systeem ontworpen. 1.3 Volume Voor de nieuwe VGC-website moeten maximum 200 unieke webpagina’s* ontwikkeld worden. Met unieke webpagina bedoelen we een pagina waarvan het onderwerp fundamenteel verschillend is van een andere webpagina. Paginacollecties, zoals archiefpagina’s waarbij enkel het jaartal anders is, werden niet meegeteld. De Inschrijver moet in de offerte rekening houden met dit volume bij het voorstellen van de planning. 1.4 Performantie: laadtijd pagina’s De laadtijd van de pagina’s op de nieuwe VGC-website moet heel kort zijn: 0.5 seconden is de ideale responsetijd*, deze mag maximaal tot 3 seconden gaan. * De responsetijd van de pagina’s op de huidige website is gemiddeld 1.36 sec. 1.5 Browsercompatibiliteit De nieuwe VGC-website moet perfect bruikbaar zijn in alle gangbare browser(versie)s en op alle gangbare platformen. Als maatstaf voor het garanderen van browsercompatibiliteit nemen we volgend uitgangspunt: • De website moet compatibel zijn met de recentste hoofdversie van een internetbrowser + alle voorgaande hoofdversies waarvan minstens 5%* van de huidige vgc.be-bezoekers gebruik maakt. * Op basis van de Google Analytics-statistieken van www.vgc.be De nieuwe VGC-website moet ook geschikt zijn voor gebruikers van tablets. De ontwikkeling van een speciale mobiele versie van de website behoort niet tot deze opdracht. 1.6 CSS (scherm & print) De structuur en de presentatie van de inhoud op de nieuwe VGC-website moet volledig gescheiden worden door het gebruik van Cascading Style Sheets (CSS). 4|P a g i n a
Naast de CSS-bestanden die nodig zijn voor de weergave van de site op een beeldscherm is de ontwikkeling van een print.css-bestand een vereiste binnen deze opdracht. 1.7 Webtoegankelijkheid, respect voor webstandaarden en gebruiksvriendelijkheid Drupal 7 laat toe om toegankelijke websites te bouwen. Het behalen van het AnySurferlabel is een absolute vereiste binnen het kader van deze opdracht. De nieuwe website moet ook volledig toegankelijk zijn voor bezoekers die enkel een toetsenbord gebruiken: ze moeten vlot toegang hebben tot alle informatie op de site en alle functies en functionaliteiten probleemloos kunnen gebruiken. Gebruikers van schermlezers moeten de mogelijkheid hebben om repetitieve pagina-elementen over te slaan en meteen naar de inhoud te gaan via een “skip link” feature. Naast het in acht nemen van webtoegankelijkheidsrichtlijnen wordt aan de Inschrijver ook gevraagd om rekening te houden met: • bouwkwaliteit (het respecteren van de officiële W3C-webstandaarden) • gebruiksvriendelijkheid (zowel van de website als van de back office*) * Het is de bedoeling dat het beheer van de (inhoud van de) website zo laagdrempelig mogelijk wordt gehouden, technische (voor)kennis mag geen vereiste zijn. De webredacteurs moeten over alle nodige middelen beschikken om op een eenvoudige en intuïtieve manier de inhoud van de site te kunnen bewerken. Aan de Inschrijver wordt gevraagd om in de technische methodologie uit te leggen hoe webtoegankelijkheid, bouwkwaliteit en gebruiksvriendelijkheid gegarandeerd zullen worden en op welke wijze getest wordt.
5|P a g i n a
2
Aandachtspunten
2.1 Cookie Policy De nieuwe website moet de aangepaste Europese e-Privacy Richtlijn respecteren die op 25 november 2009 goedgekeurd werd door het Europees Parlement. Deze richtlijn houdt in dat bezoekers duidelijk geïnformeerd moeten worden over het gebruik van cookies op een website. Er moet ook aangegeven worden hoe cookies geblokkeerd of verwijderd kunnen worden. De VGC heeft ervoor geopteerd om geen expliciete toestemming aan de bezoekers te vragen om cookies te mogen registreren: de bezoeker moet het gebruik van cookies weigeren. Zodra de bezoeker cookies weigert dan mag het Google Analytics script geen bezoeken meer registreren. De bezoeker moet de mogelijkheid hebben om cookies weer te activeren, na een eerdere weigering. 2.2 Webstatistieken De nieuwe VGC-website zal, net zoals in het verleden, Google Analytics gebruiken voor de registratie van bezoekersstatistieken. 2.3 Sociale media De VGC zal zich voorlopig niet zelf als organisatie presenteren op sociale media. Bepaalde diensten van de VGC zijn intussen wel al actief op sociale netwerken. Wat wel voorzien moet worden is de mogelijkheid om stukken inhoud op sociale netwerken te delen: • een nieuwsbericht • een informatiepagina • een publicatie • enz. Voor de themasites gebruikt de VGC hiervoor het script van AddThis (www.addthis.com). De Inschrijver mag het AddThis-script overnemen in de offerte of een evenwaardig (of beter) alternatief voorstellen. 2.4 Search Engine Optimisation (SEO) De nieuwe website moet alle elementen bevatten om een vlotte en snelle indexering door indexeringsrobots mogelijk te maken. Dit houdt onder andere in: • het genereren van gebruikersvriendelijke webadressen, • het toevoegen van alle relevante meta-elementen, • het toevoegen van een sitemap-pagina, • het toevoegen van een xml-sitemap, • enz. Aan de Inschrijver wordt gevraagd om in de technische methodologie uit te leggen welke SEOelementen aan de nieuwe VGC-website toegevoegd zullen worden. 2.5 Gepersonaliseerde foutpagina’s Als de bezoeker een webpagina oproept die niet (meer) bestaat, dan is het belangrijk dat er een gepersonaliseerde foutpagina getoond wordt (in het design van de website). Deze pagina moet de bezoeker de mogelijkheid bieden om snel naar de homepagina te gaan. 6|P a g i n a
3
Informatiearchitectuur
Belangrijk: De labels die in dit hoofdstuk gebruikt worden voor de hoofd- en subitems van de navigatie zijn niet bindend. Ze kunnen tot na de start van de opdracht nog gewijzigd worden. 3.1 Architectuur: overzicht De nieuwe informatiearchitectuur van vgc.be heeft 4 centrale toegangspunten die de hoofdnavigatie van de nieuwe website vormen:
Deze 4 toegangspunten zijn geen landingspagina’s: de onderliggende pagina’s zijn rechtstreeks bereikbaar. Het hoogste niveau van de informatiearchitectuur ziet er, schematisch, als volgt uit:
De blokjes met stippellijn zijn transversale links en horen niet tot de hoofdnavigatie. 7|P a g i n a
3.2 Hoofdnavigatie: ontwikkeling De hoofdnavigatie moet als volgt ontwikkeld worden: • Zodra de bezoeker met de muisaanwijzer naar een hoofditem wijst (of erop klikt), dan worden de onderliggende items getoond onder de vorm van een mini-sitemap. • We opteren dus niet voor de klassieke werking van een dropdown menu waarbij alle subitems onder elkaar uitgeklapt worden. Deze werkwijze wordt heel vaak toegepast op moderne (overheids)websites. 3.3
Hoofdnavigatie: “Over de VGC”
Opmerking: Wireframes voor de onderliggende pagina’s zijn te vinden in hoofdstuk “Bijlagen: Wireframes”. Doel Het hoofditem “Over de VGC” beantwoordt, onder andere, de volgende vragen: • Wat is de VGC? • Wat doet de VGC (beleidsmatig …)? Volume Dit onderdeel zal maximaal 100 unieke pagina’s tellen. Onderliggende pagina’s
8|P a g i n a
Pagina Historiek Missie en visie
Organisatie Actief beleid in Brussel Beleidsdocumenten
Omschrijving Het ontstaan van de VGC De missie en visie van de VGC met aandacht voor transversale thema’s zoals diversiteit, gelijke kansen, taalbeleid … Deze pagina kadert de VGC binnen de Brusselse context en vermeldt de verschillende bevoegdheden van de VGC Rechtstreekse toegang tot informatiepagina’s over de Raad, het College, de Administratie van de VGC en de Adviesraden Dit gedeelte geeft toegang tot de beleidsthema’s van de VGC. Alle thema’s zijn benaderbaar vanuit een hoofdcategorie (beleidsdomein). Toegang tot de verschillende beleidsdocumenten van de VGC: College(lid)besluiten, visienota’s... Naast de weergave van de meest recente documenten zorgt een zoekfunctie voor een snelle en accurate opzoeking van het juiste 9|P a g i n a
Begroting Werken bij de VGC Stijlhandboek
beleidsdocument De begroting van de VGC Alle informatie over werken bij de VGC. Integratie van de informatie die momenteel op het volgende webadres beschikbaar is: http://stijlhandboek.vgc.be
Aanvullend Op de pagina van het College van de VGC worden de Collegeleden met een profielfiche voorgesteld (foto + korte omschrijving). De pagina “Administratie van het College” bevat een organogram met toegang tot de detailpagina over elke Directie, Entiteit… 3.4
Hoofdnavigatie: “Aanbod”
Opmerking: Wireframes voor de onderliggende pagina’s zijn te vinden in hoofdstuk “Bijlagen: Wireframes”. Doel Het hoofditem “Aanbod” beantwoordt de volgende vraag: • Wat is het concrete aanbod van de VGC (op het vlak van publiekswerking)? Volume Dit onderdeel zal maximaal 30 unieke pagina’s tellen. Onderliggende pagina’s
Pagina Leven Vrije tijd Leren Opgroeien Publicaties
Omschrijving Het eigen aanbod en dat van de partners van de VGC met betrekking tot het thema “leven” Het eigen aanbod en dat van de partners van de VGC met betrekking tot het thema “vrije tijd” Het eigen aanbod en dat van de partners van de VGC met betrekking tot het thema “leren” Het eigen aanbod en dat van de partners van de VGC met betrekking tot het thema “opgroeien” Een overzicht van de VGC-publicaties. Naast de weergave van de meest recente publicaties zorgt een 10 | P a g i n a
zoekfunctie voor een snelle en accurate opzoeking van de juiste publicatie. Alle publicaties kunnen gedownload worden of (indien van toepassing) ook aangevraagd op papier. 3.5
Hoofdnavigatie: “Ondersteuning”
Opmerking: Wireframes voor de onderliggende pagina’s zijn te vinden in hoofdstuk “Bijlagen: Wireframes”. Doel Het hoofditem “Ondersteuning” beantwoordt de volgende vraag: • Wat biedt de VGC als ondersteuning aan? Volume Dit onderdeel zal maximaal 55 unieke pagina’s tellen. Onderliggende pagina’s
Pagina Subsidies financiële ondersteuning Dienstverlening niet-financiële ondersteuning 3.6
Omschrijving Overzicht, per beleidsdomein, van de beschikbare subsidies. Het online aanvragen van subsidies is in deze fase van het project niet mogelijk. Subsidieformulieren kunnen wel gedownload of aangevraagd worden. Overzicht, per beleidsdomein, van de beschikbare dienstverlening. Met inbegrip van de uitleendienst, promotieartikelen.
Hoofdnavigatie: “Contact”
Opmerking: Wireframes voor de onderliggende pagina’s zijn te vinden in hoofdstuk “Bijlagen: Wireframes”. Doel Het hoofditem “Contact” beantwoordt de volgende vragen: • Waar kan ik de VGC vinden en wat zijn de openingsuren? • Wie zijn de contactpersonen binnen de VGC? • Hoe kan ik de VGC contacteren? Volume Dit onderdeel zal maximaal 15 unieke pagina’s tellen.
11 | P a g i n a
Onderliggende pagina’s
Pagina Adres en locatie Contactpersonen Contactformulier
Omschrijving Adresgegevens van de VGC, met aanduiding van de locatie op een Google Mapskaartje. Inclusief vermelding van de openingsuren. Oplijsting, per Directie/Entiteit, van de aanspreekpunten binnen de VGC. Eventuele interface, door de VGC te ontwikkelen, met telefoonrepertorium (interne VGC-databank). Online contactformulier dat toelaat om snel de juiste dienst te contacteren. Dit formulier wordt voorafgegaan door een link naar een overzicht van de meest gestelde vragen.
12 | P a g i n a
4
Templates
Belangrijk: De labels die in dit hoofdstuk gebruikt worden voor de hoofd- en subitems van de navigatie zijn niet bindend. Ze kunnen tot aan de start van de opdracht nog gewijzigd worden. 4.1 Structuur De website zal gebruik maken van standaard templates. Deze templates worden aan het grafisch bureau overhandigd als basis voor de ontwikkeling van de grafische maquettes. Om die reden werden ze bewust eenvoudig gehouden.
13 | P a g i n a
4.2
Homepagina
14 | P a g i n a
4.3
Interne pagina
15 | P a g i n a
4.4
Interne pagina (variant, zonder rechterkolom)
16 | P a g i n a
4.5 Gemeenschappelijke elementen De templates bevatten gemeenschappelijke elementen die op elke pagina terugkomen. 4.5.1
Taalkeuze
De taalkeuze-optie biedt toegang tot de volgende taalversies: • NL: Nederlandstalige versie • FR: Franstalige versie • EN: Engelstalige versie De geselecteerde taal wordt grafisch duidelijk aangegeven. De nieuwe VGC-website moet als een volwaardige meertalige site ontwikkeld worden. Opgelet: De afkortingen moeten voor schermlezergebruikers duidelijk zijn: de talen moeten in de HTML-codering volledig gelezen kunnen worden (in de originele taal): • Nederlands • Français • English 4.5.2
Service links
Service links zijn links die betrekking hebben op het geheel van de pagina of de website. Voorlopig hebben we volgende service links voorzien: • Sitemap: link naar de interne sitemap-pagina • Printen: de pagina via het “print.css”-bestand op een aangepaste wijze laten printen 4.5.3
Banner
De banner bevat de volgende elementen: • Een decoratieve achtergrondafbeelding 17 | P a g i n a
• Het VGC-logo • Een nieuwe slogan waarin het mission statement verweven zit (de huidige slogan “In de weer voor Brussel” blijft niet behouden) • Toegang tot de standaard zoekfunctie (met link naar een pagina met uitgebreide zoekopties) • Het nieuwe N-logo De zoekfunctie laat toe om: • (ofwel) enkel binnen het “vgc.be”-domein te zoeken • (ofwel) binnen het “vgc.be”-domein en binnen de VGC-themasites te zoeken (brusselbazaar.be, cultuurcentrumbrussel.be …) Het VGC-logo is een link naar de homepagina. 4.5.4
Hoofdnavigatie
De hoofdnavigatie bevat een link naar de homepagina + de 4 centrale toegangspunten tot de website. Het geselecteerde toegangspunt wordt grafisch duidelijk aangegeven. 4.5.5
“Call-to-action”-knop: Bestel de Vrijetijdskaart
De knop linkt naar de pagina over de Vrijetijdskaart (voorwaarden en werkwijze). 4.5.6 Nieuwsberichten en kalenderitems Dit onderdeel bevat de laatste nieuwtjes van de VGC en de recentste activiteiten. Ze zijn via een aparte tab te zien. Het onderdeel bevat ook een inschrijffaciliteit voor de VGC-nieuwsbrief.
18 | P a g i n a
De nieuwsberichten worden gesorteerd op datum: de recentst gepubliceerde items staan bovenaan. De kalenderitems worden gesorteerd op datum: de recentste activiteiten staan bovenaan. Er wordt eerst op einddatum oplopend gesorteerd, daarna begindatum aflopend. Dit wil concreet zeggen dat de activiteiten op einddatum gesorteerd worden. Voor activiteiten die dezelfde einddatum hebben zal het systeem eerst de 'unieke' activiteiten en daarna de langdurige activiteiten tonen. Dit omdat we op het tweede niveau de datums aflopend sorteren. Voorbeeld (begin/eind datum en volgorde):
1 maart - 1 maart 2 maart - 2 maart 1 februari - 2 maart 3 maart - 3 maart 1 januari - 3 maart
Databron nieuwsberichten en kalenderitems: • Nieuwsberichten: Worden manueel via een Drupal-nodequeue in het CMS opgeslagen. Via de back office wordt aangegeven welke items op de homepage komen. De publicatie wordt gecoördineerd door het Team Digitale Communicatie in samenwerking met het digitaal redactieteam van de VGC dat om de twee weken een redactie-overleg heeft. • Activiteiten: Zijn afkomstig uit de databank van de VGC. De beheerders van de verschillende themasites geven via de Back Office aan welke items op vgc.be gepubliceerd mogen worden. De publicatie wordt gecoördineerd door het Team Digitale Communicatie samenwerking met het digitaal redactieteam van de VGC. Links nieuwsberichten en kalenderitems: • Nieuwsberichten: Klikken op een nieuwsbericht opent de detailpagina van het geselecteerde nieuwsbericht. Klikken op de link “alle nieuwsberichten” opent de pagina waarop alle nieuwsberichten staan (de homepagina toont slechts een selectie van het totale aanbod nieuwsberichten). • Kalenderitems (activiteiten): Klikken op een kalenderitem opent de detailpagina van het geselecteerde kalenderitem op vgc.be. Er is geen link “alle kalenderitems”. 19 | P a g i n a
4.5.7 De VGC zoekt… Nog een van de meest geconsulteerde pagina’s op vgc.be is de vacaturepagina. Nieuw wordt de toevoeging van een overzicht van: • de vrijwilligers die gezocht worden • de openbare aanbestedingen Deze rubriek is permanent zichtbaar.
Als er een aanbod is voor één of meer van de 3 categorieën dan verschijnen de volgende meldingen: •
Indien vacatures beschikbaar:
“Er zijn xx openstaande vacatures”. De link “alle vacatures” gaat naar de pagina waarop alle vacatures staan.
•
Er worden momenteel geen vrijwilligers gezocht “We zoeken vrijwilligers voor …”. De link “volledig aanbod voor vrijwilligers” gaat naar de pagina waarop het volledige aanbod voor de vrijwilligers staat.
•
Er zijn momenteel geen openbare aanbestedingen “Er zijn xx aanbestedingen”. De link “alle aanbestedingen” gaat naar de pagina waarop alle aanbestedingen staan.
Als er geen aanbod is voor één of meer van de 3 categorieën dan verschijnen de volgende meldingen: •
Indien geen vacatures:
“Er zijn momenteel geen openstaande vacatures” De link “alle vacatures” verschijnt in dit geval niet.
•
Indien geen vrijwilligers gezocht:
“Er worden momenteel geen vrijwilligers gezocht” De link “volledig aanbod voor vrijwilligers” verschijnt in dit geval niet.
20 | P a g i n a
•
Indien geen openbare aanbestedingen:
“Er zijn momenteel geen openbare aanbestedingen” De link “alle aanbestedingen” verschijnt in dit geval niet.
Spontaan solliciteren kan altijd : • Spontaan solliciteren “Is er momenteel geen vacature vrij waarvoor u in aanmerking komt of die u interesseert? Wilt u op hoogte blijven van andere vacatures bij de VGC? Stel u dan spontaan kandidaat voor toekomstige functies.” Link naar een online sollicitatieformulier 4.5.8
Promobanners
Onderaan de rechterkolom is er ruimte voorzien voor promobanners. Deze banners worden gebruikt om bepaalde evenementen of activiteiten voor een langere tijd onder de aandacht te brengen. Het moet in de Drupal Back Office mogelijk zijn om voor elke banner aan te geven: • of deze op alle pagina’s verschijnt • of op één of meer specifieke pagina’s 4.5.9
Grafische links
Onder elke pagina is er ruimte voorzien voor grafische links. Deze bronnen zijn in de eerste plaats eigen websites en primaire referenties. Het zijn websites die zich buiten het “vgc.be”-domein bevinden, ze openen dus allemaal in een nieuw venster/nieuwe tab. 4.5.10 Interessante links
In dit vak staan aan de linkerkant links naar interessante en relevante websites. Het zijn websites die zich buiten het “vgc.be”-domein bevinden, ze openen dus allemaal in een nieuw venster/nieuwe tab.
21 | P a g i n a
4.5.11 Gebruik van vgc.be
In hetzelfde vak staan aan de rechterkant links naar informatiepagina’s over het gebruik van de website. Het gaat specifiek over: • de disclaimer, • de Privacy Policy-pagina • de Cookie Policy-pagina • een pagina met meer informatie over de (web)toegankelijkheid van vgc.be Zodra de site het AnySurferlabel ontvangt dan zal dat label ook aan deze kant van de footer getoond worden. 4.5.12 Logo VGC
Tenslotte staat in dit vak ook het logo van de VGC. 4.5.13 Footer: copyright notice
In de footer staat: • de Copyright notice, • de naam en het adres van de VGC • een link naar het contactformulier Dit zijn elementen die zich standaard in een footer bevinden. 4.6 Specifieke elementen op de homepagina De homepagina bevat 2 specifieke elementen: 1. In de kijker 2. Ons aanbod 4.6.1 In de kijker Dit wordt een slider die specifieke items in de kijker zet. Het wordt een vooraanstaand communicatiekanaal op de vernieuwde vgc.be. Zoals: • een nieuwe publicatie, • een activiteit, georganiseerd door de VGC (eventueel behorend tot een specifieke themasite), • een concreet resultaat van ondersteuning door de VGC, 22 | P a g i n a
• •
een belangrijke gebeurtenis (over de VGC zelf bvb.) enz.
Het digitaal redactieteam van de VGC dat om de twee weken een redactie-overleg heeft (coördinatie door team digitale communicatie) bepaalt wat er “in de kijker” gezet wordt (op basis van insteken van Directies, Entiteiten, VGC-partners …). De slider toont 2 items tegelijkertijd, in totaal moeten er tot 8 verschillende items getoond kunnen worden via de slider. Elk slider item bevat: • een beeld, • een titel (met link naar een detailpagina), • een korte omschrijving. Om toegankelijkheidsredenen mag deze slider niet automatisch starten: de bezoeker bepaalt zelf wanneer hij/zij de volgende/vorige 2 items wil zien. 4.6.2 Ons aanbod De vernieuwde vgc.be wordt een Corporate website. Het aanbod van de VGC verdient dan ook een vooraanstaande plaats op de homepagina. Dit vak biedt rechtstreeks toegang tot dat aanbod.
23 | P a g i n a
Opmerkingen: De invulling van dit vak is niet bindend. 4.7 Specifieke elementen op de interne pagina’s De interne pagina’s bevatten ook specifieke elementen: 1. een breadcrumb, 2. de paginatitel (H1 element) 3. een vak voor een samenvatting van de pagina 4. een inhoudszone met: a. subtitels (vanaf H2) b. content 5. een vak met mogelijkheid tot het toevoegen van een afbeelding of video 6. een vak voor downloadbare documenten 7. een doorverwijsblok met: a. interne links b. externe links 8. mogelijkheid tot het toevoegen van een fotogalerij 9. mogelijkheid om de content te delen op sociale netwerken 4.7.1
Breadcrumb
De breadcrumb moet een contextueel correcte weergave zijn van de informatiearchitectuur. Alle links moeten aanklikbaar zijn behalve de laatste: de titel van de pagina waarop men zich bevindt. 4.7.2
Paginatitel
De paginatitel moet een H1-element zijn. Er mag maar één H1-element per pagina zijn.
24 | P a g i n a
4.7.3
Samenvatting pagina
De webredacteurs zullen bij het schrijven van inhoud het “omgekeerde piramidemodel” volgen. Het aanbieden van een samenvatting van de pagina is daar een essentieel onderdeel van. De lengte van de inhoud van dit vak hoeft technisch niet begrensd te worden, de webredacteurs zijn zelf verantwoordelijk voor de lengte ervan. Dit vak moet zowel paragraaftekst als genummerde en ongenummerde lijsten kunnen tonen. 4.7.4
Inhoudsvak
In het inhoudsvak moeten, via de editor, naast tekst ook de volgende elementen toegevoegd kunnen worden: Afhankelijk van de rol van de huidige gebruiker zijn een of meerdere tekst formaten beschikbaar. Deze tekst formaten bepalen welke opties ter beschikking staan in de editor. We voorzien volgende tekst formaten: • Ongedaan maken, redo - undo • Kopiëren – knippen - plakken - plakken zonder opmaak (as plain text : CTRL-ALT-V) • Alles selecteren • Link (met optiemogelijkheid voor targets), eimail-link (met optiemogelijkheid voor CC, BCC en subject), • Anker () • Links, rechts, midden uitlijnen • Inspringen • Superscript, subscript • Remove formatting • Symbolen • Cursief, vet (<em>, <strong>) • Citaat, Blockquote (,