elektronická verzia publikácie - FIIT STU - Slovenská technická ...

Návrhové vzory 29
Vytváranie a editovanie
Návrh nástrojov pre tvorbu a úpravu obsahu, editorov, je komplikovanejší ako návrh nástrojov
urených len na prehliadanie obsahu. Komplikácie sú spôsobené pridaním dodatonej
funkcionality a nutnosou zachova rozhranie zrozumitené aj v režime úpravy obsahu.
Vzor Editácia na mieste (obrázok 1-19) používa pre úpravu obsahu malý editor, ktorý
sa otvorí na mieste pôvodného obsahu. Umiestnenie editora presne na mieste obsahu,
ktorý práve upravuje, zachováva používateove sústredenie a nevyžaduje od používatea
hada prípadné nové okno editora na inom mieste v rozhraní. Editor sa zvyajne otvorí
dvojklikom na text, ktorý chceme upravi.
Obrázok 1-19. Editácia na mieste (angl. Edit-in-Place).
Vzor Inteligentné oznaenie (angl. Smart Selection) zjednodušuje vyznaovanie koherentnej
skupiny objektov ako napr. vyznaenie celej vety v textovom editore alebo súvislej oblasti
pixelov rovnakej farby v grafickom editore. Nie všetci používatelia sú schopní vykonáva
precízne koordinované pohyby myšou (alebo iným vstupným zariadením), a preto netriviálne
vyznaenie obsahu im môže spôsobova problémy. Používateom sa takto zjednoduší
práca tým, že proces vyznaovania je podporený inteligentným algoritmom.
1.5.3 Vzory pre web
Webové stránky sa líšia od desktopových aplikácií a pre návrh webových stránok sú preto
potrebné odlišné prístupy ako sme doteraz spomínali. Hlavný rozdiel webových stránok
(aplikácií) oproti klasickým desktopovým aplikáciám je ten, že as aplikácie je umiestnená
na serveri. Výhodou je, že všetci používatelia ahko prejdú na novšiu verziu, pretože staí
verziu upravi na serveri a pri najbližšej návšteve servera sa používateom spustí už nová
verzia. Nevýhodou je vyššia latencia pri práci, súvisiaca s asom potrebným na prenos
požiadavky a odpovede po sieti, a skutonos, že rôznym používateom sa môže stránka
zobrazi na iných zariadeniach alebo prehliadaoch odlišne. Z tohto dôvodu sa pri návrhu
webových stránok a aplikácií kladie hlavný dôraz na funknos obsahu, a nie na integritu
alebo identitu zobrazenia.
Pohyb medzi webovými stránkami zabezpeujú odkazy, a preto vzory pre navigáciu
sú prirodzene aplikovatené aj pri návrhu webových stránok a sídiel. Stále viac sú tu tiež
užitoné aj ostatné typy vzorov, keže najnovší trend vo vývoji webových stránok sa posúva
od statických HTML stránok smerom k dynamickým webovým aplikáciám realizovanými
technológiami AJAX, Macromedia Flash a Microsoft Silverlight. Knižnice vzorov ako
napr. Yahoo! Design Pattern Library 9 a Interaction Design Pattern Library 10 (Welie, 2008) obsahujú
asto používané prvky na webových stránkach.
9
Yahoo! Design Pattern Library, http://developer.yahoo.com/ypatterns/
10
Interaction Design Pattern Library, http://www.welie.com/patterns/