129-The Portrait Maker (Vikas Yadav)

BUNTS SANGHA’S
S.M. SHETTY COLLEGE OF SCIENCE, COMMERCE &

MANAGEMENT STUDIES, POWAI-400076
Project Implementation
Project Title: THE PORTRAIT MAKER
CLASS: T.Y.B.Sc.I.T (2020-21)
SEMESTER: VI
SUBMITTED BY: VIKAS OMPRAKASH YADAV
ROLL NUMBER: 129 SEAT NUMBER: _______
SUBMITTED TO
DEPARTMENT OF INFORMATION TECHNOLOGY
Vinay Shahapurkar Dr. Tushar Sambare

__________________ ______________ ___________________
Subject in charge Internal Guide Coordinator
For Partial Fulfillment for Degree of
Bachelor of Science (Information Technology) 2020- 2021
“THE PORTRAIT MAKER”
PREFACE
It gives me enormous pleasure to present this report of project documentation / black book and
the website I developed as a project of my last year. The idea came to me when I realized that
call log data was saved only for three to four days.
Then, I started looking for ideas and after having skipped several ideas during the Semester 5
and finished partially or almost on other topics, I thought to continue with this.
And after much research, once we got the basic configuration, we discovered other utilities
essentially needed to implement my website.
Once, I completed the processing of my modules, I started the research and added additional
structures and functionality to make this application healthy and harmonious.
So, in conclusion, I tried to form a dedicated web application and this black book is maintained
for the same purpose.
Therefore, I hope you adore analysis the book and that user appreciate the use of this website
and appreciate it because it will be satisfactory for our efforts.
Page | 1
ACKNOWLEDGEMENT
I would like to use this Chance to convey my Gratitude to the people who were a part of this
project in numerous ways, people who gave their unending support right from the stage the
project idea was conceived.
The four things that go on to make a successful endeavor are dedication, hard work, patience
and correct guidance.
I would like to thanks our principal DR. SRIDHARAN SHETTY sir who has always been the
source of inspiration.
A special thanks to our project guide and also our Co-Ordinator Dr. TUSHAR SAMBARE sir
for his most sincere efforts, support, guide and encouraging contribution throughout the project.
I would like to thanks to Ms. RAVEENA SHETTY mam and SHEETAL KHANORE mam
who was very much kind enough to give us an idea and helping us out in Project
Documentation.
I’m thankful to all teaching staff (BSc.IT) who shared their experience and gave their
suggestion for developing the project in better way. Last but not the least I would like to thank
my friends and family members for their support, motivation and encouragement.
Page | 2
Declaration of project
I hereby declare that the project in titled “THE PORTRAIT MAKER”

