SlideShare a Scribd company logo
1 of 41
Download to read offline
Dagens agenda
Första passet
• Native vs. Webbapplikationer?
• Hybridapplikationer
• Phonegap
Andra passet
• D3.js
Frågor om inl. 2?
Frågor om projektet?
Att bygga applikationer med
webbtekniker
HTML / CSS / JS / m.m.
http://www.sheridan.com/sites/default/files/blogs_journals_nativevsweb_0711.png
Vilka för- och nackdelar finns det med
webbapplikationer och nativa applikationer?
http://imgur.com/EZPFB
Vilka är era topp 3 applikationer?
(som inte är förinstallerade)
https://fbombmedia.com/wp-
content/uploads/2014/09/native_hybrid_web_app_development_3.jpg
http://mobilenext.net/wp-content/uploads/2014/07/native_main_mini_new.jpg
https://cdn2.hubspot.net/hubfs/2256160/Imported_Blog_Media/web-hybrid-native-employee-app.jpg?t=1487242941372
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/
Vilka appar är hybridappar?
Verktyg för att skapa hybridappar?
En kodbas till flera enheter
Att komma åt ”native” API hos enheten
Använd de native APIs
Exempelarkitektur
Kom igång med PhoneGap
http://phonegap.com/getstarted/
Kom igång med PhoneGap
http://phonegap.com/getstarted/
VT17 - DA355A - Hybridapplikationer
VT17 - DA355A - Hybridapplikationer
VT17 - DA355A - Hybridapplikationer
VT17 - DA355A - Hybridapplikationer
VT17 - DA355A - Hybridapplikationer

More Related Content

Viewers also liked

JavaScript development methodology
JavaScript development methodologyJavaScript development methodology
JavaScript development methodologyAleksander Fabijan
 
VT16 - DA355A - Geolocation & media
VT16 - DA355A - Geolocation & mediaVT16 - DA355A - Geolocation & media
VT16 - DA355A - Geolocation & mediaAnton Tibblin
 
Introduction to data visualisation with D3
Introduction to data visualisation with D3Introduction to data visualisation with D3
Introduction to data visualisation with D3Aleksander Fabijan
 
VT17 - DA355A - Kursintroduktion
VT17 - DA355A - KursintroduktionVT17 - DA355A - Kursintroduktion
VT17 - DA355A - KursintroduktionAnton Tibblin
 
VT17 - DA355A - Intro JS
VT17 - DA355A - Intro JSVT17 - DA355A - Intro JS
VT17 - DA355A - Intro JSAnton Tibblin
 
VT16 - DA355A - Layout med CSS
VT16 - DA355A - Layout med CSSVT16 - DA355A - Layout med CSS
VT16 - DA355A - Layout med CSSAnton Tibblin
 

Viewers also liked (8)

JavaScript development methodology
JavaScript development methodologyJavaScript development methodology
JavaScript development methodology
 
VT16 - DA355A - Geolocation & media
VT16 - DA355A - Geolocation & mediaVT16 - DA355A - Geolocation & media
VT16 - DA355A - Geolocation & media
 
Introduction to data visualisation with D3
Introduction to data visualisation with D3Introduction to data visualisation with D3
Introduction to data visualisation with D3
 
LocalStorage
LocalStorageLocalStorage
LocalStorage
 
Bootstrap 3 Basic - Bangkok WordPress Meetup
Bootstrap 3 Basic - Bangkok WordPress MeetupBootstrap 3 Basic - Bangkok WordPress Meetup
Bootstrap 3 Basic - Bangkok WordPress Meetup
 
VT17 - DA355A - Kursintroduktion
VT17 - DA355A - KursintroduktionVT17 - DA355A - Kursintroduktion
VT17 - DA355A - Kursintroduktion
 
VT17 - DA355A - Intro JS
VT17 - DA355A - Intro JSVT17 - DA355A - Intro JS
VT17 - DA355A - Intro JS
 
VT16 - DA355A - Layout med CSS
VT16 - DA355A - Layout med CSSVT16 - DA355A - Layout med CSS
VT16 - DA355A - Layout med CSS
 

Similar to VT17 - DA355A - Hybridapplikationer

