Bezbariérové mapy ZČU bezbariérově pomocí SVG? Jana Sýkorová Klára Špicelová Vedoucí prací: Ing. et. Mgr. Otakar Čerba

2 in 1 Bezbariérové mapy Západočeské univerzity nejen pro handicapované Klára Špicelová Možnosti tvorby kartografických symbolů ve formátu SVG Jana Sýkorová = +

Obsah bezbariérových map Tématická stránka – náplň pokrývá potřeby handicapovaných studentů (zjišťováno průzkumem a z literatury) Bezbariérový přístup – výtahy, WC, parkování, IT řešení – PC učebny, WiFi síť, možnosti kopírování, tisku Přítomnost nápojových automatů, možnosti stravování Zvýraznění schodů a překážek kontrastní barvou Další informace – poradenská centra, knihovny, studovny, speciální vybavení učeben

Pravidla tvorby digitálních map Podobnost jasné zvýraznění tématu přítomnost informací o obsahu mapy (legenda), metadata (odpovídá tiráží) přehlednost a srozumitelnost dokumentu mapa se nespoléhá pouze na rozlišení pomocí barev … Pravidla tvorby přístupného webu Pravidla pro tvorbu kartograficky správných map Odvozená pravidla pro tvorbu webové mapy Pravidla pro tvorbu webových map

Specifické požadavky na mapu Zohlednit různorodost uživatelů Požadavky na mapy Uživatel Přehlednost a srozumitelnost (jak tématu, tak symbolů a ovládání) Poruchy soustředění, nezkušený uživatel Vhodná barevnost mapy Poruchy barvocitu – deuteranopie, jiné zobrazovací zařízení Alternativní zobrazení mapy (např. vyšší kontrast, textový popis mapy, zvukový záznam, pouze obrázek) Browser nepodporuje daný formát, nevidomý uživatel, Možnost pracovat jen s klávesnicí Horší motorika, nepoužívá myš, jiné ovládací zařízení Libovolné přiblížení/oddálení mapy Osoby s vadou zraku

SVG v kartografii W3C doporučení pro 2D vektorovou grafiku Založený na XML Snadné zoomování a posun Velké možnosti pomocí scriptování (propojení s jinými dokumenty, vrstvy …) Definování vlastních kartografický znaků

Figurální znaky pomocí SVG Tvorba značky (pomocí <symbol> v části <defs>a její užití v dokumentu pomocí <use> <?xml version="1.0" encoding="iso-8859-1" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" []> <svg width="100%" height="100%" viewBox="0 0 1024 768" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="znacka" overflow="visible"> <polyline fill="none" stroke="red" stroke-width="3" points=" 0,-35 -20,-35 -20,-55 20,-55 20,-35 0,-35 0,0 20,0" /> </symbol> </defs> <use id="tvar" x="200" y="400" xlink:href="#znacka"/> </svg>

Modularita znaků

Skládání znaků id="vytah" id="slepec" id="vozickar" <symbol id="vytahSlepec" overflow="visible"> <use x="0" y="0" xlink:href="#vytah"/> <use x=" 1.90" y="2" xlink:href="#slepec"/> <use x=" 2.10" y="4" xlink:href="#vozickar" transform="scale(-0.5,0.5)"/> </symbol>

Přehled vytvořených znaků Snaha o vytvoření snadno pochopitelných znaků – požadavek přístupnosti

Řešení nedostatků znaků Použití textu ve znacích Ukázalo se jako nevhodné neboť prohlížeče různě přibližují text a obrázky Vhodnější je písmena nadefinovat např. elementem <path> (znak je konzistentní) zobrazení ve Firefox 2 Barevnost znaků Pokud chceme měnit barvu symbolu, nedefinujeme Neproměnlivé barvy nadefinovány již v základních geometrických primitivech Proměnlivé barvy definujeme při vkládání symbolu (<use>) Problém u složených znaků – pouze jedna volitelná výplň a jeden obrys

SVG – nepřístupný formát Textový formát, stačí jednoduchý editor (Poznámkový blok) Popis prvků atributy <desc> a <title> - měly by se zobrazit jako nápověda u grafických prohlížečů, jako zvuk u hlasových syntetizátorů Snadná modifikace mapy – vytvoření více verzí pro různé uživatele, nejlépe pomocí CSS SVG podporuje DOM -velké možnosti rozšíření pomocí JavaScriptu (např. ovládání), DOM může být využíván i pomocnými technologiemi či čtečky obrazovky. Definování vlastních symbolů

SVG – nepřístupný formát Nedostatečná podpora prohlížečů Použití novějšího prohlížeče, příp. navíc instalace pluginu (Adobe SVG Viewer) Různé zobrazování v různých prohlížečích – především alternativních popisů SVG mapa nepoužita samostatně, ale umístěna do webové stránky (XHTML 1.0 + CSS) pomocí příkazu <iframe> Potřeba myši pro zoomování

Děkujeme za pozornost