Webbprojekt

Syfte

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.

Mål

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

Kravspecifikation

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

  1. Projektet bör bestå av minst 3 olika sidor.
  2. Du skall skriva all HTML- och CSS-kod själv. Detta innebär att du inte får använda dig av något CMS eller front-end-bibliotek som Bootstrap eller liknande. Det är dock okej att använda sig av PHP- och Javascript-ramverk och script 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.
  3. 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.
  4. 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)
  5. Bilder ska finnas med på webbplatsen. Tänk på filstorlek och format på de bilder du lägger in.
  6. Lägg tonvikt på att göra en snygg och lättläst hemsida.
  7. Sidan ska fungera och se bra ut i både Firefox, Edge och Google Chrome.
  8. Sidan ska fungera och se bra ut i såväl dator som mobiltelefon.
  9. Koden ska vara snyggt skriven och indenterad på korrekt sätt.
  10. Sidan ska vara gjord i HTML5 och vara validerad.
  11. Stilmallen ska följa CSS3 och vara validerad.

Projektrapport

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.

Presentation

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.

Matris

E C A
Eleven upprättar en enkel projektplan för en tänkt produkt. 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 för en tänkt produkt. Eleven utvecklar utifrån planen en produkt efter samråd med handledare. 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. I produkten infogar eleven enkla skript . 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 för en tänkt produkt och reviderar den vid behov . 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. I produkten infogar eleven diskreta domskript . 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 testar produkten i någon webbläsare. Eleven testar också produkten på någon plattform och 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 och vidtar åtgärder för att åstadkomma snabb överföring av bilder och andra mediafiler. 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 redogör översiktligt för innehållet i lagar och andra bestämmelser som rör publicering på webben samt följer dem i sitt arbete. Eleven för dessutom enkla resonemang om webbrelaterade frågor om etik och integritet. 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 redogör utförligt för innehållet i lagar och andra bestämmelser som rör publicering på webben samt följer dem i sitt arbete. 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 redogör utförligt och nyanserat för innehållet i lagar och andra bestämmelser som rör publicering på webben samt följer dem i sitt arbete. Eleven använder med säkerhet terminologi inom området.