Digital Scrapbook

INTRODUCTION
1.1 Project Summary:
This project is designed so as to be used for memory collection, character's name, the
title of the scrapbook. In this user are also include images,videos,and audios.

How Scrapbook work?

A scrapbook is a book in which first user enter in a scrapbook first sign up and fill up
the form of registration form and after then login into the scrapbook.
After then user enter into the scrapbook. Then user firstly add a new page the after
add images, videos, audios.
Users post the scrapbook after then friends are comment on that post.
Benefits:-
In other scrapbook videos and audios are not used. In our scrapbook we give the
option to add the videos and audios.
In our scrapbook we give the privacy user can share a scrapbook on a selected
Friends list.
1.2 Purpose:
Scrapbook is a method an art for preserving, presenting, arranging personal and
family history in the form of an application.
Typical memorabilia include photographs, printed media and network. Scrapbook
albums are often decorated and frequently contain extensive journaling. Scrapbook is a hobby
commonly practiced in many parts of the world.
1.3 Scopes:-
Through this we share our thought with each other. Share usable information like
videos, pictures etc. and on this thought our friend will also comment which is in our friend
list and through this comment we know that our thought is perfect or not. We also use in
industry. Person of industries use this project and share his/her thought for develop the
industry.

PARUL POLYTECHINC INSTITUTE Page 1

 Digital Scrapbook

PROJECT MANAGEMENT
2.1 Project Planning
2.1.1 Project Development Approaches And Justification:
The Waterfall Model was first process model to be introduced. It is also referred to as
a Linear-sequential life cycle model. It is very simple to understand and use. In a waterfall
model, each phase must be completed fully before the next phase can begin. This type of
software development model is basically used for the project which is small and there are no
uncertain requirements. At the end of each phase, a review takes place to determine if the
project is on the right path and whether or not to continue or discard the project. In this model
software testing starts only after the development is complete. In waterfall model phases do
not overlap. The waterfall encompasses the following phases:
 Requirements
 Design
 Implementation
 Verification
 Maintenance

Figure 1 : Waterfall Model

Requirements:
All possible requirements of the system to be developed are captured in this phase
and documented in a requirements specification document.

PARUL POLYTECHINC INSTITUTE Page 2

 Digital Scrapbook

Design:
The requirement specification from first phase are studied in this phase and the system
design is prepared. This system design helps in specifying hardware and system requirements
and helps in defining the overall system architecture.
Implementation:
With inputs from the system design, the system is first developed in small programs
called units, which are integrated in the next phase. Each unit is developed and tested fir its
functionality, which is referred to as unit testing
Verification:
All the units developed in the implementation phase are integrated into a system after
testing of each unit. Post integration the entire system is tested for any faults and failures.
Maintenance:
There are some issues which come up in the client environment. To fix those issues, patches
are released. Also to enhance the product some better versions are released. Maintenance is
done to deliver these changes in the customer environment.
2.1.2 Project Plan:
"A statement of how and a project's objectives are to achieved, by showing the major
products, milestones, activities and resources required on the project."
Project Planning Activity Chart:

Task Days 7-7-16 1-8-16 25-8-16 20-9-16 21-10-16 29-1-17 25-3-17

To To to to to to to
29-7-16 22-8-16 15-9-16 20-10-16 11-11-16 23-3-17 20-4-17
Project 22 Requirement
Definition Gathering
System 21 System
Analysis Analysis
System 21 System
Design Design
Diagram
Data 30 Database
Dictionary

PARUL POLYTECHINC INSTITUTE Page 3

 Digital Scrapbook

Interface 22 Interface
Design Design
start
Coding 25 Coding
Start
Testing 26 Testing
Table 2: Planning Chart
2.1.3 Milestones and Deliverables
2.1.3.1 Milestones:
When planning for the project series of milestones established. These milestones are
end-point for software activity. It may be in form of report. some milestones which occurred
in my project are discussed in below.
 System requirements study:
In this milestone user requirement for system, like software requirements, hardware
requirements and system's functional and non-functional requirements are decided.
 Architecture design:
In this milestones design for software, its architecture design and also it graphical
user interface also generated.
 Coding:
