ONLINE ART GALLERY

MANAGEMENT SYSTEM
PROJECT REPORT

CSE3001-Software Engineering

by

18BCI0098 - Yantrapati Aashik

18BCI0126 - Namburi Sri Harsha Vardhan Raju

18BCE2291 - Shreya Bage

Under the guidance of

Dr. Gayathri.A

School of Computer Science and Engineering

Fall 2020-21

1
 TABLE OF CONTENTS

CHAPTER NO. TITLE PAGE NO.

1. Abstract 3

2. Introduction 3

Problem statement 3
3.

4. Literature Survey 4

5. Architectural Diagram 6

6. UML Diagrams 7

7. Modules Description 8

8. Data Flow Diagrams 10

9. System Design 11

10. Work Breakdown Structure 11

11. Test cases 13

12. Implemention 17

13. Result 26

14. Screenshots 26

15. Conclusion and Future work 29

16. References 29

2
ABSTRACT:
Reason for choosing this topic is that it majorly deals with the management of databases and
functions dynamically. It is a concept which deals with artists, artworks and customers. It is a
platform which updates the information about the galleries and artworks that are being
exhibited. Hence, we have decided to work on the development of the web and mobile
applications.
Our main goal is to provide an easy and comfortable platform for the artists as well as
customers and all the info regarding the galleries and artworks at the current situation of the
exhibition of galleries. It brings all the people related to the Gallery exhibition and clearly
displays the Artworks and Artist related to it and the Venues that are being held at current
position.
ONLINE ART GALLERY is a application software and it is very helpful for the art lovers
and others who wants to know about the artworks. This application helps the end-users to
search their arts and paintings and they can place order for the selected pieces. The end-user
can also get the information about the art exhibition by contacting respective artist, so, that
they can visit to those exhibitions.
Art Gallery brings you an opportunity to view online artworks at our Online Art Gallery we
bring you details of all artworks and artists across the world. The Online Art Gallery is
updated daily, so the user can view and buy the latest collection of contemporary art online
from anywhere in the world. You can view and buy the latest Indian contemporary art
collection available at their exhibitions and also at their online gallery.

INTRODUCTION:

Online Art Gallery is an online application, which is used to display and sell art works of
artist irrespective of their nationality, gender and other narrow consideration, through
auction. Artist can register online for being a member in the art gallery and each artist can
upload the digital copy of their art work under the respective categories. They can host their
art work either for auction or for fixed price. The artist is liable to pay a fraction of the price
of each art work to the web site to find the running fund for site. Art lovers have to go to the
art exhibition to collect their favorite arts or painting. But now-a-days they are not getting
enough time to go to the galleries and collect the arts and paintings.

Customer can also register online and they can browse art works that are arranged in different
categories scientifically. Each Customer can create their own gallery to see his favorite art
works with out much difficult. And each user has the right to purchase an art work using the
integrated payment gateway and participate in auction by submitting their bids. Qualified
bidder should remit the amount using payment gateway and after each valid payment the art
work will be shipped within some days.

PROBLEM STATEMENT:
In today's world art galleries are not getting much identity because of various factors. This
is effecting both artist as well as art gallery management to sell art works. To overcome
this situation we are proposing an application called “online art gallery system”that helps
art management system as well as artist. This application helps artist to sell his art online
and earn money. This application also provides facility for customers to view or purchase

3
 art he/she wants sitting home. This option brings more advantage to art galleries management
in organizing their brand of arts online

LITERATURE SURVEY:

Paper Title: THE BUILDING OF ONLINE MUSEUM COMMUNITIES

Abstract: This paper considers the move toward and potential of building online communities,
with a particular focus on the museum sector. For instance, the increase in the use of ‘personalized’
toolkits that are becoming an integral part of the online presence for learning organizations, like
museums, can provide a basis for creating and sustaining communities. A set of case studies further
Illustrates working examples of the ways in which personalization and specific tools are
developing collaborative spaces, community channels and group interactions.

Paper Title: Initial thoughts for setting up a virtual exhibition

