PRODUCT CERTIFIED APPS WITH QUICK RESPONSE (QR) CODE

PRODUCT CERTIFIED APPS

WITH QUICK RESPONSE (QR) CODE

FASYA AWATIF BINTI HAMAM

BACHELOR OF COMPUTER SCIENCE

(INTERNET COMPUTING) WITH HONOURS

UNIVERSITI SULTAN ZAINAL ABIDIN

2020

PRODUCT CERTIFIED APPS WITH QUICK RESPONSE (QR) CODE

FASYA AWATIF BINTI HAMAM

BACHELOR OF COMPUTER SCIENCE

(INTERNET COMPUTING) WITH HONOURS

FACULTY OF INFORMATICS AND COMPUTING

UNIVERSITI SULTAN ZAINAL ABIDIN

2020

i

DECLARATION

I hereby declare that this report is based on my original work except for quotations and

citations, which have been duly acknowledged. I also declare that it has not been

previously or concurrently submitted for any other degree at Universiti Sultan Zainal

Abidin or other institutions.

______________________________

Name : Fasya Awatif Binti Hamam

Date : 16 / 07 / 2020

ii

CONFIRMATION

This is to confirm that this project entitled Product Certified Apps with Quick Response

(QR) Code was prepared and submitted by Fasya Awatif Binti Hamam (Matric Number:

BTCL17046621) and has been satisfactory in terms of scope, quality and presentation

as partial fulfilment of the requirement for the Bachelor of Computer Science with

Honours in Universiti Sultan Zainal Abidin. The research conducted and the writing of

this report was under my supervisor.

________________________________________

Name : Prof. Madya Ts. Dr. Mokhairi Bin Makhtar

Date : ...................................................................

iii

DEDICATION

First and foremost, praised be to Allah, the Most Gracious and the Most Merciful for

blessing and giving me the opportunity to undergo and complete my final year project,

Product Certified Apps with Quick Response (QR) Code.

I express my warm thank you to Prof. Madya Ts. Dr. Mokhairi bin Makhtar for

the continuous support and guidelines in completing this project. Thank you for

brainstorming the ideas along the solution together for me illustrate the main idea and

help in understanding my project. I also want to express my praise to both of my parents,

Encik Hamam Bin Yahya and Puan Sakinah Binti Ahmad who give me full support to

keep me study in this university.

Last but not least, I also dedicate this dissertation to all of my friends that always

giving support and creating good memories while completing this project. I will always

appreciate all they have done and make this living memory. I love you all and miss you

all beyond words.

Thank you.

iv

ABSTRACT

Product Certified Apps is a mobile application that allowed user to search and retrieve

information about the products they want to know. Today’s shoppers expect more

authentic information about products they want to buy without having any doubts. Some

shoppers also have problem reading the information on the packaging due to its small

fonts. One of the approaches is to make such information instantly available with the

tap or scan of a smartphone so shoppers can properly decide before buying products.

With the rise of Quick Response (QR) Code on smartphone that contain almost different

kinds of information ranging from product information to account details to virtually

anything. Using libraries and algorithms to implement a smartphone device to scan any

QR code quickly and easily. Links embedded in the codes will be translated and

performed by a camera phone in smartphone device. This application was developed in

mobile platform due to its easy and quick access to connect with shopper and best in

marketing tools to develop business. Hopefully this application can boost shopper’s

consciousness in choosing the best product before purchasing.

v

ABSTRAK

Aplikasi Bersitifikat Produk ialah aplikasi mudah alih yang membolehkan pengguna

untuk mencari dan mendapatkan maklumat tentang produk yang mereka mahu tahu.

Pembeli hari ini mengharapkan maklumat lebih sahih tentang produk yang mereka

ingin membeli tanpa mempunyai apa-apa keraguan. Beberapa pembeli juga

mempunyai masalah membaca maklumat pada bungkusan kerana fon yang kecil. Salah

satu pendekatan adalah untuk membuat apa-apa maklumat tersedia serta-merta

dengan paip atau imbasan telefon pintar supaya pembeli betul boleh membuat

keputusan sebelum membeli sesuatu produk. Dengan kebangkitan Quick Response

Code (QR) pada telefon pintar yang mengandungi jenis hampir berbeza maklumat yang

terdiri daripada maklumat produk kepada butiran akaun untuk hampir apa-

apa. Menggunakan perpustakaan dan algoritma untuk melaksanakan peranti telefon

pintar untuk mengimbas mana-mana kod QR dengan cepat dan mudah. Pautan

tertanam dalam kod akan diterjemahkan dan dilaksanakan oleh telefon kamera dalam

peranti telefon pintar. Permohonan ini telah dibangunkan pada platform mudah alih

kerana akses mudah dan cepat untuk berhubung dengan pembeli dan terbaik dalam

alat pemasaran untuk mengembangkan perniagaan. Semoga aplikasi ini boleh

meningkatkan kesedaran pembeli dalam memilih produk yang terbaik sebelum

membeli.

CONTENTS

vi

Page

DECLARATION i

CONFIRMATION ii

DEDICATION iii

ABSTRACT iv

ABSTRAK v

CONTENTS vi

LIST OF FIGURES xi

LIST OF TABLES xiv

LIST OF ABBREVIATIONS xvi

LIST OF APPENDICES xvii

CHAPTER Ⅰ INTRODUCTION

1.1 Project Background 1

1.2 Problem Statement 2

1.3 Objective 3

1.4 Scope 3

1.5 Limitation of Work 4

1.6 Expected Result 4

1.7 Summary 5

vii

CHAPTER Ⅱ LITERATURE REVIEW

2.1 Introduction 6

2.2 Analysis of Existing Application 6

2.2.1 VerifyHalal 6

2.2.2 LetsVerify 7

2.2.3 CHKFake 8

2.3 Comparison between Existing Application 9

2.4 Analysis of Related Paper 9

2.4.1 Using Quick Response Codes to Provide Interactive

Services 9

2.4.2 Factors Affecting Consumer Usage of QR Codes 10

2.4.3 Adoption of Virtual Shopping: Using Smart Phones

and QR Codes 11

2.4.4 System and Method of Product Identification Using a

URL 11

2.4.5 Potential Business Applications of Quick Response

(QR) Codes 12

2.4.6 Packaging Features and Consumer Buying Behavior

Towards Packaged Food Items 12

2.4.7 Effects of Placement Marketing on Product Attitude

and Purchase Intention in Traditional Industry 13

2.4.8 The Effect of Posting Source Type Information on

Brand Reliability, Product Attitude and Purchase

Intention 14

viii

2.5 Summary between Related Research Paper 14

2.6 Definition 19

2.6.1 Information System 19

2.6.2 Data Integrity 19

2.7 Summary 20

CHAPTER Ⅲ METHODOLOGY

3.1 Introduction 21

3.2 Prototyping Model 22

3.3 Requirement Gathering 22

3.3.1 System Requirement 23

3.3.1.1 Software 23

3.3.1.2 Hardware 24

3.4 Quick Design 24

3.4.1 System Design 25

3.4.1.1 Framework Design 25

3.4.1.2 Context Diagram (CD) 26

3.4.1.3 Data Flow Diagram Level 0 27

3.4.1.4 Data Flow Diagram Level 1 28

3.4.2 Data Model 33

3.4.2.1 Entity Relationship Diagram (ERD) 33

ix

3.4.2.2 Data Dictionary 34

3.4.3 Proof of Concept 37

3.4.4 Solution Complexity 40

3.4.4.1 Quick Response (QR) Code 40

3.4.4.1.1 Deep Linking 41

3.5 Prototype Evaluation 43

3.6 Refined End Functionality 43

3.7 Summary 43

CHAPTER Ⅳ IMPLEMENTATION AND OUTPUT

4.1 Introduction 44