In this milestones, the coding of the system is delivered that is the system is now
partially ready to be delivered.
2.1.3.2 Deliverables:
Deliverable Name Description Delivery Month
Project Synopsis This document gives on July-2016
overview about the system of
content management system
and its features.
Software Requirement The SRS specifies the Sep-2016
Specification systems users and their
characteristics, functional
and non-functional
requirements of the system

PARUL POLYTECHINC INSTITUTE Page 4

 Digital Scrapbook

Software Project The SMTS describes how the Oct-2016

Management Plan project is to be carried on,
team members and their role
and responsibilities, and
project scheduling.
System Design This document includes all Dec-2016
the UML diagrams, database &
design and screen layouts. Mar-2017
Test Plan This document includes the April-2017
testing methods to be
followed and the test cases
for the various modules of
the system.
Table 3: Deliverable

PARUL POLYTECHINC INSTITUTE Page 5

 Digital Scrapbook

SYSTEM REQUIREMENT STUDY

3.1 User Characteristics:
Access Level Available Features
Login
Add Friends
New features
System
Comment box or Message box
Set Background
Add Story
Registration
Login
Blocked and accept friends
User
Select friend
Add image, video, audio
Write comment
Table 4: User Characteristics
3.2 Hardware and Software Requirements:
Two types of requirements are necessary to define initial stage:
3.2.1 Hardware Requirements:
Recommended hardware is:
 Intel chipset motherboard
 Monitor
 Keyboard
 Mouse
 Laptop
3.2.2 Software Requirements:
 Operating System: Windows XP or any higher Microsoft OS
 Front end tool: Visual Studio 2012
 Back end tool: SQL Server
 Web browser: Google Chrome
 Technology: ASP.net () using c#
 Web designing: Bootstrap

PARUL POLYTECHINC INSTITUTE Page 6

 Digital Scrapbook

 3.2.3 Documentation:
 Microsoft word 2010 for documentation
 PowerPoint 2010 for presentation
 EDGE diagram, and UML diagram for diagram
3.3 Constraints:
 Hardware Limitation:

 Higher order language requirements:

The system needs Visual Studio as it is a new Technology and there are many
extra features in that. We need to have a good Graphical User Interface (GUI) with User
friendly environment which VS provides.
 Reliability Requirements:
The main reliability requirement is the validations used. Without proper
validation the system would not allow to enter the vale into the database. For e.g. In the name
field only characters are allowed and user cannot enter any dummy values, the validations
check all these things. Any null value is not allowed in the compulsory fields.
 Safety And Security Consideration:
The username and password authentication has been provided for the login.
Software provide capuche code for user security. Any other friend cannot be change our
privacy through his/her ID. Our thought can see only our friends. Any other people cannot
see the thought.
 Assumptions And Dependencies:
The project was started with the assumption that we would be give the
necessary support from of hardware and software resources.
 User has the basic knowledge of the windows environment.
 The project design is mainly created by keeping mind.

PARUL POLYTECHINC INSTITUTE Page 7

 Digital Scrapbook

SYSTEM ANALYSIS
4.1 Study of current system:
Current system is based on manual work and all the process are done manually,
so they maintain user information and all the particular user's memory data. They maintain
the information so that keep related information of each in register.
The work done through this manual system is quite boring. What we all
information stored in the scrapbook that all information separately stored in the database.
4.2 Problem and weakness of current system:
The phase of system analysis process deals with problems which are affecting
in the current manual system. The problem are those which are affecting in the current
manual system. The system in their daily routine work.
As the growing trend in InfoTech World of computers need of accuracy,
reliability, speed and high memory data storage is a must. Each and every problem must be
solved with a least amount of time and energy.
The problems faced by existing system are described as below:
 Wasting of time:
When the data entry is increased then time of the loading website is very
consuming.
 Manual Entry:
When you enter the entry of user's and user's friends information is manually
stored in the scrapbook and when user enter the invalid inputs then errors are occurred
because of the validation is given in the application.
 Chance of lost data:
In this when your data is lost from your database they can't backup.
 Very hard to find and solve the difficulties:
Very hard to find and solve the problems when the more user are entered and
registered and shared their story. In any problem is occurred any feature is not work proper
then this problem is created.

4.3 Requirements of new system:

1) Non-Functional Description:
Quality Requirements:-

PARUL POLYTECHINC INSTITUTE Page 8

 Digital Scrapbook

The quality in software development process is by periodic reviews

