Webbutveckling · område 4

Projekt 3 – Lagar, rättigheter och etik

Deadline tisdag 22 december kl 23:59. En sajt byggd i Google Sites, gemensam med Gränssnittsdesign.

1. Uppdraget

Du ska bygga och publicera en webbplats om lagar, rättigheter och etik på webben — i ett publiceringssystem, inte i kod. Sajten är själva kunskapsredovisningen: det du kan visar du genom att förklara det för någon annan, med egna ord, egna exempel och kontrollerade källor.

Det är första gången i den här kursen du inte handkodar, och det är avsiktligt. I första passet jämför vi publiceringssystem med det du gjort hittills — vad man vinner och vad man förlorar. Den jämförelsen blir värd något först när du byggt i båda. Du har ett handkodat projekt bakom dig sedan den 1 december; nu får du det andra ledet.

Sajten delas med Gränssnittsdesign. Ni bygger en sajt, lämnar in en länk och får två bedömningar. Den här kursen bedömer innehållet, källorna, publiceringen och det etiska resonemanget kring hur sajter byggs och drivs. Gränssnittsdesign bedömer ett eget kapitel på samma sajt, om hur lagar och principer syns i själva utformningen.

Gränsen mellan kurserna går så här, och den är värd att läsa två gånger:

Här handlar det om	I Gränssnittsdesign om
Vad lagen kräver av den som publicerar	Hur kravet ser ut när användaren möter det
Vad du får lägga upp: citaträtt, länkning, källhänvisning	Licenserna för det som ingår i en design: typsnitt, ikoner, bild, ljud
Varför mörka mönster finns: spårning, datainsamling, incitament	Hur de är byggda, och hur man ritar om dem

Innehållet återkommer i slutprovet

Det är därför egna formuleringar är ett krav och inte en artighet — det du skrivit av kan du inte i juni.

2. Vad du utgår från

Det här har du redan	Var det kommer ifrån
En handkodad, stilsatt och publicerad sajt	Projekt 2, inlämnad 1 december
Erfarenhet av att publicera med GitHub Pages	Område 1 och framåt
Validering, alt-texter och semantisk markup som vana	Projekt 1 och 2

Det du inte har är ett publiceringssystem. Google Sites introduceras i första passet och är plattformen för den här uppgiften. Du behöver inte kunna verktyget i förväg — du behöver kunna se vad det gör åt dig och vad det hindrar dig från.

3. Ska-krav

Är alla ikryssade och kontrollerade ligger du på E.

4. Bör-krav

Skillnaden mellan en sajt som återger och en som förklarar. Nivå C.

Bör-krav — nivå C

Exemplen är egna fynd, inte de som togs upp på lektionen
Du kan peka ut vilken källa som är primärkällan på varje sida, och varför den är det
Varje sida svarar på vad det betyder för den som bygger, inte bara på vad lagen säger
Jämförelsen namnger tre konkreta saker du inte kunde göra i Google Sites, och vad du gjorde i stället
Avsnittet om spårning säger något om vad Google Sites självt samlar in när någon besöker din sajt
Källorna är daterade — när du läste dem, inte bara när de skrevs
Sidorna är lika uppbyggda: samma ordning på exempel, förklaring och källor

5. Utmaningar

Nivå A. Ta dem när ska- och bör-kraven sitter.

Utmaningar — nivå A

Ett fall där två regler drar åt olika håll, och du reder ut hur det löses i praktiken
Du har kontrollerat ett påstående mot primärkällan och funnit att andrahandskällan hade fel — dokumenterat, med båda länkarna
Du har provat sajten med tangentbord och dokumenterat var verktyget sätter gränsen för vad du kan göra åt tillgängligheten
En uppskattning av vad samma sajt hade krävt handkodad: vad som tagit längre tid och vad som blivit bättre
Någon utanför klassen har läst en av sidorna och kan återge vad regeln innebär, utan att du förklarar

6. Tekniska krav

Krav	Vad som gäller
Plattform	Google Sites. GitHub Pages används inte till den här sajten
Sidor	Start plus fyra innehållssidor, plus sidan som hör till Gränssnittsdesign — sex totalt
Publicering	Publicerad så att den går att öppna utan inloggning. Kontrollera i ett privat fönster
Källor	Per sida: minst tre, med titel, utgivare, länk och datum du läste den. Minst en primärkälla
Primärkälla	Lagtexten, myndigheten eller den som äger frågan — IMY, Konsumentverket, PTS, EU-förordningen. Inte en artikel om den
Bilder	Alt-text på alla. Licensen angiven vid bilden eller i källlistan
Egna ord	Ingen inklistrad text. Citat inom citattecken, med källa direkt efter
AI	Tillåtet som stöd, märkt med verktyg och vad du bad om. Brödtexten skriver du själv
Avsändare	Sajten säger vem som står bakom den. Inga personuppgifter om någon annan
Var det lämnas	Sajtens adress i itslearning, på båda kursernas uppgifter — samma länk

