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
No. Attribute Type Length Key Description
1. userID varchar 11 Primary Consumer ID for login
2. email varchar 100 Backup ID for login
3. password varchar 100 Password for login
4. name varchar 100 Consumer name
5. image longblob User profile image
Table 3.4: Data Dictionary for Consumer
35
Manufacturer
No. Attribute Type Length Key Description
1. ssmID varchar 30 Primary Manufacturer SSM
registration number
2. email varchar 100 Backup ID for login
3. password varchar 100 Password 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
No. Attribute Type Length Key Description
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
No. Attribute Type Length Key Description
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
No. Attribute Type Length Key Description
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
Step Procedure Expected result Pass/Fail
1 Enter the following details:
Username: 12356789
Password: 12345abcde
Pass
2 Click “Login” button Message “Not yet
registered”
Pass
3 Click the “Click Here to
Register as Manufacturer”
Manufacturer dashboard
display
Pass
Table 4.2: Test case for Manufacturer Register
65
Step Procedure Expected result Pass/Fail
1 Click “Update Manufacturer
Profile”
Form to update profile Pass
2 Click image folder Choose image from phone
gallery
Pass
3 Enter the following details:
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
Step Procedure Expected result Pass/Fail
1 Click “Add Product Detail” Form to add product Pass
2 Click image folder Choose image from phone
gallery
Pass
3 Enter the following details:
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
Step Procedure Expected result Pass/Fail
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
Step Procedure Expected result Pass/Fail
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
Step Procedure Expected result Pass/Fail
1 Open the application of
VerifyHut
Login page for user will
display
Pass
2 Enter the following details:
Username: A001
Password: password123
Pass
3 Click “Login” button Message “Not yet
registered”
Pass
4 Enter again the correct
username and password
User dashboard display Pass
Table 4.7: Test case for User Login
Step Procedure Expected result Pass/Fail
1 Enter the following details:
Username: A001
Password: password123
Pass
2 Click “Login” button Message “Not yet
registered”
Pass
3 Click the “Click Here to
Register as User”
User dashboard display Pass
Table 4.8: Test case for User Register
Step Procedure Expected result Pass/Fail
1 Click “User Account” Form to update profile Pass
2 Enter the following details:
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
Step Procedure Expected result Pass/Fail
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
5 Enter the following details:
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
Step Procedure Expected result Pass/Fail
1 Click “Product List” Display list of products Pass
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
5 Enter the following details:
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
Step Procedure Expected result Pass/Fail
1 Click “Product List” Display list of products Pass
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
Step Procedure Expected result Pass/Fail
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
Step Procedure Expected result Pass/Fail
1 Enter the following details:
Username: admin
Password: 12345
Pass
2 Click “Login” button Message “Wrong
username or password”
Pass
3 Enter again the correct
username and password
Admin homepage display Pass
Table 4.14: Test case for Admin Login
Step Procedure Expected result Pass/Fail
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
Step Procedure Expected result Pass/Fail
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)