Long description

The image is divided into three parts. Three web server blocks and three browser windows are included in this. These blocks shows the interaction between Browser and the Server.

Image 1:

It shows 2 blocks for Browser Window and Web Server. The Web Server has 2 block labeled P H P and D B M S. The P H P has a block labeled Database "A"P I. The various steps of interaction between Browser and Web Server is as follows.

Step 1: GET request for resource with query string parameters. This request goes from Browser to Web Server. There is a line of code that reads DisplayPost dot p h p question mark id equals 19.

Step 2: Requested P H P page is executed which constructs the SQL query. This operation happens inside Web Server

Step 3: S Q L query passed to D B M S via "A" P I to Database "A"P I. The code sent reads SELECT asterisk FROM post WHERE id equals 19

Step 4: API sends query to DBMS. The code sent reads SELECT asterisk FROM post WHERE id equals 19

Step 5: DBMS retrieves data from database

Step 6: DBMS returns result set to API

Step 7: API returns array with retrieved data. This operation happen inside Web Server

Step 8: Output from PHP execution is sent from Web Server to Browser

Image 2:

It shows 3 blocks for Browser Window, Web Server and Cloud Service. The Web Server has block labeled Node. The Node block has another block labeled Database API. The Cloud Service has a block labeled DBMS. The various steps of interaction between Browser, Web Server and Cloud Service is as follows.

Step 1: JavaScript fetch from API. This request goes from Browser to Web Server. There is a directory path that reads forward slash api forward slash movie forward slash 234284

Step 2: Node app processes this route and constructs a Mongo D B query. This operation happens inside Web Server

Step 3: S Q L query passed to D B M S via "A"P I

Step 4: Database "A"P I of Web Server reaches out to DBMS component of Cloud Service

Step 5: DBMS retrieves data from database. This operation happens in D B M S of Cloud Service

Step 6: D B M S component of Cloud Service responds back to Database "A" P I of Web Server

Step 7: "A" P I returns J S O N data. This operation happen inside Web Server

Step 8: J S O N data is sent from Web Server to Browser

Image 3:

It shows 3 blocks for Browser Window, Web Server and Data Server. The Web Server has block labeled Node. The Node block has another block labeled Database "A P I. The Data Server has a block labeled D B M S. The various steps of interaction between Browser, Web Server and Data Server is as follows.

Step 1: POST request containing form data from Browser to Web Server

Step 2: Operations happen inside Web Server

Step 3: Web Server reaches to Database "A"P I

Step 4: Database API in Web Server reaches to D B M S in Data Server

Step 5: DB M S saves data.

Step 6: Redirect to success page from Web Server to Browser.