SlideShare une entreprise Scribd logo
1  sur  31
Télécharger pour lire hors ligne
Web-based Transactions

           Fulvio Corno




08/10/09      Web Transactions   1
Evolution
 The world wide web, if we analyze the involved
 technologies, evolved through 3 main phases:
  1.Static and informative Web
  2.Dynamic and interactive Web
  3.Integrated and application-oriented Web
 E-commerce and e-business are a particular
 application domain of Phase 3.




08/10/09           Web Transactions           2
Summary
     StaticTransactions
     Dynamic Transactions
     Database-driven Transactions
     Rich-Client Asynchronous Transactions




08/10/09            Web Transactions          3
Static web transaction
                      Internet              Web        HTML
                                            server      files

           Client


                    http request            path
           URL
                                                        HTML
      display       http response
       page                                 send

     browser          TCP/IP                server   file system

08/10/09                 Web Transactions                          4
Adopted standards
     URL  (uniform resource locator) for finding
      web pages
     HTML (hyper text markup language) for
      writing web pages
     GIF (graphics interchange format) for
      images
     HTTP (hyper text transfer protocol) for
      client-server interaction
     TCP/IP (transmission control protocol over
      internet protocol) for data transfer
08/10/09             Web Transactions               5
RFC 2396
 URL                                     http://www.w3.org/Addressin
                                         g/




http://elite.polito.it/~corno/index.html

               DNS                  URI Rewriting

           130.192.5.26        /home/corno/public_html/index.html


               TCP                    File system

           Contact server        HTML file contents


08/10/09                    Web Transactions                      6
RFC 2616, RFC 2617
     HTTP protocol                         http://www.w3.org/Protoc
                                           ols


GET /~corno/index.html HTTP/1.0
Accept: text/html
Accept: image/gif
User-Agent: CornoSoft SuperBrowser 9.45
                  HTTP/1.0 200 OK
                  Date: Monday, 01-Jan-2001 00:00:00 GMT
                  Server: Apache 1.3.0
                  MIME-Version: 1.0
                  Last-Modified: 31-Dec-2000
                  Content-type: text/html
                  Content-lemgth: 3021

                 <HTML> . . .
    08/10/09            Web Transactions                          7
Static web transaction

                         t1                                   t8                     t’1
Browser
                    t0                                             t9          t’0
Web                                   t3   t6
server                           t2              t7
Disk
access                                 t4 t5

                              server response time                 user think time
                               network transfer time
                                  total response time
         08/10/09                          Web Transactions                      8
Response time
                         t1
Browser
                    t0
Server
                              t2
Disk



               Browser  elaboration time (t0-t1): power uf
                the users’ computer
               Transmission time for http request (t1-t2):
                latency of Internet connection
         08/10/09                  Web Transactions           9
Response time
                         t1
Browser
                    t0             t3   t6
Server
                              t2              t7
Disk
                                    t4 t5
               Server  elaboration time (t2-t3, t6-t7): power
                of the server and number of simultaneous
                accesses
               Disk access time (t3-t6): I/O architecture
                del server and number of simultaneous
                accesses
         08/10/09                       Web Transactions     10
Response time
                         t1                                t8
Browser
                    t0             t3   t6                      t9
Server
                              t2              t7
Disk
                                    t4 t5
               Transmission    time for the HTML page (t7-
                t8): size of the page and of the images,
                latency, available bandwidth
               Visualization time of the page (t8-t9): power
                of the users’ computer and complexity of
                the page
         08/10/09                       Web Transactions             11
Examples




  www.w3c.org




08/10/09        Web Transactions   12
Summary
     StaticTransactions
     Dynamic Transactions
     Database-driven Transactions
     Rich-Client Asynchronous Transactions




08/10/09            Web Transactions          13
Dynamic web transaction
             Internet             Web        Application
                                  server

  Client


           http request           com-       para-
  URL                                        meters
           & POST data            mand
display                                            logic
           http response
 page                            send
                                              HTML
