Online Business Card Creator Website

This report focuses on the development of an online business card creator website. It discusses the use of PHP and MySQL for backend development, HTML and CSS for frontend design, and the implementation of diverse templates and editable details. The report also covers the testing plan, evaluation of the product and design, and includes diagrams and prototypes.

Running head: ONLINE BUSINESS CARD CREATOR WEBSITE
Online business card creator website
Name of the student:
Name of the university:
Author note:

1
ONLINE BUSINESS CARD CREATOR WEBSITE
Executive Summary
The report reflects the website development of a card generating website. Through the literature
review, the report has provided enough information to have a proper idea of how websites work
and basic idea of how to implement card generating functions. The developed website is based
on the PHP and MySQL. The front end is developed using the HTML, CSS and JavaScript. The
website also includes JQuery for implementing download function. Test plan will be discussed in
this document which will be very much useful to understand the entire flow of this project. The
testing tools used in this project will be discussed in the test plan unit of the document. Critical
evaluation of the products and design will be discussed in a detailed manner in this report in an
organized manner. Prototype of the software along with the detailed explanation of the entire
flow of the website based application will be concluding this report.

2
ONLINE BUSINESS CARD CREATOR WEBSITE
Table of Contents
Introduction......................................................................................................................................3
Literature Review............................................................................................................................6
Details of the software being used.................................................................................................18
Diagrams........................................................................................................................................22
Story boards...................................................................................................................................25
Design Documentation..................................................................................................................25
Background Information............................................................................................................25
Proposed Processes....................................................................................................................26
Technology used........................................................................................................................26
Constraints.................................................................................................................................27
Test Plan........................................................................................................................................28
Introduction................................................................................................................................28
Scope..........................................................................................................................................28
Test Methodology......................................................................................................................29
Testing Tools.............................................................................................................................30
Critical evaluation of product and design choices.........................................................................30
Prototype........................................................................................................................................33
Software.........................................................................................................................................39
Conclusion.....................................................................................................................................40
Reference.......................................................................................................................................44
Appendix........................................................................................................................................54

3
ONLINE BUSINESS CARD CREATOR WEBSITE
Introduction
The notable determination of this report is to focus on the plan required for the
development of a website based application which will be generating diverse categories of
business cards. Huge set of research was conducted before the development of the applications.
All the positives and the negatives of the software development methodologies and procedures
were studied in a detailed manner before being selected (Ferradi et al. 2016). The deliverable of
the project was considered in every stage of the project so that the end products matches with the
scope of this project. Both the admins panel and the member panel will be highly focused in this
project.
Creation of the online business card creation website will be very much useful for the
users as they can create new business card within few minutes time. All the details which are
required in the business card will be editable, hence it would allow the users to update the details
they will be providing in the new application. Time and resource management will be the prime
challenges which might be faced during the creation of this new website based application.
Diverse categories of project management techniques were studied and considered in this
project so that the issues of application development like the management of time and resources
can be addressed. Opinions and views of diverse reputed scholars were studied in this report
where each one of them talked about diverse aspects of application development and the use of
programming languages like PHP (Markantonakis and Akram 2017). The entire plan of this
project will also be presented in the form of Gantt chart which will be created using MS Project
software. The ethical considerations of application development shall also be considered in each
phase of this software development. The processes and the functionality of this application will

