Me-app till din lokala pizzeria

By . Latest revision .

Din lokala pizza-leverantör fick nys om att du kunde det där med webb och mobila appar. De ringde upp dig och frågade om du kunde göra en prototyp till deras mobila webapp. Deras tanke är att kunderna kan se menyn och kanske till och med beställa direkt från appen.

De lockar med fri pizza för dig så länge de använder appen. Fixar du det?

#Förkunskaper

Du har förkunskaper som motsvarar de fyra första kursmomenten i kursen webapp.

#Introduktion

Spara din app i katalogen me/kmom05/pizza.

Du kan använda ett annat tema än “pizza”, välj vad du vill, sushi kanske?

Uppgiften är fri, så när du saknar information så tar du själv ett beslut och dokumenterar det i redovisningstexten.

Prioritera så att du hinner lösa uppgiften inom tidsramarna.

Behöver du inspiration? Bild-googla “pizza appen” så får du en mängd bilder på hur det kan se ut. Eller installera en pizza-app på din mobil, det finns redan ett stort utbud och genom att studera dem kan du skapa en uppfattning om hur du kan lösa uppgiften.

#Krav

  1. Välj mellan jQuery Mobile och Mithril som teknisk grund för din app.

  2. Välj hur mycket innehåll som ligger i JSON och hur mycket du kodar in direkt i sidan.

  3. Det skall finnas en förstasida med bild och text om din kund.

  4. Det skall finnas en sida med kontaktuppgifter och bild på restaurangen.

  5. Det skall finnas en meny och varje rätt på menyn skall ha en egen sida med bild, text och pris. Det skall finnas minst 10 rätter på menyn.

  6. Det skall finnas en varukorg, beställning. När man tittar på menyn skall man kunna välja att lägga rätten i sin beställning.

  7. Det skall finnas en sida som visar nuvarande beställning.

  8. Du skall kunna ta bort en rätt från beställningen.

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

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

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

#Extrauppgift

Lägg lite extra tid på att göra följande extrauppgifter.

  • Gör så man kan lägga till extra saker på varje beställning, till exempel extra kött på kebabpizzan vilket kostar 10 SEK.
  • Installera din meapp på hemmaskärmen på din egen mobil och testa hur det fungerar.
  • Jobba med stylen så att den motsvarar din kunds profil.
  • Lägg till extra funktioner som du själv anser passar in i appen.

#Tips från coachen

Lycka till och hojta till i forumet om du behöver hjälp!

#Revision history

  • 2015-12-04: (A, mos) Första utgåvan i samband med kursen webapp.

Document source.

Category: webbprogrammering.