CBSE Class 12 Information Technology (802)

Unit 2 – Operating Web Based Applications

The internet has changed the way we study, shop, travel, pay bills and communicate with government services. Today, many activities that once required a physical visit can be completed online.

A web-based application is an application that can be accessed through the internet using a web browser.

In this unit, students will learn about different types of web-based applications, their uses, advantages, project essentials and simple case studies.

1. What is a Web-Based Application?

A web-based application is a software application that runs through a web browser and is generally accessed using the internet or a network.

Examples include:

Online railway reservation
Online shopping websites
Online banking
Online bill payment
Online examination systems
Online learning platforms
Government service portals

Simple Example

Suppose a student wants to book a railway ticket.

Instead of visiting a railway reservation counter, the student can:

Open website/app → Search train → Select journey → Enter passenger details → Make payment → Receive ticket

This is an example of using a web-based application.

2. Advantages of Web-Based Applications

Web-based applications provide many benefits.

1. Easy Access

They can generally be accessed from different locations using an internet-connected device.

2. Saves Time

Users can complete tasks without physically visiting an office or shop.

3. Available 24×7

Many online services are available at any time, subject to service availability.

4. Easy Information Sharing

Information can be displayed and exchanged quickly.

5. Convenient

Users can perform many activities from home, school or workplace.

6. Faster Transactions

Many online activities can be completed within minutes.

3. Online Reservation Systems

An Online Reservation System allows users to reserve or book services through the internet.

Examples

Railway ticket booking
Bus ticket booking
Flight booking
Hotel reservation
Movie ticket booking
Appointment booking

How Does an Online Reservation System Work?

A typical reservation process is:

Login/Search

↓

Select Service

↓

Check Availability

↓

Enter Details

↓

Confirm Booking

↓

Make Payment

↓

Receive Confirmation

Example – Online Train Reservation

Suppose Rahul wants to travel from Ahmedabad to Delhi.

He can:

Open an online reservation website.
Enter source and destination.
Select journey date.
Search available trains.
Select a suitable train.
Enter passenger details.
Select payment method.
Make payment.
Receive booking confirmation.

The electronic ticket can be stored or printed.

Advantages of Online Reservation

Saves time.
Reduces queues.
Shows availability.
Provides quick confirmation.
Allows online payment.
Makes cancellation and status checking easier.

4. E-Governance

E-Governance means using information and communication technology to provide government services and information to citizens.

In simple language:

E-Governance means providing government services through digital/online systems.

Examples

Online application for government certificates
Online tax-related services
Digital identity-related services
Online scholarship applications
Government service portals
Online grievance submission

5. Objectives of E-Governance

The main objectives are:

Provide services conveniently.
Save time and effort.
Improve access to government information.
Reduce unnecessary paperwork.
Improve communication between government and citizens.
Make service delivery more efficient.
Increase transparency in processes.

Example of E-Governance

Suppose a student wants to apply for a scholarship.

Instead of visiting different offices, the student may:

Open government portal

↓

Register/Login

↓

Fill application form

↓

Upload required documents

↓

Submit application

↓

Check application status online

This is an example of digital government service delivery.

6. Online Shopping

Online shopping means purchasing products or services through the internet.

Examples include purchasing:

Books
Clothes
Electronics
Stationery
Household products

Steps in Online Shopping

Step 1 – Search

Search for the required product.

Step 2 – Select

Choose the desired product.

Step 3 – Add to Cart

Add the product to the shopping cart.

Step 4 – Enter Address

Provide the delivery address.

Step 5 – Select Payment Method

Choose an available payment option.

Step 6 – Place Order

Confirm the order.

Step 7 – Delivery

The product is delivered to the customer's address.

Simple Example

A student needs a calculator.

The student:

Searches calculator → Selects product → Adds to cart → Enters address → Makes payment → Receives order

This is online shopping.

7. Advantages of Online Shopping

Convenient
Saves travelling time
Large variety of products
Easy price comparison
Product reviews may be available
Home delivery
Online payment facilities

8. Precautions While Shopping Online

Students should understand that convenience should be accompanied by safe online practices.

Important precautions:

Use trusted websites/apps.
Check the website address before entering payment information.
Use strong passwords.
Do not share OTPs or passwords with anyone.
Check seller and product details.
Avoid suspicious links.
Keep transaction records.
Use secure payment methods.

Remember

Never share your OTP, PIN or password with another person.

9. Online Bill Payment

Online bill payment allows users to pay bills electronically using a website or application.

Common Bills

Electricity
Water
Telephone
Internet
Mobile recharge
Gas
Other utility services

Steps in Online Bill Payment

Open payment website/app

↓

Select Bill Type

↓

Enter Consumer/Account Number

↓

