Introductionto-Web.pptx

ITELEC 2 Introduction to Web Systems Understand the basics of web systems.  Definition of web systems Client-Side Components...

ITELEC 2 Introduction to Web Systems Understand the basics of web systems.  Definition of web systems Client-Side Components Server-Side Components Networking Infrastructure Middleware APIs (Application Programming Interfaces) Characteristics of Web Systems Tip: Use links to go to a different page inside your presentation. How: Highlight text, click on the link symbol on the toolbar, and select the page in your presentation you want to connect. Client-Side Components Web Browsers: Software applications (like Chrome, Firefox) that render web content. User Interface (UI): Elements that users interact with, built using HTML, CSS, and JavaScript. Server-Side Components Web Servers: Hardware and software Networking Infrastructure that respond to requests from clients by Protocols (like HTTP/HTTPS) that facilitate serving web pages or data. communication between clients and servers. Application Servers: Handle business Middleware logic and processing, often hosting APIs or Software that connects different dynamic content. applications or services, enabling data exchange and communication. Databases: Systems that store, retrieve, APIs (Application Programming and manage data, often using SQL or Interfaces) NoSQL databases. Sets of rules that allow different software entities to communicate, often used for Examples: Apache MySql, MariaDB MongoDB Blog or public article non-secure Bank, login credential, personal information, financial info. Cell sites Button function or event Characteristics of Web Systems 1 2 3 4 SCALABILI INTE RAC TI VI ACCESSIB ILI T DYNAMIC TY TY Y CONTENT Ability Users can Available Ability to to interact across serve handle with the various different increasi system in devices content ng real-time. and based on amounts platforms user of work via the interactions or users. internet. or inputs. Importance in modern applications ⚬ Accessibility: They allow users to access applications from any device with an internet connection, promoting wider reach. ⚬ Interactivity: Web systems enable real-time interactions, enhancing user engagement and experience. ⚬ Scalability: They can easily scale to accommodate growing user bases and increased data demands. ⚬ Integration: Web systems facilitate integration with other services and APIs, enabling richer functionalities. ⚬ Cost-Effectiveness: They reduce the need for complex installations, lowering maintenance and deployment costs. ⚬ Updates and Maintenance: Centralized updates ensure that all users benefit from Web architecture Overview (client-server model) Request-Response Cycle: Server Response Client Initiation Processing Delivery The server processes the request, which may The server sends back an The client sends an HTTP involve querying a HTTP response containing request (e.g., GET, POST) database or executing the requested data or a to the server. business logic status message. Communicati HTTP/HTTPS: on Protocols The primary protocols used for communication between clients and servers. HTTPS adds a layer of security through encryption. Data Exchange: Data is often exchanged in formats such as HTML, JSON, or XML, allowing clients to parse and display information. Advantages of the Client-Server Model Separation of Concerns: This model separates user interface logic (client) from data management and processing (server), making systems easier to manage and develop. Scalability: Servers can be scaled up or clustered to handle increased loads, while clients remain lightweight. Centralized Management: Updates and maintenance can be performed on the server, reducing the need for user intervention.  Variants of the Model Two-Tier Architecture: A direct communication line between the client and a single server (commonly used in smaller applications). Three-Tier Architecture: Introduces an additional layer (application server) for handling business logic, improving modularity and scalability. Conclusion The client-server model is foundational to web architecture, enabling efficient communication, resource sharing, and system scalability. Understanding this model is essential for developing and managing modern web applications. Do you have any questions?