Sekaisin mobiilista - Vincit Teatime 2014
•
0 j'aime•1,511 vues
Kuvittele, että olet tilanteessa, jossa sinulla on mahtava tuote, mutta sinulla ei ole tarjota oikein mitään mobiilikäyttäjille. Pysähdyt hetkeksi miettimään vaihtoehtojasi:“Pitäisikö tehdä mobiiliwebbisivu? Vai kannattaisiko sittenkin toteuttaa natiivisovellus? Niitä pitäisi tehdä ainakin kolme, jotta saisin tuen kaikille suosituimmille alustoile. Entä hybridisovellukset tai jokin cross platform -työkalu? Eikös se säästäisi kustannuksissa, koska tarvitsisi tehdä vain yksi sovellus kaikille alustoille?” Vincitillä olemme toteuttaneet mobiiliprojekteja lähes kaikille alustoille. Kerron mitä olemme oppineet ja millaisia ongelmia kohdanneet, jotta sinun ei tarvitse olla sekaisin mobiilista.
Recommandé
Recommandé
Contenu connexe
Similaire à Sekaisin mobiilista - Vincit Teatime 2014
Similaire à Sekaisin mobiilista - Vincit Teatime 2014 (20)
Plus de VincitOy
Plus de VincitOy (18)
Sekaisin mobiilista - Vincit Teatime 2014
- 3. Android 4.3 WebKit lähdekoodi toDataURL() funktio Sama funktio Android 2.3.x lähdekoodissa
- 4. FRAGMENTAATIO Mitä se on ja miten se vaikeuttaa mobiilisovellusten tekoa? 4 Kuva: http://www.mactrast.com/2012/05/visualized-‐the
- 5. 5 MOBIILIALUSTAT, TOP3 Tilastojen lähde: http://gs.statcounter.com/ WP 22% Alustojen suosio Suomessa Eurooppa WP 3,6% Globaalisti: WP 2,2% Android 38% iOS 36%
- 6. 6 MOBIILIALUSTAT, MUUT Tilastojen lähde: http://gs.statcounter.com/
- 7. 7 iOS Näyttökoko ja resoluutio iPads vs iPhones iPhonet 3.5” ja 4” Retina vai ei-‐retina Kuvat: http://david-‐smith.org/iosversionstats/ iOS Versiot iOS7: iPhone 4 tai iPad2 ja uudemmat
- 8. • Samat ongelmat kuin iOS:llä • Lisäksi eri valmistajia, mutta käytännössä Nokia/ Microsoft nykyään 100% • Merkittävin ero WP7 <-> WP8 eivät yhteensopivia – WP8 paljon uusia ominaisuuksia ja muutoksia – WP7 ei päivitettävissä – WP8 osuus 78,3% joulukuu 2013 – WP7 puhelimia ei enää valmisteta • Tablettisovellukset Windows 8 / WinRT sovelluksia 8 WP FRAGMENTAATIO
- 9. 9 ANDROID: OS VERSIOT • Päivitysten jakelu laitevalmistajilla: hitaat päivitykset • 4.x.x versioissa erot pieniä • Jos tuki pitää ulottaa 2.3.x versioihin, tulee enemmän työtä Kuva: http://developer.android.com/about/dashboards/index.html?utm_source=ausdroid.net
- 10. 10 ANDROID: NÄYTTÖKOOT Kuva: http://developer.android.com/about/dashboards/index.html?utm_source=ausdroid.net • Laaja valikoima eri näyttökokoja • Graafikolle mahdollisesti työlästä
- 11. 11 ANDROID: LAITTEET Kuva: http://www.idownloadblog.com/2013/07/30/the-‐terrible-‐state-‐of-‐android-‐fragmentation/ 599 eri laitevalmistajaa 11 868 erilaista laitetta Heinäkuussa 2013:
- 12. • Sovellus, joka tunnistaa puhelimen ollessa taskussa kävelyn, pyöräilyn, juoksun ja bussissa tai autossa matkustamisen • Tehtiin Androidille, käytti Androidin rajapintoja liikkeen tunnistamiseen • Ongelma: Sensorien toiminta laitevalmistajien päätettävissä • Mitä sensori tekee kun laitteen näyttö on pois päältä? • Osa laitteista sammutti sensorin, osa piti päällä, pieni osa palautti jopa nolladataa • Millä taajuudella sensori palauttaa dataa? • Pyydettäessä 50 Hz, tuli vähän mitä sattuu ja usein ei taajuus ei edes pysynyt vakiona 12 CASE HOOKIE
- 13. 13 Kokonaan omat versiot Androidista Ulkonäölliset uudistukset ANDROID: ERI VERSIOT Pinnalliset räätälöinnit Kokonaan omat versiot Androidista
- 14. HALUAT KUITENKIN TEHDÄ MOBIILISOVELLUKSEN Tässä tulee vaihtoehtoja miten 14
- 15. 15 NATIIVISOVELLUS SDK + Lähdekoodi Natiivisovellus SDK + Lähdekoodi Natiivisovellus SDK + Lähdekoodi Natiivisovellus
- 16. Natiivina toteutettu sovellusrunko 16 HYBRIDISOVELLUS = HTML5 Natiivina toteutettu sovellusrunko Webview API Bridge Alustan toiminnallisuus HTML/CSS/Javascript
- 19. • Sovellus metsästyskoirien liikkeiden seuraamiseen puhelimella • Android ja Web Client • Natiivisovellus kaikilta muilta osin, paitsi HTML5 kartat • Tavoite: yhteinen koodi webclientin kanssa • HTML-karttateknologiaksi OpenLayers 19 HYBRIDISTÄ OPITTUA
- 20. 20 HYBRIDISTÄ OPITTUA 2 Webview kartat Natiivina tehty sovellus-‐ logiikka JSON
- 21. • Protoile riskit • Kartat hybrideissä hankalia – Käyttökokemus huonompi kuin natiivi – Suorituskyky huonompi kuin natiivi 21 HYBRIDISTÄ OPITTUA 3
- 22. • Webclient toimii iPhonella hyvin • Hyödyntää Androidiin tehtyä HTML-karttakoodia 22 JOTAIN HYVÄÄKIN
- 23. 23 RISTIKÄÄNNETYT SDKT SDK lähdekoodi Kirjasto/ runtime Natiivisovellus
- 26. MIKÄ TEKNOLOGIA KANNATTAA VALITA? Eri vaihtoehtojen hyviä ja huonoja puolia 26
- 27. 27 NATIIVISOVELLUS Edut Haitat • Look and Feel • Suorituskyky • Kaikki alustan mahdollisuudet • Hyvät työkalut • Kartat ja muut alustan APIt • Kustannukset
- 28. 28 HYBRIDISOVELLUS Edut Haitat • Kustannukset • Look and Feel varauksin • Päivitysnopeus jos pääsisältö palvelimelta • Uutissovellukset ja mediasovellukset • Suorituskyky • Työkalut • Teknologian valinta
- 29. 29 RISTIKÄÄNNETTY SOVELLUS Edut Haitat • Suorituskyky • Kustannukset • Soveltuu etenkin peleihin • Look and Feel • Työkalut • Teknologian valinta
- 30. 30 HYBRIDI/HTML5 TAI RISTIKÄÄNNÖS ON AINA KOMPROMISSI - MUTTA MONESTI HYVÄ SELLAINEN
- 32. 32 ESIMERKKEJÄ NATIIVISTA Kuva kaukosäätimestä: http://www.steinwaylyngdorf.com/product Steinway Lyngdorf Remote Evice
- 33. 33 ESIMERKKI HYBRIDISTÄ Team Action Zone: ActionTrack Muutamia media- taloille toteutettuja sovelluksia
- 35. 35 VILLI KORTTI: MOBIILIWEB Edut Haitat • Päivitysnopeus • Samat UI- teknologiat kuin hybrideissä • Löydettävyys hakukoneilla • Pieni käyttökynnys • Erittäin rajoittunut pääsy alustan toimintoihin • Hidas • Sovelluskaupan tulot = 0€
- 37. • Teknologiasta riippumatta, tee ensin yksi alusta kuntoon ja pidä se “pääalustana”, jolle kaikki tehdään ensin • Muita alustoja tehdessä: muista regressiotestaus jos hybridi tai ristikäännetty • Etenkin hybrideissä ja ristikäännetyissä testauksen automatisoiminen kullan arvoista • Tosin etenkin automatisoitu järjestelmätestaus kohdelaitteessa hankalaa • Jos et tunne teknologiaa hyvin, tee paljon protoja 37 HYVIÄ KÄYTÄNTÖJÄ