PREPBRIGHT

-preparation for your bright future

A Report submitted to the Rajiv Gandhi University of Knowledge

Technologies in partial fulfillment of the degree of
Bachelor of Technology in
Computer Science and Engineering

By

Sneha Srilatha Dasari (S160430),

Sowmya Manukonda( S161695),

Divya Kumari Bokka (S160468),

Aswani Chokkakula (S160631).

Under the Guidance of

Sri M Mounika Rayudu,

Assistant Professor,

Department of CSE,

SRIKAKULAM-532402,
Andhra Pradesh, India
I
 CERTIFICATE

This is to certify that the report entitled “PREPBRIGHT” submitted by Sneha Srilatha
Dasari, bearing ID Number S160430 and Sowmya Manukonda, bearing ID Number S161695
and Divya Kumari Bokka, bearing ID Number S160468 and Aswani Chokkakula, bearing
ID Number S160631 in partial fulfillment of the requirements for the award of Bachelor of
Technology in Computer Science is a bonafide work carried out by him under my supervision
and guidance.
The report has not been submitted previously in part or in full to this or any other University or
Institution for the award of any degree or diploma.

Sri M Mounika Rayudu , M.ROOPA,

Project internal guide, Head of the Department
Computer Science Department, Computer Science Department,
RGUKT,SRIKAKULAM.. RGUKT,SRIKAKULAM..

II
 DECLARATION

We certify that

a. the work contained in this report is original and has been done by me under the guidance of
my supervisor.

b. the work has not been submitted to any other Institute for any degree or diploma.

c. We have followed the guidelines provided by the Institute in preparing the report.

d. We have conformed to the norms and guidelines given in the Ethical Code of Conduct of
the Institute.

e. Whenever we have used materials (data, theoretical analysis, figures, and text) from other
sources, we have given due credit to them by citing them in the text of the report and giving
their details in the references. Further, we have taken permission from the copyright owners
of the sources, whenever necessary.

Date:00/00/2022 Signature of Students

Place:Nuzvid Dasari Sneha Srilatha
Manukonda Sowmya
Divya Kumari Bokka
Aswani Chokkakula

III
 ACKNOWLEDGEMENT

I would like to express my sincere gratitude to Sri M Mounika Rayudu, my project Guide,
for valuable suggestions and keen interest throughout the progress of my course of research.

I am grateful to Kumari M Roopa, HOD of CSE, for providing excellent computing facilities and
a congenial atmosphere for progressing with my project.

At the outset, I would like to thank Rajiv Gandhi university of Knowledge and Technologies,
Srikakulam for providing all the necessary resources for the successful completion of my course
work. At last, but not the least I thank my classmates and other students for their physical and
moral support.

With Sincere Regards,

Sneha Srilatha Dasari,

Manukonda Sowmya,

Divya Kumari Bokka,

Aswani Chokkakula.

IV
 ABSTRACT

The project focuses on providing a platform to test the student’s knowledge to be placed in a
company. The user, student can learn, practice and prepare for the placement examinations through
this website. The objective of this PrepBright is to evaluate the student’s performance through
a fully automated system, which gives fast and accurate results.
We are using google forms for writing placement related activities which has a chance of
malpractice, referring various websites to learn content, relying on social media for job
notifications. As there is no Particular platform PrepBright can be implemented including all
these functionalities at one place. One section contains the practice tests where students can
test their knowledge in the given material by practicing and another section is to write the
placement examinations which are conducted by our department which has certain time limit.
Admin has access to the database where all the credentials of students and faculty
stored securely. The questionnaire is uploaded in the website with a specific link and certain
expiration time. Students have to access the link to write the test before the link expires. As
each question have time limit user cannot skip the question. After submitting the test, results will
be stored and admin can release the results as ranks and will give feedback about their
performance.
For difficult concepts or any queries , students can interact with the chatbot . Admin will
have the details of students who are placed and yet to be placed. Our website will contain a
section regarding placement drives such as applying links for drives, number of rounds , exam
pattern, exam syllabus for respective companies.

Keywords:Full Stack Development , LAMP Stack

V
 TABLEOFCONTENTS

CHAPTERNAME PAGE

PROJECT TITLE I

PROJECT CERTIFICATE II

PROJECT DECLARATION III

ACKNOWLEDGEMENT IV

PROJECT ABSTRACT V

1. INTRODUCTION 01

1.1 Problem Statement 01

1.2 Purpose 01
2. EXISTING SYSTEM 02

3. PROPOSED SYSTEM 03

4. FEASIBILITY STUDY 04

5. IMPLEMENTATION
05-31

5.1System Design 05-12

5.1.1 Login Page 05
5.1.2 Admin Dashboard Page 05
5.1.3 Manage Course Page 06
5.1.4 Manage Exam Page 06
5.1.5 Manage Examinee Page 07
5.1.6 Ranking By Exam Page 07
5.1.7 Examinee Result Page 08
5.1.8 All Feedbacks Page 08
5.1.9 User Dashboard Page 09
5.1.10 Available Exams Page 09
5.1.11 Examinee Feedback Page 10
5.1.12 Content Page 10
5.1.13 Practice Test Page 11
5.1.14 Interview Questions Page 11
5.1.15 Job Notification Page 12

VI
CHAPTERNAME PAGE
5.2 Coding 13-31
6. UML DIAGRAMS 32-33
32
6.1 Use Case Diagram 33
6.2 Sequence Diagram

7. REQUIREMENTS 19-20 34-36

34-35
7.1 Functional Requirements
34-35
7.1.1 Software Requirements
35
7.1.2 Hardware Requirements

7.2 Non Functional Requirements 35-36

8. ADVANTAGES AND LIMITATIONS 36
37
9. CONCLUSION
38
10. REFERENCES

LISTOF FIGURES

Figure Name Page

Fig 4.1 Content Structure For PrepBright 03

Fig 5.1.1 Login Page 05

Fig 5.1.2 Admin Dashboard Page 05

Fig 5.1.3 Manage Course Page 06

Fig 5.1.4 Manage Exam Page 06

Fig 5.1.5 Manage Examinee Page 07

Fig 5.1.6 Ranking By Exam 07

Fig 5.1.7 Examinee Result Page 08

Fig 5.1.8 All Feedbacks Page 08

VI
I
Fig 5.1.9 User Dashboard Page 09

Fig 5.1.10 Available Exam Page 09

Fig 5.1.11 Examinee Feedback Page 10

Fig 5.1.12 Content Page 10

Fig 5.1.13 Practice Test Page 11

Fig 5.1.14 Interview Questions Page 11

Fig 5.1.15 MNC’s Job Notification Page 12

Fig 5.1.16 Startup’s Job Notification Page 12

Fig 6.1 Use Case Diagram 32

