Brugertracking på nettet

From CCT - Vidensdeling
Revision as of 21:46, 10 October 2016 by Bendtsen (talk | contribs) (→‎Opgaver)
Jump to navigation Jump to search

Status & planer

Forløbsbeskrivelse er under udarbejdelse. Der ligger Power Points til at introducere til Internet, Cookies og Browser Fingerprint. Der arbejdes på at lave Worked Examples til at arbejde med egne cookies og browser Fingerprint i WYSIWYG-systemer som wix.com og Weebly.com. Eksemplerne bliver i javascript og jquery - i browser fingerprint kobles op mod Google Forms, så der ikke er brug for SQL og Databaser oveni.

Introduktion

Formål

Indblik i hvorfor og hvordan sociale tjenester indsamler data om brugere: tracking og kobling af brugerdata og konsekvenser for både brugerne og organisationerne og firmaerne bagt sites.

Læreplansmål

  • C+B: Påvirkning af brugeres adfærd - hvorfor accepterer brugerne overvågning
  • C+B: Systemers Arkitektur: hvem har adgang til cookies/brugerdata i en browser (og i en app).
  • C+B: Repræsentation og manipulation af data - hvordan kan simple browseroplysninger bruges til at genkende brugere
  • C+B: Programmering - Javascript/Google Script manipulation med cookies og browseroplysninger

Indhold

  • WWW: klient/server arkitektur, DNS, IP-adresser, Ip-pakker, Browser, POST/GET, Cookies
  • Overvågning: Forretningsmodeller for Sociale Medier; Brugerdata; Big data; Persondata…
  • Cookies: rettigheder til at skrive/læse cookies, 1. 2. og 3. parts cookies, crosssite scripting
  • Browser fingerprint: Browserinformationer via Javascript; Genkendelse af browser
  • Produkt: Crosssite javascriptsystem der gør brug af cookies og/eller browser fingerprint

Forudsætninger

  • Forforståelse: Basal Javascript, så eleverne har styr på variable og betingelser.
  • Teknologi: PC, Chrome, Googlekonto og Webhost.

Aktiviteter & materialer

WWW

Lektionsplan

  • Indblik i klient/server-arkitekturen
  • Kendskab til hvilke servere der må/kan gemme cookies på en klient.
  • Kendskab til IP, URL og Proxyserver
  • Forståelse af ip-adresser og lokalisering af computers placering
  • Serveres placering og betydningen for brugerne

Opgaver

  • Lokalisering af servere
  • Kontrol af cookies – forskel på indlejring og link.
  • Upload vs. linkning af billeder, kode m.v. til website

Materiale

Overvågning

Lektionsplan

  • Indblik i hvordan sygdom, politiske ståsted, misbrug m.m. kan "gættes" ud fra likes/webbesøg...
  • Indblik i hvordan webbesøg på andre sider kan logges via cookies og tracking pixels/indlejret kode
  • Indblik i hvordan webbesøg på andre sider kan logges via browser fingerprint
  • Brug af sociale knapper m.m. på sider

Opgaver

Analyse af brug af cookies med disconnect.me

1: Installer disconnect.me plugin til Chrome. 2: Netdoktor.dk:

  • hvor mange cookies loades og hvor mange blokeres?
  • Havde du klikket ok til cookies nederst? Er det ok? Hvorfor (ikke)?
  • Klik ”unblock”:
  • Hvor mange nye cookies loades?
  • Loades også cookies fra nye sites? Hvorfor?

3: Mad.coop.dk.

  • Virker sitet?
  • Klik ”unblock”
  • Virker det nu? Hvorfor? Er det godt (nok)?

4: Din kommunes hjemmeside

  • Overvej om der er sider, hvor besøg kan siges at være personfølsomme
  • Overvej hvem der kunne have interesse i at kende til besøg på siderne
  • Tjek for tracking cookies med Disconnect
  • Undersøg hvilke firmaer der står bag evt. tracking cookies

Indlejring af sociale tjenester på egen hjemmeside

1: Youtubevideo

  • Se flg video: https://www.youtube.com/watch?v=I01XMRo2ESg
  • klik på "Del" og så på "Indlejring" og kopier koden.
  • Opret en side på dit website der skal omhandle cookies
  • Whitelist din side i Disconnect, og tjek hvilke cookies din side loader.
  • Indsæt koden fra Youtube på din side.
  • Tjek med Disconnect, om der nu lægges nye/andre cookies - siden skal være whitelistet.

2: Facebookknap

  • Kopier URL fra din side om cookies.
  • Indsæt en likeknap på din side om cookies: developers.facebook.com/docs/plugins/like-button
  • Tjek med Disconnect, om der nu lægges nye/andre cookies - siden skal være whitelistet.
  • Overvej om, det er nødvendigt med cookies for at genkende bruger?

3: Selvvalgt(e) tjeneste(r)

  • Brug samme procedure til at tjekke, om de lægger cookies

Materiale

Cookies

Lektionsplan

Introduktion til Cookies

  • Formål
  • Indhold: størrelse og levetid
  • 1., 2. og 3. parts cookies

Afdækning af Cookies

  • Brug af chromes udviklerværktøjer til at se cookies
  • Opgave Lectio/Ludus...
  • Kategoriser cookies
  • Login, slet cookies: Hvad sker der? Hvorfor?
  • Opgave: kategoriser cookies på: ekstrabladet.dk, netdoktor.dk, minlokalekommune.dk

Opgaver

Gem og hent cookie med Javascript

  • Besked: "Velkommen tilbage"
  • Reklame for sidste side brugeren forlod

Crosssite cookies

  • Reklame for andet side der er besøgt
  • Som billede
  • Som iframe

Materiale

Browser Fingerprint

Lektionsplan

Opgaver

  • Vis oplysninger via JS: Skærm, Vindue, Farvedybde, Cookies, Java, Sprog, Platform, Produkt, App Name, User Agent
  • Indsend oplysninger manuelt via google form… "For at se siden skal du indsende flg data".
  • Hent data over i variable, så man bare skal trykke send
* Indtastet opslyning
* JS. oplysning
* Send uden at spørge
  • Crosssite script - gem besøg på andre sider i liste
  • Ekstra/B-niveau
* Tilføj IP
* Tilføj Plugins
* Tilføj Fonts…

Materiale

Eksemplarisk materiale (WE)

  • Behov/ide:
  • Produkt:
  • Faded guidance

Refleksioner over designet af forløbet

Rationale bag lektionsplan og variationsmuligheder

Videoer fra klasserummet

Didaktiske designprincipper

  • C+B: Application Oriented
  • C+B: Consumer to Producer
  • B: Worked Example
  • B: Stepwise Improvement

Eksamensspørgsmål

Retrieved from "http://cloud.cct.au.dk/wiki/index.php?title=Brugertracking_på_nettet&oldid=1032"