4.2 Implementation and Output 44

4.2.1 Deployment 44

4.2.1.1 Android (PHP/MySQL) 44

4.2.1.2 Notepad++ 45

4.2.1.3 Server 46

4.2.1.4 Databases 46

4.2.2 Interfaces 47

4.2.2.1 Manufacturer Interface 47

4.2.2.2 User Interface 54

4.2.2.3 Admin Interface 62

x

4.2.3 Test Cases 64

4.2.3.1 Manufacturer 64

4.2.3.2 Consumer 67

4.2.3.3 Admin 70

4.3 Summary 71

CHAPTER Ⅴ CONCLUSION

5.1 Introduction 72

5.2 Project Contribution 72

5.3 Project Constraints 73

5.4 Future Works 73

5.5 Summary 74

REFERENCES 75

APPENDIX 78

xi

LIST OF FIGURES

FIGURE TITLE PAGE

1.1 Basic Use Case Diagram 4

2.1 VerifyHalal Apps 7

2.2 LetsVerify Apps 7

2.3 CHKFake Apps 8

3.1 Prototyping Model 22

3.2 Framework Product Certified Apps 25

3.3 Context Diagram of Product Certified Apps 26

3.4 Data Flow Diagram Level 0 27

3.5 Manufacturer manage Profile 28

3.6 Manufacturer manage Product 29

3.7 Consumer View Product Information 30

3.8 Consumer manage Product Review 31

3.9 Admin manage Certification 32

3.10 ERD for Product Certified Apps 33

3.11 Login Interface 37

3.12 Registration Interface 37

3.13 Manufacturer Main Page 38

3.14 Manufacturer Profile Interface 38

3.15 Product Information Form Interface 38

xii

3.16 Scanning Product QR code 39

3.17 Product Information Interface 39

3.18 Comment Interface 40

3.19 Price & Location Interface 40

3.20 QR code mechanism 41

3.21 Process of deep linking 42

3.22 Deep linking mechanism 42

4.1 Android Studio 45

4.2 Code editor Notepad++ 45

4.3 XAMPP control panel 46

4.4 phpMyAdmin 47

4.5 Manufacturer Login and Register Page 47

4.6 Manufacturer Main Page 48

4.7 Update Profile 49

4.8 View Profile 49

4.9 Add New Product 50

4.10 Generate QR code 50

4.11 List of New Product 51

4.12 Reviewed Product Record 51

4.13 Update Product Record 52

4.14 View SSM Certification 53

4.15 Upload SSM Certification 53

4.16 User Login and Register Page 54

4.17 Consumer Main Page 55

4.18 Update User Profile 56

4.19 View Product List 57

4.20 View Manufacturer List 57

xiii

4.21 Scan Product QR 58

4.22 Page After Scanning 58

4.23 Search View QR code Data 59

4.24 Product Comment 60

4.25 Price Review 60

4.26 Product Category 61

4.27 Bread Category 61

4.28 Admin Login Page 62

4.29 Admin Main Page 62

4.30 Manufacturer Approval Page 63

4.31 Product Approval Page 63

xiv

LIST OF TABLES

TABLE TITLE PAGE

2.1 Comparison between three existing application 9

2.2 Summary of Related Research Paper 14

3.1 Software requirements 23

3.2 Hardware requirements 24

3.3 Data Dictionary for Admin 34

3.4 Data Dictionary for Consumer 34

3.5 Data Dictionary for Manufacturer 35

3.6 Data Dictionary for Product 35

3.7 Data Dictionary for Comment 36

3.8 Data Dictionary for Price Review 36

4.1 Test case for Manufacturer Login 64

4.2 Test case for Manufacturer Register 64

4.3 Test case for Manufacturer Manage Profile 65

4.4 Test case for Manufacturer Add New Product 65

4.5 Test case for Manufacturer Update and Delete Product 66

4.6 Test case for Manufacturer Upload SSM certificate 66

4.7 Test case for User Login 67

4.8 Test case for User Register 67

4.9 Test case for User Manage Profile 67

xv

4.10 Test case for User Manage Comment 68

4.11 Test case for User Manage Price Review 68

4.12 Test case for User Manage Search 69

4.13 Test case for User Scan QR code 69

4.14 Test case for Admin Login 70

4.15 Test case for Admin Manage Manufacturer Approval 70

4.16 Test case for Admin Manage Product Approval 71

xvi

LIST OF ABBREVIATIONS / TERMS / SYMBOLS

QR Quick Response

SDLC Software Development Life Cycle

ERD Entity Relationship Diagram

CD Context Diagram

DFD Data Flow Diagram

SRS Software Requirement Specification

ADB Android Debug Bridge

USB Universal Serial Bus

xvii

LIST OF APPENDICES

APPENDIX TITLE PAGE

A Gantt Chart (FYP 1) 78

B Gantt Chart (FYP 2) 79

1

CHAPTER Ⅰ

INTRODUCTION

1.1 Project Background

Currently, the product industry in Malaysia are developing and quite demanding.

However, Malaysians tend to purchase product from familiar brands more often than

buying from new and unfamiliar brands. In a statement by market research provider

Nielsen, about 63% of Malaysian choose to buy new products from familiar brands

(Nielsen, 2015). Malaysian consumers very sceptical when it’s come to trust new

products from newly established brands. Especially when 61.3% of population in

Malaysia practices Islam where any products that use must base on Islamic law that

considered as Halal. A practising Muslim prevents themselves from consuming or using

any doubtful things.

The idea of using product certified mobile application to identify product’s

information or details are valid to users that wants to keep track of any products

regarding brands, ingredients and origin of the products. Smartphone is the most

convenient tool for reading uniquely product code. Since many people have smartphone

and most likely to carry it anywhere, this type of mobile application very effective rather

than having dedicated code reader which is quite heavy and pricey. This approach also

2

helps in utilizing the integrated marketing communication effort to offer easier users’

access and interactive marketing content.

With the implementation of QR code in holding the information, it is a great

potential to carry information in a smaller space. Even tough, QR code is similar to a

barcode, it can hold information both vertically and horizontally rather than only

horizontal direction. We often see Barcode on product’s packaging but not QR code.

With this application, it provides QR code to manufacturer to be used on their products.

Hence, it helps their products be promoted and user can easily access to this application.

QR codes provide practitioners of integrated marketing communications a bridge

between traditional marketing methods and the digital marketing realm (Flyte, 2011).

1.2 Problem Statement

The current problems that consumer faced is that they do not know the origin of

product and where they manufactured (Uke, 2012). Consumer tends to get curious or

doubt of their choices in buying a product. Manufacturer information is very important

to convince consumer because it is hard to look into it. In Muslim case, they want to

know whether the product have Halal certification or not.

Next, product label is an important communication tool that provides consumers

with detailed information about product. Labelled information in terms of wrong font

type and small font size influence consumer dissatisfaction (Peterman, 2014). Most

labelled information presented is not easy to understand.

Lastly, consumers want more detailed and visual product information online

(Oracle, 2011). Basically, visual information allows consumer to look at and compare

aspects that they may not see on physical products such as the validity of the

certification on product that sometimes counterfeit by manufacturer.

3

1.3 Objective

The objectives of this project are as follows:

a) To analyse an application that capable for admin to verify manufacturer to give valid

information to user.

b) To design product certified application that equipped with QR code scanner.

c) To develop a mobile application that assists user to check valid information about

the products.

1.4 Scope

Figure 1.1 shown basic use case diagram to show basic functionalities of each actors

for this system. The scope of the project are as follows:

1. Admin

a) Need to verify certification of manufacturer and product.

b) Can view all the data from manufacturer and product.

2. Consumer

a) Consumer need to register.

b) Can check information about product through searching or scan the QR code.

c) Consumer also can share review on price and comment on product.

