TABLE OF CONTENTS

CHAPTER NO. TITLE PAGENO

ABSTRACT

LIST OF FIGURES

LIST OF TABLES

I 1. INTRODUCTION

1.1 OVERVIEW

1.1.1 STATUS OF THE PROBLEM

1.1.2 OBJECTIVE OF THE PROJECT

1.1.3 MOTIVATION OF THE PROJECT

1.2 SYSTEM ANALYIS

1.2.1 EXISTING SYSTEM

1.2.2 PROPOSED SYSTEM

1.3 SYSTEM REQUIREMENT

1.3.1 HARDWARE REQUIREMENT

1.3.2 SOFTWARE REQUIREMENT

1.4 SYSTEM IMPLEMENTATION

1.4.1 INTRODUCTION- FRONT END TOOL

1.4.1.1 HTML, CSS

1.4.1.2 JAVASCRIPT

1.4.2 INTRODUCTION- BACK END TOOL

1.5 SYSTEM DESIGN ARCHITECTURE

1.5.1 SYSTEM ARCHITECTURE

1.5.2 MODULE DESCRIPTION

1.5.3 DATABASE TABLE DESIGN

1.5.4 FEASIBILITY REPORT

II CONCLUSION AND FUTURE ENHANCEMENT

APPENDICES

APPENDIX 1: SAMPLE SOURCE CODE

APPENDIX 2: SCREEN SHOTS

REFERENCES
 ABSTRACT

This project “NOTES MANAGER” is a web application designed using HTML, CSS as
front end and My-SQL as back end. The coding language used here is PHP.

This is a web based online notes management for individual users who want to track their
personal and official notes collectively in singe place. In this web portal user can register, login
and add notes with or without uploading contents in pdf, image or other formats. Users are
allowed to add their content after approval by admin during registration.

The modules included are create notes, add notes with version, create notes with
document upload, add notes with document upload (2nd, 3rd version, etc) and show notes [All
records], show notes with all version line by line [selected records] and delete notes.

Admin is the person who maintains the website. The admin view the users and approve
them; then only they can login to the web site. The notes can be also be viewed by users. Various
reports are provided in both administrator and user modules for easy transaction processing. In
this way this project increases the interaction between the admin and users and also helps then to
easily search and view notes.
LIST OF FIGURES

FIG 1.5.1 SYSTEM ARCHITECTURE DIAGRAM

FIG 1.5.1 (B) DATA FLOW DIAGRAM – LEVEL 0

FIG 1.5.1 (C) DATA FLOW DIAGRAM – LEVEL 1(A)

FIG 1.5.1 (D) DATA FLOW DIAGRAM – LEVEL 1(B)

LIST OF TABLES

1.5.3.1 Table Name : Admin Table

1.5.3.2 Table Name : User Table

1.5.3.3 Table Name : Notes Table

1.5.3.4 Table Name : NotesUpload Table

1.5.3.5 Table Name : NotesVersion Table

1.5.3.6 Table Name : NotesVersionUpload Table

 I. INTRODUCTION

1.1 OVERVIEW

At present, centralized data base is not available in existing system. Immediate

processing or retrieval of notes details is not possible. Processing the notes and version tracking
is tougher. More clerical work required. There is no option to retrieve notes details immediately.
So, this project identifies that, helps to manage notes and their versions through online which
increases the efficiency.

1.1.1 STATUS OF THE PROBLEM

By considering all the drawbacks of the existing system the new system should be
designed. All the disadvantages of an existing system are overcomes by this new proposed
system. Users are no need to spend more time for notes management. The user can maintain the
version information any time. Viewing the notes details and their versions are easier to users.
This website provides a user friendly environment to the users and website admin.

1.1.2 OBJECTIVE OF THE PROJECT

 To improve the security in the proposed system since approved users can start processing

and password can be changed by them at any time.

 To get notes information with version immediately from inbox.

 To prepare and view consolidated reports whenever required.

 To provide easy to use options in the web page and giving input is fast.

 To provide current status of notes added.

 To provide search options to easily retrieve the particular notes

 To help maintain the tracking of records by users.

