Kmom06: Hybrid webapp

By . Latest revision .

Du har precis skapat en mobil webapp till kunden. Kunden verkade nöjd när du visade upp den. Men nu ringer kunden och frågar:

“Hur installera man appen på mobilen?”

Jaha. Det var ju inte direkt tanken med din lösning, det var ju en webapp tänkt att köra via webbläsaren. Visst kan man installera den som en genväg på hemmaskärmen. Men du förstår att kunden förväntar sig en app som går att installera och som fungerar på alla möjliga enheter. Android, iOS, Windows Phone och så vidare.

Du överväger att förklara för kunden, skillnaden mellan webappar, native appar och hybrid webappar. Men denna gången väljer du istället att ta reda på hur du kan lösa installationen av din webapp genom att göra den till en hybrid webapp.

Så här kan man ibland känna när man väljer mellan native app och hybrid app.

Så här kan man ibland känna när man väljer mellan native app och hybrid app.

Bilden ovan ger en vy av hur man kan känna när man väljer mellan native app och hybrid webapp. Men om man tänker igenom sitt projekt och målgrupp så kommer nog det ena eller andra alternativet framstå som bästa vägen att gå. För vår del gäller hybrid webapp, vi har redan investerat tid och kraft i HTML, CSS och JavaScript och vår webapp är inte speciellt avancerad eller krävande och dessutom är det väldigt lockande att stödja flera plattformar med en kodbas.

(Detta är instruktionen för kursmomentet och omfattar det som skall göras inom ramen för kursmomentet. Momentet omfattar cirka 20 studietimmar inklusive läsning, arbete med övningar och uppgifter, felsökning, problemlösning, redovisning och eftertanke. Läs igenom hela kursmomentet innan du börjar jobba. Om möjligt – planera och prioritera var du vill lägga tiden.)

#Läsanvisningar

(ca: 4-8 studietimmar)

#Kurslitteratur

Läs följande:

  1. Mobile HTML5.
    • Introduction: Native Applications Versus Web Applications

#Artiklar

Läs följande artiklar.

  1. Läs artikeln Mobile: Native Apps, Web Apps, and Hybrid Apps.

  2. Läs artikeln Choosing between a native, hybrid or webapp.

  3. Läs artikeln Can We Please Stop Fighting The Native vs. Web App Wars?.

  4. Läs i manualen om introduktionen till Apache Cordova.

#Video

Titta på följande video.

  1. Video om Lisa DeLuca - Arduino, Bluetooth, and Apache Cordova. Videon är från konferensen jQuery Chicago 2014.

#Lästips

Det finns inga extra lästips.

#Övningar & Uppgifter

(ca: 8-12 studietimmar)

#Övningar

Gör följande övningar för att träna inför uppgifterna.

  1. Det finns ett par foruminlägg som hjälper dig att komma igång med Cordova på din plattform.

#Uppgifter

Dessa uppgifter skall utföras och redovisas.

  1. Gör uppgiften “Bygg hybrid webapp med Cordova”.

#Extra

Det finns ingen extrauppgift.

#Resultat & Redovisning

(ca: 1-2 studietimmar)

Läs instruktionen om hur du skall redovisa.

Se till att följande frågor besvaras i redovisningstexten.

  • Har du några förkunskaper om native, hybrid, webappar?
  • Hur känner du inför konceptet med hybrid webappar?
  • Hur gick det att installera och komma igång med Cordova?
  • Vilken/vilka plattformar använde du och vilket/vilka operativsystem testade du på?
  • Berätta om din pizza-applikation, gjorde du någon vidareutveckling?
  • Var det något som krånglade eller tog extra mycket tid?

#Revision history

  • 2015-12-11: (A, mos) Första utgåvan för kursen.

Document source.