NOTEHUB

A mini-project report submitted in partial fulfillment of the Academic

requirements for the award of the Degree of

BACHELOR OF ENGINEERING
IN
INFORMATION TECHNOLOGY

By

P. SRI CHARAN REDDY (2451-20-737-002)

CHIDURUPPALA POOJA (2451-20-737-004)
KHUSHAL ARAVAPALLI (2451-20-737-005)

Under the guidance of

Dr. A.V. Krishna Prasad
Associate Professor,Dept of IT

DEPARTMENT OF INFORMATION TECHNOLOGY

MATURI VENKATA SUBBA RAO (MVSR) ENGINEERING COLLEGE
(An Autonomous Institution)
(Affiliated to Osmania University, Hyderabad. Recognized by AICTE)
Nadergul, Saroornagar Mandal, Hyderabad-501510

2022-2023

MATURI VENKATA SUBBA RAO (MVSR)

 ENGINEERING COLLEGE
(An Autonomous Institution)
(Affiliated to Osmania University, Hyderabad. Recognized by AICTE)
Nadergul, Saroornagar Mandal, Hyderabad-501510

DEPARTMENT OF INFORMATION TECHNOLOGY

CERTIFICATE
This is to certify that the mini project work entitled “NOTEHUB” is a bonafide work carried
out by Mr. P. Sri Charan Reddy (2451-20-737-002), Ms. Chiduruppala Pooja
(2451-20-737-004), Mr. Khushal Aravapalli (2451-20-737-005) in partial fulfillment of the
requirements for the award of degree of Bachelor of Engineering in Information
Technology from Maturi Venkata Subba Rao (M.V.S.R.) Engineering College, affiliated
to OSMANIA UNIVERSITY, Hyderabad, during the Academic Year 2021-22. Under our
guidance and supervision.
The results embodied in this report have not been submitted to any other university or
institute for the award of any degree or diploma.

Signature of Project Incharge Signature of Guide

Signature of Head, ITD Signature of External Examiner

2
 DECLARATION

This is to certify that the work reported in the present mini-project entitled “NOTEHUB” is a
record of bonafide work done by us in the Department of Information Technology, M.V.S.R.
Engineering College, and Osmania University. This report is based on the project work done
entirely by us and not copied from any other source.

The results embodied in this project report have not been submitted to any other University or
Institute for the award of any degree or diploma to the best of our knowledge and belief.

Roll Number Student Name Signature

2451-20-737-002 P. SRI CHARAN REDDY

2451-20-737-004 CHIDURUPPALA POOJA

2451-20-737-005 KHUSHAL ARAVAPALLI

3
 ACKNOWLEDGEMENT

We, with extreme jubilance and deepest gratitude, would like to thank our guide, Dr.
A.V. Krishna Prasad, Associate Professor, Department of Information Technology,
Maturi Venkata Subba Rao (MVSR) Engineering College, for his constant encouragement to
us to complete our work in time.

With immense pleasure, we record our deep sense of gratitude to our beloved Head of the
department Dr.K.VenuGopal Rao Dean-Academics & HOD, Department of Information
Technology, Maturi Venkata Subba Rao Engineering College, for permitting and providing
facilities to carry out this project.

We would like to extend our gratitude to D.Muninder and K.Devaki Mini-Project-I

coordinators, Department of Information Technology, Maturi Venkata Subba Rao
Engineering College, for their valuable suggestions and timely help during the course of the
project.

Finally, we express, from the bottom of our heart and deepest gratitude to the entire faculty,
my parents and family for the support, dedication, comprehension and love.

P. SRI CHARAN REDDY(2451-20-737-002)

CHIDURUPPALA POOJA (2451-20-737-004)
KHUSHAL ARAVAPALLI (2451-20-737-009)

4
 MVSR Engineering College
Department of Information Technology

COURSE NAME: MINI PROJECT I

COURSE CODE: PW 654 IT

VISION
To impart technical education to produce competent and socially responsible engineers in the
field of Information Technology.

MISSION
M1. To make the teaching-learning process effective and stimulating.

M2. To provide adequate fundamental knowledge of sciences and Information Technology with
a positive attitude.

