1.1 Background: Web Lab Mini Project - TRAILERS WEBSITE

Web Lab Mini Project – TRAILERS WEBSITE
CHAPTER 1
INTRODUCTION
1.1 Background
The project was basically inspired from imdb website and bookmyshow. And we wanted to
create an similar website but with more features and with high user interface.
1.2 Problem Definition
There are n number of websites already available on the web to do similar tasks but there is
no website that comes with an exclusive package of all in one so to overcome that we wanted
to bring in an all in all exclusive system for the end user that can also work efficiently.
1.3 Motivation
Instead of the end user visiting different websites to do different tasks related to the movies
concept we wanted to bring in environment where people can at once come to our website to
engage with filmmakers , book movie tickets , watch&rate a trailer and can also add a video
from the user’s end.
1.4 Objective
The objectives of this project are
 Provide great user interface

 To make the user engaging by adding gossip news
 To download the torrent files of the series of particular episode
 To let the user to add their own videos just like tiktok.
Dept. Of CSE 2019-2020 Page 1

1.5 Scope of Project
In this project, there are two types of users, one is Admin and another is user. The work done
by each of the user is as follows:
 ADMIN:
 Logs into admin account,
 Registers the items,
 Manages the movies
 Capable of Viewing history
 Updates the new movies list
 USER:
 Logs into user account,
 Watch the trailer of choice
 Can upload a video from his account
 Can rate the particular trailer and series
The Software product is designed for PC, laptops and all devices which are compatible with
java. The users of this product can use the services of the software when they are connected
to the web as data is retrieved

CHAPTER 2
REQUIREMENTS
The requirements can be broken down into 2 major categories namely hardware and
software requirements. The former specifies the minimal hardware facilities expected in a
system in which the project has to be run. The latter specifies the essential software needed to
build and run the project.
2.1 Hardware Requirements
The Hardware requirements are very minimal and the program can be run on most of the
machines.
 Processor - Intel 486/Pentium processor or better
 Processor Speed - 500 MHz or above
 Hard Disk - 20GB(approximately)
 RAM - 64MB or above
 Storage Space - Approx. 2MB
2.2 Software Requirements
 Technology Implemented : Apache Server

 Language Used : PHP
 Database : My SQL
 User Interface Design : HTML, CSS
 Web Browser : Google Chrome, IE8
 Software : XAMPP Version: 7.1.10

CHAPTER 3
IMPLEMENTATION
3.1 Schema diagram

3.2 Class diagram


CHAPTER 4
CONCLUSION AND FUTURE WORK
4.1Conclusion
This project creates an sustainable environment between the end user and
the interface for convenient use of the website and this website would be
a one place many solution kind of website.
4.2Advantages
 Can see the cumulative rating from all users and can also rate
 Can upload an video and earn points
 Can see the news about the new upcoming movies.
 Can watch and download series from the website.
4.3 Future Work

In future, we are planning to add our own ticket booking portal so that the
people or the users can directly come to our website and view thr trailer and
can book the ticket there itself. And we are also planning to bring in
environment where filmmakers can connect with other filmmakers.

CHAPTER 5
APPENDIX
5.1 SCREENSHOTS
5.1.1 : VINES PAGE
5.1.2 : MOVIES PAGE

5.1.3 : VINES2 PAGE
5.1.4 : ADMIN PAGE

5.1.5 : SERIES PAGE
5.1.6 : ADMIN2 PAGE

5.1.7 : UPCOMMING PAGE
5.1.8 : ADMIN3 PAGE

5.2 SOURCE CODE

Prio.php
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link href="Main.css" rel="stylesheet"/>
<script src="jquery-3.3.1.min.js"></script>
<script type="text/javascript">
var loader;
function loadNow(opacity){
if(opacity <= 0){
displayContent();
}
else{
loader.style.opacity=opacity;
window.setTimeout(function(){
loadNow(opacity - 0.05)
},100);
}
}
function displayContent(){
loader.style.display = 'none';
document.getElementById('content').style.display = 'block';
}
document.addEventListener("DOMContentLoaded", function(){
loader= document.getElementById('loader');
loadNow(5.1);
});
</script>
<script src="JQUERY%20Main.js"></script>
<script src="jquery.vide.js"></script>
</head>
<body data-vide-bg="VENOM - Official Trailer (HD)_8">
<div id="loader" style=" position: fixed;
width: 100%;
height: 100vh;
z-index: 1;
overflow: visible;
background: transparent url('intro.gif') no-repeat center center;
background-size: cover;"></div>
<div id="box">
<div id="main"></div>
<form action="process.php" method="post">
<div id="loginform" style="background-color: white;">
<h1>LOGIN</h1>
<input type="text" name="username"
placeholder="Username"/><br>
<input type="password" name="password"
placeholder="Password"/><br>
<input type="submit" id="btn" name="Login"
style="background-color:#727272; margin-top:80px; margin-left: -77px;"/>
</div>

