RANCANG BANGUN APLIKASI E-MONEY MENGGUNAKAN NFC DENGAN

JARINGAN INTERNET PADA PAYMENTCARWASH

Khairi Hafizhuddin Aziz(1), Hudiono(2) , Koesmarijanto(3)
123
Program Studi Jaringan Telekomunikasi Digital, Jurusan Teknik Elektro, Politeknik Negeri Malang

ABSTRAK

Saat ini, payment yang digunakan di semua carwsash masih menggunakan uang tunai. Penggunaan uang tunai sangatt
tidak efesien. Fitur Near Field Communication(NFC) E-Money ini menjanjikan transaksi non-tunai lebih efisien, salah satunya
diterapkan untuk paymentcarwash.
Oleh karena itu, perlu dibuat suatu aplikasi penunjang yaitu aplikasi sistem pengganti uang konvensional dengan e-
money bersifat deposit menggunakan teknologi NFC. Aplikasi sistem pengganti uang konvensional inimemudahkan payment pada
carwash sehingga tidak perlu membawa uang tunai . Dengan memanfaatkan teknologi NFC (Near Field Communication)maka
dibuatkan aplikasi dengan fungsi sebagai sistem payment e-money beserta fitur-fitur yang dapat menunjang kelancaran payment.
Setelah melakukan pembuatan aplikasi maka dilakukan pengujian dengan cara mengukur jarak baca readerNFCyang ada pada
reader terhadap 2 jenis tag yang digunakan.
Dari hasil pengujian aplikasi sistem paymentcarwash menggunakan teknologi Near Field Communication(NFC) ini,
didapatkan hasil pengujian jarak baca maksimal readerNFCACR122U adalah sebesar 3 cm.

Kata Kunci : E-Payment, NFC, Database, MySQL, PHP

1. Pendahuluan mengembangkan teknologi yang disebutpure-based micro

1.1 Latar Belakang
Dengan berkembangnya teknologi dan tuntutan
konsumen untuk melakukan segala kemudahan dan instan
mendorong gebrakan baru di dunia teknologi. Kebutuhan
pengiriman data yang lebih efesien dan memiliki banyak
fungsi yang mendorong hadirnya NFC. NFC merupakan
perkembangan dari Radio Frequency Identification (RFID)
dapat membuat hidup lebih mudah dan nyaman bagi
pengguna di seluruh
Teknologi NFC itu sendiribanyak
diimplementasikan pada suatu sistem pembayaran (point of
sales) yang saat ini sudah menjadi kebutuhan yang penting
terutama bagi bisnis retail maupun pada umumnya, yang
merupakan dengan diimplementasikannya teknologi ini
mampu memudahkan user dalam bertransaksi secara aman,
cepat, dan efisien, karena teknologi ini dapat memberikan
berbagai manfaat kepada user seperti intuitif : interaksi NFC
tidak membutuhkan kesulitan hanya dari sentuhan sederhana,
versatile : NFC cocok digunakan untuk industri, NFC pula
telah mengikuti standar internasional yang diterapkan oleh
ISO,ECMA,ETSI
Pada penelitian sebelumnya yang berjudul ‘Desain
E-Toll dengan Near Field Communication(NFC)Technology
‘[1],merancang system yang dapatmengotomatisasi proses
transaksipadapembeliantiket toll dantransaksi toll secara
mobile, memperkenalkan alternative teknologi wireless
berupa Near Field Communication(NFC), membuattransaksi
yang bersifat contactless.
Metodeperancanganmenggunakanpendekatan Unified
Modelling Language
(UML).Hasilnyaadalahsebuahrancangan system
pembeliantiket toll secara mobile melalui koneksi internet
atausmsdenganpembayaranmelalui credit card
ataupulsa.Rancangan system inimeliputi e-toll applet yang
dapatdidownloadkehandphonesebagai embedded application,
danpengecekanvaliditas e-toll menggunakan NFC.Padajurnal
yang berjudul ‘Implementasi NFC sebagai Media
untukTransaksiPembayaranBerbasisMobile’[2],
Program Studi Jaringan Telekomunikasi Digital~Politeknik Negeri Malang
payment system.Teknologi NFC (Near-field Communication)
digunakan untuk mempermudah transaksi embayaran
contactless padapoint of sale (POS).
Sedangkan di proposal penelitian ini akan dibuat NFC
tag sebagai sistem pengganti pembayaran konvesional.
Dengan NFC tag ini untuk pengguna akan secaraotomatis
login kejaringan web, dengancaramendekatkan NFC tag pada
NFCReader/Write. NFC tag inijugaakanotomatismencatat
data transaksi penggunaan jasa pada web server yang
berfungsi untuk memberikan bonus atau potongan harga
dengan melihat seberapa sering pengguna melakukan
transaksi pada periode tertentu.
.
1.2 Rumusan Masalah
Berdasarkan latar belakang, dapat dirumuskan
perumusan masalah sebagai berikut:
1. Bagaimana merancang aplikasi teknologi NFC
dengan menggunakan smart card contactless dan
card reader sebagai suatu alat pembayaran.
2. Bagaimana mengetahui jarak terbacanya tag NFC
dengan menggunakan readerACR122Udalam e-
payment jasa carwash menggunakan teknologi
NFC?
1.4 Tujuan Penelitian
Tujuan penelitian ini adalah sebagai berikut:
1. Mengimplementasikan teknologi NFC dengan
menggunakan smart card contactless dan card
reader sebagai suatu alat pembayaran.
2. Mengetahui jarak terbacanya antara tag NFC
dengan menggunakan readerACR122U dalam e-
payment jasa carwash menggunakan teknologi NFC
II. TINJAUAN PUSTAKA
2.1 Penelitian Sebelumnya
Penelitian terdahulu yang terkait dengan penelitian
skripsi ini adalah hasil penelitian Krisna Rengga Buana
130
 Jurnal JARTEL (ISSN (print): 2407-0807 ISSN (online): 2407-0807) Vol: 4, Nomor: 1, Mei 2017