3. Manufacturer

a) Need to register as manufacturer representing product.

b) Can update information of product and their profile.

c) Can see review from consumer.

4

Figure 1.1: Basic Use Case Diagram

1.5 Limitation of Work

a) Only smartphone with camera can use the feature QR code scanning.

b) This mobile application does not provide a function for online purchasing.

c) The product that existed in the application only come from registered manufacturer.

1.6 Expected Results

a) The mobile application will have equipped with QR code scanning.

b) User get information about registered product which can be done through mobile

application.

5

1.7 Summary

Overall, in this chapter, we can see the aim a target that system should achieve

and overcome problem by the expected outcome. Basically, the scope of this project

usually serves as the ground in development of the system generally. The system can

provide many benefits to both buyers and manufacturer in terms of providing and

receiving information. To sum up, the objectives of the project must be fulfilled to

ensure the development of the system is accomplished.

6

CHAPTER Ⅱ

LITERATURE REVIEW

2.1 Introduction

This chapter will dive into the literature review from research of current and

existing system. It is important that analysis is made from preceding journal to analyse

about the technique and methodology that suited in the system. With the perfect

understanding from existing system details, it also helps in summarize and evaluate of

existing product certified application. Hence, we will come down to the best approach

to be implement during the development of the system. Literature review requires the

process of reading articles, research paper, books and journal as the guideline in

establishing a better project.

2.2 Analysis of Existing Application

2.2.1 VerifyHalal

This application allows consumers to make an informed decision when searching

for their Halal products. Users can scan verify Halal on their selected members

product. The scan is applicable to both barcode and QR code. Apart from that,

users can search Halal products via search bar. The most convenient part of the

7

application that it provides categories on different type of products which users

could select using the filter option on the right side of search bar as shown in

Figure 2.1.

Figure 2.1: VerifyHalal Apps

2.2.2 LetsVerify

Figure 2.2: LetsVerify Apps

8

Another application for product authenticity check and real time customer

engagement. The main purpose of the app is to check on fake and counterfeit

products. It is also one of platform for users to report a fake product that they may

encounter and it will be available to manufacturer for their further actions. Users

can verify products using QR code. As shown in Figure 2.2, the application does

not support any other code apart from QR code.

2.2.3 CHKFake

Figure 2.3: CHKFake Apps

An application to check for fake products. This application guides users to locate

and verify anti-counterfeit features in trusted branded products and helps to detect

and reject fake products. The scan feature only supports the barcode but not QR

code. The application also introduced verification on currency notes. The

application has products directories.

9

2.3 Comparison between Existing Application

Application

Features

VerifyHalal LetsVerify CHKFake

Method to get

information

User can search

manually and use

barcode scanner

User must use QR

code scanner

User can use both

search manually

and scan barcode

Scanner type Barcode & QR

code

QR code Barcode

Manual search Yes No Yes

Registration Not necessary Yes Yes

Rating Yes No No

Comment /

Feedback

No No No

Manufacturer Info No No Yes

Report Yes Yes Yes

Bookmarks No No No

Table 2.1: Comparison between three existing application

2.4 Analysis of Related Research Paper

2.4.1 Using Quick Response Codes to Provide Interactive Services

This paper (Scholz, 2009) proposes to use QR code to be applied on

different field of services. This is focused on interactive entertainment or

interactive language learning applications. The QR code scanner use camera or

optical sensing device from client device to launch the interactive learning

10

sessions. Client can either receive or transfer data. The QR code can appear in

packaging, books or any other object. Prospectively, the server will receive

request from a decoded QR code. In response to the request, server transmit

response to display data or sending additional process. The process from QR

recognition by client is performed through network (Internet, wireless network,

wired network) to provide interactive services for clients. It is clear that client

communicate with server via networks.

2.4.2 Factors Affecting Consumer Usage of QR Codes

This paper (Ozkaya et al., 2015) discuss about awareness among

consumers with the implementation of QR codes in their surroundings. It seems

that utilization of QR codes among practical users are more adapted to it than

the experiential users. This paper also focused on current users to increase the

QR code usage that could help companies use to promote their products. To

make it happen, it requires us to studies the factors affecting users to use QR

code. QR code use highly interactive character, which requires users

understanding towards the technology that grows to fulfil the advertising

purpose.

In conjunction with the research, the findings indicate that educated

users find that QR code easy to use. The findings show that practical users who

are focused on product related, such as collecting product information or

purchases use QR code more frequently than experiential users who primarily

focus on socialization and entertainment. Familiarity in usage of QR code in

general affects the statistics of users associated with these technologies. The use

of QR code expected to grow as smartphones become more affordable.

11

2.4.3 Adoption of Virtual Shopping: Using Smart Phones and QR Codes

According to this paper (Almehairi & Bhatti, 2014), the QR code using

adoption theory a conceptual model how virtual shopping with smartphone will

emerge in sample residents of UAE. Companies uses commercial medium via

Internet as a way of approaching business. Medium like smartphone and QR

code used to capture the code and scan with reader application which enables

the information about companies and products they want to know. M-commerce

has been with us for a long time and its important role in business operations

from determining the needs of the user to receive feedback from the product

provided to the users. For large-scale companies in UAE, the results of M-

commerce have been positive, though there are still some companies that are

cautious to use M-commerce.

2.4.4 System and Method of Product Identification Using a URL

Based on paper (Self, M., & Grant, 2007), reveal a system and method

for product identification using URL. Introduce to each product will be have QR

code embedded with URL which will provide information about the product.

The URL is unique for each of items. Machine-readable printed format such as

camera phone are used to encode URLs which automatically retrieve associated

webpage when scan. The value of security features of the products when using

URLs to get information can be enhanced by providing clear instruction on what

to identify and how to interpret the features. To keep track on code

authentication, admin can check the requestor IP address and cookies on

browser. If many client request codes at the same time, different encryption key

will be given to avert duplicate code being generated.

12

2.4.5 Potential Business Applications of Quick Response (QR) Codes

This paper (Bashir & Madhavaiah, 2014) is an attempt to examine the

applications of QR code in different industries and also presents the limitations

of QR code that can provide image of future research. The QR code is

constructed of normally square modules set out in a regular square array and

shall consist of an encoding region and function patterns, namely, finder,

separator, timing patterns and alignment patterns. QR codes allow consumers a

more streamlined and quicker method to connect with the content. QR code are

capable of storing much more information than the typical barcode. There are

two limitations in using QR code, users need smartphones which quite

expensive compared to the conventional phone specially to middle-age user.

Secondly, in order to scan code, it requires specific reading software.

The paper also shows that a lot of consumer have change preference to

QR code when interact with products. Many industries have start to use QR code

in their industries. The obvious would be the applications in mobile operating

system which most browser on smartphone nowadays support URL redirection,

which allows QR codes to send metadata to existing applications on the device.

Other examples in applications would be in education, publishing and library.

2.4.6 Packaging Features and Consumer Buying Behavior Towards

Packaged Food Items

This paper (Ahsan Ansari & Siddiqui, 2019) purposes to investigate

consumer’s buying behaviour on the effect of packaged food’s graphics, colour,

size, shape, product information. Packaging on product is one of the marketing

13

tools. To attracts consumer, local marketers need to understands consumer

behaviour locally so that have advantage over international competitors. Product

information with purchasing behaviour both plays a strong relationship.

Packaging can leave impacts on consumers from the unique value of products.

Labeling in packaging importance compared to other attributes like brand, price

etc. Now, consumer is searching for environmentally friendly Eco-packaging. It

is not just good for environment but also great for our health. Other features like

graphics and colours play important role in attracting buyers and great marketing

tools. Lastly, packaging information such as nutritional information did affect

purchasing behaviour. Sometimes from wrong interpretation of information can

