Image
12.7.2019 0 Comments

Ako sa nepopáliť pri vývoji hybridných aplikácií

Digitálnemu svetu dnes dominujú mobilné aplikácie. Prehliadanie webu na desktopoch je na ústupe a v roku 2017 začali prevládať mobilné zariadenia. Smartfóny a mobilné aplikácie začínajú valcovať desktopy a notebooky, nehovoriac o tabletoch, ktoré používajú len necelé 4 percentá ľudí.

Mobilné aplikácie sú teda prioritou väčšiny firiem, ktoré sa vývojom softvéru zaoberajú. Nehovoríme však len o aplikáciách či hrách, ktoré sú určené na zábavu – prakticky všetko, čo sa točí okolo biznisu či pracovnej činnosti, sa presunulo do mobilov.  Jedného dňa však môžete stáť pred zložitým rozhodnutím: Potrebujem pre svoj biznis natívnu mobilnú apku alebo mi bude viac vyhovovať hybridná aplikácia?

Natívne aplikácie sú určené výhradne pre mobilné platformy iOS a/alebo Android, kódujú sa v jazyku špeciálne vyvinutom pre danú platformu a inštalujú sa priamo do mobilného zariadenia. Hybridné aplikácie kombinujú prvky natívnych a webových aplikácií, používajú jeden zdrojový kód, jednotný framework, vyvíjajú sa naraz pre viaceré platformy a dokážu pracovať s natívnymi funkcionalitami mobilného zariadenia pomocou API a rôznych pluginov. Poďme sa teda pozrieť na to, ako sa hybridná aplikácia vyvíja na „zelenej lúke“ a čo pri vývoji nesmieme podceniť.

Analyzujte, analyzujte a ešte raz analyzujte

Dvakrát meraj a raz rež. Toto staré príslovie platí pri vývoji hybridnej apky dvojnásobne. Vystihuje totiž najdôležitejší nosný prvok projektu, ktorý sa chystáte realizovať, pričom o aplikáciách neviete vôbec nič. Prv než sa do tohto dobrodružstva pustíte, dajte si v renomovanej firme urobiť podrobnú analýzu projektu.

Skúsme si to ilustrovať na príklade.

Predstavte si, že vaša úloha je vytvoriť na prvý pohľad bežnú hybridnú aplikáciu, určenú pre platformy iOS, Android a web. Mala by obsahovať bežné funkcie – rôzne druhy prihlásenia, vytváranie obsahu používateľmi, synchronizáciu kontaktov medzi apkou a mobilom, nahrávanie fotiek, videí či ďalších súborov alebo platby za predplatený obsah. 

Po základnej analýze zistíte, že existuje množstvo pluginov, ktoré postačia vašim potrebám a na prvý pohľad budú pre vás vhodné. V ich dokumentácii je uvedená podpora naprieč všetkými platformami a dokáže s nimi pracovať aj stredoškolák. Poviete si, super, problém vyriešený, ušetrím kopu peňazí. Využijete pluginy a tešíte sa, akú perfektnú apku si z nich poskladáte. A práve vtedy narazíte na veľký problém.

Existujúce pluginy nie sú všetko

Ak vás pred týmto bezhlavým postupom nikto vopred nevaroval, urobíme to teraz my: Fakt to nerobte. Venujte radšej viac času konzultáciám s profesionálmi, ktorí budú vašim potrebám rozumieť a navrhnú vám riešenie na mieru šité. Môžete sa totiž popáliť napríklad na tom, že konkrétny plugin v novších verziách Androidu už nemá podporované funkcie, ktoré potrebujete využívať.

Pri analýze nezabúdajte ani na výber serverov, vhodnú API technológiu či framework, ktorý budete používať na frontende. Nezabudnite si pripraviť viaceré scenáre testovania a hlavne si krok za krokom overte odlišnosti rôznych platforiem a náklady, ktoré na to budete musieť vynaložiť. 

Po analýze si dôkladne naplánujte realizáciu projektu, určite nevynechajte ani jeden z ďalej uvedených postupov. Nezabúdajte, že kvalitná firma by vám mala všetko podrobne vysvetliť, názorne ukázať a zároveň detailne previesť celým procesom vývoja apky.

