Web app neboli webová aplikace je program, který běží v internetovém prohlížeči. Nestahuje se z obchodu s aplikacemi. Stačí otevřít adresu, případně se přihlásit, a můžete pracovat. Zvláštním typem je progresivní webová aplikace (PWA). Tu lze do zařízení i nainstalovat a pak se používá podobně jako běžná aplikace.
V článku najdete, čím se webová aplikace liší od obyčejné webové stránky a od nativní aplikace, co navíc umí PWA, jaké má webová aplikace výhody a omezení a podle čeho se může firma rozhodnout, co doopravdy potřebuje.
Co je webová aplikace (web app)
Webová aplikace je software, který běží v prohlížeči na počítači, tabletu nebo telefonu a využívá webové technologie. Uživatel nic neinstaluje, stačí mu prohlížeč a adresa.
Pro představu, k čemu se webové aplikace obvykle používají:
- e-mailová schránka, se kterou pracujete přímo v prohlížeči,
- online kancelářské nástroje na dokumenty a tabulky,
- internetové bankovnictví,
- rezervační a objednávkové systémy, interní firemní systémy nebo CRM.
Webová stránka vs. webová aplikace
Zjednodušeně řečeno: webová stránka hlavně předává obsah, webová aplikace umožňuje uživateli něco dělat.
- Webová stránka představuje firmu, služby nebo články. Návštěvník ji především čte a prohlíží.
- Webová aplikace pracuje s daty uživatele. Člověk se přihlásí, něco vyplní, uloží, objedná, zarezervuje nebo spravuje.
Hranice mezi nimi je plynulá. Firemní web s poptávkovým formulářem, online kalkulačkou nebo rezervacemi už obsahuje prvky aplikace. Velká aplikace zase obvykle mívá i běžné informační stránky. Při rozhodování proto víc záleží na tom, co mají uživatelé na webu udělat, než na tom, jak se výsledek nazývá.
Co je PWA (progresivní webová aplikace)
Podle MDN Web Docs je progresivní webová aplikace (PWA) aplikace postavená na technologiích webové platformy, která ale nabízí uživatelský zážitek podobný aplikaci určené pro konkrétní platformu. Z této dokumentace vychází celý přehled níže i srovnání v další sekci.
Co PWA umožňuje
- Jeden kód pro více zařízení. Stejně jako web může PWA běžet na více platformách a zařízeních z jednoho kódu.
- Instalace, offline režim a běh na pozadí. PWA lze nainstalovat do zařízení. Může fungovat offline i na pozadí a může se propojit se zařízením a s dalšími nainstalovanými aplikacemi.
- Spouštění jako běžná aplikace. Po instalaci se PWA uživateli jeví jako běžná aplikace, kterou spouští přímo z operačního systému.
Na čem to stojí
PWA se skládá z běžných webových technologií a funkcí, které nabízí prohlížeč. Dva příklady, které ukazují, jak se PWA přibližuje běžné aplikaci:
- Ukládání pro offline režim (Cache API). Aplikace si do zařízení uloží potřebná data a soubory a může je použít, i když zrovna není připojení.
- Sdílení do jiných aplikací (Web Share API). Uživatel může z aplikace poslat text, odkaz, soubor nebo jiný obsah do aplikace, kterou si na svém zařízení vybere.
Které funkce budou v konkrétní aplikaci fungovat a v jakých prohlížečích, je potřeba ověřit při návrhu a testování. Nedá se počítat s tím, že všude bude všechno fungovat stejně.
Webová stránka, webová aplikace, PWA a nativní aplikace: srovnání
Všechny typy porovnáváme podle stejných kritérií. Vlastnosti PWA a nativní aplikace vycházejí z výše uvedené dokumentace MDN, která PWA popisuje právě ve srovnání s aplikacemi pro konkrétní platformu.
Webová stránka a běžná webová aplikace
- Hlavní účel: webová stránka informuje a prezentuje, webová aplikace umožňuje uživateli pracovat s daty (přihlášení, formuláře, objednávky, správa).
- Instalace: ne, obě se otevírají v prohlížeči.
- Offline a na pozadí: není samozřejmostí, záleží na technickém řešení.
- Platformy: běží na více platformách a zařízeních z jednoho kódu.
- Napojení na zařízení: záleží na technickém řešení a na tom, co umí prohlížeč.
PWA (progresivní webová aplikace)
- Hlavní účel: webová aplikace, která se chová podobně jako běžná aplikace.
- Instalace: ano, po instalaci se spouští přímo z operačního systému.
- Offline a na pozadí: může fungovat.
- Platformy: jeden kód pro více platforem a zařízení.
- Napojení na zařízení: může se propojit se zařízením i s dalšími aplikacemi, například sdílením obsahu.
Nativní aplikace
- Hlavní účel: aplikace určená pro konkrétní platformu, tedy pro konkrétní operační systém.
- Instalace: ano, instaluje se do zařízení.
- Offline a na pozadí: může fungovat.
- Platformy: je určená pro konkrétní platformu.
- Napojení na zařízení: může se propojit se zařízením i s dalšími nainstalovanými aplikacemi.
Hybridní aplikace tu nerozebíráme. Pokud chcete webovou aplikaci zveřejnit v App Store nebo Google Play, ověřte si podmínky v aktuální dokumentaci daného obchodu, protože pravidla platforem se mění.
Výhody a omezení webové aplikace
Co mluví pro webovou aplikaci:
- Uživatel nic nestahuje. Stačí mu prohlížeč a adresa. To se hodí hlavně u nástrojů, které lidé otevírají jen občas.
- Jeden kód pro více zařízení. Stejně jako web může běžet na počítači i na telefonu, není nutné vyvíjet zvlášť verzi pro každou platformu.
- Možnost přidat funkce běžné aplikace. Pokud ji postavíte jako PWA, může se instalovat, fungovat offline i na pozadí a propojit se se zařízením.
Na co si dát pozor:
- Offline režim a instalace nejsou automatické. Běžná webová aplikace bez připojení obvykle nefunguje. Pokud tyto funkce potřebujete, musí s nimi počítat už návrh.
- Podpora se liší podle prohlížeče a systému. Funkce, na kterých aplikace stojí, je potřeba ověřit na zařízeních, která vaši uživatelé skutečně používají.
- Obchody s aplikacemi mají vlastní pravidla. Pokud je pro vás důležité, aby aplikace byla v App Store nebo Google Play, ověřte si podmínky předem.
Zda se ve vašem případě víc vyplatí webová, nebo nativní aplikace z hlediska nákladů a údržby, záleží na konkrétním zadání. Obecné pravidlo pro to neexistuje.
Jak funguje instalace webové aplikace
Nainstalovat jde webová aplikace postavená jako PWA. Instaluje se z prohlížeče. Pro uživatele to znamená, že ji pak nemusí hledat přes adresu, ale spouští ji přímo z operačního systému jako kteroukoli jinou aplikaci. Běžná webová aplikace, která není PWA, se tímto způsobem neinstaluje.
Konkrétní postup se liší podle prohlížeče a operačního systému a výrobci ho mění. Přesné kroky proto hledejte v aktuální nápovědě svého prohlížeče. Praktické návody najdete v sekci Návody.
Kdy se webová aplikace firmě vyplatí
Než začnete řešit, jestli chcete web, webovou aplikaci, nebo mobilní aplikaci, odpovězte si na pár otázek:
- Co mají uživatelé dělat? Jen si přečíst informace a poslat poptávku, nebo se přihlásit a pracovat s vlastními daty?
- Kdo bude aplikaci používat? Zákazníci, zaměstnanci, nebo obojí?
- Potřebují uživatelé aplikaci nainstalovat? Otevírají ji jen občas, nebo každý den?
- Potřebují pracovat offline? Například v terénu, na stavbě nebo ve skladu se slabým signálem.
- Na kolika platformách má aplikace běžet? Počítač, Android, iPhone, nebo všechno najednou?
- Jak často se bude měnit? Počítáte s jejím pravidelným rozšiřováním, nebo jde o jednorázový nástroj?
- S čím se má propojit? S účetnictvím, skladem, platební bránou, e-mailem nebo jiným systémem?
Někdy se ukáže, že firma žádnou aplikaci nepotřebuje a vystačí si s dobře postaveným webem s poptávkovým formulářem, kalkulačkou nebo rezervacemi. Jindy jde ve skutečnosti o interní systém pro obchod, zakázky nebo sklad, tedy o CRM na míru.
Co ovlivňuje cenu vývoje
Bez konkrétního zadání nemá smysl uvádět čísla. Cenu ovlivňuje hlavně:
- rozsah funkcí a počet obrazovek,
- počet uživatelských rolí a oprávnění,
- napojení na další systémy (integrace),
- počet platforem a zařízení, na kterých má aplikace fungovat,
- požadavky na offline režim, instalaci a práci se zařízením,
- návrh rozhraní, testování a následná správa.
Jak postupovat dál
- Sepište si odpovědi na sedm otázek výše, i kdyby byly jen stručné.
- Rozhodněte, které funkce jsou nutné hned a které mohou počkat na další verzi.
- S tímto podkladem oslovte vývojáře. Rozumný odhad ceny i doporučení, jestli stačí web, webová aplikace, PWA, nebo je potřeba nativní aplikace, lze udělat až nad konkrétním zadáním.
Časté dotazy
Je „web app“ totéž co webová aplikace?
Ano. „Web app“ je anglický výraz pro webovou aplikaci, tedy aplikaci, která běží v internetovém prohlížeči a nestahuje se z obchodu s aplikacemi.
Funguje webová aplikace offline?
U běžné webové aplikace není offline režim samozřejmostí, záleží na technickém řešení. Progresivní webová aplikace (PWA) ale může fungovat offline i na pozadí. Potřebná data a soubory si přitom ukládá do zařízení, například pomocí Cache API.
Dá se webová aplikace nainstalovat do počítače nebo telefonu?
Pokud je postavená jako PWA, ano. Po instalaci se spouští přímo z operačního systému jako běžná aplikace. Konkrétní postup se liší podle prohlížeče a systému.
Musí být každá webová aplikace PWA?
Nemusí. PWA je webová aplikace, která navíc nabízí zážitek podobný aplikaci pro konkrétní platformu, tedy instalaci, offline režim nebo napojení na zařízení. Jestli tyto funkce potřebujete, záleží na tom, kdo bude aplikaci používat a jak.