1.2 SYSTEM ANALYSIS

1.2.1 EXISTING SYSTEM

The current system is managing all the transactions with offline software such as notepad,
excel or word packages. The users need to keep in memory where the notes aer saved. In
addition, version information cannot be maintained if they store in simple text format made in
notepad like software. Related contents cannot be uploaded and stored in single related place.
Searching also tedious if more versions of same notes need to be maintained.

DRAWBACKS OF EXISTING SYSTEM

The following are the drawbacks of existing system,

 Centralized data base is not available in existing system.

 Immediate notes retrieval for quick information is not possible.
 User cannot view all the historical data immediately.
 Processing the version information is tougher.
 More clerical work required.

1.2.2 PROPOSED SYSTEM

The proposed system is designed considering all the drawbacks listed in the existing
system. As there is online web site for all users, it saves lot of time for every transaction. The
project is used by the user, who can maintain the notes as well as version information for them.
The user can visit the website and they can search for the required notes at any time. Searching is
easier even if more versions of same notes are maintained.
ADVANTAGE OF PROPOSED SYSTEM

The proposed system has following advantages.

 The security is more in the proposed system since approved users can start processing

and password can be changed by them at any time.

 Notes information with version can be immediately retrieved from inbox.

 Consolidated reports are viewed whenever required.

 Easy to use options are provided in the web page and giving input is fast.

 Provides current status of notes added.

 Search options are provided to easily retrieve the particular notes

 Helps to maintain the tracking of records by users.

1.3 SYSTEM REQUIREMENT

1.3.1 HARDWARE REQUIREMENTS

This section gives the details and specification of the hardware on which the system is
expected to work.
Processor : Intel Dual Core
RAM : 8 GB RAM
Monitor : 17” Color
Hard disk : 1TB
Keyboard : Standard102 keys
Mouse : Optical Scroll

1.3.2 SOFTWARE REQUIREMENTS

This section gives the details of the software that are used for the development.

Front-End : HTML, CSS

Coding Language : PHP 5.4
Back-End : My-SQL 5.6
Operating System : Windows 10
1.4 SYSTEM IMPLEMENTATION

When the initial design was done for the system, the client was consulted for the
acceptance of the design so that further proceedings of the system development can be carried
on. After the development of the system a demonstration was given to them about the working of
the system. The aim of the system illustration was to identify any malfunction of the system.

After the management of the system was approved the system implemented in the
concern, initially the system was run parallel with existing manual system. The system has been
tested with live data and has proved to be error free and user friendly.

Implementation is the process of converting a new or revised system design into an

operational one when the initial design was done by the system; a demonstration was given to the
end user about the working system.

This process is uses to verify and identify any logical mess working of the system by
feeding various combinations of test data. After the approval of the system by both end user and
management the system was implemented. System implementation is made up of many
activities. The six major activities are as follows.

CODING

Coding is the process of whereby the physical design specifications created by the
analysis team turned into working computer code by the programming team.

TESTING

Once the coding process is begin and proceed in parallel, as each program module can be
tested.
INSTALLATION

Installation is the process during which the current system is replaced by the new system.
This includes conversion of existing data, software, and documentation and work procedures to
those consistent with the new system.

DOCUMENTATION

It is result from the installation process, user guides provides the information of how the
use the system and its flow.

TRAINING AND SUPPORT

Training plan is a strategy for training user so they quickly learn to the new system. The
development of the training plan probably began earlier in the project.
.
1.4.1 FRONT END

1.4.1.1 HTML

HTML or Hypertext Markup Language is the main markup language creating Webpage
and other information that can be displayed in the web browser. HTML5.1 is the latest standard
for HTML. It was specially designed to deliver a rich content without the need for additional
plug-in. The current version delivers everything from animation to graphics and also be used to
build complicated web application. HTML 5.1 is also cross – platform. It is designed to work
whether the people are using a PC, or a Tablet, a Smartphone.

