Privatlivet på internettet

Idag har vi beskæftiget os med privatlivet på internettet. Det har givet mig et godt indblik i, hvor lidt vi egentlig kan kontrollere som brugere. Det er næsten umuligt at få noget ned fra internettet, når først det har været oppe. Alt hvad vi foretager os på internettet bliver optaget og vores internetudbyder er i stand til, at se præcis hvad vi har været inde på. Vi har også lært omkring copyright, hvor det handlede om billedtagning af andre personer, og hvilke rettigheder man har som billedtager og billedaktør. Cookies er en stor del af privatlivet på internettet og disse kan bruges godsindet, såvel som ondsindet. Cookies bruges til at gemme data omkring en bruger (f.eks. login info), så de er logget ind, når de kommer tilbage til siden senere. Vi brugte privacytesten på Maxa tools til at give et billede af, hvor megen information en tilfældig side kan høste fra en bruger.
 Vi kiggede også på trackers og hvordan vores besøg og adfærd på hjemmesider bliver registreret på andre sider.

Segmenteringsgrupper

Vi snakkede en del om, hvordan google er opbygget omkring reklamer og annoncer. En annoncør kan vælge et demografisk område, som annoncøren gerne vil ramme med en annonce. Google optager megen data omkring vores søgehistorik, hvorefter vi bliver inddelt i kategorier. Dette kan virke etisk ukorrekt, da vores privatliv er i Googles hænder, til fordel for annoncørene. Det er en af årsagerne til, at Google er blevet så stort. Man kan også se det fra en lys side, hvorpå det er en win win situation. Vi får statistisk set bedre søgeresultater, da vi allerede har et sæt præferencer at søgemaskinen kan forholde sig til. At vi bliver inddelt i kategorier gør, at Googles søgeresultater kan ramme meget specifikt. Annoncørerne opnår således også en win situation, da de let kan ramme deres ønskede segment.

Case opgave - Sorø Avis

Opgaven var langt bedre end jeg havde forventet, da den havde rigtig god synergi med vores tidligere opgaver fra ugen. Vi havde lært om hardware, netværk og jeg havde skrevet om OSI-modellen. Dette kom mig til gode under case opgaven. Tiden til denne opgave var knap, da jeg havde valgt at vælge de enkelte komponenter selv. Dette gjorde at det tog meget længere tid end forventet, men jeg fik dog lavet en langt bedre opgave. Vi arbejdede med Excel og Word under denne opgave. Jeg lærte omkring skabeloner i word, men jeg fik ingen ekstra viden udover det, da jeg allerede er fortrolig i disse programmer.

OSI modellen

OSI modellen er en model for et lagsystem for protokol-funktionerne. Systemet er inddelt i 7 lag. Hvert lag bygger videre på det underliggende lag. Det underliggende lag tilbyder funktioner til det ovenliggende lag. En sådan system kaldes for protokolstak eller bare stak. Protokolstakke ses mange steder i computerverdenen f.eks. i software, hardware eller begge. Normalt er en protokolstak opbygget således, at de laveste lag servicerer hardware og de øverste servicerer software. OSI-modellens 7 lag ses nedenunder:

OSI-modellens 7 lag med forklaring

7.  Applikationslaget

Dette er brugergrænsefladen, som er det øverste lag i OSI-modellen. Dette lag sørger for, at brugeren kan se information over netværket via. f.eks. en browser. Kendte applikationslag er Telnet, File Transfer Protocol(FTP), Simple Mail Transfer Protocol (STMP) og Hypertext Transfer Protocol (HTTP/HTTPS)

6.  Præsentationslaget 

Præsentationslaget kan forstås som et lag imellem de programmer vi arbejder med til dagligdag, og en kendt standard grænseflade f.eks. XML. Brugeren kan udføre den opgave, som et hvis program er skabt til, hvorefter det kan oversættes til et generelt sprog, som kan sendes universalt på internettet.

5.  Sessionlaget