VT2018 - DA355A - Phonegap, react, vue.js
VT2018 - DA355A - Phonegap, react, vue.jsVT2018 - DA355A - Phonegap, react, vue.js
VT2018 - DA355A - Phonegap, react, vue.jsAnton Tibblin
 
VT18 - DA355A/DA344A - Kursintroduktion
VT18 - DA355A/DA344A - KursintroduktionVT18 - DA355A/DA344A - Kursintroduktion
VT18 - DA355A/DA344A - KursintroduktionAnton Tibblin
 
Hur tar du hand om dina mobila besökare? - Construct IT
Hur tar du hand om dina mobila besökare? - Construct ITHur tar du hand om dina mobila besökare? - Construct IT
Hur tar du hand om dina mobila besökare? - Construct ITconstructit-asa
 
VT2019 - DA355A - Kursintroduktion
VT2019 - DA355A - KursintroduktionVT2019 - DA355A - Kursintroduktion
VT2019 - DA355A - KursintroduktionAnton Tibblin
 
Responsivt - Inte bara för mobilen + Webbdagarna Växjö, 04 Dec 2014
Responsivt - Inte bara för mobilen + Webbdagarna Växjö, 04 Dec 2014Responsivt - Inte bara för mobilen + Webbdagarna Växjö, 04 Dec 2014
Responsivt - Inte bara för mobilen + Webbdagarna Växjö, 04 Dec 2014Anna Dahlström
 
VT2018 - DA355A - Geolocation, Media, Package Manage
VT2018 - DA355A - Geolocation, Media, Package ManageVT2018 - DA355A - Geolocation, Media, Package Manage
VT2018 - DA355A - Geolocation, Media, Package ManageAnton Tibblin
 
Webbapplikationer - Kursintroduktion (anton.tibblin@mah.se)
Webbapplikationer - Kursintroduktion (anton.tibblin@mah.se)Webbapplikationer - Kursintroduktion (anton.tibblin@mah.se)
Webbapplikationer - Kursintroduktion (anton.tibblin@mah.se)Anton Tibblin
 
Webbdagarna One day build
Webbdagarna One day buildWebbdagarna One day build
Webbdagarna One day buildjimmy_sterner
 
Appar och mobil webb
Appar och mobil webbAppar och mobil webb
Appar och mobil webbMetamatrix
 
Ny teknik och användbarhet
Ny teknik och användbarhetNy teknik och användbarhet
Ny teknik och användbarhetPer Axbom
 
IBM Collaboration Forum EdgeGuide
IBM Collaboration Forum EdgeGuideIBM Collaboration Forum EdgeGuide
IBM Collaboration Forum EdgeGuideIBM Sverige
 
Skapa & Friends Mobil Marknadsföring 2014-03-06
Skapa & Friends Mobil Marknadsföring 2014-03-06Skapa & Friends Mobil Marknadsföring 2014-03-06
Skapa & Friends Mobil Marknadsföring 2014-03-06Erik Ekholm
 
Mobil Interaktion
Mobil InteraktionMobil Interaktion
Mobil InteraktionKajsa Gren
 
Mobile cross platform development
Mobile cross platform developmentMobile cross platform development
Mobile cross platform developmentSigma IT Management
 
Open ePlatform, Offentliga rummet 2014
Open ePlatform, Offentliga rummet 2014Open ePlatform, Offentliga rummet 2014
Open ePlatform, Offentliga rummet 2014Jari Koponen
 
Digital tillgänglighet - projekt WAMDIA.EU
Digital tillgänglighet - projekt WAMDIA.EUDigital tillgänglighet - projekt WAMDIA.EU
Digital tillgänglighet - projekt WAMDIA.EUMats Brenner
 
Responsiv webbdesign + HTML5 + CSS5
Responsiv webbdesign + HTML5 + CSS5Responsiv webbdesign + HTML5 + CSS5
Responsiv webbdesign + HTML5 + CSS5Martin Carlsson
 

Similar to VT17 - DA355A - Hybridapplikationer (20)

VT2018 - DA355A - Phonegap, react, vue.js
VT2018 - DA355A - Phonegap, react, vue.jsVT2018 - DA355A - Phonegap, react, vue.js
VT2018 - DA355A - Phonegap, react, vue.js
 
