[go: up one dir, main page]

0% found this document useful (0 votes)
354 views115 pages

NFC Business Card

Download as pdf or txt
Download as pdf or txt
Download as pdf or txt
You are on page 1/ 115

COLLEGE OF INFORMATION TECHNOLOGY

UNIVERSITI TENAGA NASIONAL

NFC business card include with online database portal.

THINESH S/O GANESAN

2016

NFC business card include with online database portal.

by

THINESH S/O GANESAN

Project Supervisor: Rubijesmin Bt Abdul Latif

Project Examiner: Ammuthavali A/p Ramasamy


i
A REPORT SUBMITTED IN PARTIAL FULFILLMENT OF

THE REQUIREMENTS FOR THE

BACHELOR OF INFORMATION TECHNOLOGY

(INFORMATION SYSTEMS) (HONOURS),

COLLEGE OF INFORMATION TECHNOLOGY

UNIVERSITI TENAGA NASIONAL

2016

ii
DECLARATION

I hereby declare that this report, submitted to Universiti Tenaga Nasional as a partial

fulfilment of the requirements for the Bachelor of Information Technology (Information

Systems) (Honours) has not been submitted as an exercise for a degree at any other

university. I also certify that the work described here is entirely my own except for excerpts

and summaries whose sources are appropriately cited in the references.

This report may be made available within the university library and may be photocopied or

loaned to other libraries for the purposes of consultation.

3 February 2016 THINESH S/O GANESAN

IS092533

iii
APPROVAL SHEET

This report entitled:

“NFC business card include with online database portal.”

Submitted by:

THINESH S/O GANESAN (IS092533)

In requirement for the degree of Bachelor of Information Technology (Information

Systems) (Honours), College Of Information Technology, University Tenaga

Nasional, has been accepted.

Project Supervisor: Rubijesmin Bt Abdul Latif

Project Examiner: Ammuthavali A/p Ramasamy

Signature ...............……………

Date: 3 February 2016

iv
TABLE OF CONTENTS
PAGE
TITLE PAGE v

DECLARATION vvv

APPROVAL SHEET vv

TABLE OF CONTENTS v

LIST OF TABLES vvv

LIST OF FIGURES vvvv

EXECUTIVE SUMMARY 1

CHAPTER 1 INTRODUCTION 2

1.1 Project Background 2

1.2 Problem Statement 3

1.3 Objectives 4

1.4 Scope 5

1.5 Project Schedule 6

CHAPTER 2 ANALYSIS & SYSTEM REQUIREMENTS 7

2.1 Introduction 7

2.1.1 Review of Similar System 8

2.2 Business Flow Diagram 15

2.3 Software Development Life Cycle 16

2.4 Software Development Methodology 17

2.5 Research Methodology 18

2.5.1 Requirement Gathering Techniques 19

2.5.2 Survey Report 22


2.5.6 Interview Report (1st Respondent) 29
2.5.7 Interview Report (2nd Respondent) 31

2.6 Tools and Technology 33

v
CHAPTER 3 DESIGN

3.1 Overview 35

3.2 Entity-Relationship Diagram 36

3.2.1 Data Dictionary 37

3.3 Context Diagram 39

3.4 Data Flow Diagram 40

3.5 System interface 41

CHAPTER 4 IMPLEMENTATION 47

4.1 Actual Interfaces 47

4.1.1 Web Users Interface (MK NFC BUSINESS CARD BUYING PROCESS) 47

CHAPTER 5 TESTING AND RESULTS 63

5.1 Test Cases 63

5.1.1 Unit Testing 63

5.1.2 Test Cases for Web Users 63

CHAPTER 6 CONCLUSION 76

6.1 Limitations in the System 76

6.2 Future Enhancements 77

6.3 Chapters Summary 78

6.4 Conclusion 79

Reference 80

APPENDICES 81

vi
LIST OF TABLES

Table No. PAGE


1.0 Project Timeline 6

2.0 Similar system comparison table 14

2.1 SDLC 16

3.0 Customer Table 37

3.1 Card Table 38

3.2 Delivery Table 39

5.0 Unit Testing 65

5.1 Web user Testing 68

5.2 Smartphone Testing 69

5.3 Web user Testing 72


5.4 Smartphone Testing 73

vii
LIST OF FIGURES
Figure No. PAGE
2.0 MOO NFC Business Card 8

2.1 NFC Business Card by DAVID 10

2.2 Rapid NFC Business Card 12

2.3 NFC Business Card in smartphone 19

2.4 Have you ever heard about NFC Business Card? 22


2.5 How many cards will you bring along with you, when you go to meet your 23
clients?

2.6 Are you sure whether the card you given to client is reach their cell phone? 24
2.7 How frequent is your business card being printed? 25
2.8 Is your current business card information are easy to update? 26
2.9 What if NFC enabled business card tapping it against your client’s phone will 27
share all contact details with them?
2.9.1 Do you believe that this NFC Business Card will be green technology 28
product?
3.0 Home 41
3.1 Order Card 42
3.2 Update 43
3.3 Block Card Information 44
3.4 Contact us and Testimonials 45
3.5 Phone Function 46
4.1 MKNFC Home Screen 48
4.2 MKNFC Order Screen 49
4.3 MKNFC How to make payment details 50
4.4 MKNFC Check payment 51
4.5 MKNFC Final payment register 52
4.6 MKNFC Payment notification page, says that please check your transaction 53
history to check your payment approval.
4.7 MKNFC Check Transaction History 53

viii
4.8 MKNFC Transaction History 54
4.9 MKNFC Card Update Page 55
4.10 MKNFC Update Page 56
4.11 MKNFC Testimonial Page 57
4.12 MKNFC LOG IN Page 58
4.13 MKNFC Order Promotional Page 59
4.14 MKNFC Admin Transaction Approval Page 60
4.15 MKNFC Customer details page 60
4.16 MKNFC Registered Customer 61
4.17 MKNFC User Smartphone view 62

ix
Executive Summary

The paper business card as a bearer of individual data is a long and broadly utilized,
with a specific end goal to accomplish the exchange of individual data to encourage
contact. Be that as it may, the paper business card there is drawback, for example,
paper business cards by printing content and illustrations are imprinted on a little
territory of paper, little measure of data, normally just demonstrate the name,
telephone, email, location, site and many characters, including a business presentation;
and the client will info paper business card data to an electronic terminal when the
requirement for manual information verbatim, and hindrance. NFC labels can store
data, while non-contact perusing and composing, now generally utilized as a part of
the trading of data, for example, instalment and e-cards. At present, numerous cell
telephones are outfitted with NFC module, the module is introduced NFC business
card data trade between cellular telephones for instance as takes after: The present
development is taking into account the obtaining technique NFC label contact data,
including: The card data put away on the server; system correspondence in NFC label
distinguishing proof data put away in the card; The electronic terminal peruses the
NFC tag to acquire Network Communication recognizes the card data; The electronic
terminal system correspondences obtained the business card distinguishing proof data
taking into account the entrance solicitation is sent to the server and after that gets and
opens the administration end of the business card data return. The present
development additionally gives techniques to get the contact data NFC tag based
framework, including: server for putting away contact data NFC labels, system
correspondences for putting away the card recognizable proof data electronic terminal,
for perusing the NFC label, access to network interchanges business card distinguishes
the NFC label data, and to speak with the server. The present innovation is taking into
account the gave contact data NFC label access strategy, the card data is put away on
the server, while NFC label put away system correspondence recognizes the
administration side of the business card data, clients get the character data is through
an electronic terminal read NFC labels and after that gets and opens the administration
end of the business card data back pass, along these lines, when the client needs to
alter contact data, notwithstanding altering by means of telephone, you can likewise
get to the capacity card through the PC data on the administration side and altering,
this easy to use utilization.

1
Chapter 1
1.1 Project background

Nowadays business people who using business cards are having some problems, whereby they
need to find bring a lot of business cards together when they go to meet their clients, but even
though they put as much information in the card, they cannot put more than 6 lines of info.
Some people meets many of their clients for example marketers they provide many cards and
print the card every 6 months, this makes waste of money. If they give the card to 100 people,
the card only reach 25 people because many of the clients just throw away the card we give to
them and some of them lost the card. This problem faced by many people even highly
knowledgeable person or normal person. The information they put in the card are not easily
can update, if once they print the customer have to wait until the card finish and then only
they can change the info, this happens because they a lot of money in card printing. Business
card become the first impression gives to our client about us, but most of the fail to achieve
that, the card they given might be very simple not related with their profession for example a
software marketer gives a business card with just white background and the info, actually the
should be in terms of technology look. A person cannot get remind all the card they have in
their card holder, if the card details store in their smart phones means it easier for them to call
or message their clients.

2
1.2 Problem Statement

Most business cards are thrown. We never know what opportunities get lost because our
contact details are not available when it’s needed the most. Business cards have limited space.
People expect to connect over social networks, see addresses on map, and add on Skype. In
NFC Business Card, clients data will store in database and retrievable by using NFC Business
Card as a transmitter to smartphones. For security reason, if this card lost by the client, they
can contact us and block this card information. Every clients NFC card have its own serial
number for database reference. There are a plenty of cell phone applications that permit
computerized trade of contact data. While they work incredible, they have an awesome
requirement that has restricted their prominence. Both the sender & beneficiary's telephones
ought to have the same application introduced. Can you truly request that the collector
download an application to start with, open it & then share your contact data? NFC Business
Card needn't bother with a specific application either for making, altering or sharing your
profile. With a NFC cell phone you simply need to touch NFC Business Card & the telephone
to start the exchange. With non NFC telephones any broadly useful QR Code per user is
adequate. Not every one of us are great at recollecting the names of new individuals we meet.
Inquisitively, it's not pervasive to have one's photo on a paper business card. By not having
the capacity to review we lose an association & in some cases maybe an open door.

3
1.3 Objective

1. Maintaining customer data in database which used to retrieve using NFC


Business Card.
2. Reporting of card lost by customer and also sales report of customer
buying this NFC Business Card in the database.
3. Create a website to promote and sell NFC Business Card.
4. Write data to the NFC Business Card with certain hardware

4
1.4 Scope

