Web application architecture.

Web application architecture
The web application architecture is made up of the client, the webserver, the app server and data
storage (Ubaid, 2018).
The client communicates to the app server through the webserver. The app server communicate directly
to the data storage by requesting data or by posting data, the data storage returns will then respond to
the app server by either returning the requested data or storing the data. The app server will give
feedback to the client through the webserver (jreport, 2018).
Client
Web Server
Static Data
App Server Data storage
Block diagram
The block diagram depicts the activities that take place in the application (smartdiagrams, 2018).
The user starts by adding new books to storage, the form will validate the input to check if entered data
is correct. If the data has errors the user will be prompted to start the process again. When the user
input clean data the system will continue and save the information to the storage file. The user can
search for books on the storage by using the search criteria specified. If the book is available it will be
displayed to the user. If no result match the user criteria, the user can decide to search another book or
exit the program

Below are the designs for catalogue search and catalogue maintain pages. The pages use the same
structure on the heading. The catalogue search page contains a search form used to search by product
by ISBN, Title, author or price.
The user can decide to search using the book categories or book publishers.
The catalogue maintains page is made up of forms that allows user to add books to the storage file.

Home Sitemap Catalogue search Catalogue maintainLOGO
Find itemsby
price, ISBN,Author,Title
Search
Find by category
Books
Audio Books
Videos
Music
FInd byPublisher
Harper Collins
Penguins
St Pauls Publication
Franciscan Media
Orbis
Catalogue search page
Home/Catalogue sear

Home Sitemap Catalogue search Catalogue maintainLOGO
Search
Catalogue maintin page
ISBN
Title
price
Author
Publisher
Category
Poster
Quantity
Add Book
Home/Catalogue maintain

References
jreport. (2018, september 23). 3-Tier Architecture: A Complete Overview. Retrieved from jreport:
https://www.jinfonet.com/resources/bi-defined/3-tier-architecture-complete-overview/
smartdiagrams. (2018, april 14). Block Diagram. Retrieved from smart diagrams:
https://creately.com/diagram/example/hct264uz1/Block%20Diagram
Ubaid, P. (2018, February 12). Fundamentals of web application architecture. Retrieved september 10,
2019