DIGITAL ART WEBSITE

AML23IN101– INTERSHIP 1

PROJECT REPORT

Submitted by

KOSHREE – E0123021

DHANUJA VIDYA .T – E0123034

SOWDEEPYA. I – E0123035

AKSHAYA TARINI .A. R – E0123046

In partial fulfilment for the award of the degree of

BACHELOR OF TECHNOLOGY

in

COMPUTER SCIENCE AND ENGINEERING

(Artificial Intelligence & Machine Learning)

Sri Ramachandra Faculty of Engineering and Technology

Sri Ramachandra Institute of Higher Education and Research, Porur, Chennai -

600116

JULY, 2024

1
 DIGITAL ART WEBSITE

AML23IN101– INTERSHIP 1

PROJECT REPORT

Submitted by

KOSHREE – E0123021

DHANUJA VIDYA .T – E0123034

SOWDEEPYA. I – E0123035

AKSHAYA TARINI .A. R – E0123046

In partial fulfilment for the award of the degree of

BACHELOR OF TECHNOLOGY

in

COMPUTER SCIENCE AND ENGINEERING

(Artificial Intelligence & Machine Learning)

Sri Ramachandra Faculty of Engineering and Technology

Sri Ramachandra Institute of Higher Education and Research, Porur, Chennai -

600116

JULY, 2024
 BONAFIDE CERTIFICATE

Certified that this project report “DIGITAL ART WEBSITE” is the bonafide record of
work done by “AKSHAYA TARINI-E0123046, DHANUJA VIDYA T-E0123034, I
SOWDEEPYA REDDY-E0123035, KOSHREE – E0123021” who carried out the
internship work under my supervision.

Signature of the Supervisor Signature of Programme

Coordinator

Dr.R. Bhuvanya Dr. Vanitha V

Assistant Professor, Associate Professor,

Department of Artificial Intelligence & Machine Department of Artificial Intelligence & Machine
Learning Learning

Sri Ramachandra Faculty of Engineering and Sri Ramachandra Faculty of Engineering and
Technology, Technology,

SRIHER, Porur, Chennai-600 116. SRIHER, Porur, Chennai-600 116.

Evaluation Date:
 ACKNOWLEDGEMENT

I express my sincere gratitude to our Programme Coordinator Dr. Vanitha V

for their support and for providing the required facilities for carrying out this

study.

I wish to thank my faculty supervisor(s), Dr. R. Bhuvanya, Department of

Artificial Intelligence and Machine Learning, Sri Ramachandra faculty of

Engineering and Technology for extending help and encouragement

throughout the project. Without her continuous guidance and persistent help,

this project would not have been a success for me.

I am grateful to all the members of Sri Ramachandra Faculty of Engineering

and Technology, my beloved parents and friends for extending the support,

who helped us to overcome obstacles in the study.

 TABLE OF CONTENTS

CHAPTER TITLE PAGE NO.

NO.
ABSTRACT I

1 INTRODUCTION

1.1 Background 1

1.2 Objective 1

1.2.1 Target Audience 1

1.3 Scope of the Project 2

1.4 Structure of the Project 2

2 LITERATURE REVIEW

2.1 Introduction 3

2.2 Digital Art Platform 3

2.2.1 Historical Development 3

2.2.2 Features and Functions 3

3 PROPOSED METHODOLOGY

3.1 Introduction 4

3.2 System Design 4

3.2.1 Architecture Overview 4

3.2.2 Data Flow 4

4 IMPLEMENTATION

4.1 User Authentication 5

4.2 Artwork Management 5

4.3 User Profile 5

4.4 Search and Filters 5

5 RESULTS AND DISCUSSIONS

5.1 Conclusion 7

5.2 Future Work 8

 5.2.1 Advanced Image Editing Tools 8

5.2.2 Enhanced User Profile 8

5.2.3 Security and Data Management 8

5.2.4 Additional Features 9

5.3 Summary 9

6 APPENDICIES

Appendix-1 Sample Source Code 10

Appendix-2: Sample Screenshots 15

7 REFERENCES 18

8 WORKLOG 19
 ABSTRACT

This report presents the design and implementation of

a digital art website, integrating a user-friendly and visually
appealing interface.

The objective is to create an engaging online platform

that showcases digital artworks, incorporating creative
navigation features and seamless section scrolling. This
project demonstrates the effective combination of aesthetic
design principles and modern web development techniques
to enhance user experience and accessibility.
 CHAPTER 1
