Aplikacje mobilnetworzone w technologiach webowych

AutorTomasz Borowski

Ruby on RailsEmber, Angular, Ionic

TomaszBorowski.com

1.Podział aplikacji mobilnychze względu na język programowania

Aplikacje natywne

Napisane są w języku, na którym bazuje system operacyjny danego urządzenia.

◎ Android - Java◎ iOS - Objective-C◎ Windows - C#

Aplikacje cross-platform

Działają na więcej niż jednym systemie operacyjnym i architekturze.

◎ HTML5◎ JavaScript◎ CSS

2.Zalety i wady cross-platformw porównaniu do aplikacji natywnych

Szybsza realizacja i niższy koszt projektu

vs

Jednolite UI i UX na wszystkich platformach

Należy pamiętać, że systemy operacyjne różnią się m. in.◎ wyglądem◎ animacjami◎ obsługiwanymi

gestami

Place your screenshot here

Place your screenshot here

Wygodne debugowanie z użyciem webowych narzędzi

Chrome Inspector w trybie Device

Place your screenshot here

Mniejsza wydajność i szybkość pracy

Aplikacje cross-platform będą zawsze wolniejsze od natywnych.

Jednakże rozwój sprzętu i oprogramowania będzie zacierał tą różnicę.

Mniejsza wydajność i szybkość pracy

Rok 2012 - S3 Rok 2015 - S5

Procesor 4 x 1.4 GHz 4 x 2.5 GHz

RAM 1 GB 400 MHz 2 GB 933 MHz

Pixel Rate 0.5 GPixel/s 3.6 GPixel/s

Wersja systemu Android 4.0.4 Android 4.4.2

rozwój sprzętu na przykładzie Samsung S3 i S5

“Technologie cross-platform nie są idealne, ale mogą być bardzo dobre dla tworzenia

aplikacji mobilnych o kompromisowych wymaganiach.

3.Aktualne rozwiązania cross-platform

Cordova (PhoneGap)

BudowaniePozwala budować tzw. paczki dla poszczególnych platform, które mogą być następnie użyte do dystrybucji.

SensoryPoprzez JavaScriptowe API pozwala korzystać ze sprzętowej warstwy urządzenia, czyli np. kamery, GPS, akcelerometru.

DaneTakże poprzez JavaScriptowe API umożliwia odczyt i zapis danych w pamięci urządzenia, a także dostęp do kontaktów.

jQuery Mobile (2010)

Główne przeznaczenie to mobilne wersje stron internetowych.

◎ obsługa zdarzeń◎ widoki w HTML

Sencha Touch (2010)

Popularny framework MVC do tworzenia aplikacji cross-platform.◎ oparty o EXT JS◎ Sencha CMD◎ data model◎ widoki w JS

Ionic Framework (2014)

Bardzo młody, ale szybko rozwijający się framework.◎ oparty o AngularJS◎ Ionic CLI◎ Ionic View◎ widoki w HTML

4.Proces tworzenia aplikacji cross-platform

Wybór bibliotek, narzędzi i platform

wybierz jeden wybierz jeden wybierz wiele :)

Proces tworzenia aplikacji cross-platform

piszemy kod

aplikacji

testujemy na

urządzeniu

publikujemy aplikację dla

testerów

testujemy w przeglądarce

publikujemyaplikację

w marketach

5.Przykład aplikacji cross-platform

DWO: Wyzwanie ITIonic Framework, Cordova, Geolocation, Media.

Gra lokalizacyjna polegająca na zbieraniu i odpowiadaniu na pytania dotyczące IT i DWO.

Place your screenshot here

Dziękuję!Pytania?

Kontakt i więcej informacji o mnie

TomaszBorowski.com

Credits

Special thanks to all the people who had made and released these awesome resources for free:◎ Presentation template by SlidesCarnival◎ Photographs by Unsplash & Death to the Stock Photo

(license)

Images

◎ Android and Java - XDA Developers◎ Mobile Performance - Betanews◎ PhoneGap Line - DMXzone◎ jQuery mobile example - Christophe Coenraets◎ Sencha Touch example - Bryntum◎ Ionic Framework example - Mallzee