Sie sind auf Seite 1von 47

Online Project Capitulation

A Project Report
Submitted by:
Darshika Gupta(1616414007)
in partial fulfillment for the award of the degree

of

Master of Computer Application


IN
MASTER OF COMPUTER APPLICATION
at

PRANVEER SINGH INSTITUTE OF TECHNOLOGY

KANPUR, UTTAR PRADESH (INDIA)

(AFFILIATED TO DR A P J TECHNICAL UNIVERSITY, LUCKNOW, UTTAR PRADESH (INDIA)

Session 2018-19
CERTIFICATE

This is to certify that the Project entitled Online Project Capitulation


done by Darshika Gupta Roll No. 1616414007 is an authentic work
carried out by her at Pranveer Singh Institute of Technology under my
guidance. The matter embodied in the project work has not been
submitted earlier for award ofany degree or diploma to the best of my
knowledge and belief.

------------------------------

Signature of Guide with dates and their designation


CANDIDATE’S DECLARATION

I declare that the work presented in this project titled “Online Project

Capitulation”, submitted to the Name of the Department, Pranveer Singh

Institute of Technology, Kanpur for the partial fulfillment for award of the Master

of Computer Application degree is my original work. I have not plagiarized or

submitted the same work for the award of any other degree. In case this

undertaking is found incorrect, I accept that my degree may be unconditionally

withdrawn.

Signature and name of the student with date


MCA 3rd year
PSIT, Kanpur
Acknowledgements
I take this opportunity to express sincere thinks and deep gratitude to all those
people who extended their wholehearted co-operation and have helped me in
completing this project successfully.

I express my hearty gratitude to “Avanish Mishra, PSIT kanpur” who has


allowed me to work on “Online Project Capitulation”. I am also thankful to
him for his excellent guidance, constant advice and granting personal freedom
during the course of work. He has extended his helped whenever required and
provided resources without which this work could not be completed.

I wish to express my deep sense of my gratitude to my project Leader “Avanish


Mishra”. He guided me a lot in completing this project. Student may write as per
their experience.

My thanks and appreciations also go to my colleague in developing the people who


have willingly helped me out with their abilities.

Signature and name of the student with date


MCA 3rd Year
PSIT, Kanpur
Abstract Information

Project Title : Online Project Capitulation


Organization : Pranveer Singh Institute of Technology

Platform : PHP
Technology Used : HTML, CSS, Javascript
Back-end : PHP, MySQL
Name of Project Guide : Avanish Mishra

Abstract information write-up may be decided by the students.


Through this report If you’re an enterprise organization with offices around the
world or a small business with a handful of employees, you need a way to store
your files. The right system ensures that you’re keeping client information
protected while also making it easy for employees to collaborate with one another
for the successful resolution of problems.
Darshika Gupta
MCA 3rd Year
Department of MCA
PSIT Kanpur
Table of Contents

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.

Get information in real-time

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

Collaboration often results in some of the best ideas – so why do we choose


technologies that force us to work in a silo? In many cases, working with paper
copies, or relying on email to send files back and forth doesn’t promote
collaboration. Email can be isolating and result in duplication of efforts due to
everyone independently making their own changes and then sharing them with the
group. Great ideas can get lost in the tangle of an email chain, never to be put into
action. The right online document submission for your organization understands
that collaboration is a focal point of what you do. Providing a space for real-time
communication, sharing and feedback gives you the ability to share your thoughts
and ensure they’re heard.
Protect your files
Are you relying solely on either paper copies of documents, or versions that are
stored to a shared drive kept in your own office? If so, you could be setting
yourself up for document danger. Power outages impacting your shared drive can
restrict your access to files, potentially causing you to miss important client
deadlines. The same goes for any disaster than can negatively impact your
workspace, including fire and flood. Trust the protection of your documents to the
experts, those that have servers in secure locations designed to handle catastrophe.
3. Hardware Specification

Processor: Intel® Core (TM) i5-7200U CPU @ 2.50GHz 2.70GHz

Installed RAM: 8.00 GB

System Type: 64-bit operating system, x64-based processor.

Pack type: 2 or 4 cells LiFePO4; or 5 cells NiMH, approx. 6V series configuration.

Capacity: 16.5 Watt-hours (NIMH), 22 Watt-hours.

4.Software Specification
Client Side:

HTML, CSS, JavaScript, AJAX

Server Side:

 PHP, Apache, Windows/Linux, MySQL (Database)


 WAMP server on Windows environment
 LAMP server on Linux(Hosting) environment
5. Proposed System

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.

Risk Analysis Phase: In the risk analysis phase, a process is undertaken to


identify risk and alternate solutions. A prototype is produced at the end of the risk
analysis 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:

 Provides the searching facilities based on various factors such as student’s


record and information.

 Online storage also manages the client details for student’s project,
information.

 It tracks all the information of student, faculty, staff etc.

 Editing, adding and updating of records is improved which results in proper


resource management of data.

 Integration of all records of student.

 To increase efficiency of managing the student information and record.

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.

 To utilize resources in an efficient manner by increasing their productivity


through automation.

 In computer system, it is not necessary to create the manifest but we can


directly print it, which saves our time.
8. Flowcharts / DFDs
DFD -Level 0
DFD-Level 1
9. E-R DIAGRAM
10. Design and Test Steps / Criteria

1– Determine what hardware you'll use

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.

2 – Ensure data protection

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.

3 – Determine how to handle data access

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"


"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Cloudset</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/coin-slider.css" />
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/droid_sans_400-
droid_sans_700.font.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/coin-slider.min.js"></script>

<meta name="viewport" content="width=device-width, initial-scale=1">


<style>
body {font-family: Arial, Helvetica, sans-serif;}

/* Full-width input fields */


input[type=text], input[type=password] {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
box-sizing: border-box;
}

/* Set a style for all buttons */


button {
background-color: #4CAF50;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
cursor: pointer;
width: 100%;
}

button:hover {
opacity: 0.8;
}

/* Extra styles for the cancel button */


.cancelbtn {
width: auto;
padding: 10px 18px;
background-color: #f44336;
}

/* Center the image and position the close button */


.imgcontainer {
text-align: center;
margin: 24px 0 12px 0;
position: relative;
}

img.avatar {
width: 40%;
border-radius: 50%;
}

.container {
padding: 16px;
}

span.psw {
float: right;
padding-top: 16px;
}

/* The Modal (background) */


.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
padding-top: 60px;
}