INTRODUCTION

1.1. BACKGROUND

Digital artists, also known as multimedia artists or graphic designers, create

visual content using digital tools and software. They combine art, design, and
technology to communicate ideas, express themselves, and engage
audiences.
The rise of digital media and the internet has created a huge demand for
digital art and artists. Businesses, brands, and organizations need digital
artists to create visual content for marketing, advertising, and online
presence. The growth of video games, animation, and special effects in films
and TV shows also relies on digital artists.

1.2. OBJECTIVE

The primary aim of the digital art website project is to develop a

comprehensive, user-friendly platform that enables artists to create,
edit, and save high-quality digital artwork efficiently and effectively.

1.2.1 TARGET AUDIENCE

Digital artists (graphic designers, illustrators, animators, etc.)

Art enthusiasts and collectors
Design and art students

1
1.3. SCOPE OF THE PROJECT

A platform for digital artists to showcase their creativity and talent.

Resources and tutorials for artists to enhance their skills. A space for like-
minded individuals to share ideas, inspire, and support each other. A
platform to promote digital art, and raise awareness.

1.4. STRUCTURE OF THE PROJECT

This report is structured as follows:

Chapter 2: Literature Review - Reviews existing literature on digital art

platforms and user interface (UI) design, providing a background for the
proposed methodology.

Chapter 3: Proposed Methodology - Describes the methodology adopted for

developing the digital art website, including the design and integration of
techniques used and user-friendly features.

Chapter 4: Implementation - Provides a detailed account of the

implementation process, including code snippets, and setup instructions for
digital art website.
Chapter 5: Results and Future Works - Presents the results obtained from
testing the application, discussing its performance, security, and user
experience and output.
Appendices - Includes the complete source code and screenshots of the
application, as well as additional technical details.
References - Lists all the references cited throughout the report.
 CHAPTER 2
LITERATURE REVIEW

2.1. INTRODUCTION

This chapter reviews existing literature on digital art platforms, digital rights
management (DRM) techniques, and user interface (UI) design. The study provides
a comprehensive understanding of the current state of the art and lays the
foundation for the proposed approach.

2.2 DIGITAL ART PLATFORMS

Digital art platforms have become an integral part of the modern art world, enabling
the creation, sharing, and selling of digital artworks. Research on the development
and evolution of these platforms shows a shift from simple online galleries to
sophisticated platforms supporting various forms of digital art, incorporating DRM
and cross-platform compatibility.

2.2.1 Historical Development

The evolution of digital art platforms can be traced back to early online
galleries and art-sharing communities. This progression has laid the foundation for
modern platforms such as Be hance, DeviantArt, and ArtStation , which offer
advanced features and enhanced security for artists.

2.2.2 Features and Functions

Modern digital art platforms offer a variety of features such as high-

resolution image display, interactive galleries, online marketplaces, and social
media integration. The study highlights the importance of user-friendly interfaces,
seamless integration across devices, and robust security measures to ensure user
satisfaction and confidence in the protection of their artworks.
 CHAPTER 3

PROPOSED METHODOLOGY

3.1. INTRODUCTION

This chapter describes the process of developing a digital art website that focuses on
providing a seamless user experience and effective display of digital art. The
process includes system design, artwork management, and the overall testing
process.

3.2. SYSTEM DESIGN

The system design outlines the interactions between the various components of the
digital art website, including the user interface and server.

3.2.1 Architecture Overview

The digital art website uses a client-server architecture, where users interact
with the website through their browsers, and the server handles user data and
manages art data.

 Client Side: The client side involves the user interface, enabling users to
create, browse and upload digital artworks.
 Server Side: The server handles user data, manages artwork data, and ensures
the proper display of artworks on the website.

3.2.2 Data Flow

The data flow in the system can be described as follows:

i. Storage: The uploaded artwork is stored on the server.

ii. Data Storage: The server stores users login credentials.
iii. User Viewing: User views the artwork on the website.
 CHAPTER 4

IMPLEMENTATION

4.1 USER AUTHENTICATION

Registration: Users can sign up with a username, email, and a strong
password. Passwords are hashed for secure storage.

Login: Implement secure login with email and password along with logout
button.

4.2. ARTWORK MANAGEMENT

Create Artwork: Artists can upload their digital artwork in various formats (e.g.,
JPEG, PNG).

