Adventures of the packet: Web Edition

How far would you have to travel to deliver just one packet to a server when you type in their web address? We’ll explore the journey a single packet takes from the browser address bar, to the server, and back. You’ll see just how many services, protocols, and systems are involved in delivering those oh so cute cat videos to your browser each day.

Transcript

1. Adventures of the packet Web Edition Aaron Kalin Copyright 1996 TriStar Pictures
3. Aaron Kalin
4. Aaron Kalin TK-688
5. Aaron Kalin TK-688 Martinisoft
8. An HTTP Request
9. An HTTP Request
10. An HTTP Request
11. Ý An HTTP Request
12. Ý An HTTP Request
13. DNS Internet Ý Server Browser DNS
14. DNS Internet Ý Server Browser Domain Name System
15. DNS Internet Ý Server Browser
16. DNS Internet Ý Server Browser dnsimple.com. A IN
17. DNS Internet Ý Server Browser Local Cache dnsimple.com. A IN
18. DNS Internet Ý Server Browser Local Cache dnsimple.com. A IN
19. DNS Internet Ý Server Browser Local Cache Router dnsimple.com. A IN
20. DNS Internet Ý Server Browser Local Cache Router dnsimple.com. A IN
21. DNS Internet Ý Server Browser Local Cache ISP Router dnsimple.com. A IN
22. DNS Internet Ý Server Browser Local Cache ISP Router dnsimple.com. A IN
23. DNS Internet Ý Server Browser Local Cache ISP Router ƃ Registry dnsimple.com. A IN
24. DNS Internet Ý Server Browser Local Cache ISP Router ƃ Registry dnsimple.com. A IN
25. DNS Internet Ý Server Browser Local Cache ISP Router ƃ Registry Ɠ Registrar dnsimple.com. A IN
26. DNS Internet Ý Server Browser Local Cache ISP Router ƃ Registry Ɠ Registrar dnsimple.com. A IN
27. DNS Internet Ý Server Browser Local Cache ISP Router ƃ Registry Ɠ Registrar Nameserver dnsimple.com. A IN
28. DNS Internet Ý Server Browser Local Cache ISP Router ƃ Registry Ɠ Registrar Nameserver dnsimple.com. A IN
29. DNS Internet Ý Server Browser Local Cache ISP Router ƃ Registry Ɠ Registrar Nameserver
30. DNS Internet Ý Server Browser Local Cache ISP Router ƃ Registry Ɠ Registrar Nameserver dnsimple.com. 3600 IN A 50.31.209.238
31. DNS Internet Ý Server Browser
32. DNS Internet Ý Server Browser dnsimple.com. (Query)
33. DNS Internet Ý Server Browser dnsimple.com. (Query) 3600 (TTL)
34. DNS Internet Ý Server Browser dnsimple.com. (Query) 3600 (TTL) IN (Class)
35. DNS Internet Ý Server Browser dnsimple.com. (Query) 3600 (TTL) IN (Class) A (Record)
36. DNS Internet Ý Server Browser dnsimple.com. (Query) 3600 (TTL) IN (Class) A (Record) 50.31.209.238 (Value)
37. DNS Internet Ý Server Browser
38. DNS Internet Ý Server Browser UDP
39. DNS Internet Ý Server Browser User Datagram Protocol
40. DNS Internet Ý Server Browser User Datagram Protocol
41. DNS Internet Ý Server Browser Speed! User Datagram Protocol
42. DNS Internet Ý Server Browser Speed! No “guarantee” of delivery User Datagram Protocol
43. DNS Internet Ý Server Browser Speed! No “guarantee” of delivery Commonly used in video games and DNS queries User Datagram Protocol
44. DNS Internet Ý Server Browser TCP
45. DNS Internet Ý Server Browser Transmission Control Protocol
46. DNS Internet Ý Server Browser Transmission Control Protocol
47. DNS Internet Ý Server Browser Transmission Control Protocol Slower than UDP
48. DNS Internet Ý Server Browser Transmission Control Protocol Slower than UDP “Handshake” overhead
49. DNS Internet Ý Server Browser Transmission Control Protocol Slower than UDP “Handshake” overhead Uses “Flow Control” to guarantee delivery
50. DNS Internet Ý Server Browser The Internet
51. DNS Internet Ý Server Browser
52. DNS Internet Ý Server Browser 50.31.209.238
53. DNS Internet Ý Server Browser 50.31.209.238
54. DNS Internet Ý Server Browser 50.31.209.238 Open a socket
55. DNS Internet Ý Server Browser 50.31.209.238 Open a socket
56. DNS Internet Ý Server Browser 50.31.209.238 Open a socket
57. DNS Internet Ý Server Browser 50.31.209.238 Computer Open a socket
58. DNS Internet Ý Server Browser 50.31.209.238 Computer Open a socket
59. DNS Internet Ý Server Browser 50.31.209.238 Computer Router Open a socket
60. DNS Internet Ý Server Browser 50.31.209.238 Computer Router Open a socket
61. DNS Internet Ý Server Browser BGP
62. DNS Internet Ý Server Browser Border Gateway Protocol
63. DNS Internet Ý Server Browser Border Gateway Protocol
64. DNS Internet Ý Server Browser Border Gateway Protocol Lets ISPs share their network routes
65. DNS Internet Ý Server Browser Border Gateway Protocol Lets ISPs share their network routes Lets the router figure out the next destination to hand off the packet
66. DNS Internet Ý Server Browser
67. DNS Internet Ý Server Browser Router
68. DNS Internet Ý Server Browser Router Router
69. DNS Internet Ý Server Browser Router Router 50.31.209.0/24
70. DNS Internet Ý Server Browser Router Router 50.31.209.0/24 50.31.209.238
71. DNS Internet Ý Server Browser Router Router Ý Server 50.31.209.0/24 50.31.209.238
72. DNS Internet Ý Server Browser The Server
73. DNS Internet Ý Server Browser Ý …
74. DNS Internet Ý Server Browser Ý … 80 HTTP 443 HTTPS
75. DNS Internet Ý Server Browser
76. DNS Internet Ý Server Browser Computer
77. DNS Internet Ý Server Browser Computer Ý Server
78. DNS Internet Ý Server Browser Computer Ý Server Internet
79. DNS Internet Ý Server Browser Computer Ý Server Internet
80. DNS Internet Ý Server Browser Computer Ý Server Internet GET / HTTP/1.1 Accept: text/html Accept-Encoding: gzip,deflate,sdch Accept-Language: en-US Connection: keep-alive DNT: 1
81. DNS Internet Ý Server Browser Request & Request Headers
82. DNS Internet Ý Server Browser Request & Request Headers
83. DNS Internet Ý Server Browser GET / HTTP/1.1 Request & Request Headers
84. DNS Internet Ý Server Browser GET / HTTP/1.1 Accept: text/html Request & Request Headers
85. DNS Internet Ý Server Browser GET / HTTP/1.1 Accept: text/html Accept-Encoding: gzip,deflate,sdch Request & Request Headers
86. DNS Internet Ý Server Browser GET / HTTP/1.1 Accept: text/html Accept-Encoding: gzip,deflate,sdch Accept-Language: en-US Request & Request Headers
87. DNS Internet Ý Server Browser GET / HTTP/1.1 Accept: text/html Accept-Encoding: gzip,deflate,sdch Accept-Language: en-US Connection: keep-alive Request & Request Headers
88. DNS Internet Ý Server Browser GET / HTTP/1.1 Accept: text/html Accept-Encoding: gzip,deflate,sdch Accept-Language: en-US Connection: keep-alive Host: dnsimple.com Request & Request Headers
89. DNS Internet Ý Server Browser GET / HTTP/1.1 Accept: text/html Accept-Encoding: gzip,deflate,sdch Accept-Language: en-US Connection: keep-alive Host: dnsimple.com User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/36.0.1985.125 Safari/537.36 Request & Request Headers
90. DNS Internet Ý Server Browser Response & Response Headers
91. DNS Internet Ý Server Browser Response & Response Headers
92. DNS Internet Ý Server Browser HTTP/1.1 200 OK Response & Response Headers
93. DNS Internet Ý Server Browser HTTP/1.1 200 OK Server: nginx Response & Response Headers
94. DNS Internet Ý Server Browser HTTP/1.1 200 OK Server: nginx Date: Thu, 07 Aug 2014 05:00:03 GMT Response & Response Headers
95. DNS Internet Ý Server Browser HTTP/1.1 200 OK Server: nginx Date: Thu, 07 Aug 2014 05:00:03 GMT Content-Type: text/html; charset=utf-8 Response & Response Headers
96. DNS Internet Ý Server Browser HTTP/1.1 200 OK Server: nginx Date: Thu, 07 Aug 2014 05:00:03 GMT Content-Type: text/html; charset=utf-8 Transfer-Encoding: chunked Response & Response Headers
97. DNS Internet Ý Server Browser HTTP/1.1 200 OK Server: nginx Date: Thu, 07 Aug 2014 05:00:03 GMT Content-Type: text/html; charset=utf-8 Transfer-Encoding: chunked Connection: close Response & Response Headers
98. DNS Internet Ý Server Browser HTTP/1.1 200 OK Server: nginx Date: Thu, 07 Aug 2014 05:00:03 GMT Content-Type: text/html; charset=utf-8 Transfer-Encoding: chunked Connection: close Status: 200 OK Response & Response Headers
99. DNS Internet Ý Server Browser HTTP/1.1 200 OK Server: nginx Date: Thu, 07 Aug 2014 05:00:03 GMT Content-Type: text/html; charset=utf-8 Transfer-Encoding: chunked Connection: close Status: 200 OK Strict-Transport-Security: max-age=631138519 Response & Response Headers
100. DNS Internet Ý Server Browser The Browser
101. DNS Internet Ý Server Browser Rinse & Repeat
102. DNS Internet Ý Server Browser Rinse & Repeat
103. DNS Internet Ý Server Browser Rinse & Repeat Download the HTML document and begin parsing for information
104. DNS Internet Ý Server Browser Rinse & Repeat Download the HTML document and begin parsing for information Create new connections (or use existing) to keep fetching stylesheets, javascript, images, video, music, etc.
105. DNS Internet Ý Server Browser Computer Ý Server Internet
106. DNS Internet Ý Server Browser Computer Ý Server Internet
107. DNS Internet Ý Server Browser Computer Ý Server
108. DNS Internet Ý Server Browser
109. DNS Internet Ý Server Browser
110. DNS Internet Ý Server Browser
111. Thank you for your time ♥
112. Resources & Credits TCP/IP Illustrated Volume 1 http://amzn.to/X3vOag Color Palette http://goo.gl/iOuuP9 Like my driving? http://bit.do/packet-adventure-rate Icons FontAwesome