This section depicts scope of the system, which can be divided into three parts; user, system
and functionality

1.4.1 System

Each user requires a smartphone and internet connection to use the system. The scope of this
application is global and it can be accessed from anywhere through the internet. Users can use
the application directly without any login. However, because this project is new, the scope of
location is focused to our country only. Moreover, those who want to do reservation no need
username and password for authentication purpose.

1.4.2 User

a) Administrator

Administrator has the sole right to the whole system and is able to do basic functions such as
add, edit or delete information. He/ she also hold the responsibility of the entire system. He/
she will be able to do the following:

• Develop and maintain the web server.

• Develop and maintain all the databases.

• Check for abnormalities should any error occur and fix it as soon as possible.

• Approve user's payment.

b) Customer

Customer has limited access of the system compared to the administrator. This customer can
buy their NFC Business Card via online, just bank in the money to the provided account
number and send the details of the transaction together with card order. Customer also no
need to create any account in the website, and can report the loss of the card or any updates
using given serial for them. Customer does not have to pay any extra money on card updates.

c) Owner of the company

Owner of the company is the person who will take care the business and development of NFC
Business Card, so that they have same rights as administrator. Each and every customer
information will be sent to them for their verification and implementation of the card.

5
Project Schedule

Weeks W W W W W W W W W W1 W1 W1 W1 W1 W1
/Activity 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5

Proposal
preparati
on
Collectin
g Data
and
resource
s
Chapter
1&2
Prepare
for
project
presentat
ion
Chapter
3,conclus
ion &
logbook

Table 1.0

6
Chapter 2
Currently, there have been many business person’s using various types of business card and
card holder to keep client details. In current technology there are some people who using NFC
business card, which they ordered the card via online from overseas by providing their details
and after get the card, they can edit the information anytime on their own. Some people
download an app from app store and create a card by their own, but the problem is when they
show the card to the client, the client have to download the same app to store their
information, same goes for the card created online and purchase from overseas. There are no
developers from Malaysia who is doing this NFC business card and we need to depends on
overseas country to purchase the item. Even though we have flexibility to edit our information
in the card, the creators are from overseas we do not know who is creating for us, and cannot
contact them easily.

In this section, the author has taken three sample of existing systems to be studied and
compared in terms of its functionality, strengths and weakness. The three applications are

 Moo.com business card with card


 NFC Business Card by DAVID Hadizadeh (Online APP)
 Rapid NFC Business Card

7
2.1 Review of Current and Similar Systems

Overview of Moo.com NFC Business Card

Figure 2.0

MOO is an award winning online print and outline organization. MOO prints a large number
of cards a month and has a huge number of clients in more than 200 nations. MOO has
additionally turn into an abundantly adored brand, with a 75% Net Promoter rating. The
organization has won 3 Webby recompenses, has been profiled in the Financial Times, and
was positioned in the main 10 UK new businesses by the Guardian Newspaper. MOO has
workplaces in London and Stratford, UK and in addition Providence and Boston, USA. MOO
has additionally brought over $5m up in funding from the Accelerator Group, Index Ventures
and Atlas Venture, the financial specialists behind Skype, Betfair, Lovefilm, ASOS and
MySQL.

Strengths of moo.com NFC Business Card

Modern design templates: — Moo is giving numerous cutting edge outline formats that
different business card printers are not giving. Moo is giving numerous varieties in their
business card layouts relying on your calling and decision. You can choose your most loved
format from 434 plans from different classifications.

NFC technology: — Moo is giving front line innovation in their business cards called NFC or
Near Field Communication. In this innovation an implanted microchip is given your business
card that permits you to share you contact data by simply tapping your business card to any
Smartphone gadget.

Return or Reorder policy: — on the off chance that you are not fulfilled by the nature of
Moo's cards or you believe that there is some misstep from their side in printing, then you can
either reorder the cards or get a free coupon of the same quality to arrange different items
from their site.

8
Weakness of moo.com NFC Business Card

More expansive than other service providers: — the cost of Moo is surely higher when
contrasted with other online business card suppliers like Vista Print yet the nature of their
cards is additionally best.

Ships from U.K. and hence shipping takes more time: — Moo is the U.K. based organization
and they print the majority of their business cards from that point. On the off chance that you
are from U.S. at that point the transportation would unquestionably take additional time.

Foil printing or UV spot finishing not available: — Although nature of Moo's business cards
are best however they don't give foil printing or UV spot completing and attractive and plastic
business cards are additionally not accessible from Moo.

9
Overview of NFC Business Card by DAVID Hadizadeh (Online APP)

Figure 2.1

You can utilize this application to compose contacts on NFC labels. You can do this as a
vCard or in a pressure manner, so you can store more contact data on the tag.

Compose a business card

The application gives 3 diverse utilization cases to compose a business card:

1. Fare contact

Begin your contact application and select a contact. Presently go for this contact to the choices
and after that to the sub-menu "offer".

Pick the application "NFC Business Card" in the popup. After the determination you will see
the Export View, which is depicted beneath.

2. Utilize the compose catch of the application

In the application "NFC business card" you will discover the catch "Create business cards".
By tapping on it you will see a choice of the greater part of your contacts.

Select a contact to move to the fare perspective of the application.

3. Revise created business cards

10
More data can be found underneath.

The fare view

In each of the fare potential outcomes you will achieve the fare view.

There you have the likelihood to break down the contact points of interest, alter them and
avoid them from the information.

A checkbox in every line portrays, whether this information is to be sent out or avoided.

At the base of the perspective, you see a live computation of the information size.

This reveals to you the non-compacted and packed size.

Verify that this size does not surpass that of your NFC labels.

You can likewise add a fall back to the NFC tag. On the off chance that the fall back
alternative is empowered a member without introduced "NFC Business Card" application will
naturally be incited to download the application at Google Play. This obliges some extra bytes
of memory.

When you have tweaked the contact information, you can compose the card on one of the
catches either compacted or as an institutionalized vCard to a NFC tag.

To do this, squeeze one of the catches and hold a NFC tag to your gadget, when the following
window shows up. You likewise can compose on numerous NFC labels successively.

The compose operation is not ended when you affirm it by tapping the catch.

Strength of NFC Business Card by DAVID Hadizadeh (Online APP)

With the compressed version you can write much more data on the business card. This is a
great advantage if your NFC tags are smaller than the data size of the vCard.

Weakness of NFC Business Card by DAVID Hadizadeh (Online APP)

A disadvantages is, that the recipient of the business card will also need to install the app
“NFC Business Card“.

This is not necessary, if you export the data as a vCard.

11
Overview of Rapid NFC Business Card

Figure 2.2

Fast NFC, Europe's biggest online retailer of NFC labels has acquainted NFC Business Cards
with its scope of items. Each NFC tag contains a NFC chip which influences both its
accessible memory furthermore similarity with cell telephones. Our business cards utilize the
NTAG203 NFC chip for two reasons. Firstly the NTAG203 is all around perfect with all NFC
empowered telephones and hence you know it will work accurately in all circumstances.
Besides it has a usable memory of 137 bytes (give or take 137 content characters) which is
suitable notwithstanding for exceptionally complex web addresses. Whilst 137 bytes is ideal
for a web address it is little by examination with how about we say a feature, presentation or
vCard. The reason NFC labels have lacking memory to bolster these records is on account of
distinctive NFC telephones would decipher the data in diverse routes or now and again not in
any manner! On the other hand there are situated norms to guarantee all NFC telephones can
read a web location, permitting you to make a predictable and better introduced experience on
the web.

Strength of Rapid NFC Business Card

1. NFC is cheap to implement. Because NFC-enabled phones act as both an NFC reader and
writer businesses can avoid the need for custom hardware development. NFC tags used to ID
items or link to content online are also becoming increasingly cheap to purchase and
customise.

2. NFC simplifies the customer experience. Interaction via NFC can be summed up in one
word 'tap'. Tap to get a voucher. Tap to view a video. Tap to download an app. Tap to register.
Tap to gain access. The ability to simplify complex interactions is perhaps NFC's most
important characteristic.

12
3. NFC tags allow for full colour custom print and branding. The ability to created printed
NFC tags or hide them within existing products allows objects to become 'smart' whilst not
altering the products appearance or branding. Equally because NFC-enabled phones can act as
both an NFC reader and writer it allows for intuitive and visually appealing NFC-enabled
apps that can be downloaded onto a customer's phone.

4. NFC can contribute to your customer data. By making services digital it allows greater
opportunity to collate data to better understand your customers and how they interact with
your business.

Weakness of Rapid NFC Business Card

1. Security

2. Not all cell phones compatible with NFC

3. Lack of education

13
System and Specification Moo.com business NFC Business Card by DAVID Rapid NFC Business Card
card Hadizadeh
System Application:
o Web based system X X X

o Mobile Application √ √ √
Web Browser Support:
o IE X X X

o Firefox X X X

o Google chrome X X X
o Safari
X X X
User Interface:
o User friendly X √ X

o Simple design X √ √

o Linked to Facebook (as marketing √ X X


strategy)
Features:
o Security option for user to block their
business card if lost. X X X

o Free update the information in the


card X √ X
o Easy data sharing among clients
X X √
o Apps download to share data √ √ √

Table 2.0 Similar system comparison table


14
2.2 Business Flow Diagram
Sales Report
Admin
Customer info
Card User View customer info
Final Product Info
Customer Details
Customer info

Customer info

Sales Report
Process Order

Order Details Process Order Card info


Customer
Card Details Card info

Delivery info
Create Order

Delivery info

New order info


Delivery Details

New order
Tracking Number Ship Order
Shipping info

Programmer

15
2.3 Software Development Life Cycle

Phases Description
Requirement User requirements:
1. This business card can be read by any NFC enabled smartphone for
example Samsung Galaxy S4.
2. User only spent money one time for this NFC Business Bard instead of
printing
3. Many paper business cards.
4. 100 types of design templates provided for customer to select with their
preference.
5. User can update their card information anytime, via online using serial
number.
System requirements:
1. System must be available on the Internet
2. System must be available 24 hours per day
3. System must be accessible by mobile devices

