it-swarm-eu.dev

Navrhování webového rozhraní pro spouštění dlouhotrvajících dávkových procesů

Hledám příklad aplikace „webového portálu“, která má dobře provedené a snadno naučitelné uživatelské rozhraní.

„Webovým portálem“ mám na mysli webové rozhraní pro dávkově zpracovaný systém, který provádí výpočetně náročné a dlouhodobé úlohy. Typický pracovní postup je něco jako:

  1. Přihlaste se na web.
  2. Určete některé parametry úlohy.
  3. Možná nahrajte jeden nebo více vstupních souborů.
  4. Vykopni práci.
  5. Zkontrolujte stav úlohy (zahájeno? Probíhá? Dokončeno?).
  6. Stáhněte si výsledky dokončené úlohy.

Hledám příklad : příklad existující webové aplikace s podobným pracovním postupem, který má solidní uživatelské rozhraní, zejména z pohledu nových uživatelů, kteří toto rozhraní ještě nikdy neviděli.

Poznámka: původně se zeptal na Stack Overflow , ale zdá se, že se lépe hodí pro ui.

11
Lorin Hochstein

Děláme to úplně na SmartyStreets . Uživatelé nahrávají soubory s potenciálně miliony adres v nich a my je ověřujeme a standardizujeme/duplikujeme, atd. Je to velmi náročné na procesor a dokonce i s kmenovými daty načtenými na jednotku RAM, miliony adres zabere několik hodin (mimochodem, pro tuto částku je to velmi rychlé ...).

Může být také důležité navrhnout uživatelské rozhraní, které může podporovat desítky úloh spuštěných paralelně. Například naše serverové uzly se rozšiřují a můžeme podporovat mnoho souborů najednou. Uživatelé budou potřebovat efektivní způsob, jak zobrazit stav a spravovat je. V roce 2011 jsme vylepšili naše uživatelské rozhraní a to je to, s čím jsme přišli.


Zde je 30sekundové video ukazující, jak celý proces funguje a jak rozhraní reaguje na aktuální stav úlohy (úloh). Pokud chcete, můžete vyzkoušet sami od tato stránka (zdarma, nebojte se ...).


Screenshoty pracovního postupu ... trvá asi 30 sekund až několik minut, v závislosti na vašich souborech.

Upload list

Nahrajte svůj seznam

See the file uploading

Viz nahrání souboru

Map the fields

Mapujte pole (probíhá automaticky; stačí potvrdit, že automatická mapa byla správná)

Stay up-to-date with the current status

Zůstaňte v kontaktu s tím, co se nyní děje


Všimněte si, že jakmile seznam začne zpracovávat, uživatel se může vrátit a nahrát více, které seznamy budou zpracovány paralelně v reálném čase. Seznamy lze kdykoli zrušit/smazat a po dokončení je lze stáhnout. Pokud byl seznam stažen alespoň jednou, zobrazí se zaškrtnutí.

Toto je vlastně stárnoucí návrh, který plánujeme upgradovat. Bude se to cítit spíš jako moderní, responzivní webová aplikace.

Ještě stojí za zmínku, že jsme mnohokrát změnili vzhled stránky „dashboard“ účtu a tento návrh inicioval nejmenší volání/e-maily podpory a zákazníci to rádi viděli na první pohled. První uživatelé mají tendenci shledávat, že se s ním dostanou docela rychle.

5
Matt

Nevím o konkrétním příkladu, ale zvážil bych následující:

Vypadá to, že chcete, aby se na hlavní stránce zobrazovaly úlohy, které byly zadány do systému. Každá úloha by měla mít stav (např. Čekající, spuštěný, dokončený), který je jasně označen, protože to je pravděpodobně nejdůležitější informace. Můžete dokonce chtít jasně oddělit úlohy podle stavu - například je zobrazit ve třech samostatných seznamech.

Každá spuštěná úloha by měla ukazovat její aktuální trvání a předpokládaný čas dokončení, pokud je to možné. Dokončené úlohy mohou zobrazovat délku trvání a pokud je to možné, čekající úlohy mohou zobrazovat odhadovaný čas zahájení.

Pokud jsou úlohy na uživatele, budete chtít zvážit, zda jeden uživatel může vidět úlohy jiného uživatele.

Pravděpodobně budete chtít akce „řízení úlohy“ (např. Zastavení spuštěné úlohy, smazání dokončené úlohy atd.) Možná budete také chtít, aby nějaký druh systému priorit určoval pořadí, ve kterém budou úlohy zpracovávány. Nebo je jednoduše zobrazte ve frontě a nechte je uspořádat například přetažením.

3
Bobby Jack