A Project Report ON "Web Development": BY Nikhil Bajaj

NIKHIL BAJAJ (BCA 5A)
04290202017
A PROJECT REPORT
ON
“WEB DEVELOPMENT”
FOR
“THE RAPTOR BAND”
BY
NIKHIL BAJAJ
Roll No.-04290202017
SHRI GURU TEGH BAHADUR INSTITUTE OF MANGEMENT

AND INFORMATION TECHNOLOGY
[2017-2020]
1
04290202017
DECLARATION
This web development project titled “THE RAPTOR BAND” towards the
completion of my course requirements for Semester IV is my original
work and has been carried out under the guidance of Mr Jay Prakash.
The material borrowed from other sources and incorporated in the report
has been duly acknowledged and referenced.
I understand that I will be held liable and accountable for my project, it is

all done by me without having any copyright(s) of any of the organisation.
I further declare that the work reported in this project has not been
submitted and will not be submitted, either in part or in full, for the award
of any other degree or diploma in this institute or any other institute or
university.
2
04290202017
ACKNOWLEDGEMENT
We would like to express our heartfelt gratitude to Vtech Academy and Ms

Summit Kaur for giving us the opportunity to work under their guidance and
help us gain immensely enriching professional experience. Our sincere thanks
to Project in-charge, Mr Jay Prakash for giving us valuable inputs and ideas
right from the selection of topic for project till its successful completion.
We thank Mrs Harshita Tulli (HOD) for her ongoing support and
encouragement in every aspect.
The successful completion of our project would not have been possible without
the dedicated support from all our mentors, family, and friends.
3
04290202017
Abstract
A web page is a selection of website, pictures, video clips and other electronic
resources that is organized on one or several web hosting server, usually
available via the Internet, Mobile phone or a LAN.
The project on web development is made using net beans IDE platform and the
MySQL server. The front end is designed using HTML5, CSS, BOOTSTRAP,
and the back end is designed using JQUERY, JAVASCRIPT, PHP and SQL
DATABASE.
It follows PHP for offering the sessions for the data source connection.
BOOTSTRAP is used for dynamic design of the website. Some frameworks are
used in the project that are available in the internet and are provided the source
code of the project.
The project is e-commerce website for concert ticket booking and merchandise.
User can purchase any merchandise or musical instruments offered by the band
and can book tickets.
4
04290202017
Contents
Chapters Page No
Chapter 1 -Introduction
 Introduction 6-7
Chapter 2 -Requirement Analysis 8-9

 Use Case 10
Chapter 3 –Software Design

 DFD level 0 11
 DFD level 1 12
Chapter 4 –Database Design

 ER DIAGRAM 13
Chapter 5 -Testing
 Test Plans 14
Chapter 6- Conclusion
 Conclusion 15
5
04290202017
INTRODUCTION
Introduction consists of the following sub-categories:
Existing System
The existing website is designed only to show information about concerts and book tickets
through third-party apps. For merchandise and products category, it shows only the
availability in the nearest stores that the band has in few locations of the world.
The existing system has following disadvantages:
 No online booking of tickets.

 No online purchases of the products.
 No user or admin login.
 No proper data management.
 Just a front-end designed website.
 Uses a good-amount of bandwidth.
Proposed System
The proposed system is a proper data management system which handles all of the band’s
activities like upcoming concerts and ticket bookings, online availability of the merchandise
and products. The system also provides a safe and secure environment for making the
payments for the purchases.
The proposed system has following advantages over the existing system:
 Admin login: Admin can login and make any appropriate changes to the
website.
 User registration and login: Any new customer can register following which
he/she will be provided with an unique user id and password through which
user will be able to login.
 Online booking: The user can book the concert’s ticket on the web
application in couple of minutes instead of going on to any other third-party
apps.
 Online shopping: The user can access hundreds of products available on the
website and can buy them through the web application making any user on the
earth to have access to the products.
 Online Payment: The website provides a safe and secure payment gateway to
make payments for all of the purchases.
 Uses comparatively less bandwidth.
 Look and feel is better.
6
04290202017
Advantages for users:
 User can easily book tickets.

 User can purchase any product instead of going to the store.
 Thus, saves a lot of time.
 User can manage or cancel any or all of the orders through their account.
Advantages for admin:
 Admin can manage all users.

 Admin can make any changes to the website.
 Admin can manage or modify the orders placed by the user.
7
04290202017
REQUIREMENT ANALYSIS
PROJECT TITLE – THE RAPTOR BAND
CATEGORY
Web Application.
PURPOSE
The purpose of developing this web application titled ‘THE RAPTOR BAND’ is an effort
made by the renowned band to provide their massive fan following an application that
provides information about their upcoming concerts, ticket bookings, albums, singles and
their highly demanded merchandise and musical products all at one time, one place.
SCOPE
The purpose of the online management system of the band’s activity is to provide a
convenient and user-friendly application that helps them to book tickets, buy products,
albums and make payments in a safe and secure environment. The system is based on a
relational database with its data management and payment functions. Above all, we hope to
provide a comfortable user experience along with the best pricing available.
FUNCTIONAL REQUIREMENTS
"Functional requirement describe what a system should do." Functional requirements of our
system are explained below:
 User must have valid User Id and password to login, thus creating their individual
profiles.
 Administration can register new products.
 User can choose products.
 User can book concert tickets.
 User can make a wish list of the products.
 All of the chosen products should be sent to the cart for further checking out.
 User could be able to make payments through his/her credit or debit card or internet
banking.
 User should be told about the successful placement of order and the estimated
delivery date.
 Admin can post new concert’s info and new arrival of products.
8
04290202017
NON-FUNCTIONAL REQUIREMENTS
Requirement that specifies criteria that can be used to judge the operation of a system are
called non-functional requirements. Non-functional requirements of our system are
mentioned below:
 Secure access of confidential data (user’s details).

 Maximum time availability.
 Better component design to get efficiency at peak time.
 Flexible service based architecture will be highly desirable for future extension.
 Product registration and updating facility is accessible by admin only.
