🎁 Startovací workshop ZDARMAMáte SW problém?
Zpět na blog
Webový vývojWebové aplikaceVývojByznys

Webová aplikace na míru: co to je, kdy ji potřebujete a jak probíhá vývoj

Lukáš Huso4. listopadu 20267 min čtení
Webová aplikace na míru: co to je, kdy ji potřebujete a jak probíhá vývoj
Foto: Stephen Dawson / Unsplash

Webová aplikace na míru je software, který běží v prohlížeči a je postavený přesně pro váš proces. Nic se neinstaluje, funguje na počítači i v mobilu a pracuje s vašimi daty, rolemi a pravidly. Tenhle článek vysvětluje, čím se liší od webu, kdy ji potřebujete a jak vypadá vývoj od prvního zadání po provoz. Obecnější průvodce, kdy se vyplatí aplikace na míru proti krabici nebo no-code, najdete v článku Aplikace na míru.

Web vs. webová aplikace

Rozdíl je jednoduchý. Web informuje, webová aplikace pracuje.

Prezentační web ukazuje firmu, služby a kontakt. Návštěvník čte a nanejvýš odešle formulář. Webová aplikace má uživatele, kteří se přihlásí a něco dělají: zakládají zakázky, schvalují objednávky, rezervují termíny, nahrávají dokumenty. Systém si data pamatuje, hlídá oprávnění, posílá notifikace a počítá přehledy.

WebWebová aplikace
Účelprezentace, získání poptávkypráce s daty, řízení procesu
Uživatelanonymní návštěvníkpřihlášený uživatel s rolí
Dataobsah spravovaný redakcídata vznikají a mění se při používání
Pod povrchemšablona a redakční systémdatabáze, backend, logika, oprávnění
Po spuštěníobčasná úprava obsahuprovoz, zálohy, bezpečnost, další rozvoj

Hranice není vždy ostrá. E-shop nebo web s rezervačním formulářem už jsou napůl aplikace. Pro rozpočet ale platí pravidlo: čím víc přihlášených uživatelů, rolí a vlastní logiky, tím víc jde o aplikaci.

Typické firemní webové aplikace

Internetové aplikace, se kterými firmy přicházejí nejčastěji, spadají do několika skupin:

  • Klientské portály a zóny — zákazník vidí své objednávky, faktury, dokumenty nebo stav zakázky a nemusí volat ani psát e-mail.
  • Interní firemní systémy — evidence zakázek, schvalování objednávek a dovolených, výkazy práce, správa majetku. Typicky nahrazují sdílené Excely a e-mailová vlákna. Podrobněji je popisujeme u interních firemních aplikací.
  • Rezervační systémy — online rezervace termínů, kapacit, zdrojů, s platbami a připomínkami.
  • CRM na míru — přehled o zákaznících, obchodních případech a komunikaci, napojený na účetnictví.
  • Portály a marketplace — místo, kde se potkávají dvě strany: nabídka a poptávka, inzerenti a zájemci.

Společné mají jedno: řeší konkrétní proces, který se v krabicovém softwaru nedá udělat dobře, nebo vůbec.

Kdy webovou aplikaci na míru potřebujete

Vlastní aplikace není vždycky správná odpověď. Signály, že na ni dozrál čas:

  • Obcházíte software Excelem. Krabicový systém zvládne 70 % a zbytek se dělá ručně vedle.
  • Data se přepisují mezi systémy. Z formuláře do tabulky, z tabulky do účetnictví. Hodiny týdně a chyby navíc.
  • Nikdo nemá aktuální přehled. Report se skládá ručně na konci měsíce.
  • Chcete něco nabídnout zákazníkům. Vlastní klientskou zónu, objednávky nebo rezervace pod vaší značkou.
  • Platíte licence, které rostou s počtem lidí a užitek s nimi neroste.

Naopak na standardní agendu (účetnictví, e-mail, sdílené dokumenty) je vývoj na míru zbytečný. Smysl má tam, kde děláte věci jinak než ostatní.

Webová, mobilní, nebo PWA?

Webová aplikacePWAMobilní aplikace
Kde běžív prohlížečiv prohlížeči, ikona na plošeinstalace z App Store / Google Play
Aktualizaceokamžitě pro všechnyokamžitě pro všechnypřes obchod, se schválením
Offline režimnečástečněano
Hardware telefonuomezeněomezeněplně
Hodí se profiremní systémy, portály, administraceinterní nástroje, terénní prácespotřebitelské appky, offline, notifikace

Pro většinu firemních systémů vychází nejlépe responzivní webová aplikace. Mobilní appka přichází na řadu, když ji uživatelé chtějí mít v telefonu každý den nebo potřebujete funkce, které prohlížeč neumí. Podrobné srovnání najdete v článku PWA vs. nativní aplikace.

Jak probíhá vývoj webové aplikace

1. Zadání

Nejdůležitější a nejčastěji podceněná fáze. Sepisují se procesy, role uživatelů, data a hlavně priority: co musí umět první verze a co počká. Dobré zadání nepopisuje obrazovky, ale problém, který má aplikace vyřešit. Chyba v zadání se později opravuje v kódu, a to je nejdražší místo.

Osvědčuje se MVP přístup: první verze řeší jádro problému a zbytek se doplňuje podle toho, jak lidé aplikaci reálně používají. Funkce, které „by se mohly hodit“, se tak nestaví naslepo. Pokud zadání teprve skládáte, začněte seznamem rolí, tím, co každá role v aplikaci dělá, a odkud se berou data.

2. Design

Návrh struktury dat a obrazovek. Nejdřív drátěné modely (wireframy), na kterých se ověří, že tok práce dává smysl, potom finální vzhled. Tady se vyplatí ukázat návrh lidem, kteří s aplikací budou pracovat.

3. Vývoj

Backend (databáze, API, oprávnění), frontend (obrazovky, formuláře) a testy. Rozumný vývoj probíhá po menších celcích, které průběžně vidíte a zkoušíte. Ne tak, že po třech měsících ticha dostanete hotový balík.

4. Provoz a rozvoj

Spuštěním práce nekončí. Aplikace potřebuje hosting, monitoring, zálohy, aktualizace závislostí a bezpečnostní záplaty. A s prvními uživateli přicházejí první požadavky na změny. Webová aplikace je živý systém, ne jednorázová dodávka.

Orientačně: jednoduchá aplikace bývá hotová za 2–6 týdnů, střední s přihlašováním a administrací za 1–3 měsíce, komplexní s integracemi za 3–6 měsíců.

Technologie stručně

Pro firemní aplikace platí: volte ověřené a „nudné“ technologie. Na frontendu typicky React a Next.js, na backendu běžný serverový jazyk a relační databáze jako PostgreSQL nebo MySQL. Nejsou módní, ale jsou stabilní a snadno na ně najdete další vývojáře. Na tom záleží víc, než se zdá: jednou budete možná chtít vývoj převzít sami nebo změnit dodavatele.

Co ovlivňuje cenu

Cenu nejvíc určují role a oprávnění, počet integrací (účetnictví, ERP, platební brána), reporting, migrace dat ze starých systémů a nároky na zátěž. Snižuje ji jasné zadání, MVP přístup a standardní technologie.

Pro představu: webovou aplikaci vyvineme za měsíční paušál od 1 990 Kč (jednoduchá), od 4 900 Kč (střední s přihlašováním a administrací) a od 9 900 Kč (komplexní firemní systém). Cenová pásma včetně srovnání s jednorázovou cenou u agentury jsme rozepsali v článku kolik stojí webová aplikace.

Jak vybrat dodavatele

Při výběru firmy na vývoj webových aplikací se ptejte:

  • Jaké podobné projekty mají za sebou? Ne portfolio hezkých obrázků, ale aplikace, které běží a někdo je používá.
  • Kdo bude aplikaci provozovat po spuštění? Hosting, zálohy, aktualizace, řešení výpadků.
  • Jak často uvidíte průběžný výsledek? Týdně nebo po každém celku, ne až na konci.
  • Na čem stavějí? Standardní stack, nebo vlastní framework, který umí číst jen oni?
  • Komu patří kód a jak vypadá předání? Ujasněte si to ve smlouvě předem.

Varovný signál: pevná cena bez jediné otázky na vaše procesy. Kdo se neptá, ten počítá s vícepracemi.

Převzetí a oprava existující webové aplikace

Častý scénář: aplikace existuje, ale předchozí dodavatel zmizel, nereaguje, nebo je kód v takovém stavu, že se nikdo nechce dotknout. Oprava webové aplikace pak začíná auditem — projde se kód, databáze, bezpečnost, závislosti a způsob nasazení.

Na základě auditu se rozhoduje mezi dvěma cestami. Stabilizace a postupný refaktoring, pokud je základ zdravý. Přepis po částech, pokud by záplatování stálo víc než nová verze. Přepis všeho naráz bývá nejrizikovější varianta. Co v převzatých projektech běžně nacházíme, popisujeme v článku zdědili jsme kód: nejhorší nálezy.

