Universella webbapplikationer Om oss Peter Lundbäck Mattias Festin Affärsområdesansvarig/delägare [email protected] Systemutvecklare/kvalitetsansvarig [email protected] 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....?