o Artists can manage their own artwork.

o Administrators can manage all artwork and user accounts.

4.3. USER PROFILE

Dashboard: Users can view their account details.

User Profile Display: On the user profile page, the user's name and email
address is displayed.

4.4. SEARCH AND FILTERS

Filters: Provides filter options for users to refine their search results by
category.

Tutorials: A dedicated page with tutorials and resources to guide users on

creating and uploading digital artwork.
 CHAPTER 5

CONCLUSION AND FUTURE ENHANCEMENT

5.1. CONCLUSION

A digital art website that features image filters, a canvas board for drawing, image
saving capabilities, and a user login system has been successfully implemented and
tested. The main objective of this project was to develop an intuitive and robust
platform for digital artists to create, edit, and store their artwork. Key achievements
of the project include:

 Successful Implementation of Image Filters: The project successfully

demonstrated the application of various filters to uploaded images, providing
users with tools to enhance and modify their artwork creatively.
 Interactive Canvas Board: The website included an interactive canvas board,
allowing users to draw and create digital art directly on the platform.
 Image Saving Capability: Users were able to save their artworks securely,
ensuring their creations were stored and retrievable.
 User Authentication System: A comprehensive login and logout system was
implemented, enabling secure user access and personalized profiles.
 Database Integration: User data, including login credentials and saved
artworks, was stored using PHP, MySQL, and XAMPP, ensuring data
persistence and reliability.

Despite its simplicity, the digital art website achieved its objectives and provided a
foundation for understanding basic digital art tools and user data management. The
project implementation emphasized the importance of user-friendly interfaces and
secure data storage.
5.2. FUTURE WORK

Major project objectives have been achieved, but there are many areas for future
growth and development. These enhancements can address the limitations identified
during testing and extend the website's functionality to meet modern digital art
standards.

5.2.1 Advanced Image Editing Tools

Future work could integrate more sophisticated image editing tools to enhance
the user experience, such as:

 Layer Management: Allowing users to work with multiple layers for more
complex art creation.
 Advanced Brush Settings: Providing more options for brush styles, sizes,
and effects.

5.2.2 Enhanced User Profiles

Improving user profile features to include:

 Art Galleries: Allowing users to create and manage their own galleries of
saved artwork.
 Social Features: Enabling users to follow other artists, comment on artworks,
and share their creations.

5.2.3 Security and Data Management

Implementing more robust security measures and data management features,
such as:

 Data Encryption: Encrypting user data to ensure privacy and security.

 Backup and Recovery: Implementing automatic data backup and recovery
options to prevent data loss.
 5.2.4 Additional Features
Adding new features to make the website more versatile and attractive, like:

 Collaboration Tools: Allowing multiple users to work on the same artwork

simultaneously.
 Export Options: Providing various formats for exporting artworks, such as
PNG, JPEG, and SVG.
 Mobile Compatibility: Ensuring the website is fully functional and user-
friendly on mobile devices.

5.3. SUMMARY
By incorporating features such as image filters, a canvas board for drawing, image
saving capabilities, and a user login system, the digital art website achieved its
functional and user-centric goals. It provided a practical platform for digital artists
to create, edit, and securely store their artwork. Future improvements could focus on
enhancing image editing tools, refining user profiles, strengthening security, and
expanding features. These enhancements will make the website more robust,
versatile, and suitable for a broader audience, while continuing to serve as a
valuable tool for digital art creation and management.
 APPENDICES
APPENDIX-1 SAMPLE SOURCE CODE

LANDING PAGE HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible"
content="IE=edge">
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<title>DreamArts</title>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?
family=Poppins:wght@700&amp;family=Roboto:wght@40
0;700&amp;family=Saira+Stencil+One&amp;display=swap
" rel="stylesheet">
</head>
<body id="top" class="dark_theme">
<header class="header" data-header="">
<div class="container">
<h1 class="h1 logo">
<a href="#">DreamArts></a>
 </h1>
<div class="navbar-actions">
<select name="language" id="lang">
<option value="en">En</option>
</select>
<button class="theme-btn" aria-label="Change
Theme" title="Change Theme" data-theme-btn="">
<span class="icon"></span>
</button>
</div>
<button class="nav-toggle-btn" aria-label="Toggle
Menu" title="Toggle Menu" data-nav-toggle-btn="">
<span class="one"></span>
<span class="two"></span>
<span class="three"></span>
</button>
<nav class="navbar" data-navbar="">
<ul class="navbar-list">
<li>
<a href="#home" class="navbar-
link">Home.</a>
</li>
<li>
<a href="#about" class="navbar-
link">About.</a>
 <source srcset="herobannermd.png" media="(min-
