<h6>T&eacute;ma</h6>
<h4>Podle webu <a href="https://www.bankmycell.com/blog/how-many-phones-are-in-the-world" target="_blank" rel="noopener">Bankmycell</a> se počet uživatelů smartphonu s internetem v roce 2021 vy&scaron;plhal na 6,37 miliard. Nen&iacute; tedy divu, že popt&aacute;vka po mobiln&iacute;ch aplikac&iacute;ch jde s t&iacute;mto trendem ruku v ruce. Zvažujete v r&aacute;mci sv&eacute;ho byznys z&aacute;měru aplikaci taky, ale nev&iacute;te, na kolik v&aacute;s přijde peněz a hlavně proč? Pak je tento čl&aacute;nek pro v&aacute;s.</h4>
<p>Jen v samotn&eacute; Česk&eacute; republice maj&iacute; firmy na v&yacute;běr mezi velk&yacute;m množstv&iacute;m softwarov&yacute;ch studi&iacute;, kter&aacute; dok&aacute;žou klientovi postavit aplikaci na m&iacute;ru tak, aby pom&aacute;hala plnit jeho podnikatelsk&yacute; z&aacute;měr. Tito klienti se snaž&iacute; mezi v&yacute;voj&aacute;ři zorientovat a vybrat pro sebe toho nejlep&scaron;&iacute;ho. Ale pokud neoslov&iacute; dodavatele na z&aacute;kladě doporučen&iacute; a v&aacute;haj&iacute;, <strong>často sklouznou k tomu, že se rozhoduj&iacute; podle ceny.&nbsp;</strong></p>
<p>V čl&aacute;nku, kter&yacute; ukazuje <strong><a href="https://koala42.com/jak-probiha-vyvoj-aplikace-v-koala42/" target="_blank" rel="noopener">v&yacute;voj aplikace krok za krokem</a></strong>, jsme nast&iacute;nili, v čem spoč&iacute;vaj&iacute; specifika a v&yacute;hody agiln&iacute;ho v&yacute;voje. Vět&scaron;ina v&yacute;voj&aacute;řů m&aacute; zavedenou pr&aacute;vě tuto metodiku a na faktorech, kter&eacute; cenu aplikace ovlivňuj&iacute;, se v&iacute;cem&eacute;ně v&scaron;ichni shoduj&iacute;.</p>
<p>Na zač&aacute;tku nov&eacute;ho projektu tyto faktory s klientem proch&aacute;z&iacute;me v r&aacute;mci <strong>anal&yacute;zy jeho potřeb</strong>, abychom zjistili, jak komplexn&iacute; si aplikaci představuje. V tomto čl&aacute;nku si je shrneme pod <strong>pět z&aacute;kladn&iacute;ch ot&aacute;zek</strong> a připoj&iacute;me k nim z&aacute;roveň na&scaron;e doporučen&iacute; nebo koment&aacute;ř k dobr&eacute; praxi.</p>
<h5>1. Kompatibilita aplikace</h5>
<p>Prvn&iacute; bod, kter&yacute; je potřeba si vyjasnit, je, <strong>kolik aplikac&iacute; se vlastně bude vyv&iacute;jet</strong>. Ta, kterou uživatel uvid&iacute; a bude ji použ&iacute;vat ve webov&eacute;m prohl&iacute;žeči, je na frontendu. Dal&scaron;&iacute; ale poběž&iacute; v pozad&iacute; na backendu a bude organizovat data vložen&aacute; uživatelem. Potom může b&yacute;t ž&aacute;douc&iacute; vytvořit i mobiln&iacute; verzi aplikace, jednu pro iOS, dal&scaron;&iacute; pro Android. Nakonec bude potřeba připravit i administraci, aby si klient mohl s&aacute;m editovat obsah a grafick&eacute; prvky. Než jsme se nad&aacute;li, už vyv&iacute;j&iacute;me 5 aplikac&iacute;.</p>
<p><img src="https://api.koala42.com/assets/45eff4b8-4eac-457d-8213-e2e445467f23?width=1000&amp;height=425" alt="Cena Aplikace KOALA42" /></p>
<h5>Co doporučujeme?</h5>
<p>Pokud nen&iacute; aplikace prim&aacute;rně mobiln&iacute;, ale webov&aacute;, doporučujeme až do vzniku prvn&iacute; funkčn&iacute; verze (MVP) vyv&iacute;jet jen pro jednu platformu &ndash; webovou &ndash; a potom se rozhodnout, jak pokračovat. Dosavadn&iacute; v&yacute;voj vět&scaron;inou klienta nasměruje a pomůže mu upřesnit jeho oček&aacute;v&aacute;n&iacute;.</p>
<h5>2. Technologie zvolen&eacute; pro v&yacute;voj</h5>
<p>Tato ot&aacute;zka navazuje na prvn&iacute;, protože technologie se vyb&iacute;raj&iacute; podle platforem. Situace se n&aacute;m rozpad&aacute; na dal&scaron;&iacute; dva sc&eacute;n&aacute;ře.</p>
<h5>Sc&eacute;n&aacute;ř 1</h5>
<p>Aplikace může b&yacute;t pl&aacute;novan&aacute; pro byznys, kter&yacute; už je del&scaron;&iacute; dobu zaveden&yacute; a m&aacute; určitou finančn&iacute; stabilitu. D&aacute; se oček&aacute;vat, že bude aplikace každ&yacute; měs&iacute;c roz&scaron;iřov&aacute;na o nov&eacute; funkce a bude muset podporovat posledn&iacute; vychyt&aacute;vky nov&yacute;ch smartphonů. V takov&eacute;m př&iacute;padě je lep&scaron;&iacute; ji ps&aacute;t nativně. Pro Android se použije Kotlin/Java a pro iOS Swift.</p>
<p><img src="https://api.koala42.com/assets/0ac5c833-dc63-4206-b228-e24a69bc04e8?width=1000&amp;height=525" alt="Cena Aplikace Koala42" /></p>
<h5>Sc&eacute;n&aacute;ř 2</h5>
<p>Budoucnost ale může b&yacute;t nejist&aacute; &ndash; &nbsp;klient je např&iacute;klad zač&iacute;naj&iacute;c&iacute; startup, aplikace může b&yacute;t zam&yacute;&scaron;lena jako zku&scaron;ebn&iacute; roz&scaron;&iacute;řen&iacute; portfolia, př&iacute;padně m&aacute; plnit jen &bdquo;office&ldquo; funkce jako n&aacute;stavba na informačn&iacute; syst&eacute;m. Takov&yacute; projekt je lep&scaron;&iacute; ps&aacute;t hybridně, např. v React Native. V těchto situac&iacute;ch se taky d&aacute; využ&iacute;t technologie Progressive Web App, t&iacute;m st&aacute;hnout n&aacute;klady je&scaron;tě n&iacute;ž a u&scaron;etřit čas. Od rozhodnut&iacute; o platform&aacute;ch a technologi&iacute;ch se d&aacute;le odv&iacute;j&iacute; počet v&yacute;voj&aacute;řů v t&yacute;mu. S hybridn&iacute;m v&yacute;vojem si porad&iacute; i dva program&aacute;toři (jeden p&iacute;&scaron;e backend a druh&yacute; frontend pro web, iOS i Android), kdežto k nativn&iacute;mu v&yacute;voji budou potřeba v&yacute;voj&aacute;ři čtyři &ndash; jeden na backend a pak tři jednotlivě na web, iOS a Android frontend.</p>
<h5>3. Sofistikovanost vizu&aacute;ln&iacute;ho stylu</h5>
<p>Stejně jako v&yacute;vojovou f&aacute;zi i design lze ře&scaron;it různ&yacute;mi způsoby. Nejlevněj&scaron;&iacute; a z&aacute;roveň nejjednodu&scaron;&scaron;&iacute; variantu pro n&aacute;sledn&yacute; v&yacute;voj představuje design vych&aacute;zej&iacute;c&iacute; ze stanoven&yacute;ch &bdquo;guidelines&ldquo; od společnost&iacute; Apple a Google. Guidelines tvoř&iacute; <strong>ucelen&yacute; syst&eacute;m standardizovan&yacute;ch prvků designu</strong>, kter&eacute; využ&iacute;vaj&iacute; nativn&iacute; Apple a Google aplikace.</p>
<h4><img src="https://api.koala42.com/assets/5cd43ab3-9543-4182-9c77-26923757b8a9?width=32&amp;height=25" alt="quotes" /></h4>
<h4>Pokud se budeme držet Apple nebo Google guidelines, aplikace bude i po změn&aacute;ch vypadat jako &bdquo;každ&aacute; jin&aacute; od Applu nebo Googlu&ldquo;. Je to sice levněj&scaron;&iacute; ře&scaron;en&iacute;, ale V&aacute;&scaron; brand určitě nepos&iacute;l&iacute;.</h4>
<p><strong>Jak&eacute; jsou v&yacute;hody předepsan&eacute;ho syst&eacute;mu? </strong>Uživatel se s dotyčn&yacute;mi prvky setkal již mnohokr&aacute;t a jejich ovl&aacute;d&aacute;n&iacute; zn&aacute;. Je to trochu jako byste se přestěhovali do identick&eacute;ho domu, jen s odli&scaron;n&yacute;mi barvami na stěn&aacute;ch a novou kuchyňskou linkou. Nav&iacute;c jsou tyto prvky efektivn&iacute;. Poč&iacute;t&aacute; se s jejich použit&iacute;m v různ&yacute;ch prototypovac&iacute;ch n&aacute;stroj&iacute;ch. Stač&iacute; je poskl&aacute;dat do požadovan&eacute;ho layoutu a přizpůsobit k obrazu sv&eacute;mu.&nbsp;</p>
<p><img src="https://api.koala42.com/assets/a1ead3d9-6d0d-4706-b0cd-7c94e21d5dec?width=1000&amp;height=550" alt="Design Syst&eacute;m" /></p>
<p>Abychom tomu přede&scaron;li, <strong>raději navrhujeme vlastn&iacute; guidelines.</strong> Je to sice o něco draž&scaron;&iacute;, ale klient dostane unik&aacute;tn&iacute; designov&yacute; syst&eacute;m sestaven&yacute; jen pro jeho aplikaci. Pak z&aacute;lež&iacute; jen na něm, jestli d&aacute; přednost origin&aacute;ln&iacute;mu vzhledu, nebo se spokoj&iacute; s ekonomickou variantou, v r&aacute;mci kter&eacute; se guidelines jen &bdquo;posunou&ldquo; do v&yacute;vojov&eacute; f&aacute;ze a stav&iacute; se z nich aplikace za běhu.</p>
<p><strong>Doporučujeme raději věnovat p&eacute;či UI design&eacute;ra opravdu každ&eacute; obrazovce.</strong> St&aacute;v&aacute; se, že guidelines zcela nepokryj&iacute; potřeby aplikace a na někter&yacute;ch m&iacute;stech je potřeba vymyslet ře&scaron;en&iacute; na m&iacute;ru. Ve f&aacute;zi n&aacute;vrhu lze tak&eacute; pohodlně ověřit, zda maj&iacute; jednotliv&eacute; obrazovky aplikace logickou n&aacute;vaznost a zda je prostřed&iacute; snadno ovladateln&eacute;.</p>
<h5>4. Rozsah funkc&iacute; aplikace</h5>
<p><strong>Tato ot&aacute;zka m&aacute; na cenu největ&scaron;&iacute; vliv a větv&iacute; se do dal&scaron;&iacute;ch t&eacute;mat.</strong> Aplikace může b&yacute;t jednoduch&aacute;, obsahovat jen p&aacute;r obrazovek a ž&aacute;dnou backendovou infrastrukturu. Může ale b&yacute;t i složit&aacute; až hyper-složit&aacute;, kdy už v sobě spojuje prvky soci&aacute;ln&iacute; s&iacute;tě se strojov&yacute;m učen&iacute;m nebo roz&scaron;&iacute;řenou realitou.</p>
<p>Během &uacute;vodn&iacute; anal&yacute;zy zji&scaron;ťujeme, jak důležit&eacute; jsou pro klienta funkce v n&aacute;sleduj&iacute;c&iacute;m seznamu. D&aacute;v&aacute;me mu je do souvislosti s na&scaron;imi zku&scaron;enostmi, s produkčn&iacute; n&aacute;ročnost&iacute; a s cenou, aby se s&aacute;m mohl rozhodnout, jestli jsou to pro něj <strong>&bdquo;must have&ldquo;</strong>, nebo jen <strong>&bdquo;nice to have&ldquo;</strong>.</p>
<p><img src="https://api.koala42.com/assets/473650c4-6b1f-4adf-a322-8d959eb15118?width=1000&amp;height=625" alt="Cena Aplikace Koala42" /></p>
<h5>5. Automatizovan&eacute; testy (?)</h5>
<p>Jak jsme řekli v čl&aacute;nku o f&aacute;z&iacute;ch v&yacute;voje, ne vždy zb&yacute;v&aacute; klientovi m&iacute;sto v budgetu na hloubkov&eacute;, automatizovan&eacute; testy. Patř&iacute; ale mezi na&scaron;e nejv&yacute;razněj&scaron;&iacute; doporučen&iacute;, aby se tato metoda testov&aacute;n&iacute; aplikace využila, protože dok&aacute;že mnohem rychleji než člověk <strong>otestovat v&scaron;echny možn&eacute; průchody aplikac&iacute;</strong>, jejichž počet s přid&aacute;v&aacute;n&iacute;m funkc&iacute; exponenci&aacute;lně roste.</p>
<p><img src="https://api.koala42.com/assets/cb729d36-2b9a-4242-a5c9-098a068135aa?width=1000&amp;height=550" alt="Cena Aplikace" /></p>
<p>Automatick&eacute; testy projdou nejdůležitěj&scaron;&iacute; sc&eacute;n&aacute;ře použit&iacute; (login, platba, &uacute;prava profilu&hellip;) a <strong>zjist&iacute;, jestli u nich s novou aktualizac&iacute; nenastala regrese</strong> &ndash; tedy situace, kdy nově přidan&yacute; k&oacute;d rozbije star&scaron;&iacute;, již otestovan&yacute; k&oacute;d v jin&eacute; č&aacute;sti aplikace.</p>
<h5>Postup odhadu ceny pro klienta</h5>
<p>Po tom, co společně s klientem provedeme anal&yacute;zu jeho potřeb, potvrd&iacute;me si sadu funkc&iacute; a design, si vezmeme <strong>14 dn&iacute; na to, abychom připravili klikac&iacute; prototyp.</strong> Na jeho z&aacute;kladě se d&aacute; udělat prvn&iacute; hrub&yacute; odhad celkov&eacute; ceny v&yacute;voje.</p>
<h5>F&aacute;ze odhadu</h5>
<p><strong>1. Hrub&scaron;&iacute; odhad po odsouhlasen&iacute; UX prototypu, a to na z&aacute;kladě podobnosti s jin&yacute;m projektem.</strong></p>
<p><strong>2. Přesněj&scaron;&iacute; odhad při naceňov&aacute;n&iacute; jednotliv&yacute;ch sprintů, kdy klientovi komunikujeme č&aacute;stku, jakou ho bude st&aacute;t dal&scaron;&iacute;ch 14 dn&iacute; v&yacute;voje.</strong></p>
<p>Postupně jak se agiln&iacute; metodou posouv&aacute;me vpřed a od&scaron;krt&aacute;v&aacute;me seznam požadavků, je obrys konečn&eacute; ceny č&iacute;m d&aacute;l zřetelněj&scaron;&iacute;. T&iacute;mto stylem pr&aacute;ce za 4&ndash;6 měs&iacute;ců doraz&iacute;me k MVP, kdy klient dostane do ruky prvn&iacute; funkčn&iacute; verzi aplikace. V tuto chv&iacute;li si může vyhodnotit, <strong>kolik z původně napl&aacute;novan&yacute;ch funkc&iacute; skutečně chce dot&aacute;hnout,</strong> v jak&eacute;m pořad&iacute; po sobě a v jak&eacute;m časov&eacute;m horizontu. Touto dobou je spolupr&aacute;ce zpravidla už běž&iacute; jako na dr&aacute;tk&aacute;ch a pro klienta nen&iacute; těžk&eacute; se rozhodnout, kolik je&scaron;tě chce do aplikace investovat času a prostředků, aby byla tip ťop a podle jeho představ.</p>
<h5>Řekněte n&aacute;m, o jak&eacute; aplikaci přem&yacute;&scaron;l&iacute;te, a my se v&aacute;m r&aacute;di ozveme s nez&aacute;vazn&yacute;m n&aacute;vrhem.</h5>

Máte v hlavě nápad na projekt?

Přečtěte si náš blog

Kontakt

Jan Jelínek

Stále rosteme,

Praha

Zlín

Máte v hlavě nápad na další projekt? Pojďme ho probrat.