Projekt Företag instruktioner
Uppgift: Du ska skapa en sajt för ett företag där företaget presenteras, företagets produkter presenteras och det finns möjlighet att beställa samt kontaktuppgifter. Sajten ska vara seriös och likna enklare företagssajter på nätet.
Syfte:
Öva på att genomföra ett större projekt med planering/genomförande/testande/utvärdering. Dessutom praktiskt använda de kunskaper du har.
Genomförande: Du arbetar ensam. Sajten byggas med egen kod och du använder HTML5, CSS3 och javascript/jquery. Se till att all vanlig kodning fungerar och ser bra ut och all fakta finns på sidorna innan du bygger på med javascript/jquery.
Sidorna ska vara anpassade med "Responsive Web Design", det vill säga de ska anpassa sig efter vad du använder för att titta på webbsidan, dator eller mobil. Därför är det lämpligt att använda "grid" där så är möjligt.
Krav:
- Länk till din planering ska vara
http://labb.vgy.se/~dittNamn/projekt/foretag/planering.html .
- Länk till din webbsajt ska vara http://labb.vgy.se/~dittNamn/projekt/foretag/ och inget annat.
- Minimikrav på sidorna se nedan.
- Snygg/proffsig layout, enhetliga färger, korrekta teckensnitt.
- Använd dig av det du lärt dig i kursen.
-
Bilder ska vara egna, fria eller med rättigheter att användas (och det anges på ett korrekt sätt).
Redovisning:
- Du lägger upp din planering på korrekt url.
- Din sajt är uppladdad på korrekt url.
- Skriver en redovisningstext enligt instruktionerna.
- Mejlar Per och meddelar att allt är klart.
Omdöme: Att genomföra ett sådant här projekt är ett minimikrav på kursen. Jag ska se en progress under lektionerna.
Jag bedömer F, E, C eller A.
- A: Du har en genomarbetad projektplan. Du har genomfört projektet enligt instruktionerna och fått med alla delar som finns i specifikationerna. Din kodning är tydlig, korrekt och validerad. Allt är inte bara med utan din planering, stuktur, kodning och reflektioner är extra sofistikerad. Den tekniska nivån visar att du väldigt bra koll på kod, struktur, syntax.
Sajten är av god kvalitet. Du bearbetar med viss säkerhet enkel och via fler moment text, bild och video. I produkten infogar eleven javascript som är separerad från html-koden. Webbplatsen följer med gott resultat grundläggande principer för tillgänglighet. Du gör omfattande tester och simuleringar angående webbläsare, enheter(apparat), kodkvalite, webbtillgänglighet.
- 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 samt utvärderar med nyanserade omdömen sitt arbete och resultat och ger förslag på hur arbetet kan förbättra.
- När eleven samråder med handledare bedömer hon eller han med säkerhet den egna förmågan och situationens krav.
C: Du har en genomarbetad projektplan. Du har genomfört projektet enligt instruktionerna och fått med alla delar som finns i specifikationerna. Din kodning är tydlig, korrekt, välstrukturead och validerad. Vissa delar är enklare, någon detalj glömd. Den tekniska nivån visar att du god koll på kodstruktur, syntax.
Sajten är av tillfredsställande kvalitet. Du bearbetar med viss säkerhet enkel och via fler moment text, bild och video. I produkten infogar eleven javascript som är separerad från html-koden. Webbplatsen följer med tillfredsställande resultat grundläggande principer för tillgänglighet. Du gör omfattande tester angående webbläsare, enheter(apparat), kodkvalite, webbtillgänglighet.
- Du utvärderar med nyanserade omdömen ditt arbete och resultat.
När eleven samråder med handledare bedömer hon eller han med viss säkerhet den egna förmågan och situationens krav.
- E: Du har en enkel projektplan. Du har gjort de väsentliga delarna. Sidorna är ok men av enklare kvalite. Du kan ha missat några av de mindre punkterna. Sajten är av tillfredsställande kvalitet. Du bearbetar med viss säkerhet enkel text, bild och video. Webbplatsen följer med tillfredsställande resultat grundläggande principer för tillgänglighet. Du utvärderar med enkla omdömen ditt arbete och resultat.
- När eleven samråder med handledare bedömer hon eller han med viss säkerhet den egna förmågan och situationens krav.
- F:
Din sajt är ofullständig. Du saknar planering eller färdigt projekt eller reflektion eller för många av punkterna.
Jag kan inte se exakt vem som gör en viss kod och därför sker tester på de olika tekniska kursmomenten separat. Kursmomenten formulär, javascript, jquery testas efter projektet. Vi ser projektet som en del i inlärningsprocessen.
Innan du sätter igång och koda ska du TÄNKA och PLANERA. Du ska ska lägga upp en planering på hur din sajt ska se ut.
Vilka sidor! Innehåll, utseende, färger, teckensnitt, teckenstorlek! Vad är gemensamt på sidorna? Logga, rubriker.
Vilka produkter/tjänster säljer ditt företag?
Denna planering lägger du ut på länken:
http://labb.vgy.se/~dittNamn/projekt/foretag/planering.html
Den ska innehålla skisser på dina webbsidor, förklaringar med pilhänvisningar till olika delar.
(Du kan fotografera skisserna och lägga in på planeringen om det löser något!)
Du kan INTE sätta igång och koda innan din planering ligger på ovannämnda länk OCH DEN ÄR GODKÄND AV PER.
Du testar självklart din kod du skriver med lämplig validerare, html, css och javascript.
De 3 teknikerna ska vara separerade.
Du planerar, genomför och testar.
Du bör också ha i åtanke den teori vi haft i kursen angående läsbarhet, användbarhet och webbtillgänglighet.
Följande sidor ska finnas med:
- Välkomstsida/Startsida
- Presentation av produkter/tjänster, där du tar hjälp av tabeller och/eller lämpliga html5-layout element
- Jämförelsesida, med till exempel möjlighet att välja vilka produkter som ska jämföras
- Beställningssida med produkter och ett formulär som skickar ett mejl till "din" mejladress med beställningsinformation och sedan visar en webbsida där du tackar för beställningen
- Om oss, en sida som beskriver företagets historia, struktur, anställda
- Frågor och Svar, där det finns ett antal lämpliga frågor och eventuellt dolda svar som dyker upp vid klick på något lämpligt
- Kontaktsida med information och kanske ett kontaktformulär
Liten checklista!
- Alla sidor ovan finns med, har du fler är det helt ok
- Sidorna, filerna validerade
- "Responsive Web"
- Snygg/proffsig layout, enhetliga färger, korrekta teckensnitt
- Formulär fungerar
- Du har testat att fungerar och ser ut som du tänkt dig, även när du laddat över allt till ditt konto på webbservern
- Koden är själklart indenterad, kommenterad och välstrukturerad
Redovisningstexten
Denna redovisning lägger du ut på länken:
http://labb.vgy.se/~dittNamn/projekt/foretag/redovisning.html
Svara på följande frågor:
- Beskriv i stora drag hur du tänkte vid planeringen av din sajt
- Hur gick det vid genomförandet? Fick du problem? Fick du ändra om, ta bort något?
- Har du några extra finesser eller annat bra/roligt/smart?
- Beskriv hur du testat funktionaliteten på dina webbsidor.
- Vad har du gjort med avseende på webbtillgänglighet, användbarhet och läsbarhet.
- Skriv något om hur du upplevt projektet, lätt/svårt, kul/tråkigt, något annat?
Beskriv gärna lite med egna ord.
- Vad tyckte du om projektet?
- Vad tyckte du om projektinstruktionerna?
- Har du tips på hur projektet kan göras bättre?
- Övriga synpunkter!
Lycka till!