lead to consumer dissatisfaction of the product.

2.4.7 Effects of Placement Marketing on Product Attitude and Purchase

Intention in Traditional Industry

Based on paper (Yao & Huang, 2017) in traditional industry, product placement

is comparatively inexpensive but could achieve high contact and create positive

links with program characteristics. The research results show that product

placement is the mixed information of advertisement and public promotion, which

presents the advantages of the advertisers being able to control the presentation

of advertisement and the message source for public promotion being hidden so

that consumers misunderstand the fair and objective reports of media. Placement

marketing in traditional industry can avoid consumers being disgusted at too

many advertisements.

14

2.4.8 The Effect of Posting Source Type Information on Brand Reliability,

Product Attitude and Purchase Intention

In this paper (Kim, 2017), a survey was conducted to 160 people which

will help in study those three types of information between information source

(General person / Company) in Sina Weibo. Sina Weibo is SNS used by 73% of

China’s population. It is a platform for user to interact and share information.

Most of companies in China make use of this as a marketing tools to share about

their products on their official page. Consumers intention to purchase or use

products influenced by the attitude or belief. Brand reliability is credibility and

high confidence based on consumer’s belief and feel from the brand. Different

reactions depend on the type of source that conveys the message.

2.5 Summary between Related Research Paper

No. Author/Year Title Objective Method Description

1 Hong Mu,

David

Topolewski,

Karl W.

Scholz /

2012

Using Quick

Response

Codes to

provide

interactive

services

Provide

interactive

learning

through

recognition

of QR codes

and voice.

- QR code

- Voice

recording

Using QR

codes on or in

physical

objects to

launch

interactive

learning

sessions when

scanned with

client device

15

having an

optical sensing

device or

camera

2 Elif Ozkaya,

H. Erkan

Ozkaya,

Juanita

Roxas,

Frank

Bryant,

Debbora

Whitson /

2015

Factors

affecting

consumer

usage of QR

codes

To study

factors that

stabilize the

relationship

between

usefulness

and usage

rate of QR

code.

- QR code Factors that

contributed to

the use of QR

codes among

consumer

populations

that focused

on product-

related

activities.

3 Mira

Almehairi,

Tariq Bhatti

/ 2014

Adoption of

virtual

shopping:

Using smart

phones and

QR codes

To use

adoption

theory on

how virtual

shopping

using

smartphone

will emerge.

- E-commerce

- QR code

Consumer

adoption of

technological

innovations

process is

influenced by

consumer

characteristics.

With the

virtual

shopping it

16

forms a

smarter and

easier

shopping

experience for

customers.

4 Matthew

SELF,

Elliott

GRANT /

2007

System and

method of

product

identification

using a URL

To ensure

effective

product

regulation

and

consumer

safety.

- Encoded

URL in QR

code

- Encrypted

key

Each item of

product will

have a unique

URL which

then provide

access to

information.

Measures that

improve

accessibility

of product

information

and

authenticity

implemented

5 Irfan Bashir,

J Rama

Krishna

Naik, C

Potential

Business

Applications

of Quick

Examine

the working

of QR code

and their

- QR code

QR code have

implemented

in various

applications

17

Madhavaiah

/ 2013

Response

(QR) Codes

applications

in various

industries.

which focused

to provide

quick links to

information

and play roles

in marketing

purposes.

6 Muhammad

Usama

Ahsan

Ansari /

2019

Packaging

Features and

Consumer

Buying

Behavior

Towards

Packaged

Food Items

To

determine

effect of

packaging

graphics,

size and

information

written on

consumers

buying

behaviour.

- Questionnaire Packaging

features have

shown their

importance in

product

features and

quality in a

manner that is

competitive. It

enhances

product

awareness and

attractiveness.

7 Chia-Ling

Yao,

Paichin

Effects of

Placement

Marketing

on Product

To discuss

the effect of

marketing

on product

- Questionnaire Product

placement is

the mixed

information of

18

Huang /

2017

Attitude and

Purchase

Intention in

Traditional

Industry

attitude and

purchase

intention in

traditional

industry.

advertisement

and public

promotion.

Placement

marketing in

traditional

industry

present

product with

media

contents of

news and

dramas.

8 Jong-Moo

Kim / 2017

The Effect of

Posting

Source Type

Information

on Brand

Reliability,

Product

Attitude and

Purchase

Intention

To examine

reliability of

brand and

purchase

attitude

from

consumer

- Questionnaire Sina Weibo

has become a

shared channel

for both user

and company

to share

information

and review

about

products.

Consumers

intention to

19

purchase or

use products

influenced by

the attitude or

belief of

product.

Table 2.2: Summary of Related Research Paper

2.6 Definition

2.6.1 Information System

Information systems are a type of class in systems which works to store, retrieve

and process, communicate and secure data. Typically, information systems are built in

a computerized environment to enable users to get fast and accurate information. The

component of information system is hardware, software, data, people and process. In

an article, “IT Doesn’t Matter” (Nicholas Carr 2003), raised the idea that information

technology has become just a commodity.

2.6.2 Data Integrity

The concept data integrity applies to the accuracy and consistency of data. When

creating databases, data integrity needs to be aware with how to maintain it. Data

integrity will apply to a good database whenever possible. Maintaining data integrity

means ensuring that the data remains consistent throughout its life cycle. Every data

should always be reliable, trustworthy, verifiable and secure. Database are typically

multi-user databases, which many users can access it. In this case, it can result in

20

corrupted data if someone ever make a mistake while entering specific information.

Always do a checklist to preserve data integrity and minimize the risk of corrupted data.

2.7 Summary

In this chapter, information about the past research and study on existing system

is done. The selection of thorough is very important to make sure that the system will

implement the right method. This study generally focused on the information

acquisition of the previous research and will be the guide to complete this project. From

this literature review, the enhancement and improvement will be made.

21

CHAPTER Ⅲ

METHODOLOGY

3.1 Introduction

The methodology is the set of the complete guideline that includes the models

of tools to carry out activities in the Software Development Life Cycle (SDLC). SDLC

splits the work into phases of activity for better planning and management of the system

development. Proper methodology can make the system more systematic and effective.

Choosing the right methodology can play crucial step to guide the researcher to manage

the given task. Therefore, this project proposed to use Prototyping Model as software

development.

This chapter also describes the design of implementing the system. It is divided

into two parts which is system design and database design. Entity Relationship Diagram

(ERD), Context Diagram (CD) and Data Flow Diagram (DFD) for this development

will be preview in this chapter.

22

3.2 Prototyping Model

The Product Certified Apps with QR code is proposed using Prototyping model.

A prototype is a model or a program which is not based on exact planning but is an early

approximation of the final product. It is built, tested and then reworked until an

acceptable prototype is finally accomplished. As shown in Figure 3.1, there are 4 phases

in prototype model which are requirement gathering, quick design, client evaluation and

refined the end functionality. Prototyping improves the quality of the specifications and

requirements provided to customers. Consequently, the requirements of the users are

met to the greatest extent.

Figure 3.1: Prototyping Model

3.3 Requirement Gathering

In this phase, the process of collecting requirement and understand the user

problems. Collection of trending issues about involvement of users in buying products

Requirement Gathering/

Modify Requirement

Quick Design/Build

Prototype evaluated by

Client

Refined the end

functionality

23

are identified. In this phase, Software Requirement Specification (SRS) is made. All

requirement for the application were gathered by brainstorming and analysing existing

systems. User’s information is reviewed by the questionnaire given to them. Data of

related to Product Certified Apps had also been collected by referring to the journals,

research paper and articles. After generating ideas, prioritize one idea that think the best

solution. The resulting agreement of idea is used for the early requirement.

3.3.1 System Requirement

System requirement in developing a system, hardware and software are required

