Najczęściej popełniane błędy w wyborze native vs web mobile APP
Edi Skraba
Czym ta prezentacjca nie jest
Ta prezentacja nie ma na celu porównywania rozwiązań i ustalania, które z nich jest lepsze, gdyż to zależy od celów biznesowych...
... ale pomoże ona w podejmowaniu decyzji oraz rzuci trochę światła na możliwości jakie daje HTML5.
Technologia zmienia się z dnia na dzień.

Wczoraj
Dzisiaj
Stereotypy
Mobilna strona ≠ aplikacja
DLACZEGO?
mobilna strona = wersja LITE


Do czego używamy?

Badania Google
(kwiecień 2013 r.): okazało się, że 65 procent amerykańskich nabywców smartfonów wolał używać mobilnych stron zamiast aplikacji do zakupów.
Porównanie
Oto co można wyczytać z większości wyników wyszykiwania w Google
| Web App | Native App | |
|---|---|---|
| Instalacja | nie potrzeba | konieczna |
| Aktualizacje | automatycznie | potrzebna zgoda usera |
| Fragmentacja | jena wersja (HTML) | ze względu na platformę |
| Koszty | niskie | wysokie |
| Ficzery urządzenia | słabo | pełne |
| Praca offline | niemożliwa | możliwa |
|
Szybkśoć |
jak strona www | Szybsze |
| UX & Design | jak storna www | natywny |
Jak to wygląda naprawdę?
Fragmentacja Native

Źródła:
- http://gigaom.com/2013/12/04/fragmentation-lives-ios-7-now-on-74-of-iphones-while-kitkat-has-only-reached-1-of-android-devices/ios-7-adoption-chitika-2/
- http://www.idc.com/getdoc.jsp?containerId=prUS24442013
- https://developer.android.com/about/dashboards/index.html
- http://prntscr.com/2yqydn
Fragmentacja Web

*własne źródło danych
Fragmentacja
Wnioski
-
Dwie wiodące platofrmy Android i iOS.
- Duża fragmentacja przeglądarek w praktyce objawia się koniecznoscią dostosowywania funkcjonalności, wdrażania alternatywnych rozwiązań dla różnych wersji przeglądarek, a nawet rezygnacji z częsci funkcjonalności
Ficzery
Multitouch
Ficzery
Geolokacja
Ficzery
Orientacja/Akcelerometr

Ficzery
Aparat/Kamera

Ficzery
mikrofon (rozpoznawanie mowy)

- https://www.google.com/intl/en/chrome/demos/speech.html
- google.com ("Ok Google")
Ficzery
mało?
- Vibration API
- WebSMS
- WebBluetooth
- Alarm API
- WebPayment
- WebNFC
- i wiele więcej....
Praca offline
Appcache

Praca offilne
Storage
Praca offilne
Storage (WebSQL , IndexedDb)
Szybkosc
Zaczeło się od stwierdzenia pewnego znanego "specjalisty" IT:

"Our Biggest Mistake Was Betting Too Much On HTML5"
Szybkosć
Szybka odpowiedź
- minimalizacja drzewa DOM
- Szybkie "malowanie" layoutu w przeglądarce
- Płynne animacje z wykorzystaniem akcelerecji GPU
- Szybkie Java Scirpty
UX & Design
Poważnie?

UX & Design


Prydatne źródła
- http://mobilehtml5.org/
- http://www.html5rocks.com/en/
- http://www.chromeexperiments.com/
- https://wiki.mozilla.org/WebAPI
Dziękuję
Najczęściej popełnianie błędy w wyborze native vs mobile web app
By Edward Skraba
Najczęściej popełnianie błędy w wyborze native vs mobile web app
- 2,536



