VISVESVARAYA TECHNOLOGICAL UNIVERSITY,
BELAGAVI -590018, KARNATAKA
Submitted in partial fulfilment as a requirement of 2nd semester for Master’s
In
MASTER OF COMPUTER APPLICATIONS
A
Mini-Project Report
On
QUIZ WEB APPLICATION
Submitted by:
Smitha U K [4YG23MC034]
Sinchana H S [4YG23MC033]
Under the guidance of
Ms Yashaswini Y, MCA(Ph.D)
Assistant Professor
Department of Master of Computer Applications, NCEH
DEPARTMENT OF MASTER OF COMPUTER APPLICATIONS
NAVKIS COLLEGE OF ENGINEERING, HASSAN 573201
2023-2024
NAVKIS COLLEGE OF ENGINEERING, HASSAN
(Affiliated to VTU Belagavi, Recognized by Govt. of Karnataka, Approved by AICTE New
Delhi) KIADB, Thimmanahally Industrial Area, Kandali, NH75, Hassan, Karnataka 573217
Department of Master of Computer Applications
CERTIFICATE
This is to certify that the Mini-Project work entitled “QUIZ WEB
APPLICATION” is a bonafied Project Work Phase2 carried out by SMITHA
U.K (4YG23MC034) AND SINCHANA H S (4YG23MC033) in partial
fulfilment of II Semester to award the Master of Computer Applications
(MCA) of the Visvesvaraya Technological University, Belagavi during the year
2023-2024. It is certified that all corrections/suggestions indicated for Internal
Assessment have been incorporated in the Mini Project report and deposited in
the department. The Report has been approved as it satisfies all the academic
requirements to the Project Work Phase 2 prescribed for the Post Graduation
Degree.
Signature of Mentor Signature of HOD
Ms Yashaswini Y MCA, (Ph.D) Mr. Varadaraj MCA(Ph.D)
Asst Professor, Dept of MCA HOD, Dept of MCA
NCEH, Hassan NCEH, Hassan
ACKNOWLEDGEMENT
We sincerely thank the VISVESVARAYA TECHNOLOGICAL UNIVERSITY
for providing a platform to complete our Project Work Phase 2.
We also thank our beloved Principal Dr. M Venu Gopala Rao, Navkis College of
Engineering, Hassan for his encouragement and for providing the required
facilities.
We would like to convey our heartfelt regards to Mr. Vardaraj R, Head of the
Department of Master of Computer Application, for providing a good working
environment and for his constant support and encouragement.
We express our sincere gratitude to our guide Ms. Yashaswini Y, Assistant
Professor, Department of Master of Computer Application, for her expert
guidance, initiative, and encouragement that led us to complete Project Work
Phase 2.
We are grateful to our institution Navkis College of Engineering and the
Department of Master of Computer Application for imparting us with the
knowledge with which we can do our best.
Finally, we would like to thank all the staff members of the Master of Computer
Application department who have directly or indirectly helped us in the
successful completion of Project Work Phase 2, and also, we would like to thank
our family for their constant support and guidance.
DECLARATION
We SMITHA U.K(4YG23MC034) and SINCHANA H.S(4YG23MC033)
student of Second Semester, Department of Master of Computer Application,
Navkis College of Engineering, Hassan hereby declare that the project work
phase-2 on “QUIZ WEB APPLICATION” has been carried out by me under the
guidance of Ms. Yashaswini Y. Assistant Professor, Department of Master of
Computer Application, in partial fulfillment of requirements for the award of
degree in Master of Computer Application of the Visvesvaraya Technological
University, Jnana sangama, Belagavi – 590018, during the academic year 2023-
2024.
Place: Hassan
Date:
SMITHA U.K(4YG23MC034)
SINCHANA H.S(4YG23MC034)
ABSTRACT
The project “Quiz Web App” is a collection if number different types of quizzes
like technical games, sports, etc. A user can access play all of the quiz and can
attempt any of the one. There Will be limited number of question and for each
correct answer user will get a credit score. User can see answer as well as can
task a query related to it. There are many quizzes application available currently
on internet. But there are few which provide better understanding between users
and the application like, providing proper answer, user query solving, uploading
user question as well as answer to it. etc. To develop a user-friendly quiz
application, Query solving regarding any question, uploading of user question
and answer. and to improve the knowledge level of user. To develop application
which will contain solutions to the above problems by this application the user
will contain solution to the above problem, by this application the user will come
to know about his/her level and can learn addition knowledge. Also, by this
application a user can expand his/her knowledge among the world.
Web in simple terms means a network of Internet servers that are ready to support
some formatted documents and can be accessed by a web browser. About these
formatted documents these are formatted in HTML (Hypertext mark-up
language). Not these formatted documents create their links to their type but they
also support links to some documents including video, graphics and audio files.
Terms Web and Internet are interchangeably used but they are not same. While
Internet refers to global network of servers that makes sharing of information,
Web is the collection of information being accessed via Internet. Also, we can say
that Web is a service and Internet is an infrastructure where web is a service on
top of it. Alternatively, we can say Web is just a portion of the Internet. This
project deals with use of web technology in the field of e-learning.
CONTENT
TITLE PAGE NUMBER
1.INTRODUCTION 07
2.PROPOSED SYSTEM 10
3.SYSTEM REQUIREMENT AND 12
SPECIFICATION
4.SCREENSHORT 19
5.CONCLUSION AND FUTURE 21
SCOPE
6.REFERENCES 22
CHAPTER 1
INTRODUCTION
OVERVIEW
This project deals with use of web technology in the field of e-learning.
Nowadays e-learning platform are encouraged as lot of manual work is not done
and also it helps in saving time. People anywhere in the world with an internet
connection can easily use these platforms. Not only in this field but anyone
connected to an internet connection can use internet from any place in the world
to shop online, pay bills, read books or newspaper, book movie tickets,
reservation of buses or railway and many more. Although the project is not
exactly about teaching or studying but it is about testing students’ knowledge on
particular topic with the help of some objective type questions with some options.
Though some set of questions cannot completely judge anyone’s knowledge but
this project aims to help students to evaluate themselves so that when after
studying any particular topic they can corelate their concepts and some concepts
that were not clear to them or those one which they have skipped can be presented
to them in the form of questions by their teacher. Thus, teacher can also know
about which concepts he or she should focus on as students are more often to give
wrong answers on it.
To build the web application JSP technology is used with HTML and CSS with
it. JSP stands for Java Server Pages which is a server-side technology for
programming. JSP enables the creation of dynamic (to be built on run time) and
platform independent method for building various Web-based applications. With
the help of JSP we can access a wide variety of Java APIs which also 9 include
JDBC API to access databases. JSP have extension .jsp. Like Servlet, JSP files
also need to be executed on a web server.
Aim and Scope of Quiz Web Application
Aim
The primary aim of a quiz web application is to provide an interactive
platform for users to test their knowledge and skills across various
subjects and topics. It serves as an educational tool that can facilitate
learning, enhance retention, and foster engagement through quizzes
and assessments.
Scope
1. User Registration and Profiles: Users can create accounts,
manage profiles, and track their progress and performance over
time.
2. Quiz Creation: Admins or users with appropriate permissions can
create quizzes, including multiple-choice questions, true/false
questions, and open-ended questions.
3. Quiz Categories and Topics: The application can offer a variety
of subjects (e.g., science, history, general knowledge) to cater to
different interests and educational levels.
4. Real-Time Feedback: Users receive immediate feedback on their
performance, including correct answers and explanations for
better understanding.
5. Leaderboards and Challenges: The application can incorporate
competitive elements, allowing users to compete against friends
or other users and view leaderboards.
6. Analytics and Reporting: Users and admins can access reports on
performance trends, strengths, and areas for improvement.
7. Accessibility and Responsiveness: The application should be
accessible on various devices (desktop, tablet, mobile) and
comply with web accessibility standards.
8. Integration with Educational Resources: The app can provide
links or resources for further study based on quiz performance.
9. Gamification Features: Incorporating elements like badges,
rewards, and levels to enhance user engagement and motivation.
10.Social Sharing and Community Features: Allowing users to share
quizzes, challenge friends, or discuss results in a community forum.
CHAPTER 2
PROPOSED SYSTEM
The proposed quiz web application will utilize HTML, CSS, and JavaScript to
create a dynamic and user-friendly interface. HTML will structure the content,
providing a clean layout for user registration, quiz selection, and results display.
CSS will enhance the visual appeal through responsive design, ensuring
compatibility across devices and a modern aesthetic that engages users.
JavaScript will handle interactive elements, such as dynamic quiz navigation,
real-time scoring, and immediate feedback on answers. The application will
feature user authentication for personalized experiences, allowing users to track
their progress and performance. Additionally, the quiz management system will
enable administrators to create and edit quizzes, while gamification elements like
leaderboards and badges will motivate users to participate. This cohesive
approach aims to provide an enjoyable and educational experience, making
knowledge assessment both accessible and engaging.
Advantages of the proposed system
1. User-Friendly Interface: HTML provides a structured layout, making it
easy for users to navigate the application. Combined with CSS, the visual
design enhances user experience through appealing aesthetics and responsive
design.
2. Interactivity: JavaScript enables dynamic interactions, such as real-time
feedback on quiz answers, instant score calculations, and smooth navigation
between questions, creating an engaging user experience.
3. Cross-Platform Compatibility: The use of standard web technologies
(HTML, CSS, JavaScript) ensures that the application works seamlessly
across various devices and browsers, making it accessible to a wider
audience.
4. Fast Development: Utilizing these technologies allows for rapid prototyping
and development, enabling quicker iterations based on user feedback and
testing.
5. Scalability: As the application grows, additional features such as user
profiles, analytics, and gamification elements can be integrated without
major overhauls, ensuring long-term sustainability.
6. No Installation Required: Users can access the application directly through
their web browsers, eliminating the need for installation or updates, which
enhances user convenience.
7. Data Collection and Analysis: The system can efficiently gather user
performance data, allowing for in-depth analysis of trends and insights that
can improve both the quizzes and the overall learning experience.
8. Cost-Effective: Leveraging open-source technologies reduces development
costs, making it an economical choice for educational institutions or
individuals looking to create an online learning platform.
CHAPTER 3
SYSTEM REQUIRMENTS AND SPECIFICATION
Product Perspective
It is a quiz application which is based on web application. It usually interacts with
user and students. Mainly it is quiz application in which there are 4 categories.
Individual category will held10 questions, and each question carries 1 mark.
There is no negative marking. If we do not attempt any question then it will show
“not attempted” mark. In result screen, it will show total marks obtain in quiz,
wrong answer will also show with correct answer. Main purpose of this
application is to develop knowledge and skills in students and user.
Product Function Account login:
Student/user can login using login id and password.
Account logout: Student/user can logout the account whenever required.
Result: Student/user attempted the quiz and gets a result.
Feedback: Student/user can give feedback.
Play quiz: Student/user can play the quiz according to his/her choice.
Add Questions: Admin can add the question by selecting the topic `1
User Classes and Characteristics
Users of the product must possess a minimal level. Users must know how to
access the functionality of this system and get benefited.
Operating Environment
S.NO. NAME HARDWARE
1 Processor Intel Dual Core (32 bit)
2 RAM 2 GB
3 Processor speed 2GHz
Design And Implementation Constraints
• Language of choice: JAVA,HTML,CSS,etc
Assumptions And Dependencies
We assume that the users of our website should have a minimal knowledge of
computer system and should have an availability of internet. We are dependent
on the sources from where we have gathered the data and the data are
authenticated.
User Interfaces
The admin has the access to overall control the functionalities of the system. The
platform users i.e., admin student/user will be protected by login and password
since; the platform allows the users to make some changes that can have
propagating effects in the system. They can upload their updates and details in
the system.
Communications Interfaces
• Windows
Functional Requirements
System Feature
This section gives a functional requirement that applicable to the online exam
system. There are three modules in this phase:
1.Student/user module.
2. Admin module.
Functionality of each module are:
Student/user module: The student/user have to login in application. They can
choose any of the given quiz. Then the student/user will get result immediately
after the completion of test.
Admin module: The admin can see all the tables in the Database and can add the
question by selecting the particular topic.
Non-Functional Requirements
Performance Requirements
1. Response Time The system shall give responses in 2 sec after user login.
2. Capacity The system can support multiple computers but it needs to be installed
on every computer separately.
Safety Requirements
All logged information, updates, user activities are securely stored.
Security Requirement Any modification for the Database shall be synchronized
and done by system admin.
Technical Specifications
Frontend
The front end of the quiz web application forms the core visual and interactive
experience for the users. It is designed using modern web technologies like
HTML5, CSS3, and JavaScript, ensuring both functionality and aesthetic appeal.
Each section of the front end is crafted with specific features to create a dynamic,
user-friendly, and visually engaging interface.
HTML5 (Hypertext Markup Language)
HTML5 forms the backbone of the web page structure. It defines the content and
elements on the page, making it crucial for organizing the various sections of quiz
web application. The use of HTML5 allows for semantic tags, which not only
improve the clarity of the document but also enhance SEO (Search Engine
Optimization) and accessibility.
Key Features: - Semantic Structure: Elements like `<header>`, `<nav>`,
`<section>`<article>’, `<footer>` help organize the content logically, making it
easier for browsers and screen readers to understand the structure of the page. -
Form Elements: HTML5 includes an array of new form types, such as `<input>`,
`<textarea>`, and `<button>`, which are used to capture user data for submitting
blogs and content.
CSS3 (Cascading Style Sheets)
CSS3 is responsible for the visual styling and layout of the Quiz web application
platform. It controls the appearance of all HTML elements, ensuring a responsive
design that adapts to different screen sizes and devices. The design is focused on
creating an immersive experience with a balance between aesthetics and usability.
Key Features:
- Responsive Design: CSS3 media queries ensure that Infinite Insights is fully
responsive, allowing it to function seamlessly across different devices such as
desktops, tablets, and smartphones.
- Flexbox and Grid Layouts: These CSS features are used to create flexible and
adaptive layouts that rearrange and adjust based on the size of the viewport. The
use of Flexbox and Grid makes sections like the Latest Blogs and Travel Poetry
appear clean and well-organized, regardless of screen size.
- Color Scheme and Typography: CSS3 is used to implement the dark navy blue
and white color scheme throughout the platform, maintaining consistency and
contrast. Font styling and custom typography ensure the text is readable, with
headings, subheadings, and body text differentiated by size and weight.
- Background Images: The welcome section and blog submission form have
background images integrated through CSS3 to create a visually appealing
environment. positioning, sizing, and opacity of these images, ensuring they
blend seamlessly with the overall design.
- Animations and Hover Effects: CSS3 allows for subtle animations and hover
effects that enhance the user experience. For example, navigation links, buttons,
and form elements may have hover effects, indicating interactivity and improving
the site's overall usability.
JavaScript (JS)
JavaScript plays a critical role in the interactive and dynamic functionalities of
the quiz web application platform. It allows the website to respond to user actions,
handle form submissions, and dynamically update content without requiring a
page reload.
Additional Front-End Features
- Responsive Images: Both CSS3 and HTML5 ensure that the travel-themed
images scale appropriately across different devices. Using the `<img>` tag with
CSS for responsiveness guarantees optimal image display without compromising
the site’s loading speed.
- Cross-Browser Compatibility: The front end of Infinite Insights is designed to
work consistently across all major web browsers (Chrome, Firefox, Safari, Edge)
using standard compliant HTML, CSS, and JavaScript.
HARDWARE SYSTEM REQUIREMENTS
Hardware Interfaces:
Processor: i3
RAM: 8GB
Hard disk: 146GB
Speed: 1.2GHz
Software Interfaces:
OS: Windows 10, IDE: Visual Studio Code
CHAPTER 4
SCREEN SHORTS
CHAPTER 5
CONCLUSION
After completion of this project, we have concluded that this web application
works as per the need and requirement of the client and is user friendly, also this
mini project helped me to understand the design, code and implementation
processes which are performed while making any project. Many concepts were
revised and many of them were very new which were learnt in making of this
web application.
FUTURE SCOPE
This project has a vast scope as many other functionalities can be added to it. In
first place a timer cab added to each quiz. Due to no limited time for the test
students can find answerers to the questions anywhere else which ultimately will
not be an honest evaluation of their result. Also, to prevent this many other
functionalities can be added to the user side especially to the student like
restricting any kind of switching of tabs in the browser and introduction of
webcam for more honest evaluation of the students. More creative way of
showing result and deletion of test by adding an administrative part to the system
can be done. In the administrative part addition and deletion of user can be done.
CHAPTER 6
REFERENCES
• "JavaScript and JQuery: Interactive Front-End Web Development" by Jon
Duckett
• HTML and CSS: Design and Build Websites" by Jon Duckett
• "Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript,
and Web Graphics" by Jennifer Niederst Robbins
• MDN Web Docs (Mozilla Developer Network)
• https://www.studocu.com/in/document/government-holkar-science-
college/bachelors-in-natural-science/project-report-quiz-
application/26362754
• https://www.researchgate.net/publication/380693914_QUIZ_APPLICATI
ON_SYSTEM_PROJECT_REPORT