Abstract: In the last two years, the research group Oliba has been collaborating with different
Museums and institutions in Catalonia and the Balearic Islands (Spain) in order to introduce new
technologies in Cultural Heritage Management. Most Spanish Cultural institutions have not intro-
duced yet those technologies in their everyday life due to the lack of public funding as well as
their scant experience in this field. Therefore, our collaboration as University research group meant
to these institutions a way to test computer applications in Heritage environment without investing
a lot of economic and human resources.

Paper Title: Learning from Amazon and EBay: User-Generated Material for Museum
Web Sites

Abstract: Museums have a way to go in understanding what has long been apparent to commercial

sites: you don't have to sweat it out over all your content if you are prepared to allow visitors to generate

it for you. eBay and Friends Reunited have sites entirely built on user-generated content, and Amazon is

increasingly leaning on users to develop content that adds depth and vitality. Museums can learn lessons

from this approach.

At the V&A we aim to be the Number One Museum Web site for art and design, and our curators are

world experts in their fields. In these circumstances it would be easy for the site to communicate in one

direction only, but we are keen to ensure the site works in both directions and that we draw on the expertise
. and enthusiasm of visitors as well. We also want visitors to our Web site to feel they can contribute to the . .
. work of the museum and develop their own creativity. We have not yet persuaded a curator to moderate
4
 a chat room or ventured into any of those other potentially labor intensive Web activities, but in the

last year we have used a wide variety of ways of incorporating visitor-created content into our Web site.

Paper Title: Producing Interactive Digital Media Based Exhibitions

Abstract: This paper describes the processes and outcomes from the production of an interactive
. exhibition devised for the Brighton Fishing Museum by post-graduate students, offering the
opportunity to understand not only the museum environment and collection but also its purpose
in the community as a place of and for learning. The final outcome is a sophisticated cocktail of
. user generated multimedia content in symbiotic relationship with the pre-existing live exhibition
of artefacts housed in the museum. The conclusions drawn highlight the importance and value of .
. activity- and game-based learning. It demonstrates the power of media production in its creation
and final implementation as a learning tool within a museum environment, as well as its ability
to engage young audiences with Cultural Heritage.

Paper Title: Beyond the online Museum- Participatory Virtual Exhibitions

Abstract: Rather than creating a substitute for a real museum visit, Internet technology has the
potential to extend and enrich the total museum experience, particularly in the areas of personal engagement,
. participation and community involvement. Participatory virtual exhibitions are one way this can be achieved.
This paper examines a number of participatory virtual exhibition projects and discusses their different functional
. models and interfaces. One project, the recently launched my Virtual Gallery (Art Gallery of NSW) is
examined in detail, including discussion of important and interesting philosophical issues raised during
debate amongst museum professional staff shortly before the project’s official launch.

5
ARCHITECTURE DIAGRAM:

6
UML DIAGRAMS:
Use Case Diagram of Online Art Gallery Management System:

State Chart Diagram of Online Art Gallery Management System:

7
Component Diagram of Online Art Gallery Management System:

MODULES DESCRIPTION:

 Artworks
 Artist
 About us
 Login/signup
 Customer module
 Artist module

DEPENDENT MODULES:
Here the LOGIN MODULE is dependent on user authentication

INDEPENDENT MODULES:
 CUSTOMER MODULE
 ARTIST MODULE

INTER-PROCESS DEPENDENCIES:
As described earlier the two main processes are the Customer and artist processes. These are
the process are dependent on each other. As the artist uploads the artworks and the customers
buy it or get the information about
8
ARTIST MODULE:

PURPOSE: Help artists to add the artwork

INPUT: Artworks information about artworks price details
Processing: Updating artwork database with new artworks.
Output: New artworks are available to customers. Customers can buy them.

CUSTOMER MODULE:

PURPOSE: Help customers to buy the artwork

INPUT: For Login (username and password). For signing up (name, address, city, pin code,
state, country, email, username, password)
Processing: Open account based on username and password. Create personal information
along with address so as purchase.
Output: Access to personal account and can buy artworks.

SIGNUP MODULE:

Purpose: Used to enter into application

Input: Personal details for signup
Processing: Details entered will be saved in database
Output: Alert message stating details saved successfully

LOGIN MODULE:

Purpose: Used to enter into application

