Webbutveckling 1 · område 5 · uppgift

Projekt 4 – Sajten som förklarar reglerna

Det här är områdets kravdokument. De tre guiderna ska stödja kraven nedan – inte tvärtom. Ändras kraven ska guiderna läsas om.

• 22 dec Inlämning kl 23:59 Länken till den publicerade Google Sites-sajten lämnas i itslearning.

1. Uppdraget

Du ska bygga en webbplats i Google Sites som förklarar tre saker för någon som just ska publicera sin första sajt: vad GDPR kräver, vad upphovsrätten säger om bilder och texter, och hur man skyddar sig och sin sajt. Tre sidor, en per ämne, med egna ord och egna exempel.

Sajten är områdets kunskapsredovisning. Det finns inget prov – det du skriver på sajten är det som bedöms, och tre eller fyra frågor om innehållet återkommer i kursens slutprov i juni.

Det är också första gången i kursen du bygger utan att skriva kod. Google Sites är ett publiceringssystem: du skriver, det bygger HTML:en. Du ska efteråt kunna säga vad det gav dig och vad det tog ifrån dig, jämfört med det du gjort i tre områden.

2. Så är sajten uppbyggd

Fem sidor. Inte fler, inte färre för E.

Varje ämnessida ska gå att läsa på tre–fyra minuter. Det är inte en uppsats. Det är en förklaring till någon som har bråttom och vill göra rätt.

3. Google Sites – ett publiceringssystem

Fram till nu har du skrivit varje rad HTML själv och publicerat med GitHub Pages: du äger filerna, du bestämmer allt, och du lagar allt. Ett publiceringssystem (på engelska CMS, content management system) vänder på det: du skriver innehållet i ett gränssnitt, och systemet skriver HTML:en, CSS:en och navigationen åt dig. WordPress, Squarespace, Wix och Google Sites är alla publiceringssystem. De driver en mycket stor del av webben.

Ingen av dem är "rätt". Det är det som är lektion 49: att kunna säga när du ska välja vilket, utifrån vad du själv erfarit av båda. Bör-kravet Publiceringssystem eller egen kod? är den jämförelsen, skriven med dina egna exempel.

Google Sites på fem minuter

1. sites.google.com, inloggad med skolkontot. Tom eller en mall – tom är enklare att få ordning på.
2. Sidor i panelen till höger: plustecknet skapar en sida. Fem sidor, namnen ur tabellen ovan. Navigationen byggs automatiskt ur listan.
3. Infoga: textruta, bild, tabell. Rubriknivåerna finns i textrutans meny – använd dem, precis som h1–h3 i HTML. En rubrik per sida.
4. Bild: Infoga → Bilder → Ladda upp för egna. Klicka på bilden och välj Lägg till bildtext – där skriver du upphovsperson, källa och licens.
5. Tema uppe till höger: färger och typsnitt för hela sajten. Välj en gång, byt inte varje pass.
6. Publicera uppe till höger. Första gången: välj webbadress och vem som får se sajten. Varje gång efter det: tryck Publicera igen, annars syns inte ändringarna.
7. Länken: Publicera → Kopiera länk till publicerad webbplats. Den, inte adressen i adressfältet, är den du lämnar in.

Det du kommer att sakna: att kunna sätta en exakt marginal, styra fokusmarkeringen, välja hur navigationen byggs. Det är ett av svaren på jämförelsen. Det du kommer att uppskatta: att sajten är responsiv och publicerad innan du skrivit ett ord. Det är det andra.

4. Fördjupningen – ett ämne per elev

För C och A väljer du ett av de tre ämnena och går längre i det, på en sjätte sida eller som ett tydligt avsnitt på ämnessidan. Ämnena fördelas i klassen på lektion 48 så att alla tre blir täckta; säg vilket du vill ha, men räkna med att bli placerad om alla vill ha samma.

Guidernas avsnitt Ta det längre ger tre eller fyra förslag per ämne. Du får välja ett av dem eller ett eget, så länge det är konkret: något du gjort, mätt, jämfört eller skrivit – inte bara läst mer om.

5. Kraven

Kryssa av allt eftersom. Kryssen sparas i din webbläsare.

Nollställ alla kryss

6. Tekniska krav

• Google Sites via ditt skolkonto. Inte Wix, inte WordPress, inte egen kod – poängen med området är att pröva ett publiceringssystem.
• Publicerad, inte bara delad. Publicera uppe till höger, och under Vem kan visa min webbplats ska den vara öppen för alla med länken. Tillåter skolans inställningar inte det: öppen för alla inom skolan, och säg till mig.
• Navigationen genereras av Google Sites ur sidorna. Kontrollera att alla fem sidor syns i den.
• Bilder: egna, eller med licens som tillåter användning, och med bildtext enligt TASL (upphovsrättsguiden avsnitt 9). En sajt om upphovsrätt med en stulen bild bedöms därefter.
• Texten är din. Jag jämför med guiderna och med myndighetssidorna. Kopierade stycken räknas inte som gjorda.
• Mobil: öppna sajten i telefonen innan du lämnar in. Google Sites sköter det mesta, men bilder du gjort stora och tabeller kan spricka.

Det här lämnas in

En sak: länken till den publicerade sajten, i itslearning-uppgiften Projekt 4, senast tisdag 22 december 23:59. Kontrollera länken i ett privat fönster innan du lämnar in – öppnas sajten där, öppnas den för mig.

7. Bedömningsmatris

E kräver alla ska-krav. C kräver E plus bör-kraven. A kräver C plus utmaningarna. Ett kriterium på hög nivå kompenserar inte ett som saknas – det är helheten som bedöms, och den som skrivit tre korrekta sidor med egna exempel har gjort det området kräver.

8. Kom igång – de tre första sakerna

1. Skapa sajten. sites.google.com med skolkontot, Tom, ge den ett namn. Skapa de fem sidorna direkt under Sidor till höger, tomma. Nu finns strukturen och navigationen, och du kan se hur sajten kommer att se ut.
2. Skriv källsidan först. Öppna de tre guidernas källistor och välj den sida per ämne du tänker utgå ifrån. Skriv in dem med rubrik, myndighet, länk och dagens datum. Nu har du något att läsa, och du vet vad du får skriva under.
3. Skriv GDPR-sidan i ett svep, utan att titta i guiden, utifrån vad du minns från lektion 48. Rätta mot guiden efteråt. Det som blev fel är det du behöver läsa på; det som blev rätt är redan ditt.

9. Så ligger tiden

Fyra lektioner, och den sista är deadlinedagen. Det är kursens kortaste område, och det är avsiktligt: sajten ska bli klar före lovet, inte hänga över det.

Guiderna innan sajten

Det går inte att skriva med egna ord om något man inte läst. Räkna med att läsa alla tre guiderna mellan tisdag och fredag i vecka 51 – de är långa, men de är byggda för att slå i, inte för att läsas från början till slut. Avsnittet Vad du kan efter guiden överst i varje guide är listan över det sajten ska visa att du kan.

10. Källkritik – vad som räknas som en källa

Kravet är myndighetskällor, och skälet är enkelt: det är myndigheterna som tillämpar lagarna, och deras sidor är skrivna för att vara korrekta, inte för att sälja något.

Andra källor får användas utöver myndighetskällan, om du säger vad de är. En nyhetsartikel om ett IMY-beslut är en bra källa till exemplet – beslutet självt är källan till vad som gällde. Wikipedia är en bra väg till källorna, men inte en källa. Creative Commons och Internetstiftelsen är seriösa organisationer, men de är inte myndigheter, så de uppfyller inte ska-kravet ensamma.

Datumet du läste sidan är obligatoriskt. Myndigheterna på säkerhetsområdet bytte namn och adress under 2026, och den som läser din sajt senare ska kunna se när du hämtade det du skrev.

11. Checklista innan du lämnar in

1. Sajten är publicerad – testad i ett privat fönster, öppnas utan inloggning
2. Alla fem sidor syns i navigationen
3. Varje ämnessida har ett konkret exempel
4. Varje bild har bildtext med upphovsperson, källa och licens, eller "egen bild"
5. Källsidan har minst tre myndighetskällor, med datum
6. Inget stycke är kopierat
7. Inga personuppgifter om andra utan lov
8. Öppnad i telefonen
9. Länken inlämnad i itslearning

12. Felsökning