aplikacje mobilne tworzone w technologiach webowych
TRANSCRIPT
AutorTomasz Borowski
Ruby on RailsEmber, Angular, Ionic
TomaszBorowski.com
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
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.
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
Proces tworzenia aplikacji cross-platform
piszemy kod
aplikacji
testujemy na
urządzeniu
publikujemy aplikację dla
testerów
testujemy w przeglądarce
publikujemyaplikację
w marketach
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
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