to develop a successful system. It is a set of documentation that describes the features

and behaviour of a system of application.

3.3.1.1 Software

No Software Description

1. Notepad++ Source code editor to write PHP language

for web

2. Android Studio 3.6 Generate code for Android application

3. XAMPP Manage connection between Apache and

MySQL

4. MySQL Relational database management system

5. Google Chrome Browser to open the application and run

local host

6. Microsoft Office 2016 Prepare documentation of report and slide

7. Lucidchart Design ERD, CD and DFD

Table 3.1: Software requirements

24

3.3.1.2 Hardware

No Hardware Description

1. Laptop Brand: Acer Aspire E 14

Processor: Intel® Core™ i5-5200U CPU @

2.20GHz

Installed RAM: 12.00 GB

System type: 64-bit Operating System

Windows edition: Windows 10

2. Smartphone Brand / Model: Oppo / A3S

Android version: 8.1.0

Processor: Qualcomm SDM450 Octa Core

RAM: 2.00GB

Device Storage: 16.00 GB

3. Hard Disk Toshiba

500GB

For backup document data and system file

4. Universal Serial Bus

(USB)

To connect smartphone with laptop

5. Printer Print report and document

Table 3.2: Hardware requirements

3.4 Quick Design

Design phase was developed based on the requirement and output produced

during requirement phase. System design is prepared to identify the design of the system

and developed prototype based on functionalities that will be build. This include the

design of Context Diagram (CD), Data Flow Diagram (DFD) and Entity Relationship

Diagram (ERD) to show the process flow of the Product Certified Apps. Basically, all

the diagrams refer as guidelines while developing the system.

25

3.4.1 System Design

3.4.1.1 Framework Design

A framework describes what kind of processes involve and how they would

interrelate. Framework shows how the entities play their roles in the system.

In Figure 3.2, manufacturer need to manage product and their profile into

system database. Consumer can use QR code to view product details. The image of

QR code will be decoded after scanned and the exaction of product detail will happen

here. The system will extract information from database and show user. Basically,

the manufacturer will insert product information and the system will encode it into

QR code image and store it in database for future use that will help in fast searching.

Consumer can view product details and give review on the product. Admin will send

approval to manufacturer and product information based on their certification.

Figure 3.2: Framework Product Certified Apps

26

3.4.1.2 Context Diagram (CD)

Figure 3.3: Context Diagram of Product Certified Apps

Figure 3.3 above shows the context diagram for the Product Certified Apps.

The context diagram consists of three entities which are the consumer, manufacturer

and admin. Manufacturer and consumer entities are required to login to access full

features of the system. Manufacturer can manage the product details and their

profiles. Consumer can view manufacturer profile and product info. Plus, consumer

also can add review like comments and price from which store they went. Admin

can view product and manufacturer information. Product registered under

manufacturer need to be approved of validity with certification of the company and

the product. Admin will give approval of the product and the manufacturer before

publish or open information to consumer.

27

3.4.1.3 Data Flow Diagram Level 0

Figure 3.4: Data Flow Diagram Level 0

Figure 3.4 shows a data flow diagram that consists of six processes and four data

stores. There are three processes that involved manufacturer in this level which are

registration, manage product and manage profile. There are also three processes

involved consumer which are registration, view product info and manage product

review. Admin involve one process which is manage approval of certification of

manufacturer and product.

28

3.4.1.4 Data Flow Diagram Level 1

Data flow diagram (DFD) level 1 shows the system is divided into the subsystem;

each subsystem explains more about each of module.

MANAGE MANUFACTURER PROFILE

Figure 3.5: Manufacturer manage Profile

Figure 3.5 above shows DFD level 1 for manufacturer manage profile. In this level,

manufacturer can manage their profile details into Manufacturer (D1) data store. They

can manage profile details such as adding and updating their company information.

29

MANAGE PRODUCT INFORMATION

Figure 3.6: Manufacturer manage Product

This level defined the processes involved in manage product as shown in Figure

3.6. Manufacturer can add product information and new details will be stored in

Product (D3) data store. The same process will be repeated for updating and deleting

the product data.

30

VIEW PRODUCT INFORMATION

Figure 3.7: Consumer View Product Information

Figure 3.7 shows DFD for Consumer view product information that stored in

Product (D3) data store. Basically, consumer can view all product information

including the information about manufacturer that is stored in Manufacturer (D1)

data store. For viewing product, consumer can view by scan QR code to view product

information.

31

CONSUMER MANAGE PRODUCT REVIEW

Figure 3.8: Consumer manage Product Review

Figure 3.8 above shows DFD level 1 for consumer manage product review.

Product review involves consumer comments and feedback of product price. There are

three processes which is view price review, add price review and add comments.

Product review record will be saved in ProductReview (D4) data store. This product

review can help share extra information from multiple consumers.

32

CONSUMER MANAGE CERTIFICATION

Figure 3.9: Admin manage Certification

Figure 3.9 above shows DFD 1 for admin manage certification. This process

involves admin check status of SSM certification of manufacturer and Halal

certification of product. If admin approve the certification, then approval of the

certification of the SSM and Halal status will be confirmed. The manufacturer info and

product info are then valid to consumer references. The SSM approval will be saved in

Manufacturer (D1) data store, while Halal approval will be saved in Product (D3) data

store.

33

3.4.2 Data Model

3.4.2.1 Entity Relationship Diagram (ERD)

ERD is the common technique for drawing a data model to representing the

data that are used and created. ERD for Product Certified Apps is as shown in Figure

3.10. It consists of five (5) entities. The entities are manufacturer, consumer, product,

price & location, comment and bookmarks. Consumer and manufacturer entities

share the same set of attributes.

Figure 3.10: ERD for Product Certified Apps

34

3.4.2.2 Data Dictionary

Data dictionary for Product Certified Apps with QR Code was created. There are 7

tables that are involving in storing data of the system.

Admin

No. Attribute Type Length Key Description

1. adminID varchar 11 Primary Admin ID for login

2. password varchar 100 Password for login

3. level int 10 Level to indicate the

role of admin

Table 3.3: Data Dictionary for Admin

Consumer


1. userID varchar 11 Primary Consumer ID for login

2. email varchar 100 Backup ID for login


4. name varchar 100 Consumer name

5. image longblob User profile image

Table 3.4: Data Dictionary for Consumer

35

Manufacturer


1. ssmID varchar 30 Primary Manufacturer SSM

registration number

2. email varchar 100 Backup ID for login


4. name varchar 100 Manufacturer name

5. description text Manufacturer

description

6. phone varchar 12 Manufacturer phone

7. address varchar 100 Manufacturer address

8. ssmCertified longblob Image of SSM

certificate

9. image longblob Manufacturer image

10. status int 11 Approval status

11. updated_at date

Table 3.5: Data Dictionary for Manufacturer

Product


1. productID varchar 20 Primary Product barcode

number

2. ssmID varchar 30 Foreign Manufacturer SSM

registration number

3. productName varchar 100 Product name

4. brand varchar 11 Product brand

5. productDesc text Product description

6. type varchar 11 Type of product

7. ingredient text Product ingredients

8. halalCertified longblob Halal status of product

36

9. barcode longblob Image of QR code

10. productImg longblob Image of product

11. status int 11 Approval status

12. updated_at date Timestamp data

updated

Table 3.6: Data Dictionary for Product

Comment


1. commentID varchar 11 Primary Auto-increment

2. productID varchar 20 Foreign Product barcode

number

3. userID varchar 11 Foreign Consumer ID

4. body text Content of comment

5. created_at date Timestamp data

created

Table 3.7: Data Dictionary for Comment

PriceReview


1. priceID varchar 100 Primary Auto-increment

2. productID varchar 20 Foreign Product barcode

number

3. userID varchar 11 Foreign User ID