documentation and verification at all appropriate stages. Software engineering standards
should be followed throughout the development process. The quality in software product is
ensuring by embedding fooling quality attribute in the software package:
Readability:
Appropriate comments in the project source code will be provided for readability
so that the user can easily read and understand the project if need be. So the project will be
helpful for interested person. The application should be functionally correct as a wrong
output of query has no significance. Reliability is a must in the application to make it worth
for the employees. A great degree of care has to be taken to ensure minimum/zero defects in
the code.
Modularity:
The will be divided into different modules so as to provide easy understanding
and debugging of the system.
Modifiability:
With the help of modularity and readability of the source code of the program the
system will be easy to modify in the future as and when needed.
Portability:
The project will be easy to implement on the client system which satisfy the
minimum hardware requirement.
Easy to use:
This project will be easy to use and so shall incorporate self-explanatory GUI.
Maintainability:
This project will provide easy maintenance of the well data. When application is
used, it has to be maintained. There could be additional requirements in terms of added
functionality or feature. As the application is not to be maintained by the develpoers, the code
should be less complex such that it can be easily understandable by the relevant person for
modification.
Fault Tolerance/Error Reporting:
Since the application will be used by user and by developers it might be possible
that operation might result into errors. The application should provide the user friendly eror
message and fault tolerance facility whenever any error occurs.

PARUL POLYTECHINC INSTITUTE Page 9

 Digital Scrapbook

2. Non-Functional description:
Different functions provided by the system are:
Login:
The main use of this process that in which if user enter its name and password then
he/she can show capuche code, the purpose of this function is to provide security against
those devotees who have not do registration and want to login in scrapbook site.
Registration process:
In this process user can register and get username for access the user. Then user
enter into the scrapbook.
4.4 Feasibility Study:
Preliminary investigation examine project feasibility, the likelihood the system will
be useful to the organization. The main objectives of the feasibility study is to test the
Technical, Operational and Economical feasibility for adding new modules and debugging
old running system. All system is feasible if they are unlimited resources and infinite time.
There are aspects in the feasibility study portion of the preliminary investigation:
 Economic Feasibility
 Technical Feasibility
 Legal Feasibility
 Scheduled Feasibility
 Operational Feasibility
As it is not live project. We do not have economical and legal issues. Other types of
feasibility studies are as below:
Technical Feasibility:
The technical issue usually raised during the feasibility stage of the investigation
includes the following:
 Does the necessary technology exist to do what is suggested?
 Do the proposed equipments have the technical capacity to hold the data required to
use the new system?
 Will the proposed system provide adequate response to inquiries, regardless of the
number or location of users?
 Can the system be upgraded if developed?

PARUL POLYTECHINC INSTITUTE Page 10

 Digital Scrapbook

 Are there technical guarantees of accuracy, reliability, ease of access and data
security?
Operational Feasibility:
System is best its performance and provides adequate throughput and response
time.
 Performance:- System is best at its performance to provide adequate throughput and
response time.
 Information:- System provides end-user with timely, pertinent, accurate, and usefully
formatted information.
 Control:- System protects against fraud and embezzlement and to guarantee the
accuracy and security of data and information.
 Efficiency:- System make maximum use of available resources including people.
Time flow of form and minimum processing delays.
 Services:- System provides desirable and reliable service to those who need it. It is
flexible and expandable.
Schedule Feasibility:
Another thing to be considered during the feasibility study is the time limit: 3 to 4.
Again the main concern for us was any unexpected problems that the VS module might
present to us: The part regarding Visual Basic was clearly laid out. and so it was relatively
easier for us to, make out an approximate break-up of the number of days that would take. In
the end, we thought that the amount of time in hand after the VS section was completed
would be sufficient for completion of the more challenging part.
Economical Feasibility:
 Economic feasibility looks at the financial aspects of the project. Economical
feasibility concerns with the returns from the investments in a project. It
determines whether it is worthwhile to invest the money in the proposed
system. It is not worthwhile spending a lot of money on a project for no
returns.
 To carry out an economic feasibility for a system, it is necessary to place
actual money value against any activities needed to implement the project.
 The company payroll system plans to acquire the necessary hardware and
software require for the system and there is no hindrance whather economical
or otherwise towards its purchase.

PARUL POLYTECHINC INSTITUTE Page 11

 Digital Scrapbook

4.5 Data Modeling

