WT Final Project

Semester
end
Project
Report
DEPARTMENT OF COMPUTER SCIENCE AND

ENGINEERING GOVIND BALLABH PANT ENGINEERING
COLLEGE OKHLA PH-III, NEW DELHI-20
In partial fulfillment for the award of the degree

of
BACHELOR OF TECHNOLOGY
IN
COMPUTER SCIENCE ENGINEERING
AT
COLLEGE PREDICTOR
Submitted by:
Jai Srivastava-02720902716
Restu-04920902716
Nitin-03820902716
Thakur Singh-05320902716 Page No:(i)
CANDIDATE’S DECLARATION
We hereby certify that the work which is being presented in the semester end project entitled
“College Predictor” , done during the degree of Bachelor of Technology in Computer
Science and Engineering / Information Technology affiliated to Guru Gobind Singh
Indraprastha University , New Delhi and submitted to the Department of Computer
Science and Engineering of G.B. Pant Engineering College, New Delhi, is an authentic
record of our own work carried out during a period of 6th Semester . The matter represented in
this report has not been submitted by me for award of any other degree of this or any other
institute/university.
DATE-08-04-2019
NAME- Jai Srivastava- 02720902716
Restu- 04920902716
Nitin- 03820902716
Thakur Singh- 05320902716
This is to certify that the above statement made by the candidate is correct to the best of our
knowledge.
Signature of Supervisor
Date Name & Designation
Page No: (ii)
ACKNOWLEDGMENT
To acknowledge and thank every individual who directly or indirectly

contributed to this venture personally, would require an inordinate amount of
time. I am deeply indebted to many Individuals, whose cooperation made this
job easier. I am thankful and express my sincere gratitude to “G.B Pant
Enginering College,New Delhi” for providing me an opportunity for fulfilling my
most cherished desire.
I avail this opportunity to express my gratitude to my friends and my parents

for their support and encouragement throughout project. I feel it is a great
pleasure to express my deep sense of profound thanks to my guide Mr.
Manjeet S.Pangtey Sir, who advised me at every step and also encouraged me
to carry out the project.
Lastly, I would like to thank all those whose names may not have appeared
here but whose contribution has not gone unnoticed.
Page No:(iii)
ABSTRACT
The project “ College Predictor” is based on the concept of

HTML,CSS,JavaScript and Bootstrap.Here, the user is first required to enter his
information in the form of his percentile,score, JEE Advanced rank and his
category.Based on the information entered by the user, on clicking the “ Predict
Results” button, a list of available colleges and their braches are displayed in the
form of a pop-up window.The list of colleges displayed are in the form of
hyperlinks which when clicked navigates the user to the eligible IIT's respective
homepages.This tool would help the users in deciding whether they want to join
those institutes or not based on their ranks.
The above project predicts the list of probable colleges on the basis of the
previous years cutoffs and the ranks.If the rank entered by the user does not
match any of the qualifying criteria for admission into any IIT s then it displays
a sad emoji and tells to try hard next time.
Page No:(iv)
TABLE OF CONTENTS
CHAPTER NO. TITLE. PAGE NO.

1 INTRODUCTORY PAGE (i)
2 CANDIDATES DECLARATION (ii)
3 ACKNOWLEDGEMENT (iii)
4 ABSTRACT (iv)
5 OUTPUT SCREENSHOTS 1-4
OF PROJECTS
6 BRIEF THEORY ABOUT PROJECT 4-8

WITH SCREENSHOTS
7 CODE SNIPPETS 9-10

Page No: (v)
OUTPUT SCREENSHOTS OF PROJECT
Fig1.1- Front page of website

Fig 1.2 – Congratulations Result
Page No: 1
Fig. 1.3 – Unsuccessful Result

Fig 1.4- IIT Delhi website
Page No: 2
Fig 1.5- IIT Bombay

Fig 1.6- IIT Madras
Page No: 3
Fig 1.7- IIT Kanpur