4. price varchar 100 Product price

5. store varchar 100 Store location

6. created_at datetime Timestamp data

created

Table 3.8: Data Dictionary for Price Review

37

3.4.3 Proof of Concept

Login/Register View

Figure 3.11: Login Interface Figure 3.12: Registration Interface

Figure 3.11 above shows login interface for both user which is manufacturer and

consumer. They need to insert username and password to access the system. If the

user not yet registered, the system will lead them to registration interface as shown

in Figure 3.12 to register. User has to choose to register as consumer or

manufacturer. Their choice will depend on what functionality they want to use.

38

Manufacturer View

Figure 3.13: Manufacturer Main Page Figure 3.14: Manufacturer Profile Interface

Figure 3.15: Product Information Form Interface

Figure 3.13 shows the main page for manufacturer after they successful login and

signup into the system. In this interface manufacturer can manage their profile, view

39

product list, add new product. Figure 3.14 is form for manufacturer to edit their

profile. While Figure 3.15 shows interface to add new product.

Consumer View

Figure 3.16: Scanning Product QR code Figure 3.17: Product Information Interface

Figure 3.16 above shows process of scanning QR code on product via smartphone

camera. After the process, product page will be directed to application and the

product information will be shown as in Figure 3.17. On this interface, consumer can

set bookmarks on the product. If they wish to comment and add price and location,

they can click menu on the right above. Interface for comment can be seen on Figure

3.18, while price and location on Figure 3.19.

40

Figure 3.18: Comment Interface Figure 3.19: Price & Location Interface

3.4.4 Solution Complexity

3.4.4.1 Quick Response (QR) Code

QR means “quick response”, and it does just that, a quick scan that directly links

you to videos, web pages and simple text messages. In 1994, a Japanese company

named Denso-Wave first developed QR codes and was approved in 2000 by ISO

(Rouillard, 2008). Such, high-density two-dimensional graphic images are basically just

barcodes consisting of virtual squares rather than bars. QR codes are a neat way of

storing data in a small space.

41

Figure 3.20: QR code mechanism

All barcodes and QR codes work on the same principle, such as ray absorption. As

shown in Figure 3.20, the required patterns are the areas that cannot be changed. The

position part tells the scanner where the edge of the QR code. The red parts are the

format information which tell what type of information will be encoded. While the blue

areas represent the version number of the QR code.

3.4.4.1.1 Deep Linking

Mobile deep links are URIs that point to specific locations within apps, which

involved web-to-app communications. These schemes are similar to how a

website URL can direct you to a specific page on a website. To realize the data

interoperation, the concept of “deep link” is proposed to enable directly

opening a specific page of an app from outside with a uniform resource identifier

(URI) (Fabian, 2015). It helps users go to certain page within an app, which

making the user journey easier by getting them closer to the end goal sooner

rather than direct it first to home page as shown in Figure 3.21.

42

Figure 3.21: Process of deep linking

The mechanism of deep linking shown in Figure 3.22 depends on a simple idea

where applies different routing to various cases with proper solution. Route web

browsers to a web page with HTTP URL and route mobiles to open specific app

with URI. If the app is not installed, lead user to install it.

Figure 3.22: Deep linking mechanism

43

3.5 Prototype Evaluation

This phase involves the developer to show the prototype of the application to

the client. However, for this proposed project, it is show to the panel on presentation

day. The panel will evaluate whether the project achieve the aspects requirement or not.

If there is lacking on the project, developer will know which part need to be improve.

Hence, the requirement needs to be fulfilled or modify.

3.6 Refined End Functionality

Lastly, refined end functionality phase involves when the project cannot be

working or not function. It is start with brainstorming session with the supervisor to

come up with the solution of the problem that occurred. The program of project will be

refined its end functionality based on the problem solving.

3.7 Summary

In this chapter, we discuss the methodology specification used for development

this application with hardware and software required to develop this mobile application.

The methodology used by Product Certified Apps is Prototyping Model. All the phases

involved in this methodology had been clearly defined in this chapter. It also explains

about data model, process design, proof of concept, system requirement and techniques

that are used in this project that will guide to successful of this project.

44

CHAPTER Ⅳ

IMPLEMENTATION AND RESULTS

4.1 Introduction

Implementation and result are executed to ensure the project are developed

according to the main objective of the project. This chapter will discuss the result

and implementation of Product Certified Apps and overall output of what it should

be.

4.2 Implementation and Output

4.2.1 Deployment

4.2.1.1 Android (PHP/MySQL)

This project developed by using open-source software Android Studio

v3.6 powered by IntelliJ Platform. All the code is implemented as shown in

Figure 4.1 with multiple modules of function. Testing and debugging of the app

are done through real device over an Android Debug Bridge (ADB) connection.

A USB cable is needed to connect secondary device which is smartphone to the

computer.

45

Figure 4.1: Android Studio

4.2.1.2 Notepad++

To access the data from webserver to android application, PHP and

MySQL need to integrate with android application. PHP is used to fetch data

from database. Communication will happen between application and the PHP

that have contact with MySQL database as shown in Figure 4.2. In this project,

the code editor for PHP is Notepad++.

Figure 4.2: Code editor Notepad++

46

4.2.1.3 Server

Figure below show the server used which is local server XAMPP v3.2.2

developed by Apache. The server is connected to the local database MySQL in

XAMPP control panel.

Figure 4.3: XAMPP control panel

4.2.1.4 Databases

The database use is phpMyAdmin that connected through local server

XAMPP. phpMyAdmin is applications for MySQL database management.

Basically, it is a tool written in PHP. The database consists of 6 tables which

shown in Figure 4.4. The tables are admin, manufacturer, consumer, product,

pricereview and comment.

47

Figure 4.4: phpMyAdmin

4.2.2 Interfaces

4.2.2.1 Manufacturer Interface

Figure 4.5: Manufacturer Login and Register Page

48

Figure 4.5 show the login interface of the manufacturer. New

manufacturer needs to register first on the same interface by clicking the “Click

Here to Register as Manufacturer”. After register, manufacturer will directly

login into the manufacturer main page. After done register, they can login

without having to register.

Figure 4.6: Manufacturer Main Page

When manufacturer login into the application, the first they see is the

menu interface as shown in Figure 4.6. There are five menus in the interface

which are “Update Manufacturer Profile”, “View Profile”, “Add Product

Detail”, “Product List” and “SSM Certification”. Logout can be done through

this page.

49

Figure 4.7: Update Profile Figure 4.8: View Profile

Figure 4.7 show a form of updating the manufacturer profile where

manufacturer can edit their full profile for the consumer to view. The

manufacturer can add their email, full name of their company, description of

their manufacturer, and lastly their phone number and address for contact

purposes. They can also upload their logo or images of the manufacturer. After

updating the manufacturer profile, they can see their profile as shown in Figure

4.8 by select the menu “View Profile” on the main page.

50

Figure 4.9: Add New Product Figure 4.10: Generate QR code

Figure 4.9 above show manufacturer manage their product information

when they want to add new product to the list. The manufacturer will insert the

barcode number on the product, product name, brand, description, choose

product category, product ingredient and lastly the Halal Reference Number of

the product that the manufacturer gets from Department of Islamic Development

Malaysia (JAKIM). Manufacturer needs to click the “Generate” button as shown

in Figure 4.10 to generate the QR code and it will generate based on the barcode

number. The QR code will also be save in phone gallery. This save QR code can

be print out on product packaging.

51

Figure 4.11: List of New Product Figure 4.12: Reviewed Product Record

Figure 4.11 show the interface for list of products. In this interface, the

manufacturer can view their product that they submit. The new insert product

status is shown as “New”. The new submission will be review by the admin. If

the product Halal reference number is valid, then admin will approve the product

to be shown to public. The reviewed product will be updated to manufacturer as