Návrh databázového modelu

Toto je úloha pre senior analytika alebo architekta. Ak vás budú presviedčať, že to zvládne hocikto, neverte im. Ide o komplexný proces, v ktorom sa pomocou špeciálnych nástrojov navrhne kompletný databázový model so všetkými závislosťami. Slúži ako podklad na tvorbu API.

Graficky návrh frontendovej časti aplikácie

Úloha pre skúsených grafikov a UX dizajnérov. V tejto fáze sa vytvárajú wireframes alebo dizajn aplikácie, dôraz sa kladie na efektivitu, použiteľnosť a čo najjednoduchšie ovládanie používateľského prostredia. Po finalizácii a schválení wireframes sa pracuje na konečnej podobe grafického dizajnu aplikácie.

Vytvorenie a zdokumentovanie API

Po návrhu databázového modelu nastupujú backend programátori (Java, PHP, Ruby), ktorí vytvoria backendovú časť aplikácie. Zvyčajne pracuje cez volania REST alebo GRAPHQL a funguje ako medzičlánok medzi frontendovou aplikáciou a databázou. Po vytvorení jednotlivých služieb sa zdokumentuje spôsob, prostredníctvom ktorého sa určí, aké možnosti konkrétne volanie poskytuje a aké dáta z neho získame. 

Návrh aplikačnej logiky frontendovej aplikácie a servisnej vrstvy ide ruka v ruke s modelmi

Po ukončení prác na API sa začína pracovať na frontendovej časti aplikácie. Ako prvá sa vytvorí štruktúra aplikácie rozdelená podľa modulov, následne sa pracuje na vytvorení modelov a definovaní servisných volaní, ktoré sa namapujú na modely. Tie sa posielajú do jednotlivých komponentov aplikácie, ktorá s nimi pracuje. Nasleduje použitie vhodných pluginov potrebných na chod aplikácie a implementácia grafického návrhu do používateľského rozhrania.

Testovanie projektu & bug fixing

Nikdy aplikáciu nevypustite do sveta bez opakovaného a dôkladného testovania. Mal by ho robiť tím šikovných testerov, ktorí apku otestujú krížom-krážom – vyskúšajú jej funkčnosť, používateľské rozhranie, podrobia automatizovaným testom a prípadné chyby nahlásia vývojárom, ktorí ich opravia.

Devops & vypustenie hotovej aplikácie

Až po dôkladných testoch všetkých funkcionalít a vyladení chýb nasleduje fáza implementácie a integrácie apky na servery. Doladia sa posledné detaily, a keď je všetko tak, ako má byť, hotová aplikácia sa nasadí do mobilných obchodov. 

Teraz už viete, ako na hybridných apkách pracujú profesionáli. Nezabudnite na to, keď sa rozhodnete investovať svoje ťažko zarobené peniaze do vývoja tej vašej.


Nechajte si posielať prehľad najdôležitejších správ emailom

Mohlo by Vás zaujímať

ITPro

Nástroj na tímovú komunikáciu a spoluprácu

04.09.2019 13:54

Možno sa vám bude nadpis článku zdať duplicitný. Prečo spomíname aj komunikáciu, bez ktorej tímová spolupráca predsa nemôže fungovať? Microsoft Teams je k dispozícii v bezplatnej verzii Freemium aj v  ...

ITPro

Praktická kryptológia (27. časť): SHA-2, SHA-3

04.09.2019 13:44

Týmto článkom ukončíme tému, v rámci ktorej sme sa venovali základným hašovacím algoritmom. Túto oblasť však ešte úplne neuzavrieme. K hašovacím algoritmom sa určite vrátime a to v súvislosti s ich pr ...

ITPro

Made in Slovakia: Predstavujeme zaujímavé startupy

04.09.2019 12:44

Kimbino - Aktuálne letáky, katalógy a zľavy Kimbino prináša online akciové letáky a katalógy  z vyše 32 krajín sveta, pričom len zo Slovenska pokrýva viac ako 120 obchodov. Sú prehľadné a jednoducho s ...

q

Žiadne komentáre

Vyhľadávanie

AMCHAM 2019

Najnovšie videá

elearn