/* 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 */
}

/* The Close Button (x) */


.close {
position: absolute;
right: 25px;
top: 0;
color: #000;
font-size: 35px;
font-weight: bold;
}

.close:hover,
.close:focus {
color: red;
cursor: pointer;
}

/* Add Zoom Animation */


.animate {
-webkit-animation: animatezoom 0.6s;
animation: animatezoom 0.6s
}

@-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 id="id01" class="modal">

<form class="modal-content animate" action="/action_page.php">


<div class="imgcontainer">
<span
onclick="document.getElementById('id01').style.display='none'"
class="close" title="Close Modal">&times;</span>
<img src="img_avatar2.png" alt="LOGIN" class="avatar">
</div>

<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 class="container" style="background-color:#f1f1f1">


<button type="button"
onclick="document.getElementById('id01').style.display='none'"
class="cancelbtn">Cancel</button>

</div>
</form>
</div>

<script>
// Get the modal
var modal = document.getElementById('id01');

// When the user clicks anywhere outside of the modal, close it


window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}
</script>

</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 &copy; <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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"


"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Cloudset | Blog</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/coin-slider.css" />
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/droid_sans_400-
droid_sans_700.font.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/coin-slider.min.js"></script>

<style>
body {font-family: Arial, Helvetica, sans-serif;}
* {box-sizing: border-box;}

/* Full-width input fields */


input[type=text], input[type=password] {
width: 100%;
padding: 15px;
margin: 5px 0 22px 0;
display: inline-block;
border: none;
background: #f1f1f1;
}

/* Add a background color when the inputs get focus */


input[type=text]:focus, input[type=password]:focus {
background-color: #ddd;
outline: none;
}

/* Set a style for all buttons */


button {
background-color: #4CAF50;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
cursor: pointer;
width: 100%;
opacity: 0.9;
}

button:hover {
opacity:1;
}

/* Extra styles for the cancel button */


.cancelbtn {
padding: 14px 20px;
background-color: #f44336;
}

/* Float cancel and signup buttons and add an equal width */


.cancelbtn, .signupbtn {
float: left;
width: 50%;
}

/* Add padding to container elements */


.container {
padding: 16px;
}
/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: #474e5d;
padding-top: 50px;
}

/* 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 */
}

/* Style the horizontal ruler */


hr {
border: 1px solid #f1f1f1;
margin-bottom: 25px;
}

/* The Close Button (x) */


.close {
position: absolute;
right: 35px;
top: 15px;
font-size: 40px;
font-weight: bold;
color: #f1f1f1;
}

.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>

<div id="id01" class="modal">


<span onclick="document.getElementById('id01').style.display='none'"
class="close" title="Close Modal">&times;</span>
<form class="modal-content" action="/action_page.php">
<div class="container">
<h1>Sign Up</h1>
<p>Please fill in this form to create an account.</p>
<hr>
<label for="email"><b>Email</b></label>
<input type="text" placeholder="Enter Email" name="email" required>

<label for="psw"><b>Password</b></label>
<input type="password" placeholder="Enter Password" name="psw"
required>