shown in Figure 4.12. The product status can either be “Approved” or

“Rejected”. Manufacturer can also search keyword of their product by clicking

the icon search on top of the header.

52

Figure 4.13: Update Product Record

To update the product details, click on the list then manufacturer will be

direct to the update page as shown in Figure 4.13. In this page, manufacturer

can perform update on the product or delete the record. After perform update,

the page will redirect to the list product as shown in Figure 4.11.

53

Figure 4.14: View SSM Certification Figure 4.15: Upload SSM Certification

In this function as shown in Figure 4.15, manufacturer need to upload

the image of SSM certification of their company. This is needed to support the

SSM ID they register to the system. Admin can double check in case the SSM

ID is not available when they check on MyData SSM system. After upload

certification, manufacturer can view their certification as in Figure 4.14.

54

4.2.2.2 User Interface

Figure 4.16: User Login and Register Page

Figure 4.16 show the login interface of the user. New user needs to

register first on the same interface by clicking the “Click Here to Register as

User”. After register, user will directly login into the consumer main page. After

done register, they can login without having to register.

55

Figure 4.17: Consumer Main Page

When user login into the application, the first they see is the menu

interface as shown in Figure 4.17. There are six menus in the interface which

are “User Account”, “Product List”, “Manufacturer List”, “Product Category”

and “Scan QR Code”. Logout can be done through this page.

56

Figure 4.18: Update User Profile

Figure 4.18 show a form of updating the consumer profile where they

can edit their profile. User need to insert their username first then they can add

their email and full name. They can also upload profile picture. Click on save

button on top header to save profile.

57

Figure 4.19: View Product List Figure 4.20: View Manufacturer List

When user click the “Product List” menu on main page, list of products

will be shown as in Figure 4.19. All the information on the product are shown

on the list. If user want to comment their review or share the product price based

on store, they can long click the list to choose the “Comment” or “Price review”

selection on the dialog box. Figure 4.20 show the list of manufacturers that

register to the application. User can see the information of the manufacturer on

the list. To search keyword of product and manufacturer can also be done in

both product and manufacturer list. User just need to click on the search icon on

top header.

58

Figure 4.21: Scan Product QR Figure 4.22: Page After Scanning

On the “Scan QR code” menu, user can scan product’s QR code. The

scanning will be look like Figure 4.21 where user need to focus the camera

scanner to the QR code. After done scanning, the data of QR code will be copied

to clipboard as shown in Figure 4.22 and directly to the product list.

59

Figure 4.23: Search View QR code Data

The QR code data which contain the barcode number of products will

paste on the search view as in Figure 4.23. User then click enter to search the

information of the product.

60

Figure 4.24: Product Comment Figure 4.25: Price Review

After user view the Product List, they can click on the product and dialog

menu for “Comment” and “Price Review” will show. If user choose

“Comment”, the comment section for selected product will be shown as in

Figure 4.24. User can see other user comments and can even add their own

comment of the product. It is the same for the “Price Review” section in Figure

4.25, user can see all the price review from different store location.

61

Figure 4.26: Product Category Figure 4.27: Bread Category

Figure 4.26 shows the list of categories of the product. This can help user

to search product quicker based on specific types of product they want to find.

This is also creating a quicker and more accurate search engine. For example,

user want to find a product information from Gardenia, they will choose the

Bread category as shown in Figure 4.27.

62

4.2.2.3 Admin Interface

Figure 4.28: Admin Login Page

Figure 4.28 show the login page for admin. Admin does not need to

register, the username and password are all similar. Hence, only a person who

have the username and password can only access the system.

Figure 4.29: Admin Main Page

After login, admin will be redirect to the main page as shown in Figure

4.29 above. The menu directories are shown on the left side of the page.

63

Figure 4.30: Manufacturer Approval Page

After manufacturer register their detail to the system, admin will decide

to approve or reject on the manufacturer as shown in Figure 4.30 based on

validity of their certification ID.

Figure 4.31: Product Approval Page

Newly added product will be approved or reject by admin as shown in

Figure 4.31. The product’s Halal Reference number will be check by admin

before published to user.

64

4.2.3 Test Cases

4.2.3.1 Manufacturer

Step Procedure Expected result Pass/Fail

1 Open the application of

VerifyHut

Login page for user will

display

Pass

2 Click the “ARE YOU A

MANUFACTURER?”

Preview a page with

Username and Password

form for manufacturer

Pass

3 Enter the following details:

Username: 12356789

Password: 12345abcde

Pass

4 Click “Login” button Message “Not yet

registered”

Pass

5 Enter again the correct

username and password

Manufacturer dashboard

display

Pass

Table 4.1: Test case for Manufacturer Login



Username: 12356789

Password: 12345abcde

Pass


registered”

Pass

3 Click the “Click Here to

Register as Manufacturer”

Manufacturer dashboard

display

Pass

Table 4.2: Test case for Manufacturer Register

65


1 Click “Update Manufacturer

Profile”

Form to update profile Pass

2 Click image folder Choose image from phone

gallery

Pass


Email: [email protected]

Name: Adabi Sdn Bhd

Description: Original spices

since 1888

Phone Number: 089728182

Address: Jln. Tebu, Johor

Pass

4 Click icon save on top Message “Profile

Updated”

Pass

5 Update data save into

database

Pass

6 Click “View Profile” Page of profile detail Pass

Table 4.3: Test case for Manufacturer Manage Profile


1 Click “Add Product Detail” Form to add product Pass

2 Click image folder Choose image from phone

gallery

Pass


Product Barcode: 98765432

Product Name: Perencah Cili

Brand: Adabi

Description: Pedas dan asli

Type: Sauces/Spices

Ingredient: Serbuk cili

Halal Reference Number:

1034-01/2007

Pass

66

4 Click “Generate” on QR

code

New generated QR code

is display and save to

phone gallery

Pass

5 Click button “Add Product” Message “Product

Successfully Added”

Pass

6 Added data save into

database

Pass

Table 4.4: Test case for Manufacturer Add New Product


1 Click “Product List” Display List of products Pass

2 Click any product Display product detail Pass

3 Update any details from the

product

Pass

4 Click icon update on top Direct to page Product

List and message

“Product Updated”

Pass

5 Click icon delete on top Direct to page Product

List and message

“Product Deleted”

Pass

6 Update data save into

database

Pass

Table 4.5: Test case for Manufacturer Update and Delete Product


1 Click “Upload” on page

View Certification

Display form to upload

SSM certificate

Pass

2 Click “Choose” Choose image from phone

gallery

Pass

3 Click “Upload” Display certificate on

page View Certification

Pass

Table 4.6: Test case for Manufacturer Upload SSM certificate

67

4.2.3.2 Consumer


1 Open the application of

VerifyHut

Login page for user will

display

Pass


Username: A001

Password: password123

Pass


registered”

Pass



User dashboard display Pass

Table 4.7: Test case for User Login



Username: A001

Password: password123

Pass


registered”

Pass

3 Click the “Click Here to

Register as User”

User dashboard display Pass

Table 4.8: Test case for User Register


1 Click “User Account” Form to update profile Pass


Email: [email protected]

Name: Awatif

Pass

4 Click icon save on top Message “Profile Update” Pass

5 Data save into database Pass

Table 4.9: Test case for User Manage Profile

68


1 Click “Product List” Display list of products Pass

2 Click a product Display dialog menu Pass

3 Click “Comment” from the

dialog menu

Display comment section Pass

4 Click “Add Comment” Display add comment

form

Pass


Comment: The food taste

great and healthy

Pass

6 Click “Insert” Display new comment

with username and

content of comment

Pass

7 Comment save into

database

Pass

Table 4.10: Test case for User Manage Comment



2 Click a product Display dialog menu Pass

3 Click “Price Review” from