Input: Username and password
Processing: Username and password will be verified from database
Output: Login successfully into application

ARTWORKS MODULE:

Purpose: User can view artworks available

Input: Login into application and click view artworks
Processing: When view artworks is clicked UI is directed to artworks page
Output: All artworks available are shown.

ABOUT US MODULE:

Purpose: To get information about application developer

Input: Login into application and click about us
Processing: When about is clicked UI is directed to about us page
Output: About us content is shown.

9
DATA FLOW DIAGRAM:
Level-0:

Level 1:

10
 SYSTEM DESIGN:
ARTIST:
He has to register in the beginning in order to get access of the records that
are present in the system database.
Based on the categories he can select and view the data from the menu that he
wants in a specific constrained way.
He can add his works and artworks to the database.

CUSTOMER:
He can view the data of artists and their artworks that are exhibited in
different venues i.e. galleries.
He can view in the form of filtered data based on his likes towards particular artist
or particular artwork.
He has to fill up a form in the menu bar which appears as like artist and like
artwork in which he can express his likes and get the filtered sorted data by
elimination of useless data for the particular customer.

WORKBREAK DOWN STRUCTURE:

Description of WBS:
Technical Requirements: To build this application we require two technical requirements,
. Software requirement and Hardware requirement. Hardware requirements include hardware
. components such as Compiler, Webserver, internet modem. Software requirements include
. OS, database, web design.
Application Services: To build this application we need support of certain services that I .
11
 include web devices, domain name, HTML-CSS-JS, file transfer program. These services
. Collectively help in building this application.
Design: Here we have to main modules artist and customer. Artist will have certain
. previleges like register, login, add artwork. Customer will have certain privileges like .
. register, login, view/search artist, view/search artworks.
Customer Care: Customer care service providers will take
email address and phone number of customers to solve any
issued raised by customer.

All design considerations that were handled in Art

Gallery management system
Assumptions:
Artists make artworks which are liked and bought by customers. Different artworks
are put into groups which are preferred by the customers.

System Environment
The Art Gallery project process resides in the server which is a PHP
application that resides on the client’s machine that has a Windows -
8 (or above) operating system. The database used to store the data
will be MySQL Server.

DESIGN METHODOLOGY(ER-Diagram)

Overview:
The main aim of the online art gallery is to make transaction of artworks of artists possible.
There will be a login option for both artists and customers. the customers can choose from
the different artworks in the portal.

12
TEST CASES:
ARTIST:

13
CUSTOMER:

14
Manual Test Cases:
TEST TEST TEST STEPS ACTUAL EXPECTE PAS
CASE SCENARIO/DE RESULTS D S/FA
ID SCRIPTION RESULTS IL

1 Check customer Go to website User should Login Pass

sign in with Enter all the details (name, sign in into successfu
valid data email, etc.) Click submit website l

2 Check customer Go to website User should not Logi Pass

sign in with Enter all the details (name, sign in into n
already email, etc.) Click submit website failed
registered
data
3 Check Go to User should Login Pass
customer login website login into successfu
with valid data Enter website
l
user id
Enter
password
Click
submit
4 Check customer Go to User should not Logi Pass
login with invalid website login into n
data Enter website
failed
user id
Enter
password
Click
submit
5 Check artist sign Go to website User should Login Pass
in with valid data Enter all the details (name, sign in into successfu
email, etc.) Click submit website
l
6 Check artist sign Go to website User should not Logi Pass
in with already Enter all the details (name, sign in into n
registered data email, etc.) Click submit website
failed
7 Check artist login Go to User should Login Pass
with valid data website login into successfu
Enter website
l
user id
Enter
password
Click
submit
8 Check artist login Go to User should not Logi Pass
with invalid data website login into n
Enter website
failed
user id

15
 Enter
password
Click
submit
9 Check whether Go to any browser Website opens Websit Pass
the website opens Request the website by URL e
in all browsers
should
(google, mozilla)
open
10 Check Working in In windows: Opens in Both Should Pass
all operating Open website and operating open in
systems run it In linux: systems
any
Opening terminal and typing the
command and installing it