Dette lag er ikke særligt populært og bliver kun brugt få steder på internettet. Sessionlaget er en del af TCP og står til ansvar for session checkpointing og recovery.

4.  Transportlaget

Det mest kendte transportlag er (TCP), som fungerer som en form for validering, for at afbelaste ovenstående lag for fejl. Transportlaget validerer på indpakning/udpakning, flow-control og fejlkontrollen. Hvis der opstår en fejl og en pakke ikke er nået destination, kan dette lag fremprovokere gensendelse af pakken.

3.  Netværkslaget

Dette lag sørger for at man kan sende en datablok af varierende størrelse fra kilden til modtageren. Transportlaget er meget afhængig af dette lag. Netværkslaget sørger derfor for, at sendte pakker bliver sendt til den rette modtager (routing). Netværkslaget rapporter om fejl ved levering, hvis der opstår en fejl under forsendelsen. Netværkslaget står som sagt for routing og laget er også ansvarlig for adressering. Et typisk lag 3 protokol kender man som IP-adressen.

2.  Data Link-laget

Data Link-laget kan forstås som en beskyttende hinde imellem netværkslaget og det fysiske lag. Data Link-laget opfanger fejl, som kan opstå i det fysiske lag. Et eksempel på Data Link-laget er f.eks. Ethernet.  Dette lag er styret af netværksbroer og/eller switches.

1.  Det Fysiske lag

Det fysiske lag er alt hvad der vedrører de fysiske elementer, som skal være til stede, for at computeren kan tilkobles et netværk. Dette vedrører stik og spændinger. Hovedfunktionerne for det fysiske lag er:

At oprette elektrisk forbindelse til et overførselsmedie.

Intelligent kommunikation på et netværk contention (først sende data, når der er stille på linjen) og flow-styring (sikrer at en langsom modtager ikke bliver overbelastet af en hurtig afsender).

Oversættelse fra digital data til tilsluttet udstyr. Dette er f.eks. fra digital data til signaler sendt gennem kanaler.

Computeren

Computerens historie

Computeren har gennem tiden haft en lang udvikling. Den første computer fyldte et stort rum og vejede 30tons. Idag har vi en langt bedre computer i vores lomme, som vi også kan ringe fra! Den aller første computer hed ENIAC (Electrical Numerical Integrator And Calculator), som blev bygget i 1946. Den bestod af radiorør, modstande, kondensatorer, relæer og manuelt betjente kontakter. Computeren blev udviklet til militære formål under 2. verdenskrig. Den kunne udføre 100.000 operationer pr. sekund, som var utroligt revolutionerende. I 1948 blev en anden computer ved navn Manchester "baby" bygget på Manchester Universitet og interessen for computere steg i stor stil.

Computeren var som sagt bygget med radiorør, til at styre operationer, ved hjælp af en "tændt" eller "slukket" funktion. I 1947 blev transistoren opfundet op Bell laboratoriet i USA, som har haft den største betydning for computerens videreudvikling. Transistorens eksistens betød, at computeren nu kunne laves langt mindre og brugte mindre strøm. Derudover var de tidligere radiorør meget ustabile, da de ofte gik i stykker og dette løste transistoren også.

I 1960 producerede IBM sin første 1401 model, som var baseret på transistorer. IBM producede mange maskiner af denne model og de blev efterhånden brugt mange steder. IBM fremstillede hulkortmaskiner til offentlige myndigheder, større virksomheder og koncerner. Dette gjorde, at IBM tog førerstillingen på markedet for mainframes. Hulkortet blev opfundet til lagring af data. Hulkortet var et kort af karton, hvor der var indprintet huller og en maskine kunne derefter læse kortet og overføre det til instrukser.

Maskinerne var stadig meget store og det krævede et stort rum, for at kunne opretholde en maskine. I 1958 udviklede Texas instruments det første komponent, som kunne indeholde flere transistorer. Dette betød at maskinerne blev betydeligt mindre. IBM benyttede dette til, at gøre deres maskiner stærkere og større, hvor firmaet Digital Equipment Corporation(DEC) udviklede maskiner, so var betydeligt mindre. Selvom den havde størrelse, som på en vaskemaskine, var det set en som mini-computer.

