Så funkar det (del 3) - webben

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

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

12. Memex

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."

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

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.

32. Mosaic (Marc Andreesen)

33. Utökade HTML

34. Lade till inline bilder.

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.

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

43. Ger oss ett hostname.

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

45. En resurs att hämta.

48. RFC 1945 (1.0, 1996, informational)

49. RFC 2608 (1.1, 1997)

50. RFC 2616 (1.1 1999)

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 "-//W3C//DTD HTML 3.2 Final//EN"> <HTML> <HEAD> <TITLE>Test Page for the Apache Web Server on Red Hat Linux</TITLE> </HEAD>  <BODY BGCOLOR="#FFFFFF"> <H1 ALIGN="CENTER">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>

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: "52c045-b4a-3cb3397a" Accept-Ranges: bytes Content-Length: 2890 Connection: close Content-Type: text/html Connection closed by foreign host.

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

71. Kan vara annat än text

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

74. Utvecklat på 80-talet för dokumenthantering.

75. Så kallat strukturerad information.

76. Skilja utseende från innehåll.

77. Göra innehåll meningsbärande.

78. Så funkar...webben <!doctype linuxdoc system> <article> <title>Artikelrubrik <author>Peter Antman <date>2004-01-27 <toc> <sect>Inledning <p>Detta dokument handlar om </article>

79. Så funkar...webben HTML inspirerades från SGML men blandade också in element som beskrev utseende. Ett enkelt HTML dokument

80. Så funkar...webben <HTML> <HEAD> <TITLE>Mitt HTML dokument</TITLE> </HEAD> <BODY> <H1>Här är ett exempeldokument</H1> <P>Vi skriver lite <I>kursiverad</I> text</P> <P>Och lägger in en bild <IMG SRC="mybild.jpg"></P> <P>Och en länk <A HREF="ettannatdoc.html">En länk</A></P> </BODY> </HTML>

82. Internet Explorer Drev på utvecklingen av både HTTP och HTML. Grunden är fortfarande densamma, men det ingår så mycket mer i dag.

83. Så funkar...webben Det som från början och i grunden var ytterst enkelt kan i dag också vara ytterst komplex. Nästan all modern systemutveckling sker med webben som grund.

85. CSS

86. Hjälp-applikationer

87. Plugins (pdf,mp3)

89. Hålla nere bandbredden

90. Komprimering

92. Två tekniker

93. Ersätta mönster med kortare uttryck (icke förstörande)

94. Reducera informationsmängden (förstörande)

95. Så funkar...webben Komprimering – exempel Här är allt bara bra. (21 tecken * 8 bitar) space={3,5,9,13}; är=1; ra=2; H11alltba2b2. (13 tecken * 8 bitar) Om tabellen tar mindre plats än 64 byte har vi sparat utrymme.

97. Normalt inte mer än 256 färger

98. Vanligt för logotyper och liknande

99. Ej bra för fotografier

100. Patentproblem – licenskostnad vid kommersiell användning

102. God kompression för fotografier

103. Fri att använda

105. Ersätter GIF

106. Icke förstörande

107. 24-bitars färg

108. Inga patentproblem

109. Klara dock inte animering

110. Bör användas i stället för GIF!

112. Og Vorbis – Fri Mmp3 ersättare

113. Mpeg – film format

114. Divx - “mp3” för film.

116. Skilja mellan form och innehåll

117. Första specen 1996

118. Formen bestäms utanför websidan, för en hel site, applikation eller dyligt i externa filer

119. Innan dess måste man ange fonter, färger och dyligt för varje enskilt html element <font face=”Verdana” size=”6”><p>Hej</p></font>

120. Så funkar...webben CSS (Cascading Style Sheets) <HTML> <HEAD> <TITLE>Title</TITLE> <STYLE TYPE="text/css"> P { font-size: 6;font-family: helvetica;} </STYLE> </HEAD> <BODY> <P>Hej</P> </BODY> </HTML>

122. Styrs av Content-Type, alltså vilke mime-typ webservern anser sig skicka

123. Applikationer startas utanför browsern

124. Plugins tar över delar av browsern

125. Så funkar...webben Dynamiskt – från tidning till applikation Klienten (Cookies,Javascript,Javaplugin,Flash) Servern (CGI, Databaser,ASP,JSP, Applikationsserver)