16
Implementation:
ARTIST:
<?php include("includes/head.php"); ?>
<?php include("includes/connection.php");?>
<!DOCTYPE html>
<html>
<head>
<title>Artists</title>

<style>

.desc-
title{ color:#2d
70d5;
font-variant: small-caps;
font-family: "Yu Gothic UI Light";
font-size: 24px;
font-weight: bold;
position: relative;
top: 0px;
left: 5px;
text-decoration: none;
}
.desc-
content{ position
: relative; font-
size: 18px;
font-family: "Yu Gothic UI Light";

top: 0px;

}
.desc-
content2{ positio
n: relative; font-
size: 15px; color:
#aaa;
font-family: "Yu Gothic UI Light";
top: 0px;
left: 5px;
text-decoration: none;
}
.desc-content2:hover{
border-bottom: 1px solid #aaa;
}

17
.n
ame {
text-indent: 80px;
margin-top: -100px;
font-size: 17px;
font-family: "Yu Gothic UI Light";
color: rgb( 00, 00, 00 );
text-align: left;
position: absolute;
left: -20px;
top: 220px;
width: 215px;
height: 35px;
z-index: 19;
}

.searchbar{
border-radius: 8px;
box-shadow: 1px 1px 2px 0px rgb( 55, 52, 52 );
border: 0.5px solid;
background-color: white;
position: relative;
left: 128px;
top: -28px;
width: 250px;
height: 35px;
}
.searchbtn{ cursor
: pointer;
border-radius: 8px;
box-shadow: .4px 1.732px 5px 0px rgb( 55, 52, 52 );
background-color:#2d70d5;
font-family: "Yu Gothic UI Light";
color: #f2f2f2;
border:0px solid;
font-size: 15px;
font-weight: bold;
position: relative;
left: 385px;
top: -65px;
width: 80px;
height: 35px;
}

18
 .photo {
position: relative ;
width: 200px;
height : 250px;
margin: 0 0px 0 0px;
}

.pic-table{
border: 3px solid white;
box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.2);
background-color: #fafafa;
border-collapse: collapse;
float: left;
margin: 0px 50px 50px 0px;
}
.space{
margin-top: 200px;
position: relative;
left:130px;
}
</style>

</head>
<form action="searchartist.php" method="POST">
<body>
<p class="name" align = "left">Name:

<input class="searchbar" type="text" id="artistname" name="artistname">

<input class="searchbtn" type="submit" name="search" value="Search">
</p>
</form>

<?php
$query_category="SELECT user_imagepath, user_fname, user_lname,user_id FROM
user where user_type = 'Artist'";
$result_category = mysqli_query($conn,$query_category);
if(mysqli_num_rows($result_category) <=0)
{
echo '<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><h1
align="Center">No Artist Available </h1>';
}
else{
while($row=mysqli_fetch_array($result_category)){

19
 echo ' <div class="space">
<table class="pic-table">
<tr>
<td>
<a href= "pictures/profile/'.$row['user_imagepath'].'"> <img
class="photo" src="pictures/profile/'.$row['user_imagepath'].'"> </a>'.

'<br><a class="desc-title" href="artist_info.php?id='.

$row['user_id'].'"> '.$row['user_fname'].' '.$row['user_lname'].'
</a> <br>

<a class="desc-content2" href="artist_info.php?id='.

$row['user_id'].'"> See More. . . </a>
</td>
</tr>
</table>
</div>';
}
}
?>
</div>
</body>
</html>

ARTWORKS:
<?php

include("includes/footer.php"); ?>

<?php include("includes/head.php"); ?>

<!DOCTYPE html>
<html>
<head>
<title>Artworks</title>
<style>
select {
border-radius: 5px;
box-shadow: 1px 1.732px 5px 0px rgb( 55, 52, 52 );
border: 1px solid steelblue;
background-color: white;
font-family: "Yu Gothic UI Light";
position: relative;
left: 200px;
20
 top: 80px;
width: 250px;
height: 40px;
}

input{
border-radius: 5px;
box-shadow: 1px 1.732px 5px 0px rgb( 55, 52, 52 );
border: 1px solid rgb(33,33,33);
font-weight: bold;
background-color: #234;
font-family: "Yu Gothic UI Light";
color: white;
position: relative;
left: 200px;
top: 80px;
width: 150px;
height: 40px;
}