Check Bill Amount

↓

Select Payment Method

↓

Make Payment

↓

Receive Confirmation/Receipt

Example

Suppose the electricity bill is ₹1,500.

The user:

Opens the electricity service website/app.
Enters consumer number.
Checks the bill amount.
Selects online payment.
Makes payment.
Receives digital receipt.

10. Online Tutorials

An online tutorial is a digital learning resource that teaches a topic through the internet.

Online tutorials may contain:

Text
Images
Presentations
Audio
Videos
Animations
Interactive activities

Examples

A student can learn:

Accountancy
Mathematics
Programming
English
Information Technology

through online tutorials.

11. Advantages of Online Tutorials

Learn from home.
Learn at your own pace.
Video lessons can be replayed.
Learning resources can be accessed easily.
Interactive content can improve understanding.
Students can revise difficult topics.

12. Online Tests

An Online Test is an examination or assessment conducted through a digital platform.

Questions may include:

Multiple Choice Questions
True/False
Fill in the blanks
Short-answer questions
Other interactive questions

Example

A student takes an online IT test containing 20 MCQs.

After submitting the test, the system may automatically calculate the score.

For example:

Correct Answers = 17

Total Questions = 20

Score = 17/20

This provides quick feedback to the student.

13. Online Tutorials vs Online Tests

Online Tutorial	Online Test
Used for learning	Used for assessment
Explains concepts	Checks understanding
May include videos	May include MCQs
Student learns a topic	Student answers questions
Usually before assessment	Usually after or during learning

14. Project Management

A project is a planned activity undertaken to achieve a specific objective.

For example:

Developing a web-based Online Quiz application.

Project management means planning, organising and controlling project activities so that the project can be completed successfully.

15. Web-Based Application Development

Developing a web-based application usually involves several stages.

Basic Development Cycle

Identify Problem

↓

Collect Requirements

↓

Plan the Project

↓

Design

↓

Development/Coding

↓

Testing

↓

Implementation

↓

Maintenance

16. Step 1 – Identify the Problem

First, clearly identify the problem that the application will solve.

Example

Problem:

Students need a simple platform to take subject-wise online quizzes.

Solution:

Develop an Online Quiz web application.

17. Step 2 – Requirement Analysis

At this stage, determine what the application needs.

For an Online Quiz application, requirements may include:

User registration/login
Question database
Quiz categories
Timer
Answer submission
Score calculation
Result display

18. Step 3 – Planning

Planning determines:

Project objectives
Tasks
Team members
Time required
Resources
Technology
Expected output

A simple project plan may look like this:

Task	Person/Team	Expected Time
Requirement collection	Team	2 days
Design	Designer	3 days
Development	Developer	7 days
Testing	Testing Team	3 days
Final deployment	Team	1 day

19. Step 4 – Design

Design determines how the application will look and work.

It may include:

Page layout
Navigation
Buttons
Forms
Database structure
User interface

Example

An Online Quiz application may have:

Home → Login → Select Quiz → Questions → Submit → Result

20. Step 5 – Development

During development, programmers create the application using appropriate technologies.

Depending on the project, technologies may include:

HTML
CSS
JavaScript
Server-side programming
Database systems

The exact technologies depend on project requirements.

21. Step 6 – Testing

Testing checks whether the application works correctly.

For an Online Quiz:

Does login work?
Are questions displayed correctly?
Does the timer work?
Are answers recorded?
Is the score calculated correctly?
Is the result displayed?

Errors found during testing are corrected.

22. Step 7 – Implementation

After successful testing, the application is made available to users.

This stage may involve:

Hosting the website
Setting up the database
Creating user accounts
Configuring security
Making the application accessible online

23. Step 8 – Maintenance

After implementation, the application needs regular maintenance.

Maintenance may include:

Fixing errors
Updating content
Improving security
Adding features
Improving performance

24. Project Essentials

A successful web-based application project should have:

1. Clear Objective

Know exactly what the project is expected to achieve.

2. Proper Planning

Divide the project into manageable tasks.

3. Defined Requirements

Understand what users need.

4. User-Friendly Design

The application should be easy to navigate.

5. Testing

Test important features before deployment.

6. Data Security

Protect user information.

7. Documentation

Maintain proper project information and records.

8. Time Management

Complete tasks according to the planned schedule.

25. Tips for Developing a Good Project

Tip 1 – Keep the Objective Clear

Do not add unnecessary features.

Tip 2 – Understand Your Users

Design according to the needs of the target users.

Tip 3 – Keep the Interface Simple

Users should easily understand where to click and what to do.

Tip 4 – Test Regularly

Do not wait until the final day to test the application.

Tip 5 – Take Backup

Keep backups of important files and databases.

