Guide / Uppdrag 4

Målbeskrivning

Efter att ha studerat denna studieguide ska du ha fått kunskap om:

· JavaScript och hur kan använda färdiga skript

· Vad man ska tänka på för att webbplatser ska passa mobil webb

· Hur man bäddar in ljud och video på webben

· Vad tillgänglighet för webben innebär

· Orientering om säkerhet på webben

Läsanvisningar

Till Studieguide 4 läser vi kapitel 14-18 i läroboken.

Kapitel 14: Javascript

Kapitlet innehåller tips om hur man ser vad som är bra och dålig JavaScript, var man ska lägga den och hur man ska länka till en JavaScript-fil (filändelse *.js). Tanken är inte att du ska kunna skriva egen kod utan att kunna hitta lämpliga JavaScript-koder på nätet och använda dem. På sidan 246-249 finns ett exempel med kod du kan använda i dina uppdrag. Mer om Nivo Slider hittar på http://nivo.dev7studios.com/

Här en manual/videomanual om Nivo Slider: http://docs.dev7studios.com/jquery-plugins/nivo-slider

Kapitel 15: Mobil webb

Att utveckla webbplatser för mobila enheter är under utveckling och i kapitlet får du det som gällde när boken skrevs. Viktigt är att tänka på är hur din webbplats ser ut i aktuella mobila enheter. Sök på nätet efter emulatorer som simulerar mobila enheter. Bäst är det så klart om du testar i en riktig enhet. Flera tips på emulatorer finns här: http://speckyboy.com/2010/04/12/mobile-web-and-app-development-testing-and-emulation-tools/

Kapitel 16: Ljud och bild

Något som har förenklats och fått egna koder i HTML5 är inbäddade ljud och filmer. Med CSS kan man kontrollera höjd och bredd.

Kapitel 17: Tillgänglighet

Kapitlet tar upp missuppfattningen att tillgänglighet bara handlar om att hjälpa de som har svårt att ta del av webbsidor, tex blinda. Tillgänglighet handlar om att hjälpa alla på bästa sätt.

Kapitel 18 Säkerhet

Även om du som webbutvecklare av statiska webbplatser inte behöver veta allt om säkerheten ger kapitlet några tips vad du bör tänka på nu och vad kan behöva tänka på i framtiden.

Lycka till!

Uppdrag 4 (OBS Det finns tre frågor i detta uppdrag)

Fråga 1

För betyget C och A ska du nu infoga ett diskret DOM-skript. Du ska göra dina sista justeringar till webbplatsen. Se till att alla dina sidor validerar till HTML5 och CSS. Titta noga igenom alla kraven på webbhotellet. Exempel: http://bit.ly/html5webb

  • För minst E
    • Webbplatsen ska ha en enhetlig design
    • Webbplatsen ska innehålla både text och bilder.
    • Webbplatsen ska innehålla länkar till externa webbplatser.
    • Det ska finnas möjlighet att kommunicera via e-post (du kan hitta på en epostadress)
    • Använda CSS för stilmall
  • För minst C och A
    • Alla HTML filerna ska gå igenom w3c validering för HTML5.
    • Alla CSS filer ska gå igenom w3c validering för minst CSS2.
    • Sidan ska fungera på minst två olika webbläsare av de senaste versionerna (Internet Explorer(PC), Firefox, Chrome eller Safari(mac))
    • Du ska ha med en sidfot på alla sidor med adressuppgifter
    • Du ska ha med ett bokningsformulär som inte behöver fungera
    • Du ska infoga ett enkelt diskret dom-skript (tex jQuery Plugin från http://nivo.dev7studios.com/ )
    • Här en manual/videomanual om Nivo Slider: http://docs.dev7studios.com/jquery-plugins/nivo-slider
    • Sidan ska innehålla in inbäddad Google karta som klarar valideringen i HTML5.
    • Tänk på design, layout, läsbarhet, rättstavning för högre betyg
    • Använd W3C:s verktyg för att se hur mobilvänlig din webbplats är
    • http://validator.w3.org/mobile/. OBS Du behöver inte nå 100%. Min http://bit.ly/html5webb nådde bara 52%Blir din bättre? OBS. Eftersom din webbplats inte ligger på Ingetnet så lär din webbplats bli bättre än mina 52% eftersom validatorn inte kollar alla brister.
  • För betyg A måste du lägga ut din sida på Google Drive och kontrollera din webbplats når minst 52%. Info hur du lägger ut din webbplats finns här

Fråga 2

· Skriv utförligt och nyanserat om vilka grundläggande tekniker (HTML och CSS) som webben bygger på.

· Vilka frågeställningar ska man tänka på när det gäller lagar(tex PUL, upphovsrättslagen), etik och integritet på webben (Tex: även om man får fotografera någon på gatan och lägga ut bilden är det ok att göra det?)

· Beskriv vilka säkerhetsproblem det finns på en webbplats. (se kap 18 i boken)

· Beskriv hur man bör göra för att välja vid val av webbhotell om du skulle publicerat din webbplats. (Jämför 2 olika webbhotell och motivera vilket du hade valt för att publicera din hotellwebbplats)

Fråga 3

Utifrån din projektplan skriver du en noggrann och utförlig dokumentation av de moment som har utförts. Ta med koppling till generella principer och testresultat.

Utvärdera med nyanserade omdömen ditt arbete och resultat. Ge förslag på hur arbetet kan förbättras. Vad ändrade du i din projektplan? Varför?