M3. To create an environment that enhances skills and technologies required for industry.

M4. To encourage creativity and innovation for solving real world problems.

M5. To cultivate professional ethics in students and inculcate a sense of responsibility towards
society

PROGRAM EDUCATIONAL OBJECTIVES (PEOs)

The Bachelor’s program in Information Technology is aimed at preparing graduates who will:

I. Apply knowledge of mathematics and Information Technology to analyze, design and

implement solutions for real world problems in core or in multidisciplinary areas.

II. Communicate effectively, work in a team, practice professional ethics and apply knowledge

of computing technologies for societal development.

III. Engage in Professional development or postgraduate education to be a life-long learner.

5
PROGRAM OUTCOMES (POs)
1. Engineering knowledge: Apply the knowledge of mathematics, science, engineering
fundamentals, and an engineering specialization to the solution of complex engineering
problems.
2. Problem analysis: Identity, formulate, review research literature, and analyze complex
engineering problems reaching substantiated conclusions using the first principles of
mathematics, natural sciences, and engineering sciences.
3. Design/development of solutions: Design solutions for complex engineering problems and
design system components or processes that meet the specified needs with appropriate
consideration for the public health and safety, and the cultural, societal, and environmental
considerations.
4. Conduct investigations of complex problems: Use research-based knowledge and research
methods including design of experiments, analysis and interpretation of data, and synthesis of
the information to provide valid conclusions.
5. Modern tool usage: Create, select, and apply appropriate techniques, resources, and modern
engineering and IT tools including prediction and modeling to complex engineering activities
with an understanding of the limitations.
6. The engineer and society: Apply reasoning informed by the contextual knowledge to assess
societal, health, safety, legal and cultural issues and the consequent responsibilities relevant
to the professional engineering practice.
7. Environment and sustainability: Understand the impact of the professional engineering
solutions in societal and environmental contexts, and demonstrate the knowledge of, and need
for sustainable development.
8. Ethics: Apply ethical principles and commit to professional ethics and responsibilities and
norms of the engineering practice.
9. Individual and team work: Function effectively as an individual, and as a member or leader in
diverse teams, and in multidisciplinary settings.
10. Communication: Communicate effectively on complex engineering activities with the
engineering community and with society at large, such as, being able to comprehend and
write effective reports and design documentation, make effective presentations, and give and
receive clear instructions.
11. Project management and finance: Demonstrate knowledge and understanding of the
engineering and management principles and apply these to one’s own work, as a member and
leader in a team, to manage projects and in multidisciplinary environments.
12. Life-long learning: Recognize the need for, and have the preparation and ability to engage in
independent and life-long learning in the broadest context of technological change.

PROGRAM SPECIFIC OUTCOMES (PSOS):

(1) Hardware design: An ability to analyze, design, simulate and implement computer
hardware/software and use basic analog/digital circuits, VLSI design for various computing
and communication system applications.
(2) Software design: An ability to analyze a problem, design algorithm, identify and define the
computing requirements appropriate to its solution and implement the same.

6
COURSE OBJECTIVES:
1. To enhance practical & Professional skills.

2.To familiarize the tools and techniques of symmetric literature survey and documentation.

3. To expose students to industry practices and teamwork.

4. To encourage students to work with innovative and entrepreneurial ideas.

COURSE OUTCOMES:
On successful completion of this course students will be able to:

1. Define a problem of the recent advancements with applications towards society.

2. Outline requirements and perform requirement analysis for solving the problem.

3. Design and develop a software and/or hardware-based solution within the scope of project
using contemporary technologies and tools.

4. Test and deploy the applications for use.

5. Develop the Project as a team and demonstrate the application, with effective written and oral
communications.

7
 ABSTRACT

Notehub is a web application that offers a convenient and organized way to store and upload
user notes. With the help of our personal assistant, users can easily manage notes and quickly
find what they need. Users can use our personal assistant to also open external websites
directly. In addition to organizing notes, our website also offers a place to store tour
reminders as sticky notes. Whether a user needs to upload notes or view notes during exams,
our website offers a reliable platform to store and manage them. With our user-friendly
interface and advanced features, our website is the perfect solution for any student and
faculty.