Fig 6.1 Sequence Diagram 33

VI
II
CHAPTER 1
INTRODUCTION

PrepBright is a platform in which student can learn from the content and can test their
knowledge by practice tests and can estimate their performance based on the practice test.

The main objective of PrepBright is to provide all the features that a student
expect from a website i,e. a chatbot for friendly interaction, material for learning, practice
tests. And also students can check for job notifications for both Multi National Companies
and Startups and can apply for the respective job notifications. For college purpose, admin
can conduct exams related to placements through a fully automated proctored system which
gives fast and accurate results. Also admin can have the student details like Name , Class ,
Section and their job Status.

Problem Statement:

The students of IIIT Srikakulam do not have all the required resources available at one
platform. So, we, the students rely on the internet and refers many websites, applications etc.
It is a difficult task to collect all the required resources and also time consuming process. To
test their knowledge, one has to use websites from the internet for practicing.
On the other hand, our college department is using google forms for conducting
placement related exams which is difficult to analyze the results, also results in malpractice.
So, in order to make it easy for all the students, our team has chosen to develop a web
application by providing all the necessary features for placement related activities. It also
benefits the department as admin can conduct exams in the respective platform.

Purpose:

Digitalization plays an important role in today’s day to day life. Everything will be done in
fraction of seconds through a powerful devices called “Laptop or Mobile”. Main purpose of
our website is to provide all the necessary requirements for a student , who is dreaming to
secure a job. This website can be used to Prepare , Practice and Perform as it contains
content, Practice tests and a platform to conduct exams. This complete process will be done
in online mode with the help of internet.

1
CHAPTER 2
EXISTING SYSTEM

We, the students of IIIT Srikakulam, refers many websites for the preparation for placement
exams. We rely on social media like Telegram , LinkedIn , Internshala , Indeed , Naukri ,
GlassDoor , Gmail for job updates. The Existing system of conducting placement test process
is through Google Forms. In Existing system the test conductor will prepare questions and
paste them in the google forms and the link will be provided to the students. By entering their
details ,Students will access the test and answer the questions(MCQ) and submit them. After
the submission , the score will be stored in the test conductors system. After that , the test
conductor have to analyze the score for giving rank. And then they have to display the results
in another platform. Also, here there is a chance for malpractice.

DRAW BACKS OF EXISTING SYSTEM:

In the existing system, there is a chance of doing Malpractice, that is writing the exam in one
tab and searching the answers in another tab. Displaying ranks is not possible through google
forms. It will take lot of effort to analyze the results for giving rank based on the score and it
is time consuming process.
In the existing system , we need to refer different websites to get the data we
wanted and we rely on social media like Telegram , LinkedIn , Internshala , Indeed , Naukri ,
GlassDoor , Gmail for job updates which makes it difficult.

WAYS TO OVER COME DRAWBACKS IN EXISTING SYSTEM:

In the proposed system, there is a no chance of doing Malpractice, that is the timer will start
once you click on the start button. It will store the record of each test and the results of every
student in the college database. Hence it is easy to display the ranks. As we are storing the
details of all the students and their marks, it takes less time and less effort to analyze ranks of
the students. Admin can conduct exams related to placements through a fully automated
proctored system which gives fast and accurate results.

2
CHAPTER 3
PROPOSED SYSTEM

The main objective of PrepBright is that it helps the students of our educational institution in
preparation for the placements. This web application provides important content such as
aptitude, reasoning, verbal, Pseudo code and required tests. It also provides the information
regarding placement drives, departmental activities for placements.

It reduces the time consumption and workload that exist in the current system of placement
test. It also helps in storing the record of each test and the results of every student in the
college database. This makes the searching of the records easier than the existing system.

CONTENT STRUCTURE FOR PREPBRIGHT:

Fig-3.1: Content Structure for PrepBright

3
CHAPTER 4
FEASIBILITY STUDY

3.1 TECHNICAL FEASIBILITY

The technical feasibility in the proposed system deals with the technology used in the
system. It deals with the hardware and software used in the system whether they are of the
latest technology or not. It happens that after a system is prepared a new technology arises
and the user wants the system based on that technology. This system uses windows platform,
HTML5, CSS, JavaScript, Bootstrap for front end technology and PHP, MYSQL for backend
technology. Thus, the PrepBright is technically feasible.

3.2 ECONOMICAL FEASIBILITY

This study is carried out to check the economic impact that the system will have on
the organization. The amount of funds that the company can pour into the research and
development of the system is limited. The expenditures must be justified. Thus, the
developed system as well within the budget and this was achieved because most of the
technologies used are freely available and open source technologies. Thus, the PrepBright is
economically feasible.

3.3 OPERATIONAL FEASIBILITY

The project has been developed in such a way that it becomes very easy even for a
person with little computer knowledge to operate it. This software is very user friendly and
does not require any technical person to operate it. The only thing that is needed to open and
write the tests is proper internet connection. Thus, the PrepBright is even operationally
feasible.

4
CHAPTER 5
IMPLEMENTATION AND RESULTS
5.1 Implementation:
5.1.1 Login Page:
This is the first page in website. Users and admin who have created an account in
website can sign in with their credentials.

Fig-5.1.1: Login Page

5.1.2 Admin Dashboard Page:

After entering the admin credentials, admin will redirect to admin dashboard and can
perform the admin functionalities.

Fig-5.1.2: Admin Dashboard Page

5
 5.1.3 Manage Course Page:
If admin wants to update or delete the courses then admin needs to click on the
manage course in the admin dashboard. And the Manage course page will contain the details
of the courses.

Fig-5.1.3: Manage Course Page

5.1.4 Manage Exam Page:

If admin wants to manage exam then admin needs to click on the exam in the admin
dashboard. Then admin needs to fill the details like course, exam title, time limit, display
limit and set the questionnaire with correct answers for the required exam.

Fig-5.1.4: Manage Exam Page

6
 5.1.5 Manage Examinee Page:
If admin wants to add the examinee details then admin needs to click on the add
examinee in the admin dashboard. And then admin needs to fill the details of the examinee.

Fig-5.1.5: Manage Examinee Page

5.1.6 Ranking By Exam Page:
If admin wants to check the ranking of particular exam then admin needs to click on
the ranking by exam in the admin dashboard. It shows the ranking in various colors to
understand easily.

Fig-5.1.6: Ranking By Exam Page

7
 5.1.7 Examinee Result Page:
If admin wants to check the results of examinee in different exams then admin needs
to click on the Examinee Result in the admin dashboard.

Fig-5.1.7: Examinee Result Page

5.1.8 All Feedbacks Page:

If admin wants to check the feedback given by examinee regarding question paper
then admin needs to click on the All feedbacks in the admin dashboard.

8
 Fig-5.1.8: All Feedbacks Page

