Functioneel ontwerp www.vlissingen.nl en alle overige onderdelen uit deze aanbesteding
Functioneel ontwerp www.vlissingen.nl
Inhoudsopgave 1. Inleiding 1.1. Gemeente Vlissingen 1.2. Opzet/ werkwijze van dit Functioneel ontwerp 2. Het concept vlissingen.nl 2.1. Visie 2.2. Toegankelijkheid 2.3. Betrouwbaarheid 2.4. Vindbaarheid 2.5. Doelen nieuwe website 2.6. Concept 3. Functies en blokken 3.1. Elementen, modules, widgets en blokken 3.2. Backend 4. Gebruiksvriendelijkheid CMS 5. Vormgeving website 5.1. Vlissingen.nl algemeen 5.1.1. Subsites onder Vlissingen.nl 5.1.2. Project websites 5.1.3. KCC loketpagina’s 5.2. Nieuwsbrieven 6. Koppelingen en integratie website 7. Intranet 7.1. Vormgeving intranet 7.2. Elementen, modules, widgets en blokken 7.3. Koppelingen intranet 8. Hosting 8.1. Website 8.2. Intranet 9. Conformiteitenlijst eisen en wensen
Pagina 2 van 18
Functioneel ontwerp www.vlissingen.nl
1. Inleiding Voor u ligt het functioneel ontwerp voor de website en het intranet van de gemeente Vlissingen. In dit document wordt de vertaling gemaakt van het concept vlissingen.nl naar de gewenste functionaliteit. Dit document dient als blauwdruk voor de ontwikkeling van de internet- en intranetsite, voor alle betrokken partijen. 1.1. Gemeente Vlissingen De Opdrachtgever van deze aanbesteding is de gemeente Vlissingen. Vlissingen is een maritieme stad aan de monding van de Westerschelde en bij de toegang tot de Noordzee. De gemeente heeft ongeveer 45.000 inwoners. Binnen de ambtelijke organisatie van Vlissingen zijn momenteel circa 440 medewerkers werkzaam. Meer informatie betreffende de gemeente Vlissingen treft u aan op onze website ww.vlissingen.nl1. 1.2. Opzet/ werkwijze van dit Functioneel ontwerp Het is belangrijk om te weten dat de gemeente Vlissingen vooral voor standaard, en dus reeds beschikbare, oplossingen wilt gaan. Het Functioneel ontwerp moet u daarom zien als de beleving van de gemeente Vlissingen, wat zij kennen en wat in beleving gewenste functionaliteiten en onderdelen van oplevering zijn. Mochten onderdelen binnen dit Functioneel ontwerp maatwerktrajecten vergen dan zien wij deze in uw offerte graag gespecificeerd terug. Om het project overzichtelijk in tijd en kosten te houden kunt u omvangrijke maatwerktrajecten als zodanig benoemen. Allereerst wordt het concept vlissingen.nl omschreven. Vervolgens worden alle type pagina’s, modules en backendfunctionaliteiten beschreven. Tot slot worden in het hoofdstuk koppelingen de behoefte aan koppelingen voor de gemeente Vlissingen beschreven.
1
http://www.vlissingen.nl/Gemeente-Vlissingen/Gemeente/Organisatie.htm
Pagina 3 van 18
Functioneel ontwerp www.vlissingen.nl
2. Het concept vlissingen.nl 2.1. Visie De website sluit aan bij de visie die de gemeente Vlissingen met haar dienstverlening voor ogen staat. Het algemene beeld van de huidige situatie is dat de gemeente voor burgers een instantie is waar men te weinig vat op heeft, waarbij men geen inzicht heeft in de status van lopende zaken en waar het allemaal onnodig lang duurt. De visie is om via verschillende kanalen makkelijk bereikbaar te zijn voor de klant en tijdig, adequaat en correct de klantvraag af te handelen en inzicht te geven in het behandelproces. De website is daarbij nu en in de toekomst het meest geëigende kanaal. 2.2. Toegankelijkheid De toegankelijkheid van de website is de belangrijkste factor op basis waarvan de kwaliteit bepaald kan worden. Dit gebeurt niet op subjectieve normen of op persoonlijke smaak, maar aan de hand van landelijk vastgestelde checklist Dienstverlening, die uitgaat van vijf beloften aan burgers: • Onze dienstverlening is mensgericht: burgers komen centraal te staan, doordat gemeenten bijvoorbeeld minder vergunningen vragen en de aanvraag van subsidies vereenvoudigen. • Burgers kunnen hun zaken snel en zeker regelen, zoals online een afspraak maken om zo lange wachttijden te voorkomen. • Altijd de juiste deur: optimale ketensamenwerking; je komt als burger snel bij het juiste loket door onderlinge samenwerking tussen gemeenten en andere organisaties; • We vragen gegevens slechts eenmaal op: gemeenten gaan eerder verstrekte gegevens hergebruiken, waardoor burgers niet opnieuw basisgegevens hoeft aan te leveren. • We zijn transparant en aanspreekbaar: burgers mogen de overheid aanspreken op haar dienstverlening. Immers, het volgen van de webrichtlijnen zorgt voor optimale toegankelijkheid voor iedereen (dus ook bijvoorbeeld visueel beperkten), en draagt ertoe bij dat de website optimaal doorzoekbaar is voor zoekmachines en meer. Kortom; de algehele kwaliteit, vindbaarheid en gebruiksvriendelijkheid van de website en dus ook van de dienstverlening, zal er beduidend op vooruit gaan. Al direct bij de start van het project houden we rekening met deze webrichtlijnen. Alle functionaliteiten én alle teksten in de website worden in de ontwerpfase al getoetst op conformiteit met de webrichtlijnen. Dit wordt dus een rode draad in de ontwikkelingen rondom de te vernieuwen site. Geef aan hoe u de nieuwe website aan de webrichtlijnen kunt laten voldoen. Welke stappen neemt u in het proces en op welke wijze zorgt u in samenspraak met de redacteuren voor het behalen van een waarmerk drempelvrij/webrichtlijnen? Stichting Waarmerk Drempelvrij toetst overheidssites op toegankelijkheid en toepassing van de webrichtlijnen, die verplicht zijn. De 125 eisen zijn ingedeeld in drie niveaus, waarvan de eerste 16 slaan op basistoegankelijkheid. Hiermee is duidelijk welke normen absolute prioriteit hebben. 2.3. Betrouwbaarheid Naast het voldoen aan webrichtlijnen worden betrouwbaarheid gecontroleerd. Daarbij zijn van groot belang: • Goede ondersteuning en ontwikkeling door leverancier, • Gebruiksvriendelijke en vlotte redactionele omgeving, • Presentatie op mobiele media en toekomstbestendigheid middels open standaarden (publiekelijk beschikbare specificaties, waarop de software gebouwd zijn),
Pagina 4 van 18
Functioneel ontwerp www.vlissingen.nl
•
De beveiliging van het cms/database/webservers specificaties moeten voldoen aan de landelijke ICT- beveiligingsrichtlijnen voor webapplicaties van overheidsorganisaties (Nationaal Cyber Security Centrum, voorheen Govcert.nl).
2.4. Vindbaarheid Een goede website zorgt ervoor dat de gepubliceerde informatie en functionaliteiten ook goed vindbaar zijn. Aangezien de gemeente Vlissingen in het verleden veel kritieken heeft gekregen over de vindbaarheid van de informatie, wordt richting de nieuwe website op alle fronten verbeteringen aangebracht. • Vanuit interne vindbaarheid zal een SOLR zoekmachine met de nodige modules en een prominente positionering op de website een bijdrage leveren. • Anderzijds moet de website via SEO door externe zoekmachines goed vindbaar zijn en geïndexeerd worden. 2.5. Doelen nieuwe website Uitgangspunt van de nieuwe website is dat deze in dienst staat van haar bezoekers en het doel van hun bezoek. We heten ze niet welkom, maar laten hen voelen welkom te zijn. Dat bereiken we door de volgende kwaliteitsaspecten: • ze vinden snel wat ze zoeken; • ze zien direct wat ze kunnen doen; • ze hoeven weinig te lezen en te wachten • en ze worden optimaal begeleid door het aanvraagtraject. 2.6. Concept De nieuwe website is het primaire communicatiekanaal en is tevens het preferente dienstverleningskanaal. De nieuwe website: stelt de gebruiker centraal en is responsief, dit wil zeggen dat ze 'reageert' op de handelingen van de bezoeker. Dit betekent concreet: optimaliseren van de helpfuncties, zoekfuncties, zoekmachine vindbaarheid, navigatiestructuur. De website is de digitale poort van de gemeente waarop bezoekers steeds meer informatie op maat vinden, biedt de mogelijkheid om informatie te delen (social), biedt interactieve mogelijkheden, biedt gepersonaliseerde nieuwsbrieven. Daarnaast functioneert de website platform onafhankelijk en heeft een responsive design waardoor de website op alle browsers en beeldresoluties optimaal functioneert. De website voldoet aan alle Webrichtlijnen die gelden voor overheidswebsites.
Pagina 5 van 18
Functioneel ontwerp www.vlissingen.nl
3. Functies en blokken De kern van de website is gebaseerd op het metataggen' van content. Alle overzichtspagina's moeten gegenereerd worden uit berichten met een bepaalde tag. Content kan meerdere tags krijgen waardoor deze op verschillende pagina’s en subsites getoond kan worden. De vormgeving van de content wordt bepaald door de plaats in de website waar deze getoond wordt.
Voorbeeld: Een nieuwsbericht van bouwproject X moet de metatag ‘Bouwproject X’ hebben, maar ook de metatag ‘nieuwsbericht’ en eventueel de tag ‘homepage’. Zo wordt 1 bericht in meerdere overzichtspagina’s getoond. Het bericht wordt in de redactieomgeving maar 1 keer ingevoerd.
Bij het selecteren van een metatag worden de opties hiërarchisch weergegeven. Wanneer een pagina onder de kop ‘Bouwproject X’ aangemaakt wordt, zal de meta-tagboom automatisch openstaan in deze categorie, en de subcategorieën tonen. Het moet ook mogelijk zijn om ook metatags uit andere delen van de structuur toe te kennen. 3.1. Elementen, modules, widgets en blokken Er worden door de gehele website pagina’s aangemaakt en gevuld met elementen en modules, widgets en blokken. • Met elementen vult een redacteur de pagina decentraal met content: paragraaf, afbeelding, tabellen, etc. • Modules en widgets zijn functionaliteiten waarbij de informatie uit een centraal magazijn komt of een kleine functionaliteit aan de bezoeker geeft: webformulieren, nieuwsberichten, bekendmakingen, afbeeldingenbibliotheek, etc. • Blokken zijn centraal beheerde kleine stukken content die op vast bepaalde posities op meerdere pagina’s in de website hergebruikt kunnen worden: openingstijden, banners, etc. Elementen Onderstaande is een wensenlijst, bij maatwerk graag specificeren in offerte. • Gerelateerde pagina’s • Gerelateerde producten uit de PDC • Overzicht van nieuwsberichten • Overzicht van Bekendmakingen • Overzicht van Ruimtelijke plannen • Zoekmogelijkheid binnen alleen Bekendmakingen obv postcode en straal • Reactiemogelijkheid: - aan te zetten door redacteur per pagina - e-mailmelding aan hoofdredacteur als reactie geplaatst wordt - evt. na goedkeuring van de hoofdredacteur publicatie van de reactie • Tabellen • Video: video content vanuit externe video-sites (veamer, youtube) tonen binnen de website. • Bestand op pagina: ook als collectie uit centrale database (digital asset management) • Lijst op pagina: opsommingen (genummerd of bullets), ook te voorzien van hyperlinks • Fotoboek met thumbnails: - op een eenvoudige manier kan een fotogalerij aangemaakt worden, bijvoorbeeld een fotoserie van een officiële opening die in de gemeente heeft plaatsgevonden. - Auto scaling bij uploaden foto’s. - De fotogalerij wordt als een thumbnailoverzicht op een pagina getoond - Met een muisklik wordt de grote foto zichtbaar.
Pagina 6 van 18
Functioneel ontwerp www.vlissingen.nl
-
• •
Met een volgende en vorige knop is vervolgens de fotogalerij door te bladeren. Fotoslyder (carroussel) Sitemap
Modules en widgets Onderstaande is een wensenlijst, bij maatwerk graag specificeren in offerte. • Meest populair • Meest gelezen • Meest gezocht • E-cards met meerdere landingspages. • Poll • Online onderzoek / enquête • Forum: simpele variant met 1 of 2 niveaus. - Er is functionaliteit om het forum te beheren en eventueel ongewenste berichten te verwijderen. - Het is mogelijk om een persoon te weren als deze zich niet gedraagt zoals is afgesproken. • PDC • Vraag Antwoord Combinatie; VAC’s kunnen ook aan producten in de PDC gekoppeld worden (zoals bij gemeente Den Bosch) • Verwijzing naar producten in PDC in pagina (keuzelijstje) • Laatste nieuwsberichten • Agenda / kalender: - Het systeem biedt de mogelijkheid voor het inrichten van een evenementen agenda/kalender. Binnen deze kalender kan een bezoeker in 1 oogopslag (in een maandoverzicht met klikbare dagnummers) duidelijk zien welke evenementen (bv festivals raadsvergaderingen) er plaatsvinden. - Agenda-items in de kalender kunnen klikbaar zijn, zodat bijbehorende bestanden of pagina’s geopend en gelezen kunnen worden. - Kunnen toevoegen van downloads aan agendaitems. • Condoleanceregister • Diagrammen: genereren en tonen van grafieken, cirkeldiagrammen, etc • Collecties van pagina’s, nieuwsberichten. • Feedback: geef uw mening over deze pagina, kies 1 tot 5 sterren • RSS inlezen (externe bron) • Twitter shoutbox • Cookiemelding (conform actuele Nederlandse wet- en regelgeving) • Nieuwsberichten obv contenttype • Bekendmakingen obv contenttype Blokken Onderstaande is een wensenlijst, bij maatwerk graag specificeren in offerte. • Content met tekst • Social buttons: Volg gemeente Vlissingen op Twitter, Facebook, Linkedin, Youtube, Hyves (liefst zonder gebruik van cookies). • Webpagina doorsturen: Een bezoeker kan een webpagina doorsturen naar minimaal Facebook, Hyves, Google+, Twitter, Linkedin of e-mail. De bezoeker kan daarbij zijn bericht aanvullen met persoonlijk commentaar. De ontvanger ziet als afzender de naam van de bezoeker, het commentaar en een link naar de betreffende webpagina. Voor de pagina wordt doorgestuurd ziet de gebruiker een preview van het te versturen bericht. • Toevoegen aan favorieten
Pagina 7 van 18
Functioneel ontwerp www.vlissingen.nl
• •
Afdrukken: bij het afdrukken van een pagina wordt altijd netjes alleen het contentvlak van de pagina, netjes uitgevuld op A4, aangeleverd aan de printer. Het systeem is in staat om externe urls middels een i-frame te presenteren. Geef aan hoe u dit binnen de Webrichtlijnen kunt realiseren.
3.2. Backend Hieronder staan de functionaliteiten opgesomd voor inrichting en beheer van de website. Onderstaande is een eisenlijst, bij maatwerk graag specificeren in offerte. • SEO (Search Engine Optimalization) • Google Analytics • Homepageversie klaar voor crisissituatie • Het systeem stelt de gemeente in staat om artikelen als push-type te markeren zodat deze op arbitraire pagina’s altijd getoond worden (m.n. op de homepagina of op alle subsite-homepagina’s). Hiermee kunnen calamiteiten direct op belangrijke pagina's getoond worden. • Nieuwsbrieven De nieuwsbrief voorziening voldoet aan de wetgeving rondom emailcommunicatie. Met aan- en afmeldfunctie (optin-optout) voor de bezoeker, zonder tussenkomst van de beheerder kan een bezoeker zich aan- of afmelden. Eénmalige CSV import van de 1400 nieuwsbriefleden die op dit moment lid zijn van een of meerdere nieuwsbrieven. CSV exportmogelijkheid Personalisaties (onderwerpen selecteren): Het systeem biedt bezoekers de mogelijkheid zich te registreren voor een nieuwsbrief, op basis van trefwoorden en interessegebieden. Presentatie aan de bezoeker van een overzicht van beschikbare nieuwsbrieven De nieuwsbrieven zijn ook online raadpleegbaar Volledig incl vormgeving en stylesheets verzenden naar mailadressen. Nieuwsbrieven worden in altijd correct getoond in mailprogramma’s etc. Managementinformatie: Inzicht in leden per nieuwsbrief Aantal aan-/afmeldingen per maand Overzicht en opschoonmogelijkheid bij postmastermeldingen etc Redacteur kan nieuwsbrief samenstellen dmv collecties van bestaande pagina’s en nieuwsberichten, afbeelding etc. en aanvullen met speciaal geschreven content voor de nieuwsbrief. Eenvoudig extra nieuwsbrieven met eigen kleurstelling en header/footer aan te maken. Advies over aanvullende functionaliteiten is gewenst. • HTML lang kunnen instellen op pagina’s: nederlands, duits, frans of engels • Hyperlink controle functionaliteit (extern en interne checker op 404 etc): de eindredacteur heeft een overzicht van dode hyperlinks op pagina’s van de website. • Tags en categorieën (overzichtelijk gepresenteerd, in herkenbare structuur van website) • Toegankelijkheids check: automatische checks op invoerhandelingen van een redacteur. • RSS genereren • Workflow • Versiebeheer content • Bannermanagement
Pagina 8 van 18
Functioneel ontwerp www.vlissingen.nl
• •
• • • • •
• • • •
Per pagina kan worden aangegeven dat deze niet in de index van de zoekmachines (intern en extern) wordt opgenomen. Webformulieren: - Binnen het systeem kunnen webformulieren aan worden gemaakt met tenminste velden voor input (tekstveld en tekstarea), radio/checkbox, labels, en adres voor verzending. - Een bezoeker kan aangeven het formulier bij verzending ook in eigen mailbox te ontvangen. - Het webformulier kan verzonden worden aan één of meerdere e-mailadres naar keuze (decentraal in te stellen). - De resultaten van deze formulieren worden tevens in een centrale database opgeslagen, en zijn te exporteren naar CSV formaat. - Maillogging - Methode om spam te voorkomen Digital asset management (centraal beheer database: afbeeldingen en bestanden (pdf etc) Inline-editen incl het rechtstreeks kunnen toevoegen van afbeeldingen Blog incl het rechtstreeks kunnen toevoegen van afbeeldingen (frontend editing). Er kunnen redirects gemaakt worden (www.vlissingen.nl/parkeren ). Controle op actualiteitswaarde: het systeem kan een overzicht geven van pagina’s waarbij de vervaldatum binnenkort zal passeren en waar dus mogelijk een actie nodig is. Publiceren naar verschillende externe kanalen: bijvoorbeeld Twitter en Facebook. Redactienoot aan pagina (stuk tekst afgeschermd voor bepaalde gebruikersgroepen) De (hoofd)redacteur kan per pagina zien wanneer deze voor het laatst bewerkt is. Workflow: de mogelijkheid om per redacteur verschillende rechten toe te kennen, zowel per module als afzonderlijk contenttype en modules. Ook is er een hiërarchische structuur op te zetten waarin een nieuwe post of actualisatie alleen via en door een eindredacteur gepubliceerd kan worden. De hoofdredacteur kan alle posts en actualisaties, pagina’s die een vervaldatum naderen overzien.
Pagina 9 van 18
Functioneel ontwerp www.vlissingen.nl
4. Gebruiksvriendelijkheid CMS Graag vragen wij u om in uw offerte aan te geven wat u doet om de backend voor de minder actieve redacteuren gebruiksvriendelijk te maken. Hieronder een opsomming van wat in onze beleving onder de definitie ‘gebruiksvriendelijk’ verstaan zou kunnen worden: • • • • • • •
•
• • •
•
•
•
Gebruiksvriendelijke interface van de backend voor redacteuren welke gebaseerd is op rechtenstructuur en workflow-processen. Click-and-drag: het kunnen verslepen van pagina’s in structuur en pagina-elementen binnen een pagina Goede preview mogelijkheid, ook voor pagina’s in geplande status. De tekstverwerker heeft zowel een editor (gelijkend op Microsoft Word) als een HTML mogelijkheid. Belangrijk is dat de HTML versie geen extra code genereert. De structuur van de website staat aan de achterkant precies hetzelfde als aan de voorkant. (De hierarchie wordt 1 op1 overgenomen in een boomstructuur.) CCT module om invoersjablonen in de backend te definiëren voor contenttypen. Een blogbericht moet zo gemakkelijk mogelijk toegevoegd en bewerkt kunnen worden middels een frontend editor die obv de user het blog direct van zijn/haar persoonlijke metatags voorziet. Uitgebreide workflow- en versiebeheer mogelijkheden ter ondersteuning van de redactieprocessen en met als doel de kwaliteit van de te plaatsen content te waarborgen. Het systeem stelt een aantal eisen aan de redacteur ivm de Webrichtlijnen. Bijvoorbeeld door een alt-tekst bij afbeelding te eisen. Spellingscontrole De beheeromgeving bevat een goede zoekfunctie voor pagina’s, nieuwsberichten, afbeeldingen en andere bestanden die in het systeem zijn opgenomen. Er moet op eigenschappen van afbeeldingen (auteur, onderwerp, bestandsnaam, alttekst etc) gezocht kunnen worden bij het toevoegen van een afbeelding aan een pagina. In de zoekresultaten is een voorbeeld zichtbaar waarin je direct ziet hoe het plaatje eruitziet en hoe groot het is. Afbeeldingen worden in 1 formaat (verhouding) door de redacteur ingeladen en obv de vormgeving automatisch geschaald in de verschillende formaten. Content en afbeeldingen kunnen dus op meerdere plaatsen in de website getoond worden en de aldaar gebruikte vormgeving past de content en afbeelding aan op de gewenste instellingen. Gekopieerde content uit tekstbewerkers (als MS Word of Open Office) kan binnen het CMS opgeschoond worden van ‘HTML vervuiling’, zonder gebruik van een extra programma. Overzichtelijke handleiding voor gebruikers en beheerders.
Pagina 10 van 18
Functioneel ontwerp www.vlissingen.nl
5. Vormgevingen Binnen deze aanbesteding worden de volgende vormgevingen geleverd: • de website www.vlissingen.nl • subsites onder www.vlissingen.nl • projectwebsites • KCC loketpagina’s • nieuwsbrieven • intranet (zie paragraaf 7.1) Het is voor de gemeente Vlissingen van belang dat vormgeving ten dienste staat van de functionaliteit en doelstellingen. Graag zien we dat modules, widgets etc gemakkelijk binnen alle vormgevingen gebruikt kunnen worden. Vormgeving moet daarnaast ook zoveel mogelijk los staan van de content. Bovenal moet vormgeving voldoen aan de Webrichtlijnen zoals beschreven in paragraaf 2.2. Toegankelijkheid. Geef in uw offerte duidelijk aan hoe u de ontwikkeling van de benodigde vormgevingen organiseren wilt. Algemeen geldend voor alle websites en intranet • De voorkant van de website is browser onafhankelijk (en dus geschikt voor Opera, Firefox, Internet Explorer vanaf versie 7, Google Chrome, Safari, etc.). De vormgeving toont in alle actuele browsers en voorgaande versie zoals bedoeld. •
De website moet responsief ontworpen worden zodat, ongeacht het apparaat, de website correct wordt weergegeven. Voor de gemeente Vlissingen is het belangrijk dat de website op ieder apparaat correct ontsloten wordt.
•
Naast het responsive design is er de behoefte aan een mobiele website waarmee een speciaal aantal geselecteerde pagina’s (content) aan de smartphone gebruiker wordt aangeboden.
•
Subsite in-one-click: de mogelijkheid om in 1 dag, zonder uitgebreide tussenkomst van een leverancier, een nieuwe subsite aan te maken. De subsite heeft een standaard layout maar is makkelijk van een unieke kleurstelling en logo te voorzien.
•
Widgetblokken moeten schaalbaar zijn in hoogte: aantallen in collecties door redacteur te bepalen, hoogte van blok is afhankelijk van de te tonen content.
•
CMS templates hebben een korte, geschoonde broncode en pagina’s kennen een korte laadtijd. Code is logisch opgebouwd ivm de Drempelvrij eisen en gebruik voorleesapparatuur visueel gehandicapten. Graag ontvangen wij een toezegging over laadtijd van pagina’s obv een benchmark bij eigen klanten.
•
Het systeem genereert ‘userfriendly’ urls. In de URL worden geen variabelen meegegeven; elke pagina heeft één url ter voorkoming van duplicate content.
5.1. Vlissingen.nl algemeen Voor de website www.vlissingen.nl is een vormgeving nodig gebaseerd op de huisstijl van de gemeente Vlissingen, zie bijlage Huisstijl Gemeente Vlissingen. Uiteraard wordt, binnen alle redelijkheid, de webvormgever de nodige vrijheid gegeven in een vertaling voor het web. Het logo moet op elke pagina duidelijk en volledig zichtbaar zijn. De gemeente Vlissingen levert zelf geen vormgeving aan. Hieronder een opsomming van paginatypen waarvoor, naar onze inschatting, vormgeving nodig geacht wordt.
Pagina 11 van 18
Functioneel ontwerp www.vlissingen.nl
•
Homepage Vlissingen.nl o Homepageversie klaar voor crisissituatie
•
Standaard contentpagina o Standaard contentpagina met 2 koloms indeling (elementen en modules ook hier bruikbaar) o Standaard contentpagina met extra breed contentvlak (elementen, modules en blokken ook hier bruikbaar)
•
404-pagina
•
Sitemap
•
Nieuws o Overzicht Alleen artikeltitels Publicatiedatum + artikeltitels Artikeltitels + publicatiedatum + beschrijving Foto + artikeltitel + beschrijving Foto + artikeltitel + beschrijving + publicatiedatum Foto + artikeltitel + publicatiedatum o Detail + foto o Zoekpagina
•
Agenda/ kalenders o Afvalkalender Overzicht Deze maand Deze week Detail o Collectenoverzicht Overzicht Deze maand Deze week Detail o Wegwerkzaamheden Overzicht Deze maand Deze week Detail
•
Vergaderkalenders (bijv Welstandscommissie) o Kalender jaaroverzicht o Kalender deze maand o Detail
•
Portrettengalerij (beheer en presentatie meerdere groepen) o Overzicht groep o Overzicht individueel o Overzicht redactionele samenstelling
•
Blog o Overzicht o Detail
Pagina 12 van 18
Functioneel ontwerp www.vlissingen.nl
Evt reactiemogelijkheid
•
Formulieren
•
Zoeken o Zoekveld op homepage o Zoekveld op subhomepage o Zoekveld op elke onderliggende pagina o Uitgebreid zoeken o Resultatenoverzicht
Alle bovengenoemde sjablonen zijn herbruikbaar in subsites en projectsites; vormgeving (kleurstellingen) worden naadloos doorgevoerd. Daarnaast zullen alle widgets, functionaliteiten etc ook waar nodig van een passende vormgeving voorzien moeten worden. Onderstaande sjablonen zijn specifiek voor een presentatie binnen Vlissingen.nl of kennen een eigen vormgeving (HTML nieuwsbrieven).
•
HTML nieuwsbrieven o Gepersonaliseerde samenstelling Online samenstelling achteraf altijd aanpasbaar o Redactionele samenstelling o Opt-in en opt-out procedures van in- en uitschrijving. o Online tonen van overzicht voor welke nieuwsbrieven een individu ingeschreven is.
•
Bekendmakingen Voorbeeld: http://gemeente.leiden.nl/publicaties/vergunningen/ met de opmerking dat elke bijlage (document) een eigen titel moet kunnen krijgen. o Deze week o Zoekpagina (oa op postcode + straal) o Detail
•
Ruimtelijke plannen (Bestemmingsplannen) o Overzichtspagina met: Voorontwerp bestemmingsplannen Ontwerp bestemmingsplannen Vastgestelde bestemmingsplannen
•
Verordeningen o Overzicht o Detail o Zoekpagina
•
Subhomepage Loket o Productencatalogus Productenoverzicht (A-Z; alfabetisch) Zoektrechters Productdetailpagina + VAC KCC productdetailpagina + speciale velden (getoond obv IP-adres (zoals bij gemeente Den Bosch) + VAC
Pagina 13 van 18
Functioneel ontwerp www.vlissingen.nl
•
Etc
Subhomepage Loket zonder hoofdnavigatie en algemene sidewide tbv presentatie middels iFrame binnen Circle Verseon KCC.
5.1.1. Subsites onder Vlissingen.nl Binnen Vlissingen.nl hebben we de behoefte aan meerdere zogenoemde subsites; sites die binnen Vlissingen.nl een eigen look-and-feel hebben maar wat betreft beheer, navigatiestructuur en presentatie gescheiden kunnen worden. Een subsite kan gebaseerd zijn op de sjablonen van de hoofdsite, maar moet enigszins in kleurgebruik en logo een eigen identiteit uitstralen. Subsites kunnen op eigen subdomein (subsite.vlissingen.nl) of eigen domein (www.eigendomein.nl) gemaakt worden. De eigen (sub)domeinnaam blijft in adresbalk behouden bij doorklikken in deze subsite. 5.1.2. Project websites Binnen Vlissingen.nl hebben we de behoefte om bij (bouw)projecten een website (subsite) live te kunnen zetten waarbinnen meer visuele presentatie mogelijk is. Belangrijk is dat alle content, elementen, modules, widgets en blokken herbruikbaar zijn. De vormgeving mag in basis gebaseerd worden op het sjabloon van Vlissingen.nl / Subsite. Voorbeeld van onze projectwebsite waarbij meer visuele presentatie tov Vlissingen.nl doorgevoerd is: www.scheldekwartier.nl. (oa op elke pagina een grote headerfoto en bij nieuwsberichtoverzichten ook individuele ondersteunende foto’s). Dit project website sjabloon moet ook dupliceerbaar zijn om gemakkelijk voor nieuwe projecten in te zetten. 5.1.3. KCC loketpagina’s De pagina’s van het onderdeel Loket zonder hoofdnavigatie en algemene sidewide tbv presentatie middels iFrame binnen Circle Verseon KCC omgeving. Speciale velden als bijvoorbeeld Baliememoveld kan getoond worden obv IP-adres (zoals bij gemeente Den Bosch). 5.2. Nieuwsbrieven Momenteel kent de gemeente Vlissingen 2 nieuwsbrieven: een algemene nieuwsbrief van de gemeente en een nieuwsbrief van een groot bouwproject genaamd Scheldekwartier. De gemeente Vlissingen wil gemakkelijk een nieuwe nieuwsbrief aan kunnen maken, bijvoorbeeld ivm een project. De template van de nieuwsbrief moet dupliceerbaar zijn waarbij de kleurstelling en header en footer aangepast kunnen worden. De nieuwsbrief moet kunnen worden samengesteld uit pagina/nieuwscollecties, paragraafteksten, hyperlinks en afbeeldingen. Bij de opzet per nieuwsbrief kan gekozen worden uit een 2 koloms (66/33 verhouding) en 3 koloms (33/33/33 verhouding) variant.
Pagina 14 van 18
Functioneel ontwerp www.vlissingen.nl
6. Koppelingen en integratie website Hieronder staan de koppelingen waarnaar verwezen wordt in dit Functioneel ontwerp. Deze koppelingen staan vermeld in de conformiteitenlijst, de koppelingen zijn allemaal als eis gedefinieerd. •
Readspeaker: Enterprise Expanding Player met Embedded Highlighting (inclusief tekstselectie met meelopende LeesVoor knop en HTML5 techniek)
•
Koppeling Overheid.nl: Bekendmakingen en vergunningen worden ingevoerd in Typo3 en aangeboden aan overheid.nl (push) middels IPM 4.0.
•
Koppeling CVDR: Verordeningen worden door Vlissingen beheerd in CVDRonline en moeten ingelezen worden naar Typo3 (pull). Vervolgens worden de verordeningen netjes en overzichtelijk gepresenteerd en zijn fulltekst doorzoekbaar.
•
Koppeling Samenwerkende Catalogi
•
Koppeling met Esri via GeoCMS + Typo3 module
•
Koppeling Presurf van Capsis: event driven webarchivering
•
Code Amber Alert (automatische popup bij alertmelding, tenminste op homepage)
•
Apache Solr Enterprise Search: tenminste de volgende mogelijkheden. Verzoek om in uw offerte een voorstel te doen over mogelijke aanvullende functionaliteiten die naar uw advies slim zijn om in de eerste oplevering mee te nemen. facetsearch synoniemen - thesaurus woordherleiding autocomplete en autosuggest verschillende pagina’s in de website voorzien van een zoekingang. Eventueel een zoekingang beperkt kunnen instellen op zoeken binnen website deel (bijv. Gemeentearchief) evt aanvullende mogelijkheden, te bepalen na presentatie.
Pagina 15 van 18
Functioneel ontwerp www.vlissingen.nl
7. Intranet Voor het intranet zouden we graag het concept van Coevorden-Emmen als basis gebruiken. Het intranet zal intern gehost worden maar moet ook buiten het stadhuis (werkplek) benaderbaar zijn voor de medewerkers. 7.1. Vormgeving Ons intranet zal gebaseerd zijn op het intranetconcept ontwikkeld door Coevorden en Emmen. Graag hanteren we een andere vormgeving voor ons intranet om een zo duidelijk mogelijk onderscheid voor onze collega’s te maken tussen het intranet en internet. Als het mogelijk is maken we voor ons intranet gebruik van een reeds bestaande templates. Binnen de gemeente Vlissingen wordt het gebruik van iPads steeds meer toegepast. Het is wenselijk dat vormgeving en functionaliteiten ook op Safari functioneert. 7.2. Elementen, modules, widgets en blokken Naast de basis, uitgewerkt in paragraaf 3.1, worden hieronder intranetspecifieke onderdelen opgesomd. Waar herkenbaar als onderdeel van het intranetconcept Coevorden-Emmen wordt deze ook als zodanig bedoeld. Onderstaande is een wensenlijst, bij maatwerk graag specificeren in offerte. • Vergaderkamers reserveringssysteem • Collegawijzer / Smoelenboek; Basisinformatie persoonsgegevens vanuit Raet Beaufort Koppeling met Interflex voor aanwezigheid en vakantiemelding (rood-groene bolletjes tonen bij af-/aanwezigheid) Collega’s kunnen toevoegen ivm incomplete lijst binnen Raet Beaufort (stagiaires en externen; zij hebben wel toegangsrechten die binnen het product Interflex geregistreerd worden) Kunnen zoeken op taken die ingevuld zijn door de medewerker. Wekelijkse automatische e-mail met overzicht van alle persoonlijke profielaanpassingen, reacties op artikelen etc. Collega’s kunnen eigen profielpagina van aanvullende informatie voorzien. Selecties op afdeling en clusterniveau. • Widgets a la iGoogle; Koppeling met Interflex: tonen van persoonlijke saldo’s verlof, uren, etc Koppeling met Gallery (inlezen RSS), tonen van bepaalde of laatst toegevoegde fotoboeken Kalenders: activiteiten, vergaderingen, verjaardagen (koppeling Raet en uitvinkmogelijkheid door medewerker binnen intranet), etc Nieuwsoverzicht met aantal reacties per artikel • Faq • PDC voor interne product en diensten • Frontend pagina’s toevoegen: Prikbord Projectpagina’s (met projectnieuws, projectmedewerkers, projectforum, projectdocumenten (bewerkbaar als bij Emmen)) etc Blog • Chat, ook 1-op-1 • Nieuwsbrieven • Weekmenu’s • Tips & trucs • Prikbord
Pagina 16 van 18
Functioneel ontwerp www.vlissingen.nl
7.3. Koppelingen intranet • Apache Solr Enterprise Search • Single sign-on: Gemeente (Novell) en Bibliotheek (Windows) • Koppeling aan Raet Beaufort voor basisinformatie persoonsgegevens tbv gebruik Smoelenboek, interactiemodules en prefill formulieren (Unix database), tenminste 1 maal per dag inlezen. • Koppeling met Interflex tbv aanwezigheid en vakantiemelding (rood-groen) in Smoelenboek, koppeling obv elke 5 minuten inlezen csv-file (personeelsnummer en status aan/afwezig). • Koppeling Gallery; http://galleryproject.org/ tbv tonen van laatst toegevoegde foto’s / fotoboeken op homepage intranet.
Pagina 17 van 18
Functioneel ontwerp www.vlissingen.nl
8. Hosting Specificaties van de benodigde hostingomgevingen: 8.1. Website Hosting website www.vlissingen.nl: de gemeente Vlissingen wenst hiervoor een externe hosting oplossing. • Referenties van mogelijke hostingproviders voor de (test-) en productieomgeving van www.vlissingen.nl. • Referenties van mogelijke hostingproviders voor de SOLR Enterprise Search. 8.2. Intranet Hosting intranet: de gemeente Vlissingen wenst hiervoor een interne hosting oplossing. De leverancier dient het cms lokaal bij de gemeente Vlissingen (op hardware van de gemeente) te installeren en daar technisch te onderhouden. De gemeente Vlissingen gebruikt hiervoor LogMeIn. • Onder onderhoud door leverancier wordt het totale pakket verstaan van servermanagement, minor en major updates, etc. • Specificaties en voorwaarden tbv interne webhosting van het Intranet • Specificaties en voorwaarden tbv eventuele interne hosting SOLR Enterprise Search. 9. Conformiteitenlijst eisen en wensen In de Conformiteitenlijst zijn alle bovengenoemde onderdelen nogmaals overzichtelijk verwerkt. Wij verzoeken u deze conformiteitenlijst (tevens per e-mail aangeleverde versie in csv-formaat) te gebruiken in uw offerte.
Pagina 18 van 18