INSPECT ELEMENT
1.TOOLS USED
1.1Heading -h3 tool is used
<!DOCTYPE html>
<html>
<body>
<h1>This is heading 1</h1>
<h3>This is heading 3</h3>
</body>
</html>
This is heading 1
This is heading 3
Page No: 4
1.2. HTML <div> Tag
The <div> tag is an empty container, which defines a division or a section. It has no effect on
the content or layout, and is used to group HTML elements to be styled with CSS or
manipulated with scripts.
1.3. HTML <span> Tag

The <span> tag is used to group inline-elements in a document.
The <span> tag provides no visual change by itself.
The <span> tag provides a way to add a hook to a part of a text or a part of a document.
1.4.HTML <button> Tag

The <button> tag defines a clickable button.
Inside a <button> element you can put content, like text or images. This is the difference
between this element and buttons created with the <input> element.
1.5.HTML <script> Tag

The <script> tag is used to define a client-side script (JavaScript).
The <script> element either contains scripting statements, or it points to an external script file
through the src attribute.
1.6 HTML <div> Tag
The <div> tag defines a division or a section in an HTML document.

The <div> element is often used as a container for other HTML elements to style them with
CSS or to perform certain tasks with JavaScript.
1.7 HTML <form> tag
The <form> tag is used to create an HTML form for userinput.

Page No: 5
The <form> element can contain one or more of the following form elements:
•<input>
•<textarea>
•<button>
•<select>
•<option>
•<optgroup>
•<label>
2.NETWORK
Fig2.1. network
2.1BOOTSTRAPPING
Bootstrap is a free and open-source front-end web framework. It contains HTML and CSS-
based design templates for typography, forms, buttons, navigation and other interface
components, as well as optional JavaScript extensions. Unlike many earlier web frameworks,
it concerns itself with front-end development only.
3.EMULATION
In computing, an emulator is hardware or software that enables one computer system (called
the host) to behave like another computer system (called the guest). An emulator typically
enables the host system to run software or use peripheral devices designed for the guest
system. Emulation refers to the ability of a computer program in an electronic device to
emulate (or imitate) another program or device.
Page No: 6
3.1 DESKTOP
Fig3.1-desktop mode emulator

Fig3.2. desktop view
3.2-MOBILE VIEW
Fig3.3- window phone emulator
Page No: 7
Fig3.4.microsoft lumia 950 view
4.How code works for Result
Fig4.1-Result
Page No: 8
CODE SNIPPETS
Fig4.2-source code for result
Fig 4.3-Middle part of sorce code
Page No: 9
Fig 4.4- Code Modal
Fig 4.5- Main If- Else Condition
Page No: 10

WT Final Project

Caricato da

Informazioni sul documento

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

WT Final Project

Caricato da

Copyright:

Formati disponibili

Semester

DEPARTMENT OF COMPUTER SCIENCE AND

In partial fulfillment for the award of the degree

COMPUTER SCIENCE ENGINEERING

Thakur Singh-05320902716 Page No:(i)

NAME- Jai Srivastava- 02720902716

Thakur Singh- 05320902716

To acknowledge and thank every individual who directly or indirectly

I avail this opportunity to express my gratitude to my friends and my parents

The project “ College Predictor” is based on the concept of

CHAPTER NO. TITLE. PAGE NO.

2 CANDIDATES DECLARATION (ii)

6 BRIEF THEORY ABOUT PROJECT 4-8

7 CODE SNIPPETS 9-10

OUTPUT SCREENSHOTS OF PROJECT

Fig1.1- Front page of website

Fig. 1.3 – Unsuccessful Result

Fig 1.5- IIT Bombay

Fig 1.7- IIT Kanpur

1.2. HTML <div> Tag

1.3. HTML <span> Tag

1.4.HTML <button> Tag

1.5.HTML <script> Tag

1.6 HTML <div> Tag

The <div> tag defines a division or a section in an HTML document.

1.7 HTML <form> tag

The <form> tag is used to create an HTML form for userinput.

Fig3.1-desktop mode emulator

Fig3.3- window phone emulator

4.How code works for Result

Fig 4.3-Middle part of sorce code

Fig 4.5- Main If- Else Condition

Potrebbero piacerti anche