2011yang berjudul Desain E-Toll dengan Near Field Mulai

Communication(NFC)Technology
Studi Pustaka NFC, PHP, MySQL
2.2 Landasan Teori

2.2.1 Mobile Payment Perencanaan Sistem Kerja

Pembayaran jenis ini dapat merujuk kepada
pembayaran yang menggunakan pulsa telepon genggam
maupun pembayaran menggunakan telepon genggam yang Perancangan Desain
dapat berkomunikasi dengan perangkat tujuan dengan
memanfaatkan teknologi nirkabel seperti near-field
communication. Pembuatan Script Progam

2.2.2 NFC(Near Field Communication)

NFC Near-field Communication merupakan Simulasi Program

antarmuka komunikasi nirkabel dengan jarak kerja terbatas

sekitar 5 cm, antara lain 106 Kbps, 212 Kbps dan 424 Kbps.
Jika Simulasi Benar
2.2.3 MySQL
MySQL adalah perangkat lunak pengolah database
yang sangat populer, terutama di kalangan pengguna sistem Analisis Program

operasi berbasis Unix. MySQL memeiliki sifat open source.

Analisis Penullisan dan Pembacaan NFC
2.2.4 PHP
PHP adalah skrip bersifat server side yang
ditambahkan ke dalam HTML.Skrip ini akan membuat suatu
aplikasi dapat terintegrasi ke dalam HTML sehingga suatu Kesimpulan
halaman web tidak lagi bersifat statis, namun menjadi
bersifat dinamis.
Selesai

III. METODE PENELITIAN

Gambar 3.1 Flowcart Tahapan Penelitian
3.1 Tahapan Penelitian
Diagram alir secara umum dalam pembuatan sistem 3.2 Perencanaan Sistem
ditampilkan pada Gambar 3.1 Rancanaan yang akan dibuat pada skripsi ditunjukkan
pada Gambar 3.2 berikut ini.

Gambar 3.2 Arsitektur Perencanaan Sistem

Gambar 3.2 dapat dijelaskan alur kerja sistem sebagai
berikut:
1. Customer menggunakan jasa carwash kemudian
untuk payment menggunakan NFC tag.
2. Server database mengirimkan data ke aplikasi tentang
payment dengan mengecek cukup atau tidaknya saldo
3. Setelah itu, customer melakukan payment dengan cara
menempelkan smartcard ke reader yang ada di
carwash. Jika sudah melakukan payment, maka
munculstruk bukti pembayaran di monitor

Program Studi Jaringan Telekomunikasi Digital~Politeknik Negeri Malang

131
 4. Customer yang sudah melakukan paymenttadi,