Some rules for HTML were established:

 New feature should be based on HTML, CSS, JavaScript.

 The need for external plug – in (like flash) should be reduced.
 Error handling should be easier the in previous version.
 Scripting has to be replaced by some mark-up.
 HTML 5.1 should be device independent
 The development process should be visible to public.

Features of HTML5

 The <canvas>element is used to allow a web developer to render graphics on the fly. As with
video, there is no need for a plug-in.
 Web Workers is certain web application use heavy
 Scripts to perform function. Web Workers use separate background threads for processing.
 Application caches is used to Web pages will start storing more and more information
locally on the visitors computer.it works like cookies, but where cookies are small ,the new
feature allows larger files.
 Geo location is best known for use on mobile devices, geo location is coming with
HTML5.
 Support for local storage.
  New form controls, like calendar, date, time, email, URL search.
 New content-specific element, like <article>, <footer>, <header>, <new>, <section>.
 The video and audio element for media playback.

CSS

CSS Stands for "Cascading Style Sheet". Cascading style sheets are used to format the
layout of Web pages. They can be used to define text styles, table sizes, and other aspects of web
pages that previously could only be defined in a page's HTML. CSS helps Web developers create
a uniform look across several pages of a Web site. Instead of defining the style of each table and
each block of text within a page's HTML, commonly used styles need to be defined only once in
a CSS document. Once the style is defined in cascading style sheet, it can be used by any page
that references the CSS file. Plus, CSS makes it easy to change styles across several pages at
once. For example, a Web developer may want to increase the default text size from 10pt to 12pt
for fifty pages of a Web site. If the pages all reference the same style sheet, the text size only
needs to be changed on the style sheet and all the pages will show the larger text.

1.4.1.2 JAVASCRIPT

JavaScript is a programming language commonly used in web development. It was

originally developed by Netscape as a means to add dynamic and interactive elements to
websites. While JavaScript is influenced by Java, the syntax is more similar to C and is based on
ECMA Script, a scripting language developed by Sun Microsystems.

JavaScript is a client-side scripting language, which means the source code is processed
by the client's web browser rather than on the web server. This means JavaScript functions can
run after a webpage has loaded without communicating with the server. For example, a
JavaScript function may check a web form before it is submitted to make sure all the required
fields have been filled out. The JavaScript code can produce an error message before any
information is actually transmitted to the server.
PHP

PHP (Hypertext Pre Processor) is a popularly used server side scripting language that is
basically designed for the web development to produce dynamic web pages.

PHP code is interpreted by a web server with a PHP processor module, which generates the
resulting Web Pages. PHP commands can be embedded directly into an HTML sources
document rather than calling an external file to process data. It has also evolved to include a
commend line interface capability and can be used in standalone graphical applications.

Advantages of PHP

 PHP provides a more secured website due to high quality encryption scheme.
 PHP applications provide a fast browsing experience due to the reason that all the
processing is performed at the server side.
 PHP is freely available which helps to cut the cost of development to a considerable
extent.
 It provides compatibility with almost every web server and operating system the
application is laid on.
 The load of PHP developed sites is also less as PHP is a light weighted language for
web-site development.

Features of PHP

 It is general purpose open-source language

 It is extremely user-friendly as compared to other popular languages.
 PHP is taken as a unique language supporting various functions.
 PHP can manage a lot of database.
 PHP s flexible. It runs on different operating systems.
1.4.2 BACK END
DATABASE My-SQL

MySQL is an open source relational database management system, which can be

available any time. It has no cost for development purpose. A database is a separate application
that stores a collection of data. Each database has one more distinct APIs for creating, accessing,
managing, searching and replicating data it holds. Its name is a combination of “My”, the name
of co-founder “Michael Widenius’ daughter, and “SQL”, the abbreviation for structures Query
Language. MySQL is written in C and C++.Its SQL parser is written in yacc, but it uses a home-
brewed lexical analyser. MySQL works on many system platforms, including AIX, BSDI,
FREEBSC, HP-UX, EComStation, i5/OS, IRIX, Linux, OSX Microsoft windows NetBSD,
Novell Netware, OpenBSD, Open Solaris, OS/2, Warp, QNX,Oracle Solaris, Symbian, SunOS,
SCO Open server, SCO UnixWare, Sanos and Tru64.A port of MySQL to open VMS also exists.