The information flow defined as part of business modeling phase is refined into
a set of data objects that are needed to support the business. The characteristics of each object
is identified and the relationship between these objects are defined.
4.5.1 DFD Diagram
i) Context Diagram
Login

Register
User

Enter into the

scrapbook

Scrapbook

Figure 2: DFD (context level) Diagram

ii) DFD Level 1

Figure :3 DFD (Level 1) Diagram

PARUL POLYTECHINC INSTITUTE Page 12

 Digital Scrapbook

4.5.2 ER Diagram

is Active Msgdate

Message Text
is Read
is Blocked
is Active
Message ID
Message
MST
Sender ID Friend ID

Reciver ID User ID
Friends MST

User Detail
message MST
Created Date

Gender
USer Detail
Friend MST
Phone NO

Email ID
User ID

DOB User Name

User Detail

User password
Post

First name

Status Detail
is Active
Blog ID
Appliction
Background

Created Date
Usre Detail
photo MST
Last Name
Blog MST
Photo Type User ID
User datil
transaction
Photo ID

Blog Title
Blog
Photo transaction
MST
is Active
BlogTrans
Blog MST
User ID
Transaction
Photo title
Photo name User ID
Created
date
is Active
Blog ID
User
comment

Figure 4: ER Diagram

PARUL POLYTECHINC INSTITUTE Page 13

 Digital Scrapbook

4.5.3 Use Case Diagram

1. Sign up:-

Figure 5: Sign up
2. Check authorized person or not:-

Figure 6: Check authorized person or not

PARUL POLYTECHINC INSTITUTE Page 14

 Digital Scrapbook

3. Set background:-

Figure 7: Set background

4. Design word art:-

Figure 8: Design word art

PARUL POLYTECHINC INSTITUTE Page 15

 Digital Scrapbook

5. Set video:-

Figure 9: Save video

6. Save file:-

Figure 10: Save file

PARUL POLYTECHINC INSTITUTE Page 16

 Digital Scrapbook

4.6 Data Dictionary

4.6.1 User detail:-
SR FIELD DATA SIZE CONSTRAINTS DESCRIPTIONS
NO NAME TYPE
1 User ID Numeric 18,0 Primary Key User ID
2 User Name Varchar 100 Allow null Name of user
3 User Varchar 100 Allow null User password
password
4 First Name Varchar 100 Allow null Name of user
5 Last Name Varchar 100 Allow null Surname of user
6 Gender Varchar 50 Allow null Gender of user
7 Phone Varchar 50 Allow null Phone number of
Number user
8 Email ID Varchar 500 Allow null Email ID of user
9 DOB Date time Allow null Date of birth of user
10 Photo Varchar 50 Allow null User add photo
11 App Varchar 500 Allow null User set application
Background background
12 Status Detail Varchar 500 Allow null Show user status
detail
Table 4: User Detail
4.6.2 Photos:-
SR FIELD DATA SIZE CONSTRAINT DESCRIPTION
NO NAME TYPE
1 Photo ID Numeric 18,0 Primary Key Photo ID

2 User ID Numeric 18,0 Allow null User ID

3 Photo Name Varchar 50 Allow null Name of photo

4 Is Active Bit - Allow null User is active

5 Photo Title Varchar 200 Allow null Title of user photo

6 Photo Type Varchar 50 Allow null Type of user photo

Table 5: Photos

PARUL POLYTECHINC INSTITUTE Page 17

 Digital Scrapbook

4.6.3 Message:-
SR FIELD DATA SIZE CONSTRAINT DESCRIPTION
NO NAME TYPE
1 Message ID Numeric 18,0 Primary Key Message ID

2 Sender ID Numeric 18,0 Allow null Sender ID

3 Receiver ID Numeric 18,0 Allow null Receiver ID

4 Message Text - Allow null Message of user

Text
5 Message Date time - Allow null Date of message
Date
6 Is Active Bit - Allow null User is active

7 Is read Bit - Allow null User read the

message
Table 6: Message
4.6.4 Friends:-
SR FIELD DATA SIZE CONSTRAINT DESCRIPTION
NO NAME TYPE
1 Friend ID Numeric 18,0 Primary key Friend ID

2 User ID Numeric 18,0 Allow null User ID

3 F ID Numeric 18,0 Allow null

4 Is Active Bit - Allow null User is active

