Teknisk kurs i datorer och internet för webannonssäljare 2004.

1. Så funkar...webben Teknik i Media BITS Peter Antman 2004

2. Så funkar...webben Webben Det vi kanske närmast kopplar till Internet. Vid sidan av ordbehandling och mail det vi gör mest.

3. Så funkar...webben Webben Att med hjälp av en "browser" hämta och läsa dokument som inte ligger lokalt. En adress: http://www.sydsvenskan.se

4. Så funkar...webben En sida i en browser

5. Så funkar...webben

6. Så funkar...webben Källkoden bakom sidan

7. Så funkar...webben

8. Så funkar...webben Dessa tre vardagliga, enkla saker utgör de tre ben som webben står på: Adress format: URL (Uniform Resource Locator). Var finns resursen Internetprotokoll: HTTP (HyperText Transport Protocoll) Hur skall den hämtas. Dokumentformat: HTML (Hypertext Markup Language) Hur skall den visas upp

9. Så funkar...webben Webben kom ganska sent i Internet-floran

10. Så funkar...webben Historia Vannevar Bush (1945) artikeln "As We May Think,"

11. Information overload "There is a growing mountain of research. But there is increased evidence that we are being bogged down today as specialization extends...Mendel's concept of the laws of genetics was lost to the world for a generation because his publication did not reach the few who were capable of grasping and extending it; and this sort of catastrophe is undoubtedly being repeated all about us, as truly significant attainments become lost in the mass of the inconsequential....The summation of human experience is being expanded at a prodigious rate, and the means we use for threading through the consequent maze to the momentarily important item is the same as was used in the days of square-rigged ships." Lagra information baserad på associationer

12. Memex

13. Så funkar...webben

14. Så funkar...webben Ted Nelson 1965 Hypertext

15. 1967 XANADU, föregångaren till webben Bill Atkinson 1987 Hypercard

16. Så funkar...webben Grundaren: Tim Berners-Lee Arbetade på CERN (Partikelaccelerator Geneva).

17. Många forskare jorden runt bidrog med forskning och rapporter.

18. Svårt att få dem att använda gemensamt dokumentformat.

19. Behövde ett system för att hantera information runt forskningen.

20. Så funkar...webben 1989: "This proposal concerns the management of general information about accelerators and experiments at CERN. It discusses the problems of loss of information about complex evolving systems and derives a solution based on a distributed hypertext system."

21. Så funkar...webben Krav: enkelt

22. decentraliserat

23. länkat Arkitektur: Klient-Server Fick inget direkt gehör.

24. Så funkar...webben Satte ihop ett eget system. Baserat på klient-server tillståndslösa accesser länkning till andra dokument/servrar

25. Så funkar...webben

26. Så funkar...webben Bestod redan då av de bekanta: Ett protokoll för att hämta informationen från en server (HTTP).

27. Ett adressschema (URL)

28. Ett dokumentformat (HTML)

29. En server som levererade dokumentet (Webserver)

30. En klient/Browser med vilken man kunde hämta dokumenten, få dem visade försig och följa länkar i dem. Kallade programmet för WorldWideWeb.

31. Så funkar...webben Lade upp det publikt 1991 och släppte källkoden. Växte sedan ryktesvägen. National Center for Supercomputing Applications (NCSA) Webserver (nr 2)

32. Mosaic (Marc Andreesen)

33. Utökade HTML

34. Lade till inline bilder.

35. Så funkar...webben

36. Så funkar...webben Arkitektur Ett system för text.

37. Enkelt - "An HTTP daemon is such a simple thing that a simple shell script will often suffice."

38. Dokumentformatet text

39. Protokoll i klartext. Låt oss börja med en överblick.

40. Så funkar...webben

41. Så funkar...webben URL (Uniform Resource Locator) Var finns det vi söker? Hanteras av IETF RFC1738 (1994) (Uniform Resource Identifiers RFC2396 1997)

42. Så funkar...webben URL (Uniform Resource Locator) protokoll :// hostname [: portnummer]/resurs[#partid] Den ger oss också ett schema som avgör vilket protokoll som skall användas.

