Universella webbapplikationer
Om oss
Peter Lundbäck
Mattias Festin
Affärsområdesansvarig/delägare
peter.lundback@mirror.se
Systemutvecklare/kvalitetsansvarig
mattias.festin@mirror.se
Några reflektioner
• Vi ser ett ökat tryck på företag att leverera applikationer
till sina medarbetare, kunder och leverantörer
• Användarna förväntar sig oftast lösningar som fungerar i
mobiltelefoner, surfplattor och datorer
• Användarupplevelsen allt mer viktig
• EU-kommissionen varnar för att Europa år 2020 kommer
att sakna 1 miljon programmerare
Viktigt att tänka på innan man börjar
•
•
•
•
•
•
•
Enheter
Offlinestöd
Prestanda och skalbarhet
Integrationer
Distribution
Underhåll och support
Livslängd
Val av utvecklingsplattform
Native
Cross-compiler
HTML5
+ Prestanda
+ En kodbas
+ En kodbas
- Flera kodbaser
- API missmatch
+ Support av många enheter
- Ofta dyra licenser
- Webbläsarkompabilitet
Vi arbetar oftast med HTML5
•
•
•
•
•
•
Öppen standard
Support på många enheter
Bättre utvecklingsverktyg och större community
En kodbas
Flexibel distribution
Enklare uppdateringar
http://www.evolutionoftheweb.com/
Webbapplikationsvärlden är komplex
Och det lär inte bli mindre komplext...
Användarupplevelsen
• Datorgränssnitt är INTE optimalt för en mobiltelefon
• Telefongränssnitt är INTE optimalt för en dator
• Surfplattor ligger i gränslandet
– Uppskalad telefon?
– Nedskalad dator?
Responsiv vs. adaptiv
Responsiv
Adaptiv
Samma design som byter
layout för olika
skärmupplösningar
Mallar som är optimerade
och unika för varje typ av
enhet
Mobile first – Progressiv förbättring
Nedskalning (befintliga system)
Ramverk och verktyg för webbutveckling
Ingen gemensam arkitektur
Överlappande funktionalitet
Moderna webbläsare enbart?
Hur framtidssäkert?
Vi jobbar oftast med Ext.JS
• Det mest kompletta webbramverket
• Fokus på affärsnytta istället för
teknik
• Beprövat och framtidssäkert (+2M
utvecklare)
• Möjlighet att utveckla universiella
applikationer
One platform. No dependencies.
Vi tittar på ExtJS exempel
DEMO
Distrubition av webbapplikationer
Webbserver
Nedladdningslänk
URL
Paketering
Navigera direkt med
webbläsaren
Kom åt enhetens
hårdvara
Sencha Web
Application Manager
App stores
Paketerare kompatibla med ExtJS
-
Bygg samtidigt för flera plattformar på din dator
Open Source (konstant uppdaterat)
-
Bygger på Cordova men Adobe koordinerar
uppdateringar
Möjlighet att bygga appar i molnet för olika plattformar
Exempelapplikation på Ext.JS och paketerad med Cordova
DEMO
Tid för frågor....?
