Web Content Display Web Content Display

Options

Project Project

Options

SRS

 

On

 

 

"Flexible File Sharing"

 

 

 

Department of Information Technology

 

 

SUBMITTED BY:
Kanika Jindal

Rashika Kaul

 

 

 

 

 

Department of  Information Technology(IT)

 

 

 

 

 

 

Dronacharya College of Engineering

Khentawas ,Farrukh Nagar,Gurgaon

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

TABLE OF CONTENT

  1. Introduction of the project            ………………………………………………………...................  1

 

  1. Motivation behind the project………………………………………………………5
  2. Scope……………………………………………………………………….............5
  3. Theoretical and technical aspects………………………………………………….6

 

  1. Objective of the project……………………………………………………………9
  2. Hardware and software requirements……………………………………………………………...9

 

  1. Coding…………………………………………………………………………………………………………….10

 

  1. Testing……………………………………………………………………………………………………………10

 

  1. Output of the project……………………………………………………………………………………10

 

  1. Future work/Scope of Improvement……………………………………………………………11

 

  1. References……………………………………………………………………………………………………11

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Flexible File Sharing

ABSTRACT :

Flexible File Sharing is a PHP System designed to let users upload files to your server and select when the file should expire. Users are able to select whether if they want the file to expire in a certain amount of days, or downloads or none of them, and also they can protect it by password. Users can easily operate this web application on multiple devices like Mobile, tablets and web. Web Application is fully responsive and secured to use.

 

MOTIVATION:

There is no application available that provide this much flexibility in file sharing. There is no such software is available which provide upload file with time stamp, password, date of expiry and maximum number of download. In flexible sharing File can expire by days and downloads, All files are password protected, stats for user and admin is going to provided, application would fully responsive user can easily operate it on mobile device, tablets and web. Admin can also ban IP.

We are using Html5/CSS3 is used to make the front-end of the web Application, Javascript is used to make it fast and interactive during upload and download process.

For the back-end development we are using PHP 5.x and Mysqli for database creation.

 

SCOPE:

Flexible File sharing application provides flexibility to users. It already having all features that user need for secure file upload. No more switching up with Drop box, Gdrive etc Applications. This Flexible File sharing application is only for sharing files with advance features. It is easy to use and understand.

 

OBJECTIVE OF PROJECT:

Flexible File sharing application provides flexibility to users. It already having all features that user need for secure file upload. No more switching up with Drop box, Gdrive etc Applications. This Flexible File sharing application is only for sharing files with advance features. It is easy to use and understand.

 

 

APPLICATION

  • Users are able to set when the file should expire by days or downloads
  • Users can protect their files with password
  • Statistics for the users' file
  • Statistics for the administrator
  • How many time that particular uploaded file viewed.
  • Number of wrong password attempted.
  • Total File number of file visits.
  • Stats shows days and hours left for file expiration.
  • Admin can choose allowed extensions and file size limit
  • Admin can ban IPs
  • Multiple colors.
  • Responsive design for both the frontend and backend
  • Created using Bootstrap v3.3
  • Compatible Browsers: IE10IE11FirefoxSafari,OperaChrome

REQUIREMENT:

  • Apache Server
  • Code Editor : Dreamweaver, AptanaStudio
  • PHP 5.x
  • MySQL
  • MySQLi Extension
  • .htaccess mod_rewrite

CODING:

Landing page of Flexible file sharing system.

 

<!DOCTYPE html>

 

<html>

 

<head>

 

<meta charset="utf-8" />

 

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

 

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no" />

 

   
 

<title> landing Page</title>

   
 

<!-- Load Bootstrap -->

 

<link rel="stylesheet" href="media/bootstrap/css/bootstrap.min.css" />

   
 

<!-- Load Custom Style -->

 

<link rel="stylesheet" href="media/css/style.css" />

 

<link rel="stylesheet" href="media/css/style-blue.css" />

   
 

<!-- Google Fonts -->

 

