41

VT17 - DA355A - Hybridapplikationer

Embed Size (px)

Citation preview

Page 1: VT17 - DA355A - Hybridapplikationer
Page 2: VT17 - DA355A - Hybridapplikationer

Dagens agenda

Första passet• Native vs. Webbapplikationer?• Hybridapplikationer• PhonegapAndra passet• D3.js

Page 3: VT17 - DA355A - Hybridapplikationer

Frågor om inl. 2?

Page 4: VT17 - DA355A - Hybridapplikationer

Frågor om projektet?

Page 5: VT17 - DA355A - Hybridapplikationer

Att bygga applikationer med webbtekniker

HTML / CSS / JS / m.m.

Page 6: VT17 - DA355A - Hybridapplikationer

http://www.sheridan.com/sites/default/files/blogs_journals_nativevsweb_0711.png

Page 7: VT17 - DA355A - Hybridapplikationer

Vilka för- och nackdelar finns det med webbapplikationer och nativa applikationer?

Page 8: VT17 - DA355A - Hybridapplikationer

http://imgur.com/EZPFB

Page 9: VT17 - DA355A - Hybridapplikationer
Page 10: VT17 - DA355A - Hybridapplikationer

Vilka är era topp 3 applikationer?(som inte är förinstallerade)

Page 11: VT17 - DA355A - Hybridapplikationer
Page 12: VT17 - DA355A - Hybridapplikationer

https://fbombmedia.com/wp-content/uploads/2014/09/native_hybrid_web_app_development_3.jpg

Page 13: VT17 - DA355A - Hybridapplikationer

http://mobilenext.net/wp-content/uploads/2014/07/native_main_mini_new.jpg

Page 14: VT17 - DA355A - Hybridapplikationer

https://cdn2.hubspot.net/hubfs/2256160/Imported_Blog_Media/web-hybrid-native-employee-app.jpg?t=1487242941372

Page 15: VT17 - DA355A - Hybridapplikationer
Page 16: VT17 - DA355A - Hybridapplikationer

Saker att tänka på vid hybridappar

• HTML5 is NOT better than native, but it rarely matters• It is possible to create iOS applications without a Mac• You need to use a HTML5 framework, and you need to choose a good

one• HTML5 can do EVERYTHING native can do• There are elitist native developers and defensive HTML5 developers• The DOM is the biggest determining factor for performance• Debugging is sometimes awesome, sometimes difficult

https://www.joshmorony.com/7-lessons-from-3-years-of-html5-mobile-application-development/

Page 17: VT17 - DA355A - Hybridapplikationer

Vilka appar är hybridappar?

Page 18: VT17 - DA355A - Hybridapplikationer
Page 19: VT17 - DA355A - Hybridapplikationer

Verktyg för att skapa hybridappar?

Page 20: VT17 - DA355A - Hybridapplikationer
Page 21: VT17 - DA355A - Hybridapplikationer
Page 22: VT17 - DA355A - Hybridapplikationer
Page 23: VT17 - DA355A - Hybridapplikationer
Page 24: VT17 - DA355A - Hybridapplikationer
Page 25: VT17 - DA355A - Hybridapplikationer
Page 26: VT17 - DA355A - Hybridapplikationer

En kodbas till flera enheter

Page 27: VT17 - DA355A - Hybridapplikationer

Att komma åt ”native” API hos enheten

Page 28: VT17 - DA355A - Hybridapplikationer

Använd de native APIs

Page 29: VT17 - DA355A - Hybridapplikationer
Page 30: VT17 - DA355A - Hybridapplikationer
Page 31: VT17 - DA355A - Hybridapplikationer

Exempelarkitektur

Page 32: VT17 - DA355A - Hybridapplikationer
Page 33: VT17 - DA355A - Hybridapplikationer
Page 34: VT17 - DA355A - Hybridapplikationer

Kom igång med PhoneGaphttp://phonegap.com/getstarted/

Page 35: VT17 - DA355A - Hybridapplikationer
Page 36: VT17 - DA355A - Hybridapplikationer

Kom igång med PhoneGaphttp://phonegap.com/getstarted/

Page 37: VT17 - DA355A - Hybridapplikationer
Page 38: VT17 - DA355A - Hybridapplikationer
Page 39: VT17 - DA355A - Hybridapplikationer
Page 40: VT17 - DA355A - Hybridapplikationer
Page 41: VT17 - DA355A - Hybridapplikationer