SOFTWARE TOOLS
DATABASE SERVER: Microsoft SQL Server.
CLIENT: Microsoft Internet Explorer or any other web browser.
DEVELOPMENT TOOLS: Apache Net beans 11.0
PROGRAMMING LANGUAGE: HTML, CSS, Java script, bootstrap, PHP.
DEPLOYEMENT
Operating System Server: Windows 8, LINUX, UNIX.
HARDWARE TOOLS
Processor: Intel Core i5.
RAM: 4GB RAM.
Hard Disk: 1TB.
9
04290202017
USE CASE DIAGRAM
SIGN UP
LOGIN
UPLOAD/M
ODIFY
PRODUCT ADMIN
USER
MANAGE
PROFILE
ORDER
PLACING
AND
PAYMENTS
MANAGE
ORDERS
MANAGE
USERS
10
04290202017
SOFTWARE DESIGN
DFD LEVEL 0
BROWSE ITEM / TICKET BOOKINGS GUEST/USER

ADMIN
APPROVES
REGISTRATION
GET USER
DETAILS MANA-
GES
WEBSITE
THE RAPTOR
BAND ADD TO CART
PURCHASE
ITEM
REG / PAYMENT
USER
11
04290202017
ADMIN
DFD LEVEL 1 MANAGES
DATABASE
STOCK CHECK SEAT CHECK
RESULT RESULT
RETRIEVE
TOTAL COST
AVAILABLE PRODUCTS SEATS SEAT
CALCULATE
PRODUCTS
PRODUCTS COST NO. OF SEATS
AUTHENTICATION
LOGIN
USER MANAGES
MANAGES
E-TICKET & ID PAYMENT CONFIRMATION

MAIL
MANAGE ORDERS
TICKET
GENERATION
CHANGES MODIFY PRODUCTS
AND WEBSITE
12
EMAIL
04290202017 PHONE
ADDRESS
ER DIAGRAM
NAME CART_ID
PASS
USERID
USER HAS PROFILE
ORDERS
SEARCHES
CART_ID PROD_ID
PRODUCTS ADDS TO CART

PROD_ID
PROD_PRICE
PROD_NAME
PROD_DETAILS
PROD_IMG
MAKES
AMOUNT
PAYMENT
PAY_TIME
ORDER_ID
PAY_MODE
PAY_DATE
13
04290202017
TESTING
TEST CASE: ADMIN LOGIN

PURPOSE: TO ACCESS DATABASE
EXPECTED OUTPUT: LIST PAGE APPEARS
TEST CASE: ADD PRODUCT

PURPOSE: TO ACCESS AND ADD PRODUCTS IN DATABASE
EXPECTED OUTPUT: ADDED PRODUCT PAGE APPEARS
TEST CASE: UPDATE PRODUCT

PURPOSE: TO ACCESS AND UPDATE PRODUCTS IN DATABASE
EXPECTED OUTPUT: UPDATED PRODUCT PAGE APPEARS
TEST CASE: DELETE PRODUCT

PURPOSE: TO ACCESS AND DELETE PRODUCTS IN DATABASE
EXPECTED OUTPUT: DELETED PRODUCT PAGE APPEARS
TEST CASE: USER LOGIN/ REGISTRATION

PURPOSE: TO ACCESS WEBSITE
EXPECTED OUTPUT: LOGIN/REGISTRATION SUCCESSFUL.
14
04290202017
CONCLUSION
“THE RAPTOR BAND” Software has been designed to purchase

or display different products with their specifications. It is designed
to replace an existing system thereby making it more efficient and
easily approachable.
The System Is Strong Enough To Withstand Regressive Daily
Operations Under Conditions Where The Database Is Maintained And
Cleared Over A Certain Time Of Span. The Implementation Of The
System In The Organization Will Considerably Reduce manual
generation of tickets and payments, Time And Also Provide Readily
Calculated Reports.
The Project From A Personal Point Of View Also Helped Us In
Understanding The Following Aspects Of Project Development:
1. The Planning That Goes Into Implementing a Project.

2. The Importance of Proper Planning And An Organized
Methodology.
3. The Key Element of Team Spirit And Co-Ordination In A
Successful Project.
15
04290202017
APPENDICES
16
04290202017
17
04290202017
18
04290202017
19
04290202017
DATABASE FILES ?>