Tip 6 – Protect Data

Use appropriate security measures.

Tip 7 – Document Your Work

Maintain information about design, development and testing.

26. Case Study – Online Game

An Online Game is a game that can be played using an internet-connected device.

A simple educational online game can be designed for students.

Example: Mathematics Quiz Game

The application displays a mathematical question.

Example:

What is 15 × 4?

Options:

A. 45
B. 50
C. 60
D. 75

Correct answer:

C. 60

Features of an Online Game

User registration
Instructions
Questions/challenges
Score calculation
Timer
Levels
Result display
Leaderboard, if required

Basic Flow

Start Game

↓

Display Question

↓

User Selects Answer

↓

Check Answer

↓

Update Score

↓

Next Question

↓

Display Final Score

27. Case Study – Online Quiz

An Online Quiz Application is a web-based application used to conduct quizzes.

Example

A student selects:

Subject: Information Technology

Quiz: Web Applications

The application displays questions one by one.

At the end:

Total Questions = 10

Correct Answers = 8

Score = 8/10

Main Features

User login
Quiz selection
Question display
Multiple-choice options
Timer
Answer submission
Automatic evaluation
Result display

Online Quiz Flow

Login

↓

Select Quiz

↓

Start Quiz

↓

Answer Questions

↓

Submit

↓

Automatic Evaluation

↓

Display Result

28. Case Study – Online Bill Calculator

An Online Bill Calculator is a web-based application that calculates the total bill based on the quantity, price and applicable charges/taxes.

Example

Suppose a customer purchases:

Product: Notebook
Quantity: 5
Price per notebook: ₹50

Subtotal:

5 × ₹50 = ₹250

Suppose GST/other applicable charge is given as 10% for the example.

Charge:

₹250 × 10% = ₹25

Total:

₹250 + ₹25 = ₹275

Therefore:

Final Bill = ₹275

The rate used above is only for explaining the calculation process; an actual application should use the applicable rate specified for the product/service.

29. Features of Online Bill Calculator

An Online Bill Calculator may contain:

Product name
Quantity
Price
Subtotal
Discount
Tax/other applicable charges
Final amount
Calculate button
Reset button
Print/download option

30. Basic Algorithm for Bill Calculator

Step 1

Enter product price.

Step 2

Enter quantity.

Step 3

Calculate subtotal.

Subtotal = Price × Quantity

Step 4

Calculate discount, if applicable.

Step 5

Calculate applicable tax/charges.

Step 6

Calculate final amount.

Final Amount = Subtotal − Discount + Tax/Charges

Example

Price = ₹200
Quantity = 3

Subtotal:

₹200 × 3 = ₹600

Discount = ₹50

Tax = ₹55

Final Amount:

₹600 − ₹50 + ₹55 = ₹605

31. Comparison of Three Case Studies

Feature	Online Game	Online Quiz	Bill Calculator
Main Purpose	Entertainment/learning	Assessment	Calculate bill
User Input	Game choices	Answers	Price/quantity
Output	Score/level	Result/score	Final amount
Timer	May be used	May be used	Usually not required
Calculation	Score	Marks	Bill amount

32. Important Terms

Web-Based Application

Application accessed through a web browser.

Online Reservation

Booking a service through the internet.

E-Governance

Use of technology to provide government services electronically.

Online Shopping

Buying goods or services through the internet.

Online Bill Payment

Paying bills through digital platforms.

Online Tutorial

Digital learning material delivered through the internet.

Online Test

Digital assessment conducted through an online platform.

Project Management

Planning and controlling activities to achieve project objectives.

Testing

Checking an application for errors and correct functioning.

Maintenance

Updating and improving an application after implementation.

33. Important Theory Questions and Answers

Q1. What is a web-based application?

Answer:
A web-based application is a software application that is accessed through a web browser, generally using the internet or a network.

Q2. What is an Online Reservation System?

Answer:
An Online Reservation System is a web-based system that allows users to search availability and book services online, such as railway tickets, flights, hotels and appointments.

Q3. Give any four examples of online reservation.

Answer:

Railway reservation
Flight booking
Hotel reservation
Movie ticket booking

Q4. What is E-Governance?

Answer:
E-Governance refers to the use of information and communication technology to provide government services, information and communication through digital platforms.

Q5. State any four advantages of E-Governance.

Answer:

Saves time.
Reduces paperwork.
Provides convenient access to services.
Improves communication and service delivery.

Q6. What is online shopping?

Answer:
Online shopping is the process of purchasing products or services through an internet-based platform.

Q7. Write four precautions for online shopping.

Answer:

Use trusted websites.
Do not share OTP or passwords.
Check website and seller details.
Avoid suspicious links.

Q8. What is an Online Tutorial?

