A PROJECT REPORT

ON

Web Development(”MharoCollege”)

Submitted in partial fulfillment Bachelor of Technology

(Computer Science and Engineering)

SESSION 2023-24

Mentor Submitted by:

Dr. Anjana Sangwan Priyansh
Associate Professor, CSE, SKIT 22ESKCS172

Coordinator: Head of Department

Mr. Manish Bhardwaj Dr.Mukesh Kumar Gupta
Assistant Professor, CSE, SKIT Professor & Head, CSE, SKIT

DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING

SWAMI KESHVANAND INSTITUTE OF TECHNOLOGY,
MANAGEMENT AND GRAMOTHAN
RAMNAGARIA (JAGATPURA), JAIPUR-302017
November, 2023
 ACKNOWLEDGEMENT

It is my pleasure to be indebted to various people, who directly or indirectly contributed

in the development of proposed work and who influenced my thinking, behavior, and acts
during the course of study.

I express my sincere gratitude to Dr.Mukesh Kumar Gupta, Professor and Head, De-
partment of Computer Science and Engineering for providing me an opportunity
to undergo In-house Internship program at SKIT, Jaipur. I am thankful to Mr. Manish
Bhardawaj, coordinator(II Year In-house internship 2022-23), for his support, cooper-
ation, and motivation provided during the internship for constant inspiration, presence,
and blessings. I also extend my sincere appreciation to Mr. Sumit Kumar.

I also extend my sincere appreciation to Mrs.Priya Gupta ma’am who flourished and
helped me in lab sessions conducted during my internship and helped in learning Web
Development.

I also extend my sincere appreciation to Dr. Anjana Sangwan who provided his valu-
able suggestions and precious time in accomplishing my report.

Finally, I express my sincere heartfelt gratitude to all the faculty members of Depart-
ment of Computer Science and Engineering, who helped me directly or indirectly
during the course of work.

Priyansh

22ESKCS172

i
 II Year Industrial Training Report 2023-24

In-house Training Certificate

Designed By: Priyansh, 22ESKCS172 ii

 TABLE OF CONTENTS

1 Introduction 1
1.1 Web development . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1
1.2 Web developer . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2
1.3 Problem Identification . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
1.4 Project scope . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4
1.5 Tool and Technologies to be used . . . . . . . . . . . . . . . . . . . . . . 5
1.5.1 HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
1.5.2 CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
1.5.3 JAVASCRIPT . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
1.5.4 PHP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7

2 Methodology 8
2.1 Software model used . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
2.2 Product Feature . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
2.3 Product User Interfaces . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
2.4 Design and Implementation Constraints . . . . . . . . . . . . . . . . . . . 22
2.5 E-R Diagram . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23
2.6 Use-Case Diagram . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24
2.7 Sequence and Activity Diagrams . . . . . . . . . . . . . . . . . . . . . . . 25

3 Scope 26
3.1 Existing System with Limitations . . . . . . . . . . . . . . . . . . . . . . 26
3.2 Hardware Requirements . . . . . . . . . . . . . . . . . . . . . . . . . . . 27
3.3 Software Requirements . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27

iii
 II Year Industrial Training Report 2023-24

4 Nonfunctional Requirements 28
4.1 Security . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28
4.2 Scalability . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28

5 Implementation and Testing 29

5.1 Code Snippets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29

6 Conclusion and Future Scope 30

References 31

Designed By: Priyansh, 22ESKCS172 iv

 CHAPTER 1

INTRODUCTION

1.1 Web development

Web development refers to the tasks involved in creating, building, and main-
taining websites and web applications that run online on a browser. It en-
compasses a wide range of activities, including web design, web programming,
database management, client-side/server-side scripting, network security con-
figuration, and e-commerce development

Web development can range from developing a simple single static page of
plain text to complex web applications, electronic businesses, and social net-
work services

It involves using a combination of programming languages, tools, and frame-

works to bring a website or web application to life

Web development is a critical element in any digital marketing campaign be-

cause a website lies at the heart of all online marketing efforts. Front-end
developers focus on the part of a website where the user interacts directly,
while back-end developers work on the server side of the application. There
are three main types of web developer specializations: front-end developer,
back-end developer, and full-stack developer.

1
 II Year Industrial Training Report 2023-24

1.2 Web developer

A web developer is a professional who specializes in building and maintaining websites
or web applications. Web development can be broadly categorized into two main areas:
front-end development and back-end development. Some developers specialize in one of
these areas, while others may work as full-stack developers, meaning they are proficient
in both front-end and back-end development.
Here’s an overview of front-end and back-end development:

Front-end Development:

Languages: HTML, CSS, JavaScript Responsibilities: Front-end developers are

concerned with the visual aspects and user interface of a website or web application. They
work on the client side, creating the elements that users interact with directly in their
browsers. This includes designing layouts, implementing styles, and adding interactive
features using JavaScript.

Back-end Development:

Languages: Various, including but not limited to Python, Ruby, Java, PHP,
Node.js
Responsibilities: Back-end developers focus on server-side operations, dealing with
databases, server logic, and application functionality that users don’t see directly. They
handle data storage, user authentication, and server-side logic to ensure the smooth
functioning of the application.

Full-stack Development:

Skills: Proficient in both front-end and back-end technologies Responsibilities: Full-stack

developers have the skills to work on both the client and server sides of an application.
They can handle the entire development process from designing the user interface to
managing databases and server operations. Key skills and technologies often associated
with web developers include:
Database Management: Knowledge of databases like MySQL, PostgreSQL, Mon-
goDB. Version Control: Using tools like Git for code versioning and collaboration. Web
Frameworks: Depending on the chosen language, developers may use frameworks like

Designed By: Priyansh, 22ESKCS172 2

 II Year Industrial Training Report 2023-24

React, Angular, Vue.js (for front-end), or Django, Flask, Express (for back-end). APIs
(Application Programming Interfaces): Integrating with third-party services and building
APIs for data exchange. Web Development Tools: Familiarity with text editors (e.g.,
Visual Studio Code), package managers (e.g., npm, yarn), and build tools (e.g., Web-
pack). Web development is a dynamic field, and developers often need to stay updated
with the latest technologies and best practices. Additionally, effective communication
skills and the ability to work in a collaborative environment are important for success in
this profession.

1.3 Problem Identification

Identifying the problems that students may face when using a college suggestion app
for admission in colleges in Rajasthan can help in developing a more effective and user-
friendly application. Here are some potential problem areas:
Limited Access to Information:

Insufficient Data: The app may not have comprehensive information about all the
colleges in Rajasthan, leading to limited choices for students. Outdated Information:
Colleges frequently update their admission criteria, courses, and facilities. Outdated in-
formation in the app may mislead students.

Lack of Personalization:

Generic Recommendations: The app may provide generic suggestions without consider-
ing the specific preferences, interests, and academic goals of individual students.

Limited Filters:

Inadequate filtering options may result in irrelevant recommendations for students with
unique requirements. Complex Application Process:

Unclear Admission Procedures: The app may not provide clear guidance on the admis-
sion process for each college, causing confusion among students.

Complicated Forms:

The application forms within the app may be complicated or not user-friendly, discour-
aging students from completing the application process. Inadequate Support Services:

Lack of Counseling:

Designed By: Priyansh, 22ESKCS172 3

 II Year Industrial Training Report 2023-24

The app may not offer sufficient guidance or counseling services to help students make
informed decisions about their college choices.

Limited Customer Support:

Insufficient customer support within the app may leave students with unanswered queries
or concerns.

Technical Issues:

Bugs and Glitches:

Technical problems within the app, such as bugs, glitches, or crashes, can disrupt the
user experience and hinder the application process.

Poor Connectivity:

Students in certain regions may face challenges due to poor internet connectivity, im-
pacting their ability to use the app effectively. Incomplete Profile Assessment:

Inadequate Information Gathering: The app may not collect enough information about
a student’s academic achievements, extracurricular activities, and preferences, leading to
inaccurate suggestions.

Limited Integration with Educational Institutions:

Absence of Direct Integration:

The app may not have direct integrations with college admission systems, causing delays
or errors in the submission of applications. Privacy and Security Concerns:
Data Security Issues: Students may be concerned about the security of their personal
information when using the app, especially during the submission of sensitive data for
college applications. Addressing these issues can enhance the overall user experience and
effectiveness of the college suggestion app for students seeking admission in Rajasthan.
Regular updates, user feedback mechanisms, and collaboration with educational institu-
tions can contribute to the improvement of the app.

1.4 Project scope

ABOUT US Welcome to MharoCollege, your ultimate resource for comprehensive infor-
mation on colleges in the beautiful state of Rajasthan. We understand that choosing the
right college is a crucial decision for students, and we are here to simplify that process by

Designed By: Priyansh, 22ESKCS172 4

 II Year Industrial Training Report 2023-24