has not been in any case duplicate to submit to any university for awarding
of any degree to best of my knowledge other than me no one has submitted
to any other universities.
The project (Theportraitmaker) is done in complete accomplishment of the
requirement for the award of degree of BACHELOR OF SCIENCE
(INFORAMATION TECHNOLOGY) to be submitted as final semester
project as a part of curriculum.
Page | 3
INDEX
Chapter 1 INTRODUCTION Page
Background 6
Objectives 7
Purpose, Scope and Applicability 7
Achievements 8
Organization of Report 8
Chapter 2 SYSTEM ANALYSIS
Existing System 9
Proposed System 9
Hardware Requirements 10
Software Requirements 10
Justification of Platform 11
Chapter 3 REQUIREMENT AND ANALYSIS
Problem Definition 14
Requirement Specification 15
Planning and scheduling 15
Software and Hardware Requirements 17
Chapter 4 SYSTEM DESIGN
Module Design 18
Data Dictionary 18
Conceptual Models 20
User Interface Design 27
Security Issues 32
Test Case Design 32
Page | 4
Chapter 5 IMPLEMENTATION AND TESTING
Implementation Approaches 33
Coding details and coding efficiency 34
Testing Approach 42
Modifications and Improvements 47
Chapter 6 RESULTS AND DISCUSSION
Test Reports 48
User Documentation 50
Chapter 7 CONCLUSIONS
Conclusion 51
Limitations of the System 52
Future Scope of the Project 52
REFERENCES 53
Page | 5
CHAPTER: 1
INTRODUCTION
Work of art (outlining, painting, and concealing) is an assorted scope of human exercises
including the formation of visual, hear-able or performing fine art, which express the craftsmen
creative mind applied thoughts, or specialized ability, expected to be acknowledged basically
for their excellence or enthusiastic force on papers or any structures. It is one of the old types
of human articulation. It is commonly worried about the checking of lines, spots, freehand and
zones of tone (conceals) onto paper/other material, where the exact portrayal of the visual world
is communicated upon a plane surface.
It is believed that art was used as a specialized form of communication before the invention of
the written language. Earlier days (king rule) when camera/photography was not there at that
time kings and their family member use to call artists to make their painting and place them in
their palace for beautifying their palace. At that time people use to present someone with piece
of art and amazed their special ones. But now a day’s we use readymade products to presents
(gifts) for someone on their special occasion such as birthday, wedding, wedding anniversary,
childbirth and many more.
In this modern era, where technology is on its peak, we simply use internet and goggle it like
birthday gift, wedding gift and we come up with idea like clothes, watches and so on. But now
a day’s people started liking more on arts like sketching/painting of their best moments in life,
so we should try something unique and present them with their beautiful sketch, painting and
make him or her go wow on their special occasion.
❖ BACKGROUND
Presently, there are various apps and websites available that provide us various daily life things
that we can gift someone. Namely flip kart, Amazon and snap deals are basically three more
successive in the business to buy or gift readymade product. Such tools are very much handy
and user friendly. Apparently, it is also unique thing as some set of people want to be updated
Page | 6
with the world. But somewhere they lack their scalability when it comes to uniqueness,
creativity. Each handmade purchase is an original idea crafted by a skilled portrait maker.
These items(sketching/paintings) are not easily replicated. Even with art of the same style,
levels of variation will occur in color, texture, shade and shape. This brings the charm of
handmade and allows each one-of-a-kind creation to be a true work of art.
❖ Objectives
The main objective of “the portrait maker" web application is to bind artist from various state
and sell their creativity to one place. Making them “atmanirbhar”.
Some of the main objectives of this web application are as follows:
• Provides the facility of maintaining the details of the customer and artist.
• Publicize the existence of the business globally.
• Supporting local artist and making them “atmanirbhar”.
• Provide convenient and user-friendly interface.
• Present a unique and creative way of happiness to customer as per their
needs and requirements.
❖ Purpose, Scope and Applicability
PURPOSE
The proposed system is to make an online web portal for the creative artist and customers.
Customers can book their orders, enquiry if they have any doubts, visit our social media page
and can also see live streaming on social media. Admin will keep the records of every artist
and customer easily in one database. This web application will Save time and help both
customers as well as artists.
Make the task simple for the admin to get all the details of every customer at once (in one
database). As we all know the importance of online world in our life, and to get the attention
of the online users, it’s good to have a website and beside that it also helps the artist to
display what, how and when they serve.
SCOPE
Page | 7
“The portrait maker” is a web application which can be accessed through any web browser. It
will have easy and user-friendly Interface. Thus, “The portrait maker” is a scalable and user-
friendly web application.
Administrator is the person who will manage the entire Website.
This web application will provide the online booking system of arts (sketching/painting).
Web application will Save the time of customers well as administrator and keep the record at
one place. So, this project helps them to go online and help the artist to grow their business.
APPLICABLITY
There will be two interfaces which will include Admin and Customer. The whole project will
be handled by one and only the administrator. Handling of the project includes maintaining the
Customer details, their contact details, order details and artist details and verifies him/her and
their artwork and let them be a member of the portrait maker family.
The customer can view the sample artwork and prices provided in order section and they can
order as per their requirement they can give any suggestion if needed. If anyone want to join
as an artist, they can apply for it.
❖ Achievements
The portrait maker has helped to ease the hassle of keeping a track of the order detail of the
handmade art and lets the owner be able to view and manage proper details. The customer login
collects the information and display on the admin part.
This project has helped in understanding the various requirement of the owner and makes their
work easy and more accurate results. The admin will be able to view the data that the website
collects from the customer and complete the order work on time. This also helps in keeping the
healthy relationship with the old as well as new customer.
❖ Organization of Report
In the further chapters you can see
1. Survey of Technologies: This chapter will give a detailed description of the technologies
that are available for the project and the ones that are being used for the current project.
2. Requirements and Analysis: In this chapter we’ll be taking the requirements from the user
and make strategies to implement in the project.
Page | 8
CHAPTER: 2
SURVEY OF TECHNOLOGY
❖ EXISTING SYSTEM
The recent system artist uses various social media platform such as Facebook, Instagram, and
WhatsApp Messenger to take orders and interact with the customers. As it is not a proper place
where every data is stored on a single place thus loosing most of the customers. As they are not
satisfied due to improper delivery, misconception of the customer needs. Thus, making things
uncomfortable to the artist and the customers. As most of the order artist forget,
Following are some problem in existing systems: -
• Security: Security of data is very critical issue which has to consider in the current
record system there is no data security.
• Time Consideration: While maintaining records manually is time consuming. We have
to wait in Queue for Items.
• Need for System: The existing system is very slow, confusing and required more time
to understand and manage every record.
❖ Proposed System
Most of the times, it happens that we think for hours and days about what we should give (gifts)
to special once on their best moments which should make them feel wow. so, for them this
website will be very useful where everyone can order a beautiful handmade art for their loved
once rather than gifting them their daily life things.
"The portrait maker" is a web application which runs on every browser whether it would be
Google chrome or internet explorer this web application includes maintaining the Customer
details, their contact details, order details and artist details and verifies artist and their artwork
and let them be a member of the portrait maker family.
The customer can view the sample artwork and prices provided in order section and they can
order as per their requirement they can give any suggestion if needed. If anyone want to join
as an artist, they can apply for it.
Page | 9
❖ Requirement Analysis
We live in an era of technology where people are connected with each other, despite of
thousands of miles of distance between them. And in this era only, we are getting disconnected
from the people of our society. We are losing our creative and talented artist.
We should support our local artist. This website will help them a lot to grow their business
globally.
❖ Hardware Requirements
Operating System: - windows XP or higher version

Processor: -Intel(R) Core.
Installed Memory (RAM): - Minimum 2GB
System Type: - 32-bit Operating System
Disk space: - 80GB minimum
❖ Software Requirements
Web Designing: Html, CSS, JavaScript.

Front End: Html, CSS, JavaScript.
Back End: Php, MySQL.
❖ Justification of Platform
The technologies which can be used in this project after the process of survey of technologies
are:
➢ HTML
➢ CSS
➢ JAVASCRIPT
➢ PHP
➢ MYSQL
The above following software’s can be used to make the portrait maker web application.
This technology is used to create simple web pages through which they interact with the
users.
Page | 10
HTML (Hypertext Markup Language)

Hypertext Markup Language is the ordinary markup vernacular for making site sheets
We get HTML records from a web server or from adjacent size and renders the stores into
Blended media pages
• HTML is the standard mark-up lingo for making Web pages.

