ÚVODNová tvář slovenského zpravodajství
TV Markíza je nejsledovanější slovenskou televizí a její zpravodajský portál tnlive.sk (dříve tvnoviny.sk) denně navštěvují statisíce uživatelů. Na základě úspěšné spolupráce na streamovací platformě Voyo nás klient oslovil se záměrem vytvořit novou zpravodajskou aplikaci pro iOS a Android. Cílem bylo nahradit webový přehrávač za nativní, sladit aplikaci s novou vizuální identitou značky, nabídnout uživatelům nové formáty a výrazně lepší zážitek ze sledování videa a živého vysílání.
VýstupyUX designUI designMobilní aplikaceTestování
KategorieNews
TechnologieKotlin MultiplatformCompose MultiplatformWebViewPushWooshDidomi
VÝZVAJak skloubit nativní aplikaci s webem
Původní aplikace narážela na limity webového přehrávače, který v mobilním prostředí neposkytoval dostatečně plynulý uživatelský zážitek (UX). Klient původně plánoval vývoj kompletně nativní aplikace pro každou platformu, rozpočet ale vyžadoval efektivnější přístup. Souběžně navíc probíhal redesign webu tnlive.sk (dříve tvnoviny.sk), se kterým bylo nutné zůstat vizuálně i obsahově konzistentní. Největší výzvou tak bylo navrhnout hybridní řešení, které chytře propojí nativní prvky s webovým prostředím WebView, zachová konzistentní zkušenost napříč platformami a umožní klientovi další rozvoj bez zbytečných nákladů.
WEB
APP
ŘEŠENÍNativní jádro v hybridní aplikaci
Klíčem k úspěchu se stala volba moderního frameworku Kotlin Multiplatform (KMP) a Compose Multiplatform (CMP). Tato technologie umožňuje sdílet logiku i velkou část UI mezi iOS a Android a kombinovat nativní prvky s webview přesně tam, kde to dává smysl:
- Nativní komponenty: Klíčové části s vysokými nároky na plynulost jako video přehrávač, hlavní navigace, živé vysílání nebo reels jsme vyvinuli nativně.
- WebView: Redakční části aplikace běží přes optimalizované webview, takže obsah lze snadno a rychle aktualizovat přímo přes webové rozhraní.
Tato kombinace má pro klienta praktické výhody:
- Rychlejší a efektivnější vývoj: Promyšlená architektura založená na KMP a CMP šetří náklady a zároveň zachovává nativní uživatelský zážitek tam, kde je nejdůležitější.
- Efektivní správa obsahu: Změny provedené na webu se v aplikaci projeví hned, bez nutnosti vydávat novou verzi přes App Store nebo Google Play.
Součástí naší práce byl také kompletní UX/UI design, návrh API, produktové specifikace a úzká koordinace s webovým týmem klienta.
Kategorie (Native)
Obsah (Web)
Navigace (Native)
ZAJÍMAVOSTITo nejlepší z webu i nativu
Projekt ukazuje, že ne každá aplikace musí být stoprocentně nativní – v některých případech dává větší smysl kombinace nativních komponent a webview. Promyšlená hybridní architektura přináší maximální výkon s výraznou úsporou nákladů:
- Lepší uživatelský zážitek: Nativní přehrávač a klíčové prvky zaručují uživateli kvalitní zkušenost, aniž by klient musel investovat do kompletního přepisu aplikace.
- Vertikální videa (shorts): Klíčovou funkci aplikace – populární videa na výšku – jsme postavili jako plně nativní komponentu pro bleskové a plynulé přehrávání a pohlcující zážitek ze sledování.
- Moderní AI-driven vývoj: Celý cyklus vývoje jsme zrychlili zapojením AI agentů pro přípravu zadání, TDD vývoj, dvoustupňové code review i automatizované testování.
- Cílené push notifikace: Integrovali jsme pokročilý nástroj PushWoosh pro doručování bleskových zpráv.
- Správa souhlasů a monetizace: Pro dodržení GDPR a podporu reklam v přehrávači nasazujeme nástroj Didomi pro správu cookies a souhlasů.
- Jednotná analytika: Ve spolupráci s webovým týmem zajistíme bezproblémový přenos analytických dat a tracking uživatelů napříč nativním i webovým rozhraním.
Výsledkem je moderní zpravodajská aplikace, která uživatelům přináší kvalitní nativní zážitek tam, kde na tom nejvíc záleží, zatímco klientovi šetří čas i náklady na vývoj a správu obsahu.
FAQ
Hybridní přístup dává smysl ve chvíli, kdy klient chce uživateli nabídnout kvalitní mobilní zážitek, ale zároveň nechce nebo nemůže investovat do kompletně nativní aplikace. Typickým řešením je kombinace nativních částí s webview pro obsah, který se často mění. Díky tomu lze výrazně snížit náklady na vývoj i údržbu, aniž by utrpěla uživatelská zkušenost v nejdůležitějších částech aplikace.
Kotlin Multiplatform (KMP) je technologie, která umožňuje sdílet část kódu mezi aplikacemi pro iOS a Android. Compose Multiplatform (CMP) rozšiřuje tento princip i na uživatelské rozhraní (UI). Vývojáři tak nemusí vytvářet dvě oddělené aplikace, ale mohou velkou část logiky i UI sdílet. Výsledkem je rychlejší vývoj, nižší náklady na údržbu a konzistentnější uživatelský zážitek napříč platformami.
Moderní mobilní aplikace mohou kombinovat webview s nativními obrazovkami. Nativní části se využívají tam, kde je důležitý výkon nebo práce se systémovými funkcemi telefonu, například u video přehrávače, navigace nebo push notifikací. Webview se naopak hodí pro obsah, který se často mění a je výhodné ho spravovat přímo z webu. Klíčem je navrhnout architekturu tak, aby přechody mezi oběma světy působily pro uživatele přirozeně.
Nativní video přehrávač nabízí vyšší výkon, plynulejší přehrávání, lepší ovládání a spolehlivější práci s funkcemi telefonu než webový přehrávač vložený do aplikace. U aplikací zaměřených na video nebo živé vysílání bývá právě přechod na nativní přehrávač jedním z největších zlepšení uživatelské zkušenosti.
Ne všechny funkce musí být vyvinuté nativně. Nativní implementace dává největší smysl u částí, které mají zásadní vliv na uživatelský zážitek nebo využívají funkce zařízení, například video přehrávání, navigace, autentizace nebo práce s fotoaparátem. Obsahové stránky nebo články lze naopak často efektivně zobrazovat pomocí webview.
Kompletní přepis aplikace bývá časově i finančně náročný. Pokud současně existuje kvalitní webová verze produktu, může být efektivnější ponechat část obsahu ve webview a nativně implementovat pouze klíčové funkce. Takový přístup umožňuje rychlejší vývoj, jednodušší správu obsahu a nižší dlouhodobé náklady, aniž by bylo nutné dělat kompromisy v nejdůležitějších částech aplikace.
Neexistuje jedno univerzálně nejlepší řešení. Nativní aplikace nabízí maximální výkon a plný přístup k funkcím zařízení. Multiplatformní vývoj pomocí Kotlin Multiplatform umožňuje sdílet velkou část kódu mezi iOS a Android a zrychlit vývoj. Hybridní přístup kombinuje nativní komponenty s webview a pomáhá najít rovnováhu mezi uživatelským zážitkem, náklady a rychlostí vývoje. Správná volba vždy závisí na cílech produktu, rozpočtu klienta a potřebách uživatelů.
Ano. Na projektu jsme uplatnili moderní vývojový proces se zapojením AI nástrojů pro vyšší rychlost i přesnost. Specifikace vznikaly za pomoci AI a byly průběžně ověřovány přímo oproti kódové bázi. Na základě těchto přesných podkladů navrhli AI agenti ve spolupráci s vývojáři implementační plán a kód psali metodou TDD (Test-Driven Development). Špičkovou kvalitu zaručilo dvoustupňové code review – nejprve AI agentem, poté seniorním vývojářem – a navazující automatizované agentní testování.
Team
ManagementSoňa Daneshjoová
DesignMatyáš LinhartEva Menšíková
AndroidJan Mottl
iOSVladislav Komkov
TestingMariya Vorona