VT18 - DA355A/DA344A - Kursintroduktion
VT18 - DA355A/DA344A - KursintroduktionVT18 - DA355A/DA344A - Kursintroduktion
VT18 - DA355A/DA344A - Kursintroduktion
 
Hur tar du hand om dina mobila besökare? - Construct IT
Hur tar du hand om dina mobila besökare? - Construct ITHur tar du hand om dina mobila besökare? - Construct IT
Hur tar du hand om dina mobila besökare? - Construct IT
 
VT2019 - DA355A - Kursintroduktion
VT2019 - DA355A - KursintroduktionVT2019 - DA355A - Kursintroduktion
VT2019 - DA355A - Kursintroduktion
 
Mobil web
Mobil webMobil web
Mobil web
 
Responsivt - Inte bara för mobilen + Webbdagarna Växjö, 04 Dec 2014
Responsivt - Inte bara för mobilen + Webbdagarna Växjö, 04 Dec 2014Responsivt - Inte bara för mobilen + Webbdagarna Växjö, 04 Dec 2014
Responsivt - Inte bara för mobilen + Webbdagarna Växjö, 04 Dec 2014
 
VT2018 - DA355A - Geolocation, Media, Package Manage
VT2018 - DA355A - Geolocation, Media, Package ManageVT2018 - DA355A - Geolocation, Media, Package Manage
VT2018 - DA355A - Geolocation, Media, Package Manage
 
Webbapplikationer - Kursintroduktion (anton.tibblin@mah.se)
Webbapplikationer - Kursintroduktion (anton.tibblin@mah.se)Webbapplikationer - Kursintroduktion (anton.tibblin@mah.se)
Webbapplikationer - Kursintroduktion (anton.tibblin@mah.se)
 
Seminarium1011
Seminarium1011Seminarium1011
Seminarium1011
 
Webbdagarna One day build
Webbdagarna One day buildWebbdagarna One day build
Webbdagarna One day build
 
Appar och mobil webb
Appar och mobil webbAppar och mobil webb
Appar och mobil webb
 
Ny teknik och användbarhet
Ny teknik och användbarhetNy teknik och användbarhet
Ny teknik och användbarhet
 
IBM Collaboration Forum EdgeGuide
IBM Collaboration Forum EdgeGuideIBM Collaboration Forum EdgeGuide
IBM Collaboration Forum EdgeGuide
 
Skapa & Friends Mobil Marknadsföring 2014-03-06
Skapa & Friends Mobil Marknadsföring 2014-03-06Skapa & Friends Mobil Marknadsföring 2014-03-06
Skapa & Friends Mobil Marknadsföring 2014-03-06
 
Mobil Interaktion
Mobil InteraktionMobil Interaktion
Mobil Interaktion
 
Mobile cross platform development
Mobile cross platform developmentMobile cross platform development
Mobile cross platform development
 
Open ePlatform, Offentliga rummet 2014
Open ePlatform, Offentliga rummet 2014Open ePlatform, Offentliga rummet 2014
Open ePlatform, Offentliga rummet 2014
 
WebAppsFTW
WebAppsFTWWebAppsFTW
WebAppsFTW
 
Digital tillgänglighet - projekt WAMDIA.EU
Digital tillgänglighet - projekt WAMDIA.EUDigital tillgänglighet - projekt WAMDIA.EU
Digital tillgänglighet - projekt WAMDIA.EU
 
Responsiv webbdesign + HTML5 + CSS5
Responsiv webbdesign + HTML5 + CSS5Responsiv webbdesign + HTML5 + CSS5
Responsiv webbdesign + HTML5 + CSS5
 

More from Anton Tibblin

2024 - Localstorage & cookies Geolocation Mediahantering.pdf
2024 - Localstorage & cookies Geolocation Mediahantering.pdf2024 - Localstorage & cookies Geolocation Mediahantering.pdf
2024 - Localstorage & cookies Geolocation Mediahantering.pdfAnton Tibblin
 
VT24 - jQuery & Ajax - Flerplattformsapplikationer med webbtekniker
VT24 - jQuery & Ajax - Flerplattformsapplikationer med webbteknikerVT24 - jQuery & Ajax - Flerplattformsapplikationer med webbtekniker
VT24 - jQuery & Ajax - Flerplattformsapplikationer med webbteknikerAnton Tibblin
 