<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700|Roboto:400,300,100' rel='stylesheet' type='text/css'>

 

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>

   
 

<!-- FontAwesome Icons -->

 

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

   
 

<!-- HTML5 Shiv and Respond.js for IE8 -just in case- -->

 

<!--[if lt IE 9]>

 

<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>

 

<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>

 

<![endif]-->

 

</head><body>

 

<!-- Navigation Bar -->

 

<nav class="navbar navbar-static-top">

 

<!-- Container -->

 

<div class="container">

 

<div class="navbar-header">

 

<!-- Toggle Button first -->

 

<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navigation">

 

<!-- For Screen Readers -->

 

<span class="sr-only">Toggle Navigation</span>

   
 

<!-- Icon bars -->

 

<span class="icon-bar"></span>

 

<span class="icon-bar"></span>

 

<span class="icon-bar"></span>

 

</button>

   
 

<a class="navbar-brand" href="http://sglancer.com/Filex/"><img src="media/img/filex@3x.png" height="170%" /></a>

 

</div>

   
 

<!-- Navigation Links -->

 

<div class="collapse navbar-collapse" id="navigation">

 

<ul class="nav navbar-nav navbar-right">

 

<li class="active"><a href="">HOME</a></li>

 

<li>CHECK STATS</li>

 

</ul>

 

</div>

 

</div>

 

</nav><!-- End of navigation -->

 

<!-- First Container -->

 

<section class="container first-container">

 

<div class="row">

 

<label for="fileinput" class="over-container"></label>

 

<div class="col-xs-4 left-icon">

 

<i class="fa fa-cloud-upload"></i>

 

</div>

 

<div class="col-xs-8 right-text">

 

<p>Click or drop here to upload a new file</p>

 

</div>

 

</div>

   
 

<input type="file" name="fileinput" class="hide" id="fileinput" />

 

</section>

   
 

<!-- Second Container -->

 

<section class="container-fluid second-container">

 

<div class="container">

 

<form method="post" action="index.php" name="upload">

 

<div class="row">

 

<div class="col-xs-4 column">

 

<div class="head text-center">

 

<p class="form-inline">Delete files after <input type="text" name="days" class="form-control" style="width:40px;" /> days</p>

 

</div>

 

</div>

   
 

<div class="col-xs-4 column">

 

<div class="head text-center">

 

<p class="form-inline">Delete files after <input type="text" name="downloads" class="form-control" style="width:40px;" /> downloads</p>

 

</div>

 

</div>

   
 

<div class="col-xs-4 column">

 

<div class="head text-center">

 

<p>Protect files with the following password:</p>

 

<input type="text" name="password" class="form-control big" />

 

</div>

 

</div>

 

</div>

   
 

<button type="submit" class="btn btn-success pull-right upload">UPLOAD</button>

 

</form>

 

</div>

 

</section>

   
 

<!-- Third Container / Information -->

 

<section class="container-fluid information">

 

<div class="container">

 

<div class="row">

 

<div class="col-xs-4 column text-center">

 

312 Uploaded Files

 

</div>

 

<div class="col-xs-4 column text-center">

 

236 Downloads

 

</div>

 

<div class="col-xs-4 column text-center">

 

120 Expired Files

 

</div>

 

</div>

 

</div>

 

</section>

   
 

<section class="ads text-center">

 

<br /><br />

 

<p style="color:#aaa;">

 

Ads can go here.

 

</p>

 

<br /><br /></section>

   
 

<!-- Footer -->

 

<footer class="container-fluid text-center">

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

 

<script src="media/bootstrap/js/bootstrap.min.js"></script>

 

<script>

 

var all_extensions_allowed = false;

 

var allowed_extensions = ['jpeg','jpg','png','gif','psd','txt','mp3','mp4','zip','ico','pdf','wma','flv','avi','xls','docx','apk'];

 

</script>

 

<script src="media/js/filex.init.js"></script>

 

</body>

 

</html>