Design This system’s website created using Adobe Dreamweaver. Database access for
admin created using Microsoft Access. The card with NFC chip inside need NFC
tag pro software to link the URL for every person’s details.
Implementation Implementation for this NFC Business Card system with working prototype takes
2 months’ time duration to complete it. Every step of this system and card
implementation is divided into few days and weeks, for example to create the
website needs more than 2 weeks to finish it completely.
Testing The last step of project completion is testing part, in this step we will get know
whether this system with NFC Business Card is user friendly with customer and
how is the performance.

Table 2.1

16
2.4 Software Development Methodology

Waterfall Diagram

Requirement

Definition

System and
Software Design

Implementation and
unit testing

Integration and
system testing

Operation and
Maintenance

17
2.5 Research Methodology

The significance of exploration is to get exact realities and information, take care of issue by
utilizing data gathered and guide the framework improvement. The procedure used to gather
information is called examination approach. There are different techniques utilized as a part of
examination and all systems are normally considered to incorporate exploration plan,
information get-together and information investigation. Research techniques can be
quantitative or subjective. Quantitative examination goal is to accumulate information from a
specimen to the number of inhabitants in interest and sum up result. For the most part, the
respondents are arbitrarily chosen. Subjective examination goal is to uncover normal
inclination in thought and conclusion. Respondent for subjective exploration are chosen to
satisfy a given quantity. Information gathering for subjective examination is unstructured or
semi-organized strategies. Cases strategies are singular profundity meetings or gathering
exchange. In the meantime, information gathering for quantitative is an organized systems.
For instance, method utilized is surveys. Here will be the clarification of diverse kind of
strategy used to gather information:

Interview

A meeting is a discussion between two individuals or more. Individuals included in a


discussion are questioner and interviewee. The goal is to gather applicable data with the end
goal of examination. Meeting strategy has numerous favorable circumstances. One of the
preferences is open door for criticism, where questioner can give direct input and offer
illumination to respondent while the respondent noting the questioner's inquiries. In any case,
there are numerous impediments as well. One of the impediments is expense. The variables
impacting the expense of the meeting are respondents' geographic vicinity, the length and
unpredictability of poll and the quantity of non-respondents.

Online surveys

Online surveys are generally made as Web structures with a database to store the answers and
factual programming to give computational investigation of information or measurements.
Online overview permits the intended interest group to finish poll over the web. Online review
is a most accommodation exploration system for respondents. Respondents can answer
questions on their timetable and at their own particular pace. Nonetheless, there will be no
questioner for this technique to give illumination and this can prompt less solid information.

18
2.5.1 Requirement Gathering Techniques

Survey on NFC Business Card

This survey was done via online using google docs, I have posted this survey questions in 4
different Facebook groups. This questionnaire was mainly created for people who are in
business line and owned a business card. This survey took three days to get 15 perfect
response.

NFC Business Card

Figure 2.3

NFC business cards offer an interactive experience beyond what has ever been possible with
traditional print. Each NFC business card has an NFC tag hidden inside that when tapped by
an NFC mobile phone links to online content such as a web page and contact info.

1. What is your gender?

A. Male
B. Female

2. What is your profession/job?

3. Have you ever heard about NFC Business Card?


A. Yes
B. No

4. Are you a business card holder?

A. Yes
B. No

19
5. How many cards will you bring along with you, when you go to meet your
clients?

A. Less than 10
B. More than 10
C. Less than 50
D. More than 50

6. What impression are your current business cards presenting?

A. Excellent
B. Good
C. Poor

7. Are you a smartphone user?


A. Yes
B. No

8. What Operating System phone are you using?

A. Android
B. IOS
C. None of the above

9. Are you sure whether the card you given to client is reach their cell phone?
A. Yes

B. No

10. How frequent you print your own business card?

A. Two times in a year

B. Yearly

C. Two years once

11. Is your current business card information are easy to update?

A. Yes

B. No

20
12. What if NFC enabled business card tapping it against your client’s phone will
share all contact details with them?

A. Excellent

B. Good

C. Poor

D. Bad

13. Do you agree that NFC business card is cost effective compare to normal business
card?

A. Agree

B. Do not Agree

14. Where you think is the perfect place to store client’s information details?

A. Own wallet or purse

B. Smartphones / Smart Devices

15. Is your company quality will be increase while giving this NFC Business Card to
your clients?

A. Yes

B. No

16. Do you believe that this NFC Business Card will be green technology product?

A. Yes

B. No

21
2.5.2 Survey Report

Have you ever heard about NFC Business Card?


9
8
7
6
5
4
3
2
1
0
No Yes

Figure 2.4

This is an important question whereby to make sure that customer knows about this NFC
Business Card. Unfortunately only three person knows about this, from that information I
understand that this NFC Business Card is a survival technology in our country, because if
this changes have been made then many of them will try to get this card. In current time,
many peoples enjoy and try to explore many new technology even they are not familiar with
that functions, for examples when smartphones come to market there are many people don’t
know how to use it but they bought for a glamour purpose, but know 90% of them are smart
enough to use and utilize the features in smartphone.

22
How many cards will you bring along with you,
when you go to meet your clients?
4.5
4
3.5
3
2.5
2
1.5
1
0.5
0
Less than 10 Less than 50 More than 10 More than 50

Figure 2.5

Well the number of cards bring by the customer to give their clients is one of the important
question in this survey, so that I have given them 4 option to be choose, from the survey I get
know that more people bring more than 10 cards. It is very clear that they carry more burden
with them when going to meet client. This NFC Business Card will be more efficient for them
to bring along.

23
Are you sure whether the card you given to client
is reach their cell phone?
12

10

0
No Yes

Figure 2.6

The main problem faced by the person who gives their business cards to their client is it’s
never reach their phone on the time the card given, sometimes they lost the card. From the
survey question many of them answered that they are not sure whether the card given to their
clients is reach their cell phone. This is the problem why our contact details never reach our
client. NFC Business Card is the biggest solution for this problem.

24
How frequent is your business card being
printed?

Yearly

Two times in a year

0 1 2 3 4 5 6 7 8

Figure 2.7

Money plays an important role in this NFC Business Card. Current business card holders
spent money almost every year to print their business card. Cost of printing business card is
around RM 50.00 for 100 cards. The printing of the cards not only wastage in terms of money
but it also cause environmental pollution. So that many people worries to spend much money
in this paper business cards. Most of the respondents print their business cards every year.
NFC Business Cards main special feature is one time purchase only.

25
Is your current business card information are
easy to update?
10
9
8
7
6
5
4
3
2
1
0
No Yes

Figure 2.8

Business card information update issue is one of the important issue, because when the person
who gives the business card need to change information in the card, it can’t be done easily
once they changed their information then they have reprint all the cards, but in NFC Business
Card the customer just need to update their information via online, and the information which
is in their card will changed within 24 hours.

26
What if NFC enabled business card tapping it
against your client’s phone will share all contact
details with them?
10
9
8
7
6
5
4
3
2
1
0
Excellent Good

Figure 2.9

Easy information sharing is the much appreciated thing by everyone. The question whereby is
it easy to share information using NFC Business Card, 9 of the respondents tells excellent and
2 of them tell good, so it’s clear that they believe sharing information using NFC technology
is much efficient then giving and wasting money in printing paper business cards. Another
good thing in NFC Business Card is there are secure details sharing, there is a serial number
for every customer to give their clients to access their contact information.

27
Do you believe that this NFC Business Card will
be green technology product?
12

10

0
Yes No

Figure 3

In current technology every product in market are mainly concentrate on green environment,
because we don’t want our product to be pollution to the environment. In that situation my
NFC Business Card is a green technology product agreed by all the respondents. Green
technology product will always get good response from market.

28
2.5.6 Interview Report (1st Respondent)

The interview was conducted with two different people who are using business cards
frequently, first part was conducted with an entrepreneur. The venue of the interview session
was conducted is her home, she was very comfortable to answer all my questions. From the
observation I made the reaction of the participant was very excited to get know the details of
NFC Business Card, and at the end she is really prefer to have one.

Name: VANI TANGGAMANI

Profession: Marketing

The respondent name I have conducted interview is Vani Tanggamani. She is an entrepreneur,
the business she doing is software marketing. The software she marketed is an education
software. In a month she will meet more than 100 people. She is a master holder in
accounting, who finished her studies in University Malaya. She have a good communication
skill, that’s the reason she choose marketing field. She run this business collaborate with her
own husband Mr. Kannan. This business gives them good turnover every month.

The reason behind why I choose her as my interview respondent because she is my aunt and I
have seen the problem she faced when using normal paper business cards. She print her
business card every year. One day when she open her own website she cannot update the
information in the cards she have, she almost have 250 cards, in that case she edit the
information and print again all the information include with new website link. These makes a
lot of money lost.

I had several specific goals in mind when I approached this interview. First of all, I wanted to
know how frequently she print the paper business card. As previously mentioned, although
she is my aunt I want know how much she allocate the cost of making this paper business
cards and her response on NFC Business Card development. Additionally, I wanted to get
some knowledge on normal peoples understanding in NFC Business Card.

The interview session started with how many cards will you bring along when go to meet your
client. Then she answered, that initially she will bring one box of cards which contains 100pcs
in her hand bag, and put other cards in her car. The reason she bring the cards in handbag
because it is easier for her to keep. Although easy, it is also a burden inside a bag. Then the
second question I asked was how your current card is representing, then she answered
excellent the reason because she cannot condemned her own business card, then after I asked
would you like if this card be more attractive, she answered “of course yes”.

Without further delay, I asked the third question, that are you sure whether the card you given
to client is reach their cell phone, she answered no, why because when the time she gives the
card the just put in the pockets, not many of them take them number and save in their phones.
So this is an important issue when giving our business card to the client, the information
should reach them. The sad thing is before she leaves the place she go for marketing some of

29
them throw the card away. She said that, this new business card innovation will help many
entrepreneurs who needs money in other valuable area.

My fourth question is what if NFC enabled business card tapping it against your client’s
phone will share all contact details with them, then she answered “wow that’s great, at least I
have a confident that my contact details is already saved in my clients phone”. Money was an
important for her in printing this business card so that I ask as fifth question, do you agree that
NFC business card is cost effective compare to normal paper business card, she answered yes,
rather than spending money to print the cards and give it to others better keep this one card
share information easily.

