Pohodlí je něco, s čím nikdy nemůžeme být plně spokojeni. Proto jsou vývojáři softwaru vždy nuceni posouvat své hranice, aby vytvořili lepší uživatelský zážitek, aniž by to bylo na úkor funkčnosti. To vše v zájmu úspory odlivu v dnešním konkurenčním podnikání. Lidé chtějí pohodlí, a proto jsou hybridní aplikace vítány.

Co je na hybridních aplikacích tak jedinečného? WebViews!

Hybridní aplikace

Jak název napovídá, jedná se o směs nativních a webových aplikací. Jsou k dispozici v obchodech s aplikacemi ke stažení a vyžadují ověření přístupu ze zařízení jako nativní aplikace, ale zároveň mají v aplikaci zabudovaný prohlížeč (WebView) pro vykreslování HTML. Dobrým příkladem hybridní aplikace je Instagram.

Pamatujete si na dobu, kdy jsme pro přístup k jakémukoli odkazu třetí strany museli tento odkaz otevřít v novém prohlížeči v zařízení, což mělo za následek, že jsme se přesunuli mimo aplikaci, kterou jsme chtěli používat? To byla katastrofa pro UX, která byla vyřešena vytvořením okna prohlížeče v aplikaci pro usnadnění webových stránek třetích stran v rámci rozvržení činnosti. Chvála WebViews!”

Proč potřebujete WebViews?”

• Zajišťují lepší kontrolu nad uživatelským rozhraním aplikace.
• Nemusíte aktualizovat celou aplikaci, pokud chcete pouze aktualizovat obsah aplikace, například pokud chcete v aplikaci zveřejnit chystaný prodej nebo jinou zajímavou nabídku.
• Nebudete tlačeni do jiné aplikace třetí strany, ale naopak budete přesměrováni do prohlížeče v aplikaci, který za vás stáhne obsah z webu. To poskytuje pohodlí, že zůstáváte v zamýšlené aplikaci. Vezměte si například Instagram, kde musíte v některých příbězích přejet prstem nahoru a jste přesměrováni na webovou stránku prostřednictvím prohlížeče v aplikaci, místo abyste obsah otevřeli v prohlížeči Chrome, Safari, Firefox nebo jiném prohlížeči. Na přesměrované webové stránce se můžete volně pohybovat po obsahu posouváním nahoru/dolů, zvětšováním/zmenšováním nebo vyhledáváním textu.
• WebViews umožňují vývoj napříč platformami, což vede ke snížení nákladů na vývoj a flexibility pro vývojáře. Poznámka: Nemůžeme však vytvořit jediné sestavení aplikace, které by fungovalo na více operačních systémech. Můžeme pouze usnadnit vývoj jiného sestavení pomocí webových rozšíření prostřednictvím HTML, CSS, JavaScriptu atd.
• Společnosti často usilují o vytvoření obalové aplikace existující webové aplikace. Tímto způsobem se společnosti snaží vytvořit přítomnost v obchodech s aplikacemi s relativně menším úsilím. Také frameworky jako Ionic umožňují přidat aplikaci do obchodu s aplikacemi a nasadit ji na mobilní web jako PWA.

Pro vygenerování webového pohledu potřebuje vývojář:

• Vytvořit instanci třídy webview.
• Vložit do aplikace prohlížeč.
• Přidat funkce prohlížeče pomocí knihovny WebView.
• Přidat oprávnění k internetu do souboru manifestu systému Android.
• Přidat kód pro WebView, který otevře prohlížeč v aplikaci.

Testování WebView – Vztahuje se k vytváření a provádění testovacích případů pro kontrolu účinných mechanismů fungování WebView.

Při testování WebViews si všímejte následujících věcí:

• Ověřte, zda aplikace reaguje v souladu se zamýšleným chováním, přerušením načítání webové stránky.
• Pokud váš obsah obsahuje hypertextové odkazy na e-mailové adresy ve WebView, pak se ujistěte, že tyto hypertextové odkazy po klepnutí otevírají poštovní aplikaci v zařízení.
• Podobným způsobem otestujte hypertextový odkaz na telefonní číslo – směruje uživatele k vytočení čísla aplikace, nebo ne? Také jak reaguje tento hypertextový odkaz, pokud není v zařízení vložena SIM karta?
• Testujte odezvu WebView v různých režimech sítě – 2G, 3G, WiFi, LTE.
• Testovat by se měly také speciální znaky. Spolu se zvětšováním/zmenšováním, procházením webového obsahu rolováním nahoru/dolů nebo procházením obrazovky rolováním doleva/doprava.
• Testujte toleranci WebView vůči vnějším faktorům, jako jsou SMS, pokles signálu, oznámení, volání atd.
• Testujte chování aplikace při spuštění externí aplikace pomocí hypertextového odkazu z webového obsahu.
• Měňte orientaci zařízení a otestujte, zda je váš webový obsah schopen je podporovat.
• Testujte, zda je zobrazení grafiky uspokojivé.
• Komprimujte okno prohlížeče a zjistěte, zda je text vhodně komprimován.
• Platforma pro různé prohlížeče bude velmi užitečná při testování výše uvedených tipů k testování. Poskytne také představu o tom, jak se váš WebView zobrazuje cílovému publiku.

Jak provést testování WebView

Espresso Web pro Android WebView – Tento nástroj pomáhá při zkoumání a kontrole chování komponent uživatelského rozhraní WebView pomocí opětovného použití atomů z rozhraní WebDriver API. Je to jeden z nejčastěji používaných nástrojů pro testování hybridních aplikací. Je nutný ke kontrole Integrace nativních komponent uživatelského rozhraní aplikace a jejích komponent uživatelského rozhraní WebView.

Před použitím nástroje Espresso Web je třeba důkladně analyzovat zdrojový kód webové stránky pro určení háčků pro její metody. Proto by to u rozsáhlých webových stránek mohlo být velmi složité.

Alternativní přístup

Jiný přístup by zahrnoval zapomenutí na kód třetích stran a zaměření se pouze na kód založený na systému Android. WebView v podstatě mapuje prvky webové stránky; umožňuje uživateli s nimi komunikovat prostřednictvím objektů Android View a jejich rozšíření. Tato zobrazení nemají ID, což je činí nedostupnými pomocí funkce findViewById(int id), ani k těmto ID nemáte přístup v balíčku aplikace.

To neznamená, že je nemůžete sledovat. Můžete s pomocí Android Device Monitoru, samostatného nástroje pro poskytování uživatelského rozhraní, který pomáhá více nástrojům pro analýzu a ladění aplikací Android.

• Pomocí Android Device Monitoru musíte pořídit snímek každé obrazovky v emulátoru.
• Získejte představu o tom, jak jsou WebViews vnitřně strukturovány.
• Provádějte na nich akce s pomocí UiAutomatoru.

Pomocí UiAutomatoru se můžete podívat, jak jsou WebViews vnitřně strukturovány.