datanya akan disimpan ke database dan akan terlihat
di list pemakaian dari sisi user maupun admin .
5. Untuk laporan pemakaian, data sudah bersifat online
dan data pemakaian jasa carwash akan secara
otomatis akan masuk pada database server.
IV. PERENCANAAN DAN IMPLEMENTASI
4.1 Perencanaan Sistem
Pada sub bab perencanaan sistem ini akan dijelaskan
mengenai perencanaan sistem yang akan dikembangkan dan
diimplementasikan. Perencanaan sistem adalah tahapan
merencanakan serta menganalisa kebutuhan sistem dan
mengidentifikasi kebutuhan informasi berdasarkan hasil
pengamatan dan serta studi pustaka yang telah dilakukan.
Perencanaan sistem yang dilakukan untuk pembuatan sistem
aplikasi pada penelitian ini, antara lain:
1. Perancangan Gambaran Sistem
2. Perancangan Web server
4.2 Perancangan gambaran sistem
Perencanaan sistem ini pada Webserver ini akan
dibuat 2 sisi , sisi administrator dan sisi user . Dalam sisi web
administrator sebagai management transaksi disisi web
interface.
4.3 Perencangan Webserver
Berikut Gambar 4.1 merupakan flowchart dasar
proses program untuk sisi admin yang akan diterjemahkan ke
dalam bahasa pemrograman PHP.
Gambar 4.2FlowchartDasar Alur Kerja Web Admin
Penjelasan Flowchart :
 Login
Login merupakan proses awal program untuk dapat
menggunakan aplikasiadmin pada Webserver. Login
aplikasi dengan cara memasukkan username dan
password. Jika login berhasil maka langkah
selanjutnya adalah admin dapatmengecek data pada
database.
 Mengolah Database
Pengolahan data pada database dilakukan setelah
Program Studi Jaringan Telekomunikasi Digital~Politeknik Negeri Malang
admin berhasil login. Pada proses ini admin dapat
menambah, mengubah dan menghapus data customer.
 Melihat data customer
Setelah admin mengolah data pada database admin
dapat melihat data pemakaian dan pembelian..
 Mengolah data customer
Pengolahan data customer dilakukan oleh admin
untuk mengedit atau menghapus data absensi
customer.
V. PENGUJIAN DAN ANALISA HASIL
Langkah selanjutnya setelah aplikasi ini dibuat
adalah langkah pengujian sistem. Fungsi dari pengujian
sistem ini adalah untuk memastikan bahwa hasil aplikasi
sesuai dengan yang direncanakan sekaligus untuk
mengetahui sistem ini sudah dapat berjalan dengan baik atau
tidak. Oleh karena itu, peneliti melakukan pengujian terhadap
aplikasi yang telah dibuat. Untuk kebutuhan penelitian,
peneliti membuat sistem paymentcarwash dengan
memanfaatkan teknologi NFC(Near Field Communication).
Aplikasi ini digunakan untuk memudahkan payment pada
jasa carwash menggunakan e-money sebagai pengganti uang
konvensional.
5.1 Pengecekan Sistem
5.1.1 Pengecekan Perfomansi Web Admin
Pengecekan performansi web admin tujuannya
untuk mengujifungsionalitas Webserver yang digunakan
untuk admin dapat berjalan dan digunakan dengan baik.
Webserver dapat di akses dengan jaringaninterner. Seperti
pada Gambar 5.1 sebagai berikut.
Gambar 5.1 Tampilan Halaman Login Web Admin
Pada gambar 5.1 diatasmerupakan halaman awal
untuk web admin. Pada halaman ini admin harus login
terlebih dahulu dengan memasukan username dan password
sehingga admin dapat masuk ke halaman web. Username
yang digunakan yaitu “admin_11” dan password
“admin_11”. Pada performansi awal halaman web ini
aktifitas dapat berjalan dengan baik dan tidak terjadi error.
Setelah admin melakukan login maka akan ditampilkan
halaman menu utama web admin seperti pada Gambar 5.2
seperti berikut
132
 Jurnal JARTEL (ISSN (print): 2407-0807 ISSN (online): 2407-0807) Vol: 4, Nomor: 1, Mei 2017

melihat data user. Pada performansi halaman web ini aktifitas

dapat berjalan dengan baik dan tidak terjadi error. Pada
menu ini admin dapat menambahkan data outletseperti yang
ditunjukkan pada Gambar 5.5 sebagai berikut.

Gambar 5.2TampilanHalaman Utama WebAdmin

Pada Gambar 5.2 diatas merupakan halaman utama