I 1971 blev CPU'en udviklet af IC virksomheden (Integrated Circuits), som var den første mikro-processor. Førhen var computeren centralenhed meget stor og var fordelt ud over flere chips, men IC samlede det til en enkelt chip. Gordon Moore fra Intel opstillede en teori omkring hastigheden af udviklingen af teknologi baseret på antallet af transistorer i en chip. Moores lov lød på, at antallet af transistorer i en chip fordobles hver 18 måned. Denne lov har holdt stik op til omkring 2010.
Opfindelsen med størst betydning for computeren i 1970'erne var IBM, som opfandt RAM (Random Access Memory) og ROM (Read only memory). Dette betød at hulkort ikke længere var nødvendige og man kunne nu udvikle langt mindre og effektive computere.

I 1977 kom Apple på markedet med deres første mikro computer, som kunne vise farvegrafik. Den var dog dyrere end konkurrenternes produkter, men den havde dog også bedre egenskaber. Der blev udviklet ny software til Apple maskinen, som betød at mindre virksomheder fik stor interesse for computeren. Op til 1983 havde der været en eksplosiv udvikling i salget af mikro-computere og IBM følte sig pressede. De etablerede i 1981 en ny enhed, som skulle kunne konkurrere med Apple. Denne enhed er kendt som PC'en(Personal Computer). IBM havde dog ikke overskud til, at udvikle et operativ system selv, så de var åbne for samarbejde med virksomheder, som havde et funktionelt operativ system. IBM valgte at samarbejde med Bill Gates og Paul Allen fra Microsoft, som havde DOS (Disk Operating System) operativ systemet.

Denne aftale var til stor fordel for Microsoft, da de havde aftalt sig til en afgift, hver gang der blev solgt en enhed hos IBM med MS-DOS. PC'en voksede Apple over hovedet med tiden, da IBM havde en langt mere stærkt markedsføring og samarbejde med andre virksomheder, som var interesserede i at sælge deres produkter. Apple havde en lukket holdning til dette og kunne ikke følge med.

Computerens dele

Vores opgave lød på, at skille en computer ad og samle den igen. Undervejs har jeg taget billeder af processen, som du kan se nedenunder.

Billede af en samlet Dell computer

Selve computeren består følgende dele:

• Motherboard (bundkort)

Bundkortet er computerens mest centrale enhed, som alle komponenterne er tilkoblet, for at få forbindelsen mellem hinanden skabt.

• HDD(Harddisk drev)

Dette er computerens langtidshukommelse, hvor data kan blive gemt og hentet, når brugeren ønsker det.

• Diskdrev

• ROM (Read Only Memory)

På denne del af computeren ligger opstarts proceduren, hvor et styresystem kan ligges ovenpå. Denne opstartsprocedure kaldes også for BIOS, som er det første der kører, når computeren tændes.

• RAM (Random Access Memory)

Dette er computerens arbejdshukommelse, hvor data som skal tilgås nemt lagres. Læsehastigheden er langt højere på RAM end hvad HDD kan formå. Fordelen ved HDD er dog, at data kan gemmes, når computeren ikke længere er tændt. Dette kan RAM ikke og man kan derfor kalde RAM for computerens korttidshukommelse.

• CPU (Central Processing Unit)

CPU'en (kontrolenheden) afvikler instruktioner og behandler data, som er lagret på et eksternt komponent.

• Strømforsyning

• Grafikkort

Grafikkortet beregner billedet, som fremvises på en tilkoblet skærm. Eftersom kraften fra CPU'en ikke er tilstrækkelig til grafikberegninger, har man valgt at installere en GPU(Graphics Processing Unit) i grafikkortet. 

Harddisken afmonteres

RAM afmonteres (2x)

CPU køleren tages af

CPUen fra Dell computeren

Grafikkortet afmonteres