browser       TCP/IP              server   application
08/10/09            Web Transactions                       14
Adopted standards
     HTTP-POST    for sending user-specified data
     CGI (common gateway interface), ISAPI
      (internet information server application
      programming interface), server-side script,
      java servlet for integrating application logic
      into web servers
     ASP (active server pages), PHP, PERL as
      new languages for application development



08/10/09              Web Transactions             15
URL (HTTP GET)


 http://www.cad.polito.it/pap/pap.pl?author=Corno

                       Application               Parameters

           CPU
             Disk
           Libraries
                                   HTML


08/10/09                      Web Transactions                16
Dynamic web transaction

                         t1                                      t8              t’1
Browser
                    t0                                                t9   t’0
Web                                t3                  t6
server                        t2                            t7
Application
server                              t4                 t5

                                 application time
                                 total server time
                              total response time
         08/10/09                        Web Transactions                   17
Response time
                      t1                                      t8
Browser
                 t0             t3                  t6             t9
Web
                           t2                            t7
Application
                                 t4                 t5
            Communication   time between web server
             and application server (t3-t4, t5-t6): speed of
             the local network
            Execution time of the application (t3-t6):
             server power, number of accessese,
             complexity of the application
      08/10/09                        Web Transactions                  18
Examples



      www.sun.com
      www.lastampa.it
      www.altavista.com




08/10/09             Web Transactions   19
Summary
     StaticTransactions
     Dynamic Transactions
     Database-driven Transactions
     Rich-Client Asynchronous Transactions




08/10/09            Web Transactions          20
Database-driven transactions

              Internet   Web                Application Database
                         server

 Client


               http       com-              para-       query
  URL                                       meters
              & POST      mand
display        http
 page                    send                            data
                                             HTML
browser       TCP/IP      server       application database
   08/10/09              Web Transactions                       21
Adopted standards
     Cookies for storing the state of a session
     Java, JavaScript, ActiveX, Flash to program
      the user interface on the browser
     SQL (structured query language), ODBC
      (open database connectivity) to access data
      bases




08/10/09             Web Transactions           22
URL (HTTP GET)


 http://www.cad.polito.it/pap/pap.pl?author=Corno

                     Application                  Parameters

           CPU
             Disk
             Libraries
                                    HTML
                    Database

08/10/09                       Web Transactions                23
Database-driven transaction
                         t1                                      t8              t’1
Browser
                    t0                                                t9   t’0
Web                                t3                  t6
server                        t2                            t7
Application
server                              t4                 t5
Database
server
                         application time database time
                                  total server time
                               total response time
         08/10/09                        Web Transactions                   24
Response time
                      t1                                      t8
                                                                              t’1
Browser                         t3                  t6
                 t0                                                t9   t’0
Web
                           t2                            t7
Application
                                 t4                 t5
Database
            Application: server power, number of
             accesses, complexity of application
            Database: number of queries, complexity
             of queries, size of the database
            Communications: local network

      08/10/09                        Web Transactions                   25
Examples




      www.amazon.com




08/10/09          Web Transactions   26
Summary
     StaticTransactions
     Dynamic Transactions
     Database-driven Transactions
     Rich-Client Asynchronous Transactions




08/10/09            Web Transactions          27
Web 2.0
     Web  applications support social interaction
      models
     Peer exchange and user-contributed content
      instead of rigid publisher/reader pattern
              Online communities
     Rich,dynamic, interactive user interfaces
     Integration of contents across web sites
      (mashups)



08/10/09                     eBWA-www2eB          28
Rich-Client Asynchronous
      Transactions
                                          Web Application
                             Internet                   Database
                                          server


Client-side       Client
Application           http

                              http          com-    para-    query
                   URL                              meters
                             & POST         mand
         DOM
              display          http
               page                         send              data
        events                                      HTML
runtime          browser       TCP/IP        server application
                                                              database
     08/10/09   XML/JSON         Web Transactions                    29