The sixth question was where you think is the perfect place to store client’s information
details, she answered mobile phone is the place to keep the information but some people will
keep it in their wallet, end of the day when clearing all the unwanted cards from wallet this
cards also will throw in the dustbin. Then I asked her whether is your company quality will be
increase while giving this NFC Business Card to your clients, she answered yes because may
be this new business card differentiate me among others. The last question is do you believe
that this NFC Business Card will be green technology product in future, she said a card that
can do jobs of 100 cards of course it will be the best and perfect green technology product.

After this interview session, my conclusion is this kind of new innovation will be a
breakthrough for many peoples, some people might don’t know the impact now, but in future
this NFC Business Card will gives a huge changeover.

30
2.5.7 Interview Report (2nd Respondent)

The second part was directed with a lawyer. The venue of the meeting session was directed is
her office, she was extremely agreeable to answer every one of my inquiries. From the
perception I made the response of the member was exceptionally eager to get know the subtle
elements of NFC Business Card, and toward the end she is truly like to have one.

Name: Devagi Tamil Selvan

Profession: Advocate

The respondent name I have conducted interview is Devagi Tamil Selvan. She is an advocate.
She finish her studies at University Kebangsaan Malaysia. Now she is 30 years old. After
working with many lawyers as a junior now she managed to deal many cases on her own.
Every week she meets around 2 to 3 clients, and when she go outside when introduce herself
to others she needs to provide them her business card. Basically the cases she handle is about
land and property issues.

The reason behind why I choose her as my interview respondent because she is my family
friend who are in good profession. So many times I have been following her to sites seeing
regarding land issues, on that time she meets many people and gives her business card to
them. Additionally she also will receive the business cards from them too. After she came to
her car she will have a card holder, then she will arrange it according to their names.

I had several specific goals in mind when I approached this interview. First of all, I wanted to
know how frequently she print the paper business card. As previously mentioned, although
she is my family friend I want know how much she allocate the cost of making this paper
business cards and her response on NFC Business Card development. Additionally, I wanted
to get some knowledge on normal peoples understanding in NFC Business Card.

The meeting session began with what number of cards will you convey along when go to meet
your customer. At that point she replied, that at first she will bring one container of cards
which contains 50pcs in her purse, and put different cards in her auto. The reason she acquire
the cards satchel in light of the fact that it is less demanding for all her. Albeit simple, it is
additionally a weight inside a sack. At that point the second question I asked was the way
your present card is speaking to, then she addressed great the reason in light of the fact that
she can't denounced her own business card, then after I inquired as to whether this card be
more alluring, she replied "obviously yes".

As soon as possible, I asked the third question, that are you certain whether the card you given
to customer is achieve their PDA, she addressed no, why in light of the fact that when the time
she gives the card the simply put in the pockets, relatively few of them take them number and
spare in their telephones. So this is an essential issue when giving our business card to the
customer, the data ought to contact them. The tragic thing is before she leaves the spot she go

31
for promoting some of them discard the card. She said that, this new business card
development will help numerous business people who needs cash in other important range.

My fourth question is consider the possibility that NFC empowered business card tapping it
without wanting to impart all contact points of interest to them, then she replied "wow that is
awesome, in any event I have a sure that my contact subtle elements is now spared in my
customers telephone. Cash was a critical for her in printing this business card with the goal
that I ask as fifth inquiry, do you concur that NFC business card is financially savvy contrast
with ordinary paper business card, she addressed yes, as opposed to burning through cash to
print the cards and offer it to others better keep this one card offer data effectively.

The 6th inquiry was the place you believe is the ideal spot to store customer's data subtle
elements, she addressed cellular telephone is the spot to keep the data yet a few individuals
will keep it in their wallet, end of the day when clearing all the undesirable cards from wallet
this cards likewise will toss in the dustbin. At that point I asked her whether is your
organization quality will be expand while giving this NFC Business Card to your customers,
she addressed yes on the grounds that may be this new business card separate me among
others. The last question is do you accept that this NFC Business Card will be green
innovation item in future, she said a card that can do tasks of 100 cards obviously it will be
the best and immaculate green innovation item.

After this meeting session, my decision is this sort of new advancement will be a leap forward
for some people groups, a few individuals may don't have the foggiest idea about the effect
now, however in future this NFC Business Card will gives an immense changeover.

32
2.6 Tools and Technology

Software:

Adobe Dreamweaver CC

Dreamweaver stays a standout amongst the most prevalent expert web configuration programs
accessible. It offers a ton of force and adaptability for both planners and engineers. There are a
ton of elements, which can make it threatening, yet as a rule, it is anything but difficult to get
and begin utilizing and the propelled elements make it conceivable to go from starting web
planner to expert in a brief time of time. I take Adobe Dreamweaver in light of the fact that I
have an involvement in utilizing Dreamweaver with the goal that it makes me simple to add to
the site page.

Database: Microsoft Access

MS-Access is a database administration apparatus of Microsoft. This is given with MS-Office


bundle. There is requirement for a database administration apparatuses like Access for all
corporate and private associations and so forth, where extensive measure of information to be
taken care of. At the point when extensive measure of information is being spared and handled
the name "Database" is utilized. Database administration is the procedure of controlling the
put away information to the necessities. Databases are intended to offer a composed system
for putting away, overseeing, and recovering data. Essentially database administration
includes the elements of information stockpiling and recovery. In a few events information
put away in a database may be altered and controlled by necessities. MS-Access is an
immaculate instrument to do every one of these sorts of capacities. When all is said in done
clients with small programming learning can utilize MS Access viably. There are valuable
menus like "Document, Edit and so forth. to give clients an exceptionally viable use of good
database administration. There is no support window, no complex Syntaxes, and no intricate
questions for Ms-Access. These are regular attributes of a large portion of the database
administration apparatuses. So MS-Access is an extremely viable database administration
instrument with no ordinarily happening diversions of a typical database administration
apparatus. As this accompanies MS-Office, this is promptly perfect all the normal office
needs. Capacities like information data, stockpiling, and recovery can be effortlessly and
successfully done. Subsequently we can say that MS-Access is a solid and exceptionally
viable database administration instrument of MS-Office bundle. For this NFC Business Card
database assumes a vital part contrast with other programming on the grounds that all the
client subtle elements will be put away in the framework. Gototags (NFC data writer)

The GoToTags Windows App permits you to encode NDEF records to NFC labels. To do
this, you first make the records in the principle window by including records, then once you
have the records the way you need tap the "Encode NFC Tags" catch in the toolbar. Touch
and hold a writable NFC tag to the appended NFC per user to encode the NFC tag with the
record information. You can alternatively for all time bolt the NFC tag. In the event that the
NFC tag is not as of now NDEF arranged; it will first be designed before the records are

33
composed. This is the product which I'm going to use for connection the points of interest of
my customer into the cards assembled in with NFC chip.

Hardware:

NFC tag writer and reader

The ACR122U NFC Reader is a PC-connected contactless brilliant card per user/essayist
created in light of the 13.56 MHz Contactless (RFID) Technology. Consistent with the
ISO/IEC18092 standard for Near Field Communication (NFC), it bolsters not just Mifare®
and ISO 14443 An and B cards additionally every one of the four sorts of NFC labels.
ACR122U is agreeable with both CCID and PC/SC. In this manner, it is an attachment and-
play USB gadget permitting interoperability with distinctive gadgets and applications. With
an entrance velocity of up to 424 kbps and a full USB pace of up to 12 Mbps, ACR122U can
likewise read and compose all the more rapidly and proficiently. The closeness working
separation of ACR122U is up to 5 cm, contingent upon the sort of contactless tag being used.
This equipment likewise is utilized together with gototags programming to interface the url of
them client NFC smart card.

NFC business cards offer an intuitive ordeal past what has ever been conceivable with
customary print. Each NFC business card has a NFC tag covered up inside that when tapped
by a NFC cell telephone connections to online substance, for example, a site page or feature.
Each NFC tag contains a NFC chip which influences both its accessible memory furthermore
similarity with cell telephones. Our business cards utilize the NTAG203 NFC chip for two
reasons. Firstly the NTAG203 is all around perfect with all NFC empowered telephones and
consequently you know it will work accurately in all circumstances. Also it has a usable
memory of 137 bytes (more or less 137 content characters) which is suitable notwithstanding
for exceptionally complex web addresses.

34
Chapter 3
3.1 Overview

This section will incorporate few charts that are intended for the proposed framework. Graphs
incorporate information stream outline (DFD), Entity Relationship Diagram (ERD), and
Context Diagram. A DFD is a graphical representation of the stream of information through
an Information System though; an ERD is a model that contains elements and the relationship
that can exist among them. Besides, there additionally will be few figures of framework's
Graphical User Interface included in this section.

35
3.2 Entity Relationship Diagram

Customer Card Delivery


Customer ID (PK) Owned Card ID (PK) Allows Transaction ID (PK)
Name Quantity Address
Phone Design option Card ID (FK)
Email Customer ID (FK) Customer ID (FK)
Company Name
Address

Receive

36
Data Dictionary

Customer Table

Column Name Data Type Null Description


Value
CUSTOMER_ID NUMBER(15) Not Null PK – A unique, sequence-generated number used as the record
(PK) identifier.
NAME VARCHAR(2 Not Null The name of the customer.
0)
AGE NUMBER(3) Not Null Customer age
PHONE NUMBER(12) Not Null Customer phone number
E-mail VARCHAR(2 Not Null Customer email Table 3.0
0)
Address VARCHAR(2 Not Null Customer address
0)

37
Card Table

Column Name Data Type Null Description


Value
CARD_ID (PK) NUMBER(1 Not Null PK – A unique, sequence-generated number used as the record identifier.
5)
QUANTITY NUMBER(3) Not Null The name of the customer. Table 3.1
DESIGN NUMBER(3) Not Null Customer age
OPTION
CUSTOMER_ID NUMBER(1 Not Null Customer phone number
(FK) 5)

Delivery Table

Column Name Data Type Null Description