</form>
<form action="register.php" method="post">
<div id="signupform" style="background-color: white;">
<h1>SIGN UP</h1>
<input type="text" name="username" placeholder="Full
Name"/><br>
<input type="email" name="email" placeholder="Email"/><br>
<input type="password" name="password"
placeholder="Password"/><br>
<input type="submit" id="btn" name="Register"
style="background-color:#727272; margin-top:100px; margin-left: -77px;"/>
</div>
</form>
<div id="login_msg">Have an account?</div>

<div id="signup_msg">Don't have an account?</div>
<button id="login_btn">LOGIN</button>
<button id="signup_btn">SIGN UP</button>
</div>
</body>
</html>
Register.php
<?php
$con = mysqli_connect("localhost","root","","arun");
if(isset($_POST['Register']))
{
if(empty($_POST['username'])){
echo "First name is required\n";
}
if(empty($_POST['email'])){
echo "Email is required\n";
}
if(empty($_POST['password'])){
echo "Pasword is required";
}
$user = $_POST['username'];
$pass = $_POST['password'];
$email = $_POST['email'];
$query = "INSERT INTO loginform(user, pass, email) VALUES ('$user',

'$pass', '$email')";
$result = mysqli_query($con,$query);
header("location:prio.php");
}
?>
Movies.php