• HTML halts for Hyper Text Mark-up Language
• HTML expresses to the building of Web pages exploiting mark up.
• HTML segments are the building places of HTML pages
• HTML segments are addressed by names
• HTML marks name bits of substance, for instance, "heading", "section", "table", and
so forth
• Browsers don't demonstrate the HTML marks, anyway, utilize them to render the
substance of the page.
CSS (Cascading Style Sheets)
CSS is a manhandled to delineate style for your site page, including the game-plan, structure
and accumulation is show for different device and screen sizes.
CSS is wanted to empower fragment of introduction and substances and further more setup,
tints and substance styles. This partition can enhance content openness, give more conspicuous
adaptability and control in the affirmation of introduction qualities, and empower different
pages to share dealing with by exhibiting the significant CSS in other .CSS chronicle and
decrease multifaceted nature and accentuation in the basic substance.
The issues or the part which was absent in the HTML was implemented in CSS.
• HTML was never foreseen to contain marks of arranging a site page.
• HTML was made to address the substance of a site page
JavaScript
JAVASCRIPT frequently consolidated as JS, is an unusual state, deciphered programming
lingo. It is a speech which is similarly depicted as one of a kind, sadly created, demonstrate
based and multi-perspective. JavaScript engages shrewd site pages and along these lines is a
Page | 11
major bit of web applications. Most by a long shot of destinations use it, and all huge web
programs have a submitted JavaScript engine to execute it. As a multi-perspective tongue.
JavaScript reinforces event driven, helpful, and essential (tallying object-organized and display
based programming styles. It has an API for working with substance. displays, dates, ordinary
enunciations, and fundamental control of the DOM, anyway the vernacular itself excludes any
I/O, for instance, frameworks organization, amassing, or representations workplaces,
depending for these upon the host condition in which it is embedded. At first just realized client
side in web programs, JavaScript engines are by and by introduced in various types of host
programming, consolidating server-side in web servers and files, and in non-web activities, for
example, word processers and programming, and in runtime locations that make JavaScript
obtainable for creating dense and work region claims, including work region devices.
PHP
PHP Hypertext Pre-processor is a server-side scripting language proposed for Web progress,
yet also utilized as a generally significant programming language. PHP is a generally utilized,
open-source scripting vernacular. PHP substance is executed on the server. PHP is allowed to
download and utilize. PHP reports can cover content, html, CSS, JavaScript, and php code.
PHP codes are performed on the server, and the outcome is come back to the program as plain
HTML. PHP records have extension ".php".
PHP can make dynamic page content. PHP can make, open, read, structure, kill, and close
records on the server. PHP can gather shape information. PHP can send and get treats. PHP
can join, annihilate, and adjust information in your database, PHP can be utilized to control
client get to .PHP can encode information
Inclinations:
• Easy to set up under Apache.
• Own easy to start server for testing.
• Simple sentence structure many structures available.
MYSQL
MYSQL is a language to work databases; it sets database creation, scratch-off, bringing
fragments, creating lines, etc. MYSQL is an ANSI (American National Standards Institute)
standard language regardless there are a wide degree of assortments of the SQL language.
Page | 12
What is MYSQL?
MYSOL is Structured Query Language, which is a coding tongues for managing, controlling
and recuperating instructive gathering endlessly in a social database.
Also, they are utilizing various tongues, for example, -
• MS SQL Server utilizing T-SQL,
• Oracle utilizing PL/SQL,
• MS Access variety of SQL is called JET SQL (neighbourhood strategy, and so forth.)
Why MYSQL?
MYSQL is all things considered standard since it offers the going with central focuses -
• Allows clients to get to information in the social database the heads structures.
• Allows clients to delineate the information.
• Allows clients to depict the information in a database and control that
information.
• Allows implanting inside different dialects utilizing SQL modules, libraries and
pre-compilers.
• Allows clients to make and drop databases and tables.
• Allows clients to make see, set away strategy, works in a database.
• Allows clients to set endorsements on tables, methods and perspectives.
Page | 13
CHAPTER: 3
REQUIREMENT AND ANALYSIS
❖ Problem Definition
This is mandatory to constantly upgrade the business for making profits and growing it
globally. This website contains information of the customers and their orders and even artists
and their artwork activities.
The following problem will be reduced by creating this website:
Instructive establishments are disappointed by bulky manual procedures, and the artist think
that it’s hard to keep registers of customer’s details, their order works, address details for
delivery, and so on, and track the data artist needed at the time of making.
Existing system
Existing system didn’t have any platform so artist uses social media such as Instagram,
WhatsApp and Facebook to extend their business and interact with the new customer.
Following are some problem in existing systems: -
➢ Security: Security of data is very critical issue which has to consider in the current
record system there is no data security.
➢ Time Consideration: While maintaining records manually is time consuming. We have
to wait in Queue for Items.
➢ Need for System: The existing system is very slow and required more time to search
and maintain each and every record.
Proposed System
So, I decided to make a dynamic website. It will help you in booking order and many other
advance features will also be provided. These features will help both customer as well as the
Artist.
Advantages:
• Speed and accuracy there are no redundancy of data.
• It will be easily handling.
• The proposed method maintenance of schedule and it is very easy to operate.
Page | 14
• Reduce the time spend on the paper work for storing record.
❖ Requirement Specification
Users can register themselves in the system by only means of valid E-mail or Phone number.
That can be used to permit the login and for the generation of username and password. To use
the application, connectivity to the good internet connection is necessary
Functional and Non-Functional Requirements:
• Security: Since the information is Stored on the computer which can be accessed by the
authorized users only the data in it hence it will be secured.
• Accurate: Since all the documents like attendance report are computerized it is more accurate
& reliable.
• Time Saving: Due to automation and better transaction with database management system,
retrieval of data is very quick so time consumed is less.
• Performance: The storage and retrieval of data from the database management system is quick
so the performance is also very good.
Functional Requirements:
• Login of admin.
• Add new artist.
• Manage the Order details.
• Manage the Contact details.
• Manage the Artist details.
• Login of the Customer.
• Customer placing online order.
• Customer contacting with the artist.
❖ Planning and Scheduling
Planning and Scheduling are two of the most important aspects of project planning. Proper
planning can help your project to succeed. If the project is not schedule proper it may cost the
organization. If the project is now scheduled properly the price of the project may improve.
Page | 15
Gantt chart
Gantt chart is one of the most commonly used tools for analyzing and planning complex
projects. Gantt charts help to prepare a proper path or schedule for each activity to be done in
the creation of the project. It helps to know at the end of each activity whether they are running
on time or not. One of its main objectives is to access about how much time will be needed to
complete each activity as well as how much time the creation of the project is going to take. It
also speaks about what all activities are needed to be performed. It helps the organization to
know where they will need to allocate their resources. It gives a basis for scheduling each
activity.
Following table shows the activities and the period in which they are supposed to be performed
on:
Estimates time
Task Start date End Date (Days) Actual time
Project Topic
Selection 15-08-2020 25-08-2020 10 8
Requirement
Gathering 26-08-2020 10-09-2020 15 12
Requirement
Analysis 11-09-2020 01-10-2020 20 20
UML Diagrams 02-10-2020 19-10-2020 17 18
Planning and
Designing 20-10-2020 06-11-2020 17 20
Coding 07-11-2020 07-01-2021 61 61
Unit testing 08-01-2021 19-01-2021 11 11
Implementation 20-01-2021 29-01-2021 9 9
System testing 30-01-2021 06-02-2021 7 7
Page | 16
System testing
Implementation
Unit testing
Coding
Planning and Designing Actual time

Estimates time (Days)
UML Diagrams
Requirement Analysis
Requirement Gathering
Project Topic Selection
0 10 20 30 40 50 60 70
❖ Hardware requirements for developing the project
• Minimum 2 GB Ram
• Minimum 80 GB Hard disk
• Monitor
• Keyboard
• Mouse
• Processor: Intel core i3-6100
❖ Software Requirements for developing the project
• Front-end: HTML, CSS, JavaScript, and PHP

• Back-end: MySQL
• Operating System: Microsoft Windows 10
Page | 17
CHAPTER: 4
SYSTEM DESIGN
❖ Module Design
This project has the following modules, to manage all the requirements of the ARTIST
1. Admin Login
• Order details
• Artist details
• Contact details
2. Customer Login
• Place Orders
• Contact us
• Join as artist
❖ Data Dictionary
Admin Login:
Field Description Type Constraints
Username Name Varchar (25) Not null
Password Password Varchar (25) Not null
Customer Login:
Username Name Varchar (25) Not null
Password Password Varchar (25) Not null
Page | 18
Place Orders:
Name Full name of user Varchar (25) Not null
Email Email Varchar (50) Not null
Phone Number Correct Phone No. BigInt (10) Not null
Address Personal Address Varchar (100) Not null
Drop image Drop your image for creating it into BLOB Not null
handmade art
Type Select in which form you need your Varchar (50) Not null
art
Instruction Any suggestion that artist should Varchar (900) Null
add into handmade art need to
Contact us:
Your quarries Any quarries need to ask Varchar (900) Null
Join as artist:

Phone Number Correct Phone No. BigInt (10) Not null
Phone Number Alternative Phone Number BigInt (10) Not null
Address Personal Address Varchar (100) Not null
Drop image Drop your artwork image BLOB Not null
Skilled Select in which form you are Varchar (50) Not null
specialist
Type Any unique idea that you know Varchar (900) Null
Page | 19
❖ Conceptual Models
1. Data Flow Diagram
Data flow diagrams also known as DFD; Data flow diagrams are used to graphically represent
the flow of data in a business information system.
DFD level 0: -
Page | 20
DFD level-1 CUSTOMER:-
Here in this above diagram, customer will do registration and the login. If he/she does proper
login then he/she can visit the website. Customer will place order after proper login and order
details will be stored in the database. Even they can contact us, join as an artist if he or she is a
skilled artist and their data will be stored in a database.
Page | 21
2. Activity Diagram
Activity layout is another huge outline in UML to portray the dynamic pieces of the system.
Activity diagram is basically a flowchart to address the stream beginning with one development
then onto the following activity. The activity can be depicted as an action of the system. The
control stream is pulled in beginning with one movement then onto the following. This stream
can be progressive, extended, or concurrent. Development diagrams deal with all sort of stream
control by using different segments for instance, fork, and join, etc.
Page | 22
Activity diagram of “THE PORTRAIT MAKER”
Page | 23
2. Use Case Diagram

A Use Case Diagram at its easiest is a portrays connection with the framework that shows the
connection between the client and the diverse use cases in which the client is included. A Use
Case Diagram can recognize the various sorts of clients of a framework and the diverse use
cases and will regularly be joined by different kinds of charts.
Use Case diagram of “THE PORTRAIT MAKER”
Page | 24
4. Sequence Diagram
A sequence diagram shows the object interactions between them which is arranged in
timely manner. It portrays the articles and classes associated with the situation and the
arrangement of messages exchanged between the items expected to do the usefulness of the
situation. Arrangement charts are normally connected with use case acknowledge in the
Logical Views of the frameworks being worked on.
Sequence diagram consists of Actor, object, lifeline and messages.
Sequence Diagram of “THE PORTRAIT MAKER”
Page | 25
3. ER Diagram
An Entity Relationship (ER) Diagram is a sort of flowchart that represents how
"entities", for example, individuals, articles or ideas identify with one another inside a
framework. ER Diagrams are regularly used to plan or troubleshoot social information
bases in the fields of programming designing, business data frameworks, instruction
and examination. it is also known as ERDs or ER Models.
ER Diagram consist of entities, attribute and relationship.
Entity-Relationship Diagram of “THE PORTRAIT MAKER”
Page | 26
❖ User interface design
● Customer:
The customer interface is used for the user and it lets the user to login and use the
functionalities of the website and retrieve the information that they require and even they
can order the handmade art, can contact us for any quarries or suggestion if they have. Even
a person can apply for joining if he or she is a skilled artist.
1) Customer Login page:
2) Home Page:
Page | 27
3) Order page:
4) Contact page:
Page | 28
5) Join as Artist:
The artist interface (join as Artist) of the website is used by the artist to register themselves
for joining the team Theportraitmaker.
Page | 29
● Admin
The admin is the owner of the website and can make changes in the website regarding the
current format or make changes regarding the owners that have their accounts in the
website. The admin can also get the information about the owners and can manipulate the
information as well.
1) Admin Login:
2) Order Details:
Page | 30
3) Artist Details:
4) Contact Details:
Page | 31
❖ Security Issues
One of the significant concerns with regards to showing data about the site is that anyone will
have the option to see it. Hence, to determine this issue, there will be an username and Password
gave to the administrator and enlisted client so just they will have the option to get to the data
about site and request handcrafted workmanship according to their necessity.
In this way, it is imperative to ensure that the security is remembered while making the site for
guarding the information of the client from pariahs.
❖ Test Cases Design
Sr. Action Inputs Expected Actual Outcome Test

