The read QR code from the beginning contains the complete information about PDAM customer namely
customer identity number, name, address, class and area. But when the matching process with the customer
database is happening, the information used is only the customer identity number.
The context diagram in Fig. 5 explains about the overview of the process that happens in the mobile QR
code generator and reader system based on windows phone platform to recognize PDAM customer identity.
Mobile Application of QR Code Generator and Reader PDAM
Customer officer
customer data, water meter value, captured qr code image,
customer data, record information,
generated qr code image
Fig. 5 Context Diagram
The entity within the context diagram in Fig. 5 is as the following:
a. Officer Officer is the user of the system who has a full
access in the system. Officer can do QR code generating, reading, and
data inputting process.
b. QR code generator and reader mobile application to recognize PDAM customer identity.
QR Code Generator and Reader mobile application to recognize PDAM customer identity is the main
component of this context diagram. This application is utilized to do generating process of customer
identity into QR code form and also do the process of customer identity QR code reading in the field.
4. Experiments and Results
Experiment is the next step which is essential because by doing an experiment, a programmer will be able to
discover any error in the system. Furthermore, it will be explained about the experiment of utilizing QR code
generator and reader mobile application as the PDAM customer identity recognition.
Fig. 6 below is login form when officer will access QR code generator and reader application for PDAM
customer identity.
Fig. 6 Login form PDAM QR code
Login form only can be accessed by officers who already have username and password to access PDAM QR code
form. Username and password of the officers is shown on the following table.
Table 2: Officer table
Officer id
User name
Pass word
Name
pt1 dw
dw Dwiki
pt2 eka
eka Eka
After login process is succeeded, the officer will enter the PDAM menu form.
Fig. 7 PDAM QR code menu IJCSI International Journal of Computer Science Issues, Vol. 10, Issue 2, No 3, March 2013
Copyright c 2013 International Journal of Computer Science Issues. All Rights Reserved.
PDAM menu form has two buttons that will be done by the officer. They are QR code generator button and QR
code reader button that is shown in the Fig.7 above.
Fig. 8 PDAM QR code generator form
Fig. 8 shows QR code generating process from PDAM customer data. It begins by PDAM customer identity
number checking. If the PDAM customer identity number is matched with the database, further the
complete data will be shown automatically. Next the officer can do QR code generating process and finally
save the result of the QR code generating process. Customer QR code image is stored in
“my documents\my pictures
” directory of the mobile phone. In the customer database only the directory of the file
storage that is saved. It is shown in the Table 3 below.
Table 3: Customer table where customer id 20607
Custo mer id
Name Addre
ss Class
Area QR code
20607 Pan
Sulastr i
Dsn. Wani
C6 P02211
9 My
Documen ts\
My Pictures\
20607.jpg The QR code result after generating process of PDAM
customer data is shown in Fig. 9.
Fig. 9 QR code of PDAM customer where id = 20607
From the example of QR code picture above, there is complete information of the PDAM customer in it. The
information includes the customer identity number, customer name, costumer address, costumer category,
and customer areal. Rendering to QR code example with customer
data which have identity number “20607”, then the example data that will be saved in to QR code is:
20607PAN SULASTRIDSN. WANIC6P022119.
QR code reading process is started by QR code image capturing process. When the officer chooses to do QR
code reading process, automatically the application will activate the camera feature and the officer can capture
the PDAM customer QR code image as in the Fig. 10.
Fig. 10 PDAM QR code capturing process
If QR code is unreadable, so that the application will be automatically re-execute the image capturing process.
Similarly, if the QR code is readable but the read data is not match with the PDAM customer database, the
process will be repeated automatically. The succeed of QR code reading process is marked by
the appearance of PDAM customer complete data from the QR code as it is shown in Fig. 11. On the PDAM
reader form, it is also shown the QR code result from the QR code image capturing process earlier. On this form,
Copyright c 2013 International Journal of Computer Science Issues. All Rights Reserved.
there are some buttons such as capture button, view image button and save button.
Fig. 11 Result of PDAM QR reading code process
It is the same as checking process of the QR code generator, the customer data that appear in PDAM reader
form is taken from the customer table as it is shown in Table 3.
The last process is data storing of PDAM customer water meter recording. The stored customer data includes water
meter number, water meter condition, read QR code image, and customer water meter image. All the
mentioned data will be saved in the PDAM customer database. Especially for QR code image and customer
water meter image, the data that is saved in the customer database is the directory of the image storage in the
mobile phone as it is shown in the Table 4.
Table 4: Record table where customer id 20607
Record id
Customer id
New value
Water meter
image
QR code image
1 20607
234 My
Documents\ My
Pictures\ 20607_
2_2013.jpg My
Documents\ My
Pictures\ 20607.jpg
The QR code reading process is influenced by several factors, such as capture position factor, the distance
between camera, object and lighting, QR code object rotation factor, and QR code object situation when the
reading process is running. QR code is readable if the camera position is
perpendicular towards the QR code object when the process of capturing QR code picture is executed. Table
5 below shows the result of QR code reading experiments with different captured picture
’s distance and lighting.
Table 5: QR Code Reading Experiments with different capture distance and lighting
No Lighting
Distance cm
Time required
second Result
1 Bright
6 -
Unreadable 2
Bright 8
- Unreadable
3 Bright
10 5
Readable 4
Bright 12
5 Readable
5 Bright
14 5
Readable 6
Bright 16
5 Readable
7 Bright
18 5
Readable 8
Bright 20
5 Readable
9 Bright
22 -
Unreadable 10
Bright 24
- Unreadable
11 Underexposed
6 -
Unreadable 12
Underexposed 8
- Unreadable
13 Underexposed
10 7-10
Readable 14
Underexposed 12
7-10 Readable
15 Underexposed
14 7-10
Readable 16
Underexposed 16
7-10 Readable
17 Underexposed
18 -
Unreadable 18
Underexposed 20
- Unreadable
19 Underexposed
22 -
Unreadable 20
Underexposed 24
- Unreadable
21 Very Bright
6 -
Unreadable 22
Very Bright 8
- Unreadable
23 Very Bright
10 5
Readable 24
Very Bright 12
5 Readable
25 Very Bright
14 5
Readable 26
Very Bright 16
5 Readable
27 Very Bright
18 5
Readable 28
Very Bright 20
5 Readable
29 Very Bright
22 -
Unreadable 30
Very Bright 24
- Unreadable
From 30 times experiments with different distance and lighting, the analysis obtained that the QR code will be
easier to be readable and take shorter time less than five second is in bright and very bright lighting conditions
with 10
– 20cm distance from the object. Table 6 shows the result of QR code reading process
experiments with different QR code rotation direction when the process of capturing picture is executed.
Copyright c 2013 International Journal of Computer Science Issues. All Rights Reserved.
Table 6: Reading Experiments with Different QR code Rotation Direction
No Rotation
Image file Result
1 90
’ to the left
Readable
2 90
’ to the right
Readable
3 180
’ Readable
Table 7 shows the QR code reading experiments with different QR code conditions. Different QR code
conditions factor is when there are other objects besides QR code in the camera capture results when QR code
capture is executed before the reading process runs. Those objects can be beside or inside the QR code.
Table 7: Reading Experiments with different QR code object conditions
No State of the
object Image File
Result
1 There is other
object outside the QR code
Readable
2 There is part of
other QR code Unreadable
3 There is other
object inside the QR code
Unreadable 4
There is other object inside the
QR code Unreadable
5 There is other
object inside the QR code
Unreadable This application is featured with additional desktop
application that can generate the QR code of all customer data in the PDAM database at once. Fig. 12 shows the
initial display application where there are
“view data” and
“start generate” option.
Fig. 12 PDAM QR code desktop application
If the process has not been generated, then when viewing the costumer data, the QR code picture of those customer
data will not be visible on the screen as shown on the Fig.13.
Fig. 13 Data view before the generate process is started
Fig. 14 shows all the generate process of PDAM customer data. This process may take some time.
Copyright c 2013 International Journal of Computer Science Issues. All Rights Reserved.
Fig. 14 Generating process of all PDAM customer data
Once the generating process has been completed, then when viewing the customer data, all the customer data
has had QR code form, as shown in the following Fig.15.
Fig. 15 Data view after the generating process is done
5. Conclusions