<?php
$con = mysqli_connect("localhost","root","","trailers");
if (!$con) {
die("Connection Failed" . mysqli_connect_error());
}
function getmov(){
global $con;
$get_movies = "select * from movies";
$run_movies = mysqli_query($con,$get_movies);
while ($row_movies=mysqli_fetch_array($run_movies)) {
$mov_id= $row_movies['movie_id'];
$mov_title=$row_movies['movie_title'];
$mov_rel=$row_movies['movie_release'];
$mov_pos=$row_movies['movie_poster'];
$mov_rat=$row_movies['movie_rating'];
echo "
<div class='col-md-2 w3l-movie-gride-agile'>
<a href='single.php?mov_id=$mov_id' class='hvr-shutter-
out-horizontal'>
<img src='images/$mov_pos' style='width=160px;
height=250px;' class='img-responsive'/>
<div class='w3l-action-icon'><i class='fa fa-play-
circle' aria-hidden='true'></i></div>
</a>
<div class='mid-1 agileits_w3layouts_mid_1_home'>
<div class='w3l-movie-text'>
<h6><a href='single.php?
mov_id=$mov_id'>$mov_title</a></h6>
</div>
<div class='mid-2 agile_mid_2_home'>
<p></p>
<img src='images/theldast.jpg' style='width:40px;
margin-left: 95px;'>
<div class='block-stars'>
<ul class='w3l-ratings' style='margin-right: 8px;
margin-top:2px;'>
<p style='font-weight:bold;'>$mov_rat</p>
</ul>
</div>
<div class='clearfix'></div>
</div>
</div>
<div class='ribben'>
<p>NEW</p>
</div>
</div>
";
}
}
/*english*/
function getengmov(){
global $con;
$get_movies = "select * from movies where movie_lang='English'";

echo "
out-horizontal'>
</a>
</div>
<p></p>
margin-top:2px;'>
</ul>
</div>
</div>
</div>
<p>NEW</p>
</div>
</div>
";
}
}
/*Kannada*/
function gethinmov(){
global $con;
$get_movies = "select * from movies where movie_lang='Hindi'";
echo "
out-horizontal'>


</a>
</div>
<p></p>
margin-top:2px;'>
</ul>
</div>
</div>
</div>
<p>NEW</p>
</div>
</div>
";
}
}
/*Kannada*/
function getkanmov(){
global $con;
$get_movies = "select * from movies where movie_lang='Kannada'";
echo "
<a href='single.php?mov_id=$mov_id' class='hvr-shutter-out-
horizontal'>
<div class='w3l-action-icon'><i class='fa fa-play-circle'
aria-hidden='true'></i></div>
</a>
</div>
<p></p>


margin-top:2px;'>
</ul>
</div>
</div>
</div>
<p>NEW</p>
</div>
</div>
";
}
}
/*Tamil*/
function gettammov(){
global $con;
$get_movies = "select * from movies where movie_lang='Tamil'";
echo "
<a href='single.php?mov_id=$mov_id' class='hvr-shutter-out-
horizontal'>
<img src='images/$mov_pos' style='width=160px; height=250px;'
class='img-responsive'/>
</a>
</div>
<p></p>
<img src='images/theldast.jpg' style='width:40px; margin-
left: 105px;'>
margin-top:2px;'>
</ul>
</div>
</div>
</div>

<p>NEW</p>
</div>
</div>
";
}
}
function getdown(){
global $con;
$get_downloads = "select * from downloads";
$run_downloads = mysqli_query($con,$get_downloads);
while ($row_downloads=mysqli_fetch_array($run_downloads)) {
$down_id= $row_downloads['did'];
$down_title=$row_downloads['dname'];
$down_pos=$row_downloads['dposter'];
$down_rat=$row_downloads['drating'];
echo "
<div class='item'>
<div class='w3l-movie-gride-agile w3l-movie-gride-agile1'>
<a href='single.php?down_id=$down_id' class='hvr-shutter-out-
horizontal'><img src='images/$down_pos' title='album-name' class='img-
responsive' alt='' />
</a>
down_id=$down_id'>$down_title</></h6>
</div>
<p></p>
<img src='images/theldast.jpg' style='width:40px; margin-
left: 80px;'>
<div class='star' style='margin-top: -21px; margin-
left:160px;'>
<p style='font-weight:bold; color:
#000;'>$down_rat</p>
<html>

CHAPTER 6
BIBILIOGRAPHY
6.1 Book References
 Randy Connolly, Ricardo Hoar, "Fundamentals of Web Development”, 1 st Edition,

Pearson Education India.
 Robin Nixon, “Lear ning PHP, MySQL &J avaScr ipt with jQuer y, CSS and
HTML5”, 4 th Edition, O’Reilly Publications, 2015.
6.2 Website References
 https://www.w3schools.com
 https://www.geeksforgeeks.org
 https://www.tutorialspoint.com/nodejs
 https://www.booking.com

1.1 Background: Web Lab Mini Project - TRAILERS WEBSITE

Uploaded by

Copyright:

Available Formats

1.1 Background: Web Lab Mini Project - TRAILERS WEBSITE

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

1.1 Background: Web Lab Mini Project - TRAILERS WEBSITE

Uploaded by

Copyright:

Available Formats

Web Lab Mini Project – TRAILERS WEBSITE

1.2 Problem Definition

The objectives of this project are

 Provide great user interface

Dept. Of CSE 2019-2020 Page 1

1.5 Scope of Project

Dept. Of CSE 2019-2020 Page 2

2.1 Hardware Requirements

2.2 Software Requirements

 Technology Implemented : Apache Server

Dept. Of CSE 2019-2020 Page 3

3.1 Schema diagram

Dept. Of CSE 2019-2020 Page 4

3.2 Class diagram

Dept. Of CSE 2019-2020 Page 5

Dept. Of CSE 2019-2020 Page 6

CONCLUSION AND FUTURE WORK

4.3 Future Work

Dept. Of CSE 2019-2020 Page 7

5.1.1 : VINES PAGE

5.1.2 : MOVIES PAGE

Dept. Of CSE 2019-2020 Page 8

5.1.3 : VINES2 PAGE

5.1.4 : ADMIN PAGE

Dept. Of CSE 2019-2020 Page 9

5.1.5 : SERIES PAGE

5.1.6 : ADMIN2 PAGE

Dept. Of CSE 2019-2020 Page 10

5.1.7 : UPCOMMING PAGE

5.1.8 : ADMIN3 PAGE

Dept. Of CSE 2019-2020 Page 11

5.2 SOURCE CODE

Dept. Of CSE 2019-2020 Page 12

<div id="login_msg">Have an account?</div>

$query = "INSERT INTO loginform(user, pass, email) VALUES ('$user',

Dept. Of CSE 2019-2020 Page 13

Dept. Of CSE 2019-2020 Page 14

Dept. Of CSE 2019-2020 Page 15

<img src='images/$mov_pos' style='width=160px;

Dept. Of CSE 2019-2020 Page 16

<img src='images/theldast.jpg' style='width:40px;

Dept. Of CSE 2019-2020 Page 17

Dept. Of CSE 2019-2020 Page 18

6.1 Book References

 Randy Connolly, Ricardo Hoar, "Fundamentals of Web Development”, 1 st Edition,

6.2 Website References

Dept. Of CSE 2019-2020 Page 19

You might also like