NOVÉ GRAFICKÉ UŽIVATELSKÉ ROZHRANÍ (GUI) UŽIVATELSKÁ PŘÍRUČKA TYP DOKUMENTU: NÁVOD VYHOTOVIL: PETR VONDRÁČEK DATUM VYHOTOVENÍ: 29.3.2012 PLATNOST OD: 29.3.2012 CÍLOVÁ SKUPINA: UŽIVATELÉ B2B PORTÁLU GROW VERZE DOKUMENTU: 1 DATUM POSLEDNÍ ZMĚNY: AUTOR ZMĚNY: WAWI / ORGA 1
EVIDENCE ZMĚN: Číslo změny Jméno Datum Změna 1 2 3 4 5 OBSAH Co to je grafické uživatelské rozhraní?... 3 Proč změna gui?... 3 Způsob zapracování nového gui... 3 Výběr zásadních změn obchodních případů (OP)... 4 Nové grafické rozhraní a prvky... 4 Intervalové automatické spouštění databázových dotazů... 5 Cacheování informací přehledových formulářů... 5 Odezva portálu... 5 Výchozí nastavení filtru Datum založení... 6 Detail položek obchodního případu... 6 Hlavičky detailů jednotlivých zpráv... 7 Detail faktury... 7 Kritérium na existenci dané zprávy v přehledu OP... 7 Zpráva CONTROL... 8 přílohy:... 8 WAWI / ORGA 2
SMYSL DOKUMENTU: Smyslem tohoto dokumentu je představení uživatelům v dodavatelských rolí přepracovanou sekci Obchodních případů. CO TO JE GRAFICKÉ UŽIVATELSKÉ ROZHRANÍ? Anglicky Graphical User Interface (GUI) je uživatelské rozhraní, které umožňuje ovládat B2B portál GROW pomocí interaktivních grafických ovládacích prvků tlačítek, filtrů, atp. PROČ ZMĚNA GUI? Spolu s rostoucími potřebami uživatelů a systémů se neustále vyvíjejí informační technologie. Původní stárnoucí technologie dávají vzniknout novým, modernějším, lépe vyhovujícím trendu vývoje aplikací. Portál GROW spatřil světlo světa v roce 2006 a již i na něm se podepisuje tzv. zub času. Uživatelské nároky rok od roku rostou rychlost odezvy přestává být dostačující, toho času nadčasový design se stal zastaralým a s rostoucím počtem úprav se vytrácí přehlednost aplikace. Rozhodli jsme se jít s dobou a portál GROW postupně modernizovat. Začali jsme sekcí Obchodní případy, za kterými budou následovat další. ZPŮSOB ZAPRACOVÁNÍ NOVÉHO GUI Projekt nového GUI je skutečně rozsáhlý a dlouhodobý a tak musíme přepracované formuláře implementovat do aplikace postupně. Portál GROW automaticky vyhodnocuje kroky uživatele a podle situace střídá staré a nové rozhraní. Po přihlášení se do systému se načte portál ve staré známé podobě. Jakmile však dojde k přesměrování na, portál přepne do nového GUI ( ) a podobně se portál chová při přecházení z obchodních případů do jiných formulářů. WAWI / ORGA 3
VÝBĚR ZÁSADNÍCH ZMĚN OBCHODNÍCH PŘÍPADŮ (OP) - Nové grafické rozhraní a prvky - Intervalové automatické spouštění databázových dotazů - Cacheování informací přehledových formulářů - Odezva portálu - Výchozí nastavení filtru Datum založení - Detail položek obchodního případu - Hlavičky detailů jednotlivých zpráv - Detail faktury - Kritérium na existenci dané zprávy v přehledu OP - Zpráva CONTROL NOVÉ GRAFICKÉ ROZHRANÍ A PRVKY Jak je vidět na následujícím obrázku, podoba portálu po grafické stránce dostála mnoha změn. Souhrn ovládacích prvků jsme víceméně ponechali, odstranili jsme jen tlačítko, které se nacházelo na každém formuláři. Za zmínku také stojí možnost listování na konkrétní stránku uvedením čísla stránky, na kterou se uživatel chce přesunout. WAWI / ORGA 4
INTERVALOVÉ AUTOMATICKÉ SPOUŠTĚNÍ DATABÁZOVÝCH DOTAZŮ Již výše zmíněné tlačítko není v nové verzi portálu potřeba, poněvadž výsledné načítání dat probíhá automaticky. Při zadávání či editaci filtru dochází v 1,5 vteřinových intervalech po poslední provedené akci (úhozu klávesou, kliku myší) k automatickému spuštění dotazu a načtení jeho výsledku. Nastavený interval 1,5s slouží jako kompromis uživatelům, kteří hledají přesný výsledek a uživatelům, kteří hledají přibližný výsledek. Pokud uživatel stíhá zadávat filtr do 1,5s, tak dojde ke spuštění dotazu 1,5s po poslední provedené akci a portál tak načte přesný požadovaný výsledek ihned. Pokud uživatel nestihne do 1,5s upřesnit filtraci, dojde k načtení výsledků, které vyhovují aktuálně zadanému filtru (tedy pouze k přibližným výsledkům). Opakováním tohoto kroku tak dochází k postupnému zpřísnění filtrace a až se uživatel dobere ke kýženému výsledku. CACHEOVÁNÍ INFORMACÍ PŘEHLEDOVÝCH FORMULÁŘŮ Při načtení přehledových formulářů dochází k uložení zobrazených výsledků do tzv. cache. Webový prohlížeč si tak zapamatuje načtený výsledek což má za následek rychlé načítání opakovaně navštěvovaných formulářů. Jestliže se uživatel pohybuje mezi přehledovými formuláři (např. Objednávky) a formuláři detailů zpráv (např. Detail objednávky ), dojde vždy k načtení nacacheovaných výsledků a aplikace nemusí opakovaně pouštět tytéž dotazy. ODEZVA PORTÁLU Vlivem výše zmíněných skutečnosti a použité nové technologie se citelně zlepšila odezva portálu. Aplikace vrací výsledek filtrace během několika málo vteřin a načítání detailů zpráv rovněž trvá maximálně vteřiny. WAWI / ORGA 5
VÝCHOZÍ NASTAVENÍ FILTRU DATUM ZALOŽENÍ Pole Datum založení ve všech přehledových formulářích obsahuje vždy výchozí hodnotu nastavenou tak, aby aplikace při prvotním načtení do výsledku zahrnula pouze data stará do 90 dnů od aktuálního data. Pokud uživatel chce hledat data starší 90 dnů, musí tomu přizpůsobit hodnotu filtru. Průzkum ukázal, že uživatele víceméně nezajímají data starší 90 dnů, proto taková hodnota. Jedná se o další z mnoha novinek, která umožnila rychlejší a příjemnější práci s portálem GROW. DETAIL POLOŽEK OBCHODNÍHO PŘÍPADU Formulář detailu položek obchodního případu byl vnořen do formuláře detailu obchodního případu. Detailní informace o položkách tak jsou hned na očích. Dříve byly tyto užitečné informace dosti schované a v nové úpravě uživatel hned vidí množství objednaného, avizovaného, atd zboží. WAWI / ORGA 6
HLAVIČKY DETAILŮ JEDNOTLIVÝCH ZPRÁV Hlavičky detailů zpráv jsou nyní rozděleny do tří sloupců místo stávajících dvou a umístění polí v nich obsažených je sjednocené. Identické informace lze tak v každé zprávě nalézt na stejném místě. Požadované informace v detailech zpráv jsou tak lépe dohledatelné. DETAIL FAKTURY Usoudili jsme, že formulář faktury je příliš rozsáhlý. Abychom ho alespoň trochu zpřehlednili, umístili jsme ceny a slevy položek vedle původně se nacházely pod sebou. KRITÉRIUM NA EXISTENCI DANÉ ZPRÁVY V PŘEHLEDU OP V přehledu obchodních případů vždy bylo možné si vyfiltrovat pouze ty OP, které obsahují\neobsahují danou zprávu. Bohužel implementovaný filtr neumožňoval použít kritérium u neaktivních obchodních případů. Rozvržení filtrů jsme upravili a samotnou funkci filtru pozměnili tak, aby se choval tak jako jeho popis naznačuje. Pokud není vybráno žádné kritérium ANO\NE, výsledkem jsou OP, které danou zprávu obsahují či neobsahují. Pokud jsou vybrány obě kritéria ANO i NE, výsledek je stejný jako v předchozím případě. Pokud je vybráno pouze jedno kritérium dané zprávy, výsledkem jsou vždy jen OP, které danou zprávu obsahují popř. neobsahují. Nové GUI: Staré GUI: WAWI / ORGA 7
ZPRÁVA CONTROL Některé formuláře jako například přehled objednávek obsahují nové pole CONTROL. Toto pole informuje uživatele, zda dodavatel komunikující prostřednictvím kanálu EDI obdržel objednávku a tuto skutečnost nám sdělil. PŘÍLOHY: WAWI / ORGA 8