Geo-informatie en toegankelijkheid Technische sessie. NCDT 29 oktober 2014 Thijs Brentjens

Transcriptie

1 Geo-informatie en toegankelijkheid Technische sessie NCDT 29 oktober 2014 Thijs Brentjens

2 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

3 Lijst met locaties op een kaart Voorbeelden Statisch: HTML/CSS Interactief: HTML data-attributen + Javascript Interactief: Data uit JSON bestand + Javascript

4 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

5 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: /master/overzichtministeries-css Voorbeeld: ter/overzichtministeries-css/index.html

6 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: <div. data-location=" , "></div> HTMAPL loopt door HTML en extraheert locaties Goed indexeerbaar door zoekmachines

7 Tekst & kaart een lijst met locaties tonen op een kaart Github: ee/master/overzichtministeries-htmapl Voorbeeld: ster/overzichtministeries-htmapl/index.html

8 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

9 Tekst & kaart een lijst met locaties tonen op een kaart Github: ee/master/openbaretoiletten Voorbeeld: ter/openbaretoiletten/toiletten.html

10 Route op een kaart

11 Tekst & kaart route op een kaart Lijst met straten, carnavalsoptocht, in tekst Via een API een kaart genereren die de straten toont Github: ster/carnavalsoptocht/index.html

12 Vraag beantwoorden: Geografisch zoeken met een adres

13 Toegankelijke geo-informatie kaart en geo-informatie zijn geen synoniemen Een kaart is een middel, geen doel op zichzelf

14 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?

15 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

16 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

17 Toegankelijke geo-informatie mogelijke oplossingen Github: ee/master/natura2000 Live voorbeeld: innatura2000gebiedmetkaart.php

18 Vragen?

19 Links Code voorbeelden: Handreiking Geo-informatie en Webrichtlijnen: 1%200%20B%C3%A8ta.pdf

20 Toegankelijkheid & geo-informatie veelvoorkomende knelpunten Niet begrijpbare en onnodige gegevens Veel knoppen Visualisatie: primaire informatie alleen via afbeeldingen

21 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 :)

22 Visualisatie

23 Toegankelijkheid & geo-informatie Visualisatie Visualisatie: primaire informatie alleen onderscheiden door kleur.

24 Toegankelijkheid & geo-informatie Visualisatie wordt bij bepaalde kleurenblindheid

25 Toegankelijke geo-informatie Visualisatie Beter: met vorm kom je er ook

26 Toegankelijke geo-informatie Visualisatie Beter: met vorm kom je er ook

27

28