SlideShare una empresa de Scribd logo
1 de 12
INFT11/71-132
     Web Applications


   Web Concepts
      Dr Michael Rees
School of Information Technology

      mrees@bond.edu.au
Internet v Web
• Internet is the basic
  infrastructure
• The Web provides a linked,
  information structure – web
  pages
• Uses Hypertext Transfer
  Protocol (HTTP) to transfer
  web pages
• Web pages use a document
  structure called Hypertext
  Markup Language (HTML)
• HTML contains tags that
  define the content and
  layout of the web pages
© 2009 Michael Rees                Web Applications   2
Web Software Technology

• Web server:
   – Software that serves web pages and related files
     (entities)
   – Supports HTTP

• Web client (browser):
   – Internet host machine running client application
   – Initiates HTTP requests to designated web server
     to retrieve web pages and other files (entities)
   – Displays (or saves or executes) retrieved entities


© 2009 Michael Rees               Web Applications   3
Retrieving a Web Page
                                   1. Browser acquires a URL
                                   2. Browser uses DNS to determine
                                      the IP address of the web server
                                   3. Using HTTP protocol, browser
                                      sends a request to the web server
                                      at that IP address for the named
                                      web page
                                   4. Web server received request via
                                      HTTP, locates the file requested
                                      and transmits HTML content back
                                      to the browser via HTTP
                                   5. The browser interprets the HTML
                                      and displays the page on the
                                      screen
                                   This is the request-response cycle


© 2009 Michael Rees                Web Applications                4
HTTP Request–Response cycle


                                                          1. Open TCP
                               2. Request + [Entity]         Connection



                                                                   Web
                          Web                                      Browser
                          Server                                   (Client)



                                                              5. Interpret &
3. Check Request
                             4. Response + [Entity]           Display
• syntax
                                                              6. Close TCP
• existence
                                                              Connection
• authentication

© 2009 Michael Rees                    Web Applications               5
Uniform Resource Identifier - URI

• Two types of URI:
   – Uniform Resource Name - URN
      • Used to identify resources with unique
        names, such as books (which have unique
        ISBN’s)
      • Scheme is urn
      • Example: urn:foo:a123,456
   – Uniform Resource Locator - URL
      • Specifies location at which a resource can be
        found
      • http scheme, others are https, ftp, mailto, and
        file
      • Example:
        http://www.bond.edu.au/bondit/index.htm
© 2009 Michael Rees                 Web Applications      6
HTTP
• Implemented over a TCP connection
• 80 is the standard port number used
• Request:
   – Command line
   – Additional header lines
   – Blank line
   – Optional content
• Response:
   – Status code                                  More details on HTTP
   – Additional header lines
   – Blank line
   – Optional content
© 2009 Michael Rees            Web Applications                          7
HTTP Example

• To acquire:                                     • Response
      http://www.somehost.com/path/file.html
                                                         HTTP/1.0 200 OK
                                                         Date: Fri, 31 Dec 1999 23:59:59 GMT
• Request                                                Content-Type: text/html
                                                         Content-Length: 1354
      GET /path/file.html HTTP/1.0
      From: someuser@tutorialspoint.com                  <html>
      User-Agent: HTTPTool/1.0                           <body>
      [blank line here]                                  <h1>Happy New Millennium!</h1>

                                                         (more file contents)
                                                          .
                                                          .
                                                          .
                                                         </body>
                                                         </html>




© 2009 Michael Rees                            Web Applications                         8
Multipurpose Internet Mail Extensions

• Abbreviated to MIME

• Convention for specifying content type of a message
   – In HTTP, typically used to specify content type of
     the body of the response

• MIME content type syntax:
   – top-level type / subtype

• Examples: text/html, image/jpeg




© 2009 Michael Rees                 Web Applications   9
Secure Servers

• HTTP messages typically travel over a public network
• Private information (such as credit card numbers)
  should be encrypted to prevent eavesdropping
• https URL scheme tells browser to use encryption
• Common encryption standards:
   – Secure Socket Layer (SSL)
   – Transport Layer Security (TLS)




© 2009 Michael Rees                Web Applications   10
Secure Servers

                        I’d like to talk securely to you (over port 443)