Raden om sex sidor

Den sjätte sidan är Gränssnittsdesigns, och dess innehåll bedöms där, inte här. Här räknas bara att den finns och går att nå från navigationen, som vilken sida som helst på en sajt du ansvarar för.

7. Bedömningsmatris

Kriterium	E	C	A
Innehåll och exempel	Fyra innehållssidor med ett konkret exempel var	Exemplen är egna fynd, och varje sida säger vad regeln betyder för den som bygger	Ett fall där två regler drar åt olika håll är utrett
Källor och källkritik	Tre källor per sida, minst en primärkälla	Du kan peka ut primärkällan och motivera valet, källorna är daterade	Ett påstående är kontrollerat mot primärkällan och rättat, med båda länkarna
Etiskt resonemang	Spårning, mörka mönster och tillgänglighet är behandlade	Resonemanget skiljer på vad som är olagligt och vad som bara är dåligt	Resonemanget håller när det vänds mot verktyget du själv använder
Publicering och verktygsval	Sajten är publicerad och går att öppna utan konto	Jämförelsen namnger tre saker verktyget hindrade, med vad du gjorde i stället	Jämförelsen väger tid mot kvalitet och landar i ett motiverat val
Kvalitet och kontroll	Egna formuleringar, alt-texter, navigation som når allt	Sidorna är lika uppbyggda och AI-stöd är redovisat	Sajten är tangentbordsprövad och verktygets gränser är dokumenterade

8. Kom igång

Skapa alla sex sidorna tomma i första passet, direkt när sajten finns. En sajt med sex tomma rubriker är en plan; en sajt med en färdig sida är en sida. Gränssnittsdesign behöver sin sida den 14 december.
Välj exemplen före den 9 december. Det tar en kvart och det är det som gör genomgångarna begripliga — du lyssnar annorlunda när du redan har ett fall du undrar över.
Samla källorna medan du läser, inte efteråt. Klistra in länken och dagens datum i sidans källlista i samma sekund som du använder något därifrån. Att leta rätt på var en uppgift kom ifrån tre dagar senare tar tio gånger så lång tid.
Skriv en sida klart innan du börjar nästa. Fyra halvfärdiga sidor på deadlinekvällen är det vanligaste sättet att tappa den här uppgiften.
Publicera senast den 16 december — inte på deadlinedagen. Då hinner du upptäcka att adressen kräver inloggning medan det fortfarande går att göra något åt det.

9. Vanliga misstag

Texten är omskriven, inte skriven. Att byta vartannat ord i en artikel är fortfarande artikelns text, och det syns. Läs, lägg undan källan, skriv av minnet, kontrollera sedan.
Alla källor är andrahandskällor. Tre artiklar om GDPR är tre artiklar. Någonstans finns förordningen, IMY:s vägledning eller myndighetens egen sida — det är den som är källan.
Exemplet är abstrakt. Vissa sajter samlar in för mycket data är inget exempel. Namnge tjänsten, säg vad den frågar om och varför det är för mycket.
Sajten är publicerad men låst. Google Sites delar inte automatiskt. Öppna adressen i ett privat fönster — ser du sajten där ser läraren den också.
Bilder tagna från sökresultat. En bild i en sökmotor är inte en fri bild. Använd källor där licensen står, och skriv ut den.
Jämförelsen är allmän. Google Sites är enklare men mindre flexibelt står i varje blogginlägg. Ditt svar ska handla om vad som hände när du byggde: vad du försökte göra och inte kunde.
Gränssnittsdesigns sida glöms bort i navigationen. Den ska gå att nå som alla andra sidor. En sida som bara finns via direktlänk finns inte.

10. Innan du lämnar in

Sista passet, 22 december, är till för det här. Gå igenom i tur och ordning:

Öppna sajten i ett privat fönster. Utan inloggning, som en främling. Går alla sex sidorna att nå från navigationen?
Läs varje källlista. Tre källor, minst en primär, alla med datum. Fungerar länkarna?
Sök i din egen text efter meningar du inte känner igen. Hittar du en, skriv om den eller sätt citattecken och källa runt den
Kontrollera alt-texterna. Varje bild, och texten ska säga vad bilden visar — inte bild1
Kontrollera att AI-stöd är märkt där du använt det
Lämna adressen i itslearning på båda kurserna. Samma länk, två uppgifter

Punkt 1 fäller flest

En sajt som ser färdig ut när du är inloggad kan vara osynlig för alla andra, och det märks inte förrän någon försöker.