5.1.9 User Dashboard Page:

After successfully entering the user credentials, it redirects to the user dashboard. The
screenshot of user dashboard is given below :

Fig-5.1.9: User Dashboard Page

5.1.10 Available Exams Page:
This is the screenshot of the screen while the user is taking the exam. The user have to
choose the options in the given time and needs to click on the submit button.

9
 Fig-5.1.10: Availble Exams Page

5.1.11 Examinee Feedback Page:

After completion of examination the examinee can give feedback regarding the
examination . The screenshot of feedback section is given below:

Fig-5.1.11: Examinee Feedback Page

5.1.12 Content Page:
User can use content page to understand and learn the topics in the Aptitude, Logical
Reasoning, Verbal Ability.

10
 Fig-5.1.12: Content Page

5.1.13 Practice Test Page:

User can use this practice test page in order to practice various questions related to a
Particular topic.

Fig-5.1.13 Practice Test Page

5.1.14 Interview Questions Page:

11
 User can use this Interview Questions page in order to practice various interview
questions related to a particular language.
Fig-5.1.14: Interview Questions Page

5.1.15 Job Notification Page (MNC’s)

In this page, User will get a clear idea about every job notification of Multi National
companies.

Fig-5.1.15: MNC’s Job Notifications Page

12
 5.1.16 Job Notifications Page (Startup’s) :

In this page, User will get a clear idea about every job notification of Start Up
companies.

Fig-5.1.16: Startup’s Job Notifications Page

5.2 CODING:

HMTL Code of Analogy Topic:

<!DOCTYPE html>
<html>
<head>
<title>Analogy</title>
<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
integrity="sha384-
JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z"
crossorigin="anonymous" />
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"

integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+
OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"

integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7
niu735Sk7lN"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"
integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/
KUEfYiJOMMV+rV"
13
 crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="content.css">
<script src="answer.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/
font-awesome.min.css">
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-white shadow fixed-top">
<div class="fluid-container">
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav ml-right">
<div class="mr-4 pt-2">
<h5 class="prep">Prep<strong class="bright">Bright</strong></h5>
</div>
<div class="dropdown mr-4 ">
<a class="btn custom-button dropdown-toggle" href="#" role="button"
id="dropdownMenuLink"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Aptitude
</a>
<div class="dropdown-menu scrollable-menu drop-container" aria-
labelledby="dropdownMenuLink">
<a class="dropdown-item" href="Numbers.html">Numbers</a>
<a class="dropdown-item" href="percentage.html">Percentage</a>
<a class="dropdown-item" href="profit_loss.html">Profit and Loss</a>
<a class="dropdown-item" href="Average.html">Average</a>
<a class="dropdown-item" href="lcm_hcf_numbers.html">LCM,HCF,Numbers</a>
<a class="dropdown-item" href="probability.html">Probability</a>
<a class="dropdown-item" href="ratio_proportion.html">Ratio & Proportion</a>
<a class="dropdown-item" href="problems_on_trains.html">Problems on
Trains</a>
<a class="dropdown-item" href="heights_and_distances.html">Heights and
Distance</a>
<a class="dropdown-item" href="ages.html">Problems on Ages</a>
<a class="dropdown-item" href="time_and_distance.html">Time & Distance</a>
<a class="dropdown-item" href="boats_and_streams.html">Boats & Streams</a>
<a class="dropdown-item" href="time_work.html">Time & Work</a>
<a class="dropdown-item" href="simple_interest.html">Simple Interest</a>
<a class="dropdown-item" href="compound_interest.html">Compound Interest</a>
<a class="dropdown-item" href="partnership.html">Partnership</a>
<a class="dropdown-item" href="mensuration.html">Mensuration</a>
<a class="dropdown-item" href="clock.html">Clocks</a>
<a class="dropdown-item" href="Calender.html">Calender</a>
<a class="dropdown-item" href="alliagations_mixtures.html">Alligations &
Mixtures</a>
<a class="dropdown-item" href="volume_and_surface_area.html">Volume &
Surface Area</a>
<a class="dropdown-item"
href="permutations_and_combinations.html">Permutations & Combinations</a>
<a class="dropdown-item" href="pipes_and_cisterns.html">Pipes & Cisterns</a>
<a class="dropdown-item" href="syllogism.html">Syllogism</a>
14
 <a class="dropdown-item" href="blood_relations.html">Blood Relations</a>
<a class="dropdown-item" href="Seating_arrangement.html">Seating
Arrangement</a>
<a class="dropdown-item" href="logical_puzzles.html">Logical Puzzles</a>
<a class="dropdown-item" href="data_sufficiency.html">Data Sufficiency</a>
<a class="dropdown-item" href="data_interpretation.html">Data Interpretation</a>
<a class="dropdown-item" href="direction_sense_test.html">Direction Sense</a>
<a class="dropdown-item" href="coded_inequalities.html">Coded Inequalities</a>
<a class="dropdown-item" href="coding_decoding.html">Coding & Decoding</a>
</div>
</div>
<div class="dropdown mr-4">
<a class="btn custom-button dropdown-toggle" href="#" role="button"
id="dropdownMenuLink"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Logical Reasoning
</a>
<div class="dropdown-menu scrollable-menu drop-container" aria-
labelledby="dropdownMenuLink">
<a class="dropdown-item" href="analogies.html">Analogies</a>
<a class="dropdown-item" href="number_serices.html">Number Series</a>
<a class="dropdown-item" href="verbal_classification.html">Verbal
Classification</a>
<a class="dropdown-item" href="matching_definition.html">Matching
Definitions</a>
<a class="dropdown-item" href="verbal_reasoning.html">Verbal Reasoning</a>
<a class="dropdown-item" href="logic_games.html">Logical Games</a>
<a class="dropdown-item" href="statement_assumptions.html">Statements &
Assumption</a>
<a class="dropdown-item" href="statements_conclusions.html">Statements &
Conclusions</a>
<a class="dropdown-item" href="statements_arguments.html">Statement and
argument</a>
<a class="dropdown-item" href="logical_detection.html">Logical Detection</a>
<a class="dropdown-item" href="letter_and_symbol.html">Letter and Symbol
Series</a>
<a class="dropdown-item" href="essential_part.html">Essential part</a>
<a class="dropdown-item" href="theme_detection.html">Theme Detection</a>
<a class="dropdown-item" href="course_of_action.html">Course of Action</a>
<a class="dropdown-item" href="analyzing_arguments.html">Analyzing
arguments</a>
<a class="dropdown-item" href="logical_problems.html">Logical Problems</a>
</div>
</div>
<div class="dropdown mr-4">
<a class="btn custom-button dropdown-toggle" href="#" role="button"
id="dropdownMenuLink"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Verbal Ability
</a>
<div class="dropdown-menu drop-container" aria-
labelledby="dropdownMenuLink">
15
 <a class="dropdown-item" href="logical_sequence.html">Logical sequece of
