World Wide Web marted 23 aprile 2013 The World Wide Web and - PowerPoint PPT Presentation

World ¡Wide ¡Web ¡ martedì 23 aprile 2013

The ¡World ¡Wide ¡Web ¡and ¡the ¡Internet The ¡concept ¡of ¡Internet ¡and ¡World ¡Wide ¡Web ¡must ¡be ¡dis6nguished: • -­‑ ¡ ¡The ¡Internet ¡is ¡the ¡interconnec6on ¡of ¡networks ¡managed ¡by ¡private ¡or ¡public ¡bodies. -­‑ ¡ ¡The ¡World ¡Wide ¡Web ¡(WWW) ¡is ¡an ¡informa6on ¡space ¡(i.e. ¡a ¡set ¡of ¡hw ¡and ¡sw ¡en66es ¡that ¡can ¡be ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡univocally ¡addressed ¡and ¡a ¡set ¡of ¡tools ¡for ¡their ¡management) ¡that ¡can ¡be ¡accessed ¡though ¡the ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡network. ¡ The ¡WWW ¡World ¡Wide ¡Web ¡(WWW) ¡is ¡an ¡internet ¡service. ¡Together ¡with ¡e-­‑mail ¡it ¡is ¡the ¡most ¡ • known ¡and ¡used ¡service ¡of ¡ ¡the ¡Internet. ¡It ¡offers ¡a ¡digital ¡space ¡for ¡document ¡publishing, ¡soCware ¡ distribu6on ¡and ¡user-­‑developed ¡services. The ¡WWW ¡was ¡created ¡by ¡Tim ¡Berners-­‑Lee ¡when ¡was ¡a ¡researcher ¡at ¡CERN ¡in ¡Geneve. ¡ • Conven6onally ¡its ¡star6ng ¡date ¡is ¡assumed ¡to ¡be ¡August ¡6th ¡1991, ¡when ¡he ¡put ¡the ¡first ¡website ¡on-­‑ line ¡on ¡the ¡Internet. ¡World ¡Wide ¡Web ¡is ¡based ¡on ¡standards ¡that ¡are ¡maintained ¡by ¡the ¡World ¡Wide ¡ Web ¡Consor6um ¡(W3C). ¡ martedì 23 aprile 2013

Main features • There ¡are ¡several ¡characteris6cs ¡of ¡the ¡World ¡Wide ¡Web ¡that ¡have ¡contributed ¡to ¡its ¡success: ‒ ¡architecture ¡based ¡on ¡public ¡domain ¡standards ¡ ‒ ¡client-­‑server ¡based ¡architecture ‒ ¡capability ¡of ¡managing ¡different ¡media • It ¡is ¡based ¡on ¡three ¡main ¡standards: ‒ HTTP ¡Protocol ¡ ( HyperText ¡Transfer ¡Protocol ) ¡to ¡communicate ¡between ¡the ¡client ¡and ¡ ¡ the ¡server ‒ Addressing ¡ based ¡ on ¡ Uniform ¡ Resource ¡ Locator ¡ (URL) ¡ to ¡ refer ¡ to ¡ any ¡ addressable ¡ en6ty ¡such ¡as ¡documents ¡(text, ¡images, ¡sounds, ¡etc.), ¡programs. ‒ HTML ¡Language ¡( HyperText ¡Markup ¡Language ) ¡to ¡define ¡web ¡pages martedì 23 aprile 2013

