0% found this document useful (0 votes)
27 views25 pages

Final Cpe Report

The document discusses developing a website for a college. It covers the importance of having a website, technologies used like HTML, CSS and JavaScript. It also discusses the objectives, scope and methodology for developing the website including requirements analysis, architecture, and technologies.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
27 views25 pages

Final Cpe Report

The document discusses developing a website for a college. It covers the importance of having a website, technologies used like HTML, CSS and JavaScript. It also discusses the objectives, scope and methodology for developing the website including requirements analysis, architecture, and technologies.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 25

1.

Introduction

The web has a far wider reach than any other form of advertising. Increasing visibility is
one major factor that makes having a website important. Even if people have heard about
your college, they may want to carry out research online first, before entertaining the idea
of leaving the comfort of their own home. Websites usually provide a map and directions
to company`s shops or offices, or college for visitors to less likely have trouble finding
your location. Another important reason why having a website to represent your college
is to give you credibility. A website will not only give you credibility but it will also help
to give the impression that your college is bigger and more successful than it may
actually be.
A website is a collection of Web pages, images, videos and other digital assets that is
hosted on one or several Web server, usually accessible via the Internet.The pages of
websites can usually be accessed from a common root URL, called the homepage, and
usually reside on the same physical server. The URLs of the pages organize them into a
hierarchy, although the hyperlinks between them control how the reader perceives the
overall structure and how the traffic flows between the different parts of the sites.
Living in the digital world, a website is now a necessity for a college. If you have
a college and don’t have a website, you are probably losing a number of great
opportunities for your college.
Websites are also available and accessible 24 hours a day, every day of the year. Because
of this, the visitors i.e. students and the parents can visit your site for support or
information about new and upcoming events and notices whenever it is convenient for
them. The website will act as an invaluable and always-available resource for information
which would otherwise only be accessible during the college hours.

1
2. Literature Survey

1. Title: "Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web
Graphics" Author: Jennifer Niederst Robbins Publisher: O'Reilly Media: This book provides a
comprehensive introduction to web design and development, covering essential technologies such
as HTML, CSS, and JavaScript.

2. HTML and CSS: Design and Build Websites" by Jon Duckett: This book provides a comprehensive introduction
to HTML and CSS, covering essential concepts and techniques for building modern websites.Topics include HTML
structure, CSS styling, layout techniques, responsive design principles, and best practices for web development.

3. Responsive Web Design with HTML5 and CSS: Develop future-proof responsive websites using the latest HTML5 and
CSS techniques" by Ben Frain. This book focuses on responsive web design techniques using HTML5 and CSS to create
websites that adapt to various devices and screen sizes. It covers principles of responsive design, fluid layouts, flexible
grids, media queries, and progressive enhancement.

2
3. Scope of Project

3.1 Problem Statement

The existing online portal has got the basic functionalities, but it needs
improvement and upgradation. There are more functionalities and features to be
added to make it easier and convenient for students along with improvements in
user interface,free of bugs.

3.2 Objective:

1. Develop and implement User-Friendly website and manage the activities of the college.

2. To provide informative platform for the college.

3. To grow the interest through the educational website development.

4. To be Responsive.

3.3 Scope

The websites are available and accessible 24 hours a day, every day of the year. Because of this,
the students and their parents can visit our site for support or information about new and
upcoming courses and services which are provided by college. Our website will act as an
invaluable and always-available resource for information which would be accessible all the time
on internet.

3
4. Methodology

4.1 Requirement Analysis

Hardware requirements:

Sr. no Name of Resources Specifications

1. Computer System 1. 8 GB RAM


2. Storage of 512 GB
3. Windows 11

Software requirements:

Sr. no Name of Resources Specifications

1. Software Visual studio

2. Web Hosting Service Netlify

3. Front end HTML, CSS, JavaScript

4
4.2 Architecture Diagram

Fig 4.2 Architecture Diagram for BSIET Official Website.

5
Department of Computer Engineering BSIET, Kolhapur 2022-2023
4.3 Technology Used
 What is Static Website?

A static website is a type of website that displays fixed content to the user. Unlike
dynamic websites, which generate content on the fly based on user interactions and database
queries, static websites deliver pre-built HTML, CSS, and JavaScript files directly to the user's
web browser. The content of a static website remains the same for all users and does not change
unless the site owner manually updates the files.

Key characteristics of static websites include:

 Fixed Content: The content of a static website is pre-defined and does not change
dynamically based on user input or database queries. Each page contains static elements
like text, images, and multimedia files.
 No Server-Side Processing: Static websites do not require server-side processing or
database interactions to generate content. All content is pre-rendered and stored as static
files, which are served directly to users' web browsers upon request.
 Simple Architecture: The architecture of a static website is typically straightforward,
consisting of HTML, CSS, and JavaScript files hosted on a web server. There is no need
for server-side scripting languages or database management systems.
 Fast Performance: Static websites tend to load quickly since they don't rely on server-
side processing to generate content. This can result in faster page load times and a better
user experience, especially on low-bandwidth connections or mobile devices.
 Ease of Deployment: Deploying a static website is often simpler compared to dynamic
websites since there are no server-side dependencies or database configurations to
manage. Static files can be easily uploaded to a web server or hosted on platforms like
GitHub Pages or Netlify.
 Security: Static websites are generally more secure since there is no server-side
processing or database interactions that could be exploited by attackers. However, it's still
essential to implement security best practices, such as HTTPS encryption and regular
updates to prevent vulnerabilities.

6
Department of Computer Engineering BSIET, Kolhapur 2023-2024
 Here are the key technologies used for developing BSIET Official website.

1. HTML (Hyper Text Markup Language):

. HTML is the standard markup language used to create the structure and content of web pages.
. It defines the elements and their attributes that make up the web page, such as headings,
paragraphs, links, images, and more.

2. CSS (Cascading Style Sheet):

. CSS is used for styling the visual presentation of HTML elements on the web page.
. It defines properties like colors, fonts, etc. to enhance the appearance and user experience of the
website.

3. JavaScript

. JavaScript is a programming language that adds interactivity and dynamic behavior to web pages.
. It can be used for client-side scripting to create animations, and more.

4. Text Editors or Integrated Development Environments (IDEs):

. Text editors Visual Studio Code is used for writing and editing HTML, CSS, and JavaScript files.

5. Web Hosting Services:

. Web hosting services Netlify is used to host and serve the static files of the website.
. It provide features like CDN (Content Delivery Network) integration, HTTPS support, custom
domain mapping, and deployment automation.

6. Responsive Web Design Frameworks :

. Frameworks like Bootstrap offer pre-designed components and responsive layout systems to
accelerate the development of mobile-friendly and visually appealing static websites.

7
Department of Computer Engineering BSIET, Kolhapur 2023-2024
1. DETAILS OF DESIGN, WORKING AND PROCESSES
1.1 Diagrams
1.1.1 DFD Level 0

Request for Serves static HTML,


static webpages BSIET CSS, JS Files
User’s Web- OFFICIAL Web Server
browser WEBSITE

Fig 5.1.1 Level 0 Data Flow Diagram for BSIET Official Website

8
Department of Computer Engineering BSIET, Kolhapur 2023-2024
5.1.2 UML Diagram
5.1.2.1 Use Case Diagram

Fig.5.1.2 Use Case Diagram for BSIET Official Website

9
Department of Computer Engineering BSIET, Kolhapur 2023-2024
BSIET Official Website

5.1.2.1 Activity Diagram

Log in to Movie
Recommendation System
Start

Check User Level & Permissions.

Check Permission Check Permission Check Permission


Check
Chec Permissi
k
on
Permiss
ion

Manage Movie Manage movie Manage


Content Language Movie Type Manage Movie
Manage movie
Ratings

Log Out from System End

10
Department of Computer Engineering BSIET, Kolhapur 2022-2023
5.1.2.3
Sequence diagram

Fig 5.1.2.3. Sequence Diagram for BSIET Official Website

11
Department of Computer Engineering BSIET, Kolhapur 2022-2023
Arogyam Dhasmpada
5.2 Schedule

Name of responsible Team


Sr.No. Details of Activity Week No.
Members
1.Topic Search Shreeom .S. Narkar
Week 1 Juee .S. Bhosale
1 2.selection of topic
Mrunal .G. Bhakare
Sakshi .B. Khrishchan
1.Find problems Week 2
2.Find Solution Mrunal .G. Bhakare
2 3.Define problem statement
Sakshi .B. Khrishchan
1. Define scope
3 Week 3 Shreeom .S. Narkar
2. Define methodology
Juee .S. Bhosale

Shreeom .S. Narkar


4 1. Detailed study of machine Week 4-5 Juee .S. Bhosale
learning algorithm Mrunal .G. Bhakare

Sakshi .B. Khrishchan


1. Detailed study of Mrunal .G. Bhakare
5 Week 6-7 Sakshi .B. Khrishchan
hardware resources
Shreeom .S. Narkar
6 1. Analyze resources required Week 6-7 Juee .S. Bhosale

1. Define procedure for Shreeom .S. Narkar


Week 8-9 Juee .S. Bhosale
Website development
7 Mrunal .G. Bhakare
2.Analyze working of resources
Sakshi .B. Khrishchan

Shreeom .S. Narkar


8 1. Design diagrams of system Week 10-11
Juee .S. Bhosale

1.Implementation of arogyam
Dhansmpada Week 12-13 Mrunal .G. Bhakare
9 2.Anayze it Sakshi .B. Khrishchan
1.Study and Install Week 14-15 Shreeom .S. Narkar
Required software Juee .S. Bhosale
10

12
Department of Computer Engineering BSIET, Kolhapur 2022-2023
1.Analyze required Week 16-17 Shreeom .S. Narkar
11 variables and function Juee .S. Bhosale
2.Implement the code Mrunal .G. Bhakare
Sakshi .B. Khrishchan
1.Documentation Week 18-19
12 of hardware and Mrunal .G. Bhakare
software Sakshi .B. Khrishchan
components
1. Documentation Week 20-21
of diagrams, Shreeom .S. Narkar
13 technology used Juee .S. Bhosale

Week 22-23 Shreeom .S. Narkar


1. Perform unit and Juee .S. Bhosale
14
integration testing Mrunal .G. Bhakare
Sakshi .B. Khrishchan

1. Trial of implemented Week 24-25 Mrunal .G. Bhakare


15 project Sakshi .B.Khrishchan

1.Documentaion of future Shreeom .S. Narkar


16 scope Week 26-27 Juee .S. Bhosale

1.Implementation code for Week 26-27 Shreeom .S. Narkar


Arogyam dhansmpada Juee .S. Bhosale
17 website Mrunal .G. Bhakare
2. Retest the whole system Sakshi .B. Khrishchan

1.Final
Week 30 Mrunal .G. Bhakare
documentati
18 Sakshi .B.Khrishchan
on and
demonstratio
n of system

13
Department of Computer Engineering
6 RESULTS AND APPLICATIONS
6.1 Implementation and Design
 Login Page
- If you are a new user, you can create an account by clicking on the "Login" button. Once
you have login, you will be able to access our website and services.

- As shown in Fig.6.1.2 for existing users, please enter your username and
password in the fields provided and click on the "Log In" button.

Fig.6.1.2 Login page

14
Department of Computer Engineering
 Home Page

- The home page in a Arogyam Dhasmpada is typically the first page that a user sees when
they log in to the website. The primary purpose is to provide various services such as
prognosis, diagnosis, Basic Yoga plan and nutritional plan etc.
- In top of the nav bar you sees four options as Home, Services, Contact Us, About Us etc.
Fig .6.1.3

Fig.6.1.3 Home page

15
Department of Computer Engineering
 Services

- In Fig 6.1.4 user choose any services the website can display the detailed information of that
particular disease. For Eg -There are four services which is provided by our website such as
Prognosis, Diagnosis, Nutritional Plan and Basic Yoga Plan.

- If you are clicking on prognosis then you must enter symptoms and click on predict button.
After predicting your disease, you can see the detailed information about the disease. You can
also get the nutritional plan as well as basic Yoga plan of predicted disease.

Fig.6.1.4 Movie Data

16
Department of Computer Engineering
 Movie Rating and Analysis Graph
- In a movie recommendation system, a movie rating analysis graph can be used to help
make recommendations to users based on their preferences.

- As shown in Fig 6.1.9 and Fig 6.1.10 Graph can show how users have rated movies in the past,
and how those ratings compare to the ratings given by other users or by critics. Thisinformation
can be used to identify patterns in user preferences and to make recommendations for movies
that are likely to be well- received by individual users.

Fig.6.1.9 Movie Rating Graphs

17
Department of Computer Engineering
In fig 6.1.10 shows an Analysis Graph

Fig.6.1.10 Analysis Graph

18
Department of Computer Engineering
6.2 Testing

What is Testing?

Testing is the process of evaluating a system or its component(s) with the


intent to find whether it satisfies the specified requirements or not. It is an
investigation conducted to provide stakeholders with information about the quality of
the software product or service under test.
Testing verifies that the system meets the different requirements including,
functional, performance, reliability, security, usability and so on. This verification is
done to ensure that we are building the system right. In addition, testing validates that
the system being developed is what the user needs.

Unit Testing

Unit testing is a software testing method by which individual units of source


code, sets of one or more computer program modules together with associated
control data, usage procedures, and operating procedures, are tested to determine
whether they are fit for use.
Unit tests are typically automated tests written and run by software developers to
ensure that a section of an application (known as the "unit") meets its design and
behaves as intended.

19
Department of Computer Engineering
6.2.2 Test cases for Movie Recommendation system.

Home Page:

Sr.No Test Test Case Steps Test Data Excepted Actual Result Status
Case ID Result

1 TC_01 To Check 1.Enter valid user Valid User name User should User is Pass
User name name and password login to the successfully
and Password 2.Enter valid website login to the
password website
2 TC_02 Login with 1.Enter invalid Invalid User Error Error message Pass
incorrect User name name message is displayed as
User name should be “Incorrect
display UserName”
“Incorrect
UseName”
3 TC_03 Login with 1.Enter invalid Invalid Error Error message Pass
incorrect Password Password message is displayed as
Password should be “Incorrect
display Password”
“Incorrect
Password”
4 TC_04 Login with 1.User User Error Error message Pass
empty User Name:Empty Name:Empty message displayed as
name should be “Enter User
display name”
“Enter User
name”
5 TC_05 Login with 1.Password:Empty Password:Empty Error Error message Pass
empty message displayed as
Password should be “Enter
display Password”
“Enter
Password”
6 TC_05 Check the 1.Enter valid User Valid user name User should User is Pass
functionality name and and password be successfully
of Login Password redirected to redirected to
Button 2.Click on Login home page the home page
Button

20
Department of Computer Engineering
Sign In page:

Sr.No Test Case ID Test Case Steps Test Data Excepted Result Actual Result Status
1 TC_01 To check 1.Enter Valid first System should System is Pass
User first valid first user name be accept the accepted user first
name user name user first name name

2 TC_02 To check 1.Enter Valid System should System is Pass


User middle valid middle be accept the accepted middle
name middle name middle name name
name
3 TC_03 To check 1.Enter Valid last System should System is Pass
last name valid last name be accept the last accepted last name
name name

4 TC_04 To check 1.Enter Valid age System should System is Pass


User age valid age be accept the age accepted age
of the user
5 TC_05 To check 1.Enter Valid Email System should System is Pass
Email ID valid ID be accept the accepted User
Email ID User Email ID Email ID

6 TC_06 To check 1.Enter 10 Valid System should System is Pass


User contact digit of contact be accept the accepted User
number number number User contact contact number
number

7 TC_07 To check 1.Click on Click on User should be User successfully Pass


functionalit Sign in sign in redirected to the redirected to the
y of Sign in button page home page home page
Button

21
Department of Computer Engineering
Contact Us page:

Sr.No Test Case ID Test Case Steps Test Data Excepted Result Actual Result Status

1 TC_01 To check 1.Enter Valid user System should System is Pass


user name valid user name accept the user accepted user
name name name

2 TC_02 To check 1.Enter Valid System should System is Pass


Email ID valid Email ID accept the user accepted
Email ID Email ID Email ID
name
3 TC_03 To check 1.Enter 10 Valid System should be System is Pass
Contact digit contact accept the contact accepted
number number number number contact
number
4 TC_04 To check 1.Enter Valid text The TextBox The TextBox Pass
functionality any message should accept the is accepted the
of Texbox message text message text message
into
TextBox

5 TC_05 To check 1.Click on Click on The message The message Pass


functionality Send Send should be send to is successfully
of Send Message Message the website owner sanded to the
Message button button website owner
Button

22
Department of Computer Engineering
6.3 Application
1. Early disease prediction

2. Remote healthcare access


3. Health education

7 FUTURE SCOPE AND CONCLUSION


7.1 Future Scope

The future scope of an online diseases prediction website is significant, as it


can revolutionize healthcare by providing early detection and prevention of diseases
through advanced algorithms and data analytics. This platform can offer personalized
health insights, facilitate proactive healthcare management, reduce healthcare costs,
and improve overall public health outcomes. Additionally, with advancements in
artificial intelligence and machine learning, these websites can continuously evolve
to enhance accuracy and effectiveness, making them indispensable tools in the future
of healthcare.

7.2 Conclusion

In conclusion, our integrated healthcare system offers a comprehensive


approach to disease management. By leveraging user-entered symptoms, we provide
disease forecasts, personalized nutritional plans, and yoga routines. This holistic
approach empowers individuals to take control of their health and well-being,
promoting a healthier and more informed lifestyle.

23
Department of Computer Engineering
8 REFERENCES AND BIBLIOGRAPHY

References:

1) Machine Learning: Dr.Ruchi Dhoshi,


Dr.Kamal Kant Hiran

2) Machine Learning: Dr.S.Shridhar,


Dr.M.Vijayalakshmi

Bibliography:

https://chat.openai.com/

https://www.google.co.in/

https://www.youtube.com/

24
Department of Computer Engineering
25

You might also like