Value
TRANSACTION_ID NUMBER(1 Not Null PK – A unique, sequence-generated number used as the record
(PK) 5) identifier.
ADDRESS VARCHAR( Not Null The address of the customer. Table 3.2
20)
CARD_ID NUMBER(3) Not Null Card unique serial number
CUSTOMER_ID NUMBER(1 Not Null Customer unique serial number
2)

38
3.3 Context Diagram
Card User

Customer info
0
Order Product
Tracking number
NFC Business Card Sales Report Admin &
Customer
System Company Owner

New order info


Final product

New Order

Programmer

39
3.4 Data Flow Diagram

Admin

Card User View customer info Sales Report


5.0 Final Product Info
Customer info
D1 Customer Details
Customer info 3.0

Customer info

Sales Report
Process Order

1.0
Order Details Process Order Card info
Customer D2 Card Details
Card info
2.0

Delivery info
Create Order

Delivery info
4.0
D3 Delivery Details
Tracking Number

New order
Ship Order

New order info


Shipping info

Programmer

40
3.5 System interface
Home

Figure 3.0

This is the homepage of the NFC Business Card, to read and get knowledge about it. In this
page I have provided is about NFC and also how it can be related with business card. This will
make the customer to get some knowledge before order and use the card. In this page also I
put some slideshow of card design to make customer interested.

41
Order Card

Figure 3.1

This is the order page of the NFC Business Card, in this there are three main part which is
customer details, card details and order details. Customer details is use for printing their

42
details in the card and also to update in database. Card details is the design of the card chosen
by customer and the quantity needed by them. Lastly the billing information, in this section
customer put their delivery details to deliver the item they ordered.

Update

Figure 3.2

After customer get their NFC business card, the basic information in the card can be edit here,
by using card serial number which is on the back of the card.

43
Block Card Information

Figure 3.4

This page is for block card information without get in to the unknown person’s hand.

44
Contact us and Testimonials

Figure 3.5

This is the last page of NFC Business Card in this page, customer can view the testimonial
cards, and the company details, if there is any issue.

45
Phone Function

Figure 3.6

If NFC Business Card touch by NFC enabled device then it will show the contact info
from database.

46
CHAPTER 4

IMPLEMENTATION

4.1 Actual Interfaces

This section includes the actual interfaces of both web users and the mobile interface.

4.1.1 Web Users Interface (MK NFC BUSINESS CARD BUYING PROCESS)
This is the MKNFC screenshots, where web users can post, edit and delete events.

47
Figure 4.1 MKNFC Home Screen

This is the homepage of MKNFC Business Card, here web user can see and read
about what the company doing and what is their product speciality.

48
Figure 4.2 MKNFC Order Screen

This is the page for customer make their order, in this page have two columns which is
customer preferred card design details and customer info details, in design details column
there card designs and quantity that customer wants to buy, customer info columns got
customer details and profile picture upload for their business card.

49
Figure 4.3 MKNFC How to make payment details

This page gives instruction for the customer that how to make their payment and what should
be recorded to finish their payment. In the first column of the page it’s show that their order
has been added and pending for payment. The second column shows, how to make payment
either online transaction or cash deposit.

50
Figure 4.4 MKNFC Check payment

In this page, after customer make payment either online transfer or cash deposit they can log
in again and put their registered phone number to complete payment process, if they put their
registered phone number their order details will be appear and they can put their transaction
number and finish payment.

51
Figure 4.5 MKNFC Final payment register

In this page customer can view their order and finally can put their transaction number and
complete their payment.

52
Figure 4.6 MKNFC Payment notification page, says that please check your transaction history
to check your payment approval.

Figure 4.7 MKNFC Check Transaction History

In this page customer need to put their transaction number to check their transaction detail.

53
Figure 4.7 MKNFC Transaction History

This transaction history page show that customer payment details and also transaction
approval and approved date to alert customer their delivery day, and to inform them that their
payment is already taken.

54
Figure 4.8 MKNFC Card Update Page

In this page customer have three option to update their business card, which is check and
update current information, block their details in the card and finally delete the card details.

55
Figure 4.8 MKNFC Update Page

From this page customer can change their details, in the system.

56
Figure 4.9 MKNFC Testimonial Page

This page will keep on update every month by changing pictures of testimony user of
the NFC Business Card.

57
Figure 4.10 MKNFC LOG IN Page

In this page customer need to sign up and log in to proceed with card order.

58
Figure 4.11 MKNFC Order Promotional Page

This will show customer about new update or new design of cards introduced by MKNFC.

59
Figure 4.12 MKNFC Admin Transaction Approval Page

In this page admin will check customer money transaction details and approve or decline their
payment.

Figure 4.13 MKNFC Customer details page

In this page able to view customer who purchased the card.

60
Figure 4.14 MKNFC Registered Customer

This page shows customer who has registered their details to login and buy the Business Card.

61
Figure 4.15 MKNFC User Smartphone view

62
CHAPTER 5

TESTING AND RESULTS

5.1 Test Cases

This section includes test cases of all the available functions in web side of MKNFC Business

Card.

5.1.1 Unit Testing

These are unit testing between developer and Supervisor

5.1.2 Test Cases for Web Users

These are the test cases for web users.

63
5.1.1 Unit Testing (Supervisor & Developer)
Number Title Description Madam Rubijesmin Bt Abdul Latif Developer (Thinesh)
1. Customer Customer sign up and login I have made by using No problem it works fine. No problem
Sign Up & reference from my pass web programing class
Log In assignment. This sign up and login connection I
showed to my supervisor on submission of milestone
2, it works as expected.

2. Website For this website I took one of the existing website She tell to change the unwanted After changes, the website
background template to edit and redo it, I was needed some time, information on the website and also take looks fine and familiar for
& theme to edit it and on the same time, I was concentrating out the unwanted tabs. the user.
with all the database connection, so that it never
completed until end of milestone 2.

3. Forms This MK NFC website contains up to 8 form, for Validate the forms, and put every single I have done validation for
different functions, details in the form to make user some columns, but the
Form List: understand what they should take note. details I have put perfectly
1) Sign Up & Login For example, below phone number on all the forms.
2) Order Form column put small note to inform user
3) Payment Form that it should be remembered to proceed
4) Card Update Options with payment process.
5) Update Card Form
6) Transaction History Details Form
7) Admin Approval form
8) Contact Details Form in smartphone web browser

4. Payment This payment process I was done differently on the Make changes on the payment method, New payment method
Process beginning, the way is customer have to pay first do some research on how can make much more efficient than
before proceed with order. Then after milestone 2, my people do it easily. before.
supervisor give me some idea and reference webpages
that buying goods via online, to improve my payment
method. The improvised version is customer can order
their goods first then they need to pay the amount of

64
their order then put the transaction number to finalise
the order for delivery.
5. Card This feature makes user to block their details from the This is easier for the admin and also Customer has more
Blocking URL, so that my 1st approach was user will inform user because this will done on the spot, privilege to update their
admin to block their card, then only the admin will but previous system, user need to wait card in terms of block and
take their details from server and put in separate until admin remove their details from also remove permanently
folder. My supervisor told me as a good system the server. from the system.
admin no need to do any work on server, so that try to
do make customer block their details in the system. I
have work on it and comes with an idea that, it’s same
like update also but if customer put their name and ID
to block their card means the details will show X-X-
X-X.
6. Admin After customer put their transaction number, admin Don’t make customer think they are not The approval details is
Approval will check it from their page and update the payment safe, provide details such as in progress important because, as a
as approved and card will shipped after two days, but to show them the order is on process. customer who make the
in the beginning I never put details such as that, my payment will need
supervisor advise me to put details and make notification on every step
customer feel safe that delivery of the card and the we have done.
payment on progress, in addition my supervisor tell
me to add approved date and time, so that customer
will get know the date and time approval.
Table 5.5 Unit Testing

65
MKNFC Business Card – Web User
Purpose:
To test all the available function to a web user
Case Details
Step( Description Expected Results Actual Pass/Fa
s) Results il
Step 1 Customer click on order now This button will As Pass
bring customer to expected
order page if they
already, if not
means I will ask to
log in 1st.

Step 2 This is the login column to Login must be As Pass


successful and the expected
order page will
appear.

Step 3 Place the order A form will be As Pass


displayed with expected
the following
fields:
1. Card
design
2. Card
quantity
3. Name
4. Phone
5. Email
6. Company
name
7. Address

66
8. Profile
picture
upload
Step 4 Instruction how to make payment for When customer As Pass
the order. enter proceed expected
button it will go to
payment page.

Step 5 Here customer need to put their After customer put As Pass
registered phone number to check the their phone expected
order and make payment number it will
show their order.

Step 6 This is the final payment page for In this page As Pass
customer put their money transaction customer need to expected
number to finish the order. put their
transaction
number,
transferred bank,
transferred
amount and the
delivery address.

Step 7 Here customer need to put their Should be able to As Pass


transaction number to check their find customer expected
transaction details history by their
transaction
number

67
Step 8 This is the transaction history page that The details of the As Pass
show whether customer payment transaction show expected
approved or denied. to customer, and
by default the
approval part will
be on progress.

Step 9 This is the update part of the customer, Customer has Not as
after they received their card three options expected Custom
here, which is er
check and update profile
their current info, picture
they also may could
block the details in not be
the card, and block.
finally delete
everything.
Step Customer update column Customer card As Pass
10 update column, expected
everything update
fine.

Step To logout, click on Logout The login page As Pass


11 should appear expected
after clicking

Step Admin approval by serial number Admin approval As Pass


12 should change expected
default “on
progress”
statement on
approval column
to updated
information

68
Tester: Vikash Nair
Date: 20/1/2016
Pass/Fail: Pass

Comments User could not update their


/Remarks: picture
Acceptance Of Testing

Verified by: Acceptanc


e by:
Name: Vikash Nair Name:
Date: Thinesh
Date:
Table 5.1 Web user Testing

69
MKNFC Business Card – Smartphone User
Purpose:
To test all the available function to a smartphone user
Case Details
Step(s Description Expected Actual Pass/Fail
) Results Results
Step 1 Customer click on call, message and mail This button As PASS
will bring expected
user to call,
message
and mail
using their
smartphone

Step 2 Download contact to smartphone Contact As PASS


need to be expected
saved in
user
smartphone

Step 3 User details from database Fetch data As PASS