Answer:
An Online Tutorial is a digital learning resource that provides educational content through the internet using text, images, audio, video or interactive activities.

Q9. What is an Online Test?

Answer:
An Online Test is a test conducted through a digital platform where students answer questions electronically and the system may evaluate the answers automatically.

Q10. What is project management?

Answer:
Project management is the process of planning, organising and controlling project activities to achieve a specific objective within available time and resources.

Q11. Write the major stages of web-based application development.

Answer:

Problem identification
Requirement analysis
Planning
Design
Development
Testing
Implementation
Maintenance

Q12. Why is testing important?

Answer:
Testing is important because it helps identify errors and ensures that the application works according to the requirements.

Q13. What is the purpose of maintenance?

Answer:
Maintenance keeps the application updated, secure and functional by fixing errors, updating content and adding improvements when required.

Q14. What are the important features of an Online Quiz?

Answer:

Login
Quiz selection
Questions
Options
Timer
Answer submission
Automatic evaluation
Result display

Q15. What is an Online Bill Calculator?

Answer:
An Online Bill Calculator is a web-based application that calculates the final bill using information such as product price, quantity, discount and applicable taxes or charges.

34. Important Exam Questions

Short Answer Questions

Define web-based application.
What is an Online Reservation System?
Write four uses of E-Governance.
What is online shopping?
State any four advantages of online shopping.
What precautions should be followed during online transactions?
Define online tutorial.
Differentiate between online tutorial and online test.
What is project management?
Explain the importance of testing.
Write the stages of web application development.
What are project essentials?
Write any five tips for successful project development.
Explain the working of an Online Quiz.
Explain the working of an Online Bill Calculator.

35. Case-Based Questions

Case Study Question 1 – Online Quiz

A school wants to develop a web-based quiz application for students. Students should be able to log in, select a subject, answer questions and receive their scores after submitting the quiz.

Questions

a. What type of application is being developed?

Answer: An Online Quiz web-based application.

b. Name any four features required.

Answer: Login, subject selection, questions, answer submission and result display.

c. Why is testing required?

Answer: Testing ensures that login, questions, answer submission, score calculation and other features work correctly.

Case Study Question 2 – Online Bill Calculator

A shop wants a web-based application where users can enter product price and quantity and calculate the final bill.

Questions

a. What is the main purpose of this application?

Answer: To calculate the total/final bill automatically.

b. Write the formula for subtotal.

Answer:

Subtotal = Price × Quantity

c. Give two additional features that can be added.

Answer:

Discount calculation
Applicable tax/charge calculation

Case Study Question 3 – Online Game

A school develops an educational online game in which students answer questions and earn points for correct answers.

Questions

a. What is the input?

Answer: The student's selected answer.

b. What is the output?

Answer: Score/points and possibly the final result.

**c. Name two useful features.

Answer: Timer and score calculation.

36. Quick Revision Chart

Web-Based Applications

→ Online Reservation

→ E-Governance

→ Online Shopping

→ Online Bill Payment

→ Online Tutorials

→ Online Tests

→ Project Management

→ Online Game

→ Online Quiz

→ Online Bill Calculator

37. Student-Friendly Revision Points

Remember these points before the examination:

Online Reservation

Search → Availability → Details → Payment → Confirmation

E-Governance

Government Services + Digital Technology = E-Governance

Online Shopping

Search → Select → Cart → Address → Payment → Order

Online Bill Payment

Bill Details → Amount → Payment → Receipt

Online Tutorial

Used for Learning

Online Test

Used for Assessment

Project Development

Problem → Requirements → Planning → Design → Development → Testing → Implementation → Maintenance

Online Quiz

Questions → Answers → Evaluation → Result

Bill Calculator

Price × Quantity → Subtotal → Discount/Charges → Final Amount

38. Final Exam Tips

Learn definitions in simple language.
Remember the steps of each online service.
Practise case-based questions.
Understand the difference between tutorial and test.
Remember all stages of web application development.
Learn the basic flow of Online Game, Online Quiz and Bill Calculator.
Use examples while answering theory questions.
For practical/project questions, clearly mention input, process and output.

Conclusion

Web-based applications have become an important part of everyday life. From booking tickets and shopping online to paying bills, learning through online tutorials and using government services, web applications make many activities faster and more convenient.

For Class 12 Information Technology (802), students should understand not only the definitions but also the working process, advantages, project development stages and case studies. The three case studies—Online Game, Online Quiz and Online Bill Calculator—are especially useful for understanding how a web-based application can be planned and developed.

The easiest way to revise this unit is to remember:

Identify the requirement → Plan → Design → Develop → Test → Implement → Maintain

A clear understanding of these concepts will help students answer both theory and case-based questions confidently.