Motherboard batteriet tages ud

Strømforsyningen afmonteres

Diskdrevet afmonteres

Northbridge afmonteres fra motherboard

Her er computeren skilt fra hinanden

Vi besluttede os for ikke at tage motherboardet ud.

Computerens ydelse

En computers ydelse består af mange aspekter, som man kan afgøre computerens ydelse ud fra. Dette indebærer f.eks. Responstid, Processor hastighed, Tilgængelighed, Størrelse og Vægt, CPU ydelse pr watt, skalerbar, Latens, Båndbredde og Strømforbrug.

Transistorer

Elektrisk komponent, som blev opfundet med formålet, at udskifte radiorøret i datidens store computere. Denne opfindelse gjorde det muligt for, at computeren er blevet til den, som vi kender den idag. Hvis ikke man havde kunne mindske størrelsen på computeren, havde vi formegentlig først fået PC'en langt senere.
Transistoren er en form for kontakt, som fortæller om den er tændt eller slukket med et elektrisk signal.

Von Neumann modellen
Efter Von Neumann's model kan computerens hardware beskrives med fem hovedelementer.

• Input (tastatur, mus, scanner, digitalt kamera)

Inputtet gør det muligt for omverdenen, at kommunikere med computeren. Inputtet sørger for, at computeren får brugervalgt data, som den kan arbejde med.

• Output 

Outputtet gør det muligt for omverdenen at se computerens data. Dette kan være i form af f.eks. en skærm eller en printer. 

• CPU 

• Arbejdslager (RAM)