VT24 - Responsiv design & Ramverk inom webbutveckling
VT24 - Responsiv design & Ramverk inom webbutvecklingVT24 - Responsiv design & Ramverk inom webbutveckling
VT24 - Responsiv design & Ramverk inom webbutvecklingAnton Tibblin
 
DA395A - VT24 - JavaScript & Document object model
DA395A - VT24 - JavaScript & Document object modelDA395A - VT24 - JavaScript & Document object model
DA395A - VT24 - JavaScript & Document object modelAnton Tibblin
 
VT24 - DA395A - Kursintroduktion: Flerplattformsapplikationer med webbtekniker
VT24 - DA395A - Kursintroduktion: Flerplattformsapplikationer med webbteknikerVT24 - DA395A - Kursintroduktion: Flerplattformsapplikationer med webbtekniker
VT24 - DA395A - Kursintroduktion: Flerplattformsapplikationer med webbteknikerAnton Tibblin
 
HT23 - DA354A - Webbprogrammering med Python
HT23 - DA354A - Webbprogrammering med PythonHT23 - DA354A - Webbprogrammering med Python
HT23 - DA354A - Webbprogrammering med PythonAnton Tibblin
 
HT23 - DA354A - Fil- och felhantering
HT23 - DA354A - Fil- och felhanteringHT23 - DA354A - Fil- och felhantering
HT23 - DA354A - Fil- och felhanteringAnton Tibblin
 
HT23 - DA354A - Listor och lexikon
HT23 - DA354A - Listor och lexikonHT23 - DA354A - Listor och lexikon
HT23 - DA354A - Listor och lexikonAnton Tibblin
 
HT23 - DA354A - Kursintroduktion
HT23 - DA354A - KursintroduktionHT23 - DA354A - Kursintroduktion
HT23 - DA354A - KursintroduktionAnton Tibblin
 
HT23 - DA106A - Användbarhet (2)
HT23 - DA106A - Användbarhet (2)HT23 - DA106A - Användbarhet (2)
HT23 - DA106A - Användbarhet (2)Anton Tibblin
 
HT23 - DA106A - Användbarhet 1
HT23 - DA106A - Användbarhet 1HT23 - DA106A - Användbarhet 1
HT23 - DA106A - Användbarhet 1Anton Tibblin
 
HT23 - DA106A - Ramverk & Bibliotek
HT23 - DA106A - Ramverk & BibliotekHT23 - DA106A - Ramverk & Bibliotek
HT23 - DA106A - Ramverk & BibliotekAnton Tibblin
 
HT23 - DA106A - Introduktion till JavaScript
HT23 - DA106A - Introduktion till JavaScriptHT23 - DA106A - Introduktion till JavaScript
HT23 - DA106A - Introduktion till JavaScriptAnton Tibblin
 
HT23 - DA106A - Responsiv webbutveckling
HT23 - DA106A - Responsiv webbutvecklingHT23 - DA106A - Responsiv webbutveckling
HT23 - DA106A - Responsiv webbutvecklingAnton Tibblin
 
HT23 - DA106A - Layout (2)
HT23 - DA106A - Layout (2)HT23 - DA106A - Layout (2)
HT23 - DA106A - Layout (2)Anton Tibblin
 
HT23 - DA106A - Layout med CSS (1)
HT23 - DA106A - Layout med CSS (1)HT23 - DA106A - Layout med CSS (1)
HT23 - DA106A - Layout med CSS (1)Anton Tibblin
 
Introduktion till CSS
Introduktion till CSSIntroduktion till CSS
Introduktion till CSSAnton Tibblin
 
HTML - Tabeller och formulär
HTML - Tabeller och formulärHTML - Tabeller och formulär
HTML - Tabeller och formulärAnton Tibblin
 
Introduktion till HTML
Introduktion till HTMLIntroduktion till HTML
Introduktion till HTMLAnton Tibblin
 

More from Anton Tibblin (20)