5 Is Blocked Bit - Allow null User is blocked

6 Created Date Date Time - Allow null Friend create date

Table 7: Friends

PARUL POLYTECHINC INSTITUTE Page 18

 Digital Scrapbook

4.6.5 Blog Transaction:-

SR FIELD DATA SIZE CONTRAINTS DESCRIPTION
NO NAME TYPE
1 Blog Trans Numeric 18,0 Primary key Blog Transaction
ID ID
2 User ID Numeric 18,0 Allow null User ID

3 User Text - Allow null User write the

Comment comment
4 Created Date Char 10 Allow null User blog created
date
5 Is Active Bit0 - Allow null User is active

Table 8: Blog Transaction

4.6.6 Blog:-
SR FIELD DATA SIZE CONSTRAINTS DESCRIPTION
NO NAME TYPE
1 Blog ID Numeric 18,0 Primary key Blog ID

2 Created Date Time - Allow null User blog created

Date date
3 User ID Numeric 18,0 Allow null User ID

4 Blog Title Varchar 100 Allow null Title name of blog

5 Is Active Bit - Allow null User is active

Table 9: Blog

PARUL POLYTECHINC INSTITUTE Page 19

 Digital Scrapbook

SCREEN SHOTS
REGISTRATION FORM:-

DESCRIPTION:-
This form contains information of user and its detail.
LOGIN FORM:-

DESCRIPTION:-
This page contain user can login by using Login Page (User Name & Password)

PARUL POLYTECHINC INSTITUTE Page 20

 Digital Scrapbook

HOME PAGE:-

DESCRIPTION:-
In this we list out at left hand side all the pages of our application. Like albums ,list view
,blogs ,images ,messages etc….
ALBUMS:-

DESCRIPTION:-
In this page when the user want to add on their scrap book then they add that pic by
this and when the click on the save button image is add in the Scrap book.

PARUL POLYTECHINC INSTITUTE Page 21

 Digital Scrapbook

FRIENDS:-

DESCRIPTION:-
In this page user send request to the new friend. User can also accepted or blocked the
friend.
BLOG:-

DESCRIPTION:-
In this page blog is created with time and date. If you select the show button the you
can see the message of the particular user.

PARUL POLYTECHINC INSTITUTE Page 22

 Digital Scrapbook

MESAAGE:-

DESCRIPTION:-
In this page user can select the friend and the send the message.
SETTINGS:-

DESCRIPTION:-
In this page user can change the background colour.

PARUL POLYTECHINC INSTITUTE Page 23

 Digital Scrapbook

TESTING
"Software testing is the process of analyzing a software item to detect the differences
between existing and required conditions and to evaluate the features of the software item."
The aim of testing is to identify all defects existing in a software product through not all.
Software testing is an activity that should be done throughout the whole developments
process.
Therefore, we can safely conclude that testing provides a particular way of reducing
defects in a system and increasing the user's confidence in a development system.
Black Box Testing:-
Black box testing is a software testing techniques in which functionality of the software
under test (SUT) is tested without looking at the internal code structure, implementation
details and knowledge of internal paths of the software. 7This type of testing is based entirely
on the software requirements and specifications.
In Black Box Testing we just focus on inputs and output of the software system without
bothering about internal knowledge of the software program. The above Black-Box can be
any software system you want to test. For example: an operating system like Windows, a
website like Google, a database like Oracle or even your own custom application. Under
Black Box Testing, you can test these applications by just focusing on the inputs and outputs
without knowing their internal code implementation.
 Black Box Testing - Steps
Here are the generic steps followed to carry out any type of Black Box Testing.
 Initially requirements and specifications of the system are examined.
 Tester chooses valid inputs (positive test scenario) to check whether SUT processes
them correctly . Also some invalid inputs (negative test scenario) are chosen to verify
that the SUT is able to detect them.
 Tester determines expected outputs for all those inputs.
 Software tester constructs test cases with the selected inputs.
 The test cases are executed.
 Software tester compares the actual outputs with the expected outputs.
 Defects if any are fixed and re-tested.

PARUL POLYTECHINC INSTITUTE Page 24

 Digital Scrapbook

White Box Testing:-