The MySQL server software itself and the client libraries use dual-licensing distribution.
They are offered under GPL version 2, beginning from 28 June 2000(Which in2009 has been
extended with a FLOSS License Exception) or to use a proprietary license.

Support can be obtained from the official manual. Free support additionally is available
in different IRC channels and forums. Oracle offers paid support via its MySQL Enterprise
products. They differ in the scope of services and in price. Additionally, a number of third party
organizations exist to provide it “performs extremely well in the average case” and that the
“developer interface are there, and the documentation is very, very good”. It has also been tested
to be a “fast, stable and true multi-user, multi-threaded SQL database server”.
FEATURES

MySQL is offered fewer than two different editions: the open source MySQL Community
Server and the proprietary Enterprise Server.

MySQL enterprise server is differentiated by a series of proprietary extensions which

install as server pug-in, but otherwise shares the version numbering system and is built from the
same code base.

Major features as available in MySQL:

 A broad subset of ANSI SQL 99,as well as extension

 Cross-platform support
 Stored procedures, using a procedural language that closely adheres to SQL/PSM
 Triggers
 Online DDL when using the InnoDB Storage Engine.
 Information schema
 Performance Schema that collects and aggregates statistics about server execution and
query performance for monitoring purpose.
 A set of SQL Mode options to control runtime behaviour, including a strict mode to
better adhere to SQL standards.
 X/Open XA distributed transaction processing (DTP) support; two phase commit as
part of this, using the default InnoDB storage engine.
 Transactions with save points when using the default InnoDB Storage Engine. The
NDB Cluster Storage Engine also supports transactions.
 ACID compliance when using InnoDB and NDB Cluster Storage Engines.
 SSL supports.
 Query caching.
 Sub-SELECTs
 Full-text indexing and searching.
 Embedded database library.
ADVANTAGES OF USING MySQL

 It’s Easy To Use

MySQL is very easy to install, and thanks to a bevy of third-party tools that can be
added to the database, setting up an implementation is relatively simple task. In addition,
it’s also an easy database to work with. So long as you understand the language, you
should not run into too many problems.
 Supports Is Readily Available Whenever Necessary
Although Oracles history of supporting its customers can be spotty at best, the nature
of MySQL – which got its start as an open-source platform-means that there’s large and
thriving community of developers and enthusiasts to which one can turn for help. This is
due in large part to the popularity of the solution, the end results of which is no shortage
of experts.
 It’s Open-Source
Oracle’s purchase of Sun Microsystem was met with some contention from the
development community. The general fear was that Oracle would transform the tool into
a closed, proprietary ecosystem.
1.5 SYSTEM DESIGN ARCHITECTURE

1.5.1 SYSTEM ARCHITECTURE

NOTES MANAGER

ADMIN CUSTOMER

VIEW USERS REGISTRATION

APPROVE USERS LOGIN

VIEW NOTES CREATE NOTES

CHANGE PASSWORD ADD/VIEW NOTES

SIGN OUT CREATE NOTES (UPLOAD)

ADD/VIEW NOTES
(UPLOAD)

CHANGE PASSWORD

SIGN OUT

FIG 1.5.1 (A) SYSTEM ARCHITECTURE DIAGRAM

DATA FLOW DIAGRAM

LEVEL 0

View/Approve Users and View Add/view/search notes

Notes

NOTES MANAGER

Admin User

FIG 1.5.1 (B) DATA FLOW DIAGRAM – LEVEL 0

LEVEL 1

View/Approve Users
Users

View Notes
Notes

Admin

Change Password
Admin

Login
Admin