No.
Output Result
1 Launch Website. THE PORTRAIT Home page of The website Pass

MAKER the portrait displays the
maker website. Home Page.
2 Enter invalid Username Username: Pass

Incorrect Incorrect
& any password and hit
invalid
on login button. Username Username
Password: *****
/password /password
3 Enter valid Username & Username: valid Pass

Incorrect Incorrect
incorrect Password and
Password:
hit login button. Username Username
******
/password /password
4 Enter valid Username & Username: valid Login should be LOGIN Pass
correct Password and hit successfully SUCCESSFUL!!!
Password: *****
login button. done.
Page | 32
CHAPTER: 5
Implementation and Testing
❖ Implementation Approaches
A product software implementation method is a systematically structured approach to

effectively integrate a software-based service or component into the workflow of an
organizational structure or an individual end-user. Implementation simply means carrying out
the activities described in your work plan. Executing a project in It Tutorials sector is bit tedious
task, as it requires the coordination of a wide range of activities, the overseeing of a team, the
management of budget, the communication to the end user, among other issues. The following
lines will give you an introduction into the implementation of projects in IT Tutorials, and
highlights key aspects that have to be taken into account for a successful implementation
Apart from implementation methods serving as the set of rules to implement a specific product
or service, implementation frameworks serve as the project managed structure to define the
implementation phase in time, budget and quality. Several project management methods can
serve as a basis to perform the implementation method. Since this entry focuses on the
implementation of product software, the best project management methods suitable for
supporting the implementation phase are project management methods that focus on software
and information systems itself as well. The applicability of using a framework for
implementation methods is clarified by the examples of using Dynamic systems development
method (DSDM) and Price as project management method frameworks
The validations were put as and when required. The system was made thinking about all the
problems that it could face and thereby proper measures were taken to make sure that the
system does not get affected by them. All cases were found out which could make the website
crash and there by proper measures were taken to resolve the issues making the system more
reliable.
We have to take care of development as well as maintenance. The final version of System
would be delivered when it satisfies all requirements and required functionality.
Page | 33
❖ Coding details and coding efficiency
For this project we have used PHP and for the database connectivity we have used MySQL.
The codes shown below have all being made under the php language. As it the most feasible
way and most of the top companies like Facebook, google have opted to use the same
ecosystem.
There are various codes written for different pages which are interrelated with each other. By
doing some action on the index page it gets redirected to the respective page.
Coding is PHP is very simple as we don’t have to create a different file for writing the front
end and backend on different platforms, we can code it in the same page.
After writing the code we generally save it with .PHP format so as it becomes easy to recognize.
Due to this coding approach the user feels ease to navigate between different pages of website.
Some advantages of using PHP language are –
1. it is easy to learn
2. variable friendly
3. you don’t need to be a master you can easily learn and implement it
4. Good support for distributed system.
❖ Code Efficiency
The Code used to build this website is the combination of HTML, PHP, Bootstrap tag and
CSS which allow to create an effective design so that the user get a proper interface to use.
The Bootstrap tag helped in creating a light weight component which make the website look
more attractive. Also, the code has been optimized in such a way that it could input the data
into the database avoiding complexity. This could have got a SQL query (INSERT) which is
used to input the data into the database table. This could be also been defined in such a way
that it restricts user from creating account in using already registered username. No piece of
code has been separately written to make work this feature.
Page | 34
❖ Order.php:
<?php
include("auth_session.php");
require once 'admin/dbConfig.php';
$status = $statusMsg = '';
if(isset($_POST["submit"]))
{
$status = 'error';
if (! empty($_FILES["image”] ["name"])) {
$fileName = basename($_FILES["image”] ["name"]);
$fileType = pathinfo ($fileName, PATHINFO_EXTENSION);
$allowTypes = array('jpg','png','jpeg');
if (in array ($fileType, $allowTypes))
{
$name = filter input (INPUT_POST, 'name');
$email = filter input (INPUT_POST, 'email');
$phone = filter input (INPUT_POST, 'phone');
$address = filter input (INPUT_POST, 'address');
$image = $_FILES['image’] ['tmp_name'];
$imgContent = addslashes(file_get_contents($image));
$selector = filter input (INPUT_POST, 'selector');
$instruction= filter_input (INPUT_POST, 'instruction');
$insert = $db->query ("INSERT into images (name, email, phone, address, image,
selector, instruction, uploaded)
VALUES
('$name','$email','$phone','$address','$imgContent','$selector','$instruction', Now ())");
if($insert) {echo "<div class='form'> <h3> THANK YOU your order has been
recorded successfully</h3></div>";
$status = 'success';
}
Page | 35
Else {echo "<div class='form'> <h3>File upload failed, please try again.
</h3></div>";
}
}
Else {echo "<div class='form'> <h3>Sorry, only JPG, JPEG & PNGfiles are
allowed to upload. </h3></div>";
}
}
Else {echo "<div class='form'> <h3>Please select an image file to upload.
</h3></div>";
}
}
?>
<HTML lang="en-us">
<head>
<title>The Portrait Maker-ORDER</title>
<meta name="viewport" content="width=device-width initial-scale=1.0">
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="js/slick.js"></script>
<script type="text/javascript" src="js/pickmeup.min.js"></script>
<script type="text/javascript" src="js/handleCounter.js"></script>
<script type="text/javascript" src="js/jquery.scrollUp.js"></script>
<script type="text/javascript" src="js/demo.js"></script>
<link rel="stylesheet" type="text/css" href="css/pickmeup.css">
<link rel="stylesheet" type="text/css" href="css/slick.css">
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/icon?
Family=Material+Icons">
Page | 36
<link rel="stylesheet" type="text/css" href="menu.css">

</head>
<body>
<header class="header">
<img class="logo" src="images/logo1.png" alt="Sketch & Painting">
<input class="menu-btn" type="checkbox" id="menu-btn" />
<label class="menu-icon" for="menu-btn"><span class="nav-
icon"></span></label>
<ul class="menu">
<li ><a href="Home.php">Home</a></li>
<li ><a href="Order.php">Order portrait</a></li>
<li><a href="contact.php">Contact us</a></li>
<li><a href="join.php">Join as artist</a></li>
<li><a href="login.php">LOG-OUT</a></li>
</ul>
</header>
<section class="main">
<p>Hey, <?php echo $_SESSION ['username'];? >! Order portrait </p>
<p>Your Portrait Sketch/Painting will reach to your door step
within 5-7 Working Days. Delivery is free for all over India. </p>
</section>
<section class="booking">
<?php if (! empty($statusMsg)) {?>
<p class="status <?php echo $status;?>"><?php echo $statusMsg;?></p>
<?php}?>
<form action="" method="post" enctype="multipart/form-data">
<div class="form1">
<label for="name">Name:</label>
<input type="name" name="name" placeholder="full-Name” required />
<label for="e-mail">E-mail:</label>
<input type="email" name="email" placeholder="E-mail” required />
<label for="phone">phone:</label>
Page | 37
<input type="number" name="phone" placeholder="Phone number” required />

<label for="address">Address:</label>
<textarea type="address" name="address" placeholder="Address" rows="4" required
/></textarea>
<label>Select Image File:</label>
<input type="file" name="image">
<label for="select">Select:</label>
<select name="selector" id="selector” required />
<option>⬇ SELECT ⬇</option>
<option value="Normal Pencil Sketch">Normal Pencil Sketch</option>
<option value="Charcoal Pencil Sketch">Charcoal Pencil Sketch</option>
<option value="Water Color Painting">Water Color Painting</option>
<option value="Oil Color Painting">Oil Color Painting</option>
</select>
<label for="Instructions">Instructions:</label>
<textarea type="Instructions" name="instruction" placeholder="Special Instructions"
rows="4" ></textarea>
<p class="cancel">Your Masterpiece Portrait Sketch/Painting will reach to your door
step
within 5-7 Working Days, Cancelation of order will cost 40-rupee per order
and only possible within 24hour from the time of order.
</p>
<input type="submit" name="submit" value="proceed">
</div>
</form>
<div class="vertical-line">
</div>
<div class="form2">
<video width="65%" height="240" controls>this area contains sample video about how
we draw. Your browser does not support the < video;
<source src="images/WhatsApp order 14-06-2019.mp4"/>
</video><br><br>
Page | 38
<section class="expsection">
<div class="exp1">
<p> Normal Pencil Sketch</p>
<img src="images/normal pencil sketch.jpeg">
</div>
</section>
<div class="exp1">
<p>charcoal Pencil Sketch</p>
<img src="images/charcoal pencil sketch2.jpg" >
</div>
</section>
<div class="exp1">
<p>Water Color Painting</p>
<img src="images/water color painting.jpg">
</div>
</section>
<div class="exp1">
<p>Oil Color Painting</p>
<img src="images/oil painting.jpg" >
</div>
</section>
<img class="sliderimage" src="images/price.jpg">
<label>payment</label>
</div>
</section>
<footer class="footer-distributed">
<div class="footer-left">
<h3>the<span>portrait</span>maker</h3>
Page | 39
<p class="footer-links">
·
<a href="Home.php">Home</a>
·
<a href="Order.php">Order portrait</a>
·
<a href="contact.php">Contact us</a>
·
<a href="join.php">join as artist</a>
</p>
</div>
<div class="footer-center">
<p><span>CONTACT</span></p>
<div>
<i class="material-icons">phone</i>
<p>+91 96********</p>
</div>
<div>
<i class="material-icons">email</i>
<p><a
href="mailto:theportraitmaker@gmail.com">theportraitmaker@gmail.com</a></p>
</div>
</div>
<div class="footer-right">
<p class="footer-about">
<span>About Us</span>
To know more About Us visit our social media page.
</p>
<div class="footer-social-media">
<a class="insta"
href="https://www.instagram.com/_theportraitmaker_/">instagram</a>
</div>
Page | 40
</div>
</footer>
</body>
</html>
GUI:
OUTPUT:
Page | 41
❖ Testing Approach
Software testing is a process which is used to measure the quality of software developed.
It is also a process of uncovering errors in a program and makes it a feasible task. It is
useful process of executing program with the intent of finding bugs.
In order to prove that a piece of software works, the software must be tested to determine
if the requirements of the application are met. There are several different types of tests used
throughout the development process. The two main types of testing are white box and black
box testing.
There are two basic approaches to testing: black-box and white-box. In black-box testing
the structure of the program is not considered. Test cases are decided solely on the basis of
the requirements or specifications of the program or module, and the internals of the module
or the program are not considered for selection of test cases. White-box testing, on the other
hand is concerned with testing the implementation of the program. The intent is not to
exercise all the different input or output conditions (although that may be a by-product) but
to exercise the different programming structures and data structures used in the program.
‘White box testing approach not required to test this system.’
Because, this system restricts user to enter wrong values, if user tries to enter a wrong value,
system won’t allow entering that value.
Therefore, white box testing is not necessary.
‘Black box testing approach is used to test this system.’
BLACK-BOX TESTING:
In this testing, the structure of the program is not considered. Test cases are decided
solely on the basis of the requirements of specifications of the program or module, and
the intervals of the module or program are not considered for the selection of test cases.
In black box testing, the tester only knows the inputs that can be given to the system and
what output the system should give. In other words, the basis for declining test cases in
functional testing is the requirements or specifications of the system or module. This form
of testing is also called functional or behavioral testing.
There are various levels of testing which are as follows:
Page | 42
a) Unit testing: Unit testing is essentially for the verification of the code produced
during the code phase.
b) System testing: The entire software is tested.
c) Acceptance testing: The external behavior of the system is focused.
• Unit Testing:
The first test in the development process is the unit test. The source code is normally
divided into modules, which in turn are divided into smaller units called units. These units
have specific behavior. The test done on these units of code is called unit test. Unit test
depends upon the language on which the project is developed. Unit tests ensure that each
unique path of the project performs accurately to the documented specifications and
contains clearly defined inputs and expected results.
➢ Test Case for Admin Login:
Action Inputs Expected Actual Outcome Test
Output Result
Enter invalid Username & any Username: Pass

Incorrect Incorrect
password and hit on login
invalid
button. Username Username
Password: *****
/password /password
Enter valid Username & Username: valid Pass

Incorrect Incorrect
incorrect Password and hit
Password: ******
login button. Username Username
/password /password
Enter valid Username & correct Username: valid Login should LOGIN Pass
Password and hit login button. be successfully SUCCESSFUL!!!
Password: *****
done.
Page | 43
➢ Test case for Admin Log-Out:
Output Result
If Admin is Login as a Click on logout Fail

Redirect to Refresh the page
admin user.
login page
If Admin is Login as a Click on logout Pass

Redirect to Redirect to login page
admin user.
login page
➢ Test case for Analysis
Output Result
Order Click on Order Details Pass

Customer order details Customer order details
Details
Artist Click on Artist Details Pass

Artist details Artist details
Details,
Contact Click on Contact Pass

customer Quarries and customer Quarries and
Details Details
suggestions details suggestions details
Page | 44
• Integrated Testing
All the modules are brought together to test collectively to ensure the quality and
effectiveness of the Project. It has been tested whether the registered username is properly
retrieved in the login module using Foreign Key and also when the Order details are processed
at the time of checkout. This is to ensure the proper retrieval of the user to ensure the security
of the data avoiding data loss. It is also tested whether it navigates to the desired user’s account.
When the user places an order, the product ID and all are tested in such a way that they redirect
to the Order table at the respective username. Finally, it prompts a pop-up window saying that
“Order placed Successfully”. Validation of all the forms are also prioritized to ensure that it
accepts proper data type from the user and to maintain the quality of the process.
• Beta Testing
The Project has also been tested from the Client Side (Beta Testing). This is to
ensure that all the features are up to the requirements of the Client. Beta Testing phase resulted
positively without encountering any kind of error. Validation, Form Controls, Data Insertion,
Dashboard & Overall Statistics are all tested to make sure the effectiveness of the Project and
to assure the quality of the Website.
Beta Testing is considered as last stage of testing in the development process. It is

also known as User Acceptance testing or End user testing where the product is tested by the
real users in a real environment. It shows the usability, compatibility, functionality and
reliability of the product. It also discovers the issues and flaws from the user’s perspective that
you would not like to have in the final product. The whole experience of the users are forwarded
to the developers who can make final changes as per the users point before releasing the final
software.
Page | 45
• System Testing
The software test is a survey conducted to provide interested parties with information on the
quality of the software product or service being tested. Software tests can also provide an
objective and independent view of the software so that the company can appreciate and
understand the risks associated with software implementation.
Test techniques include the process of running a program or application with the intent of
finding software errors (errors or other defects) and verifying that the software product is
suitable for use.
The software test involves running a software component or system component to evaluate one
or more properties of interest. In general, these properties indicate the extent to which the
component or system under test:
• It meets the requirements that guided its design and development.

• responds correctly to all types of entries.
• performs its functions within an acceptable time.
• it is sufficiently usable, can be installed and executed in the planned environments.
It achieves the general result that interested parties wish. Since the number of tests possible
even for simple software components is practically endless, all software tests use some
strategies to select feasible tests for the time and resources available.
As a result, software tests usually (but not exclusively) attempt to run a program
or application with the intent of finding software errors (errors or other defects). The test work
is an iterative process, because when an error is corrected, it can illuminate other deeper errors,
or even create new ones. Software tests can be performed as soon as an executable software is
available (even if partially complete). The general approach to software development often
determines when and how tests are performed. For example, in a phased process, most tests are
run after the system requirements have been defined and then implemented in verifiable
programs. On the contrary, with an agile approach, the requirements, programming and tests
are often performed simultaneously.
So, Software test documents always play an important role in the development /
test phase of the project. So always keep things documented whenever possible. Don't trust
Page | 46
verbal communication. Always on the side of security.

The documentation will not only save, but will also help the organization in the long term,
saving thousands of dollars in training and, more importantly, in solving problems caused by
the lack of documents and development tests.
Do not document just to avoid pointing this out, but the documentation habit will undoubtedly
bring a systematic approach to the testing process.
❖ Modifications and Improvements
One of the benefits of incremental model is that the modules can be modified based on the
changes that the developer finds during the development of the project. The testcases when performed
found out some of the defects that needed to be solved. Testing is a very important factor as it helps in
making sure the user doesn’t face any problems when the system is put into use
• When I built this website, there were lots of mistakes.
• But soon I made the website User-Friendly because of Equal and opposite crosschecking.
• There were some loopholes in the websites such as the admin page can be accessed by any of the
website user, which was later fixed by assigning appropriate permissions to the user
• There was an error in adding questions to the database from admin page, this was solved by
rechecking and changing again the insert query as it was wrong
• There were problems in displaying the response date and time in OrderDetails.php but that was solved
by replacing default current datetime to Null.
• the was a problem is the home page as all the pages were accessible by non-registered user that was
corrected by adding registration and login page checking whether the user is valid in the start of every
page.
Page | 47
CHAPTER: 6
RESULTS AND DISCUSSION
❖ Test Reports:
The testing part in project development is a very important phase. The testing phase helps
to know whether all the functionalities are being performed the way that they are supposed
to be executing.
The testing phase started with designing the testcases for each module as
well as the designing process for integration testcases was performed. Each module was
then analyzed and according testcases were formed. The testcases included input and the
estimated output to be received after entering the values. After designing the testcases the
testcases were checked by actually entering the inputs and finding out whether the
estimated output and the actual output were the same or not. If the estimated output matched
the actual output then the testcases were remarked to be pass else they were remarked as
fail. Not all values were tried and tested but the process made sure the system would be
able to cope up with any values
After performing the testcases a few testcases were found to be failing. The first
one to fail was the testcase of login module. The estimated output in its case could not be
fulfilled as the invisibility property of the objects were not assigned. So, after the
modifications were made the actual and estimated output were found to be matching. The
second section where the estimated output could not be achieved was in the view and delete
notice modules. The reason being that the position of the list item was being passed instead
of the value of the list item. So, to solve the issue the position was then used to find the
value of the list item and then was passed. After the modification were made the
functionalities were found to be working properly.
Once the unit testing was completed the integration testing was performed. One by
one all modules were combined together to form the system. The same procedure was
followed with checking whether the actual output and the estimated output were the same
or not. To conclude all the major testing clauses were performed and the defects were found
and solved accordingly.
Page | 48
Introduction Dynamic Website of

“Theportraitmaker”
Objectives and task Webpage Test
Scope In Scope Functionality Test, Data

Testing, GUI TEST
Out of Scope Performance Test,

Compatibility Test
Test strategy Unit, component, system
Exit Criteria 96% of the test case Total - 25 Pass - 24

passed
Suspension-Resumption 4% chance of error Fail - 1

Criteria
Hardware Requirements Laptop / Desktop
Environment Php, Notepad, XAMPP

Requirements Server
Test Schedule 02/01/2021 18/01/2021
Page | 49
❖ User Documentation
User documentation refers to the documentation of a product or service provided to end
users. User documentation is designed to help end users use the product or service. This
is often referred to as user assistance. User documentation is part of the global product
delivered to the customer.
Traditionally, user documentation has been provided as a user guide, instruction manual
or online guide.
User documentation is important because it provides users with a way to learn:
• how to use your software
• features of your software
• Software tips and tricks.
• How to solve the most common problems with your software.
Method Advantages Disadvantages
Help files • User friendly • You might not get level of

• Really fast detail you want
• Easy to use • The user might not know what
• Can be accessed offline to search for
• Might be hard to find
Online support • larger amount of • can't be accessed offline

information • if you have slow internet
• easier to update connection, it's bad.
• can access from any device
• can be faster
Printed manuals • easy to find • Slower

• you can browse through • If you lose it, you're going to
them have a bad day
• work without a computer • harder to search
• cannot be updated
• prone to physical destruction
Page | 50
CHAPTER 7
CONCLUSIONS
❖ Conclusion
➢ As we look back on our results, and on the simulation model itself, given the right equipment,
our design could become a fairly simple addition to the growing technical side of running an
art shop (“Theportraitmaker”).
➢ The key distinction of our system being the collection and dispersion of the given inputs from
hosts.
➢ The longer the system is in place the more accurate the system becomes.
➢ While our system runs the data on (who) customer name and where (address) the order is
from, what is the order (sketching/painting). the host is free up to interact with guests. While
many artist are still do this manually or tacking help of social media.
➢ It’s interesting looking at this system, just two to three steps and your order is booked, no
need to go outside and search your order will be delivered on your door step.
➢ One can join as an artist if he or she is good in art just need to register themselves and need
to upload one of their artworks.
➢ Admin get the authority to see order details, artist details and customers quarries details to
complete their orders on time to time by login.
➢ Four of the main Umbrella activities used were as follows:
1) Software Project Management - Which was used to lead the project and ensure
that the project was controlled, monitored, and on schedule.
2) Formal technical Reviews - This activity was essentially implemented for
peer review. Having new and fresh eyes to view code and ensure that
everything met the requirements.
3) Reusability Management - This activity was used to help us create flexible
and generic assets that may be reused for future projects or for this project in
other regions. This would cut down on cost and help with consistency.
4) Risk Management - This activity was used to assess and identify potential
risks with creating the software such as assuring that not too much money be
spent in assets on the project.
Page | 51
❖ Limitations of the System:
• The big limitation of this system is it doesn’t have online payment facility wherein
the user can only pay through COD (Cash on Delivery).
• This system is not fully online process instead it will have some manual procedure
as well.
• User will be updated about their order through e-mails.
❖ Future Scope of the Project
• The system will have the QR code scan feature which will allow the user to pay
online using the Paytm.
• It will also have the payment using the bank transaction using the bank details of
the user.
• The system will also have the admin dashboard where the administrator will be able
the analyses the monthly profit weekly so that he can compare the profit happened
on the previous month or how much loss has happened as compared to the previous
month using a chart.
• The user can post reviews below a home page which will help many different users
to have a clear idea of how the product is similar or accurate according to the
picture.
• There will be the Graphical interface for visualizing how exactly their artwork will
look like.
• User will get SMS on their respective contact no. as well as reminder and also live
update of their order.
Page | 52
❖ REFERENCES:
Book references:
The books referred are:
• Software Engineering, “Ian Somerville”, 8th edition, Pearson Education.
• Software Engineering practical, Sheetal mam.
• Database System Concepts | Henry F. Korth, Abraham Silberschatz, S. Sudarshan |
McGraw-Hill 4th Edition
• Database management system notes and practical, Mithlesh sir.
Web References:
The websites referred were:
• www.W3schools.com
• www.stackoverflow.com
• www.php.net
• www.youtube.com
Page | 53