width: 500px)">
<p>
Hi! We are a group of enthusiastic first-year college
students embarking on our journey in the world of
technology.
</p>
<a href="http://localhost/Year-1%20INT
%20PRACTICE/drawing_board.html" class="project-
card">
<figure class="card-banner">
<img src="project2.png" class="w-100" alt="On
a Blue background, a Wacom and a mouse.">
</figure>
</li>
</ul>
</section>
</article>
</main>
</p>
<p class="copyright">
<script src="script.js"></script>
</body>
</html>
LOGIN PHP
<?php
session_start();
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "artsy";
$conn = new mysqli($servername, $username,
$password, $dbname);
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error)
}
$username = filter_var($_POST['username'],
FILTER_SANITIZE_STRING);
$password = $_POST['password'];
if (!$username || !$password) {
echo "Invalid input data.";
exit;
}
$sql = "SELECT * FROM users WHERE username = ?";
$stmt = $conn->prepare($sql);
if ($stmt === false) { $stmt->close();} ?>
REGISTER PHP
<?php
session_start();
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "artsy";
$stmt->bind_param("ssss", $email, $reg_username,
$user_password, $token);
if ($stmt->execute()) {
$_SESSION['email'] = $email;
$_SESSION['username'] = $reg_username;
echo "New record created successfully. Please verify
your email. Thank you!";
header("Location: http://localhost/Year-1%20INT
%20PRACTICE/index.html");
exit();
} else {
echo "Error: " . $stmt->error;
}
$stmt->close();
} else {$conn->close();}?>
 APPENDIX-2:SAMPLE SCREENSHOTS

HOME PAGE
CANVAS PAGE

LOGIN PAGE
FILTER PAGE

TUTORIAL PAGE
 REFERENCES

Journal References:

1. Jon Duckett (2024),“HTML & CSS: Design and Build Websites ”.

2. Michael Brown (2024), “JavaScript and the Web: Interactive Front-
End Development”.
3. Jon Duckett(2024),“PHP & MySQL: Server-side Web
Development”.

Web References:

1. Web Building- https://www.w3schools.com/w3css/w3css_web.asp

2. How To Make a Slide Down Bar On
Scroll-https://www.w3schools.com/howto/howto_js_navbar_slide.asp
3. How To Make Login
Form-https://www.w3schools.com/howto/howto_css_login_form.asp
4. How To Make Register
Form-https://www.w3schools.com/howto/howto_css_register_form.asp
5. Upload Your html online-https://www.youtube.com/watch?
v=YrUnrkG-iK0
6. How To Verify Email With MySQL and
PHP-https://www.youtube.com/watch?v=QQUNOcy_i6A
7. Register And Login Form Connection With Database Using XAMPP-
https://www.youtube.com/watch?v=ViY4cweNs54
 WORKLOG

Day Date Task Done

Day 1 03/06/2024 Conceptualization and planning of website structure and
content
Day 2 04/06/2024 Designing the homepage layout and structure
Day 3 05/06/2024 Creating the 'About Us' and 'Why Join Us' sections with
content and images
Day 4 06/06/2024 Developing the login page
Day 5 07/06/2024 Building the gallery setup for showcasing digital art
Day 6 10/06/2024 Setting up user profile customization options
Day 7 11/06/2024 Designing the navigation bar and linking sections
Day 8 12/06/2024 Developing the homepage and linking it with login and
gallery
Day 9 13/06/2024 Optimizing website performance
Day 10 18/06/2024 Implementing search functionality for artworks in tutorial
Day 11 19/06/2024 Adding filtering options for gallery
Day 12 20/06/2024 Testing and debugging gallery features
Day 13 21/06/2024 Enhancing security features
Day 14 24/06/2024 Creating and integrating the PHP database for storing
user data
Day 15 25/06/2024 Creating authentication for Email using PHP and
MySQL
Day 16 26/06/2024 Creating buttons for logout and setting icons for user
profile
Day 17 27/06/2024 Linking every page together
Day 18 29/06/2024 Final review and testing
Day 19 30/06/2024 Uploading tasks and submission.