CHANGE_IMAGE.PHP <script>
alert("Logged In Successfully");
<?php $u=$_SESSION['user_session']; window.location.href='index.php';
$con=new </script>
mysqli("localhost","root","","myproject"); <?php
if(isset($_POST['submit'])){ }
if(isset($_FILES['image'])){ }
$img=$_FILES['image']['name']; else
$img_tmp=$_FILES['image']['tmp_name']; {
$sql="update profile set image='".$img."' $err= "Wrong UserId or Password";
where user='$u'";
}
$result=$con->query($sql);
}
if($result==true){
if(move_uploaded_file($img_tmp,"profile_images/
".$img)){ REGISTRATION.PHP
?> <?php
<script> $con=new
mysqli("localhost","root","","myproject");
alert("Profile Image changed successfully");
if(isset($_POST['submit'])){
window.location.href='profile.php';
$name=$_POST['name'];
</script>
$mobile=$_POST['Mobile'];
<?php
$address=$_POST['Address'];
}
$pin=$_POST['Pin'];
}
$email=$_POST['mail'];
}
$gender=$_POST['gender'];
}
$userid=$_POST['user_name'];
$password=$_POST['Password'];
$sql="insert into login(user,pass) values('".
LOGIN.PHP $userid."','".$password."')";
<?php $sql1="insert into
$msg=""; profile(user,name,address,pin_code,mobile,email,g
$con=new ender) values('".$userid."','".$name."','".
mysqli("localhost","root","","myproject"); $address."','".$pin."','".$mobile."','".$email."','".
$gender."')";
if(isset($_POST['submit']))
{
$result1=$con->query($sql1);
$userid=$_POST['User'];
if($result && $result1){
$password=$_POST['Password'];
?>
$sql="select * from login where user='"
<script>
.$userid."' and pass='".$password."'";
alert("Registered Successfully");
window.location.href='./login.php';
if($row= mysqli_fetch_array($result))
</script>
{
<?php
if($row['user']==$userid &&
$row['pass']==$password){ }
$_SESSION['user_session']=$userid; }
20
04290202017
SEARCH.PHP ?>
<?php <tr>
include_once 'header.php'; <td><img src="images/<?php echo
$con=new $row['product_image'];?>" alt="" width="50"
mysqli("localhost","root","","myproject"); height="50"><br>
if(isset($_POST['bt'])){ <?php echo $row['product_name']; ?>
$srch=$_POST['search']; </td>
$sql="select * from uploaded_product where <td>
product_details like '$srch'%"; <?php echo
$result=$con->query($sql); $row['product_details']; ?>
if($result){ </td>
$row= mysqli_fetch_array($result); <td><?php echo
$row['product_price']; ?></td>
}
<td><a href="update.php?
$sql1="select * from guitar where product_id=<?php echo $row['product_id']; ?
product_details like '$srch'%"; >"><button type="button" class="btn btn-
$result1=$con->query($sql1); primary">UPDATE</button></a></td>
if($result1){ </tr>
$row= mysqli_fetch_array($result1); <?php
} }
$sql2="select * from piano where ?>
product_details like '$srch'%"; </table>
$result2=$con->query($sql2); </div>
if($result2){ </div>
$row= mysqli_fetch_array($result2); <?php
} }
$sql3="select * from drum where }
product_details like '$srch'%";
include_once 'footer.php';
if($result3){
$row= mysqli_fetch_array($result3);
UPDATE.PHP
}
<?php $con=new
if($row){
?>
$prod_id=$_GET['product_id'];
<div class="container-fluid">
if(isset($_POST['submit'])){
<div class="row">
$im_name=$_POST['image_name'];
<table class="table table-bordered">
$im_details=$_POST['image_details'];
<tr> $im_price=$_POST['image_price'];
<th>PRODUCT</th> if($prod_id>'0' && $prod_id<'1000'){
<th>DETAILS</th> $sql="update uploaded_product set
<th>PRICE</th> product_image='".$im_name."',product_name='".
<th>UPDATE</th> $name."',product_details='".
$im_details."',product_price='".$im_price."' where
</tr> product_id='".$prod_id."'";
<?php }
while($row) else if($prod_id>'1000' &&
{ $prod_id<'2000'){
21
04290202017
$sql="update guitar set product_image='". ct_price,product_details,product_image) values('".
$im_name."',product_name='". $id."','".$name."','".$price."','".$details."','".
$name."',product_details='". $img."')";
$im_details."',product_price='".$im_price."' where $result=$con->query($sql);
product_id='".$prod_id."'";
}
if($result==true){
else if($prod_id>'2000' &&
$prod_id<'3000'){
$sql="update drum set product_image='". if(move_uploaded_file($img_tmp, "images/".
$im_name."',product_name='". $img)){
$name."',product_details='". echo"<link rel='stylesheet'
$im_details."',product_price='".$im_price."' where href='https://maxcdn.bootstrapcdn.com/bootstrap/4.
product_id='".$prod_id."'"; 3.1/css/bootstrap.min.css'>"
} . "<div class='container-fluid'>"
else if($prod_id>'3000' && . "<div class='alert alert-success text-
$prod_id<'4000'){ center'>"
$sql="update piano set product_image='". . "<strong>DATA UPLOADED
$im_name."',product_name='". SUCCESSFULLY</strong>"
$name."',product_details='".
$im_details."',product_price='".$im_price."' where . "</div>"
product_id='".$prod_id."'"; . "</div>";
} }
$result=$con->query($sql); }
if($result){ else{
?> echo" <link rel='stylesheet'
<script> href='https://maxcdn.bootstrapcdn.com/bootstrap/4.
3.1/css/bootstrap.min.css'>
alert("Updated Successfully");
"
window.location.href='show_all.php';
. "<div class='container-fluid'>"
</script>
. "<div class='alert alert-danger text-
<?php center'>"
} . "<strong>DATA UPLOADING
} FAILED</strong>"
. "</div>"
. "</div>";
UPLOAD_ADMIN.PHP }
<?php }
$con=new else if($id>'1000' && $id<'2000'){
mysqli("localhost","root","","myproject"); $sql="insert into
if(isset($_POST['submit'])){ guitar(product_id,product_name,product_price,pro
duct_details,product_image) values('".$id."','".
if(isset($_FILES['image'])){
$name."','".$price."','".$details."','".$img."')";
$id=$_POST['image_id'];
$price=$_POST['price'];
if($result==true){
$details=$_POST['details'];
$img=$_FILES['image']['name'];
if(move_uploaded_file($img_tmp, "Guitars/".
$img_tmp=$_FILES['image']['tmp_name'];
$img)){
if($id>'0' && $id<'1000'){
echo"<link rel='stylesheet'
$sql="insert into href='https://maxcdn.bootstrapcdn.com/bootstrap/4.
uploaded_product(product_id,product_name,produ 3.1/css/bootstrap.min.css'>"
22
04290202017
. "<div class='container-fluid'>" echo" <link rel='stylesheet'
. "<div class='alert alert-success text- href='https://maxcdn.bootstrapcdn.com/bootstrap/4.
center'>" 3.1/css/bootstrap.min.css'>
. "<strong>DATA UPLOADED "
SUCCESSFULLY</strong>" . "<div class='container-fluid'>"
. "</div>" . "<div class='alert alert-danger text-
. "</div>"; center'>"
FAILED</strong>"
}
. "</div>"
else{
. "</div>";
echo" <link rel='stylesheet'
href='https://maxcdn.bootstrapcdn.com/bootstrap/4. }
3.1/css/bootstrap.min.css'> }
" else if($id>'3000' && $id<'4000'){
. "<div class='container-fluid'>" $sql="insert into
. "<div class='alert alert-danger text- piano(product_id,product_name,product_price,prod
center'>" uct_details,product_image) values('".$id."','".
$name."','".$price."','".$details."','".$img."')";
. "<strong>DATA UPLOADING
FAILED</strong>" $result=$con->query($sql);
. "</div>"
. "</div>"; if($result==true){
}
} if(move_uploaded_file($img_tmp, "Piano/".
else if($id>'2000' && $id<'3000'){ $img)){
$sql="insert into echo"<link rel='stylesheet'
drum(product_id,product_name,product_price,prod href='https://maxcdn.bootstrapcdn.com/bootstrap/4.
uct_details,product_image) values('".$id."','". 3.1/css/bootstrap.min.css'>"
$name."','".$price."','".$details."','".$img."')"; . "<div class='container-fluid'>"
$result=$con->query($sql); . "<div class='alert alert-success text-
center'>"
. "<strong>DATA UPLOADED
if($result==true){
SUCCESSFULLY</strong>"
. "</div>"
if(move_uploaded_file($img_tmp, "Drums/". . "</div>";
$img)){
}
echo"<link rel='stylesheet'
href='https://maxcdn.bootstrapcdn.com/bootstrap/4. }
3.1/css/bootstrap.min.css'>" else{
. "<div class='container-fluid'>" echo" <link rel='stylesheet'
. "<div class='alert alert-success text- href='https://maxcdn.bootstrapcdn.com/bootstrap/4.
center'>" 3.1/css/bootstrap.min.css'>
. "<strong>DATA UPLOADED "
SUCCESSFULLY</strong>" . "<div class='container-fluid'>"
. "</div>" . "<div class='alert alert-danger text-
. "</div>"; center'>"
FAILED</strong>"
}
. "</div>"
else{
. "</div>";
}
23
04290202017
} alert("ITEM ADDED TO CART");
} window.location.href='our_products.php';
} </script>
<?php
}
ATC.PHP }
<?php ?>
$a=$b=1;
session_start();
$con=new HEADER.PHP
mysqli("localhost","root","","myproject"); <?php session_start();
$cartid=$_SESSION['cartid']; ?>
$prod_id=$_GET['product_id']; <!DOCTYPE html>
$order_date=date('y-m-d'); <html>
$sql="select * from atc"; <head>
$result=$con->query($sql); <meta charset="UTF-8">
while($row= mysqli_fetch_array($result)) <title></title>
{ $a=$a+1; <meta name="viewport"
if($row['product_id']==$prod_id){ content="width=device-width, initial-scale=1">
$inc=""; <script
$inc=$row['qty']; src="https://ajax.googleapis.com/ajax/libs/jquery/3.
4.1/jquery.min.js"></script>
$inc=$inc+'1';
<script
$sql1="update atc set qty='$inc' where src="https://cdnjs.cloudflare.com/ajax/libs/popper.j
product_id='$prod_id'"; s/1.14.7/umd/popper.min.js"></script>
$result1=$con->query($sql1); <script
if($result1){ src="https://maxcdn.bootstrapcdn.com/bootstrap/4.
?> 3.1/js/bootstrap.min.js"></script>
<script> <link rel="stylesheet"

href="https://maxcdn.bootstrapcdn.com/bootstrap/4
alert("ITEM ADDED TO CART"); .3.1/css/bootstrap.min.css">
window.location.href='our_products.php'; <link rel="stylesheet"
</script> href="https://cdnjs.cloudflare.com/ajax/libs/font-
<?php awesome/4.7.0/css/font-awesome.min.css">
} <link href="css/mycss.css" rel="stylesheet"

type="text/css"/>
}
<link href="css/footercss.css" rel="stylesheet"
else{ type="text/css"/>
$b=$b+1; <link href="css/modalcss.css" rel="stylesheet"
} type="text/css"/>
} <style>
if(($a-$b)==0){ /*jssor slider loading skin spin css*/
$sql2="insert into .jssorl-009-spin img {
atc(cart_id,product_id,qty,order_date)values('". animation-name: jssorl-009-spin;
$cartid."','".$prod_id."','1','".$order_date."')";
animation-duration: 1.6s;
animation-iteration-count: infinite;
if($result2){
animation-timing-function: linear;
?>
}
<script>
24
04290202017
@keyframes jssorl-009-spin { $Class: $JssorBulletNavigator$
from { transform: rotate(0deg); } }
to { transform: rotate(360deg); } };
}
var jssor_1_slider = new $JssorSlider$
("jssor_1", jssor_1_options);
/*jssor slider bullet skin 032 css*/
.jssorb032 {position:absolute;}
/*#region responsive code begin*/
.jssorb032 .i
{position:absolute;cursor:pointer;}
.jssorb032 .i .b {fill:#fff;fill- var MAX_WIDTH = 3000;
opacity:0.7;stroke:#000;stroke-width:1200;stroke-
miterlimit:10;stroke-opacity:0.25;}
function ScaleSlider() {
.jssorb032 .i:hover .b {fill:#000;fill-
var containerElement = jssor_1_slider.
opacity:.6;stroke:#fff;stroke-opacity:.35;}
$Elmt.parentNode;
.jssorb032 .iav .b {fill:#000;fill-
var containerWidth =
opacity:1;stroke:#fff;stroke-opacity:.35;}
containerElement.clientWidth;
.jssorb032 .i.idn {opacity:.3;}
if (containerWidth) {
/*jssor slider arrow skin 051 css*/
.jssora051 var expectedWidth =
{display:block;position:absolute;cursor:pointer;} Math.min(MAX_WIDTH || containerWidth,
.jssora051 .a {fill:none;stroke:#fff;stroke- containerWidth);
width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;} jssor_1_slider.
.jssora051.jssora051dn {opacity:.5;} $ScaleWidth(expectedWidth);
.jssora051.jssora051ds {opacity:.3;pointer- }
events:none;} else {
window.setTimeout(ScaleSlider, 30);
</style> }
</head> }
<body>
<script src="js/jssor.slider.min.js" ScaleSlider();
type="text/javascript"></script>

$Jssor$.$AddEvent(window, "load",
 ScaleSlider);
 $Jssor$.$AddEvent(window, "resize",
<script type="text/javascript"> ScaleSlider);
jssor_1_slider_init = function() { $Jssor$.$AddEvent(window,
"orientationchange", ScaleSlider);
/*#endregion responsive code end*/
var jssor_1_options = {
};
$AutoPlay: 1,
</script>
$SlideDuration: 800,
<div id="jssor_1"
$SlideEasing: $Jease$.$OutQuint,
style="position:relative;margin:0
$ArrowNavigatorOptions: { auto;top:0px;left:0px;width:1300px;height:500px;o
$Class: $JssorArrowNavigator$ verflow:hidden;visibility:hidden;">
}, 
$BulletNavigatorOptions: {
25
04290202017
<div data-u="loading" class="jssorl-009-spin" 
style="position:absolute;top:0px;left:0px;width:100 <div data-u="arrowleft" class="jssora051"
%;height:100%;text-align:center;background- style="width:65px;height:65px;top:0px;left:25px;"
color:rgba(0,0,0,0.7);"> data-autocenter="2" data-scale="0.75" data-scale-
<img style="margin-top:- left="0.75">
19px;position:relative;top:50%;width:38px;height: <svg viewBox="0 0 16000 16000"
38px;" src="../svg/loading/static-svg/spin.svg" /> style="position:absolute;top:0;left:0;width:100%;h
</div> eight:100%;">
<div data-u="slides" <polyline class="a" points="11040,1920
style="cursor:default;position:relative;top:0px;left: 4960,8000 11040,14080 "></polyline>
0px;width:1300px;height:500px;overflow:hidden;" </svg>
>
</div>
<div>
<div data-u="arrowright" class="jssora051"
<img data-u="image" style="width:65px;height:65px;top:0px;right:25px;
src="img/gallery/1300x500/banner.jpg" /> " data-autocenter="2" data-scale="0.75" data-scale-
</div> right="0.75">
<div> <svg viewBox="0 0 16000 16000"
<img data-u="image" style="position:absolute;top:0;left:0;width:100%;h
src="img/gallery/1300x500/summer-concerts-in- eight:100%;">
amsterdam.jpg" /> <polyline class="a" points="4960,1920
</div> 11040,8000 4960,14080 "></polyline>
<div> </svg>
<img data-u="image" </div>
src="img/gallery/1300x500/menuid_3_201821955. </div>
jpg" /> <script
</div> type="text/javascript">jssor_1_slider_init();</script
<div> >
<img data-u="image" 
src="img/gallery/1300x500/default_featurerotator.p <nav class="navbar navbar-expand-sm
ng" /> navbar-dark sticky-top" style="background-color:
</div> #000;">
<div> <button class="navbar-toggler border-0"
data-toggle="collapse" data-
<img data-u="image" target="#collapse_target">
src="img/gallery/1300x500/rockconcert1.jpg" />
<span class="navbar-toggler-
</div> icon"></span>
</div> </button>
 <a href="#" class="navbar-brand"><img
<div data-u="navigator" class="jssorb032" src="https://cdn-images-
style="position:absolute;bottom:12px;right:12px;" w3.rrr.org.au/ZGKuY098WGQVhZ1UIZ8-
data-autocenter="1" data-scale="0.5" data-scale- KavVFv4=/1200x800/smart/https://s3.ap-
bottom="0.75"> southeast-2.amazonaws.com/assets-
<div data-u="prototype" class="i" w3.rrr.org.au/assets/8bd/b24/2fa/8bdb242fa5e8159
style="width:16px;height:16px;"> 2af893b6b672b397e38bf7a16/The%20Rap.jpg"
class="img-fluid rounded" width="50"
<svg viewBox="0 0 16000 16000" height="50"></a>
style="position:absolute;top:0;left:0;width:100%;h
eight:100%;"> <a href="#jssor_1"><span class="navbar-
text navbar-brand">RAPTORS </span></a>
<circle class="b" cx="8000"
cy="8000" r="5800"></circle> <div class="collapse navbar-collapse"
id="collapse_target">
</svg>
</div>
<ul class="navbar-nav">
</div>
26
04290202017
<li class="nav-item"> else
<a class="nav-link" if($_SESSION['user_session']=="Admin"){
href="index.php">HOME</a> ?>
</li> <a href="upload_admin.php"
<li class="nav-item"> class="nav-link">Welcome <?php echo
$_SESSION['user_session']; ?><i class="fa fa-
<a class="nav-link" smile-o"></i></a>
href="tickets.php">TICKETS</a>
<?php
</li>
}
<li class="nav-item">
else{
<a class="nav-link"
href="our_products.php">OUR PRODUCTS</a>
$userid=$_SESSION['user_session'];
</li>
$con=new
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle"
$sql="select * from profile where
data-toggle="dropdown" data-
user='".$userid."'";
target="dropdown_target" href="#">
MORE
$row=
<span class="caret"></span>
mysqli_fetch_array($result);
</a>
?>
<div class="dropdown-menu" aria-
<a href="profile.php"
labelledby="dropdown_target" style="background-
class="nav-link">Welcome <?php echo
color: #000; color: white;">
$row['name']; ?><i class="fa fa-smile-o"></i></a>
<a href="guitars.php"
<?php
class="dropdown-item text-white">Guitars</a>
}
<a href="drums.php"
class="dropdown-item text-white">Drums</a> }
<a href="keyboard.php" else if(!
class="dropdown-item text-white">Keyboards</a> isset($_SESSION['user_session'])){
</div> ?>
</li> <a href="login.php" class="nav-link"><?
php echo "Sign up/Login"; ?><i class="fa fa-smile-
</ul>
o"></i></a>
<?php
</div> }
<ul class="navbar-nav ml-sm-auto"> ?>
<li class="nav-item"> </li>

<?php <li class="nav-item">
<a href="cart_details.php"
if(isset($_SESSION['user_session'])){ class="nav-link">Cart<i class="fa fa-cart-
plus"></i></a>
if($_SESSION['user_session']==""){ </li>
?> <?php
<a href="login.php" class="nav- if(!isset($_SESSION['user_session']))
link"><?php echo "Sign up/Login"; ?><i class="fa {
fa-smile-o"></i></a>
<?php
}
}
else
if($_SESSION['user_session']==""){
27
04290202017
He released two further independent projects,
Comeback Season and So Far Gone, before signing
}
to Lil Wayne's Young Money Entertainment in June
else 2009.
if(isset($_SESSION['user_session'])){
Drake released his debut studio album Thank
?> Me Later in 2010, which debuted at number one on
<li class="nav-item"> the US Billboard 200 and was soon certified
platinum.
<a href="logout.php" class="nav-
link">Logout</a> His next two releases, 2011's Take Care and
2013's Nothing Was the Same, were critically and
</li>
commercially successful; the former earned him his
<?php first Grammy Award for Best Rap Album.
} In 2015, he released two mixtapes—the trap-
?> influenced If You're Reading This It's Too Late and
a collaboration with Future titled What a Time to
</ul> Be Alive—both of which earned platinum
</nav> certification in the U.S.
His fourth album, Views (2016), broke
several chart records.
</div>
INDEX.PHP
</div><br>
<?php
<div class="row" id="brdr">
include_once 'header.php';
<div class="col-lg-8" style="padding-top:
?><br> 12px; opacity: 0.5;">
<div class="container-fluid text-center bg-white" Jarad Higgins (born December 2, 1998),
style="border-radius:0;" id="fnt"> better known by his stage name Juice Wrld
<span class="display-4" style="font-weight: (pronounced as "Juice World"), is an American
bold;">THE RAPTORS</span> rapper, singer, and songwriter. He is best known for
</div> his singles "All Girls Are the Same", "Lucid
Dreams", and "Without Me".
<div class="container">
<div class="row" id="brdr">
Born in Chicago, Illinois, Juice Wrld gained
<div class="col-lg-4"> mainstream recognition after the release of the
<img single "Lucid Dreams" in 2018, which peaked at
src="https://pixel.nymag.com/imgs/daily/vulture/20 number two on the Billboard Hot 100;[4] this
19/06/17/17-drake.w700.h700.jpg" class="img- helped him gain a recording contract with Lil
fluid" alt=""> Bibby's Grade A Productions and Interscope
<center><h1>DRAKE</h1></center> Records.[5] "Lucid Dreams" acted as the second
single for his debut studio album Goodbye & Good
</div> Riddance (2018), which peaked at number six on
<div class="col-lg-8" style="padding-top: the Billboard 200, and was eventually certified
25px; opacity: 0.5;"> platinum. The album enjoyed positive critical
DRAKE! Aubrey Drake Graham (born reception, and contained four other singles: "All
October 24, 1986) is a Canadian rapper, singer, Girls Are the Same", "Armed and Dangerous",
songwriter, record producer, actor, and "Lean wit Me", "Wasted", all of which charted on
entrepreneur. the Hot 100.
As an entrepreneur, Drake has founded the
OVO Sound record label with longtime After collaborating with Future on the mixtape
collaborator 40. Wrld on Drugs, which was released later that year
Drake gained recognition as an actor on the and peaked at number two on the Billboard 200,
teen drama television series Degrassi: The Next Juice Wrld released his second album, Death Race
Generation in the early 2000s. for Love, in 2019. It was preceded by the singles
"Robbery" and "Hear Me Calling", with the former
Intent on pursuing a career in music, he left making its debut at number 27 on the Hot 100.
the series in 2007 after releasing his debut mixtape, Death Race for Love debuted at number one on the
Room for Improvement.
28
04290202017
Billboard 200, and enjoyed generally positive <?php include_once 'footer.php';
critical reception. ?>
</div>
<div class="col-lg-4">
<img src="img/gallery/700x700/juice-wrld-
FOOTER.PHP
getty-matt-jelonek.jpg" class="img-fluid" alt="">
<center><h1>Juice WRLD</h1></center>
<div class="main bg-dark">
</div>
<div class="head">
</div><br>
<div class="hunder">
<div class="row" >
<div class="col-lg-4">
<div class="row">
<img src="img/gallery/700x700/Migos.jpg"
class="img-fluid" alt=""> <div class="col-lg-7 s">
<center><h1>MIGOS</h1></center> Subscribe to recieve updates, news &
events!
</div>
</div>
<div class="col-lg-8" style="padding-top:
15px; opacity: 0.5;"> <div class="col-lg-5">
Migos /ˈmiːɡoʊs/ is an American hip hop <input type="tel" name="email"
group from Lawrenceville, Georgia, founded in placeholder="Enter Email Address"
2008.[2] They are composed of three rappers value=""> <button class="btn btn-
known by their stage names Takeoff, Offset and info">Join</button>
Quavo. They are managed by Coach K, the former </div>
manager of Atlanta-based rappers Gucci Mane and
</div>
Young Jeezy,[3] and frequently collaborate with
producers such as Zaytoven, DJ Durel, Murda </div>
Beatz, and Metro Boomin.[4][5] </div>
</div>
Migos released their commercial debut single <div class="middle">
"Versace" in 2013, taken from their mixtape Y.R.N.
(Young Rich Niggas). They have gone on to release <div class="munder">
several more singles, including "Fight Night" <div class="container-fluid">
(2014), "Look at My Dab" (2015), and their four <div class="row">
Billboard Hot 100 top 10 entries "Bad and Boujee"
(featuring Lil Uzi Vert) (2016), peaking at number <div class="col-lg-4 col-sm-12">
one, "MotorSport" (with Nicki Minaj and Cardi B) <ul id="mrgn">
(2017), peaking at six, "Stir Fry" (2017), peaking at <li style="color:
eight, and "Walk It Talk It" (featuring Drake) #00a3cc;"><h2>Company</h2></li>
(2018), peaking at ten.
<li><a
Migos released their debut album Yung Rich href="index.php">About</a></li>
Nation in July 2015, through Quality Control
Music and 300 Entertainment. Their second album, <li><a
Culture, was released in January 2017 also through href="index.php">Jobs</a></li>
both record labels, and debuted atop the US <li><a href="index.php">For
Billboard 200 chart.[6][7] The group later signed a The Record</a></li>
deal with Motown and Capitol Records in February </ul>
2017,[8] and followed up the latter album with
Culture II in January 2018, giving the group their </div>
second number one album in the United States.[9] <div class="col-lg-4 col-sm-12">
</div> <ul id="mrgn">
</div><br> <li style="color:
</div> #00a3cc;"><h2>Communities</h2></li>
<br> <li><a href="index.php">For
Artists</a></li>
29
04290202017
<li><a res/1973/app-store-coupon.png" alt=""
href="index.php">Developers</a></li> width="200" height="70">
<li><a </div>
href="index.php">Brands</a></li> <div class="col-lg-2">
<li><a <img
href="index.php">Investors</a></li> src="https://play.google.com/intl/en_us/badges/ima
<li><a ges/generic/en_badge_web_generic.png" alt=""
href="index.php">Vendors</a></li> width="200" height="70">
</ul> </div>
</div> <div class="col-lg-3">
<div class="col-lg-4 col-sm-12"> <img
<ul id="mrgn"> src="https://cdn4.iconfinder.com/data/icons/social-
media-icons-the-circle-set/48/facebook_circle-
<li style="color: 512.png" alt="" width="50" height="50"
#00a3cc;"><h2>Useful Links</h2></li> style="border-radius: 50%;">
<li><a <img
href="index.php">Help</a></li> src="https://www.itsnicethat.com/system/files/0820
<li><a href="index.php">Web 17/59a68a737fa44c9e4d005b79/index_default/yout
Player</a></li> ube_logo_redesign_graphic_design_digital_itsnicet
</ul> hat4.gif?1504087327" alt="" width="50"
height="50" style="border-radius: 50%;">
</div>
<img
</div> src="https://www.lifewire.com/thmb/IH_l1QnIcFd
</div> dCFuviMJ7UuRJfko=/768x0/filters:no_upscale():
</div> max_bytes(150000):strip_icc()/google-plus-
57d9e4d53df78c9cceedc5e1.png" alt=""
</div> width="50" height="50" style="border-radius:
<div class="foot"> 50%;">
<div class="funder"> <img src="https://akns-
images.eonline.com/eol_images/Entire_Site/20137
7/rs_600x600-130807142437-
<div class="row"> 600.twitter2.cm.8713.jpg?fit=inside|
<div class="col-lg-3"> 900:auto&output-quality=90" alt="" width="50"
height="50" style="border-radius: 50%;">
<img id="mrgn"
src="https://cdn-images- <img
w3.rrr.org.au/ZGKuY098WGQVhZ1UIZ8- src="https://cdn.worldvectorlogo.com/logos/pintere
KavVFv4=/1200x800/smart/https://s3.ap- st-1.svg" alt="" width="50" height="50"
southeast-2.amazonaws.com/assets- style="border-radius: 50%;">
w3.rrr.org.au/assets/8bd/b24/2fa/8bdb242fa5e8159 </div>
2af893b6b672b397e38bf7a16/The%20Rap.jpg"
</div>
width="100" height="100" style="border-radius:
50%; "> </div>
</div> </div>
<div class="col-lg-2" </div>
style="color:white"> <div class="foot1">
Raptors<br> <div class="row" style="color:
123 Easy street<br> white;">
Orlando,Florida,32801<br> <div class="col-lg-1">
Phone:(+1)4445781235 FAQ
</div> </div>
<div class="col-lg-2"> <div class="col-lg-1">
<img News
src="https://shopily.s3.amazonaws.com/uploads/sto </div>
30
04290202017
<div class="col-lg-1"> if(x==""){
Contact Us var y=$(this).attr("name");
</div> $("."+y).html("Please choose an
<div class="col-lg-2"></div> image").css({"color":'red'});
<div class="col-lg-4"> e.preventDefault();
<p>Copyright © 2019 }
Raptors. <a href="">Privacy Policy</a></p> else{
</div> var y=$(this).attr("name");
<div class="col-lg-3"> $("."+y).html("").css({"color":''});
<p><a href="#" target="_blank">Web }
Design</a> by Nikhil Bajaj <a href="#" });
target="_blank">(Contact)</a></p>
});
<a
href="login.php">Admin<i class="fa fa-smile- </script>
o"></i></a> </body>
</html>
</div>
</div>
</div> TICKETS.PHP
</div> <?php
<script> ?>
$(".custom-file-input").on("change", function() { <div class="container-fluid text-white"
var fileName = $(this).val().split("\\").pop(); style="background-color: #111111;"><br>
$(this).siblings(".custom-file- <div class="row">
label").addClass("selected").html(fileName); <div class="col-lg-12">
}); <center><p>TOUR DATES</p></center>
$("#submit").submit(function(e){ </div>
$("input[type='text']").each(function() </div>
{ var x=$(this).val(); <div class="col-lg-12">
if(x==""){ <center><p style="opacity: 0.5;">Don't Forget
var y=$(this).attr("name"); to book your tickets</p></center>
$("."+y).html(y+" cannot be </div>
blank").css({"color":'red'}); <div class="row">
$(this).css({"border":'1px solid red'}); <div class="col-lg-3"></div>
e.preventDefault(); <div class="col-lg-6">
} <table class="table table-bordered text-dark
else{ bg-white">
var y=$(this).attr("name"); <tr>
$("."+y).html("").css({"color":""}); <th>
$(this).css({"border":""}); August    <span
style="background-color: red; color:
}
white;"> Sold Out </span>
});
</th>
$("input[type='file']").each(function()
</tr>
{
<tr>
var x=$(this).val();
<th>
31
04290202017
September    <button class="btn btn-primary"
<span style="background-color: red; color: onclick="document.getElementById('modal').style.
white;"> Sold Out </span> display='block'">Buy Tickets</button>
</th> </div>
</tr> </div>
<tr> </div>
<th> <div class="col-lg-2">
October    <div class="card">
<span style="background-color: black; color: <img class="card-img-top"
white; border-radius: src="https://www.frcblog.com/media/filer/2019/07/
50%;"> 3 </span> 23/072319_hollywood_763x400.jpg" alt="Card
</th> image" style="width:100%; height:160px;">
</tr> <div class="card-body">
</table> <h4 class="card-title">Hollywoo</h4>
</div> <p class="card-text" style="opacity:
<div class="col-lg-3"></div> 0.5;">SUNDAY
22<sup>nd</sup>NOVEMBER</p>
</div>
<button class="btn btn-primary"
<div class="container"> onclick="document.getElementById('modal').style.
<div class="row text-dark"> display='block'">Buy Tickets</button>
<div class="col-lg-3"></div> </div>
<div class="col-lg-2"> </div>
<div class="card"> </div>
<img class="card-img-top" <div class="col-lg-3"></div>
src="https://www.nerdwallet.com/assets/blog/wp- </div><br>
content/uploads/2014/12/shutterstock_143241160.j
pg" alt="Card image" style="width:100%; </div><br>
height:160px;"> </div>
<div class="card-body"> <div id="modal" class="modal">
<h4 class="card-title">Tennessee</h4> <div class="modal-content animate-top card-4">
<p class="card-text" style="opacity: <header class="container blck padding-32">
0.5;">SUNDAY 22<sup>nd</sup>OCTOBER</p> <span
<button class="btn btn-primary" onclick="document.getElementById('modal').style.
onclick="document.getElementById('modal').style. display='none'"
display='block'">Buy Tickets</button> class="button blck xlarge display-
</div> topright">×</span>
</div> <h2 class="wide center"><i class="fa fa-
</div> suitcase margin-right"></i>Tickets</h2>
<div class="col-lg-2"> </header>
<div class="card"> <div class="container">
<img class="card-img-top" <div class="row">
src="https://www.legalsportsreport.com/wp- <div class="col-lg-3"></div>
content/uploads/2017/06/Mississippi-and-sports- <div class="col-lg-6">
betting-1.jpg" alt="Card image"
style="width:100%; height:160px;"> <label><i class="fa fa-shopping-cart"></i>
Tickets, $15 per person</label><br>
<div class="card-body">
<input type="text" class="form-control"
<h4 class="card-title">Mississippi</h4> placeholder="How many?">
<p class="card-text" style="opacity: <label><i class="fa fa-user"></i> Send
0.5;">FRIDAY 2<sup>nd</sup>NOVEMBER</p> To</label><br>
32
04290202017
<input type="text" class="form-control" <div class="col-lg-4">
placeholder="Enter email"><br> <form action="search_products.php"
<button class="blck btn">PAY <i class="fa fa- method="post">
check"></i></button> <input type="text"
<button class="btn" placeholder="Search..." name="search"
onclick="document.getElementById('modal').style. style="height: 40px; width:
display='none'">Close <i class="fa fa- 200px;"> <button type="submit" class="btn
remove"></i></button> btn-primary" name="bt"><i class="fa fa-
<p class="right">Need <a href="#" search"></i></button>
style="color: black;">help?</a></p> </form>
</div> </div>
<div class="col-lg-3"></div> <div class="col-lg-4"></div>
</div> </div><br>
</div> <div class="row">
</div> <?php
</div> $con=new
<?php include_once 'footer.php'; mysqli("localhost","root","","myproject");
?> $sql="select * from uploaded_product";
while ($row = mysqli_fetch_array($result)) {
?>
OUR_PRODUCTS.PHP
<div class="col-lg-3 col-sm-6">
<?php
<?php echo $row['product_name']; ?><br>
<img src="images/<?php echo
$cartid="";
$row['product_image']; ?>" alt="" class="img-
if(isset($_SESSION['cartid'])){ fluid"><br>
if($_SESSION['cartid']!=""){ <?php echo $row['product_price']; ?><br>
$cartid=$_SESSION['cartid']; <?php echo $row['product_details']; ?><br>
} <a href="ATC.php?product_id=<?php echo
else { $row['product_id']; ?>">
$cartid= <input type="button" value="ADD TO
date('Y')."".date('M')."".date('d')."".date('h')."".date( CART" class="btn btn-primary" name="button">
'm')."".date('s'); </a><br><br>
$_SESSION['cartid']=$cartid; </div><br><br>
} <?php
} }
else{ ?>
$cartid= </div>
date('Y')."".date('M')."".date('d')."".date('h')."".date(
</div>
'm')."".date('s');
$_SESSION['cartid']=$cartid;
<div class="row">
}
<?php
echo $cartid;
$sql1="select * from guitar";
?>
<br><br>
while ($row = mysqli_fetch_array($result1)) {
<div class="container"><br>
?>
<div class="row">
<div class="col-lg-4"></div>
33
04290202017
<?php echo $row['product_name']; ?><br> while ($row = mysqli_fetch_array($result3)) {
<img src="Guitars/<?php echo ?>
$row['product_image']; ?>" alt="" class="img- <div class="col-lg-3 col-sm-6">
fluid"><br>
<?php echo $row['product_price']; ?><br>
<img src="Piano/<?php echo
<?php echo $row['product_details']; ?><br> $row['product_image']; ?>" alt="" class="img-
<a href="ATC.php?product_id=<?php echo fluid"><br>
$row['product_id']; ?>"> <?php echo $row['product_price']; ?><br>
<input type="button" value="ADD TO <?php echo $row['product_details']; ?><br>
CART" class="btn btn-primary" name="button">
<a href="ATC.php?product_id=<?php echo
</a><br><br> $row['product_id']; ?>">
</div><br><br> <input type="button" value="ADD TO
<?php CART" class="btn btn-primary" name="button">
} </a><br><br>
?> </div><br><br>
</div><br><br> <?php
</div> }
<div class="container"> ?>
<div class="row"> </div><br><br>
<?php </div>
$sql2="select * from drum"; <?php include_once 'footer.php';
$result2=$con->query($sql2); ?>
while ($row = mysqli_fetch_array($result2)) {
?>
<img src="Drums/<?php echo
$row['product_image']; ?>" alt="" class="img-
fluid"><br>
<?php echo $row['product_price']; ?><br>
<?php echo $row['product_details']; ?><br>
<a href="ATC.php?product_id=<?php echo
$row['product_id']; ?>">
<input type="button" value="ADD TO
CART" class="btn btn-primary" name="button">
</a><br><br>
</div><br><br>
<?php
}
?>
</div><br><br>
</div>
<div class="row">
<?php
$sql3="select * from piano";
34

A Project Report ON "Web Development": BY Nikhil Bajaj

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

A Project Report ON "Web Development": BY Nikhil Bajaj

Hochgeladen von

Copyright:

Verfügbare Formate

NIKHIL BAJAJ (BCA 5A)

“THE RAPTOR BAND”

SHRI GURU TEGH BAHADUR INSTITUTE OF MANGEMENT

I understand that I will be held liable and accountable for my project, it is

We would like to express our heartfelt gratitude to Vtech Academy and Ms

Chapter 2 -Requirement Analysis 8-9

Chapter 3 –Software Design

Chapter 4 –Database Design

 No online booking of tickets.

Advantages for users:

 User can easily book tickets.

Advantages for admin:

 Admin can manage all users.

 Secure access of confidential data (user’s details).

USE CASE DIAGRAM

BROWSE ITEM / TICKET BOOKINGS GUEST/USER

STOCK CHECK SEAT CHECK

PRODUCTS COST NO. OF SEATS

E-TICKET & ID PAYMENT CONFIRMATION

USER HAS PROFILE

PRODUCTS ADDS TO CART

TEST CASE: ADMIN LOGIN

TEST CASE: ADD PRODUCT

TEST CASE: UPDATE PRODUCT

TEST CASE: DELETE PRODUCT

TEST CASE: USER LOGIN/ REGISTRATION

“THE RAPTOR BAND” Software has been designed to purchase

1. The Planning That Goes Into Implementing a Project.

DATABASE FILES ?>

<script> <link rel="stylesheet"

} <link href="css/mycss.css" rel="stylesheet"

<li class="nav-item"> </li>

Das könnte Ihnen auch gefallen