providing you with all the essential details you need. Our platform focuses primarily on
engineering colleges, medical colleges, and postgraduate institutions in Rajasthan. Here’s
what you can expect from us:
1.Engineering Colleges Listings: Explore engineering colleges in Rajasthan. A deep
overview about the college after lot of research courses offered by the institute placement
report after all survey
2.Pharmacy Listings: Explore engineering colleges in Rajasthan. Admission Guid-
ance: Stay updated on admission procedures and criteria.
3.PostGraduation Listings: Explore engineering colleges in Rajasthan. Admission
Guidance: Stay updated on admission procedures and criteria.
Why We Started: MharoCollege was born out of a simple realization - there was a
lack of comprehensive online resources for colleges in Rajasthan. We recognized the need
for a platform that provides students with easy access to vital informationabout colleges
in the state. Our dedication to filling this gap motivated us to create MharoCollege.
Our Mission MharoCollege is dedicated to simplifying your college selection process.
We provide accurate and up-to-date information to help you make informed decisions
about your education and future career.
Contact Us: Have questions or need assistance? Reach out to our support team
through our contact page.
Thank you for choosing MharoCollege as your trusted source for college information
in Rajasthan. We look forward to being part of your educational journey.

1.5 Tool and Technologies to be used

1.5.1 HTML

The HyperText Markup Language or HTML is the standard markup language for doc-
uments designed to be displayed in a web browser. It can be assisted by technologies
such as Cascading Style Sheets (CSS) and scripting languages such as JavaScript. Web
browsers receive HTML documents from a web server or from local storage and render
the documents into multimedia web pages. HTML describes the structure of a web page
semantically and originally included cues for the appearance of the document. HTML
elements are the building blocks of HTML pages. With HTML constructs, images and

Designed By: Priyansh, 22ESKCS172 5

 II Year Industrial Training Report 2023-24

other objects such as interactive forms may be embedded into the rendered page. HTML
provides a means to create structured documents by denoting structural semantics for
text such as headings, paragraphs, lists, links, quotes and other items. HTML elements
are delineated by tags, written using angle brackets. Tags such as ¡img /¿ and ¡input /¿
directly introduce content into the page. Other tags such as ¡p¿ surround and provide
information about document text and may include other tags as sub-elements. Browsers
do not display the HTML tags but use them to interpret the content of the page.

1.5.2 CSS

Cascading Style Sheets (CSS) is a style sheet language used for describing the presen-
tation of a document written in a markup language such as HTML or XML (including
XML dialects such as SVG, MathML or XHTML).[1] CSS is a cornerstone technology
of the World Wide Web, alongside HTML and JavaScript.[2] CSS is designed to enable
the separation of presentation and content, including layout, colors, and fonts.[3] This
separation can improve content accessibility; provide more flexibility and control in the
specification of presentation characteristics; enable multiple web pages to share format-
ting by specifying the relevant CSS in a separate .css file, which reduces complexity and
repetition in the structural content;and enable the .css file to be cached to improve the
page load speed between the pages that share the file and its formatting. Separation
of formatting and content also makes it feasible to present the same markup page in
different styles for different rendering methods, such as on-screen, in print, by voice (via
speech-based browser or screen reader), and on Braille-based tactile devices. CSS also has
rules for alternate formatting if the content is accessed on a mobile device.[4] The name
cascading comes from the specified priority scheme to determine which style rule applies
if more than one rule matches a particular element. This cascading priority scheme is
predictable.

1.5.3 JAVASCRIPT

JavaScript (/dvskrpt/), often abbreviated as JS, is a programming language that is one

of the core technologies of theWorldWideWeb, alongside HTML and CSS. As of 2022, 98
JavaScript is a high-level, often just-in-time compiled language that conforms to the EC-
MAScript standard.[10] It has dynamic typing, prototype-based objectorientation, and

Designed By: Priyansh, 22ESKCS172 6

 II Year Industrial Training Report 2023-24

first-class functions. It is multi-paradigm, supporting event-driven, functional, and imper-

ative programming styles. It has application programming interfaces (APIs) for working
with text, dates, regular expressions, standard data structures, and the Document Object
Model (DOM).

1.5.4 PHP

PHP is a general-purpose scripting language geared toward web development.[5] It was

originally created by Danish-Canadian programmer Rasmus Lerdorf in 1994.[6] The PHP
reference implementation is now produced by The PHP Group.[7] PHP originally stood
for Personal Home Page,[6] but it now stands for the recursive initialism PHP: Hypertext
Preprocessor.[8] PHP code is usually processed on a web server by a PHP interpreter im-
plemented as a module, a daemon or as a Common Gateway Interface (CGI) executable.
On a web server, the result of the interpreted and executed PHP code – which may be
any type of data, such as generated HTML or binary image data – would form the whole
or part of an HTTP response. Various web template systems, web content management
systems, and web frameworks exist which can be employed to orchestrate or facilitate
the generation of that response. Additionally, PHP can be used for many programming
tasks outside the web context, such as standalone graphical applications[ 9] and robotic
drone control.[10] PHP code can also be directly executed from the command line.