words</a>
<a class="dropdown-item" href="syllogisms.html">Syllogism</a>
<a class="dropdown-item" href="cause_and_effect.html">Cause and effect</a>
<a class="dropdown-item" href="venn_diagrams.html">Venn Diagrams</a>
<a class="dropdown-item" href="analogy.html">Analogy</a>
<a class="dropdown-item" href="character_puzzle.html">Character Puzzle</a>
<a class="dropdown-item" href="classification.html">Classification</a>
<a class="dropdown-item" href="arithmetic_reasoning.html">Arithmetic
Reasoning</a>
<a class="dropdown-item" href="series_completion.html">Series Completion</a>
<a class="dropdown-item" href="dice.html">Dice</a>
<a class="dropdown-item" href="cube_and_cuboid.html">Cube and Cuboid</a>
<a class="dropdown-item" href="direction_sense_test.html">Direction sense
Test</a>
<a class="dropdown-item" href="verification_of_truth.html">Verification of
Truth</a>
</div>
</div>
<div class="dropdown mr-4">
<a class="btn custom-button1 dropdown-toggle" href="#" role="button"
id="dropdownMenuLink"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Interview Questions
</a>
<div class="dropdown-menu drop-container" aria-
labelledby="dropdownMenuLink">
<a class="dropdown-item" href="c.html">C</a>
<a class="dropdown-item" href="java.html">Java</a>
<a class="dropdown-item" href="python.html">Python</a>
<a class="dropdown-item" href="dbms.html">DBMS</a>
<a class="dropdown-item" href="sql.html">SQL</a>
<a class="dropdown-item" href="os.html">OS</a>
<a class="dropdown-item" href="cn.html">CN</a>
<a class="dropdown-item" href="html.html">HTML</a>
<a class="dropdown-item" href="css.html">CSS</a>
<a class="dropdown-item" href="javascript.html">JavaScript</a>
</div>
</div>
<div class="dropdown mr-4">
<a class="btn custom-button dropdown-toggle" href="#" role="button"
id="dropdownMenuLink"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Previous Papers
</a>
<div class="dropdown-menu drop-container" aria-
labelledby="dropdownMenuLink">
<a class="dropdown-item" href="2020.html">2020</a>
<a class="dropdown-item" href="2021.html">2021</a>
<a class="dropdown-item" href="2022.html">2022</a>
</div>
</div>
16
 <div class="dropdown mr-5">
<a class="btn custom-button1 dropdown-toggle" href="#" role="button"
id="dropdownMenuLink"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Job Notifications
</a>
<div class="dropdown-menu drop-container" aria-
labelledby="dropdownMenuLink">
<a class="dropdown-item" href="mnc.html">MNC's</a>
<a class="dropdown-item" href="startup.html">Startups</a>
</div>
</div>
</div>
</div>
</div>
</nav>
<div class="container">
<div class="tab"> </div>
<div class="text-content">
<h1 class="main-heading tab text-center pt-5">ANALOGY</h1>
<h3 class="heading mr-5">Introduction</h3>
<p class="text-content">Analogy means <strong
class="example">Similarity</strong>. In this type of questions, two objects related in some
way are given and third object is also given with four or five alternatives. You have to find
out which one of the alternatives bears the same relation with the third objects as first and
second objects are related.</p>
</div>
<div class="text-content">
<p><strong class="sub-heading mr-2">Example-1</strong>Curd : Milk :: Shoe : ?</p>
<p><strong class="options ml-4">A. </strong>Leather</p>
<p><strong class="options ml-4">B. </strong>Cloth</p>
<p><strong class="options ml-4">C. </strong>Jute</p>
<p><strong class="options ml-4">D. </strong>Silver</p>
<div class="container">
<div class="row">
<div class="col-10">
<a href="#" data-toggle="collapse" data-target="#answer1" class="answer mr-
5">View Answer</a>
<div id="answer1" class="collapse">
<p>Option <strong class="options">A</strong></p>
</div>
<a href="#" data-toggle="collapse" data-target="#explain1"
class="answer">Explanation</a>
<div id="explain1" class="collapse">
<p>As curd is made from milk similarly shoe is made from leather.</p>
</div>
</div>
</div>
</div>
</div>
<hr>
<div class="text-content">
17
 <p><strong class="sub-heading mr-2">Example-2</strong>Calf : Piglet :: Shed :
?</p>
<p><strong class="options ml-4">A. </strong>Prison</p>
<p><strong class="options ml-4">B. </strong>Nest</p>
<p><strong class="options ml-4">C. </strong>Pigsty</p>
<p><strong class="options ml-4">D. </strong>Den</p>
<div class="container">
<div class="row">
<div class="col-10">
<a href="#" data-toggle="collapse" data-target="#answer2" class="answer mr-
5">View Answer</a>
<div id="answer2" class="collapse">
<p>Option <strong class="options">C</strong></p>
</div>
<a href="#" data-toggle="collapse" data-target="#explain2"
class="answer">Explanation</a>
<div id="explain2" class="collapse">
<p>Calf is young one of the cow and piglet is the young of Pig. Shed is the
dwelling place of cow. Similarly Pigsty is the dwelling place of pig.</p>
</div>
</div>
</div>
</div>
</div>
<hr>
<div class="text-content">
<p><strong class="sub-heading mr-2">Example-3</strong>Malaria : Mosquito :: ? : ?
</p>
<p><strong class="options ml-4">A. </strong>Poison : Death</p>
<p><strong class="options ml-4">B. </strong>Cholera : Water</p>
<p><strong class="options ml-4">C. </strong>Rat : Plague</p>
<p><strong class="options ml-4">D. </strong>Medicine : Disease</p>
<div class="container">
<div class="row">
<div class="col-10">
<a href="#" data-toggle="collapse" data-target="#answer3" class="answer mr-
5">View Answer</a>
<div id="answer3" class="collapse">
<p>Option <strong class="options">B</strong></p>
</div>
<a href="#" data-toggle="collapse" data-target="#explain3"
class="answer">Explanation</a>
<div id="explain3" class="collapse">
<p>As malaria is caused due to mosquito similarly cholera is cause due to
water.</p>
</div>
</div>
</div>
</div>
</div>
<hr>
<div class="text-content">
18
 <p><strong class="sub-heading mr-2">Example-4</strong>ABC : ZYX :: CBA :