126. Så funkar...webben Dynamiskt – klienten Att programmera browsern Java 1995 – att göra klienten/browsern “interaktiv” Demo av Gosling 1995: As the talk began, Gosling noticed that many people were only casually paying attention. After all, what was so exciting about a new language driving a page of text and illustrations in a clone of Mosaic? Then Gosling moved the mouse over an illustration of a 3D molecule in the middle of the text. The 3D molecule rotated with the mouse movement. Back and forth, up and around. The entire audience went `Aaaaaaah! Their view of reality had completely changed because it MOVED." Now everyone was paying close attention.

127. Så funkar...webben Dynamiskt – klienten Plugin i Netscape för Java 1995 Användes mest till att göra animationer och annat i början Plågades länge av långsamhet och ostabilitet Problem med licenserna för Windows

128. Så funkar...webben Dynamiskt – JavaScript 1995 LiveScript Skapade för att kunna interagera med Java applets Gör att det går att skapa dynamik i klienten direkt i HTML-sidorna Exekverar i browsern Standardiserat via ECMA och ISO Netscape och Internet Explorer hade länge inkompatibla versioner

129. Så funkar...webben <html> <body> <form name="demo"> <input type="button" name="show" value="Press Me" onClick="document.forms['demo'].elements['show'].value='You Pressed Me';"> </form> </body> </html>

132. Utvecklat av Macromedia

133. “Filmer”

134. Stöd för Javascript

135. “Rich cklient”

136. Binärt och proprietärt

138. XML-baserat

139. Standard

140. Många plugins

141. Stöd av Adobe

143. Från början: färdiga textfiler i filsystemet som innehöll HTML (statiskt).

144. Skapa sidorna “on-the-fly”, via program

146. Gränssnitt mellan webserver och ett externt program

147. Webservern startar program (skrivet i shellskript, perl, c eller dyligt)

148. Ger programmet tillgång till anropet som “mijövariabler”

149. Programmet skriver ut HTML:en dynamsiskt

150. Webservern returnerar sidan som om det vore en statisk sida.

151. Så funkar...webben CGI (Common Gateway Interface) Anropa “sida” Starta program Skapa html Skicka tillbaka sida

152. Så funkar...webben CGI (Common Gateway Interface) #!/bin/sh cat << END Content-Type: text/html <HTML> <HEAD> <BODY> <p>Du använder browser: $HTTP_USER_AGENT</p> </BODY> END

153. Så funkar...webben CGI (Common Gateway Interface)

155. Nytt anrop för varje “sida”

156. Svårt att skapa applikationer

157. Måste ha något sätt att minnas vad som gjor tidigare

158. Länka anropen till varandra.

159. Cookies – skapades 1994 av Netscape

160. Från UNIX magic-cookie

163. Skapa en “session”

165. Måste minst vara kopplad till ett hostnamn.

166. Bowsern skickar enbart cookien när URL:er anropas som stämmer med det hostnamn/URL som cookien är knuten till.

167. Så funkar...webben Cookies Om inte cookien är satt, skickar servern den med första responsen HTTP/1.1 200 OK Set-Cookie: JSESSIONID=6C3F124C208EC065B1FE526392F461A9; Path=/xplanner Content-Type: text/html Content-Length: 125 Date: Fri, 13 Feb 2004 14:35:36 GMT Server: Apache-Coyote/1.1 Connection: close

168. Så funkar...webben Cookies När den väl är satt skickar browsern den i varje anrop GET /xplanner/planner.jsp HTTP/1.1 Cookie: JSESSIONID=6C3F124C208EC065B1FE526392F461A9;

170. Tungt att starta en extern process för varje anrop

172. PHP (Personal Home Pages)

174. proxy

175. Lastbapalserare

176. round robin

177. webfarm

178. HA

179. session

180. ticky session

181. Cookie

182. Single-Sign-on

183. Passport

184. Autentiering/Autorisering

185. Kluster

186. URL-rewrite

187. 404

188. Forward

189. virtual domain

190. cachning.

192. J2ee

193. .net

195. JSP

196. servlet

197. Perl

198. PHP

199. ASP

200. C#

201. Runtime

202. Remote Call

203. RMI

204. Corba

205. Transaktioner

206. Säkerhet

208. Disk

209. spegling

210. oracle

211. mssql

212. mysql

213. DatabasDriver

214. JDBC

215. ODBC.

216. Så funkar...webben Utveckling Open Source XML Webservice, SOAP, WSDL, UDDI.

Så funkar det (del 3) - webben

Recommandé

Recommandé

Contenu connexe

Similaire à Så funkar det (del 3) - webben

Similaire à Så funkar det (del 3) - webben (20)

Plus de Peter Antman

Plus de Peter Antman (19)

Så funkar det (del 3) - webben