HTTP                    Here’s my certificate and encryption data                 HTTP
Requests                                                                          Requests


                        Here’s an encrypted HTTP request

                 TLS/   Here’s an encrypted HTTP response                  TLS/     Web
Browser
                 SSL                                                       SSL     Server


                        Here’s an encrypted HTTP request
HTTP                                                                              HTTP
Responses               Here’s an encrypted HTTP response                         Responses




 © 2009 Michael Rees                            Web Applications                      11
Resources

• Read Sections 1.1 through 1.8 of textbook




© 2009 Michael Rees               Web Applications   12

Más contenido relacionado

La actualidad más candente

The Internet Project for Mr.Borg
The Internet Project for Mr.BorgThe Internet Project for Mr.Borg
The Internet Project for Mr.Borg
SHINYGERADA
 
Hypertext transfer protocol (http)
Hypertext transfer protocol (http)Hypertext transfer protocol (http)
Hypertext transfer protocol (http)
johnny19910916
 
1o1 group6
1o1 group61o1 group6
1o1 group6
stieon
 

La actualidad más candente (20)

Internet Services
Internet ServicesInternet Services
Internet Services
 
HTTP fundamentals for developers
HTTP fundamentals for developersHTTP fundamentals for developers
HTTP fundamentals for developers
 
HTTP Presentation
HTTP Presentation HTTP Presentation
HTTP Presentation
 
The Internet Project for Mr.Borg
The Internet Project for Mr.BorgThe Internet Project for Mr.Borg
The Internet Project for Mr.Borg
 
HTTP & WWW
HTTP & WWWHTTP & WWW
HTTP & WWW
 
Http - All you need to know
Http - All you need to knowHttp - All you need to know
Http - All you need to know
 
Introduction to HTTP protocol
Introduction to HTTP protocolIntroduction to HTTP protocol
Introduction to HTTP protocol
 
WWW & HTTP
WWW & HTTPWWW & HTTP
WWW & HTTP
 
HTTP
HTTPHTTP
HTTP
 
What's up with HTTP?
What's up with HTTP?What's up with HTTP?
What's up with HTTP?
 
Http-protocol
Http-protocolHttp-protocol
Http-protocol
 
HTTP1.1/2 overview
HTTP1.1/2 overviewHTTP1.1/2 overview
HTTP1.1/2 overview
 
HTTP - The Protocol of Our Lives
HTTP - The Protocol of Our LivesHTTP - The Protocol of Our Lives
HTTP - The Protocol of Our Lives
 
Hypertext transfer protocol (http)
Hypertext transfer protocol (http)Hypertext transfer protocol (http)
Hypertext transfer protocol (http)
 
HTTP
HTTPHTTP
HTTP
 
Http
HttpHttp
Http
 
21 HTTP Protocol #burningkeyboards
21 HTTP Protocol #burningkeyboards21 HTTP Protocol #burningkeyboards
21 HTTP Protocol #burningkeyboards
 
Http methods
Http methodsHttp methods
Http methods
 
Internet
InternetInternet
Internet
 
1o1 group6
1o1 group61o1 group6
1o1 group6
 

Similar a INFT132 093 03 Web Concepts

Internet tools and services
Internet tools and servicesInternet tools and services
Internet tools and services
learnt
 

Similar a INFT132 093 03 Web Concepts (20)

Web & HTTP
Web & HTTPWeb & HTTP
Web & HTTP
 
IP UNIT 1.pptx
IP UNIT 1.pptxIP UNIT 1.pptx
IP UNIT 1.pptx
 
www | HTTP | HTML - Tutorial
www | HTTP | HTML - Tutorialwww | HTTP | HTML - Tutorial
www | HTTP | HTML - Tutorial
 
application of http.pptx
application of http.pptxapplication of http.pptx
application of http.pptx
 
Web services
Web servicesWeb services
Web services
 
HTTP 완벽가이드 1장.
HTTP 완벽가이드 1장.HTTP 완벽가이드 1장.
HTTP 완벽가이드 1장.
 
Web
WebWeb
Web
 
Http Introduction
Http IntroductionHttp Introduction
Http Introduction
 
HTML5 WebSockets
HTML5 WebSocketsHTML5 WebSockets
HTML5 WebSockets
 
