# Vývoj webových aplikácií

> Vývoj webových aplikácií na mieru: interné systémy vrátane CRM, intranety, klientske portály, konfigurátory, platformy a SaaS a prepojenia medzi systémami. Technológiu volíme podľa projektu a zostávame partnerom aj pri ďalšom rozvoji.

## Vývoj webových aplikácií na mieru

Interné systémy, klientske portály, konfigurátory a platformy pre procesy, ktoré už nezvládne bežný web ani tabuľka.

Aplikáciu navrhneme podľa skutočného procesu vo vašej firme a prepojíme ju s vašimi systémami. Po spustení ju ďalej rozvíjame.

[Prekonzultujte svoju aplikáciu](/kontakt/)

[Pozrite si projekty](/projekty/)

### Aké webové aplikácie vyvíjame

Webová aplikácia beží v prehliadači rovnako ako web. Ľudia v nej však pracujú: zadávajú údaje, schvaľujú, počítajú a objednávajú. Preto ju navrhujeme od procesu, ktorý má podporiť.

#### Interné systémy a intranety

Evidencie, schvaľovanie, prehľady a intranet pre zamestnancov. Nahradia tabuľky a e-maily, ktoré dnes kolujú medzi ľuďmi a oddeleniami.

#### Klientske portály a online účty

Miesto, kde si klient sám pozrie stav účtu, zmluvy či objednávky a vybaví, čo potrebuje. Takto funguje aj Online účet, cez ktorý majú klienti Across prístup k svojmu investičnému účtu.

#### Konfigurátory a kalkulačky

Zákazník si poskladá produkt podľa svojich parametrov a cenu vidí hneď. Pre Active24 sme postavili konfigurátory hostingov a serverov, ktoré prepočítavajú cenu cez API bez načítania stránky.

#### Platformy a SaaS produkty

Aplikácia, ktorá je sama produktom. Používajú ju vaši zákazníci, platia za ňu alebo cez ňu nakupujú služby. Pri takom produkte myslíme na ďalšie verzie už pri prvej.

#### Prepojenia a dátové integrácie

Keď dáta vznikajú v jednom systéme a potrebujete ich v inom, napojíme ich cez API alebo vlastný konektor. Ľudia potom nemusia údaje prepisovať ručne.

### Čo je súčasťou

Analýzu, návrh, vývoj, nasadenie aj prevádzku riešime ako jeden projekt s jedným tímom. Nemusíte zvlášť koordinovať analytika, dizajnéra, vývojárov a hosting.

**Analýza procesu a špecifikácia funkcií**

**UX/UI návrh a klikateľný prototyp**

**Frontend aj backend aplikácie**

**Používateľské roly, oprávnenia a prihlasovanie**

**API a napojenie na ERP, CRM a interné systémy**

**Bezpečnosť a ochrana citlivých dát**

**Testovanie scenárov, oprávnení a integrácií**

**Nasadenie, hosting a monitoring**

**Prevádzka, aktualizácie a ďalší rozvoj so SLA**

### Pre koho aplikácie vyvíjame

Pre firmy, ktorých proces **prerástol tabuľky a e-maily**. Bežný web ho neunesie a hotový nástroj sa mu neprispôsobí.

Často už majú interný systém, ERP alebo CRM a potrebujú k nemu rozhranie pre klientov, partnerov alebo vlastných ľudí. Aplikáciu potom navrhujeme tak, aby s týmito systémami priamo pracovala.

Typické signály

**Údaje sa prepisujú ručne**

Tie isté informácie niekto zadáva do tabuľky, e-mailu aj interného systému.

**Proces pozná jeden človek**

Ako to celé funguje, vie len ten, kto tabuľku kedysi vytvoril.

**Klienti sa pýtajú na stav**

Volajú a píšu kvôli objednávke či zmluve, ktorej stav by si vedeli pozrieť sami.

**Softvér z krabice nesedí**

Núti vás meniť proces podľa seba a časť práce aj tak zostane mimo neho.

### Aplikácia pracuje s vašimi systémami

Webová aplikácia zriedka stojí sama. Údaje berie z interného systému, ERP alebo CRM a výsledky do nich vracia. Prepojenie preto navrhujeme od začiatku spolu s rozhraním.

**Ako webová aplikácia pracuje s firemnými systémami**

- **Zamestnanci, klienti, partneri** (Používatelia): každý vidí len to, na čo má oprávnenie
- (prihlásenie a roly) → **Webová aplikácia** (Rozhranie): formuláre, prehľady, schvaľovanie a výpočty
- (požiadavky) → **API vrstva** (Prepojenie): štruktúra podľa potrieb aplikácie
- (dáta oboma smermi) → **ERP, CRM, interný systém** (Vaše prostredie): údaje zostávajú tam, kde vznikajú

Konfigurátory Active24 berú ceny hostingov, serverov a domén priamo z centrálnych systémov. Redakcia ich neprepisuje a zákazník vidí aktuálnu sumu.

### Ako webová aplikácia vzniká

Najskôr zmapujeme, ako sa dnes pracuje a kde proces brzdí. Až potom navrhujeme obrazovky a vyberáme technológiu.

[Ako pracujeme](/o-nas/ako-pracujeme/)

**Analýza procesu**

Prejdeme s vami, kto s aplikáciou pracuje, aké údaje do nej vstupujú a s čím sa má prepojiť. Výsledkom je špecifikácia, rozsah a odhad.

**Návrh UX/UI**

