webapp - dbwebb.se

Kmom03: Formulär och CRUD

I detta kursmoment fortsätter vi med att utveckla våra GUI komponenter från tidigare kursmoment. Vi skapar lättanvända formulärfält med hjälp av HTML5 och kopplar ihop fälten i formulär som är lätta att använda på små skärmar där kontext och möjligheten att skriva snabbt och enkelt saknas. I vår applikation lägger vi till möjligheten att skapa data via formulär.

Så här kan det se ut när vi är klara.

[YOUTUBE src=2yNeTAMh2Jg width=630 caption=”Lager-appen i kursmoment 3.”]

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

Starta igång veckan

Starta igång veckan genom att skapa en branch för att jobba med kmom03 genom följande kommandon.

cd $HOME/dbwebb-kurser/webapp/webapp-lager
git checkout -b kmom03

Veckans genomgång

Emil har genomgånger måndagar kl 13:15, efter genomgången uppdateras denna delen av sidan med veckans genomgång.

[YOUTUBE src=w-vjKU5tucg width=630 caption=”Veckans genomgång”]

Veckans föreläsning

Emil har föreläsningar onsdagar kl 10:15, efter föreläsningen uppdateras denna delen av sidan med veckans föreläsning.

[YOUTUBE src=sZDvUQbFnTk width=630 caption=”Veckans föreläsning”]

Läsanvisningar

(ca: 6-10 studietimmar)

Artiklar

Läs och använd artiklarna Website Forms Usability: Top 10 Recommendations och A Checklist for Registration and Login Forms on Mobile för att skapa användbara formulär.

Video

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

Övningar & Uppgifter

(ca: 6-10 studietimmar)

Övningar

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

  1. Läs igenom artikeln och gör övningarna i “Ett mobilanpassad formulär”. Skriv koden i webapp-lager repot för återanvändning i uppgiften.

Uppgifter

Dessa uppgifter skall utföras och redovisas.

  1. Gör uppgiften “Lager appen del 3”. Spara resultatet i webapp-lager repot.

Resultat & Redovisning

(ca: 1-2 studietimmar)

Se till att följande frågor besvaras i redovisningstexten i din inlämning.

Revideringar