Den här uppgiften går ut på att planera, genomföra och dokumentera, och utvärdera ett webbutvecklingsprojekt. Projektet består av tre delar: Planering, Implementering, och Utvärdering.
| Aspekt | E-nivå | C-nivå | A-nivå |
|---|---|---|---|
| Planering | Tillsammans med läraren skapar du en översiktlig projektplan för en tänkt produkt. | Efter att ha rådfrågat läraren skapar du en genomarbetad projektplan för en tänkt produkt. | Efter att ha rådfrågat läraren skapar du en genomarbetad projektplan för en tänkt produkt, och reviderar vid behov planen |
| Kodning och kodningsstil | Tillsammans med läraren skriver och felsöker du HTML- och CSS-kod som med tillfredsställande resultat följer grundläggande standarder och tekniker | Efter att ha rådfrågat läraren skriver och felsöker du HTML- och CSS-kod som med tillfredsställande resultat följer grundläggande standarder och tekniker, och du infogar enkla domscript | Efter att ha rådfrågat läraren skriver och felsöker du kod som med gott resultat följer grundläggande standarder och tekniker, och du infogar lite mer avancerade domscript |
| Testning och optimering | Tillsammans med läraren gör du enkla optimeringar för överföring resurser och kontrollerar manuellt att produkten följer god praxis och fungerar i några webbläsare | Efter att ha rådfrågat läraren gör du lite mer avancerade optimeringar för överföring resurser och använder tester för att kontrollera att produkten följer god praxis och fungerar på flera plattformar | Efter att ha rådfrågat läraren gör du avancerade optimeringar för överföring resurser och använder tester för att kontrollera att produkten följer god praxis och fungerar på flera plattformar |
| Dokumentering | Tillsammans med läraren dokumenterar du översiktligt ditt arbete. | Efter att ha rådfrågat läraren dokumenterar du noggrant ditt arbete. | Efter att ha rådfrågat läraren dokumenterar du noggrant och utförligt ditt arbete enligt en angiven standard. |
| Utvärdering och självbedömning | Tillsammans med läraren bedömer du med enkla omdömen ditt arbetes kvalitet och din egen förmåga. | Efter att ha rådfrågat läraren bedömer du med nyanserade omdömen ditt arbetes kvalitet och din egen förmåga. | Efter att ha rådfrågat läraren bedömer du med nyanserade omdömen ditt arbetes kvalitet och din egen förmåga, och ger förbättringsförslag. |
| Bild- och textbehandling | Tillsammans med läraren bearbetar du med viss säkerhet enkla bilder och texter så de fungerar i produkten | Efter att ha rådfrågat läraren bearbetar du med viss säkerhet och via flera steg lite mer avancerade bilder och texter så de fungerar i produkten. | Efter att ha rådfrågat läraren bearbetar du med säkerhet och via flera steg lite mer avancerade bilder och texter så de fungerar i produkten. |
| Kommunikation | Tillsammans med läraren skriver du med viss säkerhet tydlig och lättläst kod. | Efter att ha rådfrågat läraren skriver du med viss säkerhet tydlig och lättläst kod. | Efter att ha rådfrågat läraren skriver du med säkerhet tydlig och lättläst kod. |
Gör en fork av projektet och lägg till en wiki.
Skapa skisser som tydligt visar hur den färdiga siten ska se ut och fungera. Skissen kan vara ritad för hand och inscannad, eller skapad i valfritt program.
Skissen ska sparas i misc-mappen, och länkas in i wikin för projektet.
När planeringen är klar är det dags att skapa själva siten.
Gör regelbundna commits, med tydliga (men kortfattade) kommentarer som talar om vad som förändrats. Synka med GitHub åtminstone i slutet av varje dag ni gjort en ändring.
Om ni under arbetets gång kommer fram att er ursprungliga planering (t.ex. designen) inte är optimal, måste ni, innan ni genomför förändringen, uppdatera dokumentationen, och tydligt visa vad som har förändrats, och motivera varför förändringen var nödvändig (det kan här också bli nödvändigt att uppdatera skissen).
När ni är klara med projektet skall ni utvärdera hur det gått.
Skriv en utvärdering av projektet i projektets wiki på GitHub.
Gör en självbedömning på uppgiften i Minimatris
Ni ska skapa en "Hype-site" för en produkt (ni får produkten tilldelad i början av lektionen).
Siten skall ha ett tydligt och lättnavigerat menysystem
Siten skall bestå av en startsida, och minst tre underliggande sidor/avdelningar.
Siten skall innehålla (åtminstone) följande:
- En header, bearbetad i Photoshop
- Övriga bilder, bearbetade i Photoshop
- Annat innehåll, kopplat till sitens tema
Texter (utöver rubriker) behöver ni inte hitta på själv. Använd en "Lorem Ipsum"-generator för att skapa nonsenstexter.
Projektet ska skapas på github. All dokumentation ska skapas i wikin för projektet.
Skapa flera wiki-sidor, och länka till varandra.
Länka in relevanta bilder
Utöver filerna som används på själva siten ska även allt material ni använder när ni skapar sidan checkas in i versionshanteringssystemet (originalbilder, PSD-filer, etc).
Ni ska använda er av den mappstruktur vi presenterat tidigare:
- originalfiler/
- psd/
- misc/
- site/
- css/
- js/
- img/
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent