Sekcja zwłok hybrydyAplikacje HTML na mobilkach od kuchni

Aplikacje mobilne

- Aplikacje webowe- Aplikacje hybrydowe- Aplikacje natywne

Aplikacja internetowa

Program wykonywany i renderowany w przeglądarce internetowej

Aplikacja natywna

Aplikacja napisana pod konkretną platformę przy użyciu narzędzi (SDK) wydanych przez twórców tej platformy.

Aplikacje mobilne

Aplikacja hybrydowa

(Mobilna) Aplikacja hybrydowa to program zawierający elementy aplikacji webowej i

natywnej.

Aplikacja hybrydowaCechy:- logika i interfejs w HTML+CSS+JS- dostęp do komponentów natywnych- jedna aplikacja eksportowana na wiele platform- działanie w offline- dostępne w sklepie z aplikacjami (App Store, Google

Play)

Architektura i działanie

Aplikacje hybrydowa

Aplikacja hybrydowa

Aplikacja hybrydowaWebView/UIWebView - widok służący do wyświetlania stron internetowych

Aplikacja hybrydowa

Aplikacja hybrydowa

Uwaga kod w Javie ;)

Przykład

Java

Przykład

HTML

Apache Cordova

Apache CordovaFramework (zestaw API) do tworzenia aplikacji mobilnych w oparciu o HTML+CSS+JS umożliwiający korzystanie z natywnych komponentów i API danej platformy

CordovaObsługiwane platformy:- Android- iOS- Windows Phone- Blackbery- Firefox OS- Tizen

Cordova

Cordova

Cordova

Architektura

PROJEKTHTML+CSS+JS

BUILD SYSTEM

PROJEKTANDROID

PROJEKTiOS

Architektura

PROJEKT

Biblioteka natywna

Aplikacja HTML

Biblioteka JavaScript

Klasynatywne

Zalety

- jedna aplikacja, wiele platform- dostęp do bogatej bazy bibliotek JS- testowanie z poziomu przeglądarki

desktopowej, brak konieczności kompilacji (na początku !)

Wady

- szybkość :(- ogromna ilość urządzeń/ekranów- czas zaoszczędzony na developmencie

pochłania testowanie- ograniczenia i różnice poszczególnych

przeglądarek

Ograniczenia przeglądarek

Źródło : http://caniuse.com/#compare=ios_saf+8.1-8.3,android+4.1,bb+10,and_chr+42&compare_cats=HTML5

Przykład

NUS extra

Wyszukiwanie okazji i promocji.

Podsumowanie

Dla kogo?

- zespół z mocnym zapleczem webowym- potrzeba wypuszczenia aplikacji na wiele

platform (w tym mało popularne)- potrzeba wykorzystania hardware’u

urządzenia (GPS, akcelerometr)- komponenty natywne nie dostarczają

decydujących funkcjonalności aplikacji

Na co uważać

- responsywny interfejs- zgodność przeglądarek ze standardami- dług technologiczny- ryzyko odrzucenia aplikacji (App Store!)

“Dobrze zrobiona aplikacja hybrydowa powinna zachowywać się i wyglądać jak aplikacja natywna”

Dziękuję za uwagę!