?</p>
<p><strong class="options ml-4">A. </strong>XYZ</p>
<p><strong class="options ml-4">B. </strong>BCA</p>
<p><strong class="options ml-4">C. </strong>YZX</p>
<p><strong class="options ml-4">D. </strong>ZXY</p>
<div class="container">
<div class="row">
<div class="col-10">
<a href="#" data-toggle="collapse" data-target="#answer4" class="answer mr-
5">View Answer</a>
<div id="answer4" class="collapse">
<p>Option <strong class="options">A</strong></p>
</div>
<a href="#" data-toggle="collapse" data-target="#explain4"
class="answer">Explanation</a>
<div id="explain4" class="collapse">
<p>CBA is the reverse of ABC similarly XYZ is the reverse of ZYX.</p>
</div>
</div>
</div>
</div>
</div>
<hr>
<div class="text-content">
<p><strong class="sub-heading mr-2">Example-5</strong> 4 : 18 :: 6 : ?</p>
<p><strong class="options ml-4">A.</strong>32</p>
<p><strong class="options ml-4">B. </strong>38</p>
<p><strong class="options ml-4">C. </strong>11</p>
<p><strong class="options ml-4">D. </strong>37</p>
<div class="container">
<div class="row">
<div class="col-10">
<a href="#" data-toggle="collapse" data-target="#answer5" class="answer mr-
5">View Answer</a>
<div id="answer5" class="collapse">
<p>Option <strong class="options">B</strong></p>
</div>
<a href="#" data-toggle="collapse" data-target="#explain5"
class="answer">Explanation</a>
<div id="explain5" class="collapse">
<p>As, (4)2 + 2 =18
<br>Similarly, (6)2 + 2 = 38.</p>
</div>
</div>
</div>
</div>
</div>
<hr>
<div class="tab1">
</div>
<div class="answer">
19
 <a class="practice ml-4 pt-5" href="analogy_practice_1.html">Practice Questions</a>
</div>
<div class="tab">
</div>
<div class="container">
<div class="row">
<div class="col-8">
<button class="btn custom-button2"><i class="fa fa-arrow-left"></i>
Previous</button>
</div>
<div class="col-4">
<button class="btn custom-button2 text-center ml-5">Next <i class="fa fa-arrow-
right"></i></button>
</div>
</div>
</div>
<div class="tab"></div>
</div>
</div>
</div>
</body>
</html>

CSS Code of Analogy Topic:

*
{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Poppins',sans-serif;
}

