Webbutveckling 1 · område 8 · uppgift

Projekt 7 – Webbplats åt en kund

Det här är områdets kravdokument. Projektguiden, repetitionssidan och passen ska stödja kraven nedan – inte tvärtom.

• 19 mars Delinlämning kl 23:59 Kravspec, projektplan och wireframes – länken till projektdokumentet lämnas i itslearning.
• 7 juni Slutinlämning kl 23:59 Sajten och projektdokumentet – repo-länken lämnas i itslearning.
• 8 juni Prov 6 Slutprov över hela kursen, skriftligt utan dator.

1. Uppdraget

Du ska bygga en komplett webbplats åt en kund, från första frågan till publicerad och testad sajt. Kunden väljer du bland fem fiktiva kunder, eller så tar du med en riktig. Du får arbeta ensam eller i par.

Det här är kursens sista projekt, och det är det första där du bestämmer vad som ska byggas. Därför är halva uppgiften att ta reda på vad kunden behöver, skriva ner det, planera och i efterhand jämföra med vad det blev. Den andra halvan är sajten, och den ska visa allt du kan: struktur, form, anpassning, tillgänglighet, interaktivitet och optimering.

Sajten byggs från grunden i ett nytt repo. Ingenting återanvänds från din kurssajt, utom det du har lärt dig.

2. Två inlämningar

Mellan dem ligger uppehållet, vecka 12–19. Planen du lämnar 19 mars är den du bygger efter i maj, så skriv den så att du förstår den själv när du kommer tillbaka.

3. Projektdokumentet

Allt som inte är kod skriver du i ett enda dokument i Google Docs, i fyra delar:

Mallen ligger i itslearning och på områdets startsida. Länken ger dig en egen kopia med ett klick – skriv aldrig i originalet. Varje avsnitt i mallen har en kort instruktion i kursiv stil; ta bort den när du har fyllt i avsnittet.

Arbetar ni i par har ni ett gemensamt dokument. Den ena gör kopian och delar den med den andra.

4. Välja kund

Läs kundbeskrivningarna och välj en. De är olika stora med flit: frisörsalongen och hunddagiset är tydliga och avgränsade, bandet är friast och kräver mest av dig själv. Välj efter vad du vill visa, inte efter vad som verkar lättast.

En riktig kund går bra, men det är mer arbete. Du sköter kontakten själv, du måste få kundens texter och bilder, och du behöver kundens tillstånd att publicera dem. Villkoren står sist i kundbeskrivningarna. Säg till på pass 74, så godkänns kunden senast med projektplanen 19 mars.

5. Kraven

Kryssa av allt eftersom. Kryssen sparas i din webbläsare.

Alla tolv ska vara uppfyllda. De första fyra gäller processen, de åtta sista sajten.

Nollställ alla kryss

6. Tekniska krav

Det här lämnas in

19 mars, i itslearning-uppgiften Projektplan: länken till projektdokumentet. Dokumentet ska vara delat så att läraren kan läsa och kommentera det.

7 juni, i itslearning-uppgiften Slutprojekt: länken till ditt publika GitHub-repo. Inget annat, och inte koden. Arbetar ni i par lämnar ni båda in samma länk.

I repot ska finnas:

index.html och dina övriga sidor
stil.css
js/              om sajten har skript
bilder/          bara de bilder sajten använder
README.md        med länk till sajten och projektdokumentet

Så delar du projektdokumentet

1. Dela uppe till höger i Google Docs.
2. Under Allmän åtkomst: välj skolan, så att alla i skolan som har länken kan öppna dokumentet. Sätt rollen till Kommentator.
3. Kopiera länken och klistra in den i itslearning.
4. Pröva länken: be någon bredvid dig öppna den. Kommer de inte in, kommer inte läraren in heller.

7. Arbeta i par

Ni har ett repo och ett projektdokument. Den ena äger repot, den andra läggs till som collaborator – en medarbetare med rätt att pusha.

1. Ägaren: repot → Settings → Collaborators → Add people, och skriver in den andras GitHub-namn.
2. Den andra: godkänner inbjudan, i mejlet eller på github.com.
3. Båda: öppnar var sin Codespace på samma repo.

Två regler gör att ni inte skriver över varandra:

• git pull först varje pass, innan du ändrar något. Då har du den andras senaste ändringar.
• Dela upp arbetet per fil. Ni kan båda ha varsin sida, men inte samma sida samtidigt. stil.css har en ägare, och den andra säger till innan hen ändrar i den.

Säger git push rejected, har den andra pushat sedan du senast hämtade. Kör git pull, sedan git push igen. Står det conflict efter git pull, fråga läraren innan du gör något mer.

Ni bedöms var för sig. Commit-historiken visar vem som skrivit vad, och båda ska kunna förklara hela sajten, inte bara sin halva.

8. Bedömningsmatris

Matrisen läses vågrätt: en A-kolumn förutsätter att E och C i samma rad är gjorda.

9. Kom igång – de tre första sakerna

1. Välj kund. Läs alla fem beskrivningarna innan du väljer. Tänk på vad du vill visa att du kan.
2. Gör din kopia av mallen och döp den till kundens namn. Arbetar ni i par: den ena gör kopian och delar den med den andra.
3. Skriv kravspecens första avsnitt: vem kunden är och varför de behöver en sajt. Kan du inte svara på det i tre meningar vet du inte tillräckligt om kunden än – läs beskrivningen igen.

10. Så ligger tiden

Varje vecka i maj och juni har tre pass. Milstolparna är hållpunkter, inte inlämningar: läraren tittar på dem under passet, och ligger du efter är det då vi pratar om det.

Betygssamtalen förs under byggpassen 77–85, ett i taget vid din dator.

Prov tisdag 8 juni

Slutprovet är skriftligt, utan dator, och täcker hela kursen. Det bygger på ett anonymiserat slutprojekt från klassen och har också frågor om juridik, etik och säkerhet från område 5. Repetitionssidan på områdets startsida går igenom kursen område för område.

11. Checklistor inför inlämning

En checklista per inlämning. Kryssen sparas, precis som kraven.

12. Felsökning