Aplikacje mobilne tworzone w technologiach webowych

download Aplikacje mobilne tworzone w technologiach webowych

of 25

  • date post

    17-Jul-2015
  • Category

    Mobile

  • view

    403
  • download

    0

Embed Size (px)

Transcript of Aplikacje mobilne tworzone w technologiach webowych

  • Aplikacje mobilnetworzone w technologiach webowych

  • AutorTomasz Borowski

    Ruby on RailsEmber, Angular, Ionic

    TomaszBorowski.com

  • 1.Podzia aplikacji mobilnychze wzgldu na jzyk programowania

  • Aplikacje natywne

    Napisane s w jzyku, na ktrym bazuje system operacyjny danego urzdzenia.

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

  • Aplikacje cross-platform

    Dziaaj na wicej ni jednym systemie operacyjnym i architekturze.

    HTML5 JavaScript CSS

  • 2.Zalety i wady cross-platformw porwnaniu do aplikacji natywnych

  • Szybsza realizacja i niszy koszt projektu

    vs

  • Jednolite UI i UX na wszystkich platformach

    Naley pamita, e systemy operacyjne rni si m. in. wygldem animacjami obsugiwanymi

    gestami

    Place your screenshot here

    Place your screenshot here

  • Wygodne debugowanie z uyciem webowych narzdzi

    Chrome Inspector w trybie Device

    Place your screenshot here

  • Mniejsza wydajno i szybko pracy

    Aplikacje cross-platform bd zawsze wolniejsze od natywnych.

    Jednake rozwj sprztu i oprogramowania bdzie zaciera t rnic.

  • 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

    rozwj sprztu na przykadzie Samsung S3 i S5

  • Technologie cross-platform nie sidealne, ale mog by bardzo dobre dla tworzenia

    aplikacji mobilnych o kompromisowych wymaganiach.

  • 3.Aktualne rozwizania cross-platform

  • Cordova (PhoneGap)

    BudowaniePozwala budowa tzw. paczki dla poszczeglnych platform, ktre mog by nastpnie uyte do dystrybucji.

    SensoryPoprzez JavaScriptowe API pozwala korzysta ze sprztowej warstwy urzdzenia, czyli np. kamery, GPS, akcelerometru.

    DaneTake poprzez JavaScriptowe API umoliwia odczyt i zapis danych w pamici urzdzenia, a take dostp do kontaktw.

  • jQuery Mobile (2010)

    Gwne przeznaczenie to mobilne wersje stron internetowych.

    obsuga 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 mody, ale szybko rozwijajcy siframework. oparty o AngularJS Ionic CLI Ionic View widoki w HTML

  • 4.Proces tworzenia aplikacji cross-platform

  • Wybr bibliotek, narzdzi i platform

    wybierz jeden wybierz jeden wybierz wiele :)

  • Proces tworzenia aplikacji cross-platform

    piszemy kod

    aplikacji

    testujemy na

    urzdzeniu

    publikujemy aplikacj dla

    testerw

    testujemy w przegldarce

    publikujemyaplikacj

    w marketach

  • 5.Przykad aplikacji cross-platform

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

    Gra lokalizacyjna polegajca na zbieraniu i odpowiadaniu na pytania dotyczce IT i DWO.

    Place your screenshot here

  • Dzikuj!Pytania?

    Kontakt i wicej 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