White Box Testing is the testing of a software solution's internal coding and
infrastructure. It focuses primarily on strengthening security, the flow of inputs and outputs
through the application, and improving design and usability. White box testing is also known
as Clear Box testing, Open Box testing, Structural testing, Transparent Box testing, Code-
Based testing, and Glass Box testing.
It is one of two parts of the "box testing" approach of software testing. Its counter-part,
black box testing, involves testing from an external or end-user type perspective. On the other
hand, White box testing is based on the inner workings of an application and revolves around
internal testing.
 What do you verify in White Box Testing?
White box testing involves the testing of the software code for the following:
 Internal security holes
 Broken or poorly structured paths in the coding processes
 The flow of specific inputs through the code
 Expected output
 The functionality of conditional loops
 Testing of each statement, object and function on an individual basis

PARUL POLYTECHINC INSTITUTE Page 25

 Digital Scrapbook

TEST CASE:
Test case for scrapbook
CASE INPUT ENTERED REQUIRED ACTUAL RESULT
DESCRIPTION INPUT INPUT INPUT
Username is Username Blank Error Enter Passed
Blank Username
Invalid Username isha@ Error Enter Passed
username correct
username
Correct Username isha@gmail.com Valid Valid Passed
username
Password is Password Blank Error Enter Passed
blank Password
Invalid Password 123 Error Enter valid Passed
password password
Correct Password 123456 Valid Valid Passed
password
First First Blank Error Enter First Passed
Name/Last Name/Last Name/Last
Name is blank Name Name
Invalid First First Isha@ Error Enter valid Passed
Name/Last Name/Last First
Name Name Name/Last
Name
Correct First First Isha Dixit Valid Valid Passed
Name/Last Name/Last
Name Name
Email Address Email ID Blank Error Error Passed
is blank
Invalid Email Email ID isha@@gmail Error Enter valid Passed
Address Email
Address
Correct Email Email ID isha@gmail.com Valid Valid Passed

PARUL POLYTECHINC INSTITUTE Page 26

 Digital Scrapbook

Address
Password is Password Blank Error Enter Passed
blank password
Invalid Password 123 Error Enter valid Passed
Password password
Correct Password 123456 Valid Valid Passed
password
Phone Number Phone Blank Error Enter Passed
is blank Number Phone
Number
Invalid Phone Phone 87564 Error Enter valid Passed
Number Number Phone
Number
Correct Phone Phone 8754195685 Valid Valid Passed
Number Number
Captcha Code Captcha Blank Error Enter Passed
is blank Code Captcha
Code
Invalid Captcha Captcha HIve Error Enter valid Passed
Code Code Captcha
Code
Correct Captcha HIVE Valid Valid Passed
Captcha Code Code
Table 10: Test Case

PARUL POLYTECHINC INSTITUTE Page 27

 Digital Scrapbook

CONCLUSION
 With Digital Scrapbook or Computerized scrapbook mainly use digital elements to
help them create page layout with their computers. You have more options of what to
do with complete digital layouts. You can choose to print out your digital layouts and
slot them into scrapbook albums like in paper scrapbook. Or you can save the layouts
online, or even send them out as attachments. Digital scrapbook is generally less
costly than paper scrapbook. And you can print out numerous copies of the same
scrapbook layout and the cost is only the cost of reprinting.

PARUL POLYTECHINC INSTITUTE Page 28

 Digital Scrapbook

LIMITATION & FUTURE ENHANCEMENT

8.1 LIMITATION:-
 This application is running only on Google Chrome.
 When user added more images, videos or audio then application require more time
consuming.
 Visual studio

8.2 FUTURE ENHANCEMENT:-

 Adding stickers in future
 Adding images in background
 Adding rate of application
 add the review feature

PARUL POLYTECHINC INSTITUTE Page 29

 Digital Scrapbook

REFERENCES & BIBLOGRAPHY

BIBLOGRAPHY
During the development of our project, we have taken help of many books, and
websites for reference, which we would like to humbly mention in this section. We hereby
sincerely express our gratitude to all authors, publishers, web designer, software developers
of these books and websites which we used as study materials.
These books, web sites acted as our tutor cum guide during the project development.
References:-
 ASP.net 2.0 Black Book
 Design for UML Diagram
 Mastering Microsoft
Visual Studio 2012

Web sites:-
 www.wikipedia.com
 www.w3schools.com
 www.bootstraptutorial.com
 www.tutorialpoints.com

PARUL POLYTECHINC INSTITUTE Page 30