interprovinciaal overleg Postbus 16107 2500 BC Den Haag t.a.v. mevr. sandra binken, Mevr. Karin Cox, dhr. Erik lubberink Offerte Offertedatum 03 MEI 2013 050313_Offerte_IPO_PortaalNatuurLandschap_v1 PROJECt BUREAUBAS kinlozen 25 (bg) 2151 xa nieuw vennep t 06 30 72 28 41 e i post@bureaubas.nl www.bureaubas.nl ING BANK 68 25 85 68 8 1 van 11 btw NL10 17 83 33 4 B01 KVK AMSTERDAM 34 31 46 44
Fase 01 De eerste stap die we voorstellen is een definitie-traject. Resultaat (a): een volledig uitgewerkt concept van de website / het portaal, inclusief structuur, functionaliteit en eventueel over te nemen content. Resultaat (b): Helderheid over welke onderdelen qua functionaleit (en vormgeving of technische realisatie) meerwerk behoeven en mogelijk meer kunnen kosten dan in deze offerte begroot. De eerste stap: als voorbereiding op de eerste workshop nemen wij de beschikbaar gestelde onderzoeksresultaten door. De workshop is één dagdeel. Tijdens deze workshop werken we aan het concept (structuur en functionaliteit). Wij hebben onze expertise op het vlak van wat online werkt en jullie de inbreng over de materie en de doelgroep. Na die eerste workshop hebben we beiden huiswerk te doen. De volgende dag, of twee dagen later, hebben we een tweede workshop (van een dagdeel), waarin keuzes die nog open stonden tot een geheel gebracht kunnen worden. Na de tweede workshop werken wij alles uit om de twee resultaten (a en b) te bereiken. 2.900,00 2 van 11
de verschillende paginastijlen / lay-outs Op dit moment gaan wij uit van de volgende paginastijlen / structuur (zie onderstaande lijstje). Elke specifieke paginastijl omschrijven wij. Bijzonderheden of belangrijke punten worden per pagina toegelicht. Het nummer van de (mogelijke) paginastijl staat aan het einde van de regel. Home / overzicht Homepage van de website / het portaal 1 Overzicht van de verschillende dossiers binnen de website / het portaal 2 Nieuws Overzicht nieuwsberichten overall binnen de website / het portaal 3 Overzicht nieuwsberichten binnen een specifiek dossier 4 Specifiek nieuwsbericht 5 Dossiers Detailpagina van een dossier 1 t/m 4 6 Agenda Agenda-pagina 7 Detailpagina van een agenda-item 8 Partners Overzicht partners 9 Specifieke partnerpagina 10 Contact Pagina met contactgegevens en contactformulier 11 Overige paginastijlen Links 12 Overzicht downloads 13 Community-gerelateerde paginastijlen Profiel aanmaken 14 Aanmeldformulier profiel 15 Gepersonaliseerde homepage 16 Profielpagina 17 Zoeken Zoekresultatenoverzicht 18 Wiki Wikipedia-achtig overzicht 19 Detailpagina van een specifiek onderwerp uit de wiki 20 Op de volgende pagina s van dit document gaan we in op de mogelijke inhoud van bovenstaande paginastijlen. 3 van 11
Home / overzicht Homepage van de website / het portaal 1 Vanaf de homepage is het mogelijk om de verschillende dossier(-pagina )s te bereiken. Dossiers binnen de website / het portaal, met een eigen pagina en onderliggende structuur, kunnen bijvoorbeeld zijn: SNL, DKN, EHS, INL, Natuurwetgeving, Natuurkwaliteit monitoren, In de praktijk, etcetera. Per dossier is het mogelijk om in een klein blokje bijvoorbeeld de inleidingen van de laatste nieuwsberichten over / binnen dit dossier te tonen. Of de laatste reactie op een pagina / bericht / forum-onderwerp binnen dit dossier. Ook is het mogelijk om een twitterfeed en bijvoorbeeld de eerstvolgende belangrijke agendapunten in een apart blok te tonen. Naast de inleidingen van de verschillende dossiers, inleidingen van nieuwsberichten en social media is het ook mogelijk dat er plaats is voor een zoekvenster (zoeken in het portaal of de wiki). Ruimte om in te loggen in je eigen profiel, daar is ook ruimte voor op de homepage (waarschijnlijk op elke pagina binnen de website / het portaal - maar hier noemen we het expliciet). Verder kan opdrachtgever alle standaard items die op een homepage horen te staan verwachten. Denk bijvoorbeeld aan: een header met een woordmerk van het Portaal Natuur en Landschap er in, navigatie en mogelijk sub-navigatie, een footer met linkjes naar belangrijke pagina s en een linkje naar een sitemap en bijvoorbeeld ook een copyrights notice. Ook is er (op elke pagina komt dit terug) een kleine button onderaan de pagina die de bezoeker, op lange pagina s, terug naar boven brengt. Let op: In het programma van eisen staat nu: deze sites wanneer het om dossiers gaat. Om hier een interpretatie-verschil te voorkomen noemen wij ze in deze offerte dossiers. Het zijn geen andere sites. Het portaal is zelf namelijk één grote site. De agenda komt later in deze offerte aan bod. Overzicht van de verschillende dossiers binnen de website / het portaal 2 de redactie kan zelf dossiers en of pagina s voor ín de dossiers aanmaken binnen de website / het portaal. Bepaalde elementen uit de homepage die betrekking hebben op het tonen van informatie over de verschillende dossiers kunnen op deze overzichtspagina terugkomen. Denk bijvoorbeeld aan de korte inleidingen per dossier, inleidingen van laatste nieuwsberichten en of reacties op berichten / pagina s binnen de betreffende dossiers. Per dossier is voor de ingelogde bezoeker nog aan te geven of dit dossier toegevoegd moet worden aan het persoonlijke profiel. Met het oog op de toekomst is er geen vast kader waarin alle dossiers moeten passen. Het is mogelijk om actuele dossiers voor niet-ingelogde bezoekers in een andere volgorde te zetten. Het is natuurlijk ook mogelijk om nieuwe dossiers toe te voegen. Let op: In het programma van eisen staat nu websitebeheerders / contentmanagers wanneer het om de redactie gaat. Om hier een interpretatie-verschil te voorkomen noemen wij ze in deze offerte redactie. Nieuws Overzicht nieuwsberichten overall binnen de website / het portaal 3 Het overzicht van nieuwsberichten binnen de website / het portaal kan (per inleiding van een specifiek nieuwsbericht) bestaan uit een titel, datum van verschijnen, auteur en bijvoorbeeld hoeveel reacties er bij dit nieuwsbericht zijn geplaatst. Ook is het mogelijk om een bepaalde categorie (Beleid, Onderzoek, Praktijk) er aan te te voegen. Deze kunnen allen, per dossier gerangschikt op een pagina getoond worden, gescheiden door paginatie (een kort menuutje onderaan de pagina waarmee de volgende of vorige 4 van 11
pagina met inleidingen van nieuwsberichten kan worden getoond). Overzicht nieuwsberichten binnen een specifiek dossier 4 Per specifiek dossier is het ook mogelijk de nieuwsberichten in een overzicht te tonen. Dezelfde mogelijke variabelen als uit het overzicht zoals hierboven omschreven kunnen getoond worden. Specifiek nieuwsbericht 5 Een specifiek nieuwsbericht kan op verschillende manieren getoond worden. Het bericht / de pagina waarop het bericht staat kan afbeeldingen bevatten, zoals voor het overzicht al aangegeven - de titel, verschijningsdatum, de auteur, het aantal reacties en wellicht nog andere variabelen -, het bericht zelf (de tekst), links naar andere berichten (het is mogelijk berichten door middel tags aan elkaar te koppelen) zodat een bezoeker andere relevante berichten gelijk kan aanklikken om te bekijken. Ook staat er onderaan het bericht een button om naar het volgende of het vorige bericht te gaan (met de titel van het volgende / vorige bericht er bij). Per nieuwsbericht is het, voor bezoekers, mogelijk (wanneer de redactie dit aan of uit zet in het Content Management System) om reacties achter te laten. Dan moeten deze bezoekers wel ingelogd zijn. Per nieuwsbericht is het ook mogelijk om een bepaalde categorie aan te wijzen (bijvoorbeeld Beleid, Onderzoek en Praktijk). Let op: Inloggen / profielen aanmaken / community komt later in deze offerte terug. Dossiers Detailpagina van een dossier 1 t/m 4 6 Deze dossier-detail-pagina s kunnen een eigen lay-out, sub-navigatiestructuur en rubrieken / categorieën hebben. Wij gaan op dit moment uit van vier verschillende layouts ( wireframes ) voor pagina s die binnen een dossier vallen, omdat informatie op verschillende manieren getoond moet kunnen worden. Voorbeeld: Beleid, Onderzoek en Praktijk vereisen ieder wellicht net andere lay-outs. Daar informatie die te maken heeft met Beleid en Onderzoek misschien wel tabellen en grafieken op een nette manier moet tonen (dan maken we daar een nette lay-out voor) en Praktijk misschien wel veel foto s moet tonen (dan maken we daar een nette lay-out met een foto-album / carrousel voor). Inhoud van een detailpagina van een dossier kan onder andere zijn: de titel, subtitel, een categorienaam, naam van de auteur (wanneer gewenst), een afbeelding, een You- Tube video (en andere media). Ook is het mogelijk een stukje met links naar relevante nieuwsberichten of pagina s te tonen. Een apart stuk voor downloads (die door de redactie zijn geupload). Wanneer een bezoeker ingelogd is kan er ook ruimte zijn waarin de bezoeker aan kan geven of deze informatie aan het persoonlijke profiel toegevoegd kan worden. Er is ook een dossier-overzichtspagina waarop alle informatie die binnen dit dossier beschikbaar is getoond kan worden. Dus: laatste veranderingen aan pagina s (welke nieuwe pagina s / artikelen zijn er bijgekomen in de laatste week / maand), wat zijn de laatste nieuwsberichten, wat zijn de laatste reacties op artikelen / nieuwsberichten en of het forum binnen dit dossier? Dat soort elementen komen terug in deze pagina. Binnen een dossier is er een paginastijl / lay-out waar in de chatfunctie ingebouwd is. Wanneer de redactie een bepaalde datum / tijd heeft aangegeven kan zij een link neerzetten naar een pagina (die op een bepaalde datum / tijd online te zien is) waarop bezoekers kunnen chatten met elkaar over bepaalde onderwerpen binnen het betreffende dossier. 5 van 11
Let op: Het is mogelijk om in de detailpagina s en of op de dossier-overzichtspagina een button voor ingelogde bezoekers te maken waardoor via e-mail ze op de hoogte gehouden worden van belangrijke nieuwe pagina s en of berichten binnen een dossier, maar dit behoeft nog overleg met opdrachtgever. Agenda Agenda-pagina 7 De agenda-pagina is, visueel gezien, een pagina binnen de website / het portaal waarop een maandkalender getoond is. Op die kalender (aan te passen door de redactie) zijn belangrijke data, relevant voor bezoekers van de website / het portaal te zien, met bijvoorbeeld in het kort een inleiding (paar karakters, woorden of zinnen) - afgebroken door een lees meer... button die naar een pagina over dit agenda-punt / onderwerp verwijst. Let op: Voor bezoekers is het niet mogelijk agenda-punten aan te maken - maar wellicht dat er een formulier op deze pagina komt waardoor de redactie op de hoogte gesteld kan worden van nieuwe belangrijke / interessante data. Detailpagina van een agenda-item 8 Een agenda-item kan een eigen pagina krijgen waarop de content (afbeelding, geluid, video of tekst) staat die met dit item te maken heeft. Ook kan het zijn, zoals bij Agenda-pagina omschreven, dat een agenda-item doorverwijst naar een andere pagina binnen de website / het portaal of zelfs een pagina / website van een derde partij. Partners Overzicht partners 9 Het overzicht van partners kan bestaan uit een pagina met een korte introductie, met daaronder blokken, per partner. Ieder blok heeft de volgende inhoud, per partner: een logo, de naam van de partner, andere relevante informatie en een korte inleiding (aantal karakters, woorden of zinnen) die afgebroken is door een lees meer... button die verwijst naar de specifieke partnerpagina. Specifieke partnerpagina 10 De specifieke partnerpagina kan, net als in het overzicht, een logo, de naam, korte relevante informatie als bijvoorbeeld het oprichtingsjaar en of gelieerde partners én natuurlijk tekst over de partner bevatten. Ook kan er ruimte gemaakt worden voor een blok met contactgegevens van aanspreekpunten binnen deze organisatie. Een foto voor de contactpersonen tonen is zelfs mogelijk (misschien niet vereist, maar de mogelijkheid is er). Ook is het mogelijk dat er ruimte is voor een twitterfeed en of een aantal YouTube video s van deze partner. Ruimte voor een linkje naar de website van deze partner is ook mogelijk. Alles visueel netjes uit elkaar gehouden in, bijvoorbeeld, blokken met heldere kopjes. Contact Pagina met contactgegevens en contactformulier 11 de pagina met contactgegevens van de organisatie achter de website / het portaal (het IPO en de redactie) kan uit verschillende onderdelen bestaan. Denk aan: contactgegevens van het IPO zelf, van de redactie (misschien wel met foto, zodat de redactie sneller herkent kan worden tijdens bijeenkomsten van de verschillende organisaties - zo ontstaat ook een samenwerken aan gevoel), een plattegrond waarop te zien is waar de redactie / het IPO te vinden is. En (natuurlijk) een reactieformulier. Overige paginastijlen 6 van 11
Links 12 Overzicht van links naar belangrijke andere websites. Overzicht downloads 13 de downloads die op de verschillende pagina s binnen de website / het portaal worden aangeboden kunnen op de overzicht downloads pagina verzameld worden. Zo hoeven bezoekers niet te zoeken. Het is mogelijk om per dossier een aparte downloadspagina te maken waarin alle downloads van de verschillende pagina s binnen het betreffende dossier verzameld worden. Community-gerelateerde paginastijlen Profiel aanmaken 14 Bezoekers van de website / het portaal die getriggerd zijn om een profiel aan te maken kunnen (volgende zijn voorbeelden) soms nog twijfels hebben over wat er met hun gegevens kan gebeuren of wat er allemaal wel/niet mogelijk is wanneer zij een profiel aangemaakt hebben. Om die mensen te helpen (en wellicht is dit ook een plaats voor de redactie om nog andere onderwerpen te delen) maken we een aparte pagina die gaat over de aanmaak van het profiel en wat daarbij komt kijken. Aanmeldformulier profiel 15 In het aanmeldformulier komen redelijk standaard items aan bod als onder andere: naam, adresgegevens, naam van de organisatie... Misschien wil opdrachtgever de mogelijkheid benutten om alle bezoekers met een profiel ook de kans te geven om een foto bij hun profiel te uploaden? Kan handig zijn in verband met herkenbaarheid in real life. Ook kan men hier al aangeven in welke dossiers / onderwerpen binnen dossiers de bezoeker geïnteresseerd is. Gepersonaliseerde homepage 16 doordat de ingelogde bezoeker verschillende dossiers / onderwerpen binnen dossiers aan zijn of haar interesses heeft toegevoegd is het mogelijk dat de dossiers op de gepersonaliseerde homepages in een andere volgorde staan (de dossiers waar meer interesse in is staan dan bijvoorbeeld bovenaan). Op de gepersonaliseerde homepage is het ook mogelijk om de eerste zinnen van de laatste reacties ná de reactie van de ingelogde gebruiker op bepaalde pagina s / het forum te laten zien. Profielpagina 17 De profielpagina van de bezoekers kan uit verschillende elementen bestaan die bij paginastijl 15 (aanmeldformulier) ook omschreven zijn. Let op: De profielpagina van een bezoeker is alleen toegankelijk voor andere bezoekers die ingelogd zijn. De persoonlijke profielpagina is aan te passen door de bezoeker. Zoeken Zoekresultatenoverzicht 18 Het zoekresultatenoverzicht is benaderbaar wanneer een bezoeker een bepaalde term, of op een bepaalde synoniem of een bepaalde zin of een aantal woorden, binnen de website / het portaal gezocht heeft. In het zoekresultatenoverzicht is het mogelijk om wanneer gewenst, de resultaten als volgt weer te geven: met een titel van de pagina / het artikel, de eerste paar zinnen, woorden of karakters van de content, de complete url (het pad naar de pagina / het artikel), zodat een bezoeker direct ziet waar hij / zij naartoe gaat wanneer hij / zij op de titel / de link van het getoonde zoekresultaat geklikt heeft. Ook is het mogelijk om de zoekresultaten nog te verfijnen door bijvoorbeeld alleen re- 7 van 11
sultaten te tonen die uit een bepaald jaartal of uit een bepaald dossier komen te tonen. Wiki Wikipedia-achtig overzicht 19 Het wikipedia-achtig overzicht bestaat uit onderwerpen, die door de redactie in categorieën in te delen zijn, waar bezoekers naar kunnen zoeken (op de wiki-pagina, maar ook in de zoekresultaten komen deze naar voren). Elk onderwerp / elke naam / link in dit overzicht verwijst naar een aparte detailpagina die volledig aan dit onderwerp gewijd is. Detailpagina van een specifiek onderwerp uit de wiki 20 De detailpagina van een specifiek onderwerp uit de wiki kan, net als de andere pagina s binnen deze website / dit portaal bestaan uit: een titel, een subtitel, een gerelateerde categorie, de content zelf, gerelateerde onderwerpen en nieuwsberichten. Ook kunnen bepaalde onderwerpen door middel van tags in het Content Management System aan elkaar gekoppeld worden. Verwijzingen naar andere pagina s binnen of buiten deze site / dit portaal zijn natuurlijk altijd mogelijk door middel van links. Onderdelen paginastijlen en techniek / interactiefuncties Binnen de verschillende paginastijlen zijn verschillende functionaliteiten vereist. Sommigen zijn in de voorgaande pagina s omschreven en vallen onder de totaalprijs omdat deze als redelijk standaard beschouwd kunnen worden. Anderen worden hieronder en of op de volgende pagina s besproken. Reactiemogelijkheden File upload Inlogmogelijkheid Interactieve contact, vraag en suggestieformulieren Edit templates, informatie per type aangeven Geavanceerde zoekmogelijkheden (jaartal en synoniemen etcetera) / Zoekmogelijkheden, navigatie en toegankelijkheid Ook zijn er een aantal technische vereisten die met het geheel te maken hebben en niet specifiek voor een paginastijl gemaakt moeten worden. Die bespeken we ook. Mailinglist gekoppeld aan nieuwsbrief Attenderingservice Inrichten community Uploaden van documenten ivm co-creatie brengt beveiligingsrisico s met zich mee Chatfunctie Widgets Forum 8 van 11
multimedia functies Het is mogelijk om video s en geluidsfragmenten te streamen. Tijdens ons gesprek hebben we het gebruik van YouTube en Soundcloud (YouTube voor video en Soundcloud voor audio) al bespoken. Andere opties behoren ook tot de mogelijkheden. Waarom bespraken wij YouTube en Soundcloud? Dit zijn gangbare / bruikbare elementen binnen een nieuwe website / het portaal. Iedere bezoeker kan deze content zien of horen zonder dat er speciale plugins gedownload moeten worden voordat de content af te spelen is. Downloaden van multimediabestanden is geen probleem. Noot voor toekomstige site-beheer / redactie: een eigen YouTube-kanaal en of Soundcloud-kanaal moet aangemaakt worden door opdrachtgever. techniek Wereldwijd geaccepteerde standaards is de developer mee bekend: industriestandaarden, html, css, javascript, PHP en (My)SQL. WordPress is een open source content management system. De website is voor iedereen die toegang heeft tot internet benaderbaar. Of dit op een mobiele telefoon, tablet of computer is mag niet veel uitmaken. De website / het portaal moet dus responsive worden. De website voldoet aan de webrichtlijnen overheid. Over ontwerp, development (bouw), testen, aanpassingen maken we vooraf afspraken. De nieuwsbrief toepassing komen we elders in deze offerte op terug. Document management systeem: tijdens het gesprek hebben wij gesproken over het uploaden van bestanden met bepaalde bestandsnamen. Creatie van statische url s voor deep-links vanuit andere websites. Mogelijk en zeer wenselijk ook voor SEO. De website / het portaal kan waar dan ook geplaatst worden, zolang voldaan wordt aan de minimum eisen voor het hosten van een WordPress website. 9 van 11
Content Management Systeem: functionaliteit voor de redacteur Het is mogelijk om per pagina apart de meta-gegevens, titels, urls en tags in te vullen. Het CMS heeft een Media onderdeel waarin alle geuploade bestanden worden opgeslagen, zodat de redactie ze later nog terug kan vinden. Nieuwe pagina s / artikelen zijn klaar te zetten om op een bepaalde datum / tijd online zichtbaar te zijn voor bezoekers. Ook is het mogelijk (in het CMS) om op een bepaalde datum / tijd een pagina / artikel automatisch niet meer te laten tonen. Het is mogelijk om een full-text search uit te voeren voor alle onderdelen van de website / het portaal (in het CMS). Het CMS beschikt over spellingscontrole. De structuur en vormgeving van de pagina s is vrij te definiëren doordat wij verschillende templates maken. Hyperlinks kunnen automatisch worden aangemaakt wanneer de redactie een http:// of www adres invoert in de content. Maar: in verband met webrichtlijnen overheid niet wenselijk. Per hyperlink in de content moeten namelijk verschillende variabelen door de redactie ingevoerd worden. Een titel-tekst, de locatie waar de link naartoe verwijst en het is mogelijk om aan te geven of de link in een nieuw venster opent of dat het huidige browser-venster daarvoor gebruikt moet worden. Het detecteren van broken-links: is mogelijk. Het is mogelijk om Google Analytics of een vergelijkbare analyse tool achter de website te hangen om traffic (herkomst en aantallen etcetera) te bekijken. Ondersteunt het CMS tabellen, multimedia en gangbare image-formaten? Ja. Afbeeldingen: de croptool (afbeeldingen op maat kunnen knippen in het CMS) is standaard in WordPress. Ook zijn er vooringestelde formaten te kiezen. Moeten we later even bespreken welke optie praktischer is. Is de vormgeving van een pagina in een preview te bekijken? Ja. Standaard functionaliteit van WordPress. Op het moment dat een pagina / artikel comments aan heeft staan, dan is het voor de redactie instelbaar dat ze een email krijgt van elke comment op deze pagina / dit artikel. 10 van 11
interprovinciaal overleg Postbus 16107 2500 BC Den Haag t.a.v. mevr. sandra binken, Mevr. Karin Cox, dhr. Erik lubberink Offerte Offertedatum 03 MEI 2013 050313_Offerte_IPO_PortaalNatuurLandschap_v1 OVEREENKOmst Datum Datum 03 MEI 2013 Handtekening Handtekening BUREAUBAS BUREAUBAS kinlozen 25 (bg) 2151 xa nieuw vennep t 06 30 72 28 41 e i post@bureaubas.nl www.bureaubas.nl 11 van 11 Laatste blad van dit document. Lees ook de algemene voorwaarden. ING BANK 68 25 85 68 8 btw NL10 17 83 33 4 B01 KVK AMSTERDAM 34 31 46 44