Bezbariérové mapy ZČU bezbariérově pomocí SVG?

Prezentace na téma: "Bezbariérové mapy ZČU bezbariérově pomocí SVG?"— Transkript prezentace:

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

2 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á = +

3 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

4 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

5 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

6 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ů

7 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 " standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" " []> <svg width="100%" height="100%" viewBox=" " xmlns=" xmlns:xlink=" <defs> <symbol id="znacka" overflow="visible"> <polyline fill="none" stroke="red" stroke-width="3" points=" 0, , ,-55 20,-55 20,-35 0,-35 0,0 20,0" /> </symbol> </defs> <use id="tvar" x="200" y="400" xlink:href="#znacka"/> </svg>

8 Modularita znaků

9 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>

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

11 Ř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

12 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ů

13 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 CSS) pomocí příkazu <iframe> Potřeba myši pro zoomování

14

15 Děkujeme za pozornost