Inlämningsuppgift – Webb och begrepp

Ni ska samarbeta i grupper om två för att sammanställa ett Google-dokument där ni redogör följande (skriv era namn i dokumentet): Elis och Samuel
! Deadline fredag 29/8. Lämna in på Classroom.

Leta reda på tre bra webbsidor på Internet och svara på följande frågeställningar (svara med 2-3 meningar per fråga):

• Hur uppfattar ni sidornas utseende (Harmonisk eller stökig? Vad beror det på?) - Framgår det vad företaget sysslar med?
  • Vi tycker Google classroom är väldigt bra. Sidan är tydlig och den är lätt att förstå sig på. Sidan är harmonisk och stilren. Det framgår inte så tydligt vad Google sysslar med, men det är inte poängen med sidan.
• Hur fungerar navigeringen? Dvs. hur lätt är det att hitta saker?
  • startvyn är det lätt att hitta sina registrerade klasser. Väl inne i klasserna är det lätt att hitta alla klassuppgifter, och de går att gruppera in i kategorier för extra tydlighet.
• Är sidan förtroendeingivande? Motivera varför!
• Ja - Google är ett så pass väletablerat företag som man redan har förtroende för, så deras tjänster för skolan känns trygga.



• Hur uppfattar ni sidornas utseende (Harmonisk eller stökig? Vad beror det på?) - Framgår det vad företaget sysslar med?
  • Vi tycker Youtube är harmonisk med den huvudsakliga infon mitt på skärmen med menyer till vänster. Alla “videorutor” har ett tydligt format som är lätt att läsa av och menyerna visar tydligt vad de leder till. Det framgår tydligt att hemsidan vill att du ska titta på videor.
• Hur fungerar navigeringen? Dvs. hur lätt är det att hitta saker?
  • Navigeringen är väl upplagd då alla menyer är lätta att hitta och är tydliga med vad de leder till. Det finns även en sökfunktion för att hitta specifika videor.
• Är sidan företroendeingivande? Motivera varför!
  • Sidan är förtroendeingivande då den inte försöker ta några personliga uppgifter om du inte vill ge dem samt att den är publicerad av ett välkänt företag. Däremot är inte alla länkar som finns på hemsidan som leder utanför youtube nödvändigtvis säkra och man bör vara försiktig med vad man trycker på. Man kan även hitta länkar till företaget om man har några problem.



• Hur uppfattar ni sidornas utseende (Harmonisk eller stökig? Vad beror det på?) - Framgår det vad företaget sysslar med?
  • Skola 24’s schemavisare är väldigt enkel i sitt utseende vilket gör den lätt att förstå. Man kan välja inställningar högst upp och längre ner ser man sitt schema.
• Hur fungerar navigeringen? Dvs. hur lätt är det att hitta saker?
  • Det framgår tydligt vad som ska skrivas i varje ruta för att man lätt ska hitta önskat schema. Tack vare att det är uppdelat i olika rutor (t.ex klass, lärare) är det lättare att navigera. De flesta menyer är också drop down-menyer vilket gör att det är väldigt lätt att hitta saker man inte vet hur man stavar.
• Är sidan företroendeingivande? Motivera varför!
  • Sidan är förtroendeingivande då den inte innehåller några främmande länkar till udda sidor. Den försöker heller inte samla in någon personlig information från användaren.




Leta reda på tre mindre bra webbsidor på Internet och svara på följande frågeställningar (svara med 2-3 meningar per fråga):



1. DownloadMoreRam.com
• Hur uppfattar ni sidornas utseende (Harmonisk eller stökig? Vad beror det på?) - Framgår det vad företaget sysslar med?
• Hemsidan är väldigt harmonisk då innehållet är sparsamt och organiserat. Sidan framstår som om den vill tillåta dig att ladda ner mer RAM till din dator men den hävdar själv att det hela är ett skämt.
• Hur fungerar navigeringen? Dvs. hur lätt är det att hitta saker?
• Navigationen är tydlig då det inte finns så många ställen att ta sig till.
• Är sidan förtroendeingivande? Motivera varför!
• Sidan är förtroendeingivande då den har länkar till sociala medier mm. Hemsidan försöker heller inte samla in personlig info.



