Android, iOS, Windows Phone... Czy zróżnicowanie platform i języków programowania musi być przeszkodą w tworzeniu aplikacji mobilnych? Na szczęście nie! Dzięki technologiom webowym możemy tworzyć oprogramowanie działające na wielu platformach, a posiadane doświadczenie w HTML i JavaScript może znacznie przyspieszyć pracę i ukończenie projektu. Podczas wystąpienia zostaną przedstawione dostępne narzędzia i biblioteki do tworzenia cross-platformowych aplikacji mobilnych.

1. Aplikacje mobilne
tworzone w technologiach
webowych

2. Autor
Tomasz Borowski
Ruby on Rails
Ember, Angular, Ionic
TomaszBorowski.com

3. 1.
Podział aplikacji
mobilnych
ze względu na język programowania

4. Aplikacje natywne
Napisane są w języku,
na którym bazuje
system operacyjny
danego urządzenia.
◎ Android - Java
◎ iOS - Objective-C
◎ Windows - C#

5. Aplikacje cross-platform
Działają na więcej niż
jednym systemie
operacyjnym i
architekturze.
◎ HTML5
◎ JavaScript
◎ CSS

6. 2.
Zalety i wady
cross-platform
w porównaniu do aplikacji natywnych

7. Szybsza realizacja i niższy koszt projektu
vs

8. 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

9. Wygodne debugowanie z użyciem webowych narzędzi
Chrome Inspector w trybie Device
Place your screenshot here

10. 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ę.

11. 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

12. “
Technologie cross-platform
nie są idealne, ale mogą być
bardzo dobre dla tworzenia
aplikacji mobilnych o
kompromisowych wymaganiach.

13. 3.
Aktualne rozwiązania
cross-platform

14. Cordova (PhoneGap)
Budowanie
Pozwala budować tzw. paczki dla
poszczególnych platform, które
mogą być następnie użyte do
dystrybucji.
Sensory
Poprzez JavaScriptowe API
pozwala korzystać ze sprzętowej
warstwy urządzenia, czyli np.
kamery, GPS, akcelerometru.
Dane
Także poprzez JavaScriptowe API
umożliwia odczyt i zapis danych w
pamięci urządzenia, a także dostęp
do kontaktów.

15. jQuery Mobile (2010)
Główne przeznaczenie
to mobilne wersje
stron internetowych.
◎ obsługa zdarzeń
◎ widoki w HTML

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

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

18. 4.
Proces tworzenia
aplikacji cross-platform

19. Wybór bibliotek, narzędzi i platform
wybierz jeden wybierz jeden wybierz wiele :)

20. Proces tworzenia aplikacji cross-platform
piszemy
kod
aplikacji
testujemy
na
urządzeniu
publikujemy
aplikację dla
testerów
testujemy w
przeglądarce
publikujemy
aplikację
w marketach

21. 5.
Przykład aplikacji
cross-platform

22. DWO: Wyzwanie IT
Ionic Framework, Cordova,
Geolocation, Media.
Gra lokalizacyjna polegająca
na zbieraniu i odpowiadaniu
na pytania dotyczące IT i DWO.
Place your screenshot here

23. Dziękuję!
Pytania?
Kontakt i więcej informacji o mnie
TomaszBorowski.com

24. 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)

25. 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