Download - VT17 - DA355A - Hybridapplikationer
![Page 1: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/1.jpg)
![Page 2: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/2.jpg)
Dagens agenda
Första passet• Native vs. Webbapplikationer?• Hybridapplikationer• PhonegapAndra passet• D3.js
![Page 3: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/3.jpg)
Frågor om inl. 2?
![Page 4: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/4.jpg)
Frågor om projektet?
![Page 5: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/5.jpg)
Att bygga applikationer med webbtekniker
HTML / CSS / JS / m.m.
![Page 6: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/6.jpg)
http://www.sheridan.com/sites/default/files/blogs_journals_nativevsweb_0711.png
![Page 7: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/7.jpg)
Vilka för- och nackdelar finns det med webbapplikationer och nativa applikationer?
![Page 8: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/8.jpg)
http://imgur.com/EZPFB
![Page 9: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/9.jpg)
![Page 10: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/10.jpg)
Vilka är era topp 3 applikationer?(som inte är förinstallerade)
![Page 11: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/11.jpg)
![Page 12: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/12.jpg)
https://fbombmedia.com/wp-content/uploads/2014/09/native_hybrid_web_app_development_3.jpg
![Page 13: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/13.jpg)
http://mobilenext.net/wp-content/uploads/2014/07/native_main_mini_new.jpg
![Page 14: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/14.jpg)
https://cdn2.hubspot.net/hubfs/2256160/Imported_Blog_Media/web-hybrid-native-employee-app.jpg?t=1487242941372
![Page 15: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/15.jpg)
![Page 16: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/16.jpg)
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](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/17.jpg)
Vilka appar är hybridappar?
![Page 18: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/18.jpg)
![Page 19: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/19.jpg)
Verktyg för att skapa hybridappar?
![Page 20: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/20.jpg)
![Page 21: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/21.jpg)
![Page 22: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/22.jpg)
![Page 23: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/23.jpg)
![Page 24: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/24.jpg)
![Page 25: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/25.jpg)
![Page 26: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/26.jpg)
En kodbas till flera enheter
![Page 27: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/27.jpg)
Att komma åt ”native” API hos enheten
![Page 28: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/28.jpg)
Använd de native APIs
![Page 29: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/29.jpg)
![Page 30: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/30.jpg)
![Page 31: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/31.jpg)
Exempelarkitektur
![Page 32: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/32.jpg)
![Page 33: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/33.jpg)
![Page 34: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/34.jpg)
Kom igång med PhoneGaphttp://phonegap.com/getstarted/
![Page 35: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/35.jpg)
![Page 36: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/36.jpg)
Kom igång med PhoneGaphttp://phonegap.com/getstarted/
![Page 37: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/37.jpg)
![Page 38: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/38.jpg)
![Page 39: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/39.jpg)
![Page 40: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/40.jpg)
![Page 41: VT17 - DA355A - Hybridapplikationer](https://reader031.vdocuments.pub/reader031/viewer/2022022413/58edbe0a1a28ab83778b463f/html5/thumbnails/41.jpg)