web admin. Terdapat 6 menu diantaranya menu Data User,
Data Outlet, Isi Deposit, List Pembelian, List Pemakaian, dan
Log Out. Pada performansi halaman web ini aktifitas dapat
berjalan dengan baik dan tidak terjadi error. Pada menu ini
admin dapat menambah data user dengan cara memilih menu
data user pada web admin seperti yang ada pada gambar 5.3
berikut ini.
Gambar 5.5 Tampilan Tambah Data Outlet
Pada gambar 5.5 diatasmerupakan halaman untuk
menambah data outlet. Admin dapat mengisi data outlet
seperti nama outlet, alamat ,no telepon dan keterangan.
Setelah admin mengisi data admin dapat melakukan
penyimpanan data dengan cara mengeklik tombol simpan.
Hasil performansi pengujian telah masuk kedalam Webserver
dataoutlet. Pada performansi halaman web ini aktifitas dapat
berjalan dengan baik dan tidak terjadi error. Setelah
melakukkan penambahan data outlet dapat melihat data
tersebut pada sub menu data outlet seperti yang ditunjukkan
pada Gambar 5.6 sebagai berikut.

Gambar 5.3TampilanTambah Data User

Pada gambar 5.3 diatasmerupakan halaman untuk

menambah data user. Admin dapat mengisi data
identitasseperti nama, username ,no telepon, email, alamat
dan password. Setelah admin mengisi data admin dapat
melakukan penyimpanan data dengan cara mengeklik tombol
simpan. Hasil performansi pengujian telah masuk kedalam
Webserver datauser. Pada performansi halaman web ini
aktifitas dapat berjalan dengan baik dan tidak terjadi error.
Setelah melakukkan penambahan data user admin dapat
melihat data tersebut pada sub menu data user seperti yang Gambar 5.6 Tampilan Lihat Data Outlet
ditunjukkan pada Gambar 5.4 sebagai berikut. Pada gambar 5.6 diatasmerupakan halaman untuk
melihat data outlet. Pada performansi halaman web ini
aktifitas dapat berjalan dengan baik dan tidak terjadi error.
Pada menu ini admin dapat menambahkan isi deposit seperti
yang ditunjukkan pada Gambar 5.7 sebagai berikut.

Gambar 5.4 Tampilan Lihat Data User

Pada gambar 5.4 diatasmerupakan halaman untuk

Program Studi Jaringan Telekomunikasi Digital~Politeknik Negeri Malang

133
 5.1.2 Pengecekan Perfomansi Web User
Pengecekan performansi webadmin tujuannya untuk
mengujifungsionalitas webserver yang digunakan untuk user
Gambar 5.7 Tampilan Isi Deposit dapat berjalan dan digunakan dengan baik. Webserver dapat
Pada gambar 5.7 diatasmerupakan halaman untuk isi di akses dengan jaringaninternet . Seperti pada Gambar 5.11
deposit. Admin dapat mengisi saldo sesuai pembayaran pada
kolom deposit dan memilih outletnya . Setelah admin
mengisi depositmaka dapat diproses dengan cara mengeklik
tombol simpan. Hasil performansi pengujian telah masuk
kedalam Webserver dataoutlet. Pada performansi halaman
web ini aktifitas dapat berjalan dengan baik dan tidak terjadi
error. Setelah melakukkan penambahan data outlet dapat
melihat data tersebut pada sub menu data outlet seperti yang
ditunjukkan pada Gambar 5.8 sebagai berikut.

Gambar 5.11 Tampilan Web Sisi User

Pada gambar 5.11 diatasmerupakan halaman awal
untuk web user. Pada halaman ini user harus login terlebih
dahulu dengan memasukan username dan password dengan
smartcard yang sudah di isi data dan saldo sehingga
customer dapat melakukan e-payment ke halaman web.
Sebelum melakukkan e-paymentdisalah satuoutlet maka akan
tampil halaman login yang ada di gambar 5.12 :
Gambar 5.8 Tampilan Saldo

Pada gambar 5.8 diatasmerupakan halaman untuk

melihat saldo user. Pada performansi halaman web ini
aktifitas dapat berjalan dengan baik dan tidak terjadi error.
Pada menu ini admin dapat melihat report list pembelian
deposit dan list pemakaian seperti yang ditunjukkan pada
Gambar 5.9dan 5.10 sebagai berikut.

Gambar 5.12 Tampilan Login Web Sisi User

Setelah customer menempelkan kartu pada reader
maka transaksi success dan kemudian invoice akan tampil
yang ada di gambar 5.13