the dialog menu

Display price review

section

Pass

4 Click “Add Price” Display add price form Pass


Price: RM 9

Store Location: Giant Kajang

Pass

6 Click “Insert” Display new price with

product price and the store

location

Pass

7 Price review save into

database

Pass

Table 4.11: Test case for User Manage Price Review

69



2 Click search icon Display search layout Pass

3 Enter keyword of the product

details

Display product details Pass

4 Click “Manufacturer List” Display list of

manufacturers

Pass

5 Click search icon Display search layout Pass

6 Enter keyword of the

manufacturer details

Display manufacturer

details

Pass

Table 4.12: Test case for User Manage Search


1 Click “Scan QR code” Camera scanner turns on Pass

2 Focus scanner to the QR

code until done scanning

Display page of product

list with message “Product

Code Copied to

Clipboard”

Pass

3 Click the search icon The data from QR code is

already paste to the search

view after the scanning

Pass

4 Click enter to search Information of the product

is display

Pass

Table 4.13: Test case for User Scan QR code

70

4.2.3.3 Admin



Username: admin

Password: 12345

Pass

2 Click “Login” button Message “Wrong

username or password”

Pass



Admin homepage display Pass

Table 4.14: Test case for Admin Login


1 Click “List manufacturer” Display list of registered

manufacturers

Pass

2 Check SSM ID on SSM

system online

3 Click “Approve” Display updated status

from “New” to

“Approved”

Pass

4 Click “Reject” Display updated status

from “New” to “Rejected”

Pass

5 Status updated in database Pass

Table 4.15: Test case for Admin Manage Manufacturer Approval

71


1 Click “List product” Display list of new

inserted product

Pass

2 Check Halal reference

number on Halal Malaysia

Portal

3 Click “Approve” Display updated status

from “New” to

“Approved”

Pass

4 Click “Reject” Display updated status

from “New” to “Rejected”

Pass

5 Status updated in database Pass

Table 4.16: Test case for Admin Manage Product Approval

4.3 Summary

Implementation and result are an interrelated process were each of

implementation modules need to be tested in order to achieve less errors and meets

requirement specified. The main process and modules flow are discussed. Lastly,

the functionality of the module had been tested and evaluated.

72

CHAPTER Ⅴ

CONCLUSION

5.1 Introduction

This chapter cover the conclusion of this project which involve summary for the

whole project, project contribution, project limitation and future planning for

improvement.

5.2 Project Contribution

Product Certified Apps is developed to helps Malaysian in grocery shopping

without having trusting issues on the product they want to buy. There are a lot of

counterfeit or uncertified products on Malaysia’s market. With this application, user

can check if the product from the registered manufacturer that they wish to buy have

a valid certification from the government.

This application allows consumers to make an informed decision when shopping

for their Halal products. Apart from that, the manufacturer can also benefits using this

application, not only for advertising, they can also build trust in customer of their

certified product.

73

5.3 Project Constraints

There are several limitations that occurred during the development of this

project. Some constraints come from disorganized planning that effect the

development process. The biggest challenge is developing Android application with

PHP and MySQL. There are not many resources and with limited knowledge in

developing the project. Much time was spent in understanding the application and

ways to program the QR code modules.

The application itself have limitations in term of notification and report. The

manufacturer cannot receive notification either their product is approved or rejected.

They need to check it status manually on the product list. The admin system also

does not receive proper report on all activities happening throughout the system.

5.4 Future Works

This application has a lot to offers if a few improvements can be made. Some of

it are add an interfaces or partition for ads purpose, such as monthly popular products

or festive products suggestion. Moreover, user can also make an order on the product

from the manufacturer through the application. Plus, user can get factory prices

which is much affordable when buying in bulk from the manufacturer. Apart from

that, adding product quantity update from the manufacturer can also be helpful to

user that want to make an order.

74

5.5 Summary

Product Certified Apps is an application that focuses on finding information

about manufacturer and its product with a valid business or incorporate certificate

and Halal certificate. Based on discussion with supervisor, the approach that will be

implement in this project is using Quick Response (QR) code as substitute to

traditional barcode on product. This application provides a way for admin to give

approval on the newly registered manufacturer to the system and the product.

Hopefully this application can boost consumer’s consciousness in choosing the best

product before purchasing.

75

REFERENCES

Mu, H., Topolewski, D., & Scholz, K. W. (2009). Using Quick Response Codes to

Provide Interactive Services. U.S. Patent Application No. 12/258,064.

Ozkaya, E., Ozkaya, H. E., Roxas, J., Bryant, F., & Whitson, D. (2015). Factors

affecting consumer usage of QR codes. Journal of Direct, Data and Digital Marketing

Practice, 16(3), 209-224.

Almehairi, M., & Bhatti, T. (2014). Adoption of virtual shopping: Using smart phones

and QR Codes. Journal of Management and Marketing Research, 17, 1.

Self, M., & Grant, E. (2007). System and Method of Product Identification Using a

URL. U.S. Patent Application No. 11/743,652.

Bashir, I., Naik, J., & Madhavaiah, C. (2013). Potential Business Applications of Quick

Response (QR) Codes. Prajnan, 41(4).

Ansari, A., Usama, M., & Siddiqui, D. A. (2019). Packaging Features and Consumer

Buying Behavior Towards Packaged Food Items. Ansari, MUA and Siddiqui, DA

(2019). Packaging Features and Consumer Buying Behavior towards Packaged Food

Items. Global Scientific Journal, 7(3), 1050-1073.

76

Yao, C., & Huang, P. (2017). Effects of placement marketing on product attitude and

purchase intention in traditional industry. Eurasia Journal of Mathematics, Science and

Technology Education, 13(12), 8305-8311.

Kim, J. M. (2017). The Effect of Posting Source Type Information on Brand Reliability,

Product Attitude and Purchase Intention-Comparison of general person posting and

corporate posting in Sina Weibo. Journal of Digital Convergence, 15(8), 367-374.

Nielsan. (2015). “Malaysia Ever Ready to Try New Product”, Retrived on September

23, 2019 from https://www.nielsen.com/my/en/insights/article/2015/malaysians-ever-

ready-to-try-new-products/.

Flyte. (2011). “New Media 50-Count 'Em, 50!-Creative Uses of QR Codes”, Retrieved

on October 4, 2019 from https://www.takeflyte.com/flyte/2011/03/50-count-em-50-

creative-uses-of-qr-codes.html.

Oracle. (2011). Cross-Channel Commerce 2011: The Consumer View. Accessed from

https://www.marketingcharts.com/industries/retail-and-e-commerce-20429

Peterman, M., & Žontar, T. P. (2014). Consumer Information and Labeling. In Food

Safety Management (pp. 1005-1016). Academic Press.

Uke, A.. (2012). Buying America Back: A Real-deal Blueprint for Restoring American

Prosperity. SelectBooks.

Carr, N. G. (2003). IT doesn't matter. Educause Review, 38, 24-38.

Rouillard, J. (2008, July). Contextual QR codes. In 2008 The Third International Multi-

Conference on Computing in the Global Information Technology (iccgi 2008) (pp. 50-

55). IEEE.

77

Balaji, S., & Murugaiyan, M. S. (2012). Waterfall vs. V-Model vs. Agile: A

comparative study on SDLC. International Journal of Information Technology and

Business Management, 2(1), 26-30.

Fabian Schlup. (2015). Google Developers: App deep linking with goo.gl. Retrived on

November 25, 2019 from https://developers.googleblog.com/2015/05/app-deep-

linking-with-googl.html.

78

APPENDIX A

Gantt Chart (FYP 1)

79

APPENDIX B

Gantt Chart (FYP 2)

Documents

PRODUCT CERTIFIED APPS WITH QUICK RESPONSE (QR) CODE