129-The Portrait Maker (Vikas Yadav)

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

129-The Portrait Maker (Vikas Yadav)

Uploaded by

Copyright:

Available Formats

BUNTS SANGHA’S

S.M. SHETTY COLLEGE OF SCIENCE, COMMERCE &

SUBMITTED BY: VIKAS OMPRAKASH YADAV

ROLL NUMBER: 129 SEAT NUMBER: _______

Vinay Shahapurkar Dr. Tushar Sambare

I hereby declare that the project in titled “THE PORTRAIT MAKER”

Purpose, Scope and Applicability 7

Chapter 2 SYSTEM ANALYSIS

Chapter 3 REQUIREMENT AND ANALYSIS

Planning and scheduling 15

Software and Hardware Requirements 17

Chapter 4 SYSTEM DESIGN

User Interface Design 27

Test Case Design 32

Chapter 5 IMPLEMENTATION AND TESTING

Coding details and coding efficiency 34

Modifications and Improvements 47

Chapter 6 RESULTS AND DISCUSSION

Limitations of the System 52

Future Scope of the Project 52

“THE PORTRAIT MAKER”

❖ Purpose, Scope and Applicability

Operating System: - windows XP or higher version

Web Designing: Html, CSS, JavaScript.

HTML (Hypertext Markup Language)