Gambar 5.9 List Pembelian Deposit

Gambar 5.13 Tampilan Invoice

5.2 Pengujian pembacaan Tag NFC
padaReader ACR122U
Gambar 5.10 List Pamakaian
Pengujian ini dilakukan dengan perangkat

134
Program Studi Jaringan Telekomunikasi Digital~Politeknik Negeri Malang
 Jurnal JARTEL (ISSN (print): 2407-0807 ISSN (online): 2407-0807) Vol: 4, Nomor: 1, Mei 2017

reader ACR122U. Tabel 5.1 hasil pembacaan tag 2. Pada sisi Webserver, tampilan Webserversebaiknya
NFCmenggunakan reader . untuk ditingkatkan agar lebih memudahkan pengguna
dalam menggunakannya.
NFCMIFARE NTAG203
Jarak
Jenis Reader Classic 1k
Baca Daftar Pustaka
13.56MHz
1 Cm V V [1] 2013. Fatoni.“Rancang Bangun Absensi Mahasiswa
Menggunakan RFID Dengan Komunikasi
1,5 V Terpusat”,Sekolah Tinggi Ilmu Komputer Surabaya.
V [2] 2013. Hidayatullah,Fahmi.“Rancang Bangun Sistem
Cm
Keamanan Keluar Masuk Parkir dengan Kartu
2 Cm V V Cerdas MIFARE dan Teknologi Near Field
V Commucication (NFC) Studi Kasus Parkir Jurusan
2,5
V Teknik Informatika’”.Teknik Informasi,Institut
Cm Teknologi Sepuluh Nopember.
[3] 2013. N. Forum, "NFC and Contactless
ACR122U 3 Cm V V
Technologies," [Online]. Available: http://NFC-
3,5 X forum.org/what-is-NFC/about-the-Technology/.
X [4] 2013. Coskun,Vedat.“NFC Application Development
Cm
for Android”. WROK.
4 Cm X X [5] 2011. Rohde & Schwarz NFCTechnology and
measurements. White Paper.
4, X [6] Kamus Besar Bahasa Indonesia.
X
5Cm
[7] 2012. Safaat, Nasrudin. “Pemrograman Aplikasi
5 Cm X X Mobile Smartphone dan Tablet PC Berbasis
Android”. Bandung: Informatika.
Pengujian pada tabel 5.1 tujuannya untuk [8] 2012. Setiawan, Yohannes. “Implementasi Web
mengetahui pengaruh jarak antara reader smartphone dengan Collabaritve”, Fakultas Teknik Universitas Indonesia.
tag NFCyang digunakan. Pengujian ini dilakukan [9] 2008.Suprianto, Dodit. “Buku Pintar Pemrograman
menggunakan perangkat reader ACR122U untuk mengetahui PHP”.Bandung: OASE Media.
pengaruh jarak bacareader. Jenistag NFCyang digunakan
pada pengujian ini adalah NTAG203 dan MIFAREClassic 1k [10] 2013. Kadir,Abdul. “Dasar Pemograman Web
13.56 Mhz jenis tersebut digunakan dengan maksud menguji Dinamis Menggunakan PHP”. Yogyakarta: Andi.
perbandingan performansi masing-masing tag terhadap
reader.

VI. PENUTUP
6.1 Kesimpulan
Dari hasil perancangan dan pembuatan aplikasi
paymentcarwash menggunakan teknologi NFChingga
pengujian yang dilakukan, didapatkan beberapa kesimpulan
antara lain:
1. Berdasarkan hasil pengujian pembacaanNFCreader,
tag NFC dapat terbaca secara langsung apabila tag
didekatkan padaNFCreader dan posisi yang sejajar
dengan NFCtagyang dihubungkan dengan web.
Pembacaan tag NFC dapat terbaca dengan
menggunakan readerNFC A122U.
2. 2 sampel jenis tag yang digunakan untuk pengujian
pembacaan tag NFC terhadap reader ACR122U rata-
rata jarak maksimal pembacaan tag NFCterhadap
readerACR122Uadalah pada jarak 3 cm.

6.2 Saran
Dari hasil perancangan aplikasi paymentcarwash
menggunkan teknologi NFCterdapat beberapa saran untuk
pengembangan antara lain:
1. Pada Web sisi user di berikan kode voucher deposit
atau pulsa .

Program Studi Jaringan Telekomunikasi Digital~Politeknik Negeri Malang

135