Designed By: Priyansh, 22ESKCS172 7

 CHAPTER 2

METHODOLOGY

Methodology of Web Development

Web development methodologies refer to the approaches and processes used by devel-
opment teams to manage and execute web development projects. There are several
methodologies commonly used in web development, each with its own pros, cons, and
unique features. The most popular methodologies include:
1. *Waterfall Methodology*: This is a traditional and linear method where the
process is broken down into individual steps or stages that are completed one by one. It
involves laying out all objectives and ideas at the start before implementing them in a
structured order.
2. *Agile Methodology*: Agile is the opposite of the Waterfall method, focusing
on flexibility and adaptability. It does not have set steps or stages and is designed to
improve productivity by allowing for changes throughout the development process.
3. *Scrum, Extreme Programming, and Lean*: These are other methodologies
used for web app development, each with its own characteristics and best-use scenarios.
The specific methodology chosen for a web development project depends on factors
such as project complexity, duration, and the clarity of requirements. Each methodology
has its advantages and best-use scenarios, and it’s important to assess the scale and
aspects of the upcoming project to choose the most suitable methodology

2.1 Software model used

We use Waterfall model in our MharoCollege project

8
 II Year Industrial Training Report 2023-24

2.2 Product Feature

A college admission suggestion website aims to assist students in finding suitable colleges
based on their preferences, academic qualifications, and other relevant criteria. The
features of such a website can vary, but here are some common features that are often
included:

Designed By: Priyansh, 22ESKCS172 9

 II Year Industrial Training Report 2023-24

User Registration and Profile:

User Accounts: Allow students to create accounts with personal information, academic
history, and preferences. Profile Management: Enable users to update and manage their
profiles with the latest academic achievements and preferences. College Database:

Comprehensive Database: Include a well-organized database of colleges with detailed

information, such as courses offered, admission criteria, facilities, and extracurricular ac-
tivities. Search and Filter Options: Provide search and filter functionalities to help users
narrow down their choices based on criteria like location, courses, admission requirements,
etc.

Recommendation Engine:
Personalized Recommendations: Implement a recommendation system that suggests
colleges based on the user’s academic performance, interests, and preferences. Machine
Learning: Utilize machine learning algorithms to continuously improve and personalize
recommendations over time.

Admission Guidance:
Admission Process Information: Provide detailed information on the admission pro-
cesses of different colleges, including deadlines, required documents, and interview details.
Guidance Articles: Publish articles or guides to help students navigate the college ad-
mission process successfully.

User Feedback and Reviews:

Student Reviews: Allow students to share their experiences and reviews about colleges
to help others make informed decisions.

Rating System: Implement a rating system for colleges based on factors like academic
quality, campus life, and facilities.

Application Status: Enable users to track the status of their college applications,
including submission status, interview dates, and admission decisions.

Notifications:

Alerts and Reminders: Send notifications to users about upcoming application

Designed By: Priyansh, 22ESKCS172 10

 II Year Industrial Training Report 2023-24

deadlines, interviews, and other relevant events.

Personalized Updates: Provide personalized updates based on the user’s college choices
and preferences.

User Support:

Live Chat or Support Ticket System: Offer a mechanism for users to seek assistance
or clarification on queries related to the admission process.

FAQ Section: Include a comprehensive FAQ section addressing common questions and
concerns. Mobile Responsiveness:

Mobile-Friendly Design: Ensure the website is accessible and user-friendly on various

devices, including smartphones and tablets. Security and Privacy:
Secure Data Handling: Implement security measures to protect user data, espe-
cially sensitive information related to academic records and personal details. Social Media
Integration:

Social Sharing: Allow users to share their college choices or experiences on social
media platforms. Integration with Social Login: Enable users to register or log in using
their social media accounts.

Feedback Mechanism:

User Surveys: Conduct surveys to gather feedback from users and improve the
website’s features and functionality. It’s important to continually update and enhance
these features based on user feedback and changes in the college admission landscape to
provide an effective and user-friendly platform.

Designed By: Priyansh, 22ESKCS172 11

 II Year Industrial Training Report 2023-24

2.3 Product User Interfaces

Following are the modules of MharoCollege project.

