CHAPTER VI.
Web Application
At the end of the chapter, the students will be able to:
1. Define and differentiate between a web application and a website;
2. Identify and classify the various types of web applications based on
their functionality and architecture;
3. Explain the steps involved in web application development and
demonstrate basic implementation concepts; and
4. Asses the suitability of different web application types for specific
user needs and propose a simple web application solution.
Definition of terms
1. Client-Server Architecture
A computing model where the client (user’s browser or device) sends requests to a server, and
the server processes those requests and returns a response. Most web applications operate
using this architecture.
2. Front-End
The part of a web application that users directly see and interact with. It includes the design,
layout, buttons, forms, and visual elements created using technologies such as HTML, CSS,
and JavaScript.
3. Back-End
The server-side component of a web application responsible for processing logic, handling
requests, managing databases, and ensuring security. It operates behind the scenes and is not
visible to users.
4. Database
An organized collection of structured data stored electronically. In web applications,
databases store user information, transaction records, content, and other system data.
5. Authentication
The process of verifying the identity of a user before granting access to a web application.
This usually involves usernames, passwords, or multi-factor verification.
ICT 221 Introduction to ICT Specializations I
Web Application vs. Website
In the field of Information and Communication Technology (ICT), the terms
website and web application are often used interchangeably. However,
they are fundamentally different in structure, functionality, and purpose.
Understanding their differences is important for ICT students, especially
those who plan to work in software development, system design, or IT
support.
A website is primarily designed to present information to users, while a
web application is designed to allow users to interact with the system and
perform specific tasks.
What is a Website?
A website is a collection of related web pages hosted on a server and
accessed through a domain name. Its primary purpose is to provide
information to users. Websites are generally designed to present content
that visitors can read, view, or consume.
Characteristics of a Website
• The primary aim of a website is to provide information.
• Consuming information is the most important task of a website visitor.
• Websites are mostly static, meaning they are not updated frequently.
• When someone says “website,” think of simple, single-page sites or
marketing websites.
• Websites are built using HTML, CSS, and sometimes a small amount of
JavaScript.
• No complex programming language is required.
• A database is usually not necessary.
• Websites play important roles such as promoting businesses,
ICT 221 Introduction to ICT Specializations I
announcing events, or sharing company updates.
• Some websites encourage users to take action (e.g., subscribe to a
newsletter or purchase a product), but this action is still based on
consuming information first.
Examples of Websites
Apple Inc. – Product showcase and company information
Department of Education – Public information portal
Coca-Cola – Brand and marketing website
ICT 221 Introduction to ICT Specializations I
What is a Web Application?
A web application is a software program that runs on a web server and
allows users to perform specific tasks through a web browser. Unlike
websites that primarily provide information, web applications are designed
to let users interact with the system and accomplish particular goals.
Characteristics of a Web Application
• The primary aim of a web application is to let the user perform a task.
• Web applications are meant to solve a problem of the users or satisfy
their desire.
• Web applications are dynamic and ever-changing. Content updates
automatically based on user interaction or system processes.
• Web applications require user input and often involve authentication
(login systems).
• Web applications usually connect to a database to store and retrieve
information.
Examples of Web Applications
• Trello – Helps users manage tasks and organize projects.
• Facebook – Allows users to connect with friends, share posts, send
messages, and interact in real time.
• Google Docs – Enables real-time document creation and collaboration.
• Shopee – Allows users to buy and sell products online.
Important Notes
• A platform can function as both a website and a web application.
• For example, Facebook provides informational pages (website function)
but also allows messaging, posting, and interaction (web application
function).
• The fundamental difference remains the same:
Websites are meant for providing information.
ICT 221 Introduction to ICT Specializations I
Web Applications are meant to solve a problem or satisfy a user’s
need or desire.
• Understanding this difference is very important when designing a digital
system. Developers must determine whether the goal is to inform users or
to allow them to perform tasks.
Types of Web Application in ICT
Web applications are classified based on their functionality, structure, and
purpose. Different organizations and industries use different types of web
applications depending on user needs and system complexity.
Understanding the different types helps ICT students identify which type
of web application is appropriate for a specific project or business
requirement.
1. Static Web Application
A static web application delivers fixed content to users. The content does
not change unless the developer manually updates the source code.
Characteristics:
• Simple structure
• Minimal interaction
• No database connection required
• Fast loading speed
• Low development cost
Example Use:
• Simple portfolios
• Landing pages
• Product information pages
Although called a web application, this type behaves more like a
traditional website due to limited interactivity.
2. Dynamic Web Application
A dynamic web application generates content in real-time based on user
input or database interaction.
Characteristics:
• Content changes based on user actions
• Connected to a database
ICT 221 Introduction to ICT Specializations I
• Requires back-end programming
• Allows user authentication
Example:
Facebook
YouTube
These platforms update content dynamically depending on user
preferences and activity.
3. E-Commerce Web Application
An e-commerce web application allows users to buy and sell products or
services online.
Characteristics:
• Product catalog
• Shopping cart system
• Online payment integration
• Order tracking system
Examples:
Shopee
Amazon
This type of web application handles financial transactions and requires
high security.
4. Portal Web Application
A portal web application provides personalized access to information
through a login system.
Characteristics:
• User-specific dashboards
• Role-based access
• Secure login system
• Organized information management
Examples:
• Student Information Systems
• Online Enrollment Systems
• Learning Management Systems
Example platform:
ICT 221 Introduction to ICT Specializations I
Google Classroom
5. Content Management System (CMS)
A CMS web application allows users to create, edit, and manage website
content without advanced programming knowledge.
Characteristics:
• User-friendly interface
• Content publishing tools
• Plugin and theme support
• Multi-user access
Example:
WordPress
CMS platforms are commonly used for blogs, news websites, and business
sites.
6. Progressive Web Application (PWA)
A Progressive Web Application is a web application that behaves like a
mobile application.
Characteristics:
• Works offline (limited functionality)
• Can be installed on a device
• Fast loading
• Push notifications
Many modern platforms apply PWA technology to improve user
experience.
Importance of Understanding the Types
• Helps in selecting the appropriate system design
• Guides developers in choosing the correct technologies
• Supports better project planning
• Prevents overdevelopment or underdevelopment of systems
ICT 221 Introduction to ICT Specializations I
Web Application Development in ICT
Web Application Development is the process of designing, building,
testing, and maintaining web-based software applications. Web
applications are dynamic systems that combine client-side technologies
and server-side programming to allow users to interact with data, perform
tasks, and receive real-time responses through web browsers.
Examples of web applications include online banking systems, social
networking platforms, online reservation systems, content management
systems, online learning platforms, and e-commerce applications.
Technologies Used in Web Application Development
Web application development generally involves two major categories of
scripting and programming:
1. Client-Side Scripting / Coding
Client-side scripting refers to code that is executed or interpreted by the
user’s web browser. This code controls the interface and user interaction.
Client-side scripting is generally viewable by users through the browser’s
“View Source” option.
Common Client-Side Technologies:
• HTML (HyperText Markup Language) – Structure of the webpage
• CSS (Cascading Style Sheets) – Design and layout
• JavaScript – Adds interactivity and dynamic behavior
• AJAX (Asynchronous JavaScript and XML) – Updates content without
refreshing the page
• jQuery – JavaScript library used to simplify coding
• React, Angular, Vue – Modern JavaScript frameworks
Client-side scripting focuses on how the application looks and behaves in
the browser.
2. Server-Side Scripting / Coding
Server-side scripting refers to code that is executed on the web server. It
processes requests, handles logic, manages databases, and ensures
security.
ICT 221 Introduction to ICT Specializations I
Server-side code is not visible to users.
Common Server-Side Technologies:
• PHP – Widely used server-side scripting language
• ASP / [Link] – Microsoft-based web technologies
• Python – High-level programming language used in web frameworks
• Ruby on Rails – Web application framework
• Java (Servlets, JSP) – Enterprise-level applications
• [Link] – JavaScript runtime environment for server-side programming
Server-side scripting focuses on processing data and generating
responses.
Database in Web Applications
A database stores and manages application data such as:
• User accounts
• Transactions
• Messages
• Product information
• Records
Common database systems include:
• MySQL
• PostgreSQL
• MongoDB
• SQL Server
Databases are essential for dynamic web applications.
Web Application Frameworks
Web Application Frameworks are collections of libraries, tools, and
components organized in a structured system that helps developers build
applications efficiently.
Frameworks:
• Provide reusable code
• Reduce development time
• Maintain coding standards
• Improve system organization
Examples of Frameworks:
• Laravel (PHP)
• Django (Python)
ICT 221 Introduction to ICT Specializations I
• Ruby on Rails
• [Link] Framework
• [Link] ([Link])
Frameworks make development faster and more manageable.
Coding Guidelines, Standards, and Conventions
Coding guidelines are rules and standards used when developing web
applications.
These rules apply to:
• File naming
• Folder structure
• Code formatting
• Naming conventions
• Documentation
• Commenting
Importance of Coding Standards:
• Improves readability
• Supports teamwork
• Makes maintenance easier
• Reduces errors
• Helps new developers understand the system quickly
Web Application Development Process
Developing a web application follows a structured process:
• Planning – Define goals, scope, and target users
• Requirements Analysis – Identify system needs
• System Design – Create architecture and interface layout
• Development – Write front-end and back-end code
• Testing – Check for bugs, security issues, and performance problems
• Deployment – Launch the application
• Maintenance – Update and improve the system
Some organizations follow development models such as:
• SDLC (System Development Life Cycle)
• Agile Development Model
ICT 221 Introduction to ICT Specializations I
Web Application Testing
Testing ensures that the web application functions properly and securely.
Common types of testing:
• Quality Assurance (QA) and Bug Testing
• Multiple Browser Compatibility Testing
• Security Testing
• Performance Testing (Load and Stress Testing)
• Usability Testing
Testing is essential before deployment.
Business Impact of Web Applications
Web applications significantly influence modern businesses and
organizations.
• Reach global users
• Generate revenue through online services
• Improve operational efficiency
• Enhance customer engagement
• Support data-driven decision making
Web applications allow companies to expand beyond traditional physical
operations and compete in the digital marketplace.
ICT 221 Introduction to ICT Specializations I