• HTML is the standard mark-up lingo for making Web pages.

CSS (Cascading Style Sheets)

❖ Planning and Scheduling

Planning and Designing Actual time

Project Topic Selection

❖ Hardware requirements for developing the project

• Front-end: HTML, CSS, JavaScript, and PHP

Username Name Varchar (25) Not null

Password Password Varchar (25) Not null

Field Description Type Constraints

Username Name Varchar (25) Not null

Password Password Varchar (25) Not null

Name Full name of user Varchar (25) Not null

Email Email Varchar (50) Not null

Your quarries Any quarries need to ask Varchar (900) Null

Name Full name of user Varchar (25) Not null

1. Data Flow Diagram

DFD level-1 CUSTOMER:-

Activity diagram of “THE PORTRAIT MAKER”

2. Use Case Diagram

Use Case diagram of “THE PORTRAIT MAKER”

Sequence Diagram of “THE PORTRAIT MAKER”

Entity-Relationship Diagram of “THE PORTRAIT MAKER”

❖ User interface design

❖ Test Cases Design

Sr. Action Inputs Expected Actual Outcome Test

1 Launch Website. THE PORTRAIT Home page of The website Pass

2 Enter invalid Username Username: Pass

3 Enter valid Username & Username: valid Pass

A product software implementation method is a systematically structured approach to

❖ Coding details and coding efficiency

<link rel="stylesheet" type="text/css" href="menu.css">

<input type="number" name="phone" placeholder="Phone number” required />

Enter invalid Username & any Username: Pass

Enter valid Username & Username: valid Pass

➢ Test case for Admin Log-Out:

Action Inputs Expected Actual Outcome Test

If Admin is Login as a Click on logout Fail