Geo-informatie en toegankelijkheid Technische sessie
NCDT – 29 oktober 2014 Thijs Brentjens
Toegankelijke geo-informatie Handreiking
Handreiking: “Geo-informatie & Webrichtlijnen”
Samenwerking Geonovum en ICTU
Versie 1: oktober 2013
Versie 2: 2014 → Toepassingskader
Tips & codevoorbeelden
Voorbeelden door: – Victor Zuydweg, Edward MacGillavry, Thijs Brentjens
29 oktober 2014
NCDT – Utrecht
Brentjens Geo-ICT
Lijst met locaties op een kaart Voorbeelden
Statisch: HTML/CSS
Interactief: HTML data-attributen + Javascript
Interactief: Data uit JSON bestand + Javascript
29 oktober 2014
NCDT – Utrecht
Brentjens Geo-ICT
Tekst & kaart een lijst met locaties tonen op een kaart
Primaire informatie is tekstueel beschikbaar – Niet alleen via een afbeelding
Een lijst met adressen of andere locaties
Verschillende oplossingen mogelijk
29 oktober 2014
NCDT – Utrecht
Brentjens Geo-ICT
Tekst & kaart een lijst met locaties tonen op een kaart
“Overzichtministeries-CSS” Via HTML, CSS een lijst met locaties tonen op een statische kaart, inclusief (beperkte) interactie Github: https://github.com/Geonovum/Webrichtlijnen-Geo/tree /master/overzichtministeries-CSS Voorbeeld: https://rawgit.com/Geonovum/Webrichtlijnen-Geo/mas ter/overzichtministeries-CSS/index.html
29 oktober 2014
NCDT – Utrecht
Brentjens Geo-ICT
Tekst & kaart een lijst met locaties tonen op een kaart
“Overzichtministeries-HTMAPL” HTMAPL: JavaScript, HTML, CSS bibliotheek voor tonen objecten op een interactieve kaart Gebruikt data-attributen:
HTMAPL loopt door HTML en extraheert locaties
Goed indexeerbaar door zoekmachines
29 oktober 2014
NCDT – Utrecht
Brentjens Geo-ICT
Tekst & kaart een lijst met locaties tonen op een kaart
Github: https://github.com/Geonovum/Webrichtlijnen-Geo/tr ee/master/overzichtministeries-HTMAPL Voorbeeld: https://rawgit.com/Geonovum/Webrichtlijnen-Geo/ma ster/overzichtministeries-HTMAPL/index.html
29 oktober 2014
NCDT – Utrecht
Brentjens Geo-ICT
Tekst & kaart een lijst met locaties tonen op een kaart
“openbaretoiletten”
Data in (Geo)JSON formaat tonen als lijst en op kaart – Bijvoorbeeld uit een webservice of web API
LeafletJS: Javascript bibliotheek
Toetsenbordbediening
Allerlei apparaten
29 oktober 2014
NCDT – Utrecht
Brentjens Geo-ICT
Tekst & kaart een lijst met locaties tonen op een kaart
Github: https://github.com/Geonovum/Webrichtlijnen-Geo/tr ee/master/openbaretoiletten Voorbeeld: https://rawgit.com/Geonovum/Webrichtlijnen-Geo/mas ter/openbaretoiletten/toiletten.html
29 oktober 2014
NCDT – Utrecht
Brentjens Geo-ICT
Route op een kaart
29 oktober 2014
NCDT – Utrecht
Brentjens Geo-ICT
Tekst & kaart route op een kaart
Lijst met straten, carnavalsoptocht, in tekst
Via een API een kaart genereren die de straten toont
Github: https://rawgit.com/Geonovum/Webrichtlijnen-Geo/ma ster/carnavalsoptocht/index.html
29 oktober 2014
NCDT – Utrecht
Brentjens Geo-ICT
Vraag beantwoorden: Geografisch zoeken met een adres
29 oktober 2014
NCDT – Utrecht
Brentjens Geo-ICT
Toegankelijke geo-informatie kaart en geo-informatie zijn geen synoniemen
Een kaart is een middel, geen doel op zichzelf
29 oktober 2014
NCDT – Utrecht
Brentjens Geo-ICT
Toegankelijke geo-informatie mogelijke oplossingen
Case: toon gebruiker of hij/zij met Natura2000 gebieden te maken heef Niet: een kaart met alle Natura2000 gebieden tonen Wel: antwoord op vraag: “Ligt mijn adres bij een Natura 2000 gebied in de buurt?”
29 oktober 2014
NCDT – Utrecht
Brentjens Geo-ICT
Toegankelijke geo-informatie mogelijke oplossingen
Geografische analyse wordt gebruikt om de vraag te beantwoorden Kaart biedt eventueel referentie, maar niet primaire info Adres, locatie van de gebruiker centraal
29 oktober 2014
NCDT – Utrecht
Brentjens Geo-ICT
Toegankelijke geo-informatie mogelijke oplossingen
Stappen: 1 Invoer adres via formulier 2 Zoek coördinaten van adres op (“geocoding”) 3 Bevraag webservice van Natura2000 met coördinaten : ligt er een Natura2000 gebied in de buurt van de coördinaten? 4 Antwoord: als er iets gevonden wordt ja/nee 5 (optioneel) een kaartje erbij als illustratie
29 oktober 2014
NCDT – Utrecht
Brentjens Geo-ICT
Toegankelijke geo-informatie mogelijke oplossingen
Github: https://github.com/Geonovum/Webrichtlijnen-Geo/tr ee/master/natura2000 Live voorbeeld: http://nieuwsinkaart.nl/webrichtlijnen/natura2000/ innatura2000gebiedmetkaart.php
29 oktober 2014
NCDT – Utrecht
Brentjens Geo-ICT
Vragen?
e-mail:
[email protected] twitter: @thijsbrentjens http://brentjensgeoict.nl 29 oktober 2014
NCDT – Utrecht
Brentjens Geo-ICT
Links Code voorbeelden: https://github.com/Geonovum/Webrichtlijnen-Geo Handreiking Geo-informatie en Webrichtlijnen: http://www.geonovum.nl/sites/default/files/Handreiking%20Geo-informatie%20en%20Webrichtlijnen%20-%20Geonovum%20V 1%200%20B%C3%A8ta.pdf
29 oktober 2014
NCDT – Utrecht
Brentjens Geo-ICT
Toegankelijkheid & geo-informatie veelvoorkomende knelpunten
Niet begrijpbare en onnodige gegevens
Veel “knoppen”
Visualisatie: primaire informatie alleen via afbeeldingen
29 oktober 2014
NCDT – Utrecht
Brentjens Geo-ICT
Toegankelijkheid & geo-informatie veelvoorkomende knelpunten
Deel functionaliteit alleen met muis
Matige foutafhandeling voor eindgebruikers
Ongeldige implementatie van web-standaarden
Scheiding structuur en opmaak vaak onvolledig
Slecht leesbare URLs
→ wordt wel beter :)
29 oktober 2014
NCDT – Utrecht
Brentjens Geo-ICT
Visualisatie
29 oktober 2014
NCDT – Utrecht
Brentjens Geo-ICT
Toegankelijkheid & geo-informatie Visualisatie
Visualisatie: primaire informatie alleen onderscheiden door kleur.
29 oktober 2014
NCDT – Utrecht
Brentjens Geo-ICT
Toegankelijkheid & geo-informatie Visualisatie … wordt bij bepaalde kleurenblindheid
29 oktober 2014
NCDT – Utrecht
Brentjens Geo-ICT
Toegankelijke geo-informatie Visualisatie
Beter: met vorm kom je er ook
29 oktober 2014
NCDT – Utrecht
Brentjens Geo-ICT
Toegankelijke geo-informatie Visualisatie
Beter: met vorm kom je er ook
29 oktober 2014
NCDT – Utrecht
Brentjens Geo-ICT
29 oktober 2014
NCDT – Utrecht
Brentjens Geo-ICT
29 oktober 2014
NCDT – Utrecht
Brentjens Geo-ICT