Kmom05: Native

By , . Latest revision .

Än så länge har vi skapat applikationer för webbläsaren, men i detta och nästa kursmoment skapar vi applikationer på riktigt för våra mobila enheter. Vi ska se vilka fördelar detta kan ge och hur vi maximerar styrkorna för våra mobila enheter. Vi lägger till ikoner och splash screens och fokuserar på att anpassa applikationernas design för de olika plattformarna och skärmstorlekar.

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.

Så här kan det se ut när vi är klara med lager appen i kmom05.

Lager appen i kursmoment 5.

(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.)

#Labbmiljön

(ca: 3 studietimmar)

Från labbmiljö börja med att installera ‘Apache Cordova’ och skapa Hello World exemplet. Efter det följ rekommendationerna i ‘Emulator och fysisk enhet’.

#Läsanvisningar

(ca: 0 studietimmar)

#Kurslitteratur

  1. Mobile HTML5.
    • Ch 14: Mobile Performance

#Artiklar

  1. Läs igenom artikeln “GUI ramverk”.

#Video

  1. Det finns en videoserie kopplat till kursen, titta på videos som börjar på 5.

#Lästips

Det finns inga extra lästips.

#Övningar & Uppgifter

(ca: 16-20 studietimmar)

#Övningar

  1. Jobba igenom övningen “Kom igång med Cordova”. Spara dina filer i me/kmom05/hello.

  2. Läs igenom artikeln “Lägg till en Splash screen och ändra ikon”. Spara dina filer i me/kmom05/hello.

#Uppgifter

Dessa uppgifter skall utföras och redovisas.

  1. Gör uppgiften “Lager appen del 5”. Spara dina filer i me/kmom05/lager5.

#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.

  • Vilka fördelar ser du med att göra appar med Cordova om du jämför med rena webbapplikationer?
  • Har du möjligheten att köra dina appar på en fysisk enhet? Vilka testmöjligheter ger detta?
  • Gick det bra att skapa en logga och splashscreen?
  • Beskriv designprocessen för att efterlikna den mobila plattformen du bygger din app för?
  • Vilken är din TIL för detta kmom?

#Revision history

  • 2018-02-14: (C, efo) Anpassat för webapp-v3.
  • 2017-03-14: (B, aar) Tagit bort JQuery mobile.
  • 2015-12-04: (A, mos) Första utgåvan för kursen.

Document source.