8
 LIST OF FIGURES

FIGURE NO NAME OF THE FIGURE PAGE NO.

4.1 System Architecture 7

4.2.1 Use Case Diagram 9

4.2.2 Class Diagram 10

4.2.3 Activity Diagram 13

5.1 Python installation 15

5.1.1 VsCode 17

6.1 Login Page 24

6.1.2 Signup Page 25

6.2 Home Page 26

6.3 Streamlit Page 26

6.4 Notes View Page 27

6.4.2 Notes Upload Page 27

6.5 Firebase Data 28

7.2.1 Known user 30

7.2.2 Unknown user 30

LIST OF TABLES

TABLE NO NAME OF THE TABLE PAGE NO.

2.1 LITERATURE SURVEY 4

9
 LIST OF SYMBOLS

NOTATION

S.N NAME NOTATION DESCRIPTION

O

Class
Name
1. Class Represents a
+ public collection of similar
entities grouped
-attribute together.
-private
-attribute

N Association represents
Cla
A Cla static relationships
2. Association ss
M ss between classes. Role
A
E B represents the way the
Clas Clas two classes see each
sA sB other.

It aggregates several
3. Actor classes into a single
class.

Class A Class A Interaction between

4. Aggregation the system and
external environment

Class B Class B

10
 Extends relationship
Relation Extends is used when one use
6 case is similar to
. (extends) another use case but
does a bit more.

7.
Communicatio Communication
n between various use
cases.

8.
State Sta State of the
te processes.

9. Initial State
Initial state of the
object

10. Final state

Final state of the
object

Represents various
11. Control flow control flow between
the states

11
 TABLE OF CONTENTS

CONTENTS PAGE NO.

TITLE i
CERTIFICATE ii
DECLARATION iii
ACKNOWLEDGEMENT iv
VISION v
MISSION v
PROGRAM OUTCOMES vi
COURSE OBJECTIVES vii
COURSE OUTCOMES vii
ABSTRACT vii
LIST OF FIGURES ix
LIST OF TABLES x
LIST OF SYMBOLS xi
TABLE OF CONTENTS xii
CHAPTER 1: INTRODUCTION 14
1.1 PROBLEM STATEMENT, 1.2 OBJECTIVES, 1.3 MOTIVATION,
1.4 EXISTING SYSTEM, 1.5 PROPOSED SYSTEM, 1.6 SCOPE
CHAPTER 2: LITERATURE SURVEY 4 17
CHAPTER 3: SYSTEM REQUIREMENT SPECIFICATION 19
3.1 SOFTWARE REQUIREMENTS 19
3 HARDWARE REQUIREMENTS 19
CHAPTER 4: SYSTEM DESIGN 20
4.1 SYSTEM ARCHITECTURE 20
4.1.1 ARCHITECTURE DESCRIPTION 20
4.2 UML DIAGRAMS 21
4.2.1 USE CASE DIAGRAM 22
4.2.2 CLASS DIAGRAM 23
4.2.3 ACTIVITY DIAGRAM 24

CHAPTER 5: IMPLEMENTATION 25
12
5.1 ENVIRONMENTAL SETUP 25
5.2 INSTALLING PACKAGES 26
5.3 MODULE DESCRIPTION 28
CHAPTER 6: RESULTS 30
CHAPTER 7: TESTS 36
CHAPTER 8: CONCLUSION AND FUTURE ENHANCEMENTS 41
REFERENCES 41
APPENDIX 42

CHAPTER 1

13
 INTRODUCTION

Students studying engineering or any course have many notes to go through. The availability
of the notes, organizing of the notes has become a hectic issues for students. It consumes
students time and energy, even though students have access to notes, a lot of them are of
poorly maintained when in form of pdfs, word, docs etc. which makes things worse for
students especially during exams.

To address these challenges and requirements, we came up with Note Hub, a platform which
aims to revolutionize the way students and educators engage with educational content which
makes learning more efficient and enjoyable.

NoteHub, which not only eradicates the problem of availability and organizing of the notes
but also allows students to share their notes to everyone. Personal assistant will provide
smooth access to various websites along with other features which includes speech to text
conversion.