FIG 1.5.1 (C) DATA FLOW DIAGRAM – LEVEL 1(A)

 Registration
Users

Login
User

Add Note
Notes

View Notes

Add/View Notes With Upload

NotesUpload

Add/View Notes With Version

NotesVersion

Add/View Notes (Version) With Upload

NotesVersionUpload

FIG 1.5.1 (D) DATA FLOW DIAGRAM – LEVEL 1(B)

1.5.2 MODULE DESCRIPTION

ADMINISTRATION MODULE

LOGIN

In this module admin logins to the website using username and password given. The
details are taken from ‘admin’ table.

VIEW USERS

In this module admin views the user details such as id, name, address, city, email id and
mobile number. These details are taken from ‘users’ table.

APPROVE USERS

In this module admin view the users, select user id and approve the user so that he or she
can login to the web site for notes management.

VIEW NOTES

Admin can view the notes added by users here. The details are taken from ‘Notes’ table.

CHANGE PASSWORD

In this module admin can change the password by giving current and new password. The
details are updated in ‘admin’ table.

USER MODULE

USER REGISTRATION

In this module users are allowed to register their information in this website. These
details contain id, name, address, city, email id, mobile number and password which are saved in
‘users’ table.

CREATE NOTES

In this module users add notes like id, title, description and date of entry. These details
are saved in ‘Notes’ table.
ADD NOTES
In this module users add notes like id, serial number, title, description and date of entry.
These details are saved in ‘Notes’ table with previous note id so that it is saved as successive
versions of the previous related note.

CREATE NOTES WITH UPLOAD

In this module users add notes like id, title, description and date of entry along with
document content which are uploaded using file upload control. These details are saved in
‘NotesUpload’ table.

ADD NOTES WITH UPLOAD

In this module users add notes like id, serial number, title, description and date of entry
along with document content which are uploaded using file upload control. These details are
saved in ‘NotesUpload’ table with previous note id so that it is saved as successive versions of
the previous related note.

VIEW NOTES

Users can view the notes added by users here. The details are taken from ‘Notes’ table.
Search option is also provided.

VIEW NOTES WITH UPLOAD

Users can view the notes with file contents uploaded by users here. The details are taken
from ‘NotesUpload’ table. Search option is also provided.

CHANGE PASSWORD

In this module user can change the password by giving current and new password. The
details are updated in ‘users’ table.
1.5.3 DATABASE TABLE DESIGN

The most important consideration in designing the database is how information will be
used. The main objectives of designing a database are:

Data Integration

In a database, information from several files are coordinated, accessed and operated upon
as through it is in a single file. Logically, the information are centralized, physically, the data
may be located on different devices, connected through data communication facilities.

Data Integrity
Data integrity means storing all data in one place only and how each application to access
it. This approach results in more consistent information, one update being sufficient to achieve a
new record status for all applications, which use it. This leads to less data redundancy; data items
need not be duplicated; a reduction in the direct access storage requirement.

Data Independence

Data independence is the insulation of application programs from changing aspects of

physical data organization. This objective seeks to allow changes in the content and organization
of physical data without reprogramming of applications and to allow modifications to application
programs without reorganizing the physical data.

The tables needed for each module were designed and the specification of each and every
column was given based on the records and details collected during record specification of the
system study.
TABLE STRUCTURE

1.5.3.1 Table Name : Admin

Description : Used to store the login details.

FIELD NAME DATA TYPE SIZE CONSTRAINTS

Username varchar 10 Primary key
Password varchar 20 Not Null

1.5.3.2 Table Name : User Table

Description : Used to store the user details.

FIELD NAME DATA TYPE SIZE CONSTRAINTS

User Id Int 11 Primary Key
User Name varchar 50 Not Null
Address varchar 200 Not Null
City Varchar 50 Not Null
Contact No Varchar 10 Not Null
Email Id varchar 30 Not Null
Password varchar 20 Not Null

1.5.3.3 Table Name : Notes Table

Description : Used to store the Notes details.

FIELD NAME DATA TYPE SIZE CONSTRAINTS