from expected
database

Tester: Vikash Nair


Date: 20/1/2016
Pass/Fail: Pass

Comments User could not update their picture


/Remarks:
Acceptance Of Testing

Verified by: Accepta


nce by:
Name: Vikash Nair Name:
Date: Thinesh
Date:
Table 5.2 Smartphone Testing

70
MKNFC Business Card – Web User
Purpose:
To test all the available function to a web user
Case Details
Step( Description Expected Results Actual Pass/Fail
s) Results
Step 1 Customer click on order now This button will bring As Pass
customer to order page if expected
they already, if not
means I will ask to log in
1st.

Step 2 This is the login column to Login must be successful As Pass


and the order page will expected
appear.

Step 3 Place the order A form will be displayed All the Pass
with the following forms
fields: should
be
1. Card design
validated
2. Card quantity , for
3. Name example
4. Phone in the
5. Email email
6. Company name column
7. Address only
email will
8. Profile picture
accepted
upload

71
Step 4 Instruction how to make When customer enter As Pass
payment for the order. proceed button it will go expected
to payment page.

Step 5 Here customer need to put their After customer put their As Pass
registered phone number to phone number it will expected
check the order and make show their order.
payment

Step 6 This is the final payment page for In this page customer As Pass
customer put their money need to put their expected
transaction number to finish the transaction number,
order. transferred bank,
transferred amount and
the delivery address.

Step 7 Here customer need to put their Should be able to find As Pass
transaction number to check customer history by their expected
their transaction details transaction number

72
Step 8 This is the transaction history The details of the As Pass
page that show whether transaction show to expected
customer payment approved or customer, and by default
denied. the approval part will be
on progress.

Step 9 This is the update part of the Customer has three Not as Customer
customer, after they received options here, which is expected profile
their card check and update their picture
current info, they also could not
may block the details in be block.
the card, and finally
delete everything.
Step Customer update column Customer card update As Pass
10 column, everything expected
update fine.

Step To logout, click on Logout The login page should As Pass


11 appear after clicking expected

Step Admin approval by serial number Admin approval should As Pass


12 change default “on expected
progress” statement on
approval column to
updated information

Tester: Madam Ammuthavali A/p


Date: Ramasamy (Examiner)
Pass/Fail: 20/1/2016
Pass

73
Comments User could not update
/Remarks: their picture and Forms
need to validates
Acceptance Of Testing

Verified by: Acceptan


ce by:
Name: Madam Ammuthavali A/p Name:
Ramasamy (Examiner) Thinesh
Date: Date:
Table 5.3 Web user Testing

74
MKNFC Business Card – Smartphone User
Purpose:
To test all the available function to a smartphone user
Case Details
Step(s Description Expected Actual Pass/Fail
) Results Results
Step 1 Customer click on call, message and mail This button will As PASS
bring user to expected
call, message
and mail using
their
smartphone

Step 2 Download contact to smartphone Contact need As PASS


to be saved in expected
user
smartphone

Step 3 User details from database Fetch data As PASS


from database expected

Tester: Madam Ammuthavali A/p


Date: Ramasamy (Examiner)
Pass/Fail:20/1/2016
Pass
Comments User could not update their picture
/Remarks:
Acceptance Of Testing

Verified by: Acceptan


ce by:
Name: Madam Ammuthavali A/p Ramasamy Name:
(Examiner) Thinesh
Date: Date:
Table 5.4 Smartphone Testing

75
CHAPTER 6

Conclusions

6.1 Limitations in the System

1) Website Design
This website was design using basic html coding and CSS, so that it looks very
simple. Most of the websites now using JavaScript and also many scripts to
develop a website.
2) Picture Upload
In my system when customer order their card they can only upload their
picture once on the time they order the card, they cannot update their picture
on card update details. Nowadays people are more attached to many accounts
that they can update the details easily include their profile pictures.
3) Payment Method
Payment method in this system was inspired by small business via online,
basically what people promote and sell using Facebook. For example people
who buying goods online is contact the person and bank in the amount to
purchase anything. My system also using same method for example after
customer made their order they may transfer the amount to my account or cash
deposit to my account. This way of buying process might be not efficient for
customer.
4) Card design
In my system customer can choose their card designs to be printed. Currently I
have provided 4 designs for the customer, it is very limited for customers to
choose. Every customer has their own design to make their card, so that they
need have privileges to edit their own design.

76
6.2 Future Enhancements

1) Website Design
The design of the website will upgraded into new themes and background,
which makes customer catchier so that there will be many site visitor and
make them buy the product. In page navigation set perfectly, to make customer
easily navigate to the subpages easily
2) Picture Upload
Change the card update process such as Facebook profile creating, so that
customer will be able to easily update any of their information privately
including their profile pictures and so on. Customer will able to owned the
own profile page to share with their clients using NFC Business Card.
3) Payment Method
Nowadays people who are buying goods via online are very busy, and that’s
the reason the buy via online, so that in future my website will no longer need
for customer cash deposit and online transfer transaction number to make their
payment, they can just pay using plug-in of iPay88, it is the system that deduct
money directly from customer bank account, example Digi Prepaid card
buying via online.
4) Card design
People nowadays need to have their own space to design their card, even
people who printing paper business card also giving the printing service
company many designs, in future in my system customer can design their card
using their own picture and backgrounds, and they can also choose material of
the card.

77
6.3 Chapters Summary

Chapter one includes project background, drawback statement, objectives, scope,


expected outcome and project timeline. It's abridge what should be accomplish, for
whom, what should be convey and when. It's give the comprehension of the
undertaking. In this section, learning picked up is on the best way to distinguish the
issue confronted by the organization and proposed the answer for the organization.

In this chapter 2, it’s explain what a good system must have. Furthermore, the
software development methodology and research methodology also chosen and
explained in this chapter. Two systems that have similarities with proposed system
also compared with proposed system in this chapter. Knowledge gained is on how to
plan and conduct interviews in order to get the user requirements from the users.

Chapter 3 summary is charts intended for proposed framework are incorporated into
this section. Illustrations of graphs are Data Flow Diagram (DFD), Entity Relationship
Diagram (ERD), and Context Diagram. Few figures of framework's Graphical User
Interface additionally incorporated into this part. Information picked up from this part
is as far as specialized angle which is making Context Diagram, DFD, ERD and User
Interface suits with the framework prerequisites.

Detail descriptions of implementation method is enclosed during this chapter. All


interfaces for deployed system at the side of rationalization even be enclosed during
this chapter. For implementation, language used is HTML and PHP in Adobe
Dreamweaver. Data gained are the data concerning new language and new framework
for that utilized in the system development.

Test cases documents and the result of the testing are made and included in Chapter 5.
Knowledge gained is on how to perform test to the developed system and their
importance.

78
6.4 Conclusion

Nowadays business people who using business cards are having some problems,
whereby they need to find bring a lot of business cards together when they go to meet
their clients, but even though they put as much information in the card, they cannot
put more than 6 lines of info. Some people meets many of their clients for example
marketers they provide many cards and print the card every 6 months, this makes
waste of money.

The objective of this system is to reduce use of paper business card, and make this
NFC Business Card reach people who using paper business card. Maintaining
customer data in database which used to retrieve using NFC Business Card. Reporting
of card lost by customer and also sales report of customer buying this NFC Business
Card in the database. Create a website to promote and sell NFC Business Card. Write
data to the NFC Business Card with certain hardware.
This report give readers understanding about how the system should work and how it
should looks like. This report combine introduction, analysis and system
requirements, design, implementation and testing and result.

79
Reference

[1] URL: http://us.moo.com/nfc/ Date of extraction: 8/9/2015

[2] URL: https://play.google.com/store/apps/details?id =de.hadizadeh.nfcbc8EhI=en

Date of extraction: 8/9/2015

[3] URL: http://rapidnfc.com/item/221/nfc cards tickets nfc business card ntag2l3

Date of extraction: 8/9/2015

[4] URL: http://www.comDuterhoDe.com/jargon/d/dreamweaYer.html Date of extraction:


8/9/2015

[5] URL: http://www.simDly-access.com/What-ls-Microsoft-AccessJitml Date of extraction:


8/9/2015

[6] URL: https://gototass.com/Droducts/windows-aDD/ 8/9/2015 Date of extraction: 8/9/2015

[7] URL: html://www.acs.com.hk/en/products/3/acr122u-usb-nfc-reader Date of extraction:


8/9/2015

[8] URL: http://www.acs.com.hk/en/products/3/acr1 22u-usb-nfc-reader Date of extraction:


8/9/2015

80
Appendix
Order Page HTML code
<?php

session_start();

$username=$_SESSION["username"];

$identity= $_SESSION["password"];

if(isset($_SESSION["username"]) && isset($_SESSION["password"]))

?>

<html>

<head>

<title>Ancient Blog Template</title>

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

</head>

<body>

<div id="templatemo_wrapper_01">

<div id="templatemo_wrapper_02">

<div id="templatemo_header">

<div id="site_title">

<a href="#">Era of new inventions</a>

</div>

<div id="header_right">

<a href="#" class="button twitter"></a>

<a href="#" class="button mail"></a>

<a href="#" class="button rss"></a>

81
<div id="search_box">

<h3 style="color:white;"> Hello

<?php echo "$username" ?> </h3>

<form> <button type="submit" formaction="logout.php">Logout</button></form>

</div>

<div id="templatemo_menu">

<ul>

<li><a href="buy.php">Order Now</a></li>

<li><a href="update1.php">Card Update</a></li>

<li><a href="payment.html">Payment</a></li>

<li><a href="trans1.php">Transaction history</a></li>

</ul>

</div> <!-- end of templatemo_menu -->

</div>

</div> <!-- end of templatemo_header -->

<div id="templatemo_main">

<div id="templatemo_content_wrapper">

<div id="templatemo_content_top"></div>

<div id="templatemo_content">

<div class="content_box">

<h2>Card Design Details</h2>

<form method= "post" action ="test.php" enctype="multipart/form-data">

<table>

<tr>

<td><input type="radio" name="design"


value="picture1" />

<img src="fb1.jpg" width="160"


height="picture2"></td>

82
<td><input type="radio" name="design"
value="picture3" />

