Lager appen del 5

By . Latest revision .

Vi ska i denna uppgiften använda oss av Web-API:s för att komma åt native-funktionalitet i våra fysiska mobila enheter. Vi använder en mobil enhets styrka och läggar till funktionalitet för GPS, kartor och kamera.

#Förkunskaper

Du har gjort uppgiften Lager appen del 4. Du har jobbat dig igenom övningarna “Animationer och övergångar”, “GPS och karta v3” och “Kamera i mobilen”.

#Introduktion

Använd lager API:t dokumentationen och speciellt sektionen om ordrar. Här kan du hämta ut alla ordrar.

#Krav

  1. Använd animationer och övergångar för att efterlikna native applikationer.

  2. Skapa en vy i din app med de ordrar som är redo att skickas. Dvs. ordrar med status Packad (200).

  3. När man klickar in på ordern får man information om ordern och en karta där paketet ska levereras.

  4. Använd GPS för att visa nuvarande position på kartan.

  5. Lägg till möjligheten att ta ett foto när paketet levererats i order-vyn med kartan.

  6. När du har tagit ett kort ska det laddas upp till Foto-API tjänsten beskrivit i “Kamera i mobilen”.

  7. När bilden har laddats upp ska order-status ändras till status Skickad (400) och attributet image_url på ordern ska sättas till bild url’n vi precis laddade upp.

  8. Gör det enkelt att testa din app. Ha minst en order med status Packad, som har en adress som fungerar och visas upp med en Geocoder/nominatim.

  9. Validera och publicera din kod enligt följande.

# Ställ dig i kurskatalogen
dbwebb validate lager
dbwebb publish lager

Rätta eventuella fel som dyker upp och publicera igen. När det ser grönt ut så är du klar.

#Extrauppgift

  • Lägg till en vy som visar de levererade ordrar (status Skickad) och bilden som togs vid leverans.

#Revision history

  • 2024-02-16: (C, efo) Uppdaterad inför VT24. La ihop 05 och 06.
  • 2023-04-03: (B, efo) Uppdaterad för webapp-v5.
  • 2018-03-01: (A, efo) Första utgåvan i samband med kursen webapp v3.

Document source.

Category: javascript.