NoteId Int 11 Primary Key
User Id Int 11 Foreign Key
EntryDate Date 8 Date of Entry
Title Varchar 100 Not Null
Description Varchar 500 Not Null
1.5.3.4 Table Name : NotesUpload Table
Description : Used to store the Notes with upload details.

FIELD NAME DATA TYPE SIZE CONSTRAINTS

NoteId Int 11 Primary Key
User Id Int 11 Foreign Key
EntryDate Date 8 Date of Entry
Title Varchar 100 Not Null
Description Varchar 500 Not Null
FilePath Varchar 255 Not Null
1.5.3.5 Table Name : NotesVersion Table
Description : Used to store the Notes Version details.

FIELD NAME DATA TYPE SIZE CONSTRAINTS

SNo Int 11 Unique
NoteId Int 11 Foreign Key
User Id Int 11 Foreign Key
EntryDate Date 8 Date of Entry
Title Varchar 100 Not Null
Description Varchar 500 Not Null
1.5.3.6 Table Name : NotesVersionUpload Table
Description : Used to store the Notes Version with upload details.

FIELD NAME DATA TYPE SIZE CONSTRAINTS

SNo Int 11 Unique
NoteId Int 11 Foreign Key
User Id Int 11 Foreign Key
EntryDate Date 8 Date of Entry
Title Varchar 100 Not Null
Description Varchar 500 Not Null
FilePath Varchar 255 Not Null
1.5.4 FEASIBILITY REPORT

FEASIBILITY STUDY

The feasibility study deals with all the analysis that takes up in developing the project.
Each structure has to be thought of in the developing of the project, as it has to serve the end user
in a user-friendly manner. One must know the type of information to be gathered and the system
analysis consist of collecting, Organizing and evaluating facts about a system and its
environment.

Three considerations involved in feasibility analysis are

 ECONOMICAL FEASIBILITY
 OPERATIONAL FEASIBILITY
 TECHNICAL FEASIBILITY

ECONOMIC FEASIBILITY

The organization has to buy a personal computer with a keyboard and a mouse, this is a
direct cost. There are many direct benefits of covering the manual system to computerized
system. The user can be given responses on asking questions, justification of any capital outlay is
that it will reduce expenditure or improve the quality of service to the user. The users who have
basic knowledge about Microsoft technologies can use this service by accessing the service
provided in the web site.

OPERATIONAL FEASIBILITY
The Proposed system accessing process to solves problems what occurred in existing
system. The current day-to-day operations of the organization can be fit into this system. Mainly
operational feasibility should include on analysis of how the proposed system will affects the
organizational structures and procedures.
 The proposed system requires less human interaction and anybody who has the basic
computer devices can access these services and operate on their needed part of the services to get
the services that are needed by the user.

TECHNICAL FEASIBILITY

The cost and benefit analysis may be concluded that computerized system is favorable in
today’s fast moving world. The assessment of technical feasibility must be based on an outline
design of the system requirements in terms of input, output, files, programs and procedure.

The project aims to provide the faster notes information maintenance using the web
application and to reduce the difficulties involved in information handling that are given by users
of the website. The current system aims to overcome the problems of the existing system. The
current system is to reduce the technical skill requirements so that more number of users can
access the application
 II. CONCLUSION AND FUTURE ENHANCEMENT

CONCLUSION

Thus the project is developed with the satisfaction of end users like admin and users in
notes management. The entire user interface is made easier to use. The multiple types of notes
and their versions are available through single website. It comes to know that one the main
advantages for users. By using this website the admin can increase the users efficiency in huge
than previous system.

SCOPE FOR FUTURE DEVELOPMENT

The website becomes useful if the following enhancements are made in upcoming days.

 The user can be allowed to add audio and video also.

 User to user communication such as send and receive messages, sharing them also can be
made if future.
 APPENDIX

A. SAMPLE CODING

ADD NOTE

