Beruflich Dokumente
Kultur Dokumente
A Project Report
Submitted by:
Darshika Gupta(1616414007)
in partial fulfillment for the award of the degree
of
Session 2018-19
CERTIFICATE
------------------------------
I declare that the work presented in this project titled “Online Project
Institute of Technology, Kanpur for the partial fulfillment for award of the Master
submitted the same work for the award of any other degree. In case this
withdrawn.
Platform : PHP
Technology Used : HTML, CSS, Javascript
Back-end : PHP, MySQL
Name of Project Guide : Avanish Mishra
Title Page I
Declaration of the Student Ii
Certificate of the Guide Iii
Preface Iv
Abstract V
Acknowledgement Vi
List of Figures Vii
List of Tables (optional) Viii
Timeline / Gantt Chart Ix
Page no.
1. Introduction 7
2. Project Overview/Specifications 7
3. Hardware Specification 10
4. Software Specification 10
5. Proposed System 11
6. Feasibility Study 12
7. Objective and Scope 13
8. Flowcharts / DFDs 14
9. E-R Diagram 16
10. Design and Test Steps / Criteria 17
11. Codes 18
12. Testing Process 40
13. Results / Outputs 42
14. Conclusions / Recommendations 46
15. References 47
1.INTRODUCTION
The “Online Project Capitulation” has been developed to override the problems
prevailing in the practicing manual system. This software is supported to eliminate
and in some cases reduce the hardship faced by this existing system. More ever this
system is designed for the particular need of the company to carry out operations in
a smooth and effective manner.
The aim is to automate its existing manual system by the help of computerized
equipment and full-fledged computer software, fulfilling their requirements, so that
their valuable data/ information can be stored for a longer period with easy
accessing and manipulation of the same. Basically the project describes how to
manage for good performance and better services for the clients.
2.Project Overview/Specifications
The purpose of online storage is to automate the existing manual system by the
help of computerized equipment and full-fledged computer software, fulfilling
their requirements, so that their valuable data/ information can be stored for a
longer period with easy accessing and manipulation of the same. The required
software and hardware are easily available and easy to work with.
It’s easy to access your files
Online tools make it easy to access your files. Let’s face it, your project team
spend a fair amount of time online anyway, so this is just another way for them to
work together and collaborate online. The tools have user-friendly interfaces that
make them easy to learn, so it’s just like using another website.
Another benefit is that you can access files from anywhere. Whether your team are
in the college, at home or on the road, they can still get hold of the latest project
schedule or risk log. This gives you some security benefits too, as there is no need
to copy files onto a flash drive which could get lost. Instead, you can access the
latest copy of everything from wherever you happen to be.
With online access making it so easy to get hold of your project files, there’s no
excuse for not being able to keep everything up to date in real-time. Your team
members can complete their timesheets, update their tasks and record their status
as they go. If they are using the project management software as their main
interface for the working day, there’s no issue with going into another application
to submit documentation or update issues.
The other benefit here is that you can use the in-built reporting features to pull
information about project progress and status – and it will always reflect the
situation of today, not what happened last month.
Easy collaboration
4.Software Specification
Client Side:
Server Side:
In this advanced world where technology has grown very rapidly and every
information is shared through internet with the help of different software on these
smart devices. A type of software related to sharing information is online
capitulation in which the students will submit all their documents related to project
to their respective mentors. Every work will be assigned through it and submitted
there itself.
After performing a small research on the Web, there are so many solutions
available and each solution depends on your personal requirements, size of the
database, complexity of your site, etc. So we will concentrate only column
approach databases schemas techniques
Column Approach:
This solution is the simplest one and basically it creates an additional column for
each text that needs to be translated (there is may be a number of such columns in
your table, like: title, name, description etc.)
6. Feasibility Study
The feasibility study of this website uses spiral model which has four phases:
Planning Phase: This phase starts with gathering the business requirements in the
baseline spiral. In the subsequent spirals as the product matures, identification of
system requirements, subsystem requirements and unit requirements are all done
in this phase.
Engineering Phase: In this phase software is developed, along with testing at the
end of the phase. Hence in this phase the development and testing is done.
Evaluation phase: This phase allows the customer to evaluate the output of the
project to date before the project continues to the next spiral.
7. Objective and Scope
Objectives:
Online storage also manages the client details for student’s project,
information.
Scope:
In computer system the person has to fill the various forms and number of
copies of the forms can be easily generated at a time.
To assist the staff in capturing the effort spent on their respective working
areas.
Both analysts and vendors we talked to say that another key step is to determine what hardware
you'll use for your cloud storage infrastructure -- and in general, you should focus on commodity
hardware. "[MSPs] have a lot of old storage [devices] sitting around. What do you do with
them?" said Golding. "Well, [cloud storage services is] a really cool thing to do that monetizes
them. If I had to buy new servers [to host cloud storage services], it might be a close bet.
The next step in the process of building out a cloud storage services infrastructure is data
protection. "[The cloud storage infrastructure needs to have] the ability to replicate to multiple
sites, so you don't have issues with the site going down and your data's not lost," said Baltazar.
For many MSPs, this piece of the puzzle is built into their business model. They're already
replicating data out to a co-location facility for business continuity and disaster recovery
purposes. If you're not already replicating off-site, you'll need to include that in your plans.
Once you've built out the storage infrastructure with commodity hardware and have processes in
place to protect the data, you need to provide a way for customers to access their data at your
data center. Companies such as Mezeo and Bycast have software in this space. "They provide a
front end that allows you to access that back-end storage," said Baltazar. "It's making
conventional storage talk like a cloud system."
4 – Consider marketing
The last basic step to offering cloud storage services relates to marketing: You'll need to
determine your go-to-market strategy. BC Networks' Harrington has some advice: Stay away
from the "cloud" moniker. "The enterprise has not entirely bought into the cloud. When we go to
our customers, they ask us, 'Can you back up our stuff?' They're not even thinking about cloud.
And so Virtual Vault is presented as not a cloud offering at all [but] as a backup solution or a DR
solution," he said.
11.Codes
index.html
button:hover {
opacity: 0.8;
}
img.avatar {
width: 40%;
border-radius: 50%;
}
.container {
padding: 16px;
}
span.psw {
float: right;
padding-top: 16px;
}
/* Modal Content/Box */
.modal-content {
background-color: #fefefe;
margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and
centered */
border: 1px solid #888;
width: 80%; /* Could be more or less, depending on screen size */
}
.close:hover,
.close:focus {
color: red;
cursor: pointer;
}
@-webkit-keyframes animatezoom {
from {-webkit-transform: scale(0)}
to {-webkit-transform: scale(1)}
}
@keyframes animatezoom {
from {transform: scale(0)}
to {transform: scale(1)}
}
/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
span.psw {
display: block;
float: none;
}
.cancelbtn {
width: 100%;
}
}
</style>
<style type="text/css">
<!--
.style1 {color: #000000}
-->
</style>
</head>
<body>
<div class="main">
<div class="header">
<div class="header_resize">
<div class="logo">
<h1><a href="index.html">Cloud</a></h1>
</div>
<div class="clr"></div>
<div class="menu_nav">
<ul>
<li class="active"><a href="index.html"><span>Home
Page</span></a></li>
<li></li>
<li><a href="about.html"><span>About Us</span></a></li>
<li><a href="blog.html">Registration</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
<div class="clr"></div>
<div class="slider">
<div id="coin-slider"> <a href="#"><img src="images/slide1.jpg"
width="960" height="335" alt="" /> </a> <a href="#"></a> <a href="#"><img
src="images/slide3.jpg" width="960" height="335" alt="" /> </a> </div>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
</div>
<div class="content">
<div class="content_resize">
<div class="mainbar">
<div class="article">
<h2><span>Excellent Solution</span> For Your Project </h2>
<div class="clr"></div>
<div class="img"><img src="images/img1.jpg" width="650"
height="196" alt="" class="fl" /></div>
<div class="post_content">
<p class="style1"> !!!!!!!!!!!!!!!! </p>
<h2>Login </h2>
<button onclick="document.getElementById('id01').style.display='block'"
style="width:auto;">Login</button>
<div class="container">
<label for="uname"><b>Username</b></label>
<input type="text" placeholder="Enter Username"
name="uname" required>
<label for="psw"><b>Password</b></label>
<input type="password" placeholder="Enter Password"
name="psw" required>
<button type="submit">Login</button>
<label>
<input type="checkbox" checked="checked"
name="remember"> Remember me
</label>
</div>
</div>
</form>
</div>
<script>
// Get the modal
var modal = document.getElementById('id01');
</div>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
</div>
<div class="sidebar">
<div class="gadget">
<h2 class="star"><span></span> Menu</h2>
<div class="clr"></div>
<ul class="sb_menu">
<li><a href="#">Home</a></li>
<li>About Us</li>
<li><a href="#">Archives</a></li>
<li><a href="#">Registration</a></li>
</ul>
</div>
</div>
<div class="clr"></div>
</div>
</div>
<div class="fbg">
<div class="fbg_resize">
<div class="col c1">
<h2><span>Image</span> Gallery</h2>
<a href="#"><img src="images/gal1.jpg" width="75" height="75"
alt="" class="gal" /></a> <a href="#"><img src="images/gal2.jpg"
width="75" height="75" alt="" class="gal" /></a> <a href="#"><img
src="images/gal3.jpg" width="75" height="75" alt="" class="gal" /></a> <a
href="#"><img src="images/gal4.jpg" width="75" height="75" alt=""
class="gal" /></a> <a href="#"><img src="images/gal5.jpg" width="75"
height="75" alt="" class="gal" /></a> <a href="#"><img
src="images/gal6.jpg" width="75" height="75" alt="" class="gal" /></a>
</div>
<div class="col c2">
<h2><span>Services</span> Overview</h2>
<p> <b>!!!!! </b>
</p>
<ul class="fbg_ul">
<li><a href="#">Project submission.</a></li>
<li><a href="#">Document upload.</a></li>
<li><a href="#">Document varification.</a></li>
</ul>
</div>
<div class="col c3">
<h2><span>Contact</span> Us</h2>
<p> <b>!!!!!</b>
</p>
<p class="contact_info"> <span>Address:</span>PSIT, KANPUR <br />
<span>Telephone:</span> +91-9999999999
<br />
<span>Others:</span> +91-8888888888<br />
<span>E-mail:</span> psit765@gmail.com<a href="#"></a> </p>
</div>
<div class="clr"></div>
</div>
</div>
<div class="footer">
<div class="footer_resize">
<p class="lf">Copyright © <a href="#">online capitulation</a>.
All Rights Reserved</p>
<p class="rf">Design by Group number seven</p>
<div style="clear:both;"></div>
</div>
</div>
</div>
</body>
</html>
registration.html
<style>
body {font-family: Arial, Helvetica, sans-serif;}
* {box-sizing: border-box;}
button:hover {
opacity:1;
}
/* Modal Content/Box */
.modal-content {
background-color: #fefefe;
margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and
centered */
border: 1px solid #888;
width: 80%; /* Could be more or less, depending on screen size */
}
.close:hover,
.close:focus {
color: #f44336;
cursor: pointer;
}
/* Clear floats */
.clearfix::after {
content: "";
clear: both;
display: table;
}
/* Change styles for cancel button and signup button on extra small
screens */
@media screen and (max-width: 300px) {
.cancelbtn, .signupbtn {
width: 100%;
}
}
</style>
</head>
<body>
<div class="main">
<div class="header">
<div class="header_resize">
<div class="logo">
<h1><a href="index.html">Cloud</a></h1>
</div>
<div class="clr"></div>
<div class="menu_nav">
<ul>
<li><a href="index.html"><span>Home Page</span></a></li>
<li></li>
<li><a href="about.html"><span>About Us</span></a></li>
<li class="active"><a href="blog.html">Registration</a></li>
<li><a href="contact.html"><span>Contact Us</span></a></li>
</ul>
</div>
<div class="clr"></div>
<div class="slider">
<div id="coin-slider"> <a href="#"><img src="images/slide1.jpg"
width="960" height="335" alt="" /> </a> <a href="#"></a> <a href="#"><img
src="images/slide3.jpg" width="960" height="335" alt="" /> </a> </div>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
</div>
<div class="content">
<div class="content_resize">
<div class="mainbar">
<div class="article">
<h2><span>Registration</span></h2>
<div class="clr"></div>
<p>!!!!!</p>
<button
onclick="document.getElementById('id01').style.display='block'"
style="width:auto;">Sign Up</button>
<label for="psw"><b>Password</b></label>
<input type="password" placeholder="Enter Password" name="psw"
required>
<label>
<input type="checkbox" checked="checked" name="remember"
style="margin-bottom:15px"> Remember me
</label>
<div class="clearfix">
<button type="button"
onclick="document.getElementById('id01').style.display='none'"
class="cancelbtn">Cancel</button>
<button type="submit" class="signupbtn">Sign Up</button>
</div>
</div>
</form>
</div>
<script>
// Get the modal
var modal = document.getElementById('id01');
</div>
</div>
<div class="sidebar">
<div class="gadget">
<h2 class="star"><span>Sidebar</span> Menu</h2>
<div class="clr"></div>
<ul class="sb_menu">
<li><a href="#">Home</a></li>
<li>About Us</li>
<li><a href="#">Archives</a></li>
<li><a href="#">Registration</a></li>
</ul>
</div>
</div>
<div class="clr"></div>
</div>
</div>
<div class="fbg">
<div class="fbg_resize">
<div class="col c1">
<h2><span>Image</span> Gallery</h2>
<a href="#"><img src="images/gal1.jpg" width="75" height="75"
alt="" class="gal" /></a> <a href="#"><img src="images/gal2.jpg"
width="75" height="75" alt="" class="gal" /></a> <a href="#"><img
src="images/gal3.jpg" width="75" height="75" alt="" class="gal" /></a> <a
href="#"><img src="images/gal4.jpg" width="75" height="75" alt=""
class="gal" /></a> <a href="#"><img src="images/gal5.jpg" width="75"
height="75" alt="" class="gal" /></a> <a href="#"><img
src="images/gal6.jpg" width="75" height="75" alt="" class="gal" /></a>
</div>
<div class="col c2">
<h2><span>Services</span> Overview</h2>
<p> <b>!!!!! </b>
</p>
<ul class="fbg_ul">
<li><a href="#">Project submission.</a></li>
<li><a href="#">Document upload.</a></li>
<li><a href="#">Document varification.</a></li>
</ul>
</div>
<div class="col c3">
<h2><span>Contact</span> Us</h2>
<p> <b>!!!!!</b>
</p>
<p class="contact_info"> <span>Address:</span>PSIT, KANPUR <br />
<span>Telephone:</span> +91-9999999999
<br />
<span>Others:</span> +91-8888888888<br />
<span>E-mail:</span> psit765@gmail.com<a href="#"></a> </p>
</div>
<div class="clr"></div>
</div>
</div>
<div class="footer">
<div class="footer_resize">
<p class="lf">Copyright © <a href="#">online capitulation</a>.
All Rights Reserved</p>
<p class="rf">Design by Group number seven</p>
<div style="clear:both;"></div>
</div>
</div>
</div>
</body>
</html>
contact.html
<div class="clr"></div>
<div class="menu_nav">
<ul>
<li><a href="index.html"><span>Home Page</span></a></li>
<li></li>
<li><a href="about.html"><span>About Us</span></a></li>
<li><a href="blog.html">Registration</a></li>
<li class="active"><a href="contact.html"><span>Contact
Us</span></a></li>
</ul>
</div>
<div class="clr"></div>
<div class="slider">
<div id="coin-slider"> <a href="#"><img src="images/slide1.jpg"
width="960" height="335" alt="" /> </a> <a href="#"></a> <a href="#"><img
src="images/slide3.jpg" width="960" height="335" alt="" /> </a> </div>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
</div>
<div class="content">
<div class="content_resize">
<div class="mainbar">
<div class="article"></div>
<div class="article">
<h2><span>Send us</span> mail</h2>
<div class="clr"></div>
<form action="#" method="post" id="sendemail">
<ol>
<li>
<label for="name">Name (required)</label>
<input id="name" name="name" class="text" />
</li>
<li>
<label for="email">Email Address (required)</label>
<input id="email" name="email" class="text" />
</li>
<li>
<label for="website">Website</label>
<input id="website" name="website" class="text" />
</li>
<li>
<label for="message">Your Message</label>
<textarea id="message" name="message" rows="8"
cols="50"></textarea>
</li>
<li>
<input type="image" name="imageField" id="imageField"
src="images/submit.gif" class="send" />
<div class="clr"></div>
</li>
</ol>
</form>
</div>
</div>
<div class="sidebar">
<div class="gadget">
<h2 class="star">Menu</h2>
<div class="clr"></div>
<ul class="sb_menu">
<li><a href="#">Home</a></li>
<li>About Us</li>
<li><a href="#">Archives</a></li>
<li><a href="#">Registration</a></li>
</ul>
</div>
</div>
<div class="clr"></div>
</div>
</div>
<div class="fbg">
<div class="fbg_resize">
<div class="col c1">
<h2><span>Image</span> Gallery</h2>
<a href="#"><img src="images/gal1.jpg" width="75" height="75"
alt="" class="gal" /></a> <a href="#"><img src="images/gal2.jpg"
width="75" height="75" alt="" class="gal" /></a> <a href="#"><img
src="images/gal3.jpg" width="75" height="75" alt="" class="gal" /></a> <a
href="#"><img src="images/gal4.jpg" width="75" height="75" alt=""
class="gal" /></a> <a href="#"><img src="images/gal5.jpg" width="75"
height="75" alt="" class="gal" /></a> <a href="#"><img
src="images/gal6.jpg" width="75" height="75" alt="" class="gal" /></a>
</div>
<div class="col c2">
<h2><span>Services</span> Overview</h2>
<p> <b>!!!!! </b>
</p>
<ul class="fbg_ul">
<li><a href="#">Project submission.</a></li>
<li><a href="#">Document upload.</a></li>
<li><a href="#">Document varification.</a></li>
</ul>
</div>
<div class="col c3">
<h2><span>Contact</span> Us</h2>
<p> <b>!!!!!</b>
</p>
<p class="contact_info"> <span>Address:</span>PSIT, KANPUR <br />
<span>Telephone:</span> +91-9999999999
<br />
<span>Others:</span> +91-8888888888<br />
<span>E-mail:</span> psit765@gmail.com<a href="#"></a> </p>
</div>
<div class="clr"></div>
</div>
</div>
<div class="footer">
<div class="footer_resize">
<p class="lf">Copyright © <a href="#">online capitulation</a>.
All Rights Reserved</p>
<p class="rf">Design by Group number seven</p>
<div style="clear:both;"></div>
</div>
</div>
</div>
</body>
</html>
support.html
<div class="clr"></div>
<div class="menu_nav">
<ul>
<li><a href="index.html"><span>Home Page</span></a></li>
<li class="active"></li>
<li><a href="about.html"><span>About Us</span></a></li>
<li><a href="blog.html">Registration</a></li>
<li><a href="contact.html"><span>Contact Us</span></a></li>
</ul>
</div>
<div class="clr"></div>
<div class="slider">
<div id="coin-slider"> <a href="#"><img src="images/slide1.jpg"
width="960" height="335" alt="" /> </a> <a href="#"></a> <a href="#"><img
src="images/slide3.jpg" width="960" height="335" alt="" /> </a> </div>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
</div>
<div class="content">
<div class="content_resize">
<div class="mainbar">
<div class="article">
<h2>Details & Document Upload!!!!! </h2>
<div class="clr"></div>
<p>Know Youre Project </p>
about.html
<li>About Us</li>
<li><a href="#">Archives</a></li>
<li><a href="#">Registration</a></li>
</ul>
</div>
</div>
<div class="clr"></div>
</div>
</div>
<div class="fbg">
<div class="fbg_resize">
<div class="col c1">
<h2><span>Image</span> Gallery</h2>
<a href="#"><img src="images/gal1.jpg" width="75" height="75"
alt="" class="gal" /></a> <a href="#"><img src="images/gal2.jpg"
width="75" height="75" alt="" class="gal" /></a> <a href="#"><img
src="images/gal3.jpg" width="75" height="75" alt="" class="gal" /></a> <a
href="#"><img src="images/gal4.jpg" width="75" height="75" alt=""
class="gal" /></a> <a href="#"><img src="images/gal5.jpg" width="75"
height="75" alt="" class="gal" /></a> <a href="#"><img
src="images/gal6.jpg" width="75" height="75" alt="" class="gal" /></a>
</div>
<div class="col c2">
<h2><span>Services</span> Overview</h2>
<p> <b>!!!!! </b>
</p>
<ul class="fbg_ul">
<li><a href="#">Project submission.</a></li>
<li><a href="#">Document upload.</a></li>
<li><a href="#">Document varification.</a></li>
</ul>
</div>
<div class="col c3">
<h2><span>Contact</span> Us</h2>
<p> <b>!!!!!</b>
</p>
<p class="contact_info"> <span>Address:</span>PSIT, KANPUR <br />
<span>Telephone:</span> +91-9999999999
<br />
<span>Others:</span> +91-8888888888<br />
<span>E-mail:</span> psit765@gmail.com<a href="#"></a> </p>
</div>
<div class="clr"></div>
</div>
</div>
<div class="footer">
<div class="footer_resize">
<p class="lf">Copyright © <a href="#">online capitulation</a>. All
Rights Reserved</p>
<p class="rf">Design by Group number seven</p>
<div style="clear:both;"></div>
</div>
</div>
</div>
</body>
</html>
12. Testing Process
The steps in the spiral model can be generalized as follows:
1.The new system requirements are defined in as much detail as possible. This
usually involves interviewing a number of users representing all the external or
internal users and other aspects of the existing system.
3.A first prototype of the new system is constructed from the preliminary design.
This is usually a scaled-down system, and represents an approximation of the
characteristics of the final product.
(1) evaluating the first prototype in terms of its strengths, weaknesses, and risks.
5.At the customer's option, the entire project can be aborted if the risk is deemed
too great. Risk factors might involve development cost overruns, operating-cost
miscalculation, or any other factor that could, in the customer's judgment, result in
a less-than-satisfactory final product.
6.The existing prototype is evaluated in the same manner as was the previous
prototype, and, if necessary, another prototype is developed from it according to
the fourfold procedure outlined above.
7.The preceding steps are iterated until the customer is satisfied that the refined
prototype represents the final product desired.