HTTP ¡Protocol ¡(Hyper ¡Text ¡Transfer ¡Protocol ¡) ¡ HTTP ¡ Protocol ¡(Hyper ¡ Text ¡ Transfer ¡ Protocol ¡ ) ¡ allows ¡the ¡ communica6on ¡ between ¡ a ¡ client ¡ ¡ ¡ • (f.e. ¡a ¡browser) ¡ ¡and ¡a ¡web ¡server. ¡It ¡permits ¡to ¡transfer ¡and ¡manage ¡data ¡that ¡are ¡formaVed ¡ according ¡to ¡the ¡HTML ¡language ¡in ¡a ¡way ¡that ¡is ¡independent ¡from ¡the ¡system ¡used. HTTP ¡ uses ¡URI ¡ (Universal ¡Resource ¡ Iden6fier) ¡to ¡ refer ¡ to ¡ each ¡ en6ty. ¡URI ¡ can ¡ be ¡ specified ¡ • either ¡by ¡loca6on ¡(URL) ¡or ¡by ¡name ¡(URN), ¡ HTTP ¡is ¡an ¡ ASCII ¡ (8 ¡bit) ¡ protocol , ¡i.e. ¡any ¡HTTP ¡message ¡(i.e. ¡a ¡client ¡request ¡or ¡control ¡data ¡by ¡ • the ¡server) ¡is ¡a ¡string ¡of ¡ASCII ¡characters. ¡Data ¡of ¡the ¡requested ¡URL ¡that ¡are ¡provided ¡by ¡the ¡ server ¡are ¡not ¡necessarily ¡ASCII ¡data ¡(f.e. ¡they ¡can ¡be ¡binary ¡data ¡of ¡images, ¡ ¡video…) Http protocol (HyperText Transfer Protocol) Browser Command HTML URL:http://www.google.com HTML Display rendering Text & binary data martedì 23 aprile 2013

¡ • Any ¡HTTP ¡interac6on ¡between ¡the ¡client ¡and ¡the ¡server ¡follows ¡the ¡schema: ¡client ¡opens ¡a ¡transport ¡connec6on ¡between ¡the ¡client ¡and ¡the ¡server ¡using ¡ TCP ¡ ¡client ¡sends ¡a ¡request ¡with ¡the ¡URL ¡of ¡the ¡resource ¡requested ¡server ¡sends ¡a ¡reply ¡including ¡the ¡data ¡from ¡the ¡requested ¡URL ¡server ¡and ¡close ¡the ¡transport ¡connec6on • Because ¡of ¡the ¡ ¡Connect, ¡Request, ¡ ¡Response, ¡Disconnect ¡ ¡nature ¡of ¡HTTP ¡it ¡is ¡said ¡to ¡be ¡a ¡ stateless ¡ protocol ¡i.e. ¡from ¡one ¡web ¡page ¡to ¡the ¡next ¡there ¡is ¡nothing ¡in ¡the ¡protocol ¡that ¡allows ¡ a ¡web ¡program ¡to ¡maintain ¡program ¡“state”. ¡Every ¡interac6on ¡is ¡independent ¡from ¡the ¡others. HTTP request Web Web client server (browser) HTTP response (content) martedì 23 aprile 2013

URL ¡(Uniform ¡Resource ¡Locators) ¡ • URL ¡(Uniform ¡Resource ¡Locators) ¡(RFC ¡1738),univocally ¡defines ¡the ¡loca6on ¡of ¡a ¡resource ¡in ¡the ¡ network. ¡Any ¡URL ¡is ¡composed ¡of ¡three ¡parts: ¡access ¡method ¡ ¡ (specifies ¡the ¡way ¡in ¡which ¡we ¡want ¡to ¡access ¡the ¡resource) ¡ host ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ (specifies ¡where ¡the ¡resource ¡is ¡located) ¡ idenBty ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡(specifies ¡the ¡resource ¡iden6fier) • Example: ¡ ¡ ¡ ¡ ¡aaa://bbb: ¡ccc/ddd/eee Access ¡method : ¡ ¡ ¡ ¡ ¡ ¡aaa ¡= ¡protocol ¡(hVp, ¡Cp, ¡hVps, ¡etc). ¡As ¡a ¡default ¡hVp ¡is ¡assumed. ¡ ¡ ¡ ¡ccc ¡= ¡port ¡TCP ¡that ¡is ¡used ¡for ¡transmission. ¡If ¡not ¡specified ¡the ¡default ¡port ¡is ¡used ¡for ¡the ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡protocol ¡that ¡has ¡been ¡selected: ¡80 ¡for ¡hVp, ¡21 ¡for ¡Cp,443 ¡for ¡hVps. Host : ¡ ¡ ¡ ¡ ¡bbb ¡= ¡host ¡name ¡(no ¡default). ¡Can ¡be ¡defined ¡either ¡as ¡a ¡domain ¡address ¡or ¡as ¡IP ¡address IdenBty : ¡ ¡ ¡ ¡ ¡ddd ¡= ¡pathname. ¡For ¡hVp ¡iden6fies ¡a ¡path ¡from ¡the ¡ root ¡ defined ¡in ¡the ¡server. ¡ ¡ ¡ ¡ ¡ ¡eee ¡= ¡filename. ¡For ¡hVp ¡if ¡not ¡specified, ¡it ¡corresponds ¡to ¡an ¡index ¡file ¡that ¡is ¡configured ¡in ¡ ¡ ¡ ¡ ¡ ¡the ¡server. ¡As ¡a ¡default ¡it ¡is ¡indicated ¡as ¡ ¡ index.html ¡or ¡ index.htm . martedì 23 aprile 2013

¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡aaa://bbb: ¡ccc/ddd/eee URL ¡(Uniform ¡Resource ¡Locator) ¡ ¡ ¡ ¡ ¡ ¡ ¡hVp://micc.unifi.it ¡[: ¡default] ¡/delbimbo/ ¡[default] martedì 23 aprile 2013

HTML ¡(Hyper ¡Text ¡Markup ¡Language ¡) ¡ • HTML ¡(Hyper ¡Text ¡Markup ¡Language ¡) ¡is ¡a ¡markup ¡language ¡that ¡is ¡used ¡to ¡define ¡the ¡web ¡ document ¡format. ¡The ¡term ¡markup ¡iden6fies ¡a ¡sequence ¡of ¡characters ¡and ¡symbols ¡that ¡are ¡ inserted ¡in ¡a ¡document ¡in ¡order ¡to ¡indicate ¡to ¡a ¡browser ¡program ¡how ¡the ¡content ¡must ¡be ¡ displayed ¡or ¡the ¡logical ¡structure ¡of ¡the ¡document. ¡Formagng ¡commands ¡are ¡explicitely ¡inserted ¡in ¡ the ¡document ¡text. ¡An ¡HTML ¡document ¡is ¡an ¡ASCII ¡file • HTML ¡evolu6on ¡is ¡under ¡the ¡control ¡of ¡the ¡W3C ¡consor6um: ¡HTML ¡version ¡1.0 ¡HTML ¡versioe ¡2.0 ¡ ¡HTML ¡version ¡3.0 ¡HTML ¡version ¡3.2 Http protocol (HyperText Transfer Protocol) ¡HTML ¡version ¡4.0 ¡ Browser Command HTML ¡HTML ¡version ¡4.0.1 URL:http://www.google.com ¡XHTML ¡1.0 ¡strict ¡XHTML ¡1.1 ¡HTML5 HTML Display Text & binary data martedì 23 aprile 2013

• HTML ¡defines ¡the ¡way ¡in ¡ which ¡ a ¡web ¡ page ¡(also ¡referred ¡to ¡as ¡HTML ¡page) ¡should ¡appear. ¡ This ¡is ¡obtained ¡through ¡appropriate ¡tags ¡included ¡in ¡the ¡text. • As ¡the ¡client ¡receives ¡an ¡HTML ¡page ¡the ¡following ¡opera6ons ¡are ¡performed. tags ¡are ¡interpreted ¡ the ¡ page ¡ is ¡ formaVed ¡ according ¡ to ¡ the ¡ tags ¡ and ¡ is ¡ adapted ¡ to ¡ the ¡ client ¡ constrains ¡ (screen ¡resolu6on, ¡window ¡size…) ¡the ¡page ¡is ¡displayed • HTML ¡tags ¡are ¡of ¡one ¡of ¡two ¡types: ‒ tags ¡for ¡text ¡formagng ‒ tags ¡for ¡other ¡purposes ¡(user ¡interac6on…) martedì 23 aprile 2013