[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:02.72,0:00:07.36,Default,,0000,0000,0000,,Internet: HTTP och HTML Dialogue: 0,0:00:07.36,0:00:11.74,Default,,0000,0000,0000,,Jag heter Jasmine och jag är en program-\Nchef i XBOX Ones injengörs- Dialogue: 0,0:00:11.76,0:00:18.70,Default,,0000,0000,0000,,team. En av våra största funktioner heter\NXbox Live. En onlinetjänst som ansluter Dialogue: 0,0:00:18.70,0:00:24.10,Default,,0000,0000,0000,,spelare från hela världen, och vi förlitar\Noss på internet för att göra det. Det Dialogue: 0,0:00:24.10,0:00:30.50,Default,,0000,0000,0000,,är ingen enkel uppgift och mycket händer\Nbakom kulisserna. Internet Dialogue: 0,0:00:30.50,0:00:36.28,Default,,0000,0000,0000,,har helt förändrat hur människor\Nkommunicerar. Men hur fungerar det? Hur Dialogue: 0,0:00:36.28,0:00:43.49,Default,,0000,0000,0000,,kommunicerar då datorer över hela världen\Nmed varandra? Vi tittar på webbsurfning. Dialogue: 0,0:00:43.49,0:00:50.20,Default,,0000,0000,0000,,Först öppnar du en webbläsare - appen som\Ndu använder för att se webbsidorna. Sedan Dialogue: 0,0:00:50.20,0:00:55.90,Default,,0000,0000,0000,,anger du adressen eller URL:en - Uniform\NResource Locator - till webbplatsen Dialogue: 0,0:00:55.90,0:01:06.81,Default,,0000,0000,0000,,du vill besöka t.ex. tumblr.com. Hej jag\Nheter David Karp, Tumblrs grundare och vi Dialogue: 0,0:01:06.81,0:01:12.56,Default,,0000,0000,0000,,ska prata om hur webbläsaren vi använder\Nvarje dag faktiskt fungerar. Du har nog Dialogue: 0,0:01:12.56,0:01:16.35,Default,,0000,0000,0000,,undrat vad som händer när du lägger\Nin en adress i din webbläsare och sedan Dialogue: 0,0:01:16.35,0:01:21.02,Default,,0000,0000,0000,,trycker på enter. Det är lika galet som du\Nkan föreställa dig. I det ögonblicket din Dialogue: 0,0:01:21.02,0:01:25.93,Default,,0000,0000,0000,,dator börjar prata med en annan dator,\Nen server, som vanligtvis finns tusentals Dialogue: 0,0:01:25.93,0:01:32.45,Default,,0000,0000,0000,,mil bort. På bara millisekunder begär din\Ndator en webbplats av servern som då Dialogue: 0,0:01:32.45,0:01:39.53,Default,,0000,0000,0000,,svarar din dator på ett språk som heter\NHTTP. HTTP står för Hyper Text Dialogue: 0,0:01:39.53,0:01:43.68,Default,,0000,0000,0000,,Transfer Protocol. Tänk på det som språket\Nen dator använder för att Dialogue: 0,0:01:43.68,0:01:48.01,Default,,0000,0000,0000,,att be en annan dator om ett dokument. Och\Ndet är egentligen ganska enkelt. Dialogue: 0,0:01:48.01,0:01:52.54,Default,,0000,0000,0000,,Om du skulle lyssna på en konversationen\Nmellan din dator och en webbserver på Dialogue: 0,0:01:52.54,0:01:56.67,Default,,0000,0000,0000,,Internet, skulle den främst bestå av s.k.\N"HÄMTA"-begäranden. De är helt enkelt Dialogue: 0,0:01:56.67,0:02:01.59,Default,,0000,0000,0000,,helt enkelt ordet HÄMTA och namnet på\Ndokumentet du begär. Om du vill logga in Dialogue: 0,0:02:01.59,0:02:06.36,Default,,0000,0000,0000,,på Tumblr och visa vår inloggningssida,\Nskickar du en HÄMTA-begäran till Tumblrs Dialogue: 0,0:02:06.36,0:02:14.29,Default,,0000,0000,0000,,server som säger HÄMTA / login. Då förstår\NTumblrs server att du vill ha all HTML- Dialogue: 0,0:02:14.29,0:02:21.80,Default,,0000,0000,0000,,kod på Tumblrs inloggningssida. HTML står\Nför Hyper Text Markup Language och det är Dialogue: 0,0:02:21.80,0:02:26.47,Default,,0000,0000,0000,,det språk du använder för att säga till en\Nwebbläsare hur en sida ska se ut. Om Dialogue: 0,0:02:26.47,0:02:30.54,Default,,0000,0000,0000,,du exempelvis tar Wikipedia som egentligen\Nbara är ett stort, enkelt dokument Dialogue: 0,0:02:30.54,0:02:35.63,Default,,0000,0000,0000,,och HTML är det språk du använder för att\Ngöra titeln stor och fet, för att visa Dialogue: 0,0:02:35.63,0:02:42.69,Default,,0000,0000,0000,,rätt teckensnitt, för att länka viss text\Ntill andra sidor, göra texten fet eller Dialogue: 0,0:02:42.69,0:02:46.74,Default,,0000,0000,0000,,kursiv, placera en bild i mitten av sidan,\Nför att justera bilden till höger Dialogue: 0,0:02:46.74,0:02:52.99,Default,,0000,0000,0000,,eller till vänster. Texten på en\Nwebbsida i själva i HTML-koden, Dialogue: 0,0:02:52.99,0:02:58.38,Default,,0000,0000,0000,,men saker som bilder eller videor är\Nseparata filer med egna URL:er som måste Dialogue: 0,0:02:58.38,0:03:04.54,Default,,0000,0000,0000,,begäras. Webbläsaren skickar separata\NHTTP-begäranden för var och en och visar Dialogue: 0,0:03:04.54,0:03:11.67,Default,,0000,0000,0000,,dem när de anländer. Om en webbsida har\Nmånga olika bilder kommer var och en att Dialogue: 0,0:03:11.67,0:03:20.78,Default,,0000,0000,0000,,skicka en separat HTTP-begäran så sidan\Ntar längre tid att visas. Ibland begär du Dialogue: 0,0:03:20.78,0:03:25.88,Default,,0000,0000,0000,,inte bara sidor med HÄMTA-begäranden.\NIbland skickar du information som ett Dialogue: 0,0:03:25.88,0:03:32.30,Default,,0000,0000,0000,,formulär eller en sökning. Webbläsaren\Nskickar då informationen som vanlig text Dialogue: 0,0:03:32.30,0:03:39.09,Default,,0000,0000,0000,,till webbservern med en HTTP POST-begäran.\NSå om du loggar in på Tumblr. Det första Dialogue: 0,0:03:39.09,0:03:45.36,Default,,0000,0000,0000,,du gör är en POST-begäran, det är en POST\Ntill Tumblrs inloggningssida som inne- Dialogue: 0,0:03:45.36,0:03:49.68,Default,,0000,0000,0000,,håller vissa data. Den har din e-post\N-adress, den har ditt lösenord. De skickas Dialogue: 0,0:03:49.68,0:03:55.35,Default,,0000,0000,0000,,till Tumblrs server. Tumblrs server ser\Natt du är David. Den skickar en webbsida Dialogue: 0,0:03:55.35,0:04:00.48,Default,,0000,0000,0000,,tillbaka till din app som säger: Klart! inloggad\Nsom David. Men den bifogar även lite Dialogue: 0,0:04:00.48,0:04:07.00,Default,,0000,0000,0000,,osynlig cookiedata som din webbläsare ser\Noch vet om att spara. Dialogue: 0,0:04:07.00,0:04:11.36,Default,,0000,0000,0000,,Och det är viktigt för det är det enda\Nsättet som en webbplats kan komma ihåg vem Dialogue: 0,0:04:11.36,0:04:16.94,Default,,0000,0000,0000,,du är. Cookiedata är egentligen ett\NID-kort för Tumblr. Det är ett nummer som Dialogue: 0,0:04:16.94,0:04:21.79,Default,,0000,0000,0000,,identifierar dig som David. Webbläsaren\Nhåller fast vid det numret och nästa gång Dialogue: 0,0:04:21.79,0:04:26.66,Default,,0000,0000,0000,,du uppdaterar Tumblr nästa gång du besöker\NTumblr.com vet din webbläsare automatiskt Dialogue: 0,0:04:26.66,0:04:30.93,Default,,0000,0000,0000,,att den ska bifoga ID-numret med begäran\Nsom skickas till Tumblrs servrar. Så nu Dialogue: 0,0:04:30.93,0:04:35.97,Default,,0000,0000,0000,,ser Tumblrs servrar att begäran kommer\Nfrån din webbläsare, ser ID-numret och vet Dialogue: 0,0:04:35.97,0:04:43.94,Default,,0000,0000,0000,,att "Det här är en begäran från David."\NNu är internet helt öppet. Alla Dialogue: 0,0:04:43.94,0:04:49.35,Default,,0000,0000,0000,,anslutningar är gemensamma och information\Nskickas som vanlig text. Det innebär att Dialogue: 0,0:04:49.35,0:04:55.63,Default,,0000,0000,0000,,hackare kan få tag i personlig information\Nsom du skickar över internet. Men säkera Dialogue: 0,0:04:55.63,0:05:00.97,Default,,0000,0000,0000,,webbplatser förhindrar detta genom att be\Ndin webbläsare att använda en säker kanal Dialogue: 0,0:05:00.97,0:05:07.63,Default,,0000,0000,0000,,med ett så kallat Secure Sockets Layer och\Nefterföljaren Transport Layer Security. Dialogue: 0,0:05:07.63,0:05:14.00,Default,,0000,0000,0000,,SSL och TLS är som ett extra säkerhets-\Nskikt som lindar in din kommunikation Dialogue: 0,0:05:14.00,0:05:20.53,Default,,0000,0000,0000,,för att skydda dina data från att avslöjas\Neller manipuleras. SSL och TLS är aktiva Dialogue: 0,0:05:20.53,0:05:27.44,Default,,0000,0000,0000,,när ett lås visas i webbläsarens adress\N-fält bredvid HTTPS. HTTPS-protokollen Dialogue: 0,0:05:27.44,0:05:33.84,Default,,0000,0000,0000,,se till att dina HTTP-begäranden är säkra\Noch skyddade. När en webbplats ber appen Dialogue: 0,0:05:33.84,0:05:39.50,Default,,0000,0000,0000,,att skapa en säker anslutning, visar den\Nförst ett digitalt certifikat. det är som Dialogue: 0,0:05:39.50,0:05:45.14,Default,,0000,0000,0000,,ett officiellt ID-kort som bevisar webb-\Nplatsens identitet. Digitala certifikat Dialogue: 0,0:05:45.14,0:05:49.90,Default,,0000,0000,0000,,publiceras av certifikatmyndigheter,\Nbetrodda organisationer som verifierar Dialogue: 0,0:05:49.90,0:05:55.28,Default,,0000,0000,0000,,webbplatsers identitet och utfärdar\Ncertifikat. Precis när staten utfärdar Dialogue: 0,0:05:55.28,0:06:01.03,Default,,0000,0000,0000,,ID-kort eller pass. Om en webbplats\Nförsöker skapa en säker anslutning utan Dialogue: 0,0:06:01.03,0:06:09.59,Default,,0000,0000,0000,,ett digitalt certifikat kommer webbläsaren\Natt varna dig. Det var grunderna! Dialogue: 0,0:06:09.59,0:06:17.01,Default,,0000,0000,0000,,Det som vi ser varje dag. För att samman-\Nfatta hanterar HTTP och DNS sändning Dialogue: 0,0:06:17.01,0:06:23.45,Default,,0000,0000,0000,,och mottagning av HTML, mediefiler osv på\Nwebben. Det som gör detta möjligt är Dialogue: 0,0:06:23.45,0:06:30.37,Default,,0000,0000,0000,,TCP/IP och routernätverk som delar\Nupp och transporterar information i små Dialogue: 0,0:06:30.37,0:06:36.67,Default,,0000,0000,0000,,paket. Själva paketen består av\Nbinära sekvenser ettor och nollor som Dialogue: 0,0:06:36.67,0:06:42.55,Default,,0000,0000,0000,,skickas fysiskt med elektriska ledningar,\Nfiberoptiska kablar och trådlösa nätverk. Dialogue: 0,0:06:42.55,0:06:47.44,Default,,0000,0000,0000,,Som tur är, när du har lärt dig hur en del\Nav internet fungerar, behöver du inte Dialogue: 0,0:06:47.44,0:06:52.07,Default,,0000,0000,0000,,komma ihåg alla detaljer. Och vi\Nkan lita på att alla dessa delar fungerar Dialogue: 0,0:06:52.07,0:06:59.09,Default,,0000,0000,0000,,tillsammans för att pålitligt leverera\Ninformation i rätt skala.