PHP Training: Module 1
PHP Training: Module 1PHP Training: Module 1
PHP Training: Module 1
 
Web Terms Handout
Web Terms HandoutWeb Terms Handout
Web Terms Handout
 
Http_Protocol.pptx
Http_Protocol.pptxHttp_Protocol.pptx
Http_Protocol.pptx
 
Lecture 6- http
Lecture  6- httpLecture  6- http
Lecture 6- http
 
Class 1 - World Wide Web Introduction
Class 1 - World Wide Web IntroductionClass 1 - World Wide Web Introduction
Class 1 - World Wide Web Introduction
 
Internet tools and services
Internet tools and servicesInternet tools and services
Internet tools and services
 
Web
WebWeb
Web
 
Browser
BrowserBrowser
Browser
 
Http utilize
Http utilizeHttp utilize
Http utilize
 
What is http?
What is http?What is http?
What is http?
 
HTTP
HTTPHTTP
HTTP
 

Más de Michael Rees

Más de Michael Rees (20)

Activity 25 reflecting on openness
Activity 25 reflecting on opennessActivity 25 reflecting on openness
Activity 25 reflecting on openness
 
Experiences with MOOCs: Challenges and Opportunities
Experiences with MOOCs: Challenges and OpportunitiesExperiences with MOOCs: Challenges and Opportunities
Experiences with MOOCs: Challenges and Opportunities
 
MOOCs march on
MOOCs march onMOOCs march on
MOOCs march on
 
Messing with MOOCs
Messing with MOOCsMessing with MOOCs
Messing with MOOCs
 
Developing Inside the Cloud
Developing Inside the CloudDeveloping Inside the Cloud
Developing Inside the Cloud
 
ABC Gold Coast Social Media Talk
ABC Gold Coast Social Media TalkABC Gold Coast Social Media Talk
ABC Gold Coast Social Media Talk
 
Virtualisation advances for teaching and research
Virtualisation advances for teaching and researchVirtualisation advances for teaching and research
Virtualisation advances for teaching and research
 
Building Classroom Community
Building Classroom CommunityBuilding Classroom Community
Building Classroom Community
 
Teaching with Social Media
Teaching with Social MediaTeaching with Social Media
Teaching with Social Media
 
Teaching with Social Media
Teaching with Social MediaTeaching with Social Media
Teaching with Social Media
 
Cloud Apps Ascent - Snapshot
Cloud Apps Ascent - SnapshotCloud Apps Ascent - Snapshot
Cloud Apps Ascent - Snapshot
 
Cloud Apps Survival Of The Fittest
Cloud Apps   Survival Of The FittestCloud Apps   Survival Of The Fittest
Cloud Apps Survival Of The Fittest
 
INFT132 093 07 Document Object Model
INFT132 093 07 Document Object ModelINFT132 093 07 Document Object Model
INFT132 093 07 Document Object Model
 
INFT132 093 05 Cascading Style Sheets
INFT132 093 05 Cascading Style SheetsINFT132 093 05 Cascading Style Sheets
INFT132 093 05 Cascading Style Sheets
 
INFT132 093 04 HTML and XHTML
INFT132 093 04 HTML and XHTMLINFT132 093 04 HTML and XHTML
INFT132 093 04 HTML and XHTML
 
INFT132 093 02 Internet Concepts
INFT132 093 02 Internet ConceptsINFT132 093 02 Internet Concepts
INFT132 093 02 Internet Concepts
 
Get Connected - Building a Social Media Roadmap
Get Connected - Building a Social Media RoadmapGet Connected - Building a Social Media Roadmap
Get Connected - Building a Social Media Roadmap
 
Favourite Cloud Apps
Favourite Cloud AppsFavourite Cloud Apps
Favourite Cloud Apps
 
Screencasting to Enhance Teaching Materials
Screencasting to Enhance Teaching MaterialsScreencasting to Enhance Teaching Materials
Screencasting to Enhance Teaching Materials
 
QCEC2009 Virtual IT Teaching Laboratory
QCEC2009 Virtual IT Teaching LaboratoryQCEC2009 Virtual IT Teaching Laboratory
QCEC2009 Virtual IT Teaching Laboratory
 

Último

The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 