2024 - Localstorage & cookies Geolocation Mediahantering.pdf
2024 - Localstorage & cookies Geolocation Mediahantering.pdf2024 - Localstorage & cookies Geolocation Mediahantering.pdf
2024 - Localstorage & cookies Geolocation Mediahantering.pdf
 
VT24 - jQuery & Ajax - Flerplattformsapplikationer med webbtekniker
VT24 - jQuery & Ajax - Flerplattformsapplikationer med webbteknikerVT24 - jQuery & Ajax - Flerplattformsapplikationer med webbtekniker
VT24 - jQuery & Ajax - Flerplattformsapplikationer med webbtekniker
 
VT24 - Responsiv design & Ramverk inom webbutveckling
VT24 - Responsiv design & Ramverk inom webbutvecklingVT24 - Responsiv design & Ramverk inom webbutveckling
VT24 - Responsiv design & Ramverk inom webbutveckling
 
DA395A - VT24 - JavaScript & Document object model
DA395A - VT24 - JavaScript & Document object modelDA395A - VT24 - JavaScript & Document object model
DA395A - VT24 - JavaScript & Document object model
 
VT24 - DA395A - Kursintroduktion: Flerplattformsapplikationer med webbtekniker
VT24 - DA395A - Kursintroduktion: Flerplattformsapplikationer med webbteknikerVT24 - DA395A - Kursintroduktion: Flerplattformsapplikationer med webbtekniker
VT24 - DA395A - Kursintroduktion: Flerplattformsapplikationer med webbtekniker
 
HT23 - DA354A - Webbprogrammering med Python
HT23 - DA354A - Webbprogrammering med PythonHT23 - DA354A - Webbprogrammering med Python
HT23 - DA354A - Webbprogrammering med Python
 
HT23 - DA354A - Fil- och felhantering
HT23 - DA354A - Fil- och felhanteringHT23 - DA354A - Fil- och felhantering
HT23 - DA354A - Fil- och felhantering
 
HT23 - DA354A - Listor och lexikon
HT23 - DA354A - Listor och lexikonHT23 - DA354A - Listor och lexikon
HT23 - DA354A - Listor och lexikon
 
HT23 - DA354A - Kursintroduktion
HT23 - DA354A - KursintroduktionHT23 - DA354A - Kursintroduktion
HT23 - DA354A - Kursintroduktion
 
HT23 - DA106A - Användbarhet (2)
HT23 - DA106A - Användbarhet (2)HT23 - DA106A - Användbarhet (2)
HT23 - DA106A - Användbarhet (2)
 
HT23 - DA106A - Användbarhet 1
HT23 - DA106A - Användbarhet 1HT23 - DA106A - Användbarhet 1
HT23 - DA106A - Användbarhet 1
 
HT23 - DA106A - Ramverk & Bibliotek
HT23 - DA106A - Ramverk & BibliotekHT23 - DA106A - Ramverk & Bibliotek
HT23 - DA106A - Ramverk & Bibliotek
 
HT23 - DA106A - Introduktion till JavaScript
HT23 - DA106A - Introduktion till JavaScriptHT23 - DA106A - Introduktion till JavaScript
HT23 - DA106A - Introduktion till JavaScript
 
HT23 - DA106A - Responsiv webbutveckling
HT23 - DA106A - Responsiv webbutvecklingHT23 - DA106A - Responsiv webbutveckling
HT23 - DA106A - Responsiv webbutveckling
 
HT23 - DA106A - Layout (2)
HT23 - DA106A - Layout (2)HT23 - DA106A - Layout (2)
HT23 - DA106A - Layout (2)
 
HT23 - DA106A - Layout med CSS (1)
HT23 - DA106A - Layout med CSS (1)HT23 - DA106A - Layout med CSS (1)
HT23 - DA106A - Layout med CSS (1)
 
Introduktion till CSS
Introduktion till CSSIntroduktion till CSS
Introduktion till CSS
 
HTML - Tabeller och formulär
HTML - Tabeller och formulärHTML - Tabeller och formulär
HTML - Tabeller och formulär
 
Introduktion till HTML
Introduktion till HTMLIntroduktion till HTML
Introduktion till HTML
 
Kursintroduktion
KursintroduktionKursintroduktion
Kursintroduktion
 

VT17 - DA355A - Hybridapplikationer