<img src="fb2.jpg" width="160"


height="120"></td></tr>

<tr>

<td><input type="radio" name="design"


value="picture4" />

<img src="fb3.jpg" width="160" height="120"></td>

<td><input type="radio" name="design"


value="picture5" />

<img src="fb4.jpg" width="160"


height="120"></td></tr>

</table>

<div class="cleaner h10"></div>

Quantity and Prices <br><br>

<select name="quantity">

<option value="1 CARD= RM 50.00">1 CARD= RM


50.00</option>

<option value="2 CARD= RM 90.00">2 CARD= RM


90.00</option>

<option value="3 CARD= RM 120.00">3 CARD= RM


120.00</option>

</select>

<div class="cleaner h10"></div>

<div class="cleaner h10"></div>

<div class="cleaner h10"></div>

</div>

<div class="content_box">

<h2>Customer Info</h2>

Name: <input name = "name" type= "text">

<div class="cleaner h10"></div>

83
Phone: <input name = "phone" type= "text">
<br>"Please use this phone number to proceed with payment"

<div class="cleaner h10"></div>

Email: <input name = "mail" type= "text">

<div class="cleaner h10"></div>

Company Name: <input name = "cname" type= "text">

<div class="cleaner h10"></div><br><br>

<textarea name="editor" rows="5" cols="50"


>Address</textarea><br><br><br>

Select profile picture to upload:

<input type='file' name='image'><br><br>

<input type="submit" value="Proceed to payment" id="submit" name="submit"/>

<input type="reset" value="Reset" id="reset"


name="reset"/>

</form>

<div class="cleaner h10"></div>

<div class="clear h30"></div>

<div class="clear"></div>

</div>

<div class="content_box last_box">

<div class="cleaner h10"></div>

</div>

84
</div> <!-- end of content -->

<div id="templatemo_content_bottom"></div>

</div> <!-- end of content wrapper -->

<div id="templatemo_sidebar">

<div class="sidebar_box_wrapper">

<div class="sidebar_box_wrapper">

<div class="sidebar_box">

<div class="sb_title"><img src="images/categories.png" alt="Categories" /></div>

<div class="sb_content">

<p style="color:white;font-family:monotype corsive;">MK HIGH PROFESSIONAL<br><br>

Address:

Block Administration, Jalan Serdang, Seksyen 11, Selangor, 43650 Bandar Baru Bangi, Malaysia<br><br>

Contact Number:<br><br>

Toll Free 1800-000-000<br><br>

+6016-374 1528<br><br>

macthinesh@gmail.com</p>

</div>

</div>

<div class="sidebar_box">

<div class="sb_title"><img src="images/recent_blog_entries.png" alt="Recent Blog Entries" /></div>

<div class="sb_content">

<p style="color:white;font-family:monotype corsive;">

1. Payment Method?<br>

A: Online Transfer or Cash Deposit

<br><br>

85
2. Delivery Time?

A: Two days after payment approved

<br><br>

3. Is there any charge for card update?

A: No

<br><br>

4. How many times details can be updated?

A: No limit except for profile picture

<br><br>

5. Can a person buy for another person?

A: Yes

</p

></div>

</div>

</div>

<div class="templatemo_cleaner"></div>

<div class="templatemo_sidebar_bottom"></div>

<div class="templatemo_cleaner"></div>

<div>

</div>

<div class="templatemo_cleaner"></div>

<div align="center">

</div>

</div> <!-- end of sidebar -->

<div class="clear"></div>

86
</div> <!-- end of main -->

<div id="templatemo_footer">

Copyright © 2048 <a href="#">MK High Professional</a> |

</div> <!-- end of footer -->

</div> <!-- end of wrapper 02 -->

</div> <!-- end of wrapper 01 -->

<div align=center></div>

<?php

else{

echo "Please login. ";

echo '<a href=login.html> Click here to back </a>';}

?>

</body>

</html>

Payment Page
<?php

session_start();

$username=$_SESSION["username"];

$identity= $_SESSION["password"];

if(isset($_SESSION["username"]) && isset($_SESSION["password"]))

?>

<html>

<head>

<title>Ancient Blog Template</title>

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

87
</head>

<body>

<div id="templatemo_wrapper_01">

<div id="templatemo_wrapper_02">

<div id="templatemo_header">

<div id="site_title">

<a href="#">Era of new inventions</a>

</div>

<div id="header_right">

<a href="#" class="button twitter"></a>

<a href="#" class="button mail"></a>

<a href="#" class="button rss"></a>

<div id="search_box">

<h3 style="color:white;"> Hello

<?php echo "$username" ?> </h3>

<form> <button type="submit" formaction="logout.php">Logout</button></form>

</div>

<div id="templatemo_menu">

<ul>

<li><a href="buy.php">Order Now</a></li>

<li><a href="update1.php">Card Update</a></li>

<li><a href="payment.html">Payment</a></li>

<li><a href="trans1.php">Transaction history</a></li>

</ul>

</div> <!-- end of templatemo_menu -->

</div>

</div> <!-- end of templatemo_header -->

88
<div id="templatemo_main">

<div id="templatemo_content_wrapper">

<div id="templatemo_content_top"></div>

<div id="templatemo_content">

<div class="content_box">

<h2>Payment</h2>

<?php

$con = mysql_connect("localhost", "root", "");

if(!con)

die ("Connection error: <br>".mysql_error());

else

