SlideShare una empresa de Scribd logo
1 de 31
Descargar para leer sin conexión
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

Más contenido relacionado

Similar a Web Transactions

Meeting 13. web server i
Meeting 13. web server iMeeting 13. web server i
Meeting 13. web server iSyaiful Ahdan
 
Web Architecture and Technologies
Web Architecture and TechnologiesWeb Architecture and Technologies
Web Architecture and TechnologiesFulvio Corno
 
How does internet works
How does internet worksHow does internet works
How does internet worksRamonNavarro46
 
How Internet Works
How Internet WorksHow Internet Works
How Internet Workssumit kumar
 
Web Services 2009
Web Services 2009Web Services 2009
Web Services 2009Cathie101
 
Web Services 2009
Web Services 2009Web Services 2009
Web Services 2009Cathie101
 
Primer to Browser Netwroking
Primer to Browser NetwrokingPrimer to Browser Netwroking
Primer to Browser NetwrokingShuya Osaki
 
Cs8591 Computer Networks - UNIT V
Cs8591 Computer Networks - UNIT VCs8591 Computer Networks - UNIT V
Cs8591 Computer Networks - UNIT Vpkaviya
 
E-business Infrastructure and Security
E-business Infrastructure and SecurityE-business Infrastructure and Security
E-business Infrastructure and SecurityKimmy Chen
 
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 ApplicationsPorfirio Tramontana
 
Introduction to the Internet
Introduction to the InternetIntroduction to the Internet
Introduction to the Internetcoastalgraphics
 
Web Server Technologies I: HTTP & Getting Started
Web Server Technologies I: HTTP & Getting StartedWeb Server Technologies I: HTTP & Getting Started
Web Server Technologies I: HTTP & Getting StartedPort80 Software
 

Similar a 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
 
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
 
Web Server Technologies I: HTTP & Getting Started
Web Server Technologies I: HTTP & Getting StartedWeb Server Technologies I: HTTP & Getting Started
Web Server Technologies I: HTTP & Getting Started
 

Último

ACC 2024 Chronicles. Cardiology. Exam.pdf
ACC 2024 Chronicles. Cardiology. Exam.pdfACC 2024 Chronicles. Cardiology. Exam.pdf
ACC 2024 Chronicles. Cardiology. Exam.pdfSpandanaRallapalli
 
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfInclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfTechSoup
 
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdf
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdfAMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdf
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdfphamnguyenenglishnb
 
4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptxmary850239
 
Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Celine George
 
Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17
Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17
Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17Celine George
 
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTSGRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTSJoshuaGantuangco2
 
Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...Jisc
 
Barangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptxBarangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptxCarlos105
 
Choosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for ParentsChoosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for Parentsnavabharathschool99
 
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...JhezDiaz1
 
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...Postal Advocate Inc.
 
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTiammrhaywood
 
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxiammrhaywood
 
DATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersDATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersSabitha Banu
 
How to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERPHow to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERPCeline George
 
Gas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxGas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxDr.Ibrahim Hassaan
 
Judging the Relevance and worth of ideas part 2.pptx
Judging the Relevance  and worth of ideas part 2.pptxJudging the Relevance  and worth of ideas part 2.pptx
Judging the Relevance and worth of ideas part 2.pptxSherlyMaeNeri
 

Último (20)

LEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptx
LEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptxLEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptx
LEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptx
 
ACC 2024 Chronicles. Cardiology. Exam.pdf
ACC 2024 Chronicles. Cardiology. Exam.pdfACC 2024 Chronicles. Cardiology. Exam.pdf
ACC 2024 Chronicles. Cardiology. Exam.pdf
 
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfInclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
 
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdf
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdfAMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdf
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdf
 
4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx
 
Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17
 
Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17
Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17
Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17
 
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTSGRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
 
Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...
 
Barangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptxBarangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptx
 
Choosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for ParentsChoosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for Parents
 
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
 
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
 
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
 
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
 
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
 
DATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersDATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginners
 
How to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERPHow to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERP
 
Gas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxGas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptx
 
Judging the Relevance and worth of ideas part 2.pptx
Judging the Relevance  and worth of ideas part 2.pptxJudging the Relevance  and worth of ideas part 2.pptx
Judging the Relevance and worth of ideas part 2.pptx
 

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