Through NoteHub, the users can choose an engineering department and their semester.
Subjects for the respective semester and department are shown. Users have to pick the subject
to access all the pdf notes. If notes on a particular subject are not available the user can
upload the notes on the website. Personal assistant provides following features : navigates to
different websites, speech to text conversion, captures pictures , perform calculations, gives
the weather report. The sticky notes maintains any reminders that the user would like to store.

1.1 PROBLEM STATEMENT

The existing challenges faced by students studying engineering or any course include the
overwhelming abundance of notes, difficulties in organizing them efficiently, and the lack of
standardized formats. Accessing poorly maintained notes in various formats like PDFs and
Word documents further exacerbates these issues, especially during exams. The need for a
comprehensive solution to streamline note availability, organization, and sharing has become
evident. An all-encompassing education website that simplifies note-taking, supports
collaborative learning, and enhances productivity through the integration of a personal
assistant and sticky notes.

14
1.2 OBJECTIVES

The objective of this project:

 To store and maintain notes..

 To allow users to store reminders

 To allow users to use personal assistant to perform various tasks.

1.3 MOTIVATION

NoteHub's motivation is to simplify learning, empower students through collaboration,

enhance efficiency with innovative technology, and positively impact education. Addressing
real-world problems, our team's passion for education drives us to create a platform that
revolutionizes note-taking and fosters a supportive academic environment.

1.4 EXISTING SYSTEM

Traditional method uses manual observations to properly upload files. There are many note-
taking application that allow you to take notes in a variety of formats and organize them with
labels and colors. However, students and faculty waste a lot of time in finding the right files.
Users without proper knowledge face difficulties in accessing the application and they require
user friendly and easy to use interfaces

DRAWBACKS OF EXISTING SYSTEM

 Uses too many unnecessary advanced features.

 Difficulty in accessing the application.

 There is no proper authentication in these apps which is a major concern.

 Most of the notes and files are unorganized.

 Cost is high or requires subscriptions to access materials.

 Security is another major issue

15
1.5 PROPOSED SYSTEM

NoteHub is a dynamic web application which offers a convenient and organized way to store
and upload user notes.
It is user friendly with inbuilt AI assistant which can ensure smoother navigation and can be
used to browse external websites through voice or text commands.
NoteHub offers a centralized note repository with user-generated content, integrated personal
assistant, efficient organization, and optimized exam preparation and sticky notes foster a
positive learning environment, promoting academic growth and accessibility from various
devices

1.6 SCOPE

● The scope of this project involves developing a real-time education website,

NoteHub, that serves as a centralized hub for students to access, share, and organize
subject-specific notes, fostering a collaborative learning environment.
● The project aims to integrate an intelligent personal assistant, offering features like
speech-to-text conversion, website navigation, and more, enhancing productivity and
convenience for users in their academic pursuits.

16
 CHAPTER 2

LITERATURE SURVEY

S. NAME YEAR AUTHOR ALGORITH ADVANTA LIMITATION

N NAME M/ GES S
O TECHNIQU
E USED

1 Notes 1999 J.A.Landay NoSQL, Note-taking Too much

management Ink based applications reliance on
appliances for System that run on advanced
student to inexpensive hardware
student personal systems,
collaboration digital No proper
assistants authentication
(PDAs) and
other ink-
based capture
devices

2 2011 HTML, Flash notes

Flash notes Norul Huda Javascript present Limited Depth
and easy Yusof,Rosil concise and of
electronic ah Hassan visually Understanding,L
software engaging ack of Hands-
(EES): New summaries of On
technique to complex Experience,Over
improve concepts, emphasis on
Digital Logic making it Automation
Design easier to
learning grasp key
ideas quickly.

