• Save
2009 Uživatelské rozhraní webových aplikací
Upcoming SlideShare
Loading in...5
×
 

2009 Uživatelské rozhraní webových aplikací

on

  • 1,380 views

Uživatelské rozhraní webových aplikací

Uživatelské rozhraní webových aplikací

Statistics

Views

Total Views
1,380
Views on SlideShare
1,378
Embed Views
2

Actions

Likes
0
Downloads
0
Comments
0

1 Embed 2

http://www.slideshare.net 2

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    2009 Uživatelské rozhraní webových aplikací 2009 Uživatelské rozhraní webových aplikací Presentation Transcript

    • Copyright © 2007 KOMIX s.r.o. Martin Ptáček , KOMIX s.r.o. Praha Uživatelské rozhraní webových aplikací
    • Obsah prezentace Obecné principy a pravidla Základní komponenty webového rozhraní Pokročilé komponenty moderního rozhraní Ovládání, Tisk Grafický manuál
      • Rychlá odezva a efektivní zpracování
        • Efektivní využívání databázových spojení
        • Asynchronní zpracování business procesů
        • Využití chytrých vyrovnávacích pamětí
        • Technologie AJAX
      • Uživatelské sezení (HTTP Session)
      • Podpora webových prohlížečů
      Obecné principy a pravidla
      • Connection Pool
        • Efektivní správa databázových spojení
        • Spojení je použito pouze při zpracovávání požadavku
        • Počet uživatelů nerovná se počet databázových spojení
      • Omezení
        • Jednotný přístup do databáze
        • Nemožnost použití pesimistického zamykání
        • Nemožnost použití otevřených kursorů mezi zpracováváním jednotlivých požadavků
      Rychlá odezva a efektivní zpracování Efektivní využívání databázových spojení
      • JMS (Java Message Service)
        • Zpracování front (Queue) probíhá asynchronně
        • Spolehlivá komunikace, persistence
        • Škálovatelnost zpracovatelů jednotlivých front
      • Použití
        • Generování dokumentů, reportů a sestav
        • Hromadné akce
        • Servisní akce
      • Předpoklad
        • Jednotný systém notifikací koncových uživatelů
          • Email, Rozhraní webové aplikace
      Rychlá odezva a efektivní zpracování Asynchronní zpracování business procesů
      • Vyrovnávací paměť
        • Uchovávání statických či dlouhodobě stálých dat
        • Možnost nastavení
          • Časové platnosti
          • Algoritmu výběru
          • Maximální velikosti vyrovnávací paměti
          • Možnost diskové persistence
      • Použití
        • Číselníky
        • Neměnné entity např. subjekty
        • atd.
      Rychlá odezva a efektivní zpracování Využití chytrých vyrovnávacích pamětí
      • AJAX
        • Asynchronous JavaScript and XML
        • Změna obsahu stránky bez nutnosti znovunačítání
        • Interaktivní uživatelské rozhraní
        • Efektivní využití výkonu serveru obsluhujícího požadavky
        • Snazší vývoj
        • Znovupoužitelnost komponent
      • Použití
        • Moderní komponenty
        • Možnost vytvářet plně interaktivní komponenty tak, jak je známe z desktopových aplikací
      Rychlá odezva a efektivní zpracování Technologie AJAX
      • HTTP Session
        • Uživatelské sezení vytvářeno na straně serveru
        • Možnost uchovávání dat mezi jednotlivými požadavky
        • Časová platnost sezení
      • Použití
        • Přednastavené hodnoty vyhledávání filtrů
        • Přednastavené navigační prvky
      • Omezení
        • Více záložek v jednom prohlížeči = stále jedno sezení
        • Omezená velikost
      Uživatelské sezení (HTTP Session)
      • Nové prohlížeče
        • Firefox 3, Firefox 3.5, Google Chrome, Opera 9, Safari 3, Safari 4, IE8
      • Starší prohlížeče
        • IE6, IE7
      • Použití JavaScript Prototype.js
        • Transparentní využívání JavaScript funkcí bez nutností znalosti drobných rozdílů interpretace v různých prohlížečích
      Podpora webových prohlížečů
      • Základní komponenty
        • Odkazy, tlačítka, tabulka, formulář, záložky, menu
      • Pokročilé (Advanced) komponenty
        • Kalendář
        • Strom
        • Okna
        • DropDown, ProgressBar, Autocomplete (našeptávač), Growler (upozorňovač), Indicator (indikátor stavu)
        • Specifické komponenty na míru
      Rozhraní prezentační vrstvy
      • Odkazy
        • Podtržený text
        • Změna barvy při najetí pro snadnou orientaci
      • Tlačítka
        • Jednoduchá
        • Specifická, designovaná na míru
        • Primární a sekundární akce
      Základní komponenty Odkazy a tlačítka
      • Tabulka
        • Třízení
          • Klientské, Serverové
        • Filtrování
          • Jednoduché
          • Rozšířené
        • Stránkování
        • Pohyblivé sloupce
        • Tabulka s pevnou hlavičkou
        • Způsoby zobrazování řádků tabulky
          • Klasické, víceřádkové, specifické
      Základní komponenty Tabulka
      • Formulář
        • Komponenty
          • Text Input, Password Input
          • ComboBox, RadioButton, CheckBox
        • Klientské validace
        • Serverové validace
        • Odesílání formuláře
        • Označování povinných polí
        • Navigace
      Základní komponenty Formulář
      • Záložky
        • Malé, střední, velké
        • Vertikální, horizontální
        • Specifické
      • Menu
        • Vertikální, horizontální
        • DropDown
        • Specifické
      • Grafické znázornění vybrané položky
      Základní komponenty Záložky, menu
      • Kalendář
        • Možnost jednoduchého zadání datumu
        • Ideální jako doplnění, nikoliv jako jediná možnost
        • Různé implementace
          • Vyhledáváni měsíců, roků
          • Jednoduché určení dnešního datumu
      Pokročilé (Advanced) komponenty Kalendář
      • Strom
        • Plně interaktivní
        • Rychlá navigace
        • Efektivní zobrazení hierarchie
        • Statický
        • Dynamický
      Pokročilé (Advanced) komponenty Strom
      • Okna
        • Editační formuláře
          • Zakládání, editace
        • Zobrazování detailních informací
        • Modální okna
        • Konfirmační okna
      Pokročilé (Advanced) komponenty Okna
      • DropDown
        • Snadné skrývání a odkrývání obsahu
      • Autocomplete
        • Snadné vyhledávání informací
      • Growler
        • Informování uživatele o stavu předchozí akce
      • Indicator
        • Indikace komunikace se serverem
      Pokročilé (Advanced) komponenty DropDown, Autocomplete, Growler, Indicator
      • ProgressBar
        • Snadná indikace poměru
      • Ukázka komponent ve webové aplikaci ProjectX
        • http://www.youtube.com/watch?v=6qiKzTrPbx4
      Pokročilé (Advanced) komponenty Specifické komponenty
      • Ovládání
        • Myš, kolečko myši
        • Klávesnice
          • Pohyb po formuláři
          • Klávesové zkratky, Accesskey (ALT+x)
      • Tisk
        • Nativní podpora tisku přímo z webového prohlížeče
        • Tisk generovaných dokumentů
          • PDF, XLS, DOC atd.
      Ovládání, Tisk
      • GM
        • Základní styl
          • Font, velikost písma, barvy
          • Odkazy
          • Hlavička
          • Nadpisy, odstavce, seznamy
        • Styl jednotlivých komponent
          • Tabulka, Formulář, Záložka, Menu atd.
        • Styl jednotlivých komponent pro tisk
        • Layout
        • Ikony
        • Ovládání, klávesové zkratky
      Grafický manuál
    • Děkuji za vaši pozornost Martin Ptáček [email_address] +420 225 989 981 KOMIX s.r.o. Holubova 1, 150 00 Praha 5 www.komix.cz