Functioneel Ontwerp / Breda.nl / Versie 0.8Breda.nl is een website van iedereen, afzender is niet...
Transcript of Functioneel Ontwerp / Breda.nl / Versie 0.8Breda.nl is een website van iedereen, afzender is niet...
Functioneel Ontwerp / Breda.nl / Versie 0.8.5
Functioneel ontwerp / Breda.nl / Versie 0.8.4 2
Inhoudsopgave
Versiehistorie .................................................................................................................. 3
Inleiding .......................................................................................................................... 3
Het concept Breda.nl ...................................................................................................... 5
Structuur website ............................................................................................................ 7
Type pagina‟s ............................................................................................................... 13
Functies en blokken ...................................................................................................... 56
Mobiele versie .............................................................................................................. 65
Overheidsmonitor ......................................................................................................... 66
Koppelingen ................................................................................................................. 74
Functioneel ontwerp / Breda.nl / Versie 0.8.4 3
Versiehistorie
Versies
Versie Datum Auteur Omschrijving
0.5 20-10-„09
Tim Deijnen & Rob
Peters Eerste concept versie
0.6 10-11-„09
Tim Deijnen & Rob
Peters
0.7 21-3-10
Tim Deijnen & Rob
Peters
Vragen toegevoegd en
aanpassingen
doorgevoerd
0.8 31-3-10
Tim Deijnen & Rob
Peters
Verwerking
aantekeningen, mobiele
versie, Breda morgen
0.8.1 6-4-10
Tim Deijnen & Rob
Peters
Aanpassingen
doorgevoerd
0.8.2 12-4-10 Rob Peters
Aanpassingen
doorgevoerd + MoSCoW
terug geplaatst,
wireframes PDC
0.8.3 21-4-10 Rob Peters Koppelingen casussen
0.8.4 23-4-10 Rob Peters aanpassingen
0.8.5 27-4-10 Henk Schiering
Aanpassingen, vragen
en opm. verwerkt
Inleiding
In dit document wordt de vertaling gemaakt van het concept Breda.nl naar de gewenste
functionaliteit op detailniveau. Dit document dient als blauwdruk voor de ontwikkeling
van de internetsite, voor alle betrokken partijen.
Functioneel ontwerp / Breda.nl / Versie 0.8.4 4
Allereerst wordt het concept Breda.nl omschreven waarna de complete structuur van de
nieuwe Breda.nl in een sitemap wordt weergegeven. Per pagina is hierin benoemd wat
voor type pagina het betreft en vervolgens worden alle type pagina‟s en en functies en
blokken beschreven. Deze zijn op alfabetische volgorde opgenomen in dit document.
Vervolgens wordt de gewenste mobiele variant van de website omschreven en worden
in dit document de eisen- en wensen voor digitale dienstverlening in kaart gebracht
middels het hoofdstuk Overheidsmonitor, hierin worden de eisen voor de nieuwe website
benoemd per onderdeel.
Per onderdeel is bepaald of het onderdeel een must have, should have, could have of
would like to have is volgens de MoSCoW methode.
Must have - moeten worden gerealiseerd;
Should have - zouden eigenlijk moeten worden gerealiseerd.
Could have - kan eventueel worden gerealiseerd (bijvoorbeeld als
must en should onderdelen eerder zijn gerealiseerd dan verwacht);
Won't have this time but would like in the future – worden waarschijnlijk niet gerealiseerd
binnen het betreffende project.
Tot slot worden in het hoofdstuk Koppelingen verschillende casussen van type
koppelingen in beeld gebracht. Wij vragen leveranciers om op basis van deze
omschrijvingen een begroting te maken per casus.
Functioneel ontwerp / Breda.nl / Versie 0.8.4 5
Het concept Breda.nl
Breda.nl is op dit moment een gemeentelijke website. De website is statisch en
informatie is slecht vindbaar binnen de website. De website dient in de nieuwe vorm een
Stadssite te worden, de toegang tot Breda voor alle doelgroepen.
Gemeentelijke informatie is verweven door de site, echter dient de site zelf een
gestructureerde verzameling te worden van alles wat er in Breda leeft en speelt, waarbij
de bezoeker kan participeren door het zelf plaatsen van content en reacties. Middels „Ik
en Breda‟ wordt er een plaats gecreëerd voor bezoekers om te participeren en de
volledige website naar wens in te richten.
Doelen nieuwe website:
Online interactie met burger
Toegankelijk maken informatie, middels duidelijke basisstructuur en goed
werkende (intelligente) zoekmachine
Breda.nl is een website van iedereen, afzender is niet direct de gemeente
Gemeente is een klein onderdeel van de website en is verweven door de website
Voldoen aan de webrichtlijnen voor 2010
Score op overheidsmonitor verbeteren
Breda is creatief en innovatief, dat moet tevens blijken op Breda.nl
Producten en diensten online aanbieden.
Concept:
Het concept bestaat uit de nieuwe website Breda.nl die is ingericht voor en door de
bezoekers. De navigatiestructuur is dusdanig ingericht, zodat bezoekers zichzelf zo min
mogelijk vragen hoeven te stellen waar informatie beschikbaar is, wanneer deze enkel
gebruik maakt van de hiërarchie van de site en nog geen zoekfuncties gebruikt.
„Ik en Breda‟ is het interactieve deel van de website. Spelenderwijs ontdekken
bezoekers de mogelijkheden om de site naar wens in te richten, content te waarderen
en zelf content te plaatsen. Hiertoe kan de bezoeker een „Ik en Breda‟ account
aanmaken die in de loop der tijd met meer informatie wordt uitgebreid doordat de
bezoeker zelf meer informatie afgeeft. Een laagdrempelige instap hierbij is gewenst,
bijvoorbeeld middels openid tot en met uitbreiding naar het integreren van het DigID
account.
Functioneel ontwerp / Breda.nl / Versie 0.8.4 6
Functioneel ontwerp / Breda.nl / Versie 0.8.4 7
Structuur website
In het onderstaande schema wordt de sitemap weergegeven van de complete website.
Deze is onderverdeeld in de aanbodstructuur van de website en overkoepelende
functies (gescheiden door zwarte balk). Per pagina wordt aangegeven welk type pagina
het is. Zie ook bijlage xxx
Functioneel ontwerp / Breda.nl / Versie 0.8.4 8
Contentplan
PAGINA Inhoud Type pagina
niveau 1 niveau 2 niveau 3 niveau 4
Home nieuws, events, meest gezocht Homepage en Homepage ingelogd
Wonen, wijken en vervoer Thema homepage
Huren Hoofdpagina
home huren Aanbod externe website - Huren
Kopen Hoofdpagina
makelaars/funda Aanbod externe website - Kopen
hypotheek Algemene pagina
Bouwen Hoofdpagina
kavels grondbedrijf/geo Aanbod externe website - Kavels
bouwvergunning Algemene pagina
Wijken overzicht wijken Wijken homepage
wijkdetail Wijk detail
wijkagent Algemene pagina
profiel wijk Algemene pagina
woningaanbod Aanbod externe website - Huren + Kopen
gez.h./onderwijs/best.pl etc.) Aanbod externe website - Stadsgids
parkeren koppeling product - vergunning aanvragen Algemene pagina
afval Aanbod externe website - Afval
Nieuwbouw Hoofdpagina
database projecten selecteren op verschillende criteria:
woningbouw: koop/huur
BOG
filteren op wijken
details project + gekoppelde makelaars +
link projectsite
Aanbod externe website - Nieuwbouw
Nieuwbouwprojecten
Bestemmingsplannen Hoofdpagina
lijst bestemmingsplannen geo informatie. Tekst Bestemmingplan,
procedures, reactie etc.
welke, bestemmingsplannen, viewer,
procedure, hoe reageren, planning en
actualisatie, herzieningen, haalbaarheid,
afwijkingsprocedures, planschade
Aanbod externe website -
Bestemmingsplannen
Overige pagina's (ntb) structuurvisies en -plannen,
stedenbouwkundige plannen,
landschapsplannen, beeldkwaliteitsplan,
Algemene pagina
Verkeer en Vervoer Hoofdpagina
wegwerkzaamheden Aanbod externe website -
Wegwerkzaamheden
parkeren Algemene pagina
Aanbod externe website - Parkeren
OV Algemene pagina
Aanbod externe website - OV
beleid Algemene pagina
Veilig wonen veiligheidsplannen Algemene pagina
politiekeurmerk veiligheid Algemene pagina
Werk en inkomen Thema homepage
Werk zoeken Hoofdpagina
Vacatures Algemene pagina
vacaturesites Algemene pagina
vacatures gemeente Aanbod externe website - Vacatures
uitzendbureaus/detacheringsbureaus Aanbod externe website - Stadsgids
Hulp bij werk zoeken Algemene pagina
Arbeidsbureau/De Brug/CWI Algemene pagina
CWI/ arbeidsbureau/ De brug Algemene pagina
UWV werkbedrijf Algemene pagina
Coaching Algemene pagina
Scholing Algemene pagina
Loopbaanadvies Algemene pagina
Inkomen Hoofdpagina
Uitkering De Brug Algemene pagina
Extra inkomen Kinderopvang Algemene pagina
Aanbod externe website - Stadsgids
Breda Pas Algemene pagina
Salaris Algemene pagina
Leren en studeren Thema homepage
Leren Hoofdpagina
Scholen Aanbod externe website - Stadsgids
Vervoer Algemene pagina
Schoolgeld Algemene pagina
Studeren Hoofdpagina
Breda studentenstad Algemene pagina
Opleidingen Algemene pagina
Kamer zoeken Aanbod externe website - Kamernet
Studentenvereningen Aanbod externe website - Stadsgids
Student zoekt student Algemene pagina (fase 1)
Ondernemen Thema homepage
Bedrijvenbox Aanbod externe website - Bedrijvenbox
Starten Hoofdpagina
Startersgids Algemene pagina
Brancheinformatie Hoofdpagina
Subsidie Hoofdpagina
Krediet Algemene pagina
Huisvesting Aanbod externe website - Realnext
Vergunningen aanvragen Algemene pagina
Bedrijfsverenigingen Aanbod externe website - Stadsgids
BRIM Algemene pagina
Bedrijvengids Aanbod externe website - Stadsgids
Ik zoek ondernemers Algemene pagina (fase 1)
Zorg en welzijn Thema homepage
Hulp in de zorg Aanbod externe website - Stadsgids
Breda-pas Algemene pagina
WMO Algemene pagina
Loket Wegwijs Algemene pagina
Artsen
Ziekenhuizen
Kruisverinigingen
Thuiszorg
Zorgverzekeraars
Lichaam en geest.
Aanbod externe website - Stadsgids
Functioneel ontwerp / Breda.nl / Versie 0.8.4 9
Vrije tijd, sport en toerisme Thema homepage
Sport Hoofdpagina
Verenigingen per sport Aanbod externe website - Stadsgids +
Kalender
Evenementen Kalender
concerten Kalender detail
festivals Aanbod externe website - Uitinbreda
kinderactiviteiten
exposities
- zelf evenement toevoegen
kunst, cultuur en design Aanbod externe website - Stadsgids +
Kalender
overnachten Aanbod externe website - Hotels
uit eten en uitgaan Aanbod externe website - Stadsgids +
Kalender
Restaurants
cafe's
discotheken
uit in Breda
natuur Aanbod externe website - Stadsgids +
Kalender
markten Aanbod externe website - Stadsgids +
Kalender
winkelen Aanbod externe website - Stadsgids +
Kalender
koopzondagen Algemene pagina
parkeren Algemene pagina
Aanbod externe website - Parkeren
E-loket E-loket homepage
wonen E-loket categoriepagina
Parkeervergunning nader in te vullen door programma
dienstverlening mbt live events
E-loket productpagina
Grof vuil
Kapvergunning
leven uittreksel geboorteregister
leren en studeren
zorg en welzijn
ondernemen
werken
inkomen
evenementen
sport
meldingen
Subsidie Hart voor je buurt
omgevingsloket
Digid Digid
Mijn loket (DigID) Digid - Mijn Digid
De Gemeente Thema homepage
College
collegeleden-overzicht/ Collegeoverzicht
kort cv/interactie College detail
nieuws Nieuws detail
weblog
Raad nieuws en link naar link?
organisatie Hoofdpagina
organisatiestructuur Algemene pagina
breda-morgen
historie en stadsarchief Hoofdpagina
vacatures en stages Algemene pagina
verordeningen Verordeningen
bekendmakingen Bekendmakingen
Contact Algemene pagina
Stadskantoor logo/banner nieuw nummer KCC
Route met koppeling naar google kaartje
Openingstijden Stadskantoor en gemeentelijke instellingen
Bel, mail, chat, kom langs
Alarmnummers Spoedeisende hulp, politie, brandweer,
Dierenambulance, Huisartsenpost,
Storingsnummers, Telefonische
hulpdiensten, Als de sirene gaat
Burgerzaken voor paspoort e.d
Afspraak maken burgerzaken direct met digid een afspraak kunnen maken met burgerzaken
Meldpunt voor ongedierte, rioleringen ed
Melding maken met digid een melding maken
Klachten klachtbehandeling
Klacht indienen met digid een klacht indienen
Contact met bestuurders contactgegevens van C&W en
gemeenteraad
Derden verwijzing naar afzender van het bericht
Contact Webmaster Voor (technische) opmerkingen kunt u
contact opnemen met de webmaster, e-
mail: [email protected].
Algemene pagina
Ik en Breda
Aanmelden open social, normaal en DigID Ik en Breda - aanmelden
Login Ik en Breda - login
Media Ik en Breda - media
Favorieten Ik en Breda - favorieten
Tags
Alerts Ik en Breda - alerts
Share
Reageren
Waarderen
Nieuws plaatsen Ik en Breda - nieuws plaatsen
Evenement plaatsen Ik en Breda - evenement plaatsen
Mijn loket Ik en Breda - mijn loket
Afmelden Ik en Breda - afmelden
Wachtwoord vergeten Ik en Breda - wachtwoord vergeten
Connecties (onderling) fase 2
Widgets (homepage en thema homepages)
Kalender maandkalender (beeld) actueel evenement Kalender
widget Kalender detail
Breda in kaart Breda in kaart
home kaart
kaart met aanduidingen
detail per plaats
detail van dit bestemmingsplan
Breda in beeld Breda in Beeld start
Categorie Breda in Beeld categorie
Nieuws auto publicatie op Twitter? Nieuws
Nieuws detail
Zoeken Zoekresultaten
Navigatie
Footer sitemap
Meest gezocht
Meest gelezen
Volg Breda op Links naar sites derden
Functioneel ontwerp / Breda.nl / Versie 0.8.4 10
Figuur 1: Sitestructuur Breda.nl
Zie Excel bijlage voor een duidelijke weergave van de schema‟s.
De volgende unieke typen pagina‟s worden zodoende onderscheiden:
Aanbod externe websites
Aanbod externe website - Afval
Aanbod externe website - Bedrijvenbox
Aanbod externe website - Bestemmingsplannen
Aanbod externe website - Hotels
Aanbod externe website - Huren
Aanbod externe website - Huren + Kopen
Aanbod externe website – Kamernet
Aanbod externe website - Kavels
Aanbod externe website - Kopen
Aanbod externe website - Nieuwbouw
Aanbod externe website - OV
Aanbod externe website - Parkeren
Aanbod externe website - Realnext
Aanbod externe website - Stadsgids
Aanbod externe website - Uitinbreda
Aanbod externe website - Vacatures
Aanbod externe website - Wegwerkzaamheden
Algemene pagina
Bekendmakingen
Breda in Beeld detail
Breda in Beeld categorie
Breda in Beeld start
Breda in kaart
College blog
College blog detailpagina
College detail
Functioneel ontwerp / Breda.nl / Versie 0.8.4 11
Collegeoverzicht
DigiD
DigiD - Mijn DigiD
E-loket categoriepagina
E-loket homepage
E-loket productpagina
E-loket zoekresultaten
Homepage
Homepage ingelogd
Hoofdpagina
Ik en Breda – aanmelden
Ik en Breda - afmelden
Ik en Breda – alerts
Ik en Breda - evenement plaatsen
Ik en Breda – favorieten
Ik en Breda – login
Ik en Breda – media
Ik en Breda - mijn loket
Ik en Breda - mijn locatie
Ik en Breda - mijn profiel
Ik en Breda - nieuws plaatsen
Ik en Breda - publiek profiel
Ik en Breda - startpagina
Ik en Breda - wachtwoord vergeten
Kalender
Kalender detail
Nieuwbouwprojecten
Nieuwbouwproject detail
Nieuws
Nieuws detail
Thema homepage
Uitgebreid zoeken
Functioneel ontwerp / Breda.nl / Versie 0.8.4 12
Verordeningen
Wijk detail
Wijken homepage
Zoekresultaten
Daarnaast worden door de gehele website verschillende functies en blokken
beschikbaar gesteld. Deze functies en blokken zijn terug te brengen tot de volgende lijst:
Dit is niet OK
Feedback
Footer sitemap
Gekoppelde items
Gekoppelde producten
Hoofdmenu
Ik en Breda
Mail a friend
Media
Meest gelezen
Meest gezocht
Reacties
RSS
Tags
Toegankelijkheid
Twitter shoutbox
Volg Breda op
Zoeken
Functioneel ontwerp / Breda.nl / Versie 0.8.4 13
Type pagina’s
Aanbod externe websites
Onder aanbod externe websites verstaan we een algemene pagina (zie algemene
pagina) met daarbij een extra voorziening van content uit een externe bron. Per externe
bron dient te worden bepaald welke informatie op welke manier wordt gepresenteerd en
daarnaast hoe deze informatie ook kan worden opgenomen in de database, zodat deze
ook op trefwoord doorzoekbaar is wanneer een gebruiker van de website de zoekfunctie
gebruikt.
Wireframe Aanbod externe websites
Aanbod externe website - Afval
Het is gewenst om de afvalkalender te implementeren op de website. Hiertoe is reeds
een applicatie ontwikkeld door de Gemeente Breda (link bestaande applicatie).
Functioneel ontwerp / Breda.nl / Versie 0.8.4 14
Optie 1. Link aanbieden naar deze externe website
MoSCoW: Must have
Optie 2. Integratie van systeem. Als postcode en huisnummer bekend is van de
gebruiker dient deze „onderwater‟ te worden doorgegeven aan de applicatie zodat deze
automatisch de juiste gegevens toont (afvalkalender). Nader technische afstemming
dient hiertoe plaats te vinden.
De Url van de Bredakalender: http://gis.breda.nl/afvalservice
De gegevens waar het zoeksysteem gebruik van maakt zijn binnen de gemeente
beschikbaar. De data zijn opgeslagen in een MSSQL database formaat.
MoSCoW: Should have
Wens: integreren. Via zoekmachine en Google Maps beschikbaar.
Aanbod externe website - Berichtenbox bedrijven
Per 1 januari 2010 kan Gemeente Breda gebruik maken van een voorziening op de
website van „antwoord voor bedrijven‟. Via die website kunnen bedrijven berichten
sturen die door de gemeente worden opgepikt. Vooralsnog zijn er geen
koppelingsmogelijkheden en dient deze berichtenbox via een hyperlink gekoppeld te
worden. In de toekomst wordt gekeken of deze inhoud op een betere wijze te integreren
is. In de eerste fase kan dus worden uitgegaan van een hyperlink naar een externe
applicatie.
MoSCoW: Must have
Aanbod externe website - Bestemmingsplannen
De bestemmingsplannen dienen op de website gepubliceerd te worden. Het is gewenst
om de bestemmingsplannen te projecteren op Google Maps zodat deze ook
beschikbaar zijn via de kaart. Na een klik in Google Maps wordt de bezoeker
doorverwezen naar de details van een bestemmingsplan (in de huidige viewer, maar
dan direct ingezoomd). Daarnaast is het gewenst dat bezoekers online via een formulier
bezwaar aan kunnen tekenen tegen het plan.
Vanuit de gemeente Breda kunnen data via een webservice worden aangeboden.
Daarbij zal gebruik gemaakt worden van open standaarden als: WMS, KML, .. .
Functioneel ontwerp / Breda.nl / Versie 0.8.4 15
MoSCoW: Must have
Functioneel ontwerp / Breda.nl / Versie 0.8.4 16
Aanbod externe website - Hotels
Het aanbod van de hotels in Breda zal op de website getoond worden. Hiertoe zal een
koppeling worden opgezet met een verzamelwebsite met hotels (bijv. hotels.com). Er
dient nader bepaald te worden welke website dit gaat worden en welke opzet hierbij
wordt gehanteerd (type koppeling en eventueel inzet affiliate marketing).
Niet meenemen in begroting.
MoSCoW: Must have (hyperlink), integratie is een Could have
Aanbod externe website - Huren
Het huuraanbod binnen Breda zal op de website worden getoond vanuit een nader te
bepalen website.
Niet meenemen in begroting.
MoSCoW: Would like to have
Aanbod externe website - Huren + Kopen
Op de pagina huren & kopen zal het aanbod van huur- en koophuizen in Breda getoond
worden. Het is gewenst om hiervoor een koppeling op te zetten met externe
woningportals (Funda / makelaars websites). Er dient nader bepaald te worden van
welke website de content komt en op welke wijze dit wordt geïntegreerd.
Niet meenemen in begroting.
MoSCoW: Would like to have
Aanbod externe website – Kamernet
Om het huuraanbod voor studenten direct op de website te presenteren is het gewenst
om een koppeling op te zetten met Kamernet.
Niet meenemen in begroting.
MoSCoW: Would like to have
Aanbod externe website - Kavels
Momenteel wordt informatie over de kavels in projecten middels een losse applicatie
(Flamingo viewer) beschikbaar gesteld via de website. De gewenste situatie is dat het
aanbod op een globaler niveau geprojecteerd wordt in Google Maps, waarna de
bezoeker middels een link naar een gedetailleerder en dieper niveau in de viewer wordt
Functioneel ontwerp / Breda.nl / Versie 0.8.4 17
verwezen (waarbij direct wordt ingezoomd op de desbetreffende kavels).
Vanuit de gemeente Breda kunnen data via een webservice worden aangeboden.
Daarbij zal gebruik gemaakt worden van open standaarden als: WMS, KML, .. .
MoSCoW: Could have
Aanbod externe website - Kopen
Zie Aanbod externe website - Huren + Kopen.
Niet meenemen in begroting.
MoSCoW: Would like to have
Aanbod externe website - Nieuwbouw
Het nieuwbouwaanbod van Breda wordt op de pagina nieuwbouw getoond. Hiervoor is
het gewenst een koppeling op te zetten met bijvoorbeeld nikki.nl.
Niet meenemen in begroting.
MoSCoW: Could have
Aanbod externe website - OV
De informatie van 9292OV.nl dient geïntegreerd te worden in de website. Hierbij dient
nader bepaald te worden of actuele vertragingen en de zoekfunctie geïntegreerd kunnen
worden.
Niet meenemen in begroting.
MoSCoW: Could have
Aanbod externe website - Parkeren
Ten behoeve van de publicatie van de parkeermogelijkheden in Breda is vooralsnog
alleen gebruik te maken van een PDF / afbeelding waarop alle locaties worden getoond.
Het is gewenst om ook Google Maps in te zetten waarop alle locaties worden getoond.
Op korte termijn zullen er nieuwe bronnen (systemen / data) beschikbaar worden
gesteld, waarna bepaald moet worden wat de verdere mogelijkheden van integratie zijn.
Niet meenemen in begroting.
MoSCoW: Must have (tonen parkeergelegengheid) Could have (integratie data).
Aanbod externe website - Realnext
Functioneel ontwerp / Breda.nl / Versie 0.8.4 18
Het aanbod van bedrijfspanden in Breda wordt momenteel in RealNext bijgehouden. De
RealNext zoekmachine kan worden geïntegreerd. Andere koppelmogelijkheden zijn niet
bekend.
Niet meenemen in begroting.
MoSCoW: Should have (integratie zoekfunctie), Tonen op de kaart is een Would like to
have
Aanbod externe website - Stadsgids
Informatie uit de stadsgids is te integreren via webservices. De leverancier van de
Stadsgids is Akse Media. Het is gewenst om alle informatie uit de stadsgids binnen de
website op te nemen en te verwerken in Breda in kaart. Dit dient een geïntegreerde
service te zijn en niet een aparte kaart en aparte schermen. Informatie uit de Stadsgids
moet door de volledige website naar voren kunnen komen als gekoppelde content en
naast andere informatie binnen Google Maps kunnen worden geprojecteerd. Tevens
dient de informatie uit de Stadsgids in de algemene zoekmachine geïntegreerd te
worden.
Akse media biedt een webservice (zie http://smartmap.nl/rss/documentation) en hiermee
kunnen op basis van zoekopdrachten adressen worden ingeladen. Nader bepaald dient
te worden hoe ook categorieën worden opgenomen en of deze 1 op 1 kunnen worden
overgenomen of niet.
MoSCoW: Must have.
Aanbod externe website – Bedrijventerreinen
Informatie over bedrijventerreinen in Breda moeten getoond worden op de website (ook
presenteren op Google Maps, vlakken tonen over de kaart).
Of standalone productie die gemaakt wordt in Breda in Kaart?
Niet meenemen in begroting.
MoSCoW: Must have (O&I)
Aanbod externe website - Uitinbreda
Informatie uit de website Uitinbreda is te integreren via RSS en een XML export. Beide
opties dienen nader onderzocht / getest te worden. De evenementen in Uitinbreda.nl
Functioneel ontwerp / Breda.nl / Versie 0.8.4 19
bevatten een postcode, wat in zal houden dat deze op de kaart (Google Maps) te
projecteren zijn. De evenementen moeten verder in de kalender worden opgenomen.
RSS info Uitinbrabant: zie link
MoSCoW: Must have informatie, Could have op de kaart
Aanbod externe website - Vacatures
In de huidige breda.nl worden vacatures beschikbaar gesteld via een externe applicatie
(Connexys). Deze applicatie is te gebruiken in de nieuwe website. De gewenste situatie
is een integratie via XML waarmee de gebruiksvriendelijkheid verhoogd kan worden. De
vacatures zullen hiermee ook toegankelijk worden voor de zoekmachine in de website.
De leverancier van de vacature applicatie kan RSS feed leveren.
MoSCoW: Must have (hyperlink), integratie is een Could have
Aanbod externe website - Wegwerkzaamheden
Op de website www.haalmeeruitdeweg.nl wordt een actueel overzicht getoond van
wegwerkzaamheden in Brabant. De gewenste situatie is om via een webservice de
inhoud van de wegwerkzaamheden rondom Breda te integreren in de website van
Gemeente Breda. De wijze waarop wegwerkzaamheden momenteel worden getoond op
de externe website moet hierbij zo volledig mogelijk worden overgenomen.
De wegwerkzaamheden worden op de kaart (Google Maps) getoond, de
wegwerkzaamheden zullen derhalve ook binnen het onderdeel Breda in Kaart worden
getoond.
Gemeentelijke data kunnen via een webservice beschikbaar worden gesteld. Daarbij zal
gebruik gemaakt worden van open standaarden als: WMS, KML, .. .
MoSCoW: Must have
Algemene pagina
Een normale pagina binnen de structuur van de website wordt gezien als een „Algemene
pagina‟. Deze pagina bevat de volgende blokken:
Hoofdfoto (optioneel)
Titel pagina
Inhoud pagina
Functioneel ontwerp / Breda.nl / Versie 0.8.4 20
Gekoppelde items (alle CMS items en downloads moeten hier te koppelen zijn
per pagina)
Gekoppelde producten (en formulieren)
Reacties
Media
MoSCoW: Must have
De volgende functies zijn beschikbaar bij een algemene pagina
Taggen (enkel voor Ik en Breda leden)
MoSCoW: Would like to have
Op de kaart (indien GEO code beschikbaar)
MoSCoW: Must have
Op de kalender (indien gekoppelde evenementen)
MoSCoW: Must have
Reageren (in te stellen door Breda of het op de betreffende pagina mogelijk is en
of er wel of geen autorisatie van de reactie tussen zit)
MoSCoW: Must have
Waarderen
MoSCoW: Must have
Share
MoSCoW: Must have
Mail a friend
MoSCoW: Must have
Plaats widget
MoSCoW: Must have
Per pagina kan door Gemeente Breda worden aangegeven of bezoekers er op mogen
reageren.
Functioneel ontwerp / Breda.nl / Versie 0.8.4 21
Wireframe Algemene pagina
Bekendmakingen
De bekendmakingen zullen op een algemene pagina worden getoond.
Publicatie zal plaats vinden volgens de landelijke standaard. Zie bijlage:
overheidsmonitor en webrichtlijnen.
MoSCoW: Must have
Breda in Beeld detail
De detailpagina het album. In dit album kunnen video‟s en foto‟s zitten. Deze worden
allen als thumbnails weergegeven en de bezoeker kan hier doorheen bladeren. Bij het
klikken op een thumbnail wordt er een „lightbox‟ geopend waarin de vergrootte foto wordt
getoond of video wordt afgespeeld.
Functies per album:
- Waarderen
Functioneel ontwerp / Breda.nl / Versie 0.8.4 22
- Share
- Content toevoegen (het toevoegen van foto‟s en video‟s aan het album)
- Embed (embed code voor op andere sites)
- Plaats widget
Functies per foto/video
- Waarderen
- Share
- Embed (embed code voor op andere sites)
- Download (afhankelijk van ingestelde rechten door gebruiker?)
MoSCoW: Must have
Breda in Beeld categorie
In de categoriepagina worden alle albums getoond. Een ingelogde gebruiker moet hier
foto‟s en video‟s aan kunnen toevoegen (aan bestaande en nieuwe albums), waarbij
gebruik moet worden gemaakt van een multiple upload functie. Mocht een nieuwe
bezoeker (zonder account) een foto willen uploaden of een volledig nieuw album willen
maken, dan wordt in het uploadproces gevraagd of deze bezoeker een account aan wil
maken.
Indien Gemeente Breda een album aanmaakt kan worden of bezoekers hier foto‟s en/of
video‟s aan toe mogen voegen.
MoSCoW: Must have
Tevens is het gewenst om een koppeling met Youtube, Flickr en Picasa op te zetten om
foto‟s en video‟s van binnen te laden. Bezoekers kunnen zodoende een Flickr set of
Picasa album delen die direct in de website wordt verwerkt of een youtube link plaatsen.
Hiertoe dient een koppeling te worden opgezet met de API‟s van alle partijen.
MoSCoW: Should have
Functioneel ontwerp / Breda.nl / Versie 0.8.4 23
Wireframe Breda in Beeld categorie
Breda in Beeld start
Breda in Beeld is een functie die op de volledige website terug kan komen. Ook wordt er
een algemene startpagina voor Breda in Beeld opgezet. Hierop worden alle categorieën
getoond, waarbij al een voorproefje wordt getoond van onderliggende albums.
Categorieën zijn niet door bezoekers aan te maken, de dieper gelegen albums wel.
MoSCoW: Must have
Functioneel ontwerp / Breda.nl / Versie 0.8.4 24
Wireframe Breda in Beeld start
Breda in kaart
De pagina Breda in kaart is de startpagina wanneer de bezoeker vanuit het overkoepeld
menu op Breda in Kaart klikt. De kaart van Breda wordt middels Google Maps
weergegeven en hierbij heeft de gebruiker de mogelijkheid om informatie op de kaart te
tonen door:
Een zoekopdracht op trefwoord uit te voeren
Eén of meerdere categorieën aan te klikken. De categorieën dienen nader te
worden vastgesteld en worden ingedeeld conform de thema‟s van de website
(hoofdnavigatie). Bij het aanklikken van de categorie worden de verschillende
onderliggende elementen op de kaart weergegeven middels verschillende
iconen.
Te zoeken op postcode/straat/wijk
Functioneel ontwerp / Breda.nl / Versie 0.8.4 25
Indien de bezoeker een Ik en Breda gebruiker is wordt zijn/haar eigen locatie op de kaart
weergegeven middels een icoon. Daarnaast kan een Ik en Breda gebruiker een bericht,
evenement, foto (ook albums/sets) of video op de kaart plaatsen.
De informatie die uit externe bronnen beschikbaar wordt gesteld dient ook op de kaart te
worden geprojecteerd, zoals de informatie uit de Stadsgids (adressen onderverdeeld in
de verschillende categorieën) en wegwerkzaamheden, alsmede alle informatie waar een
geo-code of adres is gekoppeld in de database.
Tevens kan de bezoeker een kaart-widget op de homepage plaatsen.
MoSCoW: Must have
Wireframe Breda in Kaart
College blog
Een collegelid kan binnen Breda.nl een eigen blog hebben. De opzet van dit blog wordt
binnen Breda.nl verwerkt en blog-berichten van collegeleden komen ook terug in het
Functioneel ontwerp / Breda.nl / Versie 0.8.4 26
algemene nieuws op de website (onderdeel Actueel). Binnen de startpagina van het blog
per collegelid worden de volgende onderdelen opgenomen:
- Overzicht laatste berichten (incl aantal reacties)
- Tweets van collegelid (indien gekoppeld Twitter account)
- Algemene pagina‟s (navigatie van vrij in te vullen pagina‟s)
MoSCoW: Must have
College blog detailpagina
Wanneer de bezoeker op een detailpagina van een bericht terecht komt worden de
volgende blokken onderscheiden.
Hoofdfoto
Titel bericht
Omschrijving bericht
Reacties
Media
De volgende functies zijn beschikbaar bij ieder bericht
Taggen
Op de kaart
Reageren
Waarderen
Share
Plaats widget (blog van het specifieke collegelid)
MoSCoW: Must have
College detail
De detailpagina van een collegelid bevat alle detailgegevens van een collegelid.
Daarnaast bevat deze pagina opties om de (inhoud van de) pagina te delen en
waarderen. Indien het college-lid een blog heeft wordt de link naar zijn/haar persoonlijke
blog getoond en worden de laatste berichten van het college-lid direct als headlines in
beeld gebracht.
MoSCoW: Must have
Functioneel ontwerp / Breda.nl / Versie 0.8.4 27
Wireframe Collegedetail
Collegeoverzicht
De pagina collegeoverzicht bevat een verzicht van alle collegeleden conform huidige
website, voorafgegaan door een algemene introductietekst. Daarnaast wordt direct de
link getoond naar het blog van het college-lid indien beschikbaar.
MoSCoW: Must have
Functioneel ontwerp / Breda.nl / Versie 0.8.4 28
Wireframe Collegeoverzicht
DigiD - Mijn DigiD (Mijn Loket / PIP)
Mijn loket met statusinformatie van lopende aanvragen. De inhoud hiervan wordt
verzorgd door de gemeente Breda
MoSCoW: Must have
E-loket categoriepagina
Het E-loket is de benaming voor de digitale productencatalogus. Wij vragen leveranciers
2 opties in kaart te brengen. De implementatie van een eigen PDC (scenario 1) en de
implementatie van een PDC op basis van Kana-IQ (scenario 2). In scenario 2 kan Kana-
IQ alle vragen en antwoorden in XML beschikbaar stellen zodat deze in de website en
de algemene zoekfunctie geïntegreerd kunnen worden.
Functioneel ontwerp / Breda.nl / Versie 0.8.4 29
Vanuit de startpagina of categoriepagina kan een bezoeker doorklikken naar een
(sub)categorie. Binnen deze pagina zijn de volgende blokken beschikbaar:
- (Sub)Categorienaam
- Lijst met producten (of subcategorieën afhankelijk van het niveau)
- Blok meest gezocht (meest gezochte producten binnen de actieve categorie)
- Favoriete producten
- Bekeken producten
- Waarderen
- Share
- Plaats widget (zoekfunctie voor de productencatalogus op je persoonlijke
homepage toevoegen)
MoSCoW: Must have
Functioneel ontwerp / Breda.nl / Versie 0.8.4 30
E-loket homepage
De startpagina van de producten en dienstencatalogus bestaat uit de volgende
onderdelen.
- Banner live chat/call me back (nader te bepalen of dat deze er komt) Live chat
niet offreren?
- Overzicht hoofdcategorieën met omschrijving per hoofdcategorie en links naar de
meest populaire producten binnen de categorie
- Meest gezochte producten
- Meest populaire producten
MoSCoW: Must have
E-loket productpagina
Op de detailpagina van een product wordt het volledige product weergegeven conform
de indeling die in Kahuna wordt bepaald. De koppeling met een eventueel DigiD product
wordt hier direct weergegeven om de bezoeker direct een online aanvraag in te dienen
of product af te nemen.
Functioneel ontwerp / Breda.nl / Versie 0.8.4 31
Een product kan worden toegevoegd aan de favoriete producten waarvan een lijstje
wordt bijgehouden. Daarnaast wordt er een lijstje bijgehouden met bekeken producten.
Deze 2 lijstjes vormen blokken aan de rechterzijde van het scherm.
Tevens worden per product de gerelateerde producten weergegeven.
Functies:
- Favoriete producten
- Bekeken producten
- Waarderen
- Share
- Reageren
MoSCoW: Must have
Functioneel ontwerp / Breda.nl / Versie 0.8.4 32
E-loket zoekresultaten
Binnen het e-loket kan de bezoeker een zoekterm invoeren. De meest gestelde vragen
op de zoekterm worden direct in beeld gebracht waar de bezoeker op kan doorklikken.
Vanuit een vraag kan er een subvraag ontstaan om de bezoeker uiteindelijk bij het juiste
product terecht te laten komen.
Blokken:
- Favoriete producten
- Bekeken producten
Functioneel ontwerp / Breda.nl / Versie 0.8.4 33
- Meest gezocht
MoSCoW: Must have
Functioneel ontwerp / Breda.nl / Versie 0.8.4 34
Homepage
De homepage verwelkomt de bezoeker en toont de volledige portal. De homepage
bestaat uit de volgende blokken:
Nieuws carrousel
De nieuws carrousel toont het meest actuele en populaire nieuws (hoe te
bepalen welke items) in een carrousel. De Flash carrousel zal automatisch om
de X-seconden wisselen van actief item waarbij het beeld en de bijbehorende
omschrijving wijzigen. De bezoeker kan zelf invloed op de carrousel uitoefenen
door de muis over de verschillende items te bewegen. Op basis daarvan wordt
het beeld en de tekst direct aangepast. De gebruiker heeft tevens invloed op het
aantal items in de carrousel en de weergave van de carrousel (nader te
bepalen).
Widgets
De widgets zijn de blokjes die op de homepage worden weergegeven en door de
gebruiker kunnen worden versleept. Wanneer een gebruiker nog niet is ingelogd
op Ik en Breda worden er standaard 3 of 6 blokken geplaatst. Nader gedefinieerd
dient te worden welke blokken dit standaard zijn, of dat deze op basis van
populariteit worden geplaatst. De gebruiker die nog niet is ingelogd kan de
blokjes verslepen en plaatsen en de instellingen aanpassen. De gebruiker wordt
erop geattendeerd dat de instellingen kunnen worden bewaard wanneer hij/zij
zich aanmeld voor Ik en Breda.
Meest gelezen
Volg Breda blok
Ik en Breda blok
Binnen de publieke homepage worden direct een aantal items van Ik en Breda
weergegeven waar de bezoeker op door kan klikken. Dit is het laatste geplaatste
evenement door een gebruiker en het laatst geplaatste nieuwsbericht door een
gebruiker. Daarnaast vind de bezoeker de button om zich aan te melden.
MoSCoW: Must have
Functioneel ontwerp / Breda.nl / Versie 0.8.4 35
Wireframe Homepage
Homepage ingelogd
Wanneer de bezoeker is ingelogd op Ik en Breda (of op de homepage automatisch
inlogt) komt deze op de persoonlijke homepage. Deze bestaat uit de gepersonaliseerde
opzet voor de gebruiker, waarbij de volgende onderdelen kunnen zijn aangepast:
Carrousel in weergave gebruiker
Blokken met widgets. Ingedeeld en opgemaakt conform de wensen van de
gebruiker. De gebruiker heeft de mogelijkheid om de hoeveelheid widgets en
posities in de 3 kolommen zelf te bepalen.
Ik en Breda menu
Het Ik en Breda menu is voor de bezoeker altijd zichtbaar aan de linkerzijde van
de pagina, waarop de verschillende iconen zijn ondergebracht.
MoSCoW: Must have
Functioneel ontwerp / Breda.nl / Versie 0.8.4 36
Wireframe Homepage ingelogd
Hoofdpagina
Op iedere hoofdpagina (bijvoorbeeld de pagina Sport onder: Vrije tijd, sport en toerisme
> Sport) worden de volgende blokken weergegeven en gevuld met relevante informatie
over de hoofdpagina.
Vrije content
Vrij in te vullen informatie.
Nieuws
Gekoppelde nieuwsberichten (ook van Ik en Breda leden).
Kalender
Gekoppelde evenementen (ook van Ik en Breda leden).
Media
Gekoppelde media aan de pagina (en onderliggende pagina‟s).
Functioneel ontwerp / Breda.nl / Versie 0.8.4 37
Gekoppelde items
Gekoppelde producten
MoSCoW: Must have
Wireframe Hoofdpagina
Ik en Breda – aanmelden
Een bezoeker wordt op verschillende punten binnen de website gestimuleerd om zich
aan te melden voor een Ik en Breda account. Wanneer de bezoeker zich aanmeld kan
dat op 3 manieren.
1. Normale registratie
Bij een normale registratie voert de gebruiker een e-mailadres, schermnaam en
wachtwoord in. Op basis van deze gegevens wordt (middels AJAX) direct
gekeken of deze nog vrij zijn en zo ja (groene vinkjes) kan de gebruiker het
account aanvragen (met invoer captcha om spam tegen te gaan). Na een
Functioneel ontwerp / Breda.nl / Versie 0.8.4 38
succesvolle aanmelding ontvangt de bezoeker per e-mail een bevestiging van de
aanmelding met in deze e-mail (content van de e-mail te beheren in CMS?) een
bevestigingslink (geëncrypt). De gebruiker klikt op deze link en het account is
succesvol aangemaakt. De bezoeker wordt direct naar de Mijn Profiel pagina
geleid waar hij/zij het profiel naar wens kan uitbreiden.
MoSCoW: Must have
2. OpenId/Facebook connect
Middels OpenId en/of Facebook Connect kan de bezoeker zich via zijn
bestaande account aanmelden. Na een succesvolle aanmelding dient de
gebruiker alsnog een schermnaam in te voeren, waarna deze bij een succesvolle
nieuwe naam direct inlogt op het Ik en Breda profiel. De bezoeker heeft direct
een geactiveerd profiel en dient geen e-maillink te bevestigen.
MoSCoW: Could have
3. DigiD
Aanmelding via DigiD. Nader te bepalen of dit mogelijk is om te gebruiken en
hierbij direct meer informatie van de bezoeker op te halen en in het profiel te
updaten. Daarnaast de mogelijkheden onderzoeken voor het uitwisselen van
data.
MoSCoW: Must have
Wanneer het nieuwe lid de volledige registratie heeft doorlopen ontvangt deze tevens
een „welkomst-email‟ met daarin alle mogelijkheden op een rij.
Afhankelijk van de manier van aanmelden heeft een gebruiker meer of minder rechten
binnen de website. Indien iemand middels DigiD is ingelogd heeft hij alle rechten, ook
voor de producten en diensten en indien iemand normaal is ingelogd heeft hij nog geen
toegang tot de diensten waarvoor DigiD vereist is. Er dient een koppeling plaats te
vinden tussen het Ik en Breda account en DigiD account zodat een gebruiker met DigiD
direct als Ik en Breda gebruiker wordt herkent.
Ik en Breda - afmelden
Wanneer een lid geen gebruik meer wil maken kan hij/zij zich afmelden. Bij de afmelding
wordt gevraagd of de bezoeker het zeker weet en wordt de bezoeker gevraagd om een
formulier in te voeren met de reden van afmelding. Ingevoerde formulieren dienen in de
database bewaard te worden voor analysedoeleinden. Bij afmelding wordt het account
Functioneel ontwerp / Breda.nl / Versie 0.8.4 39
verwijderd en wordt het e-mailadres en de schermnaam weer vrijgegeven voor gebruik.
Oude reacties en berichten van deze gebruiker zullen op de website zichtbaar blijven.
MoSCoW: Must have
Ik en Breda – alerts
Binnen de alert-functie van Ik en Breda kan de gebruiker instellen welke e-mailalerts
hij/zij wil ontvangen, gebaseerd op trefwoord, datum en thema. De gebruiker kan zelf de
volgende variabelen instellen.
Ontvangen per (dropdown: dag, 2 maal per week, week, maand)
Ontvangen op: invoer tijdstip + dag van de week
Gekoppelde trefwoorden
Gekoppelde thema‟s (multiple select)
Type informatie (nieuws, wijzigingen/nieuwe pagina‟s, evenementen)
E-mailadres (reeds ingevuld, eventueel aanpasbaar?)
MoSCoW: Must have voor een basisinrichting, de rest Would like to have
Ik en Breda - evenement plaatsen
Iedere gebruiker heeft de mogelijkheid om binnen de kalender, een thema en
hoofdpagina een evenement te plaatsen. Wanneer de bezoeker zich op de
evenementpagina bevind kan deze de optie gebruiken „plaats evenement‟, waarna er
een scherm wordt geopend om een evenement te maken. De gebruiker voert hierbij de
volgende gegevens in.
Titel evenement
Van/tot (kalender functie)
Inhoud bericht (op te maken met bold, italic, underline, link en smileys)
Foto‟s en video‟s evenement (multiple upload)
Locatie (plaats op de kaart door invoer adres en/of locatie aanklikken in kaart)
Na de invoer van het bericht kan de gebruiker het evenement previewen. Er opent zich
een nieuw scherm waarin het evenement wordt getoond en vervolgens kan de gebruiker
het evenement aanpassen of publiceren. De foto‟s kunnen door de gebruiker worden
uitgesneden (optioneel) in de juiste verhouding van de website (zoals bij upload profiel
foto Ik en Breda) en de gebruiker kan de volgorde van de foto‟s bepalen en de hoofdfoto
toewijzen.
Functioneel ontwerp / Breda.nl / Versie 0.8.4 40
Bij publicatie wordt het evenement direct gepubliceerd (of enkel voor verschillende
rollen??) en als een Ik en Breda evenement weergegeven op de website.
MoSCoW: Must have
Ik en Breda – favorieten
Op de pagina Favorieten vind de gebruiker al zijn/haar favorieten die zijn verzameld.
Een favoriet is een bericht/pagina/evenement/bedrijf. Op deze pagina kunnen favorieten
worden verwijderd en worden ingedeeld in eigen te bepalen categorieën. De gebruiker
kan een categorie aanmaken/bewerken en verwijderen en hier de favorieten in
verzamelen (slepen).
MoSCoW: Must have
Ik en Breda – login
Indien de gebruiker al een account heeft kan deze inloggen met de schermnaam en het
wachtwoord of het e-mailadres en wachtwoord. Naast het inloggen kan de gebruiker
aangeven om de logingegevens te onthouden op de betreffende computer (middels een
cookie) zodat bij een volgend bezoek de gegevens niet opnieuw ingevoerd dienen te
worden. De cookie zal in totaal voor X dagen geldig zijn.
MoSCoW: Must have
Ik en Breda – media
Binnen de pagina media ziet het lid alle video‟s en foto‟s die hij/zij naar de website heeft
geupload. Binnen deze pagina kan tevens nieuw materiaal worden geupload. De
gebruiker heeft de mogelijkheid om alle uploads in categorieën in te delen en aan ieder
beeld „tags‟ te koppelen.
Bij het uploaden van foto‟s en video‟s dient er een automatische compressie plaats te
vinden van de foto‟s en daarnaast dienen video‟s te worden omgezet naar Flash-video.
MoSCoW: Must have
Optioneel kan via de Youtube API al het videomateriaal direct worden geupload naar het
Breda.nl Youtube kanaal, waarna alle „user-generated‟ video‟s direct worden
aangestuurd vanuit Youtube zodat Youtube zorgdraagt voor de hosting en conversie van
de video‟s.
MoSCoW: Should have
Functioneel ontwerp / Breda.nl / Versie 0.8.4 41
Ik en Breda - mijn loket
Wanneer er een koppeling met het digitaal loket kan worden gemaakt op basis van
DigiD met Ik en Breda dan kan deze functie hier tevens worden getoond. Mogelijkheden
nader bekijken en onderzoeken.
MoSCoW: Must have
Ik en Breda - mijn locatie
Op basis van de ingevoerde gegevens bij Mijn profiel kan de gebruiker zichzelf op de
kaart tonen en daar omheen de gewenste informatie tonen (zie Breda in Kaart). Indien
de gebruiker deze gegevens nog niet heeft ingevoerd is het mogelijk deze in dit scherm
in te voeren, waarna ze worden opgeslagen bij het profiel.
MoSCoW: Should have
Ik en Breda - mijn profiel
Als ingelogde gebruiker kan je naar je profiel vanuit het overkoepelend menu. Je klikt op
je eigen profielfoto/naam en komt op de „Mijn profiel‟ pagina uit. Op deze pagina heb je
de mogelijkheid om je eigen gegevens te beheren. De volgende gegevens kunnen door
de gebruiker worden beheerd:
E-mail(kan optioneel aangepast worden indien nog niet door een ander in
gebruik genomen. AJAX validatie bij invoer aangepast e-mailadres)
Schermnaam (kan optioneel aangepast worden indien nog niet door een ander in
gebruik genomen. AJAX validatie bij invoer aangepaste naam)
Naam
Postcode
Huisnummer
Adres (auto aanvullen obv PC/huisnummer)
Woonplaats (auto aanvullen obv PC/huisnummer)
Avatar (mogelijkheid om een avatar te uploaden en deze te bewerken door een
uitsnede van het beeld te maken (zie upload profielfoto LinkedIn))
Wachtwoord (controle veilig?)
MoSCoW: Must have
Functioneel ontwerp / Breda.nl / Versie 0.8.4 42
Ik en Breda - nieuws plaatsen
Iedere gebruiker heeft de mogelijkheid om binnen een thema en hoofdpagina een
nieuwsbericht te plaatsen. Wanneer de bezoeker zich op de nieuwspagina bevind kan
deze de optie gebruiken „plaats bericht‟, waarna er een scherm wordt geopend om het
bericht te maken. De gebruiker voert hierbij de volgende gegevens in.
Titel bericht
Inhoud bericht (op te maken met bold, italic, underline, link en smileys)
Foto‟s en video‟s bericht (multiple upload)
Tags
Locatie (plaats op de kaart door invoer adres en/of locatie aanklikken in kaart)
Na de invoer van het bericht kan de gebruiker het bericht previewen. Er opent zich een
nieuw scherm (of laag) waarin het bericht wordt getoond en vervolgens kan de gebruiker
het bericht aanpassen of publiceren. De foto‟s kunnen door de gebruiker worden
uitgesneden (optioneel) in de juiste verhouding van de website (zoals bij upload profiel
foto Ik en Breda) en de gebruiker kan de volgorde van de foto‟s bepalen en de hoofdfoto
toewijzen.
Bij publicatie wordt het bericht direct gepubliceerd (of enkel voor verschillende rollen??)
en als een Ik en Breda bericht weergegeven op de website.
MoSCoW: Must have (basis), extra functies zoals media en locatie koppelen is een
Should have
Ik en Breda - publiek profiel
Het publiek profiel is het profiel van een gebruiker wat iedere bezoeker van de website
kan raadplegen wanneer deze op de schermnaam klikt (bij bijvoorbeeld een reactie). Het
publieke profiel bestaat uit de weergave van de schermnaam en avatar.
Locatie op kaart tonen (te beheren in profiel: Toon mijn locatie op de kaart)?
Reacties tonen.
Connecties leggen ( a la Hyves/Facebook)
MoSCoW: Should have, Connecties leggen Could have
Ik en Breda - startpagina
De startpagina van Ik en Breda (beschikbaar via functie navigatie bovenin de website)
kan op 2 manieren zijn opgebouwd:
Functioneel ontwerp / Breda.nl / Versie 0.8.4 43
1. Indien niet ingelogd
In dit geval wordt er een promo gegeven van de mogelijkheden van Ik en Breda.
Tevens wordt een verzameling van de content van Ik en Breda als blokken
weergegeven en wordt er een duidelijke aanmeldfunctie getoond.
2. Indien ingelogd
Indien de gebruiker is ingelogd ziet hij een dashboard van zijn instellingen en
gegevens. Dit wijkt af van de homepage van Breda.nl die al naar wens is
ingericht. Per functie wordt een blok weegegeven, waarna de gebruiker hier
direct een actie op kan doorvoeren (doorklikken naar detailpagina of bijvoorbeeld
direct een favoriet verwijderen uit het lijstje).
MoSCoW: Must have
Ik en Breda - wachtwoord vergeten
Indien de gebruiker zijn/haar wachtwoord is vergeten kan deze een nieuw wachtwoord
opvragen door een het e-mailadres of de schermnaam in te voeren. Er wordt een nieuw
wachtwoord gegenereerd wat wordt verstuurd naar het e-mailadres van de gekoppelde
gebruiker. Na de eerste login met het nieuwe wachtwoord kan de gebruiker het
wachtwoord direct aanpassen. Hiertoe krijgt hij/zij een apart scherm om het gewenste
wachtwoord in te voeren.
MoSCoW: Must have
Kalender
De hoofdpagina Kalender is de directe ingang op de kalender vanuit het overkoepelend
menu. Deze pagina start met de meest populaire komende evenementen en daaronder
een overzicht van evenementen op datum gesorteerd. Hierbij worden de evenementen
van de Ik en Breda leden gecombineerd met de evenementen van de redactie.
Binnen de kalender kan de bezoeker filteren op maand/week en dag en kan deze
gebruik maken van de kalender. De dagen waarop evenementen actief zijn worden een
aparte kleur gegeven in de kalender om aan te geven dat er op deze dagen activiteiten
zijn.
Tevens kan de kalender op de kaart worden getoond. De actieve selectie van de
gebruiker kan dan op de kaart worden geprojecteerd, waarbij duidelijk dient te worden
aangeven hoeveel van de evenementen wel of niet succesvol op de kaart zijn geplaatst
Functioneel ontwerp / Breda.nl / Versie 0.8.4 44
(afhankelijk of ze een GEO-code of adres hebben.) De kalender kan tevens als widget
op de persoonlijke homepage worden geplaatst.
MoSCoW: Must have
Wireframe Kalender
Kalender detail
Wanneer de bezoeker doorklikt naar het details van het evenement worden de volgende
blokken onderscheiden.
Hoofdfoto
Titel evenement
Omschrijving evenement
Gekoppelde items
Gekoppelde producten
Functioneel ontwerp / Breda.nl / Versie 0.8.4 45
Reacties
Media
De volgende functies zijn beschikbaar bij ieder bericht
Taggen
Op de kaart
Reageren
Waarderen
Share
MoSCoW: Must have
Wireframe Kalender detail
Nieuwbouwprojecten
Functioneel ontwerp / Breda.nl / Versie 0.8.4 46
De pagina nieuwbouwprojecten kan worden gevoed vanuit een externe bron en vanuit
een eigen CMS. Indien vanuit het eigen CMS dan vind de bezoeker de volgende
blokken op deze pagina:
Zoeken
De zoekfunctie biedt de mogelijkheid om projecten te zoeken op prijsklasse
(dragtool van/tot)/type woning en wijk. Indien mogelijk wordt direct het aantal
projecten dat matched middels een getal weergegeven en besluit de bezoeker
zelf om de zoekopdracht nog aan te passen of de zoekopdracht uit te voeren. Na
het uitvoeren van de zoekopdracht wordt de lijst met projecten bijgewerkt.
Lijst projecten
De lijst met projecten toont de titel, omschrijving, prijsklasse, type woningen en
link naar de projectsite.
Toon op kaart
Projecten kunnen tevens op de kaart worden weergegeven, de selectie van de
zoekopdracht wordt hierin meegenomen op de kaart.
Plaats widget
MoSCoW: Must have
Nieuwbouwproject detail
Ieder project wordt middels een aparte pagina binnen de website gepresenteerd (keuze
moet mogelijk zijn om per project wel of geen detailpagina op te nemen). Een project
bestaat uit de volgende onderdelen:
- Naam
- Visual
- Artist impressions (fotogallerij)
- Omschrijving
- Positie op kaart (weergave op Breda in Kaart)
- Link naar project website
- Link naar verkopende makelaar(s)
MoSCoW: Must have
Nieuws
Functioneel ontwerp / Breda.nl / Versie 0.8.4 47
Er is zowel een directe toegang naar het nieuwe via het item „Actueel‟ in het
overkoepelend menu als nieuws per thema (zie Thema homepage). Daarnaast kan er
nieuws gekoppeld zijn aan een hoofdpagina onder een thema (bijvoorbeeld de pagina
Sport, onder Vrije tijd, sport en toerisme). Ook kan een nieuwsitem getoond worden als
gekoppeld item bij een detailpagina (zie: Algemene pagina).
Klikt de bezoeker naar de hoofdpagina Sport, dan wordt hier al het „Sportnieuws‟
getoond. Binnen het overzicht wordt per bericht de titel, datum, omschrijving en
gekoppelde afbeelding weergegeven en indien een Ik en Breda gebruiker het item heeft
geplaatst wordt het icoon getoond, samen met de naam van de gebruiker (+ link naar
profielpagina). De bezoeker kan doorklikken naar de details van het bericht.
Op deze pagina krijgt de bezoeker verder de volgende opties:
Filtering nieuws: per dag/week/maand (andere weergave per optie)
Nieuws op kaart: de items die op kaart kunnen worden getoond (o.b.v. GEO code en/of
adres) worden op de kaart geplaatst.
MoSCoW: Must have
Functioneel ontwerp / Breda.nl / Versie 0.8.4 48
Wireframe Nieuws
Nieuws detail
Wanneer de bezoeker op een detailpagina van een bericht terecht komt worden de
volgende blokken onderscheiden.
Hoofdfoto
Titel bericht
Omschrijving bericht
Gekoppelde items
Gekoppelde producten
Reacties
Media
De volgende functies zijn beschikbaar bij ieder bericht
Taggen
Op de kaart
Reageren
Waarderen
Share
Plaats widget
MoSCoW: Must have
Functioneel ontwerp / Breda.nl / Versie 0.8.4 49
Wireframe Nieuws detail
Thema homepage
De thema homepage heeft dezelfde opbouw als de Homepage. De inhoud zal echter
toegespitst zijn op het geselecteerde thema, en vormt daarmee een portal tot dit thema.
MoSCoW: Must have
Functioneel ontwerp / Breda.nl / Versie 0.8.4 50
Wireframe Thema homepage
Uitgebreid zoeken
Middels het uitgebreid zoeken kan een bezoeker direct gericht op zoek naar informatie
op de website. De bezoeker krijgt een zoekformulier waarin de volgende variabelen
kunnen worden ingevuld.
- Trefwoord
- Periode (van/tot)
- Thema
- Categorie
- Doelgroep
- Sorteren op
Tijdens het invullen van de variabelen wordt direct zichtbaar wat het te verwachten
resultaat is van de zoekopdracht. Dit wordt met een getal aangegeven. Vervolgens kan
Functioneel ontwerp / Breda.nl / Versie 0.8.4 51
de bezoeker klikken op de button „Zoeken‟, waarna de resultaten vervolgens
weergegeven (zie omschrijving Zoekresultaten).
MoSCoW: Must have
Verordeningen
Koppeling met centrale omgeving? Aansturen vanuit het CMS middels een aparte
module. Deze pagina‟s bestaan uit:
- Lijstweergave
op datum publiceren en sorteren?
- Detailpagina per verordening
reageren/share/waarderen?
MoSCoW: Must have
Wijk detail
Op de detailpagina van een wijk worden het nieuws en de kalender van de wijk
prominent gepositioneerd. Huisvuil zal als prominent blok in beeld worden geplaatst en
andere nader te bepalen blokken (meest gezocht binnen wijken) worden daaraan
toegevoegd.
MoSCoW: Must have
Functioneel ontwerp / Breda.nl / Versie 0.8.4 52
Wireframe Wijk detail
Wijken homepage
De wijken homepage vormt de portal tot het thema Wijken. De wijken zullen
weergegeven worden op Google Maps, waarmee een herkenbaar visueel startpunt
wordt gecreëerd. Door op een wijk te klikken kan de bezoeker.
MoSCoW: Must have
Functioneel ontwerp / Breda.nl / Versie 0.8.4 53
Wireframe Wijken homepage
Zoekresultaten
Wanneer de bezoeker een zoekopdracht heeft uitgevoerd op de website worden de
resultaten van de opdracht in een algemeen resultatenscherm weergegeven. De
zoekfunctie dient hierbij rekening te houden met de sectie waarin de bezoeker op dat
moment wil zoeken.
Alle resultaten worden op basis van relevantie weergegeven, die wordt opgebouwd aan
de hand van „keyword density‟ en populariteit van de pagina (waardering en aantal hits).
De zoekresultaten kunnen vervolgens worden gefilterd via een apart filtermenu op
actualiteit/categorie/thema etc etc. waarbij direct zichtbaar is wat het aantal
zoekresultaten worden als de bezoeker een filter aanklikt. Zoekresultaten kunnen ook
items van Ik en Breda gebruikers zijn, wat wordt aangegeven middels een icoon en de
afzender (het Ik en Breda lid)
Functioneel ontwerp / Breda.nl / Versie 0.8.4 54
Wanneer de zoekfunctie ook producten herkend zullen allereerst de veelgestelde vragen
worden weergegeven die de bezoeker direct naar de juiste content in de
productcatalogus verwijst.
Het is gewenst om een slimme zoekfunctie in te richten die suggesties geeft bij verkeerd
gespelde trefwoorden. Bedoelt u ….??
Blokken:
- Meest gezocht
- Meest gelezen
- Filter
- Toevoegen aan favorieten
- Share
- Waarderen
Vraag aan leverancier: Hoe wordt er een goede zoekfunctie opgezet. Hoeveel handwerk
is er benodigt voor het opbouwen van trefwoordenlijsten?
MoSCoW: Must have
Functioneel ontwerp / Breda.nl / Versie 0.8.4 55
Wireframe Zoekresultaten
Functioneel ontwerp / Breda.nl / Versie 0.8.4 56
Functies en blokken
De volgende functies/blokken worden onderscheiden die door de website verweven zijn
en niet zelf een directe pagina hebben.
Dit is niet OK
Met de functie „Dit is niet OK‟ kan iedere bezoeker van de website een door een lid
geplaatste reactie of bericht aan de redactie aanbieden als niet ok. Er wordt een
formulier getoond waarin de bezoeker kan aangeven waarom het niet ok is (multiple
choise? Opties?) waarna het ingevulde formulier wordt verstuurd naar de redactie.
Indien het een ingelogd lid is hoeft deze geen persoonsgegevens in te voeren. De
persoonsgegevens zijn :
Naam
E-mailadres
MoSCoW: Must have
Feedback (getsatisfaction)
Getsatisfaction wordt ingezet om feedback te verzamelen over de website. Zie
http://getsatisfaction.com/
MoSCoW: Must have
Footer sitemap
De footer sitemap is op iedere pagina onderin aanwezig en kan door de bezoeker
worden in- en uitgeklapt. De footer sitemap bestaat uit de themanavigatie, met
daaronder de hoofdnavigatie.
MoSCoW: Must have
Gekoppelde items
Aan elke detailpagina (Algemene pagina, Nieuws detail, Kalender detail) kunnen andere
items gekoppeld zijn. Deze andere items zijn:
Algemene pagina‟s,
Nieuws,
Kalender,
Bestanden (direct te downloaden).
Functioneel ontwerp / Breda.nl / Versie 0.8.4 57
De gekoppelde items worden handmatig gekoppeld door Gemeente Breda.
Vraag aan leverancier: Hoe komen deze tot stand? Op basis van handmatig koppelen of
op basis van metadata?
MoSCoW: Must have
Gekoppelde producten
Aan ieder item kunnen producten van de productcatalogus worden gekoppeld. Is de
bezoeker bijvoorbeeld op de pagina: Wonen, wijken en vervoer > Bouwen >
Bouwvergunning, dan vind de bezoeker direct het product „Bouwvergunning aanvragen‟,
afkomstig uit de productencatalogus. Naast de link kan er bijvoorbeeld een korte
omschrijving bij het product worden weergegeven (wens) die bij een klik of Mouse-over
in een laag zichtbaar wordt. Als de bezoeker zich kort heeft kunnen inlezen kan deze
direct doorklikken naar de productencatalogus middels een deeplink.
Vraag aan leverancier: Hoe worden producten gekoppeld in het CMS?
MoSCoW: Must have
Hoofdmenu
Het hoofdmenu klapt uit en binnen een thema worden de verschillende hoofdonderdelen
van het thema in beeld gebracht. Populaire subpagina worden tevens direct in de
navigatie verwerkt zodat bezoekers snel naar die onderdelen kunnen navigeren.
MoSCoW: Must have
Ik en Breda
Favorieten
Items kunnen worden toegevoegd aan favorieten overal waar de functie toevoegen aan
favorieten wordt aangeboden. De favoriet wordt opgeslagen bij de gebruiker met een
naam en onderliggende link. De gebruiker kan tevens uit deze lijst favorieten
verwijderen. Het blok met favorieten kan tevens op de homepage als widget worden
toegevoegd.
MoSCoW: Must have
Tags
Functioneel ontwerp / Breda.nl / Versie 0.8.4 58
Een gebruiker kan helpen om de content van de website te „taggen‟. Alle detailitems
kunnen door de gebruikers worden voorzien van trefwoorden, waardoor de zoekfunctie
ook deze trefwoorden gaat toekennen aan de content en de zoekfunctie wordt verrijkt.
De bezoeker klikt op de link „tag toevoegen‟ en de link veranderd in een input box,
waarna de bezoeker het trefwoord kan invoeren en opslaan. Deze actie kan worden
herhaald.
MoSCoW: Must have
Alerts (voeg toe aan)
Een ik en Breda gebruiker kan op ieder moment binnen de website de betreffende
pagina toevoegen aan alert-functie. Nader vastgesteld dient te worden wat de gebruiker
toevoegt op welke pagina (het thema, de hoofdpagina, subpagina, trefwoord etc.)
MoSCoW: Must have
Share
De share-functie biedt de mogelijkheid voor de bezoeker om een item door te zetten
naar andere sociale netwerken. Hierbij worden de meest gangbare netwerken
geïmplementeerd, te weten:
del.icio.us,
Flurl,
eKudos,
MSN,
NUjij,
Twitter,
LinkedIn,
Digg,
Google Bookmarks,
Live favorites,
Hyves.
Daarnaast is het gewenst om voor Hyves een Hyves gadget te realiseren. De Ik en
Breda gebruiker kan zelf bepalen welke content hij in de Hyves gadget wil plaatsen. De
gebruiker selecteert de widgets van Breda.nl die in de gadget moeten komen en de
Functioneel ontwerp / Breda.nl / Versie 0.8.4 59
gebruiker ziet direct een preview van de gadget en daarin zijn eigen Ik en Breda profiel
verwerkt.
MoSCoW: Must have
Reactie plaatsen
Wanneer je ingelogd bent kun je een reactie plaatsen. Hiertoe voer je de reactie in en
kun je de reactie opmaken met de functies:
Bold
Italic
Link
Smileys
Iedere reactie van een geregistreerd lid zal direct worden geplaatst op de website
zonder autorisatie.
Er dient een scheldwoordenboek geïmplementeerd te worden die de de reactie direct
scant op taalgebruik. Indien hier scheldwoorden in terugkomen dient de gebruiker een
melding te krijgen dat de reactie niet kan worden geplaatst vanwege het taalgebruik.
Indien een bezoeker nog geen account heeft wordt de bezoeker gevraagd om een
account aan te maken, wat volledig geïntegreerd wordt in het proces van het plaatsen
van een reactie.
Besproken is dat er mogelijk 2 opties bij komen als een item (pagina / nieuwsitem /
evenement) geplaatst wordt, namelijk Reacties (aan/uit) en Moderatie (aan/uit). Het
reageren met een DigiD account mag direct, zonder DigiD zal een reactie eerst
gemodereerd worden voordat het op de site verschijnt.
MoSCoW: Must have
Waarderen
Enkel ingelogde gebruikers kunnen content waarderen. De gebruiker selecteert het
aantal sterren en na het klikken wordt de gebruiker bedankt voor het aantal stemmen.
De content die het hoogst wordt gewaardeerd zal het eerste zoekresultaat geven. Een
niet-ingelogde bezoeker kan wel de actie van het waarderen uitvoeren, maar dient zich
vervolgens aan te melden.
MoSCoW: Must have
Functioneel ontwerp / Breda.nl / Versie 0.8.4 60
Feedback
De ingelogde gebruiker kan naast reageren ook feedback geven op de website, zonder
dat dit direct voor alle andere bezoekers zichtbaar is onder het item. Dit is dan ook meer
van toepassing op de gehele website. Hiertoe zal de „Feedback‟ functie van
GetSatisfaction worden geïmplementeerd.
MoSCoW: Must have
Widgets (homepage en thema homepages)
De ingelogde gebruiker kan door de hele website widgets verzamelen die op de
homepage van de gebruiker worden geplaatst en/of op de themahomepage (Is dit
gewenst?). Per widget kan de gebruiker de volgende instellingen bepalen:
Aantal items
Weergave (opties: alleen link, link + foto, link + foto + inleiding)
Positie op pagina (wordt bepaald door drag and drop)
De volgende widgets dienen minimaal beschikbaar te worden gesteld om toe te voegen
aan de homepage:
- Nieuws (per thema/ per hoofdpagina)
- Nieuws op locatie/wijk
- Nieuws op trefwoord
- Kalender op thema/locatie/trefwoord
- Favorieten
- Mijn loket (producten)
- Albums Breda in Beeld (op trefwoord/gebruiker/locatie)
- Dromen en initiatieven (Breda Morgen)
- Wegwerkzaamheden
- Bekendmakingen
- Verordeningen
- Nieuwbouwprojecten
En verder dient per functioneel deel van de website te worden bepaald welke content
in de widget wordt opgenomen.
MoSCoW: Must have
Functioneel ontwerp / Breda.nl / Versie 0.8.4 61
Ik en Breda menu
Het Ik en Breda menu zweeft aan de linkerzijde van de pagina en bevat iconen voor het
activeren van de functies zoals hierboven genoemd. De iconen zijn op iedere pagina
actief. Wanneer een icoon een functie oproept wordt deze in een layer over de huidige
pagina gelegd waarin de gebruiker eventuele instellingen aan kan geven en deze op kan
slaan.
MoSCoW: Must have
Mail a friend
Middels de mail a friend functie kan een bezoeker content doorsturen naar een vriend.
Op de betreffende pagina klikt de bezoeker op de mail a friend functie waarna hij de
naam en e-mail van de vriend dient in te vullen en een persoonlijke boodschap kan
meesturen. Indien de gebruiker al is ingelogd op Ik en Breda is het niet meer nodig de
eigen gegevens in te voeren, een niet ingelogde bezoeker moet de naam en het e-
mailadres invoeren.
MoSCoW: Must have
Media
De gekoppelde media aan een item worden in een blok weergegeven waarbij de foto‟s
en video‟s als thumbnails worden weergegeven. Bij het klikken op een foto of video
wordt deze vergroot en kan de bezoeker als een slideshow door de foto‟s en video‟s
lopen. Indien de video is geupload op de website, dan verschijnt er tevens een embed-
code en een directe link zodat de video kan worden geïntegreerd op andere websites en
directe links naar de video op andere websites kunnen worden geplaatst en/of worden
verstuurd.
MoSCoW: Must have
Meest gelezen
Op verschillende pagina‟s wordt het blok „Meest gelezen‟ weergegeven. Dit blok wordt
gevoed met de meest bezochte pagina‟s vanaf het punt waarop de bezoeker zich op dat
moment bevind (aansturing vanuit Google Analytics API of andere oplossing. Door
leverancier aan te dragen).
MoSCoW: Should have
Functioneel ontwerp / Breda.nl / Versie 0.8.4 62
Meest gezocht
Op verschillende pagina‟s wordt het blok „Meest gezocht‟ weergegeven. Dit blok wordt
gevoed met de best matchende trefwoorden die vanuit die pagina relevant zijn en waar
de bezoeker vanaf dat punt het meest op heeft gezocht.
MoSCoW: Must have
Reacties
Op alle onderdelen van de website kan de optie „reacties‟ worden geactiveerd. Wanneer
deze is geactiveerd kunnen Ik en Breda leden reageren op de pagina en/of het bericht.
Hiertoe dient het lid te zijn ingelogd op de de website om een reactie te kunnen
plaatsen.
Onder ieder bericht/pagina staan de eventueel geplaatste reacties van alle leden op het
betreffende item. Per reactie worden de volgende gegevens weergegeven.
Schermnaam lid + link naar publiek profiel
Avatar
Datum/tijd
Reactie
Functie: Dit is niet OK
MoSCoW: Must have
RSS
Er worden verschillende RSS-feeds beschikbaar gesteld door de website voor extern
gebruik. De volgende RSS-feeds worden beschikbaar gesteld:
Nieuws algemeen
Nieuws per thema
Nieuws per hoofdpagina
Evenementen
Evenementen per thema
Overige gemeentelijke informatie zoals bekendmakingen die ook in RSS kunnen
worden aangeboden.
MoSCoW: Should have
Functioneel ontwerp / Breda.nl / Versie 0.8.4 63
Tags
Tags zijn trefwoorden waaraan het item is gekoppeld. Op basis van de hoeveelheid
gekoppelde trefwoorden worden de meest populaire trefwoorden bij het item getoond.
Wanneer de bezoeker op een trefwoord klikt wordt de zoekfunctie geactiveerd op het
betreffende trefwoord en wordt de zoekresultatenpagina geladen met het betreffende
trefwoord.
Ik en Breda leden hebben de mogelijkheid om trefwoorden toe te kennen aan content.
MoSCoW: Should have
Toegankelijkheid
Vergroot/verklein
Het vergroten en verkleinen van teksten
Voorlezen
Readspeaker integratie binnen website
Drempelsvrij
De website dient conform de richtlijnen van Drempelvrij te worden opgezet
(drempelvrij.nl)
Webrichtlijnen
De website dient volledig te voldoen aan de Webrichtlijnen (webrichtlijnen.nl)
Meertaligheid
De website dient tevens deels in het Engels beschikbaar te zijn. Er dient nader
afgestemd te worden welke onderdelen. Daarnaast dient Google Translate
geïmplementeerd te worden binnen de website zodat naar wens bezoekers alle
content op de website kunnen vertalen. Dit dient echter van een duidelijke
„disclaimer‟ te worden voorzien.
MoSCoW: Must have
Twitter shoutbox
Binnen de homepage wordt een Twitter shoutbox opgenomen als widget. Alles wat op
Twitter wordt geschreven met de hashcode #gembreda wordt automatisch in de
shoutbox geplaatst.
MoSCoW: Could have
Functioneel ontwerp / Breda.nl / Versie 0.8.4 64
Volg Breda op
Binnen dit onderdeel worden alle links naar externe sociale sites opgenomen, waarop
Gemeente Breda actief is. Deze websites zijn:
Twitter (twitter.com/Breda?),
Facebook,
Hyves,
Youtube,
Flickr,
Wikipedia,
Panoramio.
MoSCoW: Must have
Zoeken
De zoekbox is door de volledige website in de navigatie opgenomen. De zoekbox dient
direct te reageren wanneer een bezoeker zijn/haar trefwoord typt middels een AJAX
request. Binnen deze zoekresultaten dienen enkel de vooraf vastgestelde bronnen als
resultaat getoond te worden (nader te bepalen) en niet alle raadsstukken etc.
De zoekbox veranderd per onderdeel waar deze actief is. Indien de bezoeker op
bijvoorbeeld de pagina Evenementen zit kan deze in de zoekbox direct zoeken in de
evenementen. De gebruiker kan echter ook direct vanuit dit onderdeel door de complete
website zoeken.
Indien de bezoeker direct op een resultaat klikt wordt deze direct doorgelinkt naar het
gevonden resultaat. Zo niet, dan komt de bezoeker op de pagina „Zoekresultaten‟.
MoSCoW: Must have
Functioneel ontwerp / Breda.nl / Versie 0.8.4 65
Mobiele versie
Het is tevens gewenst om een mobiele versie van de website te implementeren. De
volgende indeling is hierbij gewenst om te implementeren.
- Start
Startscherm met grote buttons (iPhone app stijl). Weerbericht kan in beeld
komen.
- Actueel
Nieuws- en evenementenoverzicht en doorklikken naar details per
bericht/evenement.
- Onderweg
De meeste handige informatie voor onderweg:
o Parkeren
o Adressen
o Telefoonnummers
o Openbaar vervoer
- Thema‟s (direct alle thema‟s als hoofdbuttons plaatsen)
Hieronder wordt een subnavigatie opgebouwd van de thema‟s van de publieke
website, weergegeven met iconen. Per thema worden verschillende mobiele
pagina‟s opgezet met de meest relevante informatie. De mobiele website dient
apart via het CMS te beheren zijn. Ideeën leverancier over content deling?
Per mobiele pagina moeten de volgende mogelijkheden gecreëerd worden:
o Kaartweergave
- Ik en Breda
Een Ik en Breda lid heeft meer functies op de mobiele versie.
o Aanmelden
o Rondom mij
Weergave van alles wat er rondom mij gebeurt (informatie komt uit Breda
in kaart)
Functioneel ontwerp / Breda.nl / Versie 0.8.4 66
o Pushnotificaties (bij het gebruik van een App) over informatie waarop het
lid is geabonneerd
Enkel mobiele versie of ook Apps??
MoSCoW: Should have
Overheidsmonitor
In de onderstaande tabel worden alle onderwerpen uit de overheidsmonitor
weergegeven. Per onderwerp wordt de eis voor de nieuwe website omschreven.
Categorie Onderwerp Status
A. Standaarden
Bekendmakingen
A1 Publiceert de overheidsorganisatie op haar website de periodieke bekendmakingen conform de landelijke standaard? Nee
A2
Kunnen bezoekers van de website van de overheidsorganisatie zich abonneren op een proactieve attenderingsfunctie inzake deze bekendmakingen? Nee
Vergunningen
A3 Publiceert de overheidsorganisatie op haar website vergunningen conform de landelijke standaard? Nee
Decentrale Regelgeving
A4
Publiceert de overheidsorganisatie alle geldende algemeen verbindende voorschriften (regelingen/verordeningen) conform de landelijke standaard? Nee
A5
Publiceert de overheidsorganisatie op haar website alle geldende algemeen verbindende voorschriften (regelingen/verordeningen) conform de actuele versie van de landelijke standaard? Nee
Europese Dienstenrichtlijn
A6 Is de overheidsorganisatie aangesloten op de landelijke standaard voor Samenwerkende Catalogi? Ja
A7
Om te voldoen aan de Europese Dienstenrichtlijn dient de overheidsorganisatie zich aan te sluiten op (o.a.) de Berichtenbox van Antwoord© voor bedrijven. Is de overheidsorganisatie aangesloten op de Berichtenbox van Antwoord© voor bedrijven? Ja
Functioneel ontwerp / Breda.nl / Versie 0.8.4 67
A8
Voldoet de overheidsorganisatie aan de belangrijkste elektronische voorwaarden van de Europese Dienstenrichtlijn: aansluiting op Samenwerkende Catalogi, de Berichtenbox en het Interne Markt Informatie Systeem? Ja
PIP/Mijn Overheid
A9 Is de overheidsorganisatie aangesloten op de standaard voor MijnOverheid.nl? Nee
Ruimtelijke plannen
A10 Publiceert de overheidsorganisatie één of meer ruimtelijke plannen volgens de landelijke standaarden (DURP-standaard 2006 en/of de RO-Standaard 2008)? Ja
A11
Ontsluit de overheidsorganisatie haar welstandsnota via de landelijke standaard WelstandTransparant? Nee
Content collectie Antwoord©
A12 Biedt de overheidsorganisatie de Antwoord© Contentcollectie op haar website aan? Nee
Regelhulp
A13 Is de overheidsorganisatie aangesloten op www.regelhulp.nl? Ja
B. Transparantie: Openbaarheid van overheidsinformatie
Bestuurlijke informatie
B1 Ontsluit de overheidsorganisatie op haar website een bestuursinformatiesysteem? Ja
B2
Ontsluit de overheidsorganisatie tekstueel de verslagen van de vergaderingen van de volksvertegenwoordiging? Nee
B3 Biedt de overheidsorganisatie de actuele begroting op haar website aan? Ja
Functioneel ontwerp / Breda.nl / Versie 0.8.4 68
B4 Ontsluit de overheidsorganisatie de (verslagen van de) vergaderingen van de volksvertegenwoordiging in beeld en/of geluid? Ja
B5 Heeft de overheidsorganisatie aan op welke wijze een burger een WOB-verzoek (Wet Openbaarheid van Bestuur) moet of kan indienen? Nee
B6
Heeft de overheidsorganisatie een interactieve verwijzing (hyperlink) tussen haar producten en de relevante regelgeving en omgekeerd van de regelgeving naar relevante producten? Ja
Informatie van en over bestuurders
B7 Biedt de website een overzicht van de nevenfuncties van één of meer bestuurders? Ja
B8 Is het stemgedrag van de volksvertegenwoordigers op een structurele en duidelijke wijze te volgen op, of via de website van de overheidsorganisatie? Nee
B9 Geeft de overheidsorganisatie inzicht in de wijze waarop de rekenkamerfunctie is ingericht? Ja
B10 Publiceert de overheidsorganisatie op haar website een actueel financieel jaarverslag en/ of Burgerjaarverslag? Ja
GIS & Plannen
B11 Publiceert de overheidsorganisatie op haar website tenminste één geldend bestemmingsplan? Ja
B12 Stelt de overheidsorganisatie via haar website haar ruimtelijke informatie voorzien van metadata vrij beschikbaar voor hergebruik? Ja
C. Dienstverlening
Dienstverlening voor burgers
C1 Is het mogelijk online een afspraak in te plannen voor de aanvraag van een rijbewijs en/of paspoort. Ja
C2
Heeft de gemeente de verplichting afgeschaft dat een burger bij huwelijksaangifte (ondertrouw) een afschrift geboorteakte en een uittreksel GBA moet aanleveren (voldoen aan de huwelijksvereisten)? Ja
C3
Aanvragen GBA-uittreksel Ja
Functioneel ontwerp / Breda.nl / Versie 0.8.4 69
C4 Aanvraag Verklaring Omtrent het Gedrag (VOG) Nee
C5 Aanvraag van een gehandicaptenvoorziening (WMO) Ja
C6 Aanvraag van een gehandicaptenparkeerplaats (op kenteken). Nee
C7
Aanvraag parkeervergunning Ja
C8 Kentekenwijziging parkeervergunning Nee
C9 Aanvraag bijzondere bijstand Nee
C10 Aanvraag bijstandsuitkering (WWB of Ioaw). Nee
C11 Melding woon- en leefomgeving. Ja
C12
Aanvragen kapvergunning Ja
C13 Aanvragen bouwvergunning Nee
C14 Onroerende Zaak Belasting (OZB) Ja
C15
Doorgeven verhuizing Ja
C16
Rioolaansluitvergunning Nee
C17
Aanvraag kwijtschelding belastingen en heffingen Nee
C18
Bezwaarschrift indienen Nee
C19 Aanvraag evenementenvergunning Nee
C20 Aanvragen in/uitritvergunning Nee
Dienstverlening voor bedrijven
C21 Aanvraag Verklaring Omtrent het Gedrag (VOG) Nee
Functioneel ontwerp / Breda.nl / Versie 0.8.4 70
C22 Aanvraag parkeervergunning Ja
C23 Kentekenwijziging parkeervergunning Nee
C24 Aanvragen kapvergunning Ja
C25 Aanvragen bouwvergunning Nee
C26 Onroerende Zaak Belasting (OZB) Ja
C27 Aanvragen gebruiksvergunning/melding gebruik Nee
C28
Rioolaansluitvergunning Nee
C29 Bezwaarschrift indienen Nee
C30 Aanvraag evenementenvergunning Nee
C31 Aanvragen Milieuvergunning Nee
C32 Aanvragen in/uitritvergunning Nee
C33 Reclamevergunning/ -ontheffing Nee
D. De burger centraal
Gepersonaliseerde dienstverlening
D1 Kan een bezoeker zich op de website van de overheidsorganisatie authenticeren met behulp van DigiD? Ja
D2 Kan een willekeurige burger zich op de website van de overheidsorganisatie authenticeren met behulp van DigiD? Ja
D3 Bevat de website van de overheidsorganisatie een mogelijkheid om online de status van een product- / dienstaanvraag te volgen Ja,
D4 Biedt de website van de overheidsorganisatie de mogelijkheid van een gepersonaliseerd digitaal loket („mijn loket‟)? Ja,
D5 Biedt de overheidsorganisatie (deels) vooringevulde formulieren aan - met gegevens die bij haar reeds bekend zijn - bij het aanvragen van een product? Nee
D6 Bevat de website van de overheidsorganisatie een mogelijkheid om een product en/of dienst direct online te betalen? Ja
Functioneel ontwerp / Breda.nl / Versie 0.8.4 71
D7 Voert de gemeente een geautomatiseerde kwijtscheldingstoets uit ten behoeve van kwijtschelding belastingen en heffingen? Nee
D8 Biedt de overheidsorganisatie op haar website bezoekers hulpmiddelen om “persoonlijke” gevolgen van beleid na te gaan? Ja
Integrale dienstverlening
D9 Biedt de overheidsorganisatie haar klanten de mogelijkheid om een integrale horecavergunning aan te vragen? Nee
D10 Biedt de overheidsorganisatie haar klanten de mogelijkheid om een integrale evenementenvergunning aan te vragen? Nee
D11 Biedt de overheidsorganisatie haar klanten de mogelijkheid om met behulp van een integraal formulier een aantal minimaregelingen aan te vragen? Nee
D12
Biedt de overheidsorganisatie haar klanten de mogelijkheid om met één (integraal) formulier meerdere vergunningen, diensten, meldingen en/of ontheffingen tegelijk aan te vragen? Nee
Communicatie met en van de overheid
D13 Kunnen bezoekers van de website van de overheidsorganisatie zich aanmelden voor een e-mail nieuwsbrief? Ja
D14 Biedt de overheidsorganisatie de bezoeker op haar website de mogelijkheid zich te „abonneren‟ op RSS-feeds? Ja
D15
Biedt de overheidsorganisatie op haar website snel en eenvoudig alle relevante contactinformatie (bezoekadres, postadres, openingstijden, telefoonnummer(s) en mailadres) en is deze contactinformatie met één klik vanaf iedere pagina bereikbaar? Ja
D16
Publiceert de overheidsorganisatie op haar website het „14+ netnummer‟ als de centrale telefonische toegang voor de gehele gemeentelijke dienstverlening (KCC, Klant Contact Centrum)? Ja
D17 Is het voor een bezoeker van de website van de overheidsorganisatie mogelijk om direct via de website live in contact te komen met de overheidsorganisatie? Nee
Waar kan de burger op rekenen in haar communicatie met overheidsorganisaties
Functioneel ontwerp / Breda.nl / Versie 0.8.4 72
D18 Bevat de website een privacystatement? Ja
D19 Publiceert de overheidsorganisatie op haar website een proclaimer? Ja
D20 Publiceert de overheidorganisatie op haar website een Kwaliteitshandvest? Nee
D21 Bevat de website van de overheidsorganisatie een expliciete vermelding van de responstijden op e-mails? Nee
Burgerbetrokkenheid en Participatie
D22 Publiceert de overheidsorganisatie op haar website informatie over de klachtenprocedure? Ja
D23 Heeft de overheidsorganisatie een lokaal meldpunt administratieve lastenverlichting? Ja
D24
Biedt de overheidsorganisatie op haar website informatie over de wijze waarop burgers een onderwerp op de agenda van het vertegenwoordigend orgaan kunnen krijgen (burgerinitiatief)? Ja
D25
Maakt de overheidsorganisatie gebruik van nieuwe media om interactief met burgers/bedrijven te communiceren over bestuurlijke of beleidsrelevante thema's? Ja
D26 Biedt de overheidsorganisatie digitale inspraakmogelijkheden op het gebied van ruimtelijke of visuele plannen? Ja
D27 Heeft de overheidsorganisatie een burgerpanel én biedt ze daar informatie over aan? Ja
D28 Accepteert de overheidsorganisatie meldingen van Verbeterdebuurt.nl? Nee
D29 Publiceert de overheidsorganisatie op haar website een actueel klanttevredenheidsonderzoek? Ja
E. Interactieve verwijzingen
Interactieve verwijzingen
E1 Heeft de overheidsorganisatie een MijnOverheid.nl-banner op haar website, in haar digitale loket? Nee
E2 Heeft de overheidsorganisatie een banner naar Antwoord© voor Bedrijven in haar eigen digitale (bedrijven)loket? Ja
E3 Biedt de overheidsorganisatie een interactieve verwijzing (hyperlink) naar Berekenuwrecht.nl? Ja
Functioneel ontwerp / Breda.nl / Versie 0.8.4 73
E4 Biedt de overheidsorganisatie een interactieve verwijzing (hyperlink) naar het Digitaal Klantdossier Werk en Inkomen? Nee
E5 Biedt de overheidsorganisatie een interactieve verwijzing (hyperlink) naar www.nederlandtegenterrorisme.nl en/of www.nctb.nl? Ja
E6 Biedt de overheidsorganisatie een interactieve verwijzing (hyperlink) naar www.lastvandeoverheid.nl? Ja
E7
Biedt de overheidsorganisatie een interactieve verwijzing (hyperlink) naar de nationale ombudsman op www.ombudsman.nl en/of naar de lokale ombudsman? Ja
F. Toegankelijkheid
Toegankelijkheid
F1 Score automatische webrichtlijnen-toets (47 van de 125 webrichtlijnen) 32
F2
Heeft de overheidsorganisatie een claim op haar website staan ten aanzien van de Webrichtlijnen of toegankelijkheid en kan ze deze onderbouwen (een conformiteitverklaring door de eigenaar of maker van een website)? Nee
F3 Zijn de bekendmakingen van de overheidsorganisatie specifiek doorzoekbaar? Nee
F4 Zijn de vergunningen van de overheidsorganisatie doorzoekbaar? Nee
F5 Zijn de regelingen van de overheidsorganisatie doorzoekbaar? Nee
F6 Ontsluit de overheidsorganisatie op haar website de overheidsbrede zoekdienst van Overheid.nl? Nee
F7 Is het bestuursinformatiesysteem apart doorzoekbaar? Ja
Functioneel ontwerp / Breda.nl / Versie 0.8.4 74
Koppelingen
In dit FO worden verschillende koppelingen omschreven die gewenst zijn om op te
zetten. Aangezien nog niet alle koppeling bekend zijn worden in dit hoofdstuk enkele
scenario‟s van koppelingen omschreven. Om een goed beeld bij de leverancier te
krijgen vragen wij u om deze casussen te offreren.
Casus 1. Plaatsen widget
Casus 1 is het plaatsen van een widget op de website. Middels een iframe dient een
deel van een andere portal op de website geïntegreerd te worden. Bijvoorbeeld
http://www.vrijetijdshuis.nl/index.php/widget
Casus 2. XML Feed
Op basis van het aanroepen van een XML feed met verschillende parameters dient de
data geintegreerd te worden in de website. Bijvoorbeeld de onderstaande XML feed die
met verschillende parameters kan worden aangeroepen. De wens is dat de data dan
tevens in de algemene zoekfunctie van de website zichtbaar wordt en de data
gecombineerd kan worden met informatie die door de gemeente of een Ik en Breda
gebruiker zelf is geplaatst. Dus niet alleen het live tonen van de data, maar het
integreren in het systeem.
Voorbeeld feed: http://www.evenementenwidget.nl/widget/api.php?start_date=2010-04-
12&end_date=2010-04-20&city=tilburg_breda&category_id=72
Met de volgende variabelen:
start_date (verplicht) = startdatum
end_date (verplicht, er mogen tussen start_date en end_date maximaal 90
dagen zitten) = einddatum
images (yes/no) = wel of geen plaatjes in de lijst
city (meerdere plaatsen mogelijk met underscore) = plaats
range (indien slechts 1 plaats opgegeven) = straal
category_id = hoofdcategorie nummer (meerdere categorieën mogelijk,
gescheiden met underscore, hieronder overzicht)
57 = actief
1001751 = attracties
Functioneel ontwerp / Breda.nl / Versie 0.8.4 75
63 = bezienswaardigheden
31623834 = boerderij & landschap
32 = evenementen
9189721 = feestdagen
72 = films
116 = jongeren(12-18)
100561 = kinderen(0-12)
106 = lezingen & literatuur
91 = muziek
31623835 = ontspanning
51 = tentoonstellingen
77 = theater & dans
31623836 = winkelen
Casus 3. Koppeling middels webservices
Het opzetten van een koppeling op basis van webservices, die worden aangeboden via
het SOAP protocol (Simple Object Access Protocol). Ga hierbij uit van de informatie uit
casus 2 die middels webservices wordt aangeboden, waarbij iedere transactie een
aparte call is.
Het SOAP-protocol bestaat uit drie onderdelen:
Een envelop die een raamwerk definieert voor het beschrijven van wat in een
bericht staat en hoe het te verwerken.
Een set van encodeerregels voor de expressie van 'instanties' van
applicatiegedefinieerde datatypen.
Een conventie voor de representatie van 'remote procedure calls' en antwoorden.
SOAP kan in potentie worden gebruikt in combinatie met een grote
verscheidenheid aan andere protocollen.
SOAP is het protocol dat in systeemonafhankelijkheid voorziet - onafhankelijkheid van
taal, technologie, apparaat en technische implementatie.
Casus 4. Koppeling middels CSV
Dezelfde casus als casus 2 maar dan middels het periodiek inlezen van een CSV-
bestand en deze direct in de database en programmatuur verwerken.