Professional Documents
Culture Documents
on
“ONLINE DIGITAL NOTICE BOARD”
Submitted in partial fulfillment for the award of
B.Com(Computer Application) – Final Year (Semester - VI)
(BCCA – Semester VI)
Of
Submitted By
Pranay .P.Basotiya
Vishnu .A. Kashyap
This is to certify that Pranay Basotiya and Vishnu Kashyap has successfully
completed the project title “Online Digital Notice Board ” in the partial fulfillment
of B.Com(Computer Application) – Sem VI by Rashtrasant Tukadoji Maharaj
Nagpur University, Nagpur for the academic Session of 2018-2019. This is to
certify that this project work is carried out under my guidance and supervision &
has undergone the required hours of participation in computer practical’s as
prescribed by Rashtrasant Tukadoji Maharaj, Nagpur University, Nagpur.
Director Guide
Prof.Saudamin Jivtode
Date :-
Place : - Nagpur
i
DECLARATION
DECLARATION
We “Pranay basotiya and Vishnu Kashyap” hereby declare that the contents
included in our Project “Online Digital Notice Board” submitted by us for the
award of Degree of B.Com (Computer Application) – Semster VI of Rashtrasant
Tukadoji Maharaj Nagpur University, Nagpur through the Faculty of Commerce,
Management& Computer of Hislop College, Nagpur in the academic year 2018 –
2019.
This Project work has not been submitted for the award of any other degree or
diploma of any other University or Institute.
Student’s Name:
1. Pranay Basotiya
2. Vishnu Kashyap
Place :- Nagpur
Date:-
ii
AKNOWLEDGMENT
ACKNOWLEDGEMENT
First and foremost, we wish to express our sincere gratitude to Dr. (Ms.) Dipti
Christian for her kind help inspiration and encouragement in the successful
completion of the project.
We would like to thank our director Dr. (Mrs.) Jigisha Naidu for the constant
help,inspiration and encouragement for the successful completion of our project.
We express oursincere and deepest gratitude to our guide Prof.Saudamin Jivtode
without her knowledge, guidance and criticism this project could not have been
completed.
We would like to thank all faculties of Commerce and staff members of
Commerce Management and Computer Department who directly or indirectly
extend their kind cooperation in the completion of our project.
Last but not least we would like to express our deepest gratitude to Our Parents
for their encouragement throughout the progress of this project.
Signature:
.......................................... ...........................................
Date :-
Place : - Nagpur
iii
PROJECT PROFILE
PROJECT PROFILE
An online digital notice board is a place where people can leave any types of
messages and notifications, for example, to advertise things, announce events or
provide any information. Notice board online it can be placed on digital devices
such computers, tabs, mobile phones etc.
This online notice board project is very helpful for all type of users like existing
users and new users. So admin can leave and erase notification for other people to
read and see.
The main aim of this free online notice board project is make information
dissemination much easier in a paperless community as the world tends to interact
with the online digital notice board facility as an project, Online notice board admin
can send the notification to the particular students regarding fee payments, results,
any new activity happen in college campus or college fest participation, libraries
dues, hostel room payments, any workshop registrations, warnings and reminders
etc. for this work online digital notice board project is make all work much easier
and understandable to all.
This online notice board work generally intends to act as a support system for the
all users. By the help of free online digital notice board users can access the
notifications and articles quickly not only in the particular premises, also wherever
and whenever they need to know.
Online digital notice board usability is fully capable of passing relevant notices and
announcements, and keeping the users update from time to time.
The students are kept updated each time with the online notice board for college is
uploaded based on their preferences with respect to the departments and
categories through a notice board online.
iv
INDEX OR CONTENT PAGE
INDEX or CONTENT
This Online Digital Notice Board Application will help many Students as well as
the teachers for regular update regarding to the every event in institute. This is
general product. Each teaching institute can use this program according to their
schedule. So it will helps the students, teachers and indirectly institute with their
own site. The students are kept updated each time with the online notice board for
college is uploaded based on their preferences with respect to the departments and
categories through a notice board online. The main aim of this free online notice
board project is make information dissemination much easier in a paperless
community as the world tends to interact with the online notice board facility as an
project, Online notice board admin can send the notification to the particular
students regarding fee payments any new activity happen in college campus or
college fest participation, libraries dues, hostel room payments, any workshop
registrations, warnings and reminders etc for this work online notice board project
is make all work much easier and understandable to all.any new activity happen in
college campus or college fest participation, libraries dues, hostel room payments,
any workshop registrations, warnings and reminders etc. for this work online notice
board project is make all work much easier and understandable to all.
The College easily post all types of message on the notice board.
1
OBJECTIVES
OBJECTIVES
The primary aim of the Online Notice board Software project is to create a fully
functional digital notice board system which will efficiently handle all assigned
tasks. This online Notice Board Application will help many Students as well as the
teachers for regular update regarding to the every event in institute. This is general
product. Each teaching institute can use this program according to their schedule.
So it will helps the students, teachers and indirectly institute with their own site.
To develop and manage a proper database system to ensure data safety and
proper management.
Notice board online it can be placed on digital devices such computers, tabs,
mobile phones etc.
The online notice board project all the updates like, add, delete, view are
done by admin, so that user will get the updated current information through
notice board online .
2
PRELIMINARY SYSTEM ANALYSIS
PRELIMINARY SYSTEM ANALYSIS
1. Preliminary Investigation
Admin :-Admin is the person who controls, monitors and keeps the whole follow
of the system. The main functions of the Admin are:
• To keep and track down the total number of users in the system.
• Update Password
3
• Student Registration
• Login
• Update Profile
• Update Password
The “Online Notice Board System” is a web- based software, with supplementary
application software, that aims to aid the institutes by providing such digital
noticeboard.
5 Feasibility Study
The software is to be developed using PHP, CSS, XAMP and MySQL, which are
all readily available. Also, the team members have sufficient programming and
4
related knowledge which will enable us to learn and adapt to these specific
languages and platforms easily. Thus we can see that the project is technically
feasible.
6. Project Category
(Front End ):
PHP: -PHP is a server-side scripting language designed for web development but
also used as a general-purpose programming language. PHP originally stood for
Personal Home Page, but it now stands for the PHP: Hypertext Preprocessor. PHP
code may be embedded into HTML, or it can be used in combination with various
web template systems, web content management systems and web frameworks.
(Backend ):
5
Technology:
CSS: - CSS is cascading style sheet which is used to give designer look to HTML
using the external file.
Java script: - Java script is used for client side scripting which can help in using
validation on the website and many more other functions.
Jquery:- jQuery is a fast and concise JavaScript library. jQuery simplifies HTML
document traversing, event handling, animating, and Ajax interactions for Rapid
Web Development.
6
SOFTWARE ENGINEERING
PARADIGM APPLIED
7
SOFTWARE ENGINEERING PARADIGM APPLIED
1. Modules
The software has different modules which help it to achieve its objectives, those
are:
Main and Login Page: The main page, neatly designed page, here login
option is provided to login. Also new signup option is provided to for new
user to sign up.
Admin page: This screen display the admin detail and also show the current
active notices, users. The Admin can approve the Notice post by the any
user.
User Registration: This screen gives the facility to register any new user
to the system.
Post screen: This screen gives the facility to registered user or Admin to
post new notice on the board.
Detail Screen: View all the existing notices with the respective user /
admin.
Edit Page: This page gives the facility to the Admin to delete user as well
as any notice permanently.
Feedback Page : This page displays the experiences of the student while
taking the course from the site. It also contains a feedback form to get the
views of the user on the site.
8
2. System / Modular Chart
Login
Register Online Digital Notice Board
Register
Admin
Student
Login
Admin
Student
View Notice
Fig. 1
7
SOFTWARE AND HARDWARE
REQUIREMENT
8
Software & Hardware Requirement Specification
Software Requirements:
• Technology : PHP
• Database : My SQL
Hardware Requirement :
HDD : 160 GB
9
Detailed System Analysis
User
User Register Login View Notice
Feedback
Enter Detail
User Feedback
Fig. 2
10
Admin Register Login Manage Notice
Enter Detail
Insert/Update/Delete Notice
Action On Result
Fig 3
11
Numbers of Modules and Process Logic:-
Every module and sub module made, based on their Functionality. These module
are designed and implemented separately and then they are integrated together to
form the desired application
1. Registering User :-
The first step in this application is to get the user register to both web server
and remote user will be provide all the necessary detail and press the register
button. The request will first go to google cloud messaging server.
2. User Login:-
The User is allowed to login. User name and password after validating at
client side, is send to server side authentication. After authentication
respond is sent by the server to client and then user get logged in.
3. Viewing the Notice:-
The case all previous notice fetched from application own database stored
inside client mobile. If then check for new notice from the server. If there
are new notice on the server it will fetch all those notice.
4. Deleting a Notice :-
The user want know some notice he can delete from there previous notice
from the desktop / mobile. There will be no effect will server entry.
5. Posting a notice :-
If a user is an admin he is able to post the notice that press the post button
to post button.
6. Notification:
As soon as the admin post on notice the script will run with request is made
by web server for all the register.
12
Data Structures and Tables:
1. Admin:
Fig.4
2. Data:
Fig.5
3. Feedback:
Fig.6
13
4. Notice:
Fig.7
5. Tbl_User:
Fig.8
6. User:
Fig.9
14
Entity-Relationship Diagram:
Notice_1 Notice
Description ID Name
D Date
M
1
Add Notice
Category ID M
Admin Choose M
Category Choose
M M
Category
ID Name Name
Fig 10
15
System Design
Form Design
Dashboard
Fig. 11
Fig. 12
16
Admin Login form
Fig. 13
Registration form
Fig. 14
17
Feedback form
Fig. 15
18
Source Code
Main Form : -
<?php
// Initialize the session
session_start();
19
// Validate credentials
if(empty($username_err) && empty($password_err)){
// Prepare a select statement
$sql = "SELECT id, username, password FROM users WHERE username = ?";
// Set parameters
$param_username = $username;
20
// Redirect user to welcome page
header("location:start.php");
} else{
// Display an error message if password is not valid
$password_err = "The password you entered was not valid.";
}
}
} else{
// Display an error message if username doesn't exist
$username_err = "No account found with that username.";
}
} else{
echo "Oops! Something went wrong. Please try again later.";
}
}
// Close statement
mysqli_stmt_close($stmt);
}
// Close connection
mysqli_close($link);
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Login</title>
<link rel="stylesheet" href="css/bootstrap.css">
21
<style type="text/css">
body{ font: 14px sans-serif;
background-image: url("images/2.jpg");}
.wrapper{ width: 350px; }
</style>
</head>
<body>
<center>
<div class="wrapper">
<h2>Login</h2>
<p>Please fill in your credentials to login.</p>
<form action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>"
method="post">
<div class="form-group <?php echo (!empty($username_err)) ? 'has-error' : '';
?>">
<label>Username</label>
<input type="text" name="username" class="form-control" value="<?php echo
$username; ?>">
<span class="help-block"><?php echo $username_err; ?></span>
</div>
<div class="form-group <?php echo (!empty($password_err)) ? 'has-error' : '';
?>">
<label>Password</label>
<input type="password" name="password" class="form-control">
<span class="help-block"><?php echo $password_err; ?></span>
</div>
<div class="form-group">
<input type="submit" class="btn btn-primary" value="Login">
</div>
<p>Don't have an account? <a href="register.php">Sign up now</a>.</p>
</form>
22
</div>
</center>
</body>
</html>
Registration form : -
<?php
// Include config file
require_once "config1.php";
// Validate username
if(empty(trim($_POST["username"]))){
$username_err = "Please enter a username.";
} else{
// Prepare a select statement
$sql = "SELECT id FROM users WHERE username = ?";
// Set parameters
$param_username = trim($_POST["username"]);
23
// Attempt to execute the prepared statement
if(mysqli_stmt_execute($stmt)){
/* store result */
mysqli_stmt_store_result($stmt);
if(mysqli_stmt_num_rows($stmt) == 1){
$username_err = "This username is already taken.";
} else{
$username = trim($_POST["username"]);
}
} else{
echo "Oops! Something went wrong. Please try again later.";
}
}
// Close statement
mysqli_stmt_close($stmt);
}
// Validate password
if(empty(trim($_POST["password"]))){
$password_err = "Please enter a password.";
} elseif(strlen(trim($_POST["password"])) < 6){
$password_err = "Password must have atleast 6 characters.";
} else{
$password = trim($_POST["password"]);
}
24
$confirm_password_err = "Please confirm password.";
} else{
$confirm_password = trim($_POST["confirm_password"]);
if(empty($password_err) && ($password != $confirm_password)){
$confirm_password_err = "Password did not match.";
}
}
// Set parameters
$param_username = $username;
$param_password = password_hash($password,
PASSWORD_DEFAULT); // Creates a password hash
25
}
}
// Close statement
mysqli_stmt_close($stmt);
}
// Close connection
mysqli_close($link);
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Sign Up</title>
<link rel="stylesheet" href="css/bootstrap.css">
<style type="text/css">
body{ font: 14px sans-serif;
background-image: url("images/2.jpg");}
.wrapper{ width: 350px; padding: 20px; }
</style>
</head>
<body>
<center>
<div class="wrapper">
<h2>Sign Up</h2>
<p>Please fill this form to create an account.</p>
<form action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);
?>" method="post">
26
<div class="form-group <?php echo (!empty($username_err)) ? 'has-error'
: ''; ?>">
<label>Username</label>
<input type="text" name="username" class="form-control"
value="<?php echo $username; ?>">
<span class="help-block"><?php echo $username_err; ?></span>
</div>
<div class="form-group <?php echo (!empty($password_err)) ? 'has-error'
: ''; ?>">
<label>Password</label>
<input type="password" name="password" class="form-control"
value="<?php echo $password; ?>">
<span class="help-block"><?php echo $password_err; ?></span>
</div>
<div class="form-group <?php echo (!empty($confirm_password_err)) ?
'has-error' : ''; ?>">
<label>Confirm Password</label>
<input type="password" name="confirm_password" class="form-
control" value="<?php echo $confirm_password; ?>">
<span class="help-block"><?php echo $confirm_password_err;
?></span>
</div>
<div class="form-group">
<input type="submit" class="btn btn-primary" value="Submit">
<input type="reset" class="btn btn-default" value="Reset">
</div><p>Already have an account? <a href="index.php">Login
here</a>.</p>
</form>
</div>
</center>
</body> </html>
27
Input screen & Output Screen
Main and Login form
Fig. 16
Output Screen
Fig. 17
28
Admin form
Fig. 18
Output Screen
Fig. 19
29
Registration form
Fig. 20
Output Screen
Fig. 21
30
Feedback form
Fig. 22
Output screen
Fig. 23
31
TESTING & VALIDATION
CHECKS
32
TESTING & VALIDATION CHECKS
The process of defining a test project so that it can be properly measured and
controlled. The test planning process generates a high level test plan document that
identifies the software items to be tested, the degree of tester independence, the test
environment, the test case design and test measurement techniques to be used, and
the rationale for their choice.
Test plan is a document which includes, introduction, assumption, list of test cases,
list of features to be tested, approach, deliverables, resource, risks and scheduling.
A test plan is a systematic approach to testing a system such as a machine or
software.
Any application is unless without validation. There should be a way to validate the
user input first before sending the user request to the server. Following are the
validation implemented in proposed system :
The application should check the user and password fields before sending
any request to the server. It should check whether the fields are filed nor
not. If fields are not filled up, user should be instructed to fill up the fields
before moving further. In this way, there will be less traffic on the server.
33
Validation During Registration :
The application should validate the notices posting fields before posting any
notice. It should check whether title and description fields are filled or not,
it should tell the user to fill up the required fields while posting the notices.
The application should check that user has entered the username or email in
the given filed before pressing the reset password button.
32
SYSTEM SECURITY
MEASURES
33
SYSTEM SECURITY MEASURES
There should be Security of the communication between the system and server. The
messages should be encrypted for log-in communication, so others cannot get user
name and password from those message. Every exchanged of information between
client and server should be encrypted so that no one track it. Therefore, the four
measures part of security in system are as follows :
34
IMPLEMENTATION, EVALUATION AND MAINTENANCE
Implementation :
This section presents a discussion on how feedback from the users was obtained and interpreted.
It develop a prototype website based notice board, the software program was selected. This is an
open source web server and servlet container developed by the apache software foundation that is
used to develop and run web applications. All the back end server scripts were written in the
programming language java and a mysql database system was used to store notice information.
The website front end was developed using cascading style sheets (CSS), HTML and HTML5.
The technologies available, server software and programming language to develop a website is
always an area of concern. Even more, implementing an online notice board requires more than
just a fast accessible website, but also, one that supports concurrent views, and changes to the
notice board.
Evaluation:
Users were asked to use this website to post and view online notices in electronic picture format.
An online and face-to-face survey was then carried out to determine the views of different users
upon using the website and how the general idea of implementing an online notice board was
responded to. This was aimed at two different groups that were going to be directly involved in
the notice cycle process: the notice viewers (users), as well as the notice posters (administrators).
Their experiences and opinions in the testing of the prototype were equally important in evaluating
the transition idea.
Maintenance:
On the other hand, a location based and physical notice board does not raise such demands. Instead,
the concerns here are ensuring that it is properly positioned and that certain authorized individuals
are responsible for the board maintenance. Adding the website based model to currently available
models can only extend the scope of users that can be reached. The upload form below also allows
the user to specify the date until which the notice. This is the upload interface that can be used to
post notices online.
35
FUTURE SCOPE OF THE
PROJECT
FUTURE SCOPE OF THE PROJECT
We can provide sms based integration for registration confirmation. Email based
confirmation to provide approval confirmation.
Send results as an email to registered students and send sms alerts whenever results
are sent to email or updated by an admin .Alerting module can be worked out in
future.
Online fees payment for registered students with payment gateway integration.
We can develop a comprehensive timetable module which will automat complete
process of generating a time table online.
Our project would be feasible for all the educational institutes for conveying their
messages to the students and faculty members. This software would help them to
avoid the inconvenience. The basic facility provided by this project would be
immediate display of latest information on education related policies and events.
The database of his project would basically contain the details about college and
academic and other necessary notices. This database would need to be updated with
time.
36
SUGGESTION AND
CONCLUSION
SUGGESTION AND CONCLUSION
Suggestion
Conclusion
The alternate approach of a web based notice board proves ideal in solving these problems.
Portability and time specificity are not the only features carried by this model; its plausible
elasticity implies that more notices can be served to the users and there exists the options of storing
older notices, an option lacking in the localized model. In all the web-based model appears to
maximise the potential of notice boards. However, considering the fact that several weaknesses
can be pinpointed in both models, it is advisable that both models be used. A balance of these two
models may win interest from individuals who are unhappy with the localized model without
loosing users who were finding it satisfactory and convenient.
Avoid grumbling in considers instead come, ask and discuss and where possible issues and
notice board.
Expose your student to concerts and other activities motivation program are display.
About updates emails are sent matter of concern is personal.
37
BIBILIOGRAPHY AND
REFERENCE
Bibliography and References
Books :
URL :
2. https://www.tutorialspoint.com
3. Https://www.javatpoint.com
4. https://www.w3schools.com/icons/fontawesome_icons_brand.asp
38
Approved copy of synopsis
39