{ $db = mysql_select_db("mknfc");

if(!$db)

die("DB not found: <br>".mysql_error());

else

{ $phone = $_POST["phone"];

$query = "select * from customer where phone='".$_POST["phone"]."'";

$result = mysql_query($query);

if (!$result)

die ("Invalid query: <br>".mysql_error());

else

if(mysql_num_rows($result) == 0)

echo 'Phone number does not exists. <br>';

else

if (!$result)

die ("Invalid query: <br>".mysql_error());

89
else //if record exists

echo "<table border=1 align=center bgcolor=white bordercolor=black style=color:black>

<tr>

<th>Name</th>

<th>Phone</th>

<th>e-mail</th>

<th>Price and Quantity</th>

</tr>";

while($record = mysql_fetch_array($result)){

echo "<tr>";

echo "<td>" . $record['name'] . " </td>";

echo "<td>" . $record['phone'] . " </td>";

echo "<td>" . $record['mail'] . "</td>";

echo "<td>" . $record['quantity'] . "</td>";

echo "</tr>";

echo "</table><br>";

}?>

</div>

<div class="content_box">

<?php

$con = mysql_connect("localhost", "root", "");

if(!con)

die ("Connection error: <br>".mysql_error());

else

{ $db = mysql_select_db("mknfc");

if(!$db)

die("DB not found: <br>".mysql_error());

else

90
{ $phone = $_POST["phone"];

$query = "select * from customer where phone='".$_POST["phone"]."' ";

$result = mysql_query($query);

if (!$result)

die ("Invalid query: <br>".mysql_error());

else

if ($record = mysql_fetch_array($result)){?> <font style="color:black">

<form method= "post" action ="payprocess.php">

Phone Number: <input name = "phone" type="text" value="<?php echo $record['phone'] ?>"
readonly><br><br>

Transaction Number: <input name = "trans" type= "text">

<br>

Bank: <div class="cleaner h10"></div>

<input type="radio" name="bank"


value="cimb">CIMB

<div class="cleaner h10"></div>

<input type="radio" name="bank"


value="maybank">Maybank

<div class="cleaner h10"></div>

Amount Transferred: <input name = "amt" type= "text">

<div class="cleaner h10"></div>

Delivery Address: <textarea name="daddress" rows="5" cols="50" ></textarea>

<div class="cleaner h10"></div>

<input type="submit" value="Finish payment" id="submit" name="submit"/></form>

</form></font>

<?php

}?>

</div>

<div class="content_box last_box">

91
</div>

</div> <!-- end of content -->

<div id="templatemo_content_bottom"></div>

</div> <!-- end of content wrapper -->

<div id="templatemo_sidebar">

<div class="sidebar_box_wrapper">

<div class="sidebar_box_wrapper">

<div class="sidebar_box">

<div class="sb_title"><img src="images/categories.png" alt="Categories" /></div>

<div class="sb_content">

<p style="color:white;font-family:monotype corsive;">MK HIGH PROFESSIONAL<br><br>

Address:

Block Administration, Jalan Serdang, Seksyen 11, Selangor, 43650 Bandar Baru Bangi, Malaysia<br><br>

Contact Number:<br><br>

Toll Free 1800-000-000<br><br>

+6016-374 1528<br><br>

macthinesh@gmail.com</p>

</div>

</div>

<div class="sidebar_box">

<div class="sb_title"><img src="images/recent_blog_entries.png" alt="Recent Blog Entries" /></div>

<div class="sb_content">

<p style="color:white;font-family:monotype corsive;">

1. Payment Method?<br>

92
A: Online Transfer or Cash Deposit

<br><br>

2. Delivery Time?

A: Two days after payment approved

<br><br>

3. Is there any charge for card update?

A: No

<br><br>

4. How many times details can be updated?

A: No limit except for profile picture

<br><br>

5. Can a person buy for another person?

A: Yes

</p

></div>

</div>

</div>

<div class="templatemo_cleaner"></div>

<div class="templatemo_sidebar_bottom"></div>

<div class="templatemo_cleaner"></div>

<div>

</div>

<div class="templatemo_cleaner"></div>

<div align="center">

</div>

</div> <!-- end of sidebar -->

93
<div class="clear"></div>

</div> <!-- end of main -->

<div id="templatemo_footer">

Copyright © 2048 <a href="#">MK High Professional</a> |

</div> <!-- end of footer -->

</div> <!-- end of wrapper 02 -->

</div> <!-- end of wrapper 01 -->

<div align=center></div>

</body>

<?php

else{

echo "Please login. ";

echo '<a href=login.html> Click here to back </a>';}

?>

</html>

Card Update Page


<?php

session_start();

$username=$_SESSION["username"];

$identity= $_SESSION["password"];

if(isset($_SESSION["username"]) && isset($_SESSION["password"]))

?>

<html>

<head>

<title>Ancient Blog Template</title>

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

</head>

<body>

<div id="templatemo_wrapper_01">

<div id="templatemo_wrapper_02">

<div id="templatemo_header">

<div id="site_title">

<a href="#">Era of new inventions</a>

</div>

<div id="header_right">

<a href="#" class="button twitter"></a>

<a href="#" class="button mail"></a>

<a href="#" class="button rss"></a>

<div id="search_box">

<h3 style="color:white;"> Hello

<?php echo "$username" ?> </h3>

<form> <button type="submit" formaction="logout.php">Logout</button></form>

</div>

<div id="templatemo_menu">

<ul>

<li><a href="buy.php">Order Now</a></li>

<li><a href="update1.php">Card Update</a></li>

<li><a href="payment.html">Payment</a></li>

<li><a href="trans1.php">Transaction history</a></li>

</ul>

95
</div> <!-- end of templatemo_menu -->

</div>

</div> <!-- end of templatemo_header -->

<div id="templatemo_main">

<div id="templatemo_content_wrapper">

<div id="templatemo_content_top"></div>

<div id="templatemo_content">

<div class="content_box">

<h2>My Information</h2>

<?php

$con = mysql_connect("localhost", "root", "");

if(!con)

die ("Connection error: <br>".mysql_error());

else

{ $db = mysql_select_db("mknfc");

if(!$db)

die("DB not found: <br>".mysql_error());

else

{ $name = $_POST["name"];

$serial = $_POST["serial"];

$query = "select * from customer where name='".$_POST["name"]."' &&


serial='".$_POST["serial"]."' ";

$result = mysql_query($query);

if (!$result)

die ("Invalid query: <br>".mysql_error());

else

if ($record = mysql_fetch_array($result)){?>

96
<font style="color:black">

<form method= "post" action ="updateprocess.php">

Name: <input name = "name" type= "text"


value="<?php echo $record['name'] ?>">

<div class="cleaner h10"></div>

Mobile Phone: <input name = "phone" type= "text"


value="<?php echo $record['phone'] ?>">

<div class="cleaner h10"></div>

Office Phone: <input name = "ofphone" type= "text" value="<?php echo $record['ofphone'] ?>">

<div class="cleaner h10"></div>

Fax: <input name = "fax" type= "text" value="<?php echo $record['fax'] ?>">

<div class="cleaner h10"></div>

Email: <input name = "mail" type= "text"


value="<?php echo $record['mail'] ?>">

<div class="cleaner h10"></div>

Website: <input name = "web" type= "text" value="<?php echo $record['web'] ?>">

<div class="cleaner h10"></div>

Facebook: <input name = "fb" type= "text" value="<?php echo $record['fb'] ?>">

<div class="cleaner h10"></div>

Twitter: <input name = "tweet" type= "text" value="<?php echo $record['tweet'] ?>">

<div class="cleaner h10"></div>

Instagram: <input name = "insta" type= "text" value="<?php echo $record['insta'] ?>">

<div class="cleaner h10"></div>

97
Other Information: <input name = "other" type= "text" value="<?php echo $record['other'] ?>">

<div class="cleaner h10"></div>

Company Name: <input name = "cname" type= "text"


value="<?php echo $record['cname'] ?>">

<div class="cleaner h10"></div>

Address: <textarea name="editor" rows="5"


cols="50"><?php echo $record['editor'] ?></textarea>

<div class="cleaner h10"></div>

Card Serial Number: <input name = "serial" type="text" value="<?php echo $record['serial'] ?>"
readonly>

<div class="cleaner h10"></div>

<input type="submit" value="Update" id="submit" name="submit"/></form></font>

<?php

}?>

</div>

<div class="content_box">

<div class="clear h30"></div>

<div class="clear"></div>

</div>

<div class="content_box last_box">

98
</div>

</div> <!-- end of content -->

<div id="templatemo_content_bottom"></div>

</div> <!-- end of content wrapper -->

<div id="templatemo_sidebar">

<div class="sidebar_box_wrapper">

<div class="sidebar_box">

<div class="sb_title"><img src="images/categories.png" alt="Categories" /></div>

<div class="sb_content">

<p style="color:white;font-family:monotype corsive;">MK HIGH PROFESSIONAL<br><br>

Address:

Block Administration, Jalan Serdang, Seksyen 11, Selangor, 43650 Bandar Baru Bangi, Malaysia<br><br>

Contact Number:<br><br>

Toll Free 1800-000-000<br><br>

+6016-374 1528<br><br>

macthinesh@gmail.com</p>

</div>

</div>

<div class="sidebar_box">

<div class="sb_title"><img src="images/recent_blog_entries.png" alt="Recent Blog Entries" /></div>

<div class="sb_content">

<p style="color:white;font-family:monotype corsive;">

1. Payment Method?<br>

A: Online Transfer or Cash Deposit

<br><br>

99
2. Delivery Time?

A: Two days after payment approved

<br><br>

3. Is there any charge for card update?

A: No

<br><br>

4. How many times details can be updated?

A: No limit except for profile picture

<br><br>

5. Can a person buy for another person?

A: Yes

</p

></div>

</div>

</div>

<div class="templatemo_cleaner"></div>

<div class="templatemo_sidebar_bottom"></div>

<div class="templatemo_cleaner"></div>

<div>

</div>

<div class="templatemo_cleaner"></div>

<div align="center">

</div>

<?php

else{

echo "Please login. ";

100
echo '<a href=login.html> Click here to back </a>';}

?>

</div> <!-- end of sidebar -->

<div class="clear"></div>

</div> <!-- end of main -->

<div id="templatemo_footer">

Copyright © 2048 <a href="#">MK High Professional</a> |

</div> <!-- end of footer -->

</div> <!-- end of wrapper 02 -->

</div> <!-- end of wrapper 01 -->

<div align=center></div>

</body>

</html>

Admin Approval Page


<html>

<head>

<title>Ancient Blog Template</title>

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

</head>

<body>

<script>

function myFunction() {

var x = document.lastModified;

document.getElementById("demo").innerHTML = x;

101
</script>

<div id="templatemo_wrapper_01">

<div id="templatemo_wrapper_02">

<div id="templatemo_header">

<div id="site_title">

<a href="#">Era of new inventions</a>

</div>

<div id="header_right">

<a href="#" class="button twitter"></a>

<a href="#" class="button mail"></a>

<a href="#" class="button rss"></a>

<div id="templatemo_menu">

<ul>

<li><a href="index.php" class="current">Approval</a></li>

<li><a href="customer.php" class="current">Customer Details</a></li>

<li><a href="registered.php" class="current">Registered Customer</a></li>

</ul>

</div> <!-- end of templatemo_menu -->

</div>

</div> <!-- end of templatemo_header -->

<div id="templatemo_main">

<div id="templatemo_content_wrapper">

<div id="templatemo_content_top"></div>

<div id="templatemo_content">

<div class="content_box">

<?php

$con = mysql_connect("localhost", "root", "");

if(!con)

102
die ("Connection error: <br>".mysql_error());

else

$db = mysql_select_db("mknfc");

if(!$db)

die("DB not found: <br>".mysql_error());

else

{ $serial = $_POST["serial"];

$name = $_POST["name"];

$phone = $_POST["phone"];

$ofphone = $_POST["ofphone"];

$mail = $_POST["mail"];

$trans = $_POST["trans"];

$amt = $_POST["amt"];

$approval = $_POST["approval"];

$tarikh = $_POST["tarikh"];

$query = "select * from customer"; //put query in a variable named $query

$result = mysql_query($query);

if (!$result)

die ("Invalid query: <br>".mysql_error());

else //if record exists

echo "<table border=1 align=center bgcolor=white bordercolor=black style=color:black>

<tr>

<th>Serial</th>

<th>Name</th>

<th>Phone</th>

<th>Office Phone</th>

103
<th>e-mail</th>

<th>Trans</th>

<th>Amount</th>

<th>Approval</th>

<th>Approved Date</th>

</tr>";

while($record = mysql_fetch_array($result)){

echo "<tr>";

echo "<td>" . $record['serial'] . "</td>";

echo "<td>" . $record['name'] . " </td>";

echo "<td>" . $record['phone'] . " </td>";

echo "<td>" . $record['ofphone'] . "</td>";

echo "<td>" . $record['mail'] . "</td>";

echo "<td>" . $record['trans'] . "</td>";

echo "<td>" . $record['amt'] . "</td>";

echo "<td>" . $record['approval'] . "</td>";

echo "<td>" . $record['tarikh'] . "</td>";

echo "</tr>";

echo "</table>";

?>

<?php

$approval = @$_POST['approval'];

$tarikh = @$_POST['tarikh'];

$serial = @$_POST['serial'];

104
mysql_connect("localhost","root","") or die ('Error:' . mysql_error());

mysql_select_db("mknfc");

$sql="UPDATE customer SET approval='$approval',tarikh='$tarikh' WHERE serial='".$_POST['serial']."'";

mysql_query($sql) or die ('Error');

?>

<br><br><br><br>

<button onclick="myFunction()">Date and Time</button>

<p id="demo"></p>

<div class="cleaner h10"></div>

<form name="form1" action="index.php" method="post">

Serial: <input name = "serial" type= "text">

<div class="cleaner h10"></div>

Date: <input name = "tarikh">

<div class="cleaner h10"></div>

Approval : <select name= "approval">

<option value="approved">Approved</option>

<option value="decline">Decline</option>

</select>

<input type="submit" value="Send" id="submit" name="submit"/>

</form>

</div>

<div class="content_box"></div>

<div class="content_box last_box">

</div>

</div> <!-- end of content -->

105
<div id="templatemo_content_bottom"></div>

</div> <!-- end of content wrapper -->

<!-- end of main -->

<div id="templatemo_footer">

Copyright © 2048 <a href="#">Your Company Name</a> |

<a href="http://www.iwebsitetemplate.com" target="_parent">Website Templates</a> by <a


href="http://www.templatemo.com" target="_parent">Free CSS Templates</a>

</div> <!-- end of footer -->

</div> <!-- end of wrapper 02 -->

</div> <!-- end of wrapper 01 -->

<div align=center>This template downloaded form <a href='http://all-free-download.com/free-website-


templates/'>free website templates</a></div></body>

</html>

106

You might also like