[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:01.14,0:00:04.16,Default,,0000,0000,0000,,Iets over Bits en Pixels Dialogue: 0,0:00:06.48,0:00:09.52,Default,,0000,0000,0000,,(camera klikt) Goed. Dialogue: 0,0:00:09.52,0:00:14.00,Default,,0000,0000,0000,,Ik heb Instagram gemaakt samen met Mike Dialogue: 0,0:00:14.00,0:00:19.01,Default,,0000,0000,0000,,we zagen de mobiele telefoon als een mogelijkheid om iets nieuws te maken. Dialogue: 0,0:00:19.01,0:00:23.27,Default,,0000,0000,0000,,voor het eerst liepen mensen rond met een computer in hun binnenzak, en we bedachten dat Dialogue: 0,0:00:23.27,0:00:27.73,Default,,0000,0000,0000,,zij het fantastisch zouden vinden wanneer ze hun foto's en plaatjes direct met elkaar konden delen. Dialogue: 0,0:00:27.73,0:00:32.36,Default,,0000,0000,0000,,We dachten: als we een App maken waarmee dit kan zullen heel veel mensen deze App gebruiken Dialogue: 0,0:00:32.36,0:00:37.28,Default,,0000,0000,0000,,Je kunt een App verzinnen waarmee je iets leuks of grappigs kan maar als deze App niet echt handig of Dialogue: 0,0:00:37.28,0:00:38.28,Default,,0000,0000,0000,,nuttig is gaat niemand 'm gebruiken. Dialogue: 0,0:00:39.49,0:00:42.49,Default,,0000,0000,0000,,De eerste vraag is: wat voor probleem ga ik oplossen. Dialogue: 0,0:00:42.49,0:00:46.97,Default,,0000,0000,0000,,Het probleem was, hoe kun je een foto op het scherm van je computer laten zien? Dialogue: 0,0:00:52.48,0:00:56.77,Default,,0000,0000,0000,,Om dat mogelijk te maken moet eerst het plaatje tot kleine stukjes data worden teruggebracht. Dialogue: 0,0:00:58.47,0:01:01.47,Default,,0000,0000,0000,,In 1957 nam computer programmeur Russell Kirsch een foto van zijn zoontje en maakte er een scan van. Dialogue: 0,0:01:01.47,0:01:07.64,Default,,0000,0000,0000,,Het was het eerste digitale plaatje, een korrelige zwart witte foto van een baby, en de pixel was geboren! Dialogue: 0,0:01:07.64,0:01:13.13,Default,,0000,0000,0000,,Pixels zijn heel interessant, je kunt ze makkelijk zien, en als je door een vergrootglas naar je scherm kijkt Dialogue: 0,0:01:13.13,0:01:17.63,Default,,0000,0000,0000,,zie je dat je scherm is opgebouwd uit hele kleine lichtpuntjes. Nog interessanter is Dialogue: 0,0:01:17.63,0:01:22.44,Default,,0000,0000,0000,,dat deze kleine lichtpuntjes eigenlijk bestaan uit een heleboel verschillende kleuren. Dialogue: 0,0:01:22.44,0:01:28.06,Default,,0000,0000,0000,,Ze zijn rood, groet en blauw. Pixels samengevoegd vormen van een afstandje een afbeelding en van dichtbij Dialogue: 0,0:01:28.06,0:01:32.56,Default,,0000,0000,0000,,zijn het niet meer dan lichtpuntjes die aan of uit staan. De combinatie van deze lichtpuntjes Dialogue: 0,0:01:32.56,0:01:36.99,Default,,0000,0000,0000,,maken het plaatje en dat wat je iedere dag op de scherm van je computer ziet. Dialogue: 0,0:01:36.99,0:01:42.26,Default,,0000,0000,0000,,In computer wetenschap en in computer winkels hebben ze het vaak over 'resolutie'. Dialogue: 0,0:01:42.26,0:01:48.21,Default,,0000,0000,0000,,Resolutie is in feite de maat waarmee je meet hoeveel pixels er op je scherm staan . Dialogue: 0,0:01:48.21,0:01:53.22,Default,,0000,0000,0000,,In de tijd dat ik op de middelbare school zat was het 640 bij 480 pixels. Dialogue: 0,0:01:53.22,0:01:58.08,Default,,0000,0000,0000,,Tegenwoordig is dit een stuk groter. En naast resolutie hebben we het ook over 'dichtheid'. Dialogue: 0,0:01:58.08,0:02:02.28,Default,,0000,0000,0000,,Bijvoorbeeld op een moderne smartphone zetten ze dezelfde hoeveelheid lichtpuntjes die we pixels noemen Dialogue: 0,0:02:02.28,0:02:06.93,Default,,0000,0000,0000,,maar in een kleinere ruimte dichter op elkaar. Om die reden zijn deze afbeeldingen scherper. Dialogue: 0,0:02:06.93,0:02:13.64,Default,,0000,0000,0000,,Waar sla je deze pixelwaarden van een bestand nu op? Je slaat de rode, groene en blauwe waarden op in Dialogue: 0,0:02:13.64,0:02:18.70,Default,,0000,0000,0000,,eenheden van drie. Een groepje van drie heeft dan de waarde van een enkele Pixel. Dialogue: 0,0:02:18.70,0:02:29.19,Default,,0000,0000,0000,,De waarde van een pixel loopt van 0 tot 255. 0 staat dan voor heel donker en 255 voor heel licht. Dialogue: 0,0:02:29.19,0:02:37.73,Default,,0000,0000,0000,,Drietallen met een bepaalde waarde vormen samen een enkele pixel. Dialogue: 0,0:02:37.73,0:02:43.11,Default,,0000,0000,0000,,Een afbeelding bestand of het nu een jpeg, gif of png is bestaat uit miljoenen van deze RGB Dialogue: 0,0:02:43.11,0:02:48.20,Default,,0000,0000,0000,,(rode-groene -blauwe) drietallen. Hoe bewaard een computer al deze data? Alle computer data Dialogue: 0,0:02:48.20,0:02:53.43,Default,,0000,0000,0000,,en visuele data worden vertegenwoordigd door bits. Een bit heeft twee tegenovergestelde waarden Dialogue: 0,0:02:53.43,0:03:00.98,Default,,0000,0000,0000,,aan of uit. Maar in plaats van aan of uit, zeggen we 1 en 0 -- binair! Een afbeeldingsbestand is eigenlijk niet meer Dialogue: 0,0:03:00.98,0:03:08.24,Default,,0000,0000,0000,,dan een verzameling 1tjes en nulletjes. Maar waarom gaan RGB waarden van 0 tot 255? Het blijk dat iedere Dialogue: 0,0:03:08.24,0:03:13.93,Default,,0000,0000,0000,,kleureenheid RGB, wordt vertegenwoordigd door 8 bits die samen een byte genoemd worden, Dialogue: 0,0:03:13.93,0:03:20.25,Default,,0000,0000,0000,,Als je het binair systeem kent, dan weet je dat 8 bits niet meer dan het maximale getal 255 kunnen Dialogue: 0,0:03:20.25,0:03:28.90,Default,,0000,0000,0000,,vertegenwoordigen. 255 is hetzelfde als 8 1tjes op een rij. Het laagste getal is 0 wat staat voor 8 nulletjes op een rij. Dialogue: 0,0:03:28.90,0:03:36.26,Default,,0000,0000,0000,,De waarden 0 tot 255, geven 256 verschillende kleur intensiteiten. Binnen ons traditionele decimale nummer Dialogue: 0,0:03:36.26,0:03:42.71,Default,,0000,0000,0000,,systeem kunnen we een pixel van de kleur turquoise vertegenwoordigen met het getal 64 (beetje rood) Dialogue: 0,0:03:42.71,0:03:53.87,Default,,0000,0000,0000,,224 (een heleboel groen) en 208 ( voor wat blauw erbij). Maar een computer zou dit opslaan als Dialogue: 0,0:03:53.87,0:04:03.33,Default,,0000,0000,0000,,0100 0000 1110 0000 1101 0000. We gebruiken 24 binaire cijfers om die ene pixel te vertegenwoordigen. Dialogue: 0,0:04:03.33,0:04:08.37,Default,,0000,0000,0000,,Liever dan de binaire cijfer reeks gebruiken digitale kunstenaars vaak het hexadecimale nummer systeem Dialogue: 0,0:04:08.37,0:04:16.28,Default,,0000,0000,0000,,om kleuren te representeren. Op deze manier kunnen we diezelfde kleur turqoise met maar zes hexadecimale Dialogue: 0,0:04:16.28,0:04:21.95,Default,,0000,0000,0000,,cijfers: 40 E0 D0 representeren, en dat is een stuk korter. Nu wil je de kleuren van het plaatjes iets veranderen. Dialogue: 0,0:04:21.95,0:04:26.04,Default,,0000,0000,0000,,hoe doe je dat dan.Er zijn verschillende manieren om dit te doen. Dialogue: 0,0:04:26.04,0:04:31.44,Default,,0000,0000,0000,,Laten we zeggen dat je een plaatje donkerder wilt maken. Een manier waarop je dat kan doen is mindere rood, Dialogue: 0,0:04:31.44,0:04:37.36,Default,,0000,0000,0000,,groen of blauw toevoegen. Je vermindert ieder kleur met 50, de helft minder rood, groen en blauw. Dialogue: 0,0:04:37.36,0:04:42.48,Default,,0000,0000,0000,,Je hebt er nu R(ood) G(roen) en B(blauw) ingestopt, en er komt R-50, G-50 en B-50 uit. Wat er nu is gebeurd is, Dialogue: 0,0:04:42.48,0:04:49.08,Default,,0000,0000,0000,,je hebt een afbeelding met een lichte kleur een heel stuk donkerder gemaakt. Dialogue: 0,0:04:49.08,0:04:54.03,Default,,0000,0000,0000,,Veel mensen dachten in eerste instantie over instagram dat het een App was waarmee je foto's kunt bewerken Dialogue: 0,0:04:54.03,0:05:02.42,Default,,0000,0000,0000,,Het programmaatje zorgt ervoor dat je eigen foto's er cool of retro uitzien. Maar uiteindelijk bleek Instagram Dialogue: 0,0:05:02.42,0:05:06.01,Default,,0000,0000,0000,,veel meer een App waarmee mensen zich met elkaar kunnen verbinden. Het gaat niet alleen om foto's bekijken Dialogue: 0,0:05:06.01,0:05:11.79,Default,,0000,0000,0000,,van vrienden en familie, maar het maakt het mogelijk om te zien wat er allemaal op de wereld gebeurt. Dialogue: 0,0:05:11.79,0:05:17.30,Default,,0000,0000,0000,,Of dat nu een ruzie is aan de andere kant van de oceaan, een nieuwe sociale beweging, je kunt deze informatie Dialogue: 0,0:05:17.30,0:05:21.71,Default,,0000,0000,0000,,bekijken. Dat maaket het voor ons mogelijk om heel snel het hele grote universele platform te worden wat we nu zijn. Dialogue: 0,0:05:21.71,0:05:27.30,Default,,0000,0000,0000,, Dialogue: 0,0:05:27.30,0:05:32.46,Default,,0000,0000,0000,, Dialogue: 0,0:05:32.46,0:05:38.10,Default,,0000,0000,0000,, Dialogue: 0,0:05:38.10,0:05:41.07,Default,,0000,0000,0000,, Dialogue: 0,0:05:42.88,0:05:49.06,Default,,0000,0000,0000,,