Webbprojekt

I denna uppgift ska du tillämpa de kunskaper du skaffat dig hittills under kursen i ett webbprojekt. Projektet innefattar ett antal delmoment som alla ska vara godkända för att projektet ska bli godkänt. Starta med att läsa igenom hela instruktionen innan du sätter igång.

Du ska skapa en webbplats för ett speciellt syfte som du väljer själv. Det kan till exempel vara:

Hemsida åt en förening, företag eller liknande.
Internwebb för en företag, företag eller liknande.
Informationssida om något (gärna något tekniskt)
En personlig hemsida exempelvis ett CV eller blogg
Något annat kul projekt som skulle lämpa sig som hemsida

För att ditt webbprojekt ska anses klart måste följande krav uppfyllas:

Projektet bör bestå av minst 2 olika sidor.
Du skall skriva all HTML- och CSS-kod själv. Detta innebär att du inte får använda front-end-bibliotek som Bootstrap eller liknande. Det är dock okej att använda sig av färdiga PHP- och Javascript-ramverk, även vissa CMS som October CMS går bra, så länge inte dessa skriver någon HTML eller CSS åt dig. Dessa tekniker bör i så fall tydligt framgå i din projektrapport.
Du får använda dig av PHP. Exempelvis för att hämta in en meny eller en sidfot du kan återanvända på dina sidor. Samma funktionalitet kan emellertid uppnås via javascript, men PHP är att rekommendera.
Någonstans ska det finnas ett formulär, t.ex. ett kontaktformulär. (Du behöver inte nödvändigtvis ta hand om informationen som skickas därifrån)
Bilder ska finnas med på webbplatsen. Tänk på upphovsrätt, filstorlek och format på de bilder du lägger in.
Lägg tonvikt på att göra en snygg och lättläst hemsida.
Sidan ska fungera och se bra ut i både Firefox, Edge och Google Chrome.
Sidan ska fungera och se bra ut i såväl dator som mobiltelefon, tänk på att göra den responsiv.
Koden ska vara snyggt skriven, effektiv och indenterad på korrekt sätt.
Sidan ska vara gjord i HTML5 och vara validerad vid inlämningen.
Stilmallen ska följa CSS3 och vara validerad vid inlämningen.

Ditt arbete ska dokumenteras i en projektrapport som ska innehålla följande delar:

1. Inledning

1.1 Bakgrund
1.1 Syfte och mål
1.2 Kravspecifikationer
1.3 Metod och teknik
1.4 Tidsplan

2. Resultat

2.1 Konstruktion
2.2 Optimering
2.3 Tester
2.4 Slutresultat

3. Diskussion

3.1 Diskussion
3.2 Förbättringsförslag

Du hittar en mall för din projektrapport via denna länk.

Du ska redovisa din sida inför klassen vid de angivna redovisningstillfällena. Presentationen ska vara på 5-10 minuter och beskriva din produkt och hur den är uppbyggd. Tänk på att en dålig presentation kan få en bra produkt att verka dålig och att en bra presentation kan ”sälja” en sämre produkt. Därför är det viktigt att lägga ner tid på att förbereda presentationen. Var beredd på frågor om hur du löst olika saker på din webbplats.

E	C	A
Eleven upprättar en enkel projektplan. Eleven utvecklar utifrån planen en produkt i samråd med handledare. I arbetet utvecklar eleven kod som med tillfredsställande resultat följer standarder och omfattar någon av de grundläggande teknikerna för märkspråk och stilmallar. Eleven bearbetar också med viss säkerhet enkel text, bild och eventuell annan media så att de anpassas till produkten.	Eleven upprättar en genomarbetad projektplan. I arbetet utvecklar eleven kod som med tillfredsställande resultat följer standarder och som omfattar några av de grundläggande teknikerna för märkspråk och stilmallar. Eleven bearbetar med viss säkerhet och via flera moment text, bild och eventuell annan media, så att de anpassas till produkten.	Eleven upprättar en genomarbetad projektplan. Eleven utvecklar utifrån planen en produkt efter samråd med handledare. I arbetet utvecklar eleven kod som med gott resultat följer standarder och som omfattar flera av de grundläggande teknikerna för märkspråk och stilmallar. Eleven bearbetar med säkerhet och via flera moment text, bild och eventuell annan media så att de anpassas till produkten.
Produkten är av tillfredsställande kvalitet och följer etablerad god praxis vilket eleven kontrollerar med begränsade tester. Eleven vidtar begränsade åtgärder för att åstadkomma snabb överföring av bilder eller andra mediafiler. Dessutom bygger eleven en webbplats som med tillfredsställande resultat följer grundläggande principer för tillgänglighet.	Eleven testar produkten i några webbläsare. Eleven testar också produkten på några plattformar inklusive traditionella datorer eller mobila enheter. Dessutom bygger eleven en webbplats som med tillfredsställande resultat följer grundläggande principer för tillgänglighet.	Produkten är av god kvalitet och följer etablerad god praxis vilket eleven kontrollerar med omfattande tester. Eleven testar produkten i flera webbläsare. Eleven testar också produkten på flera plattformar inklusive traditionella datorer och mobila enheter, vidtar omfattande åtgärder samt optimerar bilder eller andra mediafiler för att åstadkomma snabb överföring av dessa och för att reducera antalet överföringar per sida. Dessutom bygger eleven en webbplats som med gott resultat följer grundläggande principer för tillgänglighet.
När arbetet är utfört gör eleven en enkel dokumentation av de moment som har utförts och utvärderar med enkla omdömen sitt arbete och resultat. Eleven använder med viss säkerhet terminologi inom området.	När arbetet är utfört gör eleven en noggrann dokumentation av de moment som har utförts och utvärderar med nyanserade omdömen sitt arbete och resultat. Eleven använder med viss säkerhet terminologi inom området.	När arbetet är utfört gör eleven en noggrann och utförlig dokumentation av de moment som har utförts med koppling till generella principer och testresultat och utvärderar med nyanserade omdömen sitt arbete och resultat samt ger förslag på hur arbetet kan förbättras. Eleven använder med säkerhet terminologi inom området.

Webbprojekt

Syfte

Mål

Kravspecifikation

Projektrapport

Presentation

Matris