Než začnete jednat s novým dodavatelem, zajistěte si zdrojový kód, přístupy k serveru, databázi a doméně a seznam toho, co nefunguje.

Další krok

  1. Konfigurátor — orientační cena vaší webové aplikace za 2 minuty.
  2. Konzultace — 60 minut s vývojářem a PM: projdeme proces, navrhneme řešení a doporučíme tarif.

Jsme z Měšic u Prahy — pokud hledáte vývojáře webových aplikací v Praze a okolí, podívejte se na vývoj aplikací v Praze.

Časté otázky

Co je webová aplikace?

Webová aplikace je program, který běží v prohlížeči a nemusíte ho instalovat. Na rozdíl od běžného webu s ní uživatelé pracují: přihlašují se, zakládají a upravují data, mají role a oprávnění. Pod povrchem je databáze, backend s logikou a správa uživatelů. Typickými příklady jsou klientské portály, rezervační systémy, CRM nebo interní firemní systémy.

Kdy se vyplatí webová aplikace na míru?

Když krabicový software nepasuje na váš proces a obcházíte ho Excelem, když zaměstnanci ručně přepisují data mezi systémy, nebo když chcete zákazníkům nabídnout vlastní klientskou zónu či objednávky. Na standardní agendu typu účetnictví nebo e-mailu se vývoj na míru nevyplatí. Vyplatí se tam, kde děláte věci po svém a právě to vám vydělává.

Jak probíhá tvorba webové aplikace?

Ve čtyřech fázích. Zadání: sepíšou se procesy, role a priority první verze. Design: navrhne se struktura dat a obrazovky. Vývoj: backend, frontend a testy po menších celcích, které průběžně vidíte. Provoz: nasazení, hosting, monitoring, zálohy, aktualizace a další rozvoj. Jednoduchá aplikace bývá hotová za 2–6 týdnů, střední za 1–3 měsíce, komplexní za 3–6 měsíců.

Webová aplikace, mobilní aplikace, nebo PWA?

Webová aplikace stačí většině firemních systémů — funguje na počítači i v mobilu a aktualizace se projeví všem okamžitě. Mobilní aplikace má smysl, když potřebujete obchody App Store a Google Play, offline režim, práci s hardwarem telefonu nebo spolehlivé push notifikace. PWA je webová aplikace, kterou jde přidat na plochu telefonu; je to dobrý kompromis pro interní nástroje.

Dá se opravit nebo převzít existující webová aplikace?

Ano. Začíná se auditem: projde se kód, databáze, bezpečnost, závislosti a způsob nasazení. Podle výsledku se rozhodne, jestli aplikaci stabilizovat a postupně refaktorovat, nebo jestli je levnější přepsat ji po částech. Před převzetím je dobré mít v ruce zdrojový kód, přístupy k serveru a databázi a seznam toho, co nefunguje.

Jak vybrat firmu na vývoj webových aplikací?

Ptejte se na podobné hotové projekty, na to, kdo bude aplikaci po spuštění provozovat, jak často uvidíte průběžné výsledky a na jakých technologiích stavějí. Ve smlouvě si ujasněte vlastnictví kódu a podmínky předání. Varovným signálem je cena bez otázek na vaše procesy a proprietární technologie, kterou umí jen jeden dodavatel.

Spočítejte si cenu na míru

Konfigurátor vám za 2 minuty ukáže orientační cenu přesně pro váš projekt.

Související články

Kolik stojí webová aplikace? Cenová pásma od webu po firemní systém
Byznys & StrategieCenyWebové aplikace

Kolik stojí webová aplikace? Cenová pásma od webu po firemní systém

Webová aplikace není web. Reálná cenová pásma: jednoduchá aplikace od 1 990 Kč měsíčně, střední od 4 900 Kč, komplexní systém od 9 900 Kč — a srovnání s jednorázovou cenou u agentury.

15. července 20264 min čtení
Jak vybrat správnou technologii pro webovou aplikaci
TechnologieTechnologieWeb

Jak vybrat správnou technologii pro webovou aplikaci

Průvodce výběrem technologického stacku pro váš další webový projekt. Porovnáváme React, Next.js, Vue a další frameworky.

15. ledna 20252 min čtení
Zdědili jsme kód: Nejhorší nálezy v legacy projektech
TechnologieLegacy kódRefaktoring

Zdědili jsme kód: Nejhorší nálezy v legacy projektech

Hesla v plaintextu, 5000řádkový soubor, SQL injection všude. Reálné hrůzy z legacy kódu, které jsme potkali.

26. února 20265 min čtení