17
3 Personal 2017 Prajyot Speech The assistant Usage of
Assistant Mane, recognition , continuously complex
Shubham GTTS and improves its algorithms,
Sonone, Advanced behavior more usage of
Sardar Patel Libraries for based on storage space for
audio previous learning,
processing experiences. too many
Agents are imports for
capable of various libraries
accessing and APIs
information
from
databases to
guide people
through
different
tasks.
4 Next- 2018 Veton Speech Enhanced Privacy
generation of Këpuska,Ga recognition, Natural Concerns,Misint
virtual mal Speech to Language erpretation and
personal Bohouta text Processing Errors,Limited
assistants conversion (NLP),Impro Emotional
ved Context Intelligence,Job
Awareness,M Displacement,S
ultimodal ocial
Interaction Isolation,Ethical
Dilemmas
5 Implementatio Oenardi Improved
n of enhanced 2012 Lawanto,Ha SQL, Comprehensi Technical
guided notes rry B. NODEJS on,Active Challenges,Une
Santoso Learning,Pers qual
onalization. Participation.

18
 CHAPTER 3

SYSTEM REQUIREMENTS SPECIFICATIONS

3.1 HARDWARE REQUIREMENTS

● Processor : I3/Intel Processor

● Hard Disk : 160GB
● RAM : 8Gb

3.2 SOFTWARE REQUIREMENTS

● Operating System : Windows 8,10,11, Linux

● IDE : Visual studio Code
● Libraries Used : Pyttsx3 ,wolframalpha, speech recognition.
● Technology : HTML,CSS, JavaScript, Streamlit, NoSQL Database
● Accessories : Webcam, microphone.

19
 CHAPTER 4

SYSTEM DESIGN

4.1 SYSTEM ARCHITECTURE

Fig-4.1 SYSTEM ARCHITECTURE

4.1.1 Architecture Description

● Front end for the User interface
● Front end includes authentication of the user and graphical interface for the user.
● The user will select the engineering department and respective subject
● After the user selection, the notes related to user query are fetched from database.
● The fetching of data is a part of backend web development.
● Taking audio or text commands as input for the AI assistance.
● The Assistant will provide the results and hyperlinks of external websites if

20
 needed.

● The sticky notes store any reminders that the user provides.

4.2 UML DIAGRAMS

UML stands for Unified Modeling Language. UML is a standardized general-purpose modeling
language in the field of object-oriented software engineering. The standard is managed, and was
created by, the Object Management Group.

The goal is for UML to become a common language for creating models of object-oriented
computer software. In its current form UML comprises two major components: A Meta-model
and a notation. In the future, some form of method or process may also be added to; or associated
with, UML.

The Unified Modeling Language is a standard language for specifying, Visualization,

Constructing and documenting the artifacts of software systems, as well as for business modeling
and other non-software systems.

The UML represents a collection of best engineering practices that have proven successful in the
modeling of large and complex systems.

The UML is a very important part of developing objects-oriented software and the software
development process. The UML uses mostly graphical notations to express the design of
software projects.

21
4.2.1 Use Case Diagram

 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 a system in terms
of actors, their goals (represented as use cases), and any dependencies between
those use cases.

Fig-4.2.1 USE CASE DIAGRAM

22
4.2.2 Class Diagram

 In software engineering, a class diagram in the Unified Modeling Language (UML) is

a type of static structure diagram that describes the structure of a system by showing
the system's classes, their attributes, operations (or methods), and the relationships
among the classes. It explains which class contains which information.

Fig
-4.2.2 CLASS DIAGRAM

23
4.2.3 Activity Diagram

 Activity diagrams are graphical representations of workflows of stepwise activities

and actions with support for choice, iteration and concurrency. In the Unified
Modelling Language, activity diagrams can be used to describe the business and
operational step-by-step workflows of components in a system. An activity diagram
shows the overall flow of control.

Fig-4.2.3 ACTIVITY DIAGRAM

24
 CHAPTER 5

IMPLEMENTATION

5.1 ENVIRONMENTAL SETUP

5.1.1 Installing Python:

1. To download and install Python visit the official website of
Python https://www.python.org/downloads/ and choose your version.

FIG-5.1 PYTHON INSTALLATION

2. Once the download is complete, run the exe for install Python. Now click on Install Now.

3. You can see Python installing at this point.

4. When it finishes, you can see a screen that says the Setup was successful. Now click on
"Close".

5.1.2 Installing Visual Studio Code:

25
 1. Visit the official website of Visual Studio (https://visualstudio.microsoft.com/) and
navigate to the "Downloads" section.

2. Choose the edition of Visual Studio you want to install based on your requirements.
There are different editions available, such as Visual Studio Community (free), Visual
Studio Professional, and Visual Studio Enterprise.

3. Click on the "Download" button next to the chosen edition to start the download

FIG-5.1.1 VISUAL STUDIO CODE DOWNLOAD

4. Once the download is complete, locate the downloaded setup file and run it.

5.2 Installing Packages

. You need to install some packages to execute your project in a proper way.

10. Open the command prompt or terminal as administrator.

11. The prompt will open, with specified path, type “pip install package name” which you
want to install.

Ex: pip install streamlit

26
List of packages to install:

1. Streamlit
2. Speech Recognition
3. pyttsx3
4. Wikipedia
5. Wolframalpha

1. User
• 1.1 Registration or Signup:

1.1.1 Enter mail id

1.1.2 Enter Password
1.1.3 Confirm Password

When the account has been created, an alert message pops up. The application
uses firebase to store the information provided.

• 1.2 Login:

1.2.1 Enter mail id

1.2.2 Enter password

The user details are authenticated .

2. Static Pages

• 2.1 Home: The user has to select branch, semester and subject to view the notes
uploaded.

• 2.2 Upload Notes: The user can upload notes into a selected branch, semester and
subject

• 2.3 Markdown: The user can use stick notes to save important notes or
information.

27
 • 2.4 Contact us: The user can contact the website admin using contact us page
through a form.

• 2.5 view page: The user can view the uploaded notes of a selected branch, semester
and subject

5.3MODULE DESCRIPTION

• Pandas

• Numpy

• JavaScript

• FireBase

Pandas

● Pandas provide us with many Series and Data Frames. It allows you to easily
organize, explore, represent, and manipulate data.

● Smart alignment and indexing featured in Pandas offer you a perfect organization and
data labeling.

● Pandas has some special features that allow you to handle missing data or value with
a proper measure.

● This package offers you such a clean code that even people with no or basic
knowledge of programming can easily work with it.

● It provides a collection of built-in tools that allows you to both read and write data in
different web services, data-structure, and databases as well.

● Pandas can support JSON, Excel, CSV, HDF5, and many other formats. In fact, you
can merge different databases at a time with Pandas.

Numpy

28
 ● Arrays of Numpy offer modern mathematical implementations on huge amount of
data. Numpy makes the execution of these projects much easier and hassle-free.

● Numpy provides masked arrays along with general array objects. It also comes with
functionalities such as manipulation of logical shapes, discrete Fourier transform,
general linear algebra, and many more.

● While you change the shape of any N-dimensional arrays, Numpy will create new
arrays for that and delete the old ones.

● This python package provides useful tools for integration. You can easily integrate
Numpy with programming languages such as C, C++, and Fortran code.

● Numpy provides such functionalities that are comparable to MATLAB. They both
allow users to get faster with operations.

JavaScript

 Event Handling: JavaScript enables developers to attach event listeners to various

elements, such as buttons, links, and forms.
 Asynchronous Programming : This allows developers to perform time-consuming
tasks, such as fetching data from servers, without blocking the main thread and
impacting the user experience.

FIREBASE

 Real-time Database: Firebase's Real-time Database is a NoSQL cloud-hosted database

that enables real-time synchronization of data between clients and the server.
 Cloud Storage: Firebase offers Firebase Cloud Storage, which allows developers to
store and serve user-generated content like images, videos, and other files securely
and efficiently in the cloud.
 Authentication: Firebase provides robust authentication support, allowing developers
to easily integrate sign-up and login functionality into their applications using various
authentication methods.

29
 CHAPTER 6

RESULTS
6.1 Login Page

FIG-6.1 Login Page

6.2 Signup

30
 FI
G-6.2 Signup

6.3 Home page

FIG-6.3 Home Page

6.4 Upload Notes

31
 FIG-6.4 Upload notes

6.5 Markdown

FIG-6.5 Sticky notes PAGE

6.6 Contact us

32
 FIG-6.6 Contact form PAGE

6.7 View page

FI
G-6.7 View page

6.8 Firebase Data

33
FIG-6.8.1 storage-branch

FIG-6.8.2 storage-semester

34
FIG-6.8.3 storage-subject

FIG-6.8.4 storage-pdf’s

35
 FIG-6.8.5 Realtime database

CHAPTER 7
TESTS

7.1 TESTING

7.1.1 Unit Testing

Unit testing is usually conducted as part of a combined code and unit test phase of the
software lifecycle, although it is not uncommon for coding and unit testing to be
conducted as two distinct phases.

Test strategy and approach

Field testing will be performed manually and functional tests will be written in detail.

Test objectives

● All field entries must work properly.

36
 ● Pages must be activated from the identified link.

● The entry screen, messages and responses must not be delayed.

Features to be tested

● Verify that the entries are of the correct format

● All links should take the user to the correct page.

7.1.2 Integration Testing

Software integration testing is the incremental integration testing of two or more

integrated software components on a single platform to produce failures caused by
interface defects. The task of the integration test is to check that components or software
applications, e.g. components in a software system or – one step up – software
applications at the company level – interact without error.

Test Results: All the test cases mentioned above passed successfully. No defects
encountered.

7.1.3 Acceptance Testing

User Acceptance Testing is a critical phase of any project and requires significant
participation by the end user. It also ensures that the system meets the functional
requirements.

Test Results: All the test cases mentioned above passed successfully. No defects
encountered.

7.2 TEST CASES

 KNOWN USER

37
 Figure 7.2.1 login page

 UNKNOWN USER

38
 Figure 7.2.2 sign up page

 HOME PAGE

Figure 7.2.3 home page

 UPLOAD NOTES

39
 Figure 7.2.4 upload notes

 MARKDOWN

Figure 7.2.5 markdown

 CONTACT US

40
 Figure 7.2.6 contact us

 VIEW PAGE

Figure 7.2.7 view page

CHAPTER 8

41
 CONCLUSION AND FUTURE ENHANCEMENTS

The design report outlines an innovative web application tailored for engineering students,
featuring three key elements. Firstly, a PDF sharing platform enables easy access and
collaborative sharing of engineering study materials. Secondly, a sticky notes functionality
allows dynamic annotation and sharing of study materials, promoting effective note-taking
and knowledge exchange. The most groundbreaking aspect is the intelligent personal
assistant, powered by AI, offering personalized study recommendations and insights to
optimize learning. The application's user-centric design and support for various file formats
ensure a seamless experience. It aims to foster collaboration, enhance the learning process,
and create a sense of community among engineering students. By combining document
sharing, interactive note-taking, and AI-driven assistance, the application aims to elevate the
learning experience for students in engineering disciplines.

REFERENCES

 Veton Këpuska. 2018 IEEE 8th Annual Computing and Communication

Workshop and Conference (CCWC), 08-10 January 2018

 Giancarlo Iannizzotto.2018 11th International Conference on Human System

Interaction (HSI), 04-06 July 2018

 Prajyot Mane & Shubham Sonone. 2017 International Conference on Energy,

Communication, Data Analytics and Soft Computing (ICECDS), 01-02 August
2017

 Norul Huda Yusof. Proceedings of the 2011 International Conference on

Electrical Engineering and Informatics, 17-19 July 2011

 James A. Landay. 29th Annual Frontiers in Education Conference. Designing

the Future of Science and Engineering Education. Conference Proceedings, 06
August 2007

42
 APPENDIX

Source code:

<!DOCTYPE html>
<html>
<head>
<title>Branch and Year Selection</title>
<style>
.navbar{
display: flex;
float: inline-end;
overflow: auto;
padding: 5px;
background-color: black;
}
.navbar li{
list-style-type: none;
font-size: large;
font-weight: 500;
margin: 5px 15px;
color: white;
}
.logdet{
display: flex;
position: absolute;
right: 15px;
}
.login-btn{
background-color: #d32f2f;
font-weight: bold;
padding: 5px;
color: white;
border-radius: 5px;
}
.b {
display: flex;
justify-content: center;
align-items: center;
height: 90vh;
background-color: #f2f2f2;
}

.card {
background-color: #FFFFFF;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);

43
 padding: 20px;
text-align: center;
display: inline-block;
margin-right: 20px;
}

h1 {
color: #333333;
}

.card-img-top {
display: flex;
justify-content: center;
align-items: center;
height: 100px;
overflow: hidden;
}

.card-img-top img {
height: 100%;
width: auto;
}

input[type="submit"] {
margin-top: 20px;
padding: 10px 20px;
background-color: #f44336;
color: #ffffff;
border: none;
border-radius: 4px;
font-weight: bold;
cursor: pointer;
}

input[type="submit"]:hover {
background-color: #d32f2f;
}

#semesterSelect {
margin-top: 20px;
display: none;
}
#itsem6 {
margin-top: 20px;
display: none;
}
</style>
</head>
<body>

