Brugertracking på nettet
Contents
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 http://www.yougetsignal.com/tools/visual-tracert/ nemlig.com coop.mad.dk egne servere hvor du handler...
Kontrol af cookies – forskel på indlejring og link Upload vs. linkning af billeder, kode m.v. til website
Materiale
- Powerpoint (IKKE CLEARET) - https://www.lectio.dk/lectio/2/dokumenthent.aspx?documentid=16363678023
- Khanacademy-Internet - første 4 afsnit: https://da.khanacademy.org/computing/computer-science/internet-intro
- Yougetsignal - http://www.yougetsignal.com/tools/visual-tracert/
- Chromeplugins:
- HTTP-headers https://chrome.google.com/webstore/detail/live-http-headers/iaiioopjkcekapmldfgbebdclcnpgnlo?utm_source=chrome-app-launcher-info-dialog
- IP-adress and Domain inspector: http://www.tcpiputils.com/
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 videoen What is a cookie?: 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
- Power Point (OBS! BILLEDER IKKE CLEARET!!!): https://www.lectio.dk/lectio/2/dokumenthent.aspx?documentid=12445811805
- Dr Dokumentar - Privatliv til salg kan ses/købes på CFU hvis skolen har medielicens
- ing.dk/artikel/ny-algoritme-saetter-dig-i-baas-efter-dine-facebook-likes-156938
- taenk.dk/nyheder/maalrettet-annoncering-paa-nettet
- Amiunique.org/fp - Viser browser er unik samt oplysningerne javascript kan loade.
- Disconnect.me
- Consumerbase.com - Brugerlister til salg (kræftpatienter, online gamers, gravide...)Cookies
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
Browserinformationer via JavaScript
- Screen: Skærm, Vindue, Farvedybde,
- Navigator: Cookies, Java, Sprog, Platform, Produkt, App Name, User Agent
Indsending af browser oplysninger til Google Form
- 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
- 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