Designed By: Priyansh, 22ESKCS172 12

 II Year Industrial Training Report 2023-24

Designed By: Priyansh, 22ESKCS172 13

 II Year Industrial Training Report 2023-24

Designed By: Priyansh, 22ESKCS172 14

 II Year Industrial Training Report 2023-24

Designed By: Priyansh, 22ESKCS172 15

 II Year Industrial Training Report 2023-24

Designed By: Priyansh, 22ESKCS172 16

 II Year Industrial Training Report 2023-24

Designed By: Priyansh, 22ESKCS172 17

 II Year Industrial Training Report 2023-24

Designed By: Priyansh, 22ESKCS172 18

 II Year Industrial Training Report 2023-24

Designed By: Priyansh, 22ESKCS172 19

 II Year Industrial Training Report 2023-24

Designed By: Priyansh, 22ESKCS172 20

 II Year Industrial Training Report 2023-24

Designed By: Priyansh, 22ESKCS172 21

 II Year Industrial Training Report 2023-24

2.4 Design and Implementation Constraints

Design and Implementation Constraints 1. Operating System Constraint

• System should be compatible and will smoothly run on Android version 6.0 or above.

2. Device Constraint

• Website’s core system and its user interface should be compatible with tablets. How-
ever,running on small android mobile devices in not necessary.

Designed By: Priyansh, 22ESKCS172 22

 II Year Industrial Training Report 2023-24

2.5 E-R Diagram

Designed By: Priyansh, 22ESKCS172 23

 II Year Industrial Training Report 2023-24

2.6 Use-Case Diagram

Designed By: Priyansh, 22ESKCS172 24

 II Year Industrial Training Report 2023-24

2.7 Sequence and Activity Diagrams

Designed By: Priyansh, 22ESKCS172 25

 CHAPTER 3

SCOPE

3.1 Existing System with Limitations

The existing college review website for admission has limitations that hinder its effective-
ness. These limitations include:

1. Lack of straightforwardness in selection criteria, leading to confusion for prospective

students

2 . Inability to meet the informational needs and expectations of prospective students,

particularly in organizing content and providing easy access to application materials

3 . Disadvantages for some students due to the use of test scores in the admissions pro-
cess, which may not accurately reflect their potential to succeed in college

4 . The traditional admissions model’s failure to provide tailored information on aca-

demic programs, financial aid, and direct guidance to students

5 . These limitations highlight the need for improvements in the college review website
to better serve prospective students and address the challenges in the admissions process

26
 II Year Industrial Training Report 2023-24

3.2 Hardware Requirements

3.3 Software Requirements

Software used : Description

Platform :Any Java Script enabled web browser

Database : To save and retrive the item records,admin records,we have chosen php-
MyAdmin

Tools/IDE :V.S.Code,Xampp

Technologies Used : Html,CSS,JAVA SCRIPT

Designed By: Priyansh, 22ESKCS172 27

 CHAPTER 4

NONFUNCTIONAL REQUIREMENTS

4.1 Security
There is a need for a proper and encrypted login authentication for manager and admin
as employee sensitive information as well as inventory should be protected from hacking.

4.2 Scalability
Selection of server side configuration and database software should be done in such a
manner that a large number of visitors can have a look and can book the Room. 4.2
Scalability Requirements Selection of server side configuration and database software
should be done in such a manner that a large number of visitors can have a look and can
book the Room. Designed By:

28
 CHAPTER 5

IMPLEMENTATION AND TESTING

5.1 Code Snippets

29
 CHAPTER 6

CONCLUSION AND FUTURE SCOPE

The limitations of the existing college review website for admission underscore the need for
significant improvements to better serve prospective students and address the challenges
in the admissions process. These limitations include the lack of straightforwardness in se-
lection criteria, organizational issues, and the disadvantages associated with the use of test
scores in the admissions process. Moving forward, the future scope of college review web-
sites for admission involves addressing these limitations and embracing emerging trends
in higher education enrollment. This includes enhancing the clarity and accessibility of
selection criteria, providing tailored information on academic programs and financial aid,
and ensuring equitable access to the admissions process for all students. Additionally,
the future of college admission may see a shift towards more holistic evaluation methods
that consider a broader range of factors beyond grades and test scores. In conclusion, the
future of college review websites for admission lies in their ability to evolve and adapt
to meet the changing needs of prospective students, while also promoting fairness and
inclusivity in the admissions process.

30
 REFERENCES

www.geeksforgeeks.org

www.w3schools.com

www.tailwindcss.com

www.javatpoint.com

www.phpMyAdmin.com

31