44
 <div>
<ul class="navbar">
<li onclick="home()">Home</li>
<li onclick="uploadhtml()">upload Notes</li>
<li onclick="notes()">Markdown</li>
<li onclick="contact()">Contact us</li>
<script>function contact() {
window.location.href = `contact.html?username=${username}`;
}</script>
<div class="logdet">
<li class="username" id="user1">user</li>
<button class="login-btn" onclick="redirectToLogin()">Logout</button>
</div>
</ul>
</div>
<div class="b">
<div class="card">
<h1>Select Branch and Semester</h1><br>

<div class="card" style="width: 9rem;">

<div class="card-img-top">
<img src="cse.jpg" alt="Computer Science Image" onclick="selectCardM('CSE')">
</div>
<div class="card-body">
<h5 class="card-title">Computer Science</h5>
</div>
</div>

<div class="card" style="width: 9rem;">

<div class="card-img-top" style="background-color: #cccccc; height: 100px;">
<img src="it.jpg" alt="Information Technology Image"
onclick="selectCardM('IT')">
</div>
<div class="card-body">
<h5 class="card-title">Information Technology</h5>
</div>
</div>

<div class="card" style="width: 9rem;">

<div class="card-img-top" style="background-color: #cccccc; height: 100px;">
<img src="ece.jpg" alt="Electronics and Communications Image"
onclick="selectCardM('ECE')">
</div>
<div class="card-body">
<h5 class="card-title">Electronics and communications</h5>
</div>
</div>