Navrhneme hlavné obrazovky a používateľské toky. Klikateľný prototyp si prejdete s ľuďmi, ktorí budú aplikáciu používať.

**Architektúra a integrácie**

Rozhodneme, kde budú dáta, ako sa aplikácia napojí na vaše systémy a kto bude mať aké oprávnenia.

**Vývoj v šprintoch**

Aplikáciu staviame po častiach. Funkčné verzie vidíte priebežne, takže spätnú väzbu zapracujeme skôr, než sa nahromadí.

**Testovanie a spustenie**

Overíme scenáre, oprávnenia aj integrácie, podľa potreby prenesieme existujúce dáta a aplikáciu nasadíme do prevádzky.

**Prevádzka a rozvoj**

Po spustení sa staráme o aktualizácie, bezpečnosť a monitoring a aplikáciu ďalej rozširujeme.

**Prvá verzia má dobre robiť to hlavné. Zvyšok pridáme, keď uvidíme, ako s ňou ľudia pracujú.**

### Technológie

Rozhranie staviame v Reacte alebo Next.js a backend podľa projektu v Laraveli, Symfony alebo Node.js.

So systémami, ktoré už máte, aplikáciu prepájame cez REST alebo GraphQL API. Pri citlivých dátach pridávame dvojfaktorové prihlásenie a podrobné oprávnenia.

Technológiu prispôsobujeme projektu, nie projekt technológii.

[Viac o technológiách](/technologie/)

### Prečo zveriť aplikáciu Webikonu

**Skúsenosť s citlivými dátami**

Pre Across sme navrhli a postavili digitálny prístup k investičnému účtu s dvojfaktorovým overením a podpisovaním dokumentov. Overenie aj podpis sú priamo súčasťou používateľského procesu.

**Najprv proces, potom kód**

Zadanie s vami rozpracujeme do špecifikácie a prototypu. Ešte pred vývojom viete, čo vznikne a s akým odhadom pracujeme.

**Prepojenie s tým, čo už máte**

Aplikácie napájame na ERP, CRM, PIM aj interné systémy. Pre Sharp sa zmena produktu v PIM prejaví na webe pre 12 európskych trhov takmer okamžite.

**Partner aj po spustení**

Naše spolupráce trvajú v priemere viac ako 5 rokov. Aplikáciu ďalej prevádzkujeme a rozvíjame, keď sa zmení váš proces alebo biznis.

### Aplikácie, ktoré sme postavili

[Všetky projekty](/projekty/)

- [Active24 · Konfigurátory](/projekty/active24/)

- [Across · Fintech](/projekty/across-connect/)

### Časté otázky o vývoji aplikácií

Ak tu odpoveď nenájdete, napíšte nám. Radi vám odpovieme.

[Opýtajte sa nás](/kontakt/)

**Koľko stojí vývoj webovej aplikácie?**

Cena závisí od počtu funkcií, používateľských rolí, integrácií a od toho, s akými dátami aplikácia pracuje. Po úvodnej analýze a špecifikácii pripravíme konkrétny odhad. Ak je rozpočet obmedzený, navrhneme prvú verziu, ktorá vyrieši to najdôležitejšie.

**Ako dlho trvá vývoj?**

Menšia aplikácia alebo prvá verzia môže byť hotová za niekoľko mesiacov. Rozsiahlejšie systémy s viacerými integráciami trvajú dlhšie. Vývoj prebieha v šprintoch, takže hotové časti vidíte a testujete priebežne.

**Oplatí sa nám vlastná aplikácia, alebo stačí hotový nástroj?**

Ak hotový nástroj pokryje váš proces bez veľkých ústupkov, odporučíme ho. Vlastná aplikácia dáva zmysel, keď je proces pre vás špecifický, nástroj by ste museli ohýbať alebo potrebujete prepojenie, ktoré neponúka.

**Napojíte aplikáciu na naše systémy?**

Áno. Aplikácie prepájame s ERP, CRM, PIM, platobnými bránami aj s internými systémami cez API. Ak systém API nemá, hľadáme iný spôsob, napríklad pravidelný export a import alebo vlastný konektor.

**Môžeme začať menšou verziou?**

Áno, často to odporúčame. Prvá verzia pokryje hlavný proces a ďalšie funkcie pridávame postupne. Architektúru pritom navrhujeme tak, aby sa dala rozširovať bez prestavby.

**Prevezmete aplikáciu, ktorú vyvíjal iný dodávateľ?**

Áno. Najprv urobíme technický audit a zistíme, v akom stave je kód, infraštruktúra a dokumentácia. Potom navrhneme, čo treba opraviť hneď a čo môže počkať. Napríklad web Sharp sme takto prevzali po inej agentúre.

**Ako riešite bezpečnosť a prístupové práva?**

Oprávnenia navrhujeme spolu s procesom: kto môže čo vidieť, meniť a schvaľovať. Podľa citlivosti dát pridáme dvojfaktorové prihlásenie, šifrovanie, záznam zmien a pravidelné bezpečnostné aktualizácie.

### Postavíme aplikáciu podľa toho, ako naozaj pracujete.

Opíšte nám, ako proces funguje dnes, kto s ním pracuje a s akými systémami sa má aplikácia prepojiť. Spoločne prejdeme možnosti a navrhneme prvý krok.

[Prekonzultujte svoju aplikáciu](/kontakt/)

Nezáväzná konzultácia.
Odpovieme do 24 hodín.

---

Source: https://webikon.sk/sluzby/vyvoj-webovych-aplikacii/