43. Ger oss ett hostname.

44. Om inte portnummer är angivet ges det från protokollet

45. En resurs att hämta.

46. Så funkar...webben HTTP (HTTPS) Hypertext Transport Protokoll

47. Hur skall vi hämta resursen? Spec hanteras av IETF

48. RFC 1945 (1.0, 1996, informational)

49. RFC 2608 (1.1, 1997)

50. RFC 2616 (1.1 1999)

51. Så funkar...webben Textbaserat protokoll. Format för hur man anger en resurs som man vill hämta.

52. Format för hur svaret skall se ut.

53. Standardiserade svarskoder.

54. Headers

55. Innehåll

56. Går bra att köra direkt med telnet.

57. Så funkar...webben [pra@pra pra]$ telnet localhost 80 Trying 127.0.0.1... Connected to localhost.localdomain (127.0.0.1). Escape character is '^]'. GET / HTTP/1.0 HTTP/1.1 200 OK Date: Tue, 03 Feb 2004 08:59:25 GMT Server: Apache/1.3.23 (Unix) (Red-Hat/Linux) mod_jk/1.1.0 mod_python/2.7.6 Python/1.5.2 mod_ssl/2.8.7 OpenSSL/0.9.6b DAV/1.0.3 PHP/4.1.2 mod_perl/1.26 mod_throttle/3.1.2 Last-Modified: Tue, 09 Apr 2002 18:56:58 GMT ETag: "52c045-b4a-3cb3397a" Accept-Ranges: bytes Content-Length: 2890 Connection: close Content-Type: text/html

58. Så funkar...webben <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 3.2 Final//EN&quot;> <HTML> <HEAD> <TITLE>Test Page for the Apache Web Server on Red Hat Linux</TITLE> </HEAD> <!-- Background white, links blue (unvisited), navy (visited), red (active) --> <BODY BGCOLOR=&quot;#FFFFFF&quot;> <H1 ALIGN=&quot;CENTER&quot;>Test Page</H1> <P>This page is used to test the proper operation of the Apache Web server after it has been installed. If you can read this page, it means that the Apache Web server installed at this site is working properly.</P> </BODY> </HTML>

59. Så funkar...webben Kommandon: GET - enkelt URL baserad hämtning av resurser

60. POST - Bäddar in innehåll i textmeddelandet (för att skicka upp argument, eller t.ex filer)

61. HEAD - kolla enbart headers.

62. Så funkar...webben [pra@pra pra]$ telnet localhost 80 Trying 127.0.0.1... Connected to localhost.localdomain (127.0.0.1). Escape character is '^]'. HEAD / HTTP/1.0 HTTP/1.1 200 OK Date: Tue, 03 Feb 2004 09:02:49 GMT Server: Apache/1.3.23 (Unix) (Red-Hat/Linux) mod_jk/1.1.0 mod_python/2.7.6 Python/1.5.2 mod_ssl/2.8.7 OpenSSL/0.9.6b DAV/1.0.3 PHP/4.1.2 mod_perl/1.26 mod_throttle/3.1.2 Last-Modified: Tue, 09 Apr 2002 18:56:58 GMT ETag: &quot;52c045-b4a-3cb3397a&quot; Accept-Ranges: bytes Content-Length: 2890 Connection: close Content-Type: text/html Connection closed by foreign host.

63. Så funkar...webben Svarskoder - några exempel 200 OK

64. 301 Resursen har flyttat permanent till: XXX

65. 303 Se annan (redirect)

66. 401 Autentiering krävs

67. 403 Access förbjuden

68. 404 Sidan inte hittad

69. 500 Internt serverfel

70. Så funkar...webben Content-Type Mime

71. Kan vara annat än text

72. Här ser vi att det är HTML

73. Så funkar...webben HTML (Hypertext Markup Language) Hanteras av World Wide Web Consortium (www.w3c.org) Från början baserat på dokumentspråket SGML(Standard Generalized Markup Language).