body
{
overflow-x: hidden;
}
.prep{
color:#4cbb17;
font-weight:600;
font-size:20px;
}
.bright{
color:rgb(10, 122, 174);
font-weight:600;
font-size:20px;
}
.container
{
position: relative;
width: 100%;
}
.main-heading{
20
 color:rgb(10, 122, 174);
font-size:20px;
font-weight:bold;
letter-spacing: 1px;
}
.heading{
color:#4cbb17;
font-size:20px;
font-weight:bold;
padding-top: 20px;
}
.topics{
color:#4cbb17;
font-size:16px;
font-weight:bold;
}
.sub-heading{
color:#319901;
font-size:16px;
padding-top: 5px;
}
.example{
color:rgb(6, 63, 90);
font-size:14px;
}
.text-content{
color:#000000;
font-size:15px;
padding-top: 10px;

}
hr{
margin-top: 10px;
margin-bottom: 10px;
color: #ddd;
height: 2px;
background-color: #ededed;
border-width: 0;
}
.text-heading{
color:#4cbb17;
font-weight:bold;
}
.table-container{
table-layout: fixed;
width: 700px;
margin-left: auto;
margin-right: auto;
}
.custom-button{
color: white;
background-color: #4cbb17;
21
 width: 170px;
height: auto;
border-width: o;
border-radius: 8px;
}
.answer{
color:#4cbb17;
font-weight:500;
}
.options{
color:#226304;
font-size:14px;
padding-top: 5px;
}
.tab{
padding:30px;
}
.custom-button1{
color: white;
background-color: #4cbb17;
width: auto;
height: auto;
border-width: o;
border-radius: 10px;
}
.practice{
color:rgb(10, 122, 174);
font-size:18px;
padding-top: 5px;
font-weight: bold;
}
.tab1{
padding:20px;
}
.drop-container{
background-color: #f3eeee;
}
.scrollable-menu {
height: auto;
max-height: 500px;
overflow-x: hidden;
}
.custom-button2{
color: white;
background-color: #4cbb17;
width: 150px;
height: auto;
border-width: o;
border-radius: 10px;
}
.tab{
padding-top:30px;
22
 padding-bottom:20px;

HTML Code for Analogy Practice Test:

<!DOCTYPE html>
<html>
<head>
<title>Analogy Practice Test</title>
<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
integrity="sha384-
JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z"
crossorigin="anonymous" />
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"

integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew
+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"

integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7
niu735Sk7lN"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"
integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/
KUEfYiJOMMV+rV"
crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="practice.css">
<script src="answer.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/
font-awesome.min.css">
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
</head>

<body>
<nav class="navbar navbar-expand-lg navbar-light bg-white shadow fixed-top">
<div class="fluid-container">
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav ml-right">
<div class="mr-4 pt-2">
<h5 class="prep">Prep<strong class="bright">Bright</strong></h5>
</div>
<div class="dropdown mr-4 ">
<a class="btn custom-button dropdown-toggle" href="#" role="button"
id="dropdownMenuLink"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Aptitude
</a>
<div class="dropdown-menu scrollable-menu drop-container" aria-
labelledby="dropdownMenuLink">
23
 <a class="dropdown-item" href="Numbers.html">Numbers</a>
<a class="dropdown-item" href="Time_work.html">Percentage</a>
<a class="dropdown-item" href="percentage.html">Profit and Loss</a>
<a class="dropdown-item" href="Average.html">Average</a>
<a class="dropdown-item"
href="lcm_hcf_numbers.html">LCM,HCF,Numbers</a>
<a class="dropdown-item" href="probability.html">Probability</a>
<a class="dropdown-item" href="ratio_proportion.html">Ratio & Proportion</a>
<a class="dropdown-item" href="problems_on_trains.html">Problems on
Trains</a>
<a class="dropdown-item" href="heights_and_distances.html">Heights and
Distance</a>
<a class="dropdown-item" href="ages.html">Problems on Ages</a>
<a class="dropdown-item" href="time_and_distance.html">Time & Distance</a>
<a class="dropdown-item" href="boats_and_streams.html">Boats & Streams</a>
<a class="dropdown-item" href="profit_loss.html">Time & Work</a>
<a class="dropdown-item" href="simple_interest.html">Simple Interest</a>
<a class="dropdown-item" href="compound_interest.html">Compound
Interest</a>
<a class="dropdown-item" href="partnership.html">Partnership</a>
<a class="dropdown-item" href="mensuration.html">Mensuration</a>
<a class="dropdown-item" href="clock.html">Clocks</a>
<a class="dropdown-item" href="Calender.html">Calender</a>
<a class="dropdown-item" href="alliagations_mixtures.html">Alligations &
Mixtures</a>
<a class="dropdown-item" href="volume_and_surface_area.html">Volume &
Surface Area</a>
<a class="dropdown-item"
href="permutations_and_combinations.html">Permutations & Combinations</a>
<a class="dropdown-item" href="pipes_and_cisterns.html">Pipes & Cisterns</a>
<a class="dropdown-item" href="syllogism.html">Syllogism</a>
<a class="dropdown-item" href="blood_relations.html">Blood Relations</a>
<a class="dropdown-item" href="Seating_arrangement.html">Seating
Arrangement</a>
<a class="dropdown-item" href="logical_puzzles.html">Logical Puzzles</a>
<a class="dropdown-item" href="data_sufficiency.html">Data Sufficiency</a>
<a class="dropdown-item" href="data_interpretation.html">Data Interpretation</a>
<a class="dropdown-item" href="direction_sense_test.html">Direction Sense</a>
<a class="dropdown-item" href="coded_inequalities.html">Coded Inequalities</a>
<a class="dropdown-item" href="coding_decoding.html">Coding & Decoding</a>
</div>
</div>
<div class="dropdown mr-4">
<a class="btn custom-button dropdown-toggle" href="#" role="button"
id="dropdownMenuLink"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Logical Reasoning
</a>
<div class="dropdown-menu scrollable-menu drop-container" aria-
labelledby="dropdownMenuLink">
<a class="dropdown-item" href="analogies.html">Analogies</a>
<a class="dropdown-item" href="number_serices.html">Number Series</a>
24
 <a class="dropdown-item" href="verbal_classification.html">Verbal
Classification</a>
<a class="dropdown-item" href="matching_definition.html">Matching
Definitions</a>
<a class="dropdown-item" href="verbal_reasoning.html">Verbal Reasoning</a>
<a class="dropdown-item" href="logic_games.html">Logical Games</a>
<a class="dropdown-item" href="statement_assumptions.html">Statements &
Assumption</a>
<a class="dropdown-item" href="statements_conclusions.html">Statements &
Conclusions</a>
<a class="dropdown-item" href="statements_arguments.html">Statement and
argument</a>
<a class="dropdown-item" href="logical_detection.html">Logical Detection</a>
<a class="dropdown-item" href="letter_and_symbol.html">Letter and Symbol
Series</a>
<a class="dropdown-item" href="essential_part.html">Essential part</a>
<a class="dropdown-item" href="theme_detection.html">Theme Detection</a>
<a class="dropdown-item" href="course_of_action.html">Course of Action</a>
<a class="dropdown-item" href="analyzing_arguments.html">Analyzing
arguments</a>
<a class="dropdown-item" href="logical_problems.html">Logical Problems</a>
</div>
</div>
<div class="dropdown mr-4">
<a class="btn custom-button dropdown-toggle" href="#" role="button"
id="dropdownMenuLink"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Verbal Ability
</a>
<div class="dropdown-menu drop-container" aria-
labelledby="dropdownMenuLink">
<a class="dropdown-item" href="logical_sequence.html">Logical sequece of
words</a>
<a class="dropdown-item" href="syllogisms.html">Syllogism</a>
<a class="dropdown-item" href="cause_and_effect.html">Cause and effect</a>
<a class="dropdown-item" href="venn_diagrams.html">Venn Diagrams</a>
<a class="dropdown-item" href="analogy.html">Analogy</a>
<a class="dropdown-item" href="character_puzzle.html">Character Puzzle</a>
<a class="dropdown-item" href="classification.html">Classification</a>
<a class="dropdown-item" href="arithmetic_reasoning.html">Arithmetic
Reasoning</a>
<a class="dropdown-item" href="series_completion.html">Series Completion</a>
<a class="dropdown-item" href="dice.html">Dice</a>
<a class="dropdown-item" href="cube_and_cuboid.html">Cube and Cuboid</a>
<a class="dropdown-item" href="direction_sense_test.html">Direction sense
Test</a>
<a class="dropdown-item" href="verification_of_truth.html">Verification of
Truth</a>
</div>
</div>
<div class="dropdown mr-4">
<a class="btn custom-button1 dropdown-toggle" href="#" role="button"
25
id="dropdownMenuLink"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Interview Questions
</a>
<div class="dropdown-menu drop-container" aria-
labelledby="dropdownMenuLink">
<a class="dropdown-item" href="c.html">C</a>
<a class="dropdown-item" href="java.html">Java</a>
<a class="dropdown-item" href="python.html">Python</a>
<a class="dropdown-item" href="dbms.html">DBMS</a>
<a class="dropdown-item" href="sql.html">SQL</a>
<a class="dropdown-item" href="os.html">OS</a>
<a class="dropdown-item" href="cn.html">CN</a>
<a class="dropdown-item" href="html.html">HTML</a>
<a class="dropdown-item" href="css.html">CSS</a>
<a class="dropdown-item" href="javascript.html">JavaScript</a>
</div>
</div>
<div class="dropdown mr-4">
<a class="btn custom-button dropdown-toggle" href="#" role="button"
id="dropdownMenuLink"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Previous Papers
</a>
<div class="dropdown-menu drop-container" aria-
labelledby="dropdownMenuLink">
<a class="dropdown-item" href="2018.html">2018</a>
<a class="dropdown-item" href="2019.html">2019</a>
<a class="dropdown-item" href="2020.html">2020</a>
<a class="dropdown-item" href="2021.html">2021</a>
<a class="dropdown-item" href="2022.html">2022</a>
</div>
</div>
<div class="dropdown mr-5">
<a class="btn custom-button1 dropdown-toggle" href="#" role="button"
id="dropdownMenuLink"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Job Notifications
</a>
<div class="dropdown-menu drop-container" aria-
labelledby="dropdownMenuLink">
<a class="dropdown-item" href="mnc.html">MNC's</a>
<a class="dropdown-item" href="startup.html">Startups</a>
</div>
</div>
</div>
</div>
</div>
</nav>
<div class="container pt-5">
<div class="top-padding">
<h1 class="main-heading tab text-center">Analogy Practice Questions</h1>
26
 <div class="text-content">
<p><strong class="sub-heading mr-2">Q.</strong>CUP : LIP :: BIRD : ?</p>
<p><strong class="options ml-4">A. </strong>Bush</p>
<p><strong class="options ml-4">B. </strong>GRASS</p>
<p><strong class="options ml-4">C. </strong>FOREST</p>
<p><strong class="options ml-4">D. </strong>BEAK</p>
<div class="container">
<div class="row">
<div class="col-10">
<a href="#" data-toggle="collapse" data-target="#answer1" class="answer mr-
5">View Answer</a>
<div id="answer1" class="collapse">
<p>Option <strong class="options">D</strong></p>
</div>
<a href="#" data-toggle="collapse" data-target="#explain1"
class="answer">Explanation</a>
<div id="explain1" class="collapse">
<p>Cup is used to drink something with the help of lips. Similarly birds collects
grass with the help of beak to make her nest.</p>
</div>
</div>
</div>
</div>
</div>
<hr>
<div class="text-content">
<p><strong class="sub-heading mr-2">Q.</strong>Flow : River :: Stagnant : ?</p>
<p><strong class="options ml-4">A. </strong>Rain</p>
<p><strong class="options ml-4">B. </strong>Stream</p>
<p><strong class="options ml-4">C. </strong>Pool</p>
<p><strong class="options ml-4">D. </strong>Canal</p>
<div class="container">
<div class="row">
<div class="col-10">
<a href="#" data-toggle="collapse" data-target="#answer2" class="answer mr-
5">View Answer</a>
<div id="answer2" class="collapse">
<p>Option <strong class="options">C</strong></p>
</div>
<a href="#" data-toggle="collapse" data-target="#explain2"
class="answer">Explanation</a>
<div id="explain2" class="collapse">
<p>As Water of a River flows similarly water of Pool is Stagnant.</p>
</div>
</div>
</div>
</div>
</div>
<hr>
<div class="text-content">
<p><strong class="sub-heading mr-2">Q.</strong>Paw : Cat :: Hoof : ?</p>
<p><strong class="options ml-4">A. </strong>Lamb</p>
27
 <p><strong class="options ml-4">B. </strong>Elephant</p>
<p><strong class="options ml-4">C. </strong>Lion</p>
<p><strong class="options ml-4">D. </strong>Horse</p>
<div class="container">
<div class="row">
<div class="col-10">
<a href="#" data-toggle="collapse" data-target="#answer3" class="answer mr-
5">View Answer</a>
<div id="answer3" class="collapse">
<p>Option <strong class="options">D</strong></p>
</div>
<a href="#" data-toggle="collapse" data-target="#explain3"
class="answer">Explanation</a>
<div id="explain3" class="collapse">
<p>As cat has Paw similarly Horse has Hoof.</p>
</div>
</div>
</div>
</div>
</div>
<hr>
<div class="text-content">
<p><strong class="sub-heading mr-2">Q.</strong>Ornithologist : Bird ::
Archaeologist : ?</p>
<p><strong class="options ml-4">A. </strong>Islands</p>
<p><strong class="options ml-4">B. </strong>Mediators</p>
<p><strong class="options ml-4">C. </strong>Archaeology</p>
<p><strong class="options ml-4">D. </strong>Aquatic</p>
<div class="container">
<div class="row">
<div class="col-10">
<a href="#" data-toggle="collapse" data-target="#answer4" class="answer mr-
5">View Answer</a>
<div id="answer4" class="collapse">
<p>Option <strong class="options">C</strong></p>
<a href="#" data-toggle="collapse" data-target="#explain4"
class="answer">Explanation</a>
<div id="explain4" class="collapse">
<p>As Ornithologist is a specialist of Birds similarly Archaeologist is a specialist
of Archaeology.</p>
</div>
</div>
</div>
</div>
</div>
<hr>
<div class="text-content">
<p><strong class="sub-heading mr-2">Q.</strong>Peacock : India :: Bear : ?</p>
<p><strong class="options ml-4">A. </strong>Australia</p>
<p><strong class="options ml-4">B. </strong>America</p>
<p><strong class="options ml-4">C. </strong>Russia</p>
<p><strong class="options ml-4">D. </strong>England</p>
28
 <div class="container">
<div class="row">
<div class="col-10">
<a href="#" data-toggle="collapse" data-target="#answer5" class="answer mr-
5">View Answer</a>
<div id="answer5" class="collapse">
<p>Option <strong class="options">C</strong></p>
</div>
<a href="#" data-toggle="collapse" data-target="#explain5"
class="answer">Explanation</a>
<div id="explain5" class="collapse">
<p>As Peacock is the national bird of India, similarly Bear is the national animal
of Russia.</p>
</div>
</div>
</div>
</div>
</div>
<hr>
<div class="tab"></div>
<div class="container">
<div class="row">
<div class="col-4">
</div>
<div class="col-5">
<div class="pagination">
<a href="analogy.html">&laquo;</a>
<a class="bordered" href="analogy_practice_1.html">1</a>
<a href="analogy_practice_2.html">2</a>
<a href="analogy_practice_3.html">3</a>
<a href="analogy_practice_4.html">4</a>
<a href="analogy_practice_5.html">5</a>
<a href="analogy_practice_6.html">6</a>
<a href="analogy_practice_2.html">&raquo;</a>
</div>
</div>
<div class="col-3”>
</div>
</div>
<div class="tab"></div>
</div>
</div>
</body>
</html>

CSS Code for Analogy Practice Test:

*
{
margin: 0;
padding: 0;
box-sizing: border-box;
29
 font-family: 'Poppins',sans-serif;
}

body
{
overflow-x: hidden;
}

.container
{
position: relative;
width: 100%;
}
.prep{
color:#4cbb17;
font-weight:600;
font-size:20px;
}
.bright{
color:rgb(10, 122, 174);
font-weight:600;
font-size:20px;
}
.top-padding{
padding-top: 30px;
}
.main-heading{
color:rgb(10, 122, 174);
font-size:20px;
font-weight:bold;

}
.heading{
color:#4cbb17;
font-size:20px;
font-weight:bold;
padding-top: 20px;
}
.topics{
color:#4cbb17;
font-size:16px;
font-weight:bold;
}
.sub-heading{
color:#319901;
font-size:16px;
padding-top: 5px;
}
.example{
color:#4cbb17;
font-size:14px;
}
30
.text-content{
color:#000000;
font-size:15px;
padding-top: 10px;
padding-left: 20px;
}
hr{
margin-top: 10px;
margin-bottom: 10px;
color: #ddd;
height: 2px;
background-color: #ededed;
border-width: 0;
}
.text-heading{
color:#4cbb17;
font-weight:bold;
}
.table-container{
table-layout: fixed;
width: 700px;
margin-left: auto;
margin-right: auto;
}
.custom-button{
color: white;
background-color: #4cbb17;
width: 170px;
height: auto;
border-width: o;
border-radius: 8px;
}
.answer{
color:#4cbb17;
font-weight:500;
}
.options{
color:#226304;
font-size:14px;
padding-top: 5px;
}
.tab{
padding:30px;
}
.custom-button1{
color: white;
background-color: #4cbb17;
width: auto;
height: auto;
border-width: o;
border-radius: 10px;
}
31
 .pagination {
text-align: center;
}
.pagination a {
color: black;
float: left;
padding: 8px 16px;
text-decoration: none;
font-weight: 400;
border: 1px solid #ddd;
}
.pagination a:hover:not(.active) {
background-color: #94d673;
border-radius: 5px;
}
.drop-container{
background-color: #f3eeee;
}
.scrollable-menu {
height: auto;
max-height: 500px;
overflow-x: hidden;
}
.custom-button2{
color: white;
background-color: #4cbb17;
width: 150px;
height: auto;
border-width: o;
border-radius: 10px;
}
.bordered{
background-color:#94d673;
border: 1px solid #94d673;
}
CHAPTER 6

UML DIAGRAMS
USE CASE DIAGRAM:

32
 A use case diagram in the Unified Modeling Language (UML) is a type of behavioral
diagram defined by and created from a Use-case analysis. Its purpose is to present a graphical
overview of the functionality provided by the system in terms of actors, their goals
(represented as use cases). The main purpose of, Use Case diagram is to show what system
functions are performed for which actor. Roles of the actors in the system can be depicted.

Fig-6.1:Use Case Diagram

Sequence Diagram :

33
 A sequence diagram in Unified Modeling Language (UML) is a kind of interaction
diagram that shows how processes operate with one another and in what order. It is a
construct of a message sequence chart, sequence diagrams are sometimes called event
diagrams, event scenarios, and timing diagrams.

Fig 6.2 Sequence Diagram

34
CHAPTER 7
REQUIREMENTS

FUNCTIONAL REQUIREMENTS:

Software Requirements:

A major element in building a system is the section of compatible software since the software
in the market is expected in geometric progression. Selected software should be acceptable by
the firm and one user as well as it should be feasible for the system.
This document gives a detailed description of the software requirement
specification. The study of requirement specification is focused especially on the functioning
of the system. It allows the developer or analyst to understand the system, function to be
carried out, the performance level to be obtained and corresponding interfaces to be
established.
Front end : HTML5, CSS, JAVA SCRIPT , BOOTSTRAP
Back end : DJANGO, SQLITE
Operating system : Windows 10

FRONT END:

HTML5: HTML5 is a Hypertext Markup Language used for structuring and presenting
content on the World Wide Web. The technology market being saturated with smart devices
with different screen sizes and resolutions, HTML5 allows users to have a consistent web
experience across multiple devices.

CSS: CSS is used for defining the styles for web pages. It describes the look and formatting
of a document which is written in a markup language. It provides an additional feature to
HTML. It is generally used with HTML to change the style of web pages and user interfaces.

JAVA SCRIPT: JavaScript is a text-based programming language used both on the client-
side and server-side that allows you to make web pages interactive. Where HTML and CSS
are languages that give structure and style to web pages, JavaScript gives web pages
interactive elements that engage a user.

35
BOOTSTRAP: Bootstrap is a large collection of predefined reusable code snippets written
in HTML, CSS, and JavaScript . It is used to give responsive to the website.

BACK END:

DJANGO: Django is a high-level Python web framework that enables rapid development of
secure and maintainable websites. Built by experienced developers, Django takes care of
much of the hassle of web development, so you can focus on writing your app without
needing to reinvent the wheel.

SQLITE: SQLite can be used to create a database, define tables, insert and change rows, run
queries and manage an SQLite database file. It also serves as an example for writing
applications that use the SQLite library. SQLite uses automated regression testing prior to
each release.

Hardware Requirements :

The section of hardware configuration is an important task related to the software

development; insufficient random-access memory may adversely affect the speed and
efficiency of the entire system. The process should be powerful enough to handle the entire
operation. The hard disk should have sufficient capacity to store the file and application.

Processor : Intel core i5

Processor speed : 1.9 GHZ x86 orx64 bit minimum
RAM : 2-GB minimum 4-GB or more recommended
Hard disk : 256 GB
Display : SVGA with resolution of 1024x767

NON FUNCTIONAL REQUIREMENTS:

Non-functional requirements are requirements which specify criteria that can be used to judge
the operation of a system, rather than specific behaviors. This should be contrasted with
functional requirements that specify specific behavior or functions.

Typical non-functional requirements are reliability, scalability, and cost.

36
Reliability: Our Website is failure free. Every operation in our Website will work properly
with high security measures. If any exceptions occur during the execution of the website it
will be managed by the admin with out any failure.

Scalability: Every needed module is included in the Website. Even though Our system has
been developed in such a way that new modules and functionalities can be added, there by
facilitating system evolution.

CHAPTER 8
Benefits of Website

 We can get the required information related to aptitude, reasoning, verbal ability at any
time from our website.
 We can take practice test to check the progress of our understanding.
 We can get job notifications for both Multi National Companies and Startups.
 We have to use user credentials to login in order to write the placement examination
which is conducted by our CSE department.

 Admin can conduct exams related to placements through a fully automated proctored
system which gives fast and accurate results.

 We can get exact and accurate results without any error.

Limitations of Website

 We have to use user credentials to login in order to write the placement examination
which is conducted by our CSE department.
 We can’t avail the services of this website if the target device has no internet.
 The website can be accessed by five hundred students only at a time.
 This website is only available on Smart Phones and Laptops.

37
CHAPTER 9

CONCLUSION

To conclude the description about the project developed using HTML5, CSS,
JAVASCRIPT, BOOTSTRAP, DJANGO and SQLITE database is based on the requirement
specification of the user and the analysis of the existing system, with flexibility for future
enhancement. PREPBRIGHT will be a great relief to placement team and really helpful for
students for getting better job opportunities and we can extend this to all the departments to
provide faster access to data by making it much more secure, easy addition, updation,
deletion of data and solves the problems which occur when carried manually. Identifying the
problems in an existing system helps in designing computerized software that will be
compatible with an existing system with a more user friendly and GUI oriented interface

Hence by using our system student can learn, practice the concepts regarding
placements and for department activities any student can take the exam at any place in the
given time slot. Student profile contains their details, marks of placement activities , job
status. It is easy to analyze the rank and display the results of the students and giving
feedback about their performance. So , the students will be benefited by using all these
required functionalities at one place which will help them to get placed.

38
CHAPTER 10
REFERENCES

Self-Assessment in a Feasible, Adaptive Web-Based Testing System: Available:

https://drive.google.com/file/d/1k-uq-0F4MhavWdKV4H3OK_frZ7PYcfl-/view?

usp=sharing

SUBREFERENCES:

Supervision system based on JavaScript and SQLite: Available:

https://drive.google.com/file/d/1-ogn1g4LmR5jLE82OoZXMG-Sc9ncK-B0/view?

usp=sharing

Django scheme analysis: Available:

https://drive.google.com/file/d/1U_4CwHURoisIM22jxZh8EwCFQMuiLoB/view?

usp=sharing

39