<div class="card" style="width: 9rem;">

45
 <div class="card-img-top" style="background-color: #cccccc; height: 100px;">
<img src="eee.jpg" alt="Electrical Engineering Image"
onclick="selectCardM('EEE')">
</div>
<div class="card-body">
<h5 class="card-title">Electrical Engineering</h5>
</div>
</div>
<div class="card" style="width: 9rem;">
<div class="card-img-top" style="background-color: #cccccc; height: 100px;">
<img src="ce.jpg" alt="Civil Engineering Image" onclick="selectCardM('CE')">
</div>
<div class="card-body">
<h5 class="card-title">Civil Engineering</h5>
</div>
</div>

<select id="semesterSelect">
<option value="" disabled selected>Select Semester</option>
<option value="Sem1">Semester 1</option>
<option value="Sem2">Semester 2</option>
<option value="Sem3">Semester 3</option>
<option value="Sem4">Semester 4</option>
<option value="Sem5">Semester 5</option>
<option value="Sem6">Semester 6</option>
<option value="Sem7">Semester 7</option>
<option value="Sem8">Semester 8</option>
</select>
<select id="itsem6">
<option value="" disabled selected>Select Subject</option>
<option value="ml">Machine Learning</option>
<option value="daa">Design analysis and Algorithms</option>
<option value="ds">Data Science</option>
<option value="dm">Disaster Mitigation</option>
<option value="cc">Cloud Computing</option>
<option value="nsc">Network Security and Cryptography</option>
<option value="es">Embedded Systems</option>
</select><br>
<input type="submit" value="submit">
</div>
<script src="https://www.gstatic.com/firebasejs/8.4.2/firebase.js"></script>
<script src="fire.js"></script>
<script src="crud.js"></script>
</div>
</body>
</html>

46