Adopted standards
     Dynamic       HTML: DOM, Javascript, CSS
            JavaScript, Flash to handle a runtime
             environment on the browser
            DOM (XHTML Document Object Model) to allow
             on-the fly modification of the web page
            CSS 2.1 to modify attribute and handle objects

     AJAX:     Asynchronous Javascript and XML
            XMLHttpRequest for asynchronous
             communication to the server
            Data transfer formats: JSON, XML, RDF, RSS,
             Atom, FOAF, ...
      Mash-up technology
08/10/09             Web Transactions                      30
Rich-client transaction
                     t1                   t8                                t’1
Browser
                    t0                        t9                      t’0

Runtime

Web                        t3       t6
server                    t2             t7
Application
server                         t4   t5
Database
server
         08/10/09                                  Web Transactions    31

Contenu connexe

Similaire à Web Transactions

Web Services 2009
Web Services 2009Web Services 2009
Web Services 2009
Cathie101
 
Web Services 2009
Web Services 2009Web Services 2009
Web Services 2009
Cathie101
 
Reverse Engineering Finite State Machines from Rich Internet Applications
Reverse Engineering Finite State Machines from Rich Internet ApplicationsReverse Engineering Finite State Machines from Rich Internet Applications
Reverse Engineering Finite State Machines from Rich Internet Applications
Porfirio Tramontana
 

Similaire à Web Transactions (20)

Ws
WsWs
Ws
 
Web Architectures
Web ArchitecturesWeb Architectures
Web Architectures
 
Meeting 13. web server i
Meeting 13. web server iMeeting 13. web server i
Meeting 13. web server i
 
Web Architecture and Technologies
Web Architecture and TechnologiesWeb Architecture and Technologies
Web Architecture and Technologies
 
How does internet works
How does internet worksHow does internet works
How does internet works
 
How Internet Works
How Internet WorksHow Internet Works
How Internet Works
 
Client server architecture
Client server architectureClient server architecture
Client server architecture
 
Web Services 2009
Web Services 2009Web Services 2009
Web Services 2009
 
Web Services 2009
Web Services 2009Web Services 2009
Web Services 2009
 
Computer Networking
Computer NetworkingComputer Networking
Computer Networking
 
Primer to Browser Netwroking
Primer to Browser NetwrokingPrimer to Browser Netwroking
Primer to Browser Netwroking
 
Cs8591 Computer Networks - UNIT V
Cs8591 Computer Networks - UNIT VCs8591 Computer Networks - UNIT V
Cs8591 Computer Networks - UNIT V
 
Hyper Text Transfer Protocol
Hyper Text Transfer ProtocolHyper Text Transfer Protocol
Hyper Text Transfer Protocol
 
Unveiling the Tech Salsa of LAMs with Janus in Real-Time Applications
Unveiling the Tech Salsa of LAMs with Janus in Real-Time ApplicationsUnveiling the Tech Salsa of LAMs with Janus in Real-Time Applications
Unveiling the Tech Salsa of LAMs with Janus in Real-Time Applications
 
WP Chap 1 & 2.pptx
WP Chap 1 & 2.pptxWP Chap 1 & 2.pptx
WP Chap 1 & 2.pptx
 
E-business Infrastructure and Security
E-business Infrastructure and SecurityE-business Infrastructure and Security
E-business Infrastructure and Security
 
Reverse Engineering Finite State Machines from Rich Internet Applications
Reverse Engineering Finite State Machines from Rich Internet ApplicationsReverse Engineering Finite State Machines from Rich Internet Applications
Reverse Engineering Finite State Machines from Rich Internet Applications
 
An Introduction to HTTP
An Introduction to HTTPAn Introduction to HTTP
An Introduction to HTTP
 
App layer
App layerApp layer
App layer
 
Introduction to the Internet
Introduction to the InternetIntroduction to the Internet
Introduction to the Internet
 

Dernier

Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
negromaestrong
 

Dernier (20)

microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
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
 
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
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
Third Battle of Panipat detailed notes.pptx
Third Battle of Panipat detailed notes.pptxThird Battle of Panipat detailed notes.pptx
Third Battle of Panipat detailed notes.pptx
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
Dyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptxDyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptx
 
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Ữ Â...
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docx
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
psychiatric nursing HISTORY COLLECTION .docx
psychiatric  nursing HISTORY  COLLECTION  .docxpsychiatric  nursing HISTORY  COLLECTION  .docx
psychiatric nursing HISTORY COLLECTION .docx
 

Web Transactions

  • 1. Web-based Transactions Fulvio Corno 08/10/09 Web Transactions 1
  • 2. Evolution The world wide web, if we analyze the involved technologies, evolved through 3 main phases: 1.Static and informative Web 2.Dynamic and interactive Web 3.Integrated and application-oriented Web E-commerce and e-business are a particular application domain of Phase 3. 08/10/09 Web Transactions 2
  • 3. Summary  StaticTransactions  Dynamic Transactions  Database-driven Transactions  Rich-Client Asynchronous Transactions 08/10/09 Web Transactions 3
  • 4. Static web transaction Internet Web HTML server files Client http request path URL HTML display http response page send browser TCP/IP server file system 08/10/09 Web Transactions 4
  • 5. Adopted standards  URL (uniform resource locator) for finding web pages  HTML (hyper text markup language) for writing web pages  GIF (graphics interchange format) for images  HTTP (hyper text transfer protocol) for client-server interaction  TCP/IP (transmission control protocol over internet protocol) for data transfer 08/10/09 Web Transactions 5
  • 6. RFC 2396 URL http://www.w3.org/Addressin g/ http://elite.polito.it/~corno/index.html DNS URI Rewriting 130.192.5.26 /home/corno/public_html/index.html TCP File system Contact server HTML file contents 08/10/09 Web Transactions 6
  • 7. RFC 2616, RFC 2617 HTTP protocol http://www.w3.org/Protoc ols GET /~corno/index.html HTTP/1.0 Accept: text/html Accept: image/gif User-Agent: CornoSoft SuperBrowser 9.45 HTTP/1.0 200 OK Date: Monday, 01-Jan-2001 00:00:00 GMT Server: Apache 1.3.0 MIME-Version: 1.0 Last-Modified: 31-Dec-2000 Content-type: text/html Content-lemgth: 3021 <HTML> . . . 08/10/09 Web Transactions 7
  • 8. Static web transaction t1 t8 t’1 Browser t0 t9 t’0 Web t3 t6 server t2 t7 Disk access t4 t5 server response time user think time network transfer time total response time 08/10/09 Web Transactions 8
  • 9. Response time t1 Browser t0 Server t2 Disk  Browser elaboration time (t0-t1): power uf the users’ computer  Transmission time for http request (t1-t2): latency of Internet connection 08/10/09 Web Transactions 9
  • 10. Response time t1 Browser t0 t3 t6 Server t2 t7 Disk t4 t5  Server elaboration time (t2-t3, t6-t7): power of the server and number of simultaneous accesses  Disk access time (t3-t6): I/O architecture del server and number of simultaneous accesses 08/10/09 Web Transactions 10
  • 11. Response time t1 t8 Browser t0 t3 t6 t9 Server t2 t7 Disk t4 t5  Transmission time for the HTML page (t7- t8): size of the page and of the images, latency, available bandwidth  Visualization time of the page (t8-t9): power of the users’ computer and complexity of the page 08/10/09 Web Transactions 11
  • 12. Examples www.w3c.org 08/10/09 Web Transactions 12
  • 13. Summary  StaticTransactions  Dynamic Transactions  Database-driven Transactions  Rich-Client Asynchronous Transactions 08/10/09 Web Transactions 13
  • 14. Dynamic web transaction Internet Web Application server Client http request com- para- URL meters & POST data mand display logic http response page send HTML browser TCP/IP server application 08/10/09 Web Transactions 14
  • 15. Adopted standards  HTTP-POST for sending user-specified data  CGI (common gateway interface), ISAPI (internet information server application programming interface), server-side script, java servlet for integrating application logic into web servers  ASP (active server pages), PHP, PERL as new languages for application development 08/10/09 Web Transactions 15
  • 16. URL (HTTP GET) http://www.cad.polito.it/pap/pap.pl?author=Corno Application Parameters CPU Disk Libraries HTML 08/10/09 Web Transactions 16
  • 17. Dynamic web transaction t1 t8 t’1 Browser t0 t9 t’0 Web t3 t6 server t2 t7 Application server t4 t5 application time total server time total response time 08/10/09 Web Transactions 17
  • 18. Response time t1 t8 Browser t0 t3 t6 t9 Web t2 t7 Application t4 t5  Communication time between web server and application server (t3-t4, t5-t6): speed of the local network  Execution time of the application (t3-t6): server power, number of accessese, complexity of the application 08/10/09 Web Transactions 18
  • 19. Examples  www.sun.com  www.lastampa.it  www.altavista.com 08/10/09 Web Transactions 19
  • 20. Summary  StaticTransactions  Dynamic Transactions  Database-driven Transactions  Rich-Client Asynchronous Transactions 08/10/09 Web Transactions 20
  • 21. Database-driven transactions Internet Web Application Database server Client http com- para- query URL meters & POST mand display http page send data HTML browser TCP/IP server application database 08/10/09 Web Transactions 21
  • 22. Adopted standards  Cookies for storing the state of a session  Java, JavaScript, ActiveX, Flash to program the user interface on the browser  SQL (structured query language), ODBC (open database connectivity) to access data bases 08/10/09 Web Transactions 22
  • 23. URL (HTTP GET) http://www.cad.polito.it/pap/pap.pl?author=Corno Application Parameters CPU Disk Libraries HTML Database 08/10/09 Web Transactions 23
  • 24. Database-driven transaction t1 t8 t’1 Browser t0 t9 t’0 Web t3 t6 server t2 t7 Application server t4 t5 Database server application time database time total server time total response time 08/10/09 Web Transactions 24
  • 25. Response time t1 t8 t’1 Browser t3 t6 t0 t9 t’0 Web t2 t7 Application t4 t5 Database  Application: server power, number of accesses, complexity of application  Database: number of queries, complexity of queries, size of the database  Communications: local network 08/10/09 Web Transactions 25
  • 26. Examples  www.amazon.com 08/10/09 Web Transactions 26
  • 27. Summary  StaticTransactions  Dynamic Transactions  Database-driven Transactions  Rich-Client Asynchronous Transactions 08/10/09 Web Transactions 27
  • 28. Web 2.0  Web applications support social interaction models  Peer exchange and user-contributed content instead of rigid publisher/reader pattern  Online communities  Rich,dynamic, interactive user interfaces  Integration of contents across web sites (mashups) 08/10/09 eBWA-www2eB 28
  • 29. Rich-Client Asynchronous Transactions Web Application Internet Database server Client-side Client Application http http com- para- query URL meters & POST mand DOM display http page send data events HTML runtime browser TCP/IP server application database 08/10/09 XML/JSON Web Transactions 29
  • 30. Adopted standards  Dynamic HTML: DOM, Javascript, CSS  JavaScript, Flash to handle a runtime environment on the browser  DOM (XHTML Document Object Model) to allow on-the fly modification of the web page  CSS 2.1 to modify attribute and handle objects  AJAX: Asynchronous Javascript and XML  XMLHttpRequest for asynchronous communication to the server  Data transfer formats: JSON, XML, RDF, RSS, Atom, FOAF, ...  Mash-up technology 08/10/09 Web Transactions 30
  • 31. Rich-client transaction t1 t8 t’1 Browser t0 t9 t’0 Runtime Web t3 t6 server t2 t7 Application server t4 t5 Database server 08/10/09 Web Transactions 31