Od webu k aplikaci
Co přesně se změní, když má produkt uživatele, data a stavy. A proč se to musí promyslet dopředu.
11 minlekce 62/107
Po lekci umíš
- Rozumíš rozdílu mezi webem a aplikací
- Víš, které tři věci aplikaci komplikují
- Umíš odhadnout, jestli tvůj nápad je web, nebo aplikace
Obsah lekce (4)
Web, který jsi postavil v modulu 5, byl ve své podstatě jednoduchý: obsah je daný, každý návštěvník vidí totéž, po odchodu nic nezůstává.
Aplikace přidává tři věci a každá z nich mění pravidla.
Tři věci, které to mění
Data, která zůstávají
Uživatel něco vytvoří a příště to tam pořád je. Někde se to musí uložit a odněkud načíst.
Různí lidé vidí různé věci
Moje objednávky nejsou tvoje objednávky. Vzniká přihlašování a otázka, kdo smí co.
Stavy
Objednávka je nová, zaplacená, odeslaná nebo zrušená. Každý stav vypadá jinak a povoluje jiné akce.
Web, nebo aplikace?
Praktický test na tvůj nápad:
| Otázka | Když ano |
|---|---|
| Musí si to pamatovat, co uživatel udělal? | Aplikace |
| Vidí každý uživatel něco jiného? | Aplikace |
| Mění se obsah bez toho, abys ho měnil ty? | Aplikace |
| Jen ukazuješ informace, které sám spravuješ? | Web |
Co to znamená pro stavbu
Web
- Stavíš stránku po stránce.
- Změna jedné stránky neovlivní ostatní.
- Zkontroluješ okem.
- Rozbité je hned vidět.
Aplikace
- Nejdřív rozmyslíš data a obrazovky.
- Změna dat se dotkne všeho, co je používá.
- Musíš procházet situace, ne jen stránky.
- Rozbité se pozná až v konkrétním stavu.
Poslední řádek je ten nepříjemný. Aplikace může vypadat perfektně a být rozbitá pro uživatele, který má prázdný seznam, nebo pro toho, kdo má sto položek.
Čtyři stavy každé obrazovky
Zapamatuj si tenhle seznam. Budeš ho používat u každé obrazovky, kterou postavíš.
Prázdno
Uživatel nemá žádná data. První dojem z aplikace – a nejčastěji zapomenutý stav.
Načítání
Data se berou ze serveru a chvíli to trvá. Bez toho stránka „blikne“ nebo chvíli vypadá rozbitě.
Obsah
Normální stav, jediný, který obvykle někdo navrhne.
Chyba
Nepodařilo se to načíst. Musí být vidět, že je problém, a co s tím.
Zkontroluj čtyři stavy
U každé obrazovky, která pracuje s daty.
Projdi tuhle obrazovku a řekni mi, jak se chová ve čtyřech situacích:
1. Uživatel nemá žádná data.
2. Data se ještě načítají.
3. Data jsou načtená (běžný stav).
4. Načtení selhalo.
U každé napiš, co uživatel uvidí. Kde chybí ošetření, navrhni,
co tam má být – včetně textu, který se zobrazí. Česky.Zkus to teď
Vezmi svůj nápad na aplikaci a odpověz na tři otázky:
- Co si musí pamatovat?
- Vidí různí lidé různé věci?
- Má něco v aplikaci stavy (nové / rozpracované / hotové)?
Odpovědi si nech, v příští lekci z nich uděláš zadání.
Co si odnést
- Aplikaci od webu dělí data, uživatelé a stavy.
- Než postavíš aplikaci, zvaž, jestli první verze nemůže být jednodušší.
- U aplikace se nekontrolují stránky, ale situace.
- Každá obrazovka s daty má čtyři stavy: prázdno, načítání, obsah, chyba.
Máš to za sebou?
Označ lekci jako hotovou, ať víš, kde jsi skončil. Nic se tím neuzamkne.
Další lekceNávrh dřív než kódObsah aktualizován: 21. srpna 2026