<?php
session_start();
?>
<html>
<head>
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="css/jquery.min.js"></script>
<script src="css/bootstrap.min.js"></script>
<link rel="stylesheet" href="css/all.css">
<link rel="stylesheet" type="text/css" href="style.css" />

</head>
<body>
<?php
include('HeaderUser.php');
include('Db.php');

$query= mysql_query("SELECT coalesce(max(NoteId),0)+1 as cnt FROM Notes",

$con);
$row = mysql_fetch_array($query);
$Id=$row['cnt'];
?>

<center>
<h4>NEW NOTE DETAILS</h4>
</center>

<form action="AddNoteCode.php" method="post" enctype="multipart/form-data">

<center>
<table align="center" border='1' cellspacing='0' style="width:500px"
class="table table-bordered table-hover table-striped ">
<!--<tr>
<td align="right">Transport Id:</td> <td><input type="text"
name="txtID" value="<?php echo $Id; ?>" Required/></td>
</tr>
-->
<tr>
<td align="right">Note Id.:</td> <td><input type="text"
name="txtNoteId" value=<?php echo $Id ?> Required/></td>
</tr>
<tr>
<td align="right">Title:</td> <td><input type="text"
name="txtTitle" Required/></td>
</tr>
<tr>
<td align="right">Description:</td> <td><textarea
name="txtDesc" rows='5' cols='40' Required></textarea></td>
</tr>

<tr>
<td></td> <td><input type="submit" name="btnSubmit"
value="Submit" class="btn_submit" style="width:152px;" /></td>
</tr>
</table>
 </center>
<center>
<table border='1' cellspacing='0' class="table table-bordered table-hover table-
striped table-condensed;">

<tr>
<th>Note Id</th>
<th>User Id</th>
<th>Entry Date</th>
<th>Title</th>
<th>Description</th>

<th>Delete</th>
</tr>
<?php
$query= mysql_query("Select * From Notes Where UserId='" .
$_SESSION['userid'] . "'", $con);
while ($row = mysql_fetch_array($query))
{
echo "<tr>";
echo "<td style='padding-top:40px' valign='middle'>" . $row['NoteId'] .
"</td>";
echo "<td style='padding-top:40px' valign='middle'>" . $row['UserId'] .
"</td>";
echo "<td style='padding-top:40px' valign='middle'>" . $row['EntryDate'] .
"</td>";
echo "<td style='padding-top:40px' valign='middle'>" . $row['Title'] .
"</td>";
echo "<td style='padding-top:40px' valign='middle'>" . $row['Description']
. "</td>";
echo "<td style='padding-top:40px' valign='middle'><a
href='DeleteNote.php?code=" . $row['NoteId'] . "' class='btn_delete'/>Delete</a></td>";
echo "</tr>";
 }

?>
</table>
</center>
</form></body></html>
ADD NOTE VERSION
<?php
session_start();
?>
<html>
<head>
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="css/jquery.min.js"></script>
<script src="css/bootstrap.min.js"></script>
<link rel="stylesheet" href="css/all.css">
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<?php
include('HeaderUser.php');
include('Db.php');
$query= mysql_query("SELECT coalesce(max(SNo),0)+1 as cnt FROM NotesVersion",
$con);
$row = mysql_fetch_array($query);
$Id=$row['cnt'];

?>
<center>
<h4>CREATE NOTE VERSION DETAILS</h4>
</center>

<form action="AddNoteVersionCode.php" method="post" enctype="multipart/form-

data">
<center>
 <table align="center" border='1' cellspacing='0' style="width:500px"
class="table table-bordered table-hover table-striped ">
<!--<tr>
<td align="right">Transport Id:</td> <td><input type="text"
name="txtID" value="<?php echo $Id; ?>" Required/></td>
</tr>
-->
<tr>
<td align="right">S.No.:</td> <td><input type="text"
name="txtSNo" value=<?php echo $Id ?> Required/></td>
</tr>

<tr>
<td align="right">Note Id:</td>
<td>
<select name="cboNoteId">
<?php
$sql="SELECT NoteId FROM Notes Where
UserId='" . $_SESSION['userid'] . "' Order By NoteId";

