PV072 – Seminář z asistivních technologií Jaromír Plhák xplhak@fi.muni.cz C:\Users\xplhak\Desktop\filogo.png 1/18 Úvodní hodina © J. Plhák, 27. 9. 2012 PV072, Podzim 2012 I:\!OP_VpK_Socialni_informatika\!Dokumenty\Loga\plna-verze\OPVK_MU_rgb.tif •Zápočet jako kolokvium •Povinná účast na seminářích –Maximálně 3 neomluvené neúčasti –Čt 16 – 17:30, C511 –Aktivní účast v diskuzi •Účast na jedné z akcí –Exkurze do Střediska Teiresiás –Veřejná přednáška v rámci oboru Sociální informatika •Testování dialogové aplikace PV072, Podzim 2012 Úvodní hodina C:\Users\xplhak\Desktop\filogo.png 2/18 Organizace předmětu (1) prezentace © J. Plhák, 27. 9. 2012 •Prezentace na zvolené téma •1 - 2 studenti představí svou prezentaci na zvolené téma –Cca 20 minut –Stručný popis současného stavu v dané oblasti –Zaměřit se na zajímavé aspekty –Pokusit se přidat nějaké nápady –Diskutovat současná řešení –Pokusím se doplnit zajímavosti • • © J. Plhák, 27. 9. 2012 PV072, Podzim 2012 Úvodní hodina C:\Users\xplhak\Desktop\filogo.png 3/18 Organizace předmětu (2) student presentation.jpg •Tým zabývající se asistivními technologiemi: –Dialogové systémy –Zpracování řeči •Tým zabývající se podobnostním hledáním: –Metrické prostory –Databáze •Možnost zapojení –V podobě bakalářské –(diplomové) práce •http://lsd.fi.muni.cz © J. Plhák, 27. 9. 2012 PV072, Podzim 2012 Úvodní hodina C:\Users\xplhak\Desktop\filogo.png Laboratoř vyhledávání a dialogu 17-lsd-en 4/18 •Grant: –Dialogové generování webovských prezentací a grafiky pro zrakově postižené; –2007 – 2010 •Vytvořený software: –WebGen –Picture generator –Zkoumání grafiky: •Dialogem •Sonifikace • © J. Plhák, 27. 9. 2012 PV072, Podzim 2012 Úvodní hodina C:\Users\xplhak\Desktop\filogo.png Projekty laboratoře LSD GACR_logo 5/18 •Snadná tvorba vlastních stránek pro zrakově postižené uživatele Internetu a běžné počítačové uživatele •Využití přirozené formy komunikace pomocí dialogu pro tvoření webových stránek •Alternativa k WYSIWYG a CMS aplikacím pro tvorbu a správu webových prezentací © J. Plhák, 27. 9. 2012 PV072, Podzim 2012 Úvodní hodina C:\Users\xplhak\Desktop\filogo.png WebGen - motivace 6/18 •Jednoduchá, rychlá a intuitivní webová aplikace •Vstup - klávesnice (klávesnice, mikrofon) •Výstup - displej monitoru (syntéza řeči) •Uživatel nemusí znát užitou technologii, komunikuje výhradně pomocí dialogu •Splnění webových standardů a pravidel přístupnosti (WCAG, WAI-ARIA) •Velký počet typů stránek a grafických stylů •Vysoká úroveň kvality vygenerovaných stránek © J. Plhák, 27. 9. 2012 PV072, Podzim 2012 Úvodní hodina C:\Users\xplhak\Desktop\filogo.png WebGen - cíle 7/18 •Vkládaní informací (odpovědí) do HTML formuláře •Nevidomí uživatelé „čtou“ webovou stránku pomocí odčítačů obrazovky •Stránka je měněna dynamicky pomocí JavaScriptu zasahujícího do DOM objektu •Další funkcionalita: –Echo –Informování o rozbalení či sbalení menu –Kontrola vstupu pomocí regulárního výrazu • © J. Plhák, 27. 9. 2012 PV072, Podzim 2012 Úvodní hodina C:\Users\xplhak\Desktop\filogo.png WebGen - principy 8/18 •XHTML •PHP •XML (XSL) •JavaScript (AJAX) • © J. Plhák, 27. 9. 2012 PV072, Podzim 2012 Úvodní hodina C:\Users\xplhak\Desktop\filogo.png WebGen - technologie blog 9/18 •Osobní stránky •Blog •Galerie: –obrázky, fotografie © J. Plhák, 27. 9. 2012 PV072, Podzim 2012 Úvodní hodina C:\Users\xplhak\Desktop\filogo.png WebGen – typy prezentací webpage 10/18 •Umožnit generování obrázků nevidomým: –Dialogový systém –Pomocí přirozené řeči •Možnost snadného generování jednoduchých obrázků (elektronických přání) bez užití grafického editoru © J. Plhák, 27. 9. 2012 PV072, Podzim 2012 Úvodní hodina C:\Users\xplhak\Desktop\filogo.png Picture generator - motivace 11/18 •Přirozené a snadné generovaní pro uživatele •Obsáhnout velké množství objektů •Využití ontologií: –Zefektivnění generování –Nahrazování objektů nenacházejících se v databázi graficky obdobnými (jasan vs. listnatý strom) • © J. Plhák, 27. 9. 2012 PV072, Podzim 2012 Úvodní hodina C:\Users\xplhak\Desktop\filogo.png Picture generator - cíle 12/18 •Technologie: –PHP –JavaScript (AJAX) –SVG •Rozdělení prostoru na • kvadranty: –Označené jako na numerické klávesnici –Podprostory označené tečkovou (pomlčkovou) notací •SVG obrázky v databázi © J. Plhák, 27. 9. 2012 PV072, Podzim 2012 Úvodní hodina C:\Users\xplhak\Desktop\filogo.png Picture generator - implementace ctverec 13/18 •Výběr pozadí •Vložení objektů / textu do jednotlivých kvadrantů •Vygenerování SVG obrázku © J. Plhák, 27. 9. 2012 PV072, Podzim 2012 Úvodní hodina C:\Users\xplhak\Desktop\filogo.png Picture generator - generování 14/18 C:\Users\xplhak\Desktop\filogo.png Picture generator - ukázka http://andromeda.fi.muni.cz/gate/picture-generator U: Put a comet in the sector 9. U: Put a snowman into the bottom left corner. U: Write the text „Merry Christmas and Happy New Year“ into the horizontal center, color yellow. U: Write the text „PF 2010“ into the bottom right corner, color blue. U: Set background to snowflakes. U: Generate. © J. Plhák, 27. 9. 2012 PV072, Podzim 2012 Úvodní hodina 15/18 •Pomocí dialogu chceme předat uživateli informace o: –Celkové kompozici (krajina s lidmi) –Objektech na obrázku •Dotazujeme se pomocí dotazů typu: –„Co je kde?“ –„Kde je co?“ •Opačný postup ke generování: –Nutné mít dobře popsaný obrázek © J. Plhák, 27. 9. 2012 PV072, Podzim 2012 Úvodní hodina C:\Users\xplhak\Desktop\filogo.png Zkoumání grafiky 16/18 C:\Users\xplhak\Desktop\filogo.png Zkoumání grafiky - ukázka http://andromeda.fi.muni.cz/gate/picture-viewer © J. Plhák, 27. 9. 2012 PV072, Podzim 2012 Úvodní hodina 17/18 •Převod informací pixelu do zvukové podoby: –Barva aktuálního pixelu •Doplňující modul ke zkoumání obrázku dialogem: –Uživatel může získat další informace o daném sektoru (např. rozložení objektů) •Praktická ukázka PV072, Podzim 2012 Úvodní hodina C:\Users\xplhak\Desktop\filogo.png Sonifikace © J. Plhák, 27. 9. 2012 18/18 •Děkuji za pozornost! PV072, Podzim 2012 Úvodní hodina C:\Users\xplhak\Desktop\filogo.png kruhovy-trenink.png I:\!OP_VpK_Socialni_informatika\!Dokumenty\Loga\plna-verze\OPVK_MU_vertikal_rgb.tif © J. Plhák, 27. 9. 2012