4
ONLINE BUSINESS CARD CREATOR WEBSITE
be explained using diverse categories of diagrams like class diagram, ER diagram and state
transition diagram.
This report will focusing on the plan regarding the development of an online card creator
website based application (Prokofyeva and Boltunova 2017). This new web based application
can be used in diverse categories of web browsers and will be very much use friendly. Both new
and registered consumers of this website can find it very easy to work in this website. Personal
details will be required in order to make a new account in this website at the same time it can
also be said that none of the personal details will be exposed to security threats. Approval of the
new requests or any sort of transactions will be coming from the admins of the applications
(Rodrigues et al. 2017). This web based application will be having few templates which will be
easier for both the new as well as old users to use them in the background of the business cards.
Details of the concerned personal can be seen on the surface of the cards. The entire design of
the new business cards can be selected by the registered account holders of this web based
application (Swain et al. 2016). Finally all the new and the old requested members can be
monitored by the administrators of this website based application from the admin panel.
The programming language which will be considered in the development part of this
website based application is PHP. One of the most widely used server scripting language it is
considered to be one of the suited language for the development of this website based
application. The code snippets and the advanced features provided by PHP is very much
beneficial for the creation of this online business card creator application. Maintenance of the
sources codes are much easier in PHP as compared with the other programming languages which
could have been used to develop this application. The size of the source codes in PHP are
comparatively less than rest of the programming languages (Desnitsky et al. (2016). Maintaining

5
ONLINE BUSINESS CARD CREATOR WEBSITE
the transparency is the other significant reason behind the selection of this particular
programming language in this project. The security measures from threats like SQL injection
attacks is also one of the significant reason behind choosing PHP as the programming language
of this project.
This new card creation application will be made in such a way so that it can work without
having any database issue. MySQL will be used as the database of this card creator application.
The advantages provided by MySQL is database in terms of the data security, performance like
managing with the clock time issues and transactional support, work flow control, flexibility and
on demand scalability are the main reasons behind the selection of the MySQL as the database of
this programming language (Chaniotis et al. 2015). All the content of the new web based
application can be managed from the backend of the site using the MySQL databases. Whenever
new templates in the application is added, all the new data will get automatically updated.
Reliability offered by MySQL database is very much on the higher side, at the same time the
flexibility offered by MySQL is much useful for both the designer and the developers.
HTML and CSS are the prime design software which will be used in this project. These
software will be required in the initial stages of this project which is the architectural stage of the
project. The entire planning of this project will be discussed in the test plan document in a
detailed manner (Vijayakumar and Arun 2017). Being one of the most search engine friendly
software HTML have the least SEO complications. One of the most vital significance aspect of
HTML is the flexibility offered by HTML. The loading time of this website based application
will be highly enhanced due to the use of HTML language (Alvin 2018). The searching of the
templates and all the other searching features can also be significantly boosted due to the
incorporation of HTML in the architectural phase of this project. Thus, it can be said that the

6
ONLINE BUSINESS CARD CREATOR WEBSITE
both the member panel and the admins panel of this website based business card creation website
will be made in such a way so that the meets the aim of this project. The next segment of this
report will be highlighting the opinion of diverse categories of scholars and investigators who
have stated their opinion about diverse aspects of application development which involves the
deployment of programing language like PHP and other software like Visual Studio Code.
Literature Review
As specified by Keller and Cunningham (2016), predefined goals are very much
significant in order to create a website based application. The investigator of this paper have
suggested that predefined goals are very much significant for both the designers as well as the
developers of the applications. The investigator of this paper stated that testing procedure of the
website application enhances quality of service offered by the end products (Stellato et al. 2015).
The professional predefined goals which are stated by the project manager in the first place must
be agreed among each of the stakeholders who are working in the website application projects.
The impact and popularity of the new website based application can be significantly improved if
predefined goals are professional manner. The investigator of this paper stated that there are
diverse categories of programming languages like java, php and asp.net can be used to create
new website based application (Koenitz et al. 2018). The investigator of this paper also stated
that diverse platforms like HTML5 and CSS 3 can be very much significant in the basic
architectural phase of the website application. The paper also suggested that the selection of the
project domain is one of the prime selection criteria of the programming language which are
used in the creation of the website based applications. The role of the diverse categories of
software testers were also presented by the investigator of this paper in an organized manner

7
ONLINE BUSINESS CARD CREATOR WEBSITE
(Stellato et al. 2015). The investigator of this paper highlighted that there are diverse categories
of servers which are used after the development of a new business card. The significance of the
application server can also be understood by this paper. The investigator of this paper also stated
about the significance of software testing where each of the bugs and errors are identified. Push
notifications is currently trending in most of the software development projects as stated by the
investigator (Kumar, Rajawat and Joshi 2015). The significance of static and dynamic data store
response was also highlighted by the investigator of this paper. The paper also stated that the
server speed is one of the most significant aspect of website development. There are diverse
categories of web applications like static and dynamic web application.
The investigator of this paper also stated about the usability of the website based
applications as it does not have to be installed in any mobile device. The users of these
applications must need to have an account in the application and login in each time they want to
use the software (Stellato et al. 2015). The paper was helpful to understand the usefulness of the
website based applications in terms of reduced maintenance and business costs (Stellato et al.
2015). The paper is very much useful to understand the issues associated with website based
applications like management of the centralized data. The updating policies of the wed based
applications was also mentioned in a detailed manner in this paper (Kyriakakis et al. 2016). No
training is required to manage the admin panel of the web site based applications which is one of
the most significant criteria of the website based applications. Direct access of the web based
application is not found in the mobile software which is the other significant reason behind the
increasing use of web applications.
However Kalvari et al. (2015), also stated about the negatives of web based applications
such as the availability of active internet connection which are required while using the web

8
ONLINE BUSINESS CARD CREATOR WEBSITE
based applications. There are lots of design related issues connected with web based
applications. The compatibility issues of the web applications was also highlighted by the
investigator of this paper in a detailed manner (Lambert et al. 2019). There are complications in
most of the website based applications in terms of getting direct access of the latest information.
Finally the paper highlighted the security and the privacy concern of most of the web site based
applications. The paper highlighted that comprehensive programming experience the
programmers are very much required in order to manage the complications of web applications.
As illustrated by Howell, van Beers and Doorn (2018), symphony, angular JS, node.js
and laravel are the most significant website development framework which are commonly used
in website application frameworks. The investigator of this paper stated that programming
languages and the mark-up languages are very much different from each other. The investigator
of this paper stated that about the significance of cake php and ruby on rails which are also very
much useful to create advanced website based applications. The investigator of this paper also
stated about the usability of the XML languages in the web applications (Koenitz et al. 2018).
The concept of client request and server requests was also described in a precise manner in this
paper. The investigator of this paper stated that the three diverse categories of web based
applications like Ajax, HTML 5 and single page website applications. The paper also suggested
that all the diverse categories of websites like e-commerce websites, and brochure websites can
be developed using different categories of framework (Letkowski 2015). Detailed concept of
front end development and back end development was also presented by the investigator of this
article. This paper was also very much useful to manage the cloud storage facilities which are
considered in some of the IT projects.

9
ONLINE BUSINESS CARD CREATOR WEBSITE
The paper was very much useful to manage different aspects of web based applications
like admin panel in the dashboard of the application and customer panel. The significance of
cloud service providers was illustrated in a detailed manner. The significance of backend app
hosting can also be identified from the discussion of this paper. The detailed description of end
developer skills which are required from developers are quantified from this paper. This paper is
very much significant to understand JavaScript framework, responsive design, and developer
tools. The paper was also very much useful to understand the diverse categories of technology
which are associated with most of the IT project like Artificial Intelligence (AI) which are often
used to deal with the queries and the complaints coming in the chat box of the web based
applications (Mencken and Tolbert 2016). The investigator of this paper also stated that different
categories of frameworks and networking protocols are used by the developers while they create
a new website based application.
According to Győrödi et al. (2015), cost effective development is one of the most
significant aspect of web based applications. The diverse aspects web based application can also
be understood from this paper as well. The ease in access can also be identified from this paper
in a detailed manner. The investigator of this paper stated that web based applications are very
much easier to be customised at the same time it can also be said website based applications do
not have any sort of compatibility issues whatever be the choice of the operating systems. The
investigator of this paper suggested that level of interoperability of the website based
applications are better than the conventional software’s (Patel and Cassou 2015). Adaptability to
increase work load can also be identified from this paper and the same time this paper is very
much beneficial to understand the significance of core technologies like J2EE. The paper is very
much useful to understand the features of the online business cards like the name of the card

10
ONLINE BUSINESS CARD CREATOR WEBSITE
holder, personal and business details of the card holder and the previous projects of the card
holder. The paper is very much useful to understand the ways which can be very much useful
beautify the business cards (Patil et al. 2017). The significance of the business cards can be
identified from this paper in a detailed manner in terms of the size of the photo which is being
planned to be used in the business cards. The investigator of this paper stated that features of the
business cards can be planned by the users of the new website. Thus, this paper is very much
significant in order to understand the significance of the websites which are used to make
visiting cards and business cards.
As specified by Grinberg (2018), website which are used to create and use business cards
are very much useful for the users of the websites to selected templates of their choices, coloured
sizes, shapes and design style. The significant of the professionally design template was
highlighted by the investigator of this paper in a professional manner (Patrutiu-Baltes 2016). The
paper is very much useful to understand that there are wide ranges of design and templates which
are used in the business cards.
At the same time Gottlieb (2017), added that new business rad design are cropping up
each and every day and professional sprinting procedures are increasingly getting used in this
service. These new business card can be easily shared among diverse social networking
platforms like Facebook, Instagram, Messenger and Whatsapp. The incorporation of the adobe
spark can also be identified from this paper. The investigator of this paper also highlighted about
the significance of creating business templates according to the needs and necessities of the
business (Prokofyeva and Boltunova 2017). Drag and drop features are the most significant
specifications of business cards. Personalization of the business cards can also be understood in a
detailed manner in this paper. The investigator of this paper stated that copies of business cards

11
ONLINE BUSINESS CARD CREATOR WEBSITE
has to be stored in cloud servers which will be very much useful to maintain the purpose of the
business cards. The investigator of this paper stars that decorating advanced items and images
can be very much significant to maintain the quality of the product (Rautmare and Bhalerao
2016). The paper also stated that decorative fonts and creative fonts are very much useful to
decorate the business cards.
As mentioned by Gabryel (2016), there are diverse categories of options which are
present in the website based application where business cards are created like selection of the
designs, photos required in the cards, background photos, selection of the text formats and an
options to upload photos from any source. These options are generally available to each of
registered users of the accounts. The investigator of this paper stated that there should be more
than 1500 templates and design which must be available to both the new and old users of the
accounts. The investigator of this paper suggested that the website based applications which are
used to create business cards must be having separate business offer to the new and old users
(Roach 2016). The older ones must be getting few facilities which must not be available to any
of the new users. Selection of the layout of the business card can be huge source of concern for
the users of the business cards, thus the paper guides to understand the significance of videos
where different layout are selected (Koenitz et al. 2018). These mock ups videos are very much
significant for the new users as they can be helpful to see thousands of different colours shades
(Robb et al. 2015). Thousands of shades of logo must be there to help out the users of this
application to select their favourite colour. The paper is very much useful to identify the
significance of the online business cards as it is very much useful to increase the business area of
commercial establishments.

12
ONLINE BUSINESS CARD CREATOR WEBSITE
As instructed by Connolly (2015), quality of the web based applications are mainly
maintained by the non-functional requirements of the websites such as scalability which includes
three main aspects like internet, database server and the application server. The investigator of
this paper added than the scalability issues of the website based applications is a time consuming
procedure (Ruby, Copeland and Thomas 2017). The investigator of this paper also stated that
database scalability can be very much significant in order to store and maintain huge amount of
the raw data of a business. This paper also highlighted the significance of the maintaining the
capacity of the website, at the same time it can also be said that these website based application
must not have any sort of compatibility issue as these applications must be opened in most of the
browsers which are generally used in access these website based applications (Segal 2015).
Reliability of the web based applications can also be understood from this paper due to the
increasing amount of cyber security threats in the recent years. Data recovery is one of the most
significant aspect of the website based applications as illustrated by the investigator of this paper.
The investigator of this paper also stated that maintainability as well as the serviceability can be
the most significant functional requirements of the web based applications (Koenitz et al. 2018).
These non-technical aspects are the different functional requirements of most of the website
based applications. The functional requirements documents is one of the most significant criteria
of the website based applications. The concept of Functional Requirement Document was stated
by the investigator of this paper in an organized manner which can be very much useful to
manage each of the complications of software development (Slawsky and Zafar 2017). The paper
is very much useful to understand the diverse categories of risks associated with software
development like project scheduling and resource management. The involvement of the users as

13
ONLINE BUSINESS CARD CREATOR WEBSITE
well as the lack of commitments are the two prime limitation in software development which can
be addressed using documentation control.
However Buranarach et al. (2016), mentioned that documentation cannot be used to
improve the quality of service of the end product. The investigator of this paper stated that the
proficiency and experience of the software developers are very much significant in order to
manage the complications of software development. The investigator of this paper stated that the
functionality of the website based applications must be very much user friendly in nature, at the
same time it can also be said that digital business is hugely improved after the incorporation of
the concept of business cards (Solichin 2016). The investigator of this paper stated that business
cards must be quickly created by the old and new users of the web based applications. The paper
also helps in identifying that most of the small and medium sized business must be having a
business cards where brief details about the service provided is mentioned. The paper is also very
much useful to understand that business cards must be customised in such as way so that it helps
in attracting most of the probable consumers of the business.
According to Beeley and Sukhdeve (2018), PHP is one of most significant server
scripting language which are widely used in the development of different categories of
applications and software. The investigator of this paper stated that the cross platform nature of
PHP is one of the most significant contribution of this language. The PHP is supported by most
of the operations system which are used in our society like Windows, Linux, Solaris and UNIX.
The paper is very much useful to understand the compatibility issues of MySQL and apache
server. Time and money required in order to work with this programming language are the
primary advantage of the deploying PHP (Koenitz et al. 2018). The investigator of this paper
also stated that the database connections are done in an organized manner using PHP. At the

14
ONLINE BUSINESS CARD CREATOR WEBSITE
same time it can also be said that PHP can be deployed with other technologies like Java. The
paper was also very much useful to understand the simplicity of PHP and it is one of the most
user friendly programming languages which are commonly used in different IT laboratories
(Stanescu, Brezovan and Burdescu 2016). Speed is one of the other most significant criteria
regarding the development of software using PHP as the chief programming language. PHP is
one of the very few open source applications as the users do not have to pay any amount for the
support files.
Even though the investigator of this paper also stated about the limitations of PHP in
terms of the vulnerability issues. The researchers of this paper stated that recent security threats
like ransomware can have a huge impact on the PHP based applications. The file handling
capacity of PHP are the prime limitation of using this language. The investigator of this paper
highlighted that there are less number of debugging tools which exists for this language as
compared with the other programming languages like python. The investigator of this paper
stated that efficiency of the web site based applications is much better than other website based
applications like Python. PHP is very much dynamic in nature, at the same time it can be said
that PHP can be used with different categories of relational databases. The investigator of this
paper stated that PHO can be used in diverse categories of relational DBMS (Stellato et al.
2015). Complex web based application can be built using this user friendly language. The
investigator of this paper have also stated about the usability as well as the effectiveness of PHP
in an organized manner.
As stated by Barrow, Barrow, and Brown (2015), introduction of the online card creator
must not take more than 10mins time after the registration. The paper is very much useful to
understand the requests which are made to admin panel where the admin of the website can

15
ONLINE BUSINESS CARD CREATOR WEBSITE
understand the control each of the requests in terms of the request and approval. Choice of card
design must be done by the registered consumers of the website based application. Approval
coming from the admins of the website is must very much required in order to proceed to the cart
page (Suhartanto 2017). The investigator of this paper stated that approval of the new registered
clients is very much required to in order to maintain security in each of the processes.
However, Arias (2017), mentioned that human computer interaction is one of the most
significant in the design part of the web based application. The paper has highlighted the
interaction between the users and application. The paper was also very much useful to
understand that all forms of information technology has to be understood by the programmers of
the website based applications. The paper is also very much useful to understand the significance
of the HCI principles which are generally followed by each of the programmers all around the
world. The investigator of this paper highlighted about the four diverse components of HCI like
task, tools, interface and users (Tyner et al. 2016). The receptiveness and the user friendliness of
the end products can be managed in an organized manner using the HCI. The paper also focuses
on the significance of human interface guidelines which are very much significant in order to
enhance the user experience of the users of the web based applications. Consistency of the new
application can be improved significantly using HCI (Deng et al. 2017). The investigator of this
paper have provided a case study which states the significance of the benefits of HCI like
reduction of cost in both the development and design phase of web based applications. The paper
helped in identifying the significance of the selection of resources as experienced IT
professionals are required in each of the phases of software development like documentation
control, design, and development and testing. The greater gains of automation is the other
significant contribution of HCI as mentioned by the investigator of this paper. At the same time

16
ONLINE BUSINESS CARD CREATOR WEBSITE
the paper also provided in-depth knowledge about the significance of procurement and support
which are increasingly required in the development of web based software (West and Prettyman
2018). The investigator of this paper stated that data protection is one of the most significant
aspect of software development like improvement of the performance of the web based software.
The investigator of this paper stated that interface of the new application which are in the
construction phase can be enhanced using the HCI. Stability and the efficiency of the new
application can also be improved using HCI. HCI is also very much beneficial to understand the
impact of the new software in our society and as well as the concerned organization where the
new software will be installed.
As discussed by Anderson and Hills (2017), test plans are very much significant in order
to manage different aspects of software development. The investigator of this paper stated that
diverse categories of testing procedure are required in order to identify the bugs of the new
software (Deng et al. 2017). The investigator of this paper stated that there are diverse categories
of test plan tools which are increasingly used for the identification of the test plan tools. The
allocation of resources required and the schedule and constraints of the project can be managed
in an organized approach using the test plan documents (Wyke, Walker and Cox 2016). Essential
activities of the software development like scope, approach and scheduling the activities of each
of the stakeholders of the project. The paper was very much useful to understand the significance
of test plans like maintenance of the software development life cycle. The paper is also very
much useful to understand the significance of test plan
However Alvin (2018), stated that use case diagrams are very much significant in order
to manage each event of a software. The entire flow of operations of a software can be
understood in the first place using the use case diagrams. The paper was very much useful to

17
ONLINE BUSINESS CARD CREATOR WEBSITE
understand the diverse categories of interactions which happens between the users and the
systems within an environment (Yuen et al. 2016). The investigator of this paper helped in
understanding the role of each of the stakeholders who are about to work in each phase of the
software like planning phase, design phase, developmental phase, and design phase. The flow of
operations are not the only contribution of the use case diagrams, at the same time it can also be
said that both the functional and non-functional requirements of the website based software can
be distinguished using the use case diagrams. The researcher of this paper stated that registration
and booking of each of the transactions can be understood in an organized manner using the
entity relationship diagram. The diverse levels of ER model can also be understood from this
paper like logical data model and conceptual data model. Effective communication and the easy
understanding of the flow of operations are the prime contributions of the ER diagrams (Deng et
al. 2017). This paper was also very much useful to understand the diverse categories of ER tools
which are required in the software development procedure like Pony ORM and Lucid Chart.
Designing of the database can also be significantly benefitted if ERD is used in the software
development processes (Sklar 2016). All the major entities within the scope of the project can
also be identified and managed using the ERD. The concept and the usability of the state
transition diagram was also presented by the researchers of this resource. The paper stated that
the behaviour of each of the functions of a new application can be understood by each of the
stakeholders associated with the project using the state transition diagrams (Zhang, Zhou and
Cao 2016.). The deployment of the state transition diagram is very much significant to
understand the state transition testing where the inputs and outputs to a new application can be
tested. Validation and approval of the state transitions can be the other significant contribution of

18
ONLINE BUSINESS CARD CREATOR WEBSITE
the state transition diagram according to the authors of this paper. State diagrams are very much
significant to classify different status of an object.
According to Agrebi and Boncori (2017), there are diverse categories of constraints
which are directly associated with the development of a web based software like experience and
quality of the designers and developers who will be working on the projects as the needs and
requirements of the consumers of the software keeps on changing every moment. The
investigator of this paper also stated that there are lots of new technologies which are
increasingly being used in the developmental floor of IT project. The investigator of this paper
stated that other risks of software development like procedural risks, technical risks and
operational risks. The investigator of this paper stated that these risks can have an undesirable
impact on the deployment of the new software (Sorenson 2018). The paper is very much useful
to manage diverse aspects of risk analysis techniques which are very much significant to
compete the project on time. Project scheduling is one of the very significant is associated with
software development procedure. The investigator of this paper stated that critical path diagram
can be very much significant in order to manage each of the project activities like design phase,
developers and software testing. Thus, it can be each of the activities of software development in
terms of understanding the problem area can be managed in a professional manner using the test
plan documentation (Deng et al. 2017). The next section of this report will be representing the
diverse categories of software and platforms which was considered during the development of
this online card creation application like HTML, CSS, PHP and Java Script.

19
ONLINE BUSINESS CARD CREATOR WEBSITE
Details of the software being used
There are diverse categories of software will be used in this application development
project like PHP, HTML, CSS, JavaScript. Tools like Visual Studio code will also be used for
the development of this website based application (Deng et al. 2017). The contribution of Xampp
will also be one of the reason behind the user friendliness of this application. The detailed
description of each of the software which will be used in this project is discussed in the
following sections of this report.
HTML 5: There are diverse advantages which are offered by HTML 5 like maintaining
the transparency and improvement of the accessibility of the codes. Diver categories of tags
which will be used in the doc.type html document can be monitored in a useful manner using
HTML 5 source codes. The entire coding procedure which will be done using PHP can also be
significantly benefited from the use of HTML 5 (Dean 2018). The cleanliness of the HTML
codes is the prime reason behind its deployment in the design part of this application
development. The deployment of the HTML 5 codes are very much significant to avoid any sort
of compatibility issues which are sometimes common in diverse categories of browsers like
Chrome, Firefox, Safari and Opera. Access of the application can be also be enhanced using
HTML.
CSS 3: The advanced specifications offered from CSS 3 like providing multi column
layout, multiple background, and multiple background are the prime features associated with the
application. Specifications such as text shadow, border image, border radius and media queries,
adaptions are the prime contribution of contribution of CSS 3 over the previous versions. There
are diverse categories of add on process which are can be very much useful to make further
changes in the new application (Deng et al. 2017). Maintaining the CSS 3 codes are very much

20
ONLINE BUSINESS CARD CREATOR WEBSITE
user friendly in nature as compared with the previous versions of CSS. Rebuilding and resizing
the components of the new application are the other updated features of CSS which can be very
much useful for the designing phase of this new website based application.
Java Script: The incorporation of Java script in the designing part of this project can be
very much significant to maintain the speed of the member side of this website based application.
All the network calls features can also be managed in an useful manner using the Java Script
codes. The interoperability offered by Java Script can much better than the other similar website
designing tool. The loading time of the new server based website can also be enhanced using the
Java Script. The incorporation of the Java script cab be very much useful for the development of
this website based application.
J Query for download purpose: The management of the Java script codes of this
website based application can be done in an organized manner using J query. Most of the
complicated codes of Java script can be made simpler using J query. The HTML manipulation
facility provided by J Query is very much useful to manipulate the data which are associated
with the J Query codes. The deployment of the J Query codes can be very much useful in the
design phase of this project which considers the HTML languages and Java Script codes (Chen
et al. 2015). All the functions of the HTML can be managed using J Query codes. Cross browser
compatibility and light weight source codes are the prime reason behind the selection of J Query
in the architectural phase of this software development.
HTML to Canvas and Canvas to Image: The entire image section of this website based
application using canvas. The canvas image can be very much useful to import image from
diverse categories of locations.

21
ONLINE BUSINESS CARD CREATOR WEBSITE
PHP 5: The speed and stability provided by PHP5 which is the latest version of PHP is
very much secured than all the previous version of this language. This software can be used in
diverse platforms, at the same time it can be said that loading time of the new website based
application can be enhanced significantly using PHP (Othman et al. 2015). The community of
business for which is business cases are being generated can be managed using this advanced
version of PHP. The bugs in the development phase of the website can also be addressed using
PHP.
MySQL: Powered by oracle cloud My SQL will be used in the database of this
application. Each of the data coming from both the member panel and the admin panel can be
stored, managed and edited using My SQL. There are diverse facilities which are provided by
MySQL like security and scalability are one of the prime issues behind the selection of MySQL
as the database of this project (Castro and Hyslop 2017). The uptime of MySQL is much better
than the rest of the similar software. Considering the increasing data security threats like
ransomware the deployment of MySQL will be very much significant to control the flow of data
in this new website based application.
Visual Studio Code: The optimized facilities provided by Visual studio code is the
prime reason behind its selection in this application development project. Running of this code is
much simpler as compared with the other similar software (Stellato et al. 2015). The menu page,
title page and the other pages of this website application can be monitored in a useful manner
using the visual studio code. All the intelligent codes, syntax highlighting, code refactoring
difficulties are the prime specification which are offered by the Visual studio code. The language
server protocols which are connected with the additional services are expandable (Voutilainen et

22
ONLINE BUSINESS CARD CREATOR WEBSITE
al. 2016). There are diverse categories of plug-ins which are very much helpful for the creation
of a new website based application.
Xampp: Having minimal issues with Apache server, Xampp is one of the most widely
used open source cross platform software. The installation procedure of Xampp is very much
simpler which one of the main reason behind the selection of Xampp for running the website
server (Stellato et al. 2015). Xampp is very available in most of the widely used operating
systems like Mac OS and Linux. The latest version of Xampp is very much secured from the
earlier versions of this web server solution.
Apache Server: The serve which was used during the development of this website based
application is Apache HTTP server. Being one of the most user friendly open sources server,
Apache server has very less compatibility issues with the operating systems which are supposed
to run the software. The version difficulties of the operations systems are effectively addressed
using this server (Hague et al. 2015). The facility of providing multi-processing modules in
terms of the process and the thread mode is one of the other reason behind the selection of this
website server. There are no real licensing difficulties associated with this website server which
makes it easier in the designing and development phase of this project. All the sequence of
function of this website based application can be understood from the below diagrams.
Diagrams
Use Case Diagram:

23
ONLINE BUSINESS CARD CREATOR WEBSITE
Use Case Description: The use case descriptions are as following.
i. Login: Login is for allowing the user to access the system. Both the admin and
customer can access login function.
ii. Registration: It is for the customer only. Completing registration once is essential
for login.
iii. Preview Card: The customer can preview the card by entering details into the
card form.
iv. Save Card: Once the card preview is satisfactory, then the user can save the card
into account.

24
ONLINE BUSINESS CARD CREATOR WEBSITE
v. Approve Card: After a card is saved, the admin needs to approve to make it
downloadable.
vi. Download Card: The card can be downloaded once admin approved it.
Class Diagram:
Entity Relationship Diagram:

25
ONLINE BUSINESS CARD CREATOR WEBSITE
State Transition Diagram:
Story boards

26
ONLINE BUSINESS CARD CREATOR WEBSITE
Design Documentation
Background Information
The proposed design based on the Online Card Generator website is focused over the
design process of the website. The project based on the creation of customized online cards
includes various processes based on including the features of registering new users while
providing a login option for previously registered members. After a particular member has
registered within the website, they would be able to log in to the website and start creating their
customized version of cards (Prokofyeva and Boltunova 2017). After the process of card
creation, the request of card creation would be sent to admin from where they would need to gain
approval.
Proposed Processes
The system based on online card generator project mainly proposed to help various
individuals and businesses to customize their card designs and generate them. After the design of
the system, the proposed plans for the system includes the fact that members would be able to
create their personal account for free. They would thus be able to create their own cards
according to their needs (Othman et al. 2015). The entire operational process would be viewed
and handled by the admin department. They would provide the final approval over the card
designed by the members.
Technology used
The use of technology plays a major role in the online card generator project. A vast
range of technological aspects has been covered during the design of the project. However,
during the design of the project certain aspects were covered:

27
ONLINE BUSINESS CARD CREATOR WEBSITE
The frontend of the website was designed using HTML5, CSS and JavaScript. JQuery is
also used for better design and feel of the website. However, in order to download the image of
the card, the technology used is HTML to Canvas and Canvas to Image (Duckett 2014). The
backend design of the website, which includes the internal functioning have been designed using
PHP7 coding. The platform used for the design of the code is Visual Studio software and
Xamppp. This is open source and free platform that has been developed by Apache Friends. It
comprises of MariaDB database, Apache HTTP Servers and different interpreters based on
writing scripts using Perl and PHP programming languages (Seyyar, Çatak and Gül 2018). The
Apache server has been used for the design of the project. The server has been developed and
maintained by the Apache Software Foundation and thus allows website owners for serving the
content produced on the internet.
Constraints
The constraint following the online card generator project are discussed as follows:
1. Certain risks incurred within the project can be discussed as the most common form of
constraint towards the project. Lack of proper security measures could lead to hacking of the
information of the members or admin details from the database of the system (Hartono et al.
2014). The system is extremely vulnerable to security risks and thus the system can be put at risk
from hackers.
2. The amount of time that needs to be dedicated towards the project is discussed as the
common form of constraint towards the project (Noe et al. 2017). The project requires the use of
latest technological concepts and systems, which would require a considerable amount of time
for fully designing the project.

28
ONLINE BUSINESS CARD CREATOR WEBSITE
3. Budgetary constraint is another important constraint. Due to a limited kind of budget
that has been allocated towards the project, certain technical aspects have to be excluded and
cannot be used during the design of the project.
Test Plan
Introduction
The Test Plan indicates the prescribing of scope, resources, approach used and
maintaining the scheduling of testing activities in relation to the online card generator project.
Scope
In-Scope: Each of the feature, which were defined within the specifications of software
requirement are:
Name of Module Roles Work Description
Registration Admin, Member Admin: Providing approval to the member after
assessing proper details filled by member during
registration time. They would check the details
mentioned by the member during the time of
registration within the portal.
Member: Registering within the online portal of
the company.
View Cards Member Member: They are able to view the type of cards
displayed at the end of the member. The member
can also design their customize cards and view
them in the online platform. There are two
categories of cards from which the member could
choose.
Card Designing Member Member: After viewing of cards, members would
be able to view them. They can view and update
the card design according to their needs. However,
they cannot download them unless they would get

29
ONLINE BUSINESS CARD CREATOR WEBSITE
approved from admin.
Card Approval Admin, Member Admin: After getting request for card design, the
admin would check whether each of the details are
properly entered. They would approve the card
only after getting the necessary details.
Member: After designing the card, member can
only view them. After the approval from the
admin, the members would be able to download
them as needed.
Out-Scope: There are some features that could not be tested, which would not be
included within the specification of the software requirement. These include:
1. Hardware and software interfaces
2. User interfaces
3. Performance and website security
4. Database
5. Communication interfaces
Test Methodology
Levels of Test: During the testing of the platform, three forms of testing would be
conducted. These include:
1. Integration testing – In this testing, the individual software modules would be
integrated and tested in a group form (Buede and Miller 2016).

30
ONLINE BUSINESS CARD CREATOR WEBSITE
2. System Testing – The testing would be performed on an integrated and complete
system for the purpose of evaluation of the compliance of the system according to the specific
requirements (Davis and Yen 2018).
3. API Testing – In this testing, each of the integrated APIs would be individually tested
(Moreau, Huynh and Michaelides 2014).
Testing Tools
No. Resources Descriptions
1 Server Apache server has been used to store the details of the database.
2 Tool The tools used for the design of the website are Visual Studio and
Xamppp
3 Programming
Language
PHP7 coding has been used for coding the various areas within
the website.
4 Computer Windows 7 and onwards
Critical evaluation of product and design choices
This unit of the paper will be very much useful for the critical evaluation of the products
and design choices which are made in the application (Latif et al. 2016). There are diverse
categories of software and hardware associate with the development of this application like
software packages of Visual studio Code and hardware like computer system which will be sued
in both the design as well as development codes of this project.
The incorporation of the Visual Studio Code which are used in both the designing and the
development phase of this project can have both positive as well as negative impact on the

31
ONLINE BUSINESS CARD CREATOR WEBSITE
development of the card creator website. Visual Studio Code do not have any sort of
compatibility issues with programming languages like PHP which is selected as the
programming language for the development of a new website based application (Stellato et al.
2015). The use of JSON script, HTML, CSS, J Query can be very much useful regarding the
development of the online business card. The inbuilt integrated terminal is very much helpful to
manage the back end source codes of the website. Committing, pushing, pulling and rebasing of
the source codes are done in an organized manner using Git control (Mao et al. 2016). The
identification of debugging is a lot easier suing the Visual Studio Codes. Side wise editing
feature of this software is also very much useful to change and modify the codes if required.
Content assist and content hinting are the prime benefits of deploying Visual Studio Code (Datta
et al. 2015). Code management feature is the other significant specification offered by Visual
Studio Code which can be very much useful in both the development phase and the design phase
of this application development. Confliction between the sources codes before and after
committing an also be significantly addressed using Visual Studio Code.
However, there are diverse categories of limitations associated with application
development in terms of the violations project management methodologies. Apart from this there
are other categories of discrepancies associated with the deployment of Visual Studio Code
(Stellato et al. 2015). The evolution of the code editor can be the other source of concern
regarding the software development. However there are other drawbacks of this technology in
terms of the memory difficulties. The widespread applicability of Visual Studio Code is the other
source of concern for the development of this website based application.
Thus, considering both the positives and negatives of deploying the Visual Studio Code
in this application development it can be said that Visual Studio Code can be one of the most

32
ONLINE BUSINESS CARD CREATOR WEBSITE
significant tool which can be very much helpful develop this software (Garaizar, Cubillas and
Matute 2016). The codes which are going to be developed using Visual Studio Code can be
customized in an organized manner, at the same time it can also be said that debugging of the
codes are also very much easier using Visual Studio Code. The extension of the codes are also
managed in an organized manner suing Visual Studio Code (Frain 2015). Theming and Git
integration are the prime specifications of Visual Studio Code for which it is being selected in
this development project.
The prime background color of this website based application is dark grey and the
contents are lighter in color. The selection of the colors and background colors are selected in
such as way so that the details of the contents can be easily viewed (Nakibly, Shelef and
Yudilevich 2015). The colors and the font size can be maintained in such a way that it can be
easily viewed by the users of the website.
However, it can also be said that the visibility of background color could have been
affected if brighter colors were used in both the font color and the background color. Color
psychology is one of the prime aspects of application development. Buying and selling of the
business cards is very much depended on the transparency which is maintain in this application
right from the registration phase to final stage of the application (Faas 2017). The selection of the
primary color and the secondary color can have a huge impact on the final outcome of the end
product. The prototype of the new website based application can be understood from the
following section of this report.

33
ONLINE BUSINESS CARD CREATOR WEBSITE
Prototype
Figure 1: Home Page
(Source: Created by Author)

34
ONLINE BUSINESS CARD CREATOR WEBSITE
Figure 2: Card Generate Page
(Source: Created by Author)

35
ONLINE BUSINESS CARD CREATOR WEBSITE
Figure 3: About Us Page
(Source: Created by Author)

36
ONLINE BUSINESS CARD CREATOR WEBSITE
Figure 4: Contact Page
(Source: Created by Author)

37
ONLINE BUSINESS CARD CREATOR WEBSITE
Figure 5: Account Page
(Source: Created by Author)

38
ONLINE BUSINESS CARD CREATOR WEBSITE
Figure 6: Account (Card Preview before Permission) Page
(Source: Created by Author)
Figure 7: Admin Page
(Source: Created by Author)

39
ONLINE BUSINESS CARD CREATOR WEBSITE
Figure 8: Account (Card Preview after Permission) Page
(Source: Created by Author)
Software
The detailed description of the software will be presented in this part of the report in a
detailed manner. The entire functionality of the new website based application is very much
transparent as a new user of the system has to register himself in the concerned page with the

40
ONLINE BUSINESS CARD CREATOR WEBSITE
personal details like email ID (Cui et al. 2017). There are two diverse categories of templates
which are available to both the new and the old users as of now in the website based application.
The content of the business cards can be selected by the users where they can provide details of
the business along with the contact details of the shareholders of the website. There are two
diverse categories of designs associated with this online card creation website which are very
much beneficial to understand the effectiveness of the application (Stellato et al. 2015). Admin
approval is a must in each of the activities of both the new and the old members of the new
application. Admin must be approving the requests coming from the members of the new system
(Bratton and Gold 2017). The approved request of any business card can be viewed by the
member in a separate section of this website based application. Members of this application can
also download their business cards after getting the confirmation from the admin panel of the
website. Thus, the new website based application is very much significant in get high quality and
professionally designed business card which can help to improve the net profitability of the
business.
The creation of a new business card is not at all challenge for the both the new and the
old users of this website based application. The versatility of different sizes of the business can
be exposed to a significant aspect due to the availability of this new website based application
(Alawar and Naser 2017). The new application will be very much convenient for the
management team of business corporations to expose the services provided by the business. The
final chapter of this report will be representing the conclusions made in this report.

41
ONLINE BUSINESS CARD CREATOR WEBSITE
Conclusion
The report was very much beneficial for the readers to understand the plan regarding the
development of a new website based application for business purposes in terms of the challenges
which are generally faced during the development and designing of a new website based
application. The impact of the creation of a new website based application which can generate
business cards in terms of the improvement of the net profitability can also be identified from
this report. The report focused hugely on significant aspects associated with the development of
a new online card creation website like time and resource management as it can be beneficial for
both small and medium sized business.
The literature section of this paper is very much significant to understand the usability of
the different categories of platforms which are used in this project like PHP, HTML, CSS and
Visual Studio Code. The significance of the new business cards and all the complications
associated with the newly created business cards in terms of the threats coming from networking
threats can be identified from this report. The literature review also highlighted that the
customization feature of the application can be very much beneficial for the users of this
application. The reason behind the selecting PHP as the programming language can also be
determined from the literature unit of the paper. The literature review unit of the paper was very
much useful to understand the positives of PHP like the maintaining transparency of the source
codes and providing security cover from diverse categories of threats associated with the new
application like SQL injection attack. The investigator of diverse peer reviewed paper helps in
understanding the impact of choosing MySQL as the database for this new website based
application. The clock time difficulties of the other similar technologies can also be identified
from the discussions made by the investigators of peer reviewed papers.

42
ONLINE BUSINESS CARD CREATOR WEBSITE
The reason behind the selection of HTML and CSS in the design phase of the project can
also be identified from the discussions made by reputed scholars. The significance of managing
two diver categories of platforms like admin panel and member panel can be identified from the
discussion made by the researchers. The usability of the website based applications for business
purposes can also be identified from the discussions made by the investigators of these papers.
The security concerns regarding the deployment of the website based application can also be
identified from the literature unit of the paper. The significance of cost effective development
can also be determined from this report. The report was very much beneficial to understand the
compatibility issues of most of the web based applications. The significance of customization of
the business cards can be understood from the report as well as the users can select any design
they want in their business cards. The significance of documentation can also be identified from
this report as it helps in bringing transparency of each of the stakeholders which are involved in
the development and the design phase of this application development project. The significance
of Apache server in this project can be deployed in this project determined from this report. The
concept of human interaction in the design phase of this project can be identified from this report
in a detailed manner. The significance which has to be given to the tests plans can also be
identified from the discussions of the literature review. The significance of use case diagram in
the development of this website based application can also be identified from the literature
review section of the report. Detailed discussions of the software which are used in the project
like Visual Studio Code and Java Script can also be understood from the discussions made by
different investigators.
The sequence of actions which can be performed in the new systems can be understood in
an organized manner using the diagrams and the story boards. Design documentation helps in

43
ONLINE BUSINESS CARD CREATOR WEBSITE
understanding the background information required for the creation of this online business card
application. The proposed process helps in understanding the entire operation of the card creation
application. The technologies which are deployed in this project can also be assumed from this
report. The diverse categories of risks associated with the generation of the business card in
terms of the vulnerability to the security threats like ransomware. Issues like budgetary
constraints in this project can be identified from this report also. The test plan documents is very
much significant in order to understand the in scope and the out scope regarding the application
development project. The activities of both the members and the admins from each section of the
application like registration page, card designing page, approval of the card from the admin
section falls under the category of in-scope. The out scope of this project reflects the hardware
and software used in this application development project. The performance and the security
issues of the website based application can also be identified from this report. The report was
very much beneficial to understand the diver categories of tests which can be very much useful
to understand the effectiveness of this software like system testing, API and integration testing.
Critical evaluation of the design choices and products can also be understood from this report.
The positives and negatives of each of the software deployed in this project like Visual Studio
Code can also be identified from this report. The prototype is very much useful to manage each
of the process of this new website based application. The entire functionality of this new website
based software can also be identified from the software section of this report. Thus, this report is
very much significant in order to understand diverse aspects of application development which
are very much useful to improve the net profitability of a business.

44
ONLINE BUSINESS CARD CREATOR WEBSITE

45
ONLINE BUSINESS CARD CREATOR WEBSITE
Reference
Agrebi, M. and Boncori, A.L., 2017. What makes a website relational? The experts' viewpoint.
European Management Journal, 35(5), pp.617-631.
Alawar, M.W. and Naser, S.S.A., 2017. CSS-Tutor: An intelligent tutoring system for CSS and
HTML.
Alvin, C., 2018. PHP: Learn PHP In 2 Hours.
Anderson, D. and Hills, M., 2017, February. Query construction patterns in PHP. In 2017 IEEE
24th International Conference on Software Analysis, Evolution and Reengineering (SANER)
(pp. 452-456). IEEE.
Arias, M.Á., 2017. Aprende Programación Web con PHP y MySQL: 2ª Edición. IT campus
Academy.
Barrow, C., Barrow, P. and Brown, R., 2015. The business plan workbook: A practical guide to
new venture creation and development. Kogan Page Publishers.
Beeley, C. and Sukhdeve, S.R., 2018. Web Application Development with R Using Shiny: Build
stunning graphics and interactive data visualizations to deliver cutting-edge analytics. Packt
Publishing Ltd.
Bratton, J. and Gold, J., 2017. Human resource management: theory and practice. Palgrave.
Buede, D.M. and Miller, W.D., 2016. The engineering design of systems: models and methods.
John Wiley & Sons.

46
ONLINE BUSINESS CARD CREATOR WEBSITE
Buranarach, M., Supnithi, T., Thein, Y.M., Ruangrajitpakorn, T., Rattanasawad, T.,
Wongpatikaseree, K., Lim, A.O., Tan, Y. and Assawamakin, A., 2016. OAM: an ontology
application management framework for simplifying ontology-based semantic web application
development. International Journal of Software Engineering and Knowledge Engineering,
26(01), pp.115-145.
Castro, E. and Hyslop, B., 2017. HTML5 a CSS3. Computer Press, Albatros Media as.
Chaniotis, I.K., Kyriakou, K.I.D. and Tselikas, N.D., 2015. Is Node. js a viable option for
building modern web applications? A performance evaluation study. Computing, 97(10),
pp.1023-1044.
Chen, Y.L., Lee, H.M., Jeng, A.B. and Wei, T.E., 2015, August. DroidCIA: A novel detection
method of code injection attacks on HTML5-based mobile apps. In 2015 IEEE
Trustcom/BigDataSE/ISPA (Vol. 1, pp. 1014-1021). IEEE.
Connolly, R., 2015. Fundamentals of web development. Pearson Education.
Cui, Q., Wang, X., Chen, G., Zhao, Y., Li, B., Ning, Y., Cui, S., Zhang, Z., Zhao, R., Meng, H.
and Zhang, Y., 2017, April. Improvement Research of the Software of Transforming Semi-
Structured Html File into Structured Text File. In 2017 7th International Conference on
Manufacturing Science and Engineering (ICMSE 2017). Atlantis Press.
Datta, S.K., Gyrard, A., Bonnet, C. and Boudaoud, K., 2015, August. oneM2M architecture
based user centric IoT application development. In 2015 3rd International Conference on Future
Internet of Things and Cloud (pp. 100-107). IEEE.

47
ONLINE BUSINESS CARD CREATOR WEBSITE
Davis, W.S. and Yen, D.C., 2018. The information system consultant's handbook: Systems
analysis and design. CRC press.
Dean, J., 2018. Web Programming with HTML5, CSS, and JavaScript. Jones & Bartlett
Learning.
Deng, X., Wu, T., Yan, J. and Zhang, J., 2017, March. Combinatorial testing on implementations
of html5 support. In 2017 IEEE International Conference on Software Testing, Verification and
Validation Workshops (ICSTW) (pp. 262-271). IEEE.
Desnitsky, V., Chechulin, A., Kotenko, I., Levshun, D. and Kolomeec, M., 2016, February.
Application of a technique for secure embedded device design based on combining security
components for creation of a perimeter protection system. In 2016 24th Euromicro International
Conference on Parallel, Distributed, and Network-Based Processing (PDP) (pp. 609-616).
IEEE.
Desnitsky, V., Levshun, D., Chechulin, A. and Kotenko, I.V., 2016. Design Technique for
Secure Embedded Devices: Application for Creation of Integrated Cyber-Physical Security
System. JoWUA, 7(2), pp.60-80.
Duckett, J., 2014. JavaScript and JQuery: interactive front-end web development. Wiley
Publishing.
Espinha, T., Zaidman, A. and Gross, H.G., 2014, February. Web API growing pains: Stories
from client developers and their code. In 2014 Software Evolution Week-IEEE Conference on
Software Maintenance, Reengineering, and Reverse Engineering (CSMR-WCRE) (pp. 84-93).
IEEE.

48
ONLINE BUSINESS CARD CREATOR WEBSITE
Faas, T., 2017. An Introduction to HTML5 Game Development with Phaser. js. AK Peters/CRC
Press.
Ferradi, H., Géraud, R., Naccache, D. and Tria, A., 2016. When organized crime applies
academic results: a forensic analysis of an in-card listening device. Journal of Cryptographic
Engineering, 6(1), pp.49-59.
Filipe, R., Boychenko, S. and Araujo, F., 2015, September. On Client-Side Bottleneck
Identification in HTTP Servers. In 10th International Conference on Internet and Web
Applications and Services. IARIA (pp. 22-27).
Frain, B., 2015. Responsive web design with HTML5 and CSS3. Packt Publishing Ltd.
Gabryel, M., 2016, June. The bag-of-features algorithm for practical applications using the
MySQL database. In International Conference on Artificial Intelligence and Soft Computing (pp.
635-646). Springer, Cham.
Garaizar, P., Cubillas, C.P. and Matute, H., 2016. A HTML5 open source tool to conduct studies
based on Libet’s clock paradigm. Scientific reports, 6, p.32689.
Gottlieb, L., 2017, October. The Knowledge Triangle Cards: Supporting University-Society
Collaborations. In European Conference on Games Based Learning (pp. 807-813). Academic
Conferences International Limited.
Grinberg, M., 2018. Flask web development: developing web applications with python. "
O'Reilly Media, Inc.".

49
ONLINE BUSINESS CARD CREATOR WEBSITE
Győrödi, C., Győrödi, R., Pecherle, G. and Olah, A., 2015, June. A comparative study:
MongoDB vs. MySQL. In 2015 13th International Conference on Engineering of Modern
Electric Systems (EMES) (pp. 1-6). IEEE.
Hague, M., Lin, A.W. and Ong, C.H.L., 2015, October. Detecting redundant CSS rules in
HTML5 applications: a tree rewriting approach. In ACM SIGPLAN Notices (Vol. 50, No. 10,
pp. 1-19). ACM.
Hartono, E., Holsapple, C.W., Kim, K.Y., Na, K.S. and Simpson, J.T., 2014. Measuring
perceived security in B2C electronic commerce website usage: A respecification and
validation. Decision Support Systems, 62, pp.11-21.
Howell, R., van Beers, C. and Doorn, N., 2018. Value capture and value creation: The role of
information technology in business models for frugal innovations in Africa. Technological
Forecasting and Social Change, 131, pp.227-239.
Kalvari, I., Nawrocki, E.P., Argasinska, J., Quinones‐Olvera, N., Finn, R.D., Bateman, A. and
Petrov, A.I., 2018. Non‐Coding RNA Analysis Using the Rfam Database. Current protocols in
bioinformatics, 62(1), p.e51.
Keller, B.M. and Cunningham, T.R., 2016. Firefighters as distributors of workplace safety and
health information to small businesses. Safety science, 87, pp.87-91.
Koenitz, H., Dubbelman, T., Knoller, N., Roth, C., Haahr, M., Sezen, D. and Sezen, T.I., 2018,
December. Card-Based Methods in Interactive Narrative Prototyping. In International
Conference on Interactive Digital Storytelling (pp. 552-555). Springer, Cham.

50
ONLINE BUSINESS CARD CREATOR WEBSITE
Kumar, L., Rajawat, S. and Joshi, K., 2015. Comparative analysis of nosql (mongodb) with
mysql database. International Journal of Modern Trends in Engineering and Research, 2(5),
pp.120-127.
Kumar, S.R., Sharma, R. and Gupta, K., 2016, April. Strategies for web application development
methodologies. In 2016 International Conference on Computing, Communication and
Automation (ICCCA) (pp. 160-165). IEEE.
Kyriakakis, P., Chatzigeorgiou, A., Ampatzoglou, A. and Xinogalos, S., 2016, November.
Evolution of method invocation and object instantiation patterns in a PHP ecosystem. In
Proceedings of the 20th Pan-Hellenic Conference on Informatics (p. 42). ACM.
Lambert, M.È., Audet, P., Delisle, B., Arsenault, J. and D’Allaire, S., 2019. Porcine reproductive
and respiratory syndrome virus: web-based interactive tools to support surveillance and control
initiatives. Porcine health management, 5(1), p.10.
Latif, M., Lakhrissi, Y., Nfaoui, E.H. and Es-Sbai, N., 2016, March. Cross platform approach for
mobile application development: A survey. In 2016 International Conference on Information
Technology for Organizations Development (IT4OD) (pp. 1-5). IEEE.
Letkowski, J., 2015. Doing database design with MySQL. Journal of Technology Research, 6,
p.1.
Mao, J., Wang, R., Chen, Y. and Jia, Y., 2016. Detecting injected behaviors in HTML5-based
Android applications. Journal of High Speed Networks, 22(1), pp.15-34.
Markantonakis, K. and Akram, R.N., 2017. Multi-application smart card platforms and operating
systems. In Smart Cards, Tokens, Security and Applications (pp. 59-92). Springer, Cham.

51
ONLINE BUSINESS CARD CREATOR WEBSITE
Mencken, F.C. and Tolbert, C.M., 2016. Restructuring of the financial industry and implications
for sources of start-up capital for new businesses in nonmetropolitan counties. Journal of Rural
Social Sciences, 31(1), p.71.
Moreau, L., Huynh, T.D. and Michaelides, D., 2014, April. An online validator for provenance:
algorithmic design, testing, and API. In International Conference on Fundamental Approaches
to Software Engineering (pp. 291-305). Springer, Berlin, Heidelberg.
Nakibly, G., Shelef, G. and Yudilevich, S., 2015. Hardware fingerprinting using HTML5. arXiv
preprint arXiv:1503.01408.
Noe, R.A., Hollenbeck, J.R., Gerhart, B. and Wright, P.M., 2017. Human resource management:
Gaining a competitive advantage. New York, NY: McGraw-Hill Education.
Othman, M., Khan, A.N., Abid, S.A. and Madani, S.A., 2015. MobiByte: an application
development model for mobile cloud computing. Journal of Grid Computing, 13(4), pp.605-628.
Patel, P. and Cassou, D., 2015. Enabling high-level application development for the Internet of
Things. Journal of Systems and Software, 103, pp.62-84.
Patil, M.M., Hanni, A., Tejeshwar, C.H. and Patil, P., 2017, February. A qualitative analysis of
the performance of MongoDB vs MySQL database based on insertion and retriewal operations
using a web/android application to explore load balancing—Sharding in MongoDB and its
advantages. In 2017 International Conference on I-SMAC (IoT in Social, Mobile, Analytics and
Cloud)(I-SMAC) (pp. 325-330). IEEE.
Patil, M.M., Hanni, A., Tejeshwar, C.H. and Patil, P., 2017, February. A qualitative analysis of
the performance of MongoDB vs MySQL database based on insertion and retriewal operations

52
ONLINE BUSINESS CARD CREATOR WEBSITE
using a web/android application to explore load balancing—Sharding in MongoDB and its
advantages. In 2017 International Conference on I-SMAC (IoT in Social, Mobile, Analytics and
Cloud)(I-SMAC) (pp. 325-330). IEEE.
Patrutiu-Baltes, L., 2016. The Impact of Digitalization on Business Communication. SEA–
Practical Application of Science, 4(11), pp.319-325.
Prokofyeva, N. and Boltunova, V., 2017. Analysis and Practical Application of PHP Frameworks
in Development of Web Information Systems. Procedia Computer Science, 104, pp.51-56.
Prokofyeva, N. and Boltunova, V., 2017. Analysis and Practical Application of PHP Frameworks
in Development of Web Information Systems. Procedia Computer Science, 104, pp.51-56.
Prokofyeva, N. and Boltunova, V., 2017. Analysis and Practical Application of PHP Frameworks
in Development of Web Information Systems. Procedia Computer Science, 104, pp.51-56.
Rautmare, S. and Bhalerao, D.M., 2016, October. MySQL and NoSQL database comparison for
IoT application. In 2016 IEEE International Conference on Advances in Computer Applications
(ICACA) (pp. 235-238). IEEE.
Roach, L., 2016. Card and James' Business Law. Oxford University Press.
Robb, S.M., Gotting, K., Ross, E. and Sánchez Alvarado, A., 2015. SmedGD 2.0: The Schmidtea
mediterranea genome database. genesis, 53(8), pp.535-546.
Rodrigues, J.M., Pereira, J.A., Sardo, J.D., de Freitas, M.A., Cardoso, P.J., Gomes, M. and Bica,
P., 2017, July. Adaptive card design UI implementation for an augmented reality museum
application. In International Conference on Universal Access in Human-Computer Interaction
(pp. 433-443). Springer, Cham.

53
ONLINE BUSINESS CARD CREATOR WEBSITE
Ruby, S., Copeland, D.B. and Thomas, D., 2017. Agile Web Development with Rails 5.1.
Pragmatic Bookshelf.
Segal, M., 2015. Peer-to-peer lending: A financing alternative for small businesses. Issue Brief,
10.
Seyyar, M.B., Çatak, F.Ö. and Gül, E., 2018. Detection of attack-targeted scans from the Apache
HTTP Server access logs. Applied computing and informatics, 14(1), pp.28-36.
Sklar, D., 2016. Learning PHP: A Gentle Introduction to the Web's Most Popular Language. "
O'Reilly Media, Inc.".
Slawsky, J. and Zafar, S., 2017. Developing and managing a successful payment cards business.
Routledge.
Solichin, A., 2016. Pemrograman web dengan PHP dan MySQL. Penerbit Budi Luhur.
Sorenson, G., 2018. Evaluation of unmanned aerial vehicles and analytical software for creation
of a crop consulting business.
Stanescu, L., Brezovan, M. and Burdescu, D.D., 2016, September. Automatic mapping of
MySQL databases to NoSQL MongoDB. In 2016 Federated Conference on Computer Science
and Information Systems (FedCSIS) (pp. 837-840). IEEE.
Stellato, A., Rajbhandari, S., Turbati, A., Fiorelli, M., Caracciolo, C., Lorenzetti, T., Keizer, J.
and Pazienza, M.T., 2015, May. VocBench: a web application for collaborative development of
multilingual thesauri. In European Semantic Web Conference (pp. 38-53). Springer, Cham.

54
ONLINE BUSINESS CARD CREATOR WEBSITE
Suhartanto, M., 2017. pembuatan website sekolah menengah pertama negeri 3 delanggu dengan
menggunakan php dan mysql. Speed-Sentra Penelitian Engineering dan Edukasi, 4(1).
Swain, N.R., Latu, K., Christensen, S.D., Jones, N.L., Nelson, E.J., Ames, D.P. and Williams,
G.P., 2015. A review of open source software solutions for developing water resources web
applications. Environmental Modelling & Software, 67, pp.108-117.
Tyner, C., Barber, G.P., Casper, J., Clawson, H., Diekhans, M., Eisenhart, C., Fischer, C.M.,
Gibson, D., Gonzalez, J.N., Guruvadoo, L. and Haeussler, M., 2016. The UCSC genome browser
database: 2017 update. Nucleic acids research, 45(D1), pp.D626-D634.
Vijayakumar, K. and Arun, C., 2017. Automated risk identification using NLP in cloud based
development environments. Journal of Ambient Intelligence and Humanized Computing, pp.1-
13.
Voutilainen, J.P., Mattila, A.L., Systä, K. and Mikkonen, T., 2016. HTML5-based mobile agents
for Web-of-Things. Informatica, 40(1).
West, A.W. and Prettyman, S., 2018. Take a Brief Look at Oracle MySQL 8. In Practical PHP 7,
MySQL 8, and MariaDB Website Databases (pp. 479-505). Apress, Berkeley, CA.
Wyke, R.A., Walker, M.J. and Cox, R., 2016. PHP developer's dictionary.
Yuen, E.K., Gros, K., Welsh, K.E., McCauley, J., Resnick, H.S., Danielson, C.K., Price, M. and
Ruggiero, K.J., 2016. Development and preliminary testing of a web-based, self-help application
for disaster-affected families. Health informatics journal, 22(3), pp.659-675.

55
ONLINE BUSINESS CARD CREATOR WEBSITE
Zhang, Y., Zhou, S. and Cao, C., 2016. Establishment of Color Matching Database Based on
MySQL. In Advanced Graphic Communications, Packaging Technology and Materials (pp. 373-
378). Springer, Singapore.

56
ONLINE BUSINESS CARD CREATOR WEBSITE
Appendix
Test
Cas
e ID
Test
Objective ID
Categor
y
Condition Expected Result Actual Result
1
Check system
store user data
in database
Insert All fields
are
provided
System store data
into database
The shows in the login
page that user is
registered
2
User login
authentication
Fetch All fields
are
provided
System check user
input with values
stored in database
If user name and
password is right then
system redirect user to
home page and start a
user session
3
Card Preview Render All or any
of the data
filed is
available
System collects
data from the
preview form and
show it on the
selected card
System collects data
from the preview form
and show it on the
selected card

57
ONLINE BUSINESS CARD CREATOR WEBSITE
4
Save Card Insert User
provided
proper
data
System store the
saved card details
in system
System preview the
saved card in the
account
5
Approve Card Update At least
one card
is pending
System update
card status to
approved
System shows the
download button under
card in card preview
section