Último (20)

The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structure
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptx
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
Spatium Project Simulation student brief
Spatium Project Simulation student briefSpatium Project Simulation student brief
Spatium Project Simulation student brief
 
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxInterdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptx
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 

INFT132 093 03 Web Concepts

  • 1. INFT11/71-132 Web Applications Web Concepts Dr Michael Rees School of Information Technology mrees@bond.edu.au
  • 2. Internet v Web • Internet is the basic infrastructure • The Web provides a linked, information structure – web pages • Uses Hypertext Transfer Protocol (HTTP) to transfer web pages • Web pages use a document structure called Hypertext Markup Language (HTML) • HTML contains tags that define the content and layout of the web pages © 2009 Michael Rees Web Applications 2
  • 3. Web Software Technology • Web server: – Software that serves web pages and related files (entities) – Supports HTTP • Web client (browser): – Internet host machine running client application – Initiates HTTP requests to designated web server to retrieve web pages and other files (entities) – Displays (or saves or executes) retrieved entities © 2009 Michael Rees Web Applications 3
  • 4. Retrieving a Web Page 1. Browser acquires a URL 2. Browser uses DNS to determine the IP address of the web server 3. Using HTTP protocol, browser sends a request to the web server at that IP address for the named web page 4. Web server received request via HTTP, locates the file requested and transmits HTML content back to the browser via HTTP 5. The browser interprets the HTML and displays the page on the screen This is the request-response cycle © 2009 Michael Rees Web Applications 4
  • 5. HTTP Request–Response cycle 1. Open TCP 2. Request + [Entity] Connection Web Web Browser Server (Client) 5. Interpret & 3. Check Request 4. Response + [Entity] Display • syntax 6. Close TCP • existence Connection • authentication © 2009 Michael Rees Web Applications 5
  • 6. Uniform Resource Identifier - URI • Two types of URI: – Uniform Resource Name - URN • Used to identify resources with unique names, such as books (which have unique ISBN’s) • Scheme is urn • Example: urn:foo:a123,456 – Uniform Resource Locator - URL • Specifies location at which a resource can be found • http scheme, others are https, ftp, mailto, and file • Example: http://www.bond.edu.au/bondit/index.htm © 2009 Michael Rees Web Applications 6
  • 7. HTTP • Implemented over a TCP connection • 80 is the standard port number used • Request: – Command line – Additional header lines – Blank line – Optional content • Response: – Status code More details on HTTP – Additional header lines – Blank line – Optional content © 2009 Michael Rees Web Applications 7
  • 8. HTTP Example • To acquire: • Response http://www.somehost.com/path/file.html HTTP/1.0 200 OK Date: Fri, 31 Dec 1999 23:59:59 GMT • Request Content-Type: text/html Content-Length: 1354 GET /path/file.html HTTP/1.0 From: someuser@tutorialspoint.com <html> User-Agent: HTTPTool/1.0 <body> [blank line here] <h1>Happy New Millennium!</h1> (more file contents) . . . </body> </html> © 2009 Michael Rees Web Applications 8
  • 9. Multipurpose Internet Mail Extensions • Abbreviated to MIME • Convention for specifying content type of a message – In HTTP, typically used to specify content type of the body of the response • MIME content type syntax: – top-level type / subtype • Examples: text/html, image/jpeg © 2009 Michael Rees Web Applications 9
  • 10. Secure Servers • HTTP messages typically travel over a public network • Private information (such as credit card numbers) should be encrypted to prevent eavesdropping • https URL scheme tells browser to use encryption • Common encryption standards: – Secure Socket Layer (SSL) – Transport Layer Security (TLS) © 2009 Michael Rees Web Applications 10
  • 11. Secure Servers I’d like to talk securely to you (over port 443) HTTP Here’s my certificate and encryption data HTTP Requests Requests Here’s an encrypted HTTP request TLS/ Here’s an encrypted HTTP response TLS/ Web Browser SSL SSL Server Here’s an encrypted HTTP request HTTP HTTP Responses Here’s an encrypted HTTP response Responses © 2009 Michael Rees Web Applications 11
  • 12. Resources • Read Sections 1.1 through 1.8 of textbook © 2009 Michael Rees Web Applications 12