$tot=mysql_query($sql,$con);

while($row = mysql_fetch_array($tot) )
{

echo "<option>" .
$row['NoteId'] . "</option>";
}
?>
</select>
</td>
</tr>
<tr>
<td align="right">Title:</td> <td><input type="text"
name="txtTitle" Required/></td>
</tr>
<tr>
<td align="right">Description:</td> <td><textarea
name="txtDesc" rows='5' cols='40' Required></textarea></td>
</tr>

<tr>
<td></td> <td><input type="submit" name="btnSubmit"
value="Submit" class="btn_submit" style="width:152px;" /></td>
</tr>
</table>
</center>
<center>
<table border='1' cellspacing='0' class="table table-bordered table-hover table-
striped table-condensed;">
<tr>
<th>S.No</th>
<th>Note Id</th>
<th>User Id</th>
<th>Entry Date</th>
<th>Title</th>
<th>Description</th>

<th>Delete</th>
</tr>
 <?php
$query= mysql_query("Select * From NotesVersion Where UserId='" .
$_SESSION['userid'] . "' Order By SNo", $con);
while ($row = mysql_fetch_array($query))
{
echo "<tr>";
echo "<td style='padding-top:40px' valign='middle'>" . $row['SNo'] .
"</td>";
echo "<td style='padding-top:40px' valign='middle'>" . $row['NoteId'] .
"</td>";
echo "<td style='padding-top:40px' valign='middle'>" . $row['UserId'] .
"</td>";
echo "<td style='padding-top:40px' valign='middle'>" . $row['EntryDate'] .
"</td>";
echo "<td style='padding-top:40px' valign='middle'>" . $row['Title'] .
"</td>";
echo "<td style='padding-top:40px' valign='middle'>" . $row['Description']
. "</td>";
echo "<td style='padding-top:40px' valign='middle'><a
href='DeleteNoteVersion.php?code=" . $row['SNo'] . "' class='btn_delete'/>Delete</a></td>";
echo "</tr>";
}

?>
</table>
</center>
</form>
</body>
</html>
B. SAMPLE SCREENS

HOME PAGE
ADMIN LOGIN
ADMIN OPTIONS
VIEW USERS
APPROVE USER
VIEW NOTES
CHANGE PASSWORD (ADMIN)
 US
ER REGISTRATION
USER LOGIN
NEW NOTE DETAILS
NEW NOTES VERSION DETAILS
NEW NOTE VERSION DETAILS
CREATE NOTES (UPLOAD) VERSION DETAILS
VIEW NOTES
VIEW NOTES (UPLOAD)
VIEW NOTES VERSION
VIEW NOTES VERSION (UPLOAD)
CHANGE PASSWORD (USER)
C. REFERENCES

i. BOOK REFERENCES

1. The Joy of PHP Programming: A Beginner’s Guide – by Alan Forbes

2. PHP & MySQL Novice to Ninja – by Kevin Yank

3. Head First PHP & MySQL – by Lynn Beighley & Michael Morrison

4. Learning PHP, MySQL, JavaScript, and CSS: A Step-by-Step Guide to Creating

Dynamic Websites – by Robin Nixon

5. PHP & MySQL Web Development – by Luke Welling & Laura Thompson

6. PHP & MySQL: The Missing Manual – by Brett McLaughlin

7. PHP: A Beginner’s Guide – by Vikram Vaswani

8. Learn PHP & MySQL – Zero to Hero Programming Crash Course – by Paul Madoff

9. Murach’s PHP & MySQL – by Joel Murach & Ray Harris

10. Programming PHP – by Kevin Tatroe, Peter MacIntyre & Rasmus Lerdorf
“Foreword By: Michael Bourque”

ii. WEB REFERENCES

1. http://www.php.net/manual/en/language.references.php
2. http://www.webreference.com
3. www.phptherightway.com
4. https://www.w3schools.com/php/
5. zetcode.com/lang/php/functions