.photo {
position: relative ;
width: 300px;
height : 250px;
}

.desc-
title{ color:#2d
70d5;
font-variant: small-caps;
font-family: "Yu Gothic UI Light";
font-size: 29px;
position: relative;
top: 0px;
left: 5px;
text-decoration: none;
}
.desc-
content{ position
: relative; font-
size: 18px;
font-family: "Yu Gothic UI Light";
top: 0px;

21
 }
.desc-content2{ position: relative; font-size: 18px;
font-family: "Yu Gothic UI Light";
top: -20px;
}

.pic-table{
border: 8px solid white;
box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.2);
background-color: #fafafa;
border-collapse: collapse;
float: left;
overflow: auto;
margin: 0px 50px 100px 0px;
}
.space{
margin-top: 120px;
position: relative;
left:130px;

</
style>
</head>
<body>

<form action="searchart.php" method="POST">

<select id="Category" name="Category">

<option value="">CATEGORY</option>
<option value="Painting">Paintings</option>
<option value="Sculpture">Sculpture</option>
<option value="Photography">Photography</option>
<option value="Drawing">Drawings</option>

</select>

<select id="medium" name="Medium">

22
 <option value="">FOR PAINTIN MEDIUM </option>
<option value="Airbrush">Airbrush</option>
<option value="Enamel">Enamel</option>
<option value="Gouache">Gouache</option>
<option value="Acrylic">Acrylic</option>
<option value="Oil">Oil</option>
<option value="Spray Paint">Spray Paint</option>
<option value="Tempera">Tempera</option>
<option value="Watercolor">Watercolor</option>
<option value="Ink">Ink</option>
<option value="Gesso">Gesso</option>

<option value="">FOR SCULPTURE MEDIUM </option>

<option value="Ceramic">Ceramic</option>
<option value="Clay">Clay</option>
<option value="Digital">Digital</option>
<option value="Fiberglass">Fiberglass</option>
<option value="Pottery">Pottery</option>
<option value="Fabric">Fabric</option>
<option value="Neon">Neon</option>
<option value="Glass">Glass</option>
<option value="Interactive">Interactive</option>
<option value="Latex">Latex</option>
<option value="Leather">Leather</option>
<option value="LED">LED</option>
<option value="Metal">Metal</option>
<option value="Mosaic">Mosaic</option>
<option value="Paint">Paint</option>
<option value="Paper">Paper</option>
<option value="Paper Mache">Paper Mache</option>
<option value="Plastic">Plastic</option>
<option value="Rubber">Rubber</option>
<option value="Stone">Stone</option>
<option value="Wax">Wax</option>
<option value="Wood">Wood</option>
<option value="Steel">Steel</option>
<option value="Bronze">Bronze</option>
<option value="Granite">Granite</option>
<option value="Marble">Marble</option>

<option> FOR DRAWING MEDIUM</option>

<option value="Ballpoint Pen">Ballpoint Pen</option>
<option value="Chalk">Chalk</option>

23
 <option value="Charcoal">Charcoal</option>
<option value="Digital">Digital</option>
<option value="Graphite">Graphite</option>
<option value="Ink">Ink</option>
<option value="Marker">Marker</option>
<option value="Pastel">Pastel</option>
<option value="Pencil">Pencil</option>

<option value="">FOR PHOTOGRAPHY MEDIUM</option>

<option value="Polaroid">Polaroid</option>
<option value="Color">Color</option>
<option value="Digital">Digital</option>
<option value="C-type">C-type</option>
<option value="Black & White">Black & White</option>
<option value="Photogram">Photogram</option>
<option value="Platinum">Platinum</option>
<option value="Gelatin">Gelatin</option>
<option value="Manipulated">Manipulated</option>

</select>
<select id="Price" name="Price">

<option value="">PRICE</option>
<option value="5001">less than 5,000 rupees</option>
<option value="10001">less than 10,000 rupees</option>
<option value="50001">less than 50,000 rupees</option>
<option value="500001">less than 500,000 rupees</option>
<option value="1000001">less than 1,000,000 rupees</option>

</select>

<input type="submit" name="submit" value="SEARCH">

</form>

<?php

$query_category1="SELECT art_work.art_imagepath,art_work.art_id,
art_work.art_title,art_work.art_price, user.user_fname,
user.user_mname,user.user_lname,art_work.art_description,art_work.art_imagepath,art_wor
k.art_status,art_work.art_category
24
 FROM art_work,user
where art_work.user_id = user.user_id AND art_work.art_status = 'Available'
ORDER BY art_work.art_title ASC";
$result_category1 = mysqli_query($conn,$query_category1);
if(mysqli_num_rows($result_category1) <=0)
{
echo '<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><h1
align="Center">No Artworks Available </h1>';
}
else{
while($row1 = mysqli_fetch_array($result_category1))
{

echo ' <div class="space" >

<table class="pic-table">
<tr>
<td>
<img class="photo" src="pictures/arts/'.$row1['art_imagepath'].'" >
<br>'
.

'<a href=info_art.php?id='.$row1['art_id'].' class="desc-title">

'.$row1['art_title'].' </a>
<p class="desc-content">'.$row1['art_category'].'</p>

<p class="desc-content" style="float:

right;">'.$row1['art_price'].'.00</p> <br>

<p class="desc-content2">'.$row1['user_fname'].'
'.$row1['user_mname'].' '.$row1['user_lname'].'</p>
</td>
</tr>
</table>
</div>';
}
}
echo "<br><br>";

?>
</div>
<p class="title"></p>
<?php

include("includes/footer.php");?>

25
RESULT:
This application helps the costumers to purchase the arts in online so that they no need to
visit art exhibition every time it can save their time and for the artists their arts can be seen
by everyone and they only can fix the art price. Also it is beneficial for disabled persons and
also to the old people who are fond arts.

SCREENSHOTS:

26
27
28
CONCLUSION:

To buy the painting online people prefer the service of reliable and trusted wed galleries that
sell authentic art. A lot of such websites are floating around from where you can purchase
paintings of all genres, made by famous artists. It is more convenient and practical ways of
spending money on an art relics.

Customer can also register online and they can browse art works that are arranged in
different categories scientifically. Each Customer can create their own gallery to see his
favourite art works without much difficult. And each user has the right to purchase an art
work using the integrated payment gateway and participate in auction by submitting their
bids. Qualified bidder should remit the amount using payment gateway and after each valid
payment the art work will be shipped within some days.

FUTURE WORK:

The future work will be done on implementing more secured way of authentication of
the website currently the Security of this website is done by performing and
authorization using Java EE Security. Authentication confirms the identity of the user
by verifying a user’s credentials while authorization determines whether a user has
access to restricted resources in future it will be implemented through passport js.

REFRENCES:

1. Beler, A., et al. (2004) The Building of Online Communities: An Approach for Learning
Organizations, with a Particular Focus on the Museum Sector. EVA 2004 London
Conference - Electronic Visualisation and the Arts
http://arxiv.org/ftp/cs/papers/0409/0409055.pdf
2. Carreras Monfort, C. (2001) Initial Thoughts for Setting up a Virtual Exhibition
International Cultural Heritage Informatics Meeting: Cultural Heritage and Technologies in
the Third Millennium. http://www.archimuse.com/publishing/ichim01_vol2/monfort.pdf
3. Cooper, J. (2006) Beyond the On-line Museum: Participatory Virtual Exhibitions.
Museums and Web 2006 http://www.archimuse.com/mw2006/papers/cooper/cooper.html
4. Danks, M., K. Rodriguez-Echavarria, R. Griffiths and D. Arnold (2007) Producing
Interactive Digital Media Based Exhibitions to Engage Students with Cultural Heritage:
Brighton Fishing Museum, A Case Study. International Cultural Heritage Informatics
Meeting (ICHIM07) http://www.archimuse.com/ichim07/papers/danks/danks.html
5. Durbin, G. (2004) Learning from Amazon and eBay: User-generated Material for
Museum Web Sites. Museums and the Web 2004
http://www.archimuse.com/mw2004/papers/durbin/durbin.html

29