2. rumpa.nu
• Hur uppfattar ni sidornas utseende (Harmonisk eller stökig? Vad beror det på?) - Framgår det vad företaget sysslar med?
• Hemsidan är otroligt stökig, och det första man ser är text som ber en att trycka på saker. Väl inne på hemsidan känns saker slumpmässigt satta efter varandra och det finns många knappar som säger “press me”
• Hur fungerar navigeringen? Dvs. hur lätt är det att hitta saker?
• Det är inte nödväntigtvis så svårt att hitta på sidan - menyn högst upp gör det lite lättare, men home delen känns väldigt konstigt i strukturen.
• Är sidan företroendeingivande? Motivera varför!
• Med en massa knappar som säger “press me”, och inga kontaktuppgifter känns det som att man kan råka ladda hem virus.



3. dn.se
• Hur uppfattar ni sidornas utseende (Harmonisk eller stökig? Vad beror det på?) - Framgår det vad företaget sysslar med?
• känns stökig. Det är massa nyheter uppradade efter varandra, men mitt i allt finns annonser och saker som för dig till andra hemsidor. Det framgår att företaget sysslar med nyheter
• Hur fungerar navigeringen? Dvs. hur lätt är det att hitta saker?
• Menyn längst upp gör att det går ganska lätt att hitta saker
• Är sidan företroendeingivande? Motivera varför!
• Hade man inte vetat sedan innan att dn.se var en säker webbplats hade det nog snarare känts som en hemsida som försöker få dig att trycka på annonser. Det är svårt att hitta till kundservice då den ligger i en liten meny tillsammans med quiz och korsord.




Granska följande webbsidor och svara på frågorna nedan
(svara med 2-3 meningar per fråga):



1. vizibly
• Framgår det vem som har gjort de olika webbsidorna (myndighet, organisation, företag eller privatperson)? Titta exemelvis i kontaktinformationen
• Företaget Vizibly.
• Framgår det vad företaget sysslar med?
• Utveckla hemsidor för och sökmotoroptimera dem.
• Känns webbsidorna trovärdiga? Utgå från fungerande länkar, källhänvisningar, bilder och datum då sidan uppdaterades senast.
• Webbsidan verkar inte trovärdig då den inte försöker få dig att betala för någonting eller har någon ytterligare info om hur man ska kontakta dem annat än att ringa dem direkt, detta är väldigt ovanligt för en företags hemsida och det borde finnas minimum en mailadress till dem.
• Kan ni jämföra fakta och information från webbsidorna med andra källor? Ex. priser, samarbeten med andra företag, kunder osv.
• De verkar vara en cover för att kunna skicka falska fakturor till folk.


2. byggpojken
• Framgår det vem som har gjort de olika webbsidorna (myndighet, organisation, företag eller privatperson)? Titta exemelvis i kontaktinformationen
• Ja - Byggpojken AB
• Framgår det vad företaget sysslar med?
• Ja - man hyr in dem för att ta hand om renovering
• Känns webbsidorna trovärdiga? Utgå från fungerande länkar, källhänvisningar, bilder och datum då sidan uppdaterades senast.
• Ja - hemsidan uppdaterades 2025 och länkar fungerar. Det finns gott om kontaktuppgifter till dem
• Kan ni jämföra fakta och information från webbsidorna med andra källor? Ex. priser, samarbeten med andra företag, kunder osv.
• Nej - man måste skicka ett mail för att få en offert. Det finns ingen sida om man trycker på länken till deras samarbeten


3. connectd
• Framgår det vem som har gjort de olika webbsidorna (myndighet, organisation, företag eller privatperson)? Titta exemelvis i kontaktinformationen
• Verkar vara företaget ConnectD
• Framgår det vad företaget sysslar med?
• De hävdar att de håller på med företagstelefoni
• Känns webbsidorna trovärdiga? Utgå från fungerande länkar, källhänvisningar, bilder och datum då sidan uppdaterades senast.
• Webbsidan ser trovärdig ut längre ner men det faktum att det första man ser är en uppmaning att ladda ner en app är udda för en sådan här hemsida. länken till info om dem är också tom.
• Kan ni jämföra fakta och information från webbsidorna med andra källor? Ex. priser, samarbeten med andra företag, kunder osv.
• Verkar vara ett Scam


4. Co₂coalition
• Framgår det vem som har gjort de olika webbsidorna (myndighet, organisation, företag eller privatperson)? Titta exemelvis i kontaktinformationen
• Ja - CO2 Coalition
• Framgår det vad företaget sysslar med?
• Ja - de jobbar med att analysera och informera om klimatförändringar.
• Känns webbsidorna trovärdiga? Utgå från fungerande länkar, källhänvisningar, bilder och datum då sidan uppdaterades senast.
• Nej - Mycket information går emot vetenskap
• Kan ni jämföra fakta och information från webbsidorna med andra källor? Ex. priser, samarbeten med andra företag, kunder osv.
• Nej

Undersök och förklara följande begrepp med 1-2 meningar per begrepp. Ange källan du har använt för att hitta informationen för varje begrepp (inte ChatGPT).

• HTML Är ett standardspråk för webbdesign (https://www.w3schools.com/html/ )
• CSS Är ett språk för att designa hemsidor och för att beskriva hur HTML objekt ska visas (https://developer.mozilla.org/en-US/docs/Web/CSS)
• Domän (domännamn) Adressen till en hemsida (https://internetstiftelsen.se/domaner/domannamn-vad-ar-det/)
• Toppdomän (vilka olika finns det och vad står de för?) Den del av länken som indikerar var hemsidan finns, både var i världen för vissa toppdomäner och var sökmotorn ska leta (https://sv.wikipedia.org/wiki/Toppdom%C3%A4n)
• URL En fullständig webbadress (https://sv.wikipedia.org/wiki/URL)
• IP-adress En unik adress till en dator/server, används för att koppla till en annan (dator/serverhttps://internetkunskap.se/artiklar/ordlista/ip-adress/)
• Klient Det program man använder för att visa en hemsida, men ofta kallas datorn programet körs från klient (https://it-ord.computersweden.se/ord/klient/)
• Server Det klienten kopplar upp mot, klienter kan då begära tjänster av servern (ex få html kod) Kan både vara ett program eller en dator beroende på sammanhang. (https://sv.wikipedia.org/wiki/Server)
• DNS Ett system som låter hemsidor ha ett namn (domännamn) istället för bara en IP-adress (https://sv.wikipedia.org/wiki/Dom%C3%A4nnamnssystemet)
• HTTP Det protokoll som används för att överföra information på internet (https://sv.wikipedia.org/wiki/Hypertext_Transfer_Protocol)
• W3C - Enligt w3.org är W3C (World Wide Web Consortium) en organisation som arbetar med att skapa riktlinjer för webben så att den blir så trygg och användarvänlig som möjligt
• ICANN - ICANN är enligt networksolutins.com en ideell organisation som ansvarar för hantering av domännamn, IP-adresser och DNS för att man ska vara säker på internet. Det styrs genom globalt samarbete.

Beskriv i stora drag processen när man besöker en webbsida, dvs. från att att användaren skriver in en webbadress till att den laddas in och visas på skärmen. Förklara tydligt hur DNS och HTTP arbetar.

• Man söker på en klient efter en hemsidas domännamn, när man klickar på länken kopplas man till sidans IP via DNS. Därefter kopplas man till sidans server, servern skickar ett ok om att den är kopplad, klienten begär därefter att få hemsidans HTML skickat till sig, därefter skickar server HTML koden via HTTP och klienten skapar ett utseende för sidan baserat på HTML koden som sedan visas på klientens skärm.