<label for="psw-repeat"><b>Repeat Password</b></label>


<input type="password" placeholder="Repeat Password" name="psw-
repeat" required>

<label>
<input type="checkbox" checked="checked" name="remember"
style="margin-bottom:15px"> Remember me
</label>

<p>By creating an account you agree to our <a href="#"


style="color:dodgerblue">Terms & Privacy</a>.</p>

<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');

// When the user clicks anywhere outside of the modal, close it


window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}
</script>

</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 &copy; <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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"


"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Cloudset | Contact</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/coin-slider.css" />
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/droid_sans_400-
droid_sans_700.font.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/coin-slider.min.js"></script>
</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><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 &copy; <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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"


"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Cloudset | Support</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/coin-slider.css" />
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/droid_sans_400-
droid_sans_700.font.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/coin-slider.min.js"></script>
</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 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 &amp; Document Upload!!!!! </h2>
<div class="clr"></div>
<p>Know Youre Project </p>

<ul class="sb_menu"><li><a href="#"><strong>Project


list</strong></a>
</li>
<li><a href="#"><strong>View</strong></a></li>
<li><form action="upload.php" method="post"
enctype="multipart/form-data">
Select Document to upload:
<input type="file" name="fileToUpload" id="fileToUpload">
<input type="submit" value="Upload" name="submit">
</form></li>
</ul>
</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 &copy; <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>

about.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"


"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Cloudset | About</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/coin-slider.css" />
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/droid_sans_400-
droid_sans_700.font.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/coin-slider.min.js"></script>
</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 class="active"><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="#"><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>About to</span> Company Name</h2>
<div class="clr"></div>
</div>
<div class="article">
<h2><span>Our</span> Mission</h2>
<div class="clr"></div>
<h3>Tracking</h3>
<p>Our first project reporting gem is tracking</a>. Reporting
allows you, your team, and stakeholders to track the current progress of
the project against the original plan. Some items to track include
Tasks, Issues, Risks, budget, schedule, and overall project health.</p>
<h3> Identifies risks</h3>
<p>Identifying risks is a key step to better projects. With
the right reports, you can spot a risk early on and take action, or ask
your project stakeholder for help. Reporting on risks also makes it
easier for the team to work on the problem.</p>
<h3>Cost management</h3>
<p>Cost management is tricky. But with regular reporting, it’s
easy to view your expenditure clearly and manage your budget with full
visibility.</p>
<h3>Control</h3>
<p>Reporting puts you in control of your project. It allows
you to see the progress, stagnation, or regress of certain elements,
how team members are performing, and the quality of work completed.</p>
<h3>Drives project success</h3>
<p>If there’s an element of your project that requires
reporting, people report on it. If there’s an element that doesn’t,
people obviously don’t. The knock-on effect? That neglected part of your
project falls by the wayside and you and your team are not working as
efficiently as you could be.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</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 &copy; <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.

2.A preliminary design is created for the new 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.

4.A second prototype is evolved by a fourfold procedure:

(1) evaluating the first prototype in terms of its strengths, weaknesses, and risks.

(2) defining the requirements of the second prototype.

(3) planning and designing the second prototype.

(4) constructing and testing the second prototype.

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.

8.The final system is constructed, based on the refined prototype.

9.The final system is thoroughly evaluated and tested. Routine maintenance is


carried out on a continuing basis to prevent large-scale failures and to minimize
downtime.

Spiral model is used in the following scenarios:

 When the project is large.


 Where the software needs continuous risk evaluation.
 Requirements are a bit complicated and require continuous clarification.
 Software requires significant changes.
 Where enough time frame is there to get end user feedback.
 Where releases are required to be frequent.
13.RESULTS / OUTPUTS
14. CONCLUSIONS / RECOMMENDATIONS

In conclusion, cloud computing is recently new technological development that has


the potential to have a great impact on the world. It has many benefits that it
provides to it users and businesses. For example, some of the benefits that it
provides to businesses, is that it reduces operating cost by spending less on
maintenance and software upgrades and focus more on the businesses itself. But
there are other challenges the cloud computing must overcome. People are very
skeptical about whether their data is secure and private. There are no standards or
regulations worldwide provided data through cloud computing. Europe has data
protection laws but the US, being one of the most technological advance nation,
does not have any data protection laws. Users also worry about who can disclose
their data and have ownership of their data. But once, there are standards and
regulation worldwide, cloud computing will revolutionize the future.
15. REFERENCES

 PHP, Mysql and Apache by Julie C. Meloni, Person Education.

 Open Source web development with WAMP Server by Daryi Wood.

 Fundamentals of database systems by Ramez, Elmasriand Shamkant B.


Navathe.

 Javascript and Jscript by Jaworski, bpb publications.

Das könnte Ihnen auch gefallen