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: <div …. data-location="52.08255, 4.31716"></div> 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
© Copyright 2024 ExpyDoc