• Faste lagre (diskette, harddisk, optiske drev.

Nutidig model af Von Neumanns computerarkitektur.

Moores lov

Moore's lov har vist sig at være overraskende præcis indenfor udviklingen af teknologi. Moore's lov er demonstreret på understående graf.

University of wisconsin, Madison

Moore's lov er, at antallet af transistorer i en chip fordobles ca. hver 18 måned. Dette skyldes, at teknologien udvikles, så afstanden mellem transistorer i chips formindskes.

Kom igang med Sublime text (editor) - TUTORIAL

Sublime text er en utrolig fleksibel editor, som er meget minimalistisk. Det smarte ved sublime text editoren er, at man selv vælger, hvor advanceret den skal være. Som standard har den en masse funktioner, som mere eller mindre er standard for en god editor. 
Dette er f.eks. at man kan holde ctrl nede og venstreklikke flere steder, for at kunne skrive flere steder samtidigt.
Det er vigtigt at man prøver forskellige editorer, da det har stor betydning for din produktivitet. Man skal finde den rette editor, så de kedelige ting bliver sjove.

Det lyder jo meget godt, men hvordan installerer jeg så sublime text?

For at installere sublime text editoren, skal man downloade programmet fra deres hjemmeside. Der er flere versioner af sublime text, hvor 2'eren er hidtil den mest stabile. Indenfor et års tid, vil 3'eren være standarden. Man kan vælge om det skal være en portable version  eller ej. Dette betyder, at man f.eks. kan have sublime text på sit USB stik, som indeholder alle de ekstra pakker og indstillinger, som man selv har valgt til. Det er smart, når man ofte skifter computer, eller bruger en andens computer, som ikke ønsker sublime text editoren installeret med dine indstillinger.

Hvis du følger understående link, vil du komme ind på hovedsiden, hvorfra du kan navigere ind under download.
Download: http://www.sublimetext.com

Når du har installeret sublime, skal du være sikker på, at det sprog som du ønsker at skrive i er valgt, for at programmet kan farve din kode, så det bliver nemmere at læse. Dette gøres ved at klikke nede i højre hjørne og der kan du vælge dit sproget.


Nu har jeg downloaded sublime text, hvordan kan man så personliggøre sublime?

Der er umiddelbart 3 områder, hvor man kan personliggøre sit program.

• Farven på koden (tema)
• Dine egne shortcuts
• Pakker

Sådan ændrer du temaet

Det er meget simpelt at ændre temaet i sublime text. 
Dette gøres ved at gå op i Preferences. 

Derefter Color Scheme -> Color Scheme - Default

Du skal også finde flere temaer her http://colorsublime.com/


Sådan laver du dine egne shortcuts/genveje

Dette gøres ved at gå op i Preferences -> Key Bindings - Default / User

Under keybindings default kan man se hvilke genveje, som der allerede eksistere i programmet som default. Dette er vigtigt, for at kunne se, hvilke muligheder der er, for at tilpasse programmet til dine behov.

Eksempel: 
Man vil gerne kunne udkommentere og fjerne kommentaren ved genvejen CTRL + 8.

Find stedet, hvor kommenteringen bliver tildelt en genvej.
Dette gøres ved at bruge genvejen CTRL + F, for at søge. Der kommer et søgefelt op i bunden af programmet.

Nu kan man skrive "comment" i søgefeltet, for at finde frem til, hvor genvejen bliver oprettet.

Her findes 2 allerede ekstisterende genveje. På billedet er genvejen allerede blevet ændret til CTRL-8.
Man kan selv vælge, om CTRL-8 skal udkommentere og fjerne kommentering. Dette gøres ved, at man f.eks. skriver CTRL-7 i en af de to genveje.

Nu gemmer du filen og genvejen burde virke. Hvis ikke genvejen virker, så kan du søge hjælp på google.


Sådan installerer du flere pakker til sublime

Pakker er en essentiel del af sublime, som gør at programmet kan udvides til dit behov. Det kan f.eks. være et nyt tema du vil installere.

For at installere packages, skal man installere package control. Dette er en package til sublime, som gør det nemt at søge i et bibliotek af packages.

Her er den nemmeste vej, til at kunne installere package control. 

• Åben sublime text editor
• Gå op i View - > Show console

• Indsæt følgende i konsollen, som du lige har åbnet. (virker kun med sublime text 2)

import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')

• Tryk på enter og installationen af package control igangsættes.

Hvis dette ikke virker, henvises der til denne hjemmeside, hvor der også er instrukser i installationen af package control.

https://sublime.wbond.net/



Nu kan du installere packages. Dette gøres ved at skrive install og trykke enter i søgefeltet, som du åbner ved at trykke CTRL + SHIFT + P. Det kommer et resultat op, som hedder Package control: install package.

Vælg denne ved at trykke på enter og nu kan du søge løs i et hav af packages.
For at finde packages, som du syntes om, kan du gå ind på https://sublime.wbond.net/ og undersøge forskellige packages, hvor du kan finde en, som passer til dit behov.

Håber du er kommet godt igang med sublime text editor. Du kan finde mere information på google, da der er rigtig mange, som skriver om det.
Hvis du ikke har betalt for programmet, vil der komme en lille boks op hver 50-100'nde gang du gemmer et dokument.

HTML5 gruppearbejde - Canvas

Her er et link til vores Google docs, hvor du kan læse omkring html5 canvas elementet.
Derudover er der også en lille tutorial til, hvordan man nemt kommer igang med canvas elementet.

HTML5 canvas

HTML 5 individuelt

Spørgsmål 1:

Autobuffer: Loader videoen, selvom den ikke er igangsat. Dette gøres, hvis man antager, at filmen bliver set af brugeren på et tidspunkt.

Autoplay: Afspiller videoen automatisk

Controls: Aktiverer controlfunktionen på videoafspilleren. (fullscreen, timebar, volume, play/pause)

Loop: Starter filmen forfra, når den slutter.

Width: Bredden af videoen

Height: Højden af videoen

Src: Angiver stien til videofilen

Spørgsmål 2:

Jeg mener, at det er chrome, som har den flotteste og minimalistiske videoafspiller.

Det er dog sjælendt, at man ikke ændrer styling på disse afspillere, når de bruges på hjemmesider.

Spørgsmål 3:

Her ses en liste over browsere og deres kompabilitet med html 5 og videotagget.

http://caniuse.com/#feat=video