RANCANG BANGUN LOKET PAYMENT DAN PENJUAL

RANCANG BANGUN LOKET PAYMENT DAN PENJUALAN
PULSA BERBASIS WEB DAN XML
Zaenal Abidin (101080200214) 1, Yulian Findawati, S.T., M.MT. 2
Jurusan Teknik Informatika Universitas Muhammadiyah Sidoarjo
Jalan Raya Gelam no 250 Candi, Sidoarjo, 61271
Telp : 0817586111, Fax : (031) 8921938
E-mail : abitjoos@gmail.com1, yfindawati@yahoo.com2

Abstract
SurabayaPulsa is counter payment and pulse that provide a variety of payment and pulse all
operator. Transaction counter of SurabayaPulsa to all suppliers is done via SMS and Chat with
YahooMessanger. This way has constraints, including the transactions have long time and reports from
suppliers recorded one by one each supplier.
This study aims to build applications of counter payment and pulse using the Web and XML, its
can send transactions to suppliers quickly and can go to many suppliers, as well the report with faster.
This application counter consists from input electric transactions, payment and report. Next to send data
between the counter and suppliers using XML.
With construction of this application, the owner can be transaction with faster and easier to
checking the report, because the used one view reports for each suppliers, its can be increasing the
transaction from customers and increase profits of SurabayaPulsa counter
Abstrak

SurabayaPulsa adalah loket payment dan penjualan pulsa yang menyediakan bermacam-macam
pembayaran dan penjualan pulsa semua operator. Transaksi loket Surabaya Pulsa, ke semua suppliernya
selama ini dilakukan melalui SMS dan chat YahooMessenger. Cara tersebut memiliki kendala,
diantaranya transaksi yang lama dan laporan dari supplier didata satu persatu setiap suppliernya.
Penelitian ini bertujuan untuk membangun aplikasi loket payment dan penjualan pulsa dengan
menggunakan web dan XML, sehingga dapat mengirim transaksi ke supplier dengan cepat dan bisa ke
banyak supplier, sekaligus dengan laporannya. Aplikasi loket ini terdiri dari input transaksi elektrik,
pembayaran dan laporan. Sedang untuk mengirim data antara loket dan supplier menggunakan XML.
Dengan dibangunnya aplikasi ini, maka pemilik lebih cepat bertransaksi dan lebih mudah
melihat laporannya, karena dijadikan satu tampilan laporan tiap suppliernya, sehingga dapat
meningkatkan transaksi dari konsumen dan berdampak peningkatan keuntungan loket SurabayaPulsa.
Kata kunci: loket payment, penjualan pulsa, berbasis web

mengembangkan berbagai macam dan jenis

PENDAHULUAN
Surabaya Pulsa adalah perusahaan

payment


untuk

menambah

layanan

yang bergerak di bidang jasa, yaitu penjualan

kekonsumen. Pada tahun 2013 Surabaya Pulsa

pulsa elektrik. Perusahaan ini berdiri sejak

sudah melengkapi produk payment menjadi

tahun 2005 atas adanya kebutuhan pulsa elektik

lebih banyak, diantaranya seperti tagihan listrik,

yang


tagihan

semakin

meningkat.

Dengan

telepon,

tagihan

speedy,

tagihan

perkembangan zaman kebutuhan orang semakin

pascabayar handphone, tagihan PDAM, dan


bervariasi dari hanya pulsa elektik ditambah

tagihan televisi kabel.

dengan pembayaran kebutuhan yang lain,

Selama

ini

perusahaan

masih

sehingga perusahaan jasa penjualan pulsa

melakukan transaksi ke supplier dengan cara

elektrik


diminati.

manual yaitu dengan cara SMS atau chat via

Sedangkan payment sendiri adalah pembayaran

yahoo messenger dan pembukuan transaksi

tagihan secara online. Sehingga perusahaan

dengan cara manual atau dengan cara melihat

dan

payment

semakin

mutasi di website supplier, kelemahannya


Aplikasi

web

merupakan

sebuah

adalah data hanya bisa disajikan satu arah, yaitu

aplikasi yang mengunakan teknologi browser

data disupplier saja, sedang data transaksinya

untuk menjalankan aplikasi dan diakses melalui

sendiri direkap secara manual, mengakibatkan

jaringan komputer (Remick, 2011). Sedangkan


data kurang sesuai.

menurut (Rouse, 2011) aplikasi web adalah

Bertolak pada hal di atas, sesuai
dengan

tersedianya

fasilitas

internet

dan

jaringan komputer di Surabaya Pulsa maka

sebuah program yang disimpan di Server dan
dikirim melalui internet dan diakses melalui
antarmuka browser.


pembuatan aplikasi loket payment berbasis web
diharapkan dapat

memudahkan

Dari

pengertian

diatas

dapat

perusahaan

disimpulkan aplikasi web merupakan aplikasi

dalam kecepatan transaksi dan kebutuhan


yang diakses mengunakan web browser melalui

informasi

jaringan internet atau intranet. Aplikasi web
juga

komputer

TINJAUAN PUSTAKA
Sistem

merupakan

dikodekan

dalam

lunak
bahasa


pemrograman yang mendukung perangkat lunak

melibatkan komputer. Sistem informasi yang

berbasis web seperti HTML, JavaScript, CSS,

menggunakan komputer biasa disebut sistem

Ruby,

informasi berbasis komputer (Computer-Based

pemrograman lainnya.

beberapa

System

definisi


atau

tidak

perangkat

harus

Information

informasi

yang

suatu

CBIS).

sistem

Adapun

informasi

dari

beberapa ahli :

Abdul

khadir

”Sistem

Java

dan

bahasa

PPOB (payment point online bank) adalah
pembayaran

memanfaatkan

fasilitas

online

dengan

perbankan,

Seperti

adalah

pembayaran tagihan listrik, tagihan telepon,

kombinasi antara prosedur kerja, informasi,

tagihan speedy, tagihan pascabayar handphone,

orang,

yang

tagihan PDAM, dan tagihan televisi kabel.

diorganisasikan untuk mencapai tujuan dalam

Loket payment tidak hanya melibatkan jasa

sebuah organisasi “.

perbankan sebagai lembaga keuangan, tetapi

dan

teknologi

Informasi

Php,

Loket payment atau lebih dikenal

sistem

Menurut Alter(1992) di dalam buku

Python,

informasi

Menurut Bodnar dan Hopwood (1993)

juga melibatkan lembaga switcing sebagai

di dalam buku Abdul khadir “Sistem Informasi

pengatur lalu lintas data, dan terakhir outlet-

adalah kumpulan perangkat keras dan perangkat

outlet atau loket-loket payment yang melayani

lunak

langsung ke pelanggan.

yang

dirancang

untuk

mentransformasikan data ke dalam bentuk
informasi yang berguna” .

Loket penjualan pulsa adalah penjualan
pulsa elektrik kekonsumen dengan melalukan

Menurut Hall (2001) di dalam buku

pembelian secara langsung ke semua operator

Abdul khadir “Sistem Informasi adalah sebuah

melalui sistem pengisian yang sudah ditentukan

rangkaian prosedur formal di mana data

oleh operator,

dikelompokkan, diproses menjadi informasi,

mekanisme pengisiannya.

setiap operator berbeda-beda

dan didistribusikan kepada pemakai” .( Abdul

XML (eXtended Markup Language )

Khadir, Pengenalan Sistem Informasi, Penerbit

adalah bahasa markup yang digunakan untuk

Andi, Yogyakarta 2002).

menyimpan data (tidak ada program) dan tidak

tergantung dengan tools tertentu (seperti editor,
dbms, compiler, dsb). Markup yaitu bahasa
yang berisikan kode-kode berupa tanda-tanda
tertentu

dengan

aturan

tertentu

untuk

memformat dokumen teks dengan tag sendiri
agar dapat dimengerti.

METODOLOGI PENELITIAN
Tahap Perancangan Sistem
Tahapan

perancangan

sistem

merupakan tahap desain dari siklus hidup
pengembangan

sistem,

yakni

menganalisis

sistem menggunakan informasi-informasi yang
terkumpul sebelumnya untuk mencapai desain

Gambar 1 Flowchart Proses Penjualan Pulsa

2. Sistem Pembayaran Tagihan

Berikut Flowchart untuk Sistem Pembayarn
Tagihan

sistem informasi yang logik. Menurut Kendall
& Kendall (2003:11), bagian dari perancangan
sistem yang logik adalah peralatan antarmuka
pengguna.
Dalam perancangan sistem, penulis
menggunakan Flowchart guna dapat membantu
penulis

(programer)

untuk

memecahkan

masalah kedalam segmen – segmen yang lebih
kecil

dan

membantu

dalam

menganalisis

alternatif – alternatif lain dalam pengoprasian
program.

Flowchart

biasanya

dapat

mempermudah penyelesaian suatu masalah
khususnya masalah yang perlu dipelajari dan

Gambar 2 Flowchart Proses Pembayaran Tagihan

dievaluasi lebih lanjut.
1. Sistem Penjualan Pulsa Elektrik
Berikut Flowchart Untuk Sistem penjualan
Pulsa Elektrik :

System Flow digunakan untuk menggambarkan

alur sistem yang terjadi pada aplikasi pelayanan
Penjualan Pulsa Elektrik dan Pembayaran
Tagihan secara garis besar. Dalam sistem ini
yang terlibat yaitu konsumen dan Operator.
Dapat dilihat pada gambar berikut.

Konfirmasi status pembayaran
Konfirmasi jumlah tagihan

pelanggan

Konfirmasi isi pulsa
Input id pelanggan / no rekening
Konfirmasi status pembayaran
Konfirmasi jumlah tagihan
Konfirmasi isi pulsa

Input no handphone isi pulsa

Sistem Loket payment
dan penjualan pulsa

Laporan penjualan

Mutasi supplier
Input data hpp voucher
Input data voucher

Data pengisian pulsa

supplier

Data cek tagihan
Data pembayaran tagihan

Gambar 3 System Flow Penjualan Pulsa Elektrik

data operator
purchase

Kelola
supplier

Status pengisian

Deposit
supplier

data pengisian
Deposit supp

Data supp

pelanggan
Status gagal

data mutasi

Order ke
supplier

supplier
Kelola
Produk ppob

status pembayaran
Data no rekening

status pembayaran
Data pembayaran

Context diagram menggambarkan proses aliran

menjelaskan proses pada level yang lebih detail.

Refund
elektrik

data mutasi
mutasi

Data supp
supplier

Gambar 4 System Flow Pembayaran Tagihan

didekomposisi menjadi DFD Level 0 yang

Status gagal

Status pengisian
status pembayaran

payment
status pembayaran

Input data ppob produk

data ppob produk

ppob_produk
Laporan pembayaran

Gambar 6 DFD Level 1 Aplikasi loket payment dan
penjualan pulsa

Kelola
Pembayaran
tagihan

Data no rekening

Input data ppob produk

Deposit supp

Status suks es
Data no handphone

operator
Kelola
operator

Data no handphone

Mutasi supp

data operator

Kelola
Penjualan
pulsa

Status pengisian

Input data supplier

Kelola
data hpp voucher
data hpp voucher
Input data hpp voucher Hpp voucher
hpp_voucher data voucher
Laporan penjualan
data operator
pemilik Input data voucher
data voucher
Kelola
voucher
voucher

data pengisian

besarnya. Selanjutnya context diagram dapat

Input data ppob produk

Gambar 5 DFD Level 0 Aplikasi loket payment dan
penjualan pulsa

Data pembayaran

data yang terjadi dalam sistem secara garis

pemilik

Input data supplier

supplier

Data payment

payment
Order ke
supplier

purchase
Data pengisian

inbox_khusus
Jawaban supplier

Simpan data

Status pembayaran

inbox_read
Data supplier

Gambar 9 Form Login

Jawaban sistem
Status transaksi pulsa
Kirim transaksi

jawaban
supplier

outbox_read

Kirim jawaban

supplier
Gambar 7 DFD Level 2 order ke supplier aplikasi
payment dan penjualan pulsa

Entity Relationship Diagram
Sebuah Entity Relationship Diagram (ERD)

Form Order Terproses
Form ini digunakan untuk menampilkan history
nomer telepon berapa saja

yang telah di isi

pulsa, nomer rekening/nomer pelanggan mana
saja yang telah dicek tagihannya. Di form ini
bisa dilakukan pencarian data sesuai tanggal
yang di inginkan

menggambarkan secara keseluruhan konsep
struktur basis data yang dirancang untuk suatu
aplikasi seperti terlihat pada Gambar berikut

Gambar 10 Form Order Terproses

Form Jawaban Sistem
Form ini digunakan untuk menampilkan semua
respon dari aplikasi setelah dilakukan topup
pulsa, cek tagihan dan pembayaran tagihan. Di
form ini bisa dilakukan pencarian data sesuai
tanggal yang di inginkan.

Gambar 8 ERD Aplikasi payment dan penjualan pulsa

Implementasi form
Form Login
Form login digunakan untuk masuk ke dalam
aplikasi. Didalam form login ini, pengguna

Gambar 11 Form Jawaban Sistem

Form Topup Elektrik

diminta untuk memasukkan username dan

Form ini di gunakan untuk menginput nomer

password untuk bias masuk ke aplikasi ini.

telepon yang selanjutnya akan di isi pulsa. Di
sini, pengguna diminta memasukkan nomer

yang akan di isi pulsa, kemudian memilih

pembayaran ke pembeli pulsa. Di form ini

operator nomer tersebut, selanjutnya tinggal

terdapat inputan untuk mecari data nomer

memilih

telepon yang akan di refund sesuai tanggal

nominal

dan

supplier

tujuannya

kemudian tinggal klik tombol untuk melakukan

transaksi pada saat masuk ke aplikasi.

proses selanjutnya..

Gambar 13 Form Refund Elektrik

Form Tambah Saldo Supplier
Form ini digunakan untuk menambah saldo
Gambar 11 Form Topup Elektrik

supplier setelah dilakukan penambahan saldo

Form Bayar Tagihan

via bank atau tunai. Di form ini terdapat pilihan

Form ini di gunakan untuk menginput nomer

nama supplier yang akan di tambah saldo. Tipe

rekening/nomer pelanggan

penambahan saldo yang mana terdapat 2 pilihan

yang selanjutnya

akan di cek tagihannya. Di sini, pengguna

tipe

diminta untuk memilih produk terlebih dahulu,

saldo.Penambahan

kemudian memasukkan nomer rekening/nomer

menambah saldo sesuai jumlah yang di kirim ke

pelanggan, memasukkan nomer telepon orang

supplier. Sedangkan adjustment saldo di pilih

yang

rekening/nomer

ketika ada penyesuaian saldo yang ada di

pelanggan tersebut kemudian tinggal klik

system dan saldo yang ada di supplier.

tombol untuk melakukan proses selanjutnya.

Selanjutnya terdapat inputan nominal dan

mempunyai

nomer

yaitu

tambah

saldo
saldo

dan

adjustment

dipilih

untuk

tombol proses.

Gambar 12 Form Bayar Tagihan

Form Refund Elektrik
Form ini digunakan untuk

menggagalkan
Gambar 14 Form Tambah Saldo Supplier

transaksi pengisian pulsa yang telah di gagalkan
oleh

supplier

yang

sebelumnya

telah

di

sukseskan oleh supplier tersebut. Proses ini

refund

selanjutnya

akan

dari

supplier

dilakukan

Form ini berisi respon dari supplier untuk
semua transaksi yang dikirim ke supplier

lebih dikenal dengan sebutan refund.
Setelah

Form Jawaban Supplier

di

terima,

pengembalian

termasuk

pengisian

pulsa,

cek

tagihan,

pembayaran tagihan dan respon-respon lain dari

supplier.

Di

berdasarkan

form
pesan

ini
yang

terdapat

pilihan

dikirim

dan

atau ketika terdapat respon yang tidak bisa
diparsing secara otomatis oleh system.

berdasarkan nama supplier. Selanjutnya inputan
untuk pencarian data dan inputan tanggal sesuai
yang di inginkan dan inputan untuk jumlah
record yang akan ditampilkan per halaman.

Gambar 17 Form Antrian Payment

Form Data Supplier
Form ini menampilkan data-data supplier
termasuk nama, saldo berikut konfigurasi dari
masing-masing supplier. Disini pengguna bisa
menambahkan data supplier, mengubah data
Gambar 15 Form Jawaban Supplier

Form Antrian Elektrik

supplier, serta menghapus supplier yang di
inginkan.

Form ini menampilkan antrian nomer telepon
yang di isi pulsa, baik transaksi yang belum
dikirim ke supplier, yang belum mendapat
respon sukses dari supplier dan transaksi yang
sedang dikirim ke supplier. Di form ini terdapat
tombol yang digunakan untuk melakukan proses
tertentu ketika belum ada kejelasan respon dari
supplier atau ketika terdapat respon yang tidak
bisa diparsing secara otomatis oleh system.

Gambar 18 Form Data Supplier

Form Data Operator
Form

ini

menampilkan

operator/provider.

Disini

data-data

pengguna

bisa

menambahkan data operator, mengubah data
operator serta menghapus data operator yang di
inginkan.

Gambar 16 Form Antrian Elektrik

Form Antrian Payment
Form

ini

menampilkan

antrian

nomer

rekening/nomer pelanggan yang akan dicek
tagihannya sekaligus yang akan di bayar
tagihannya. Di form ini terdapat tombol yang
digunakan untuk melakukan proses tertentu
ketika belum ada kejelasan respon dari supplier

Gambar 19 Form Data Operator

Form Data User Pengguna
Form ini menampilkan data-data pengguna
termasuk username, password dan nama dari
masing-masing pengguna. Disini pengguna bisa
menambahkan data pengguna, mengubah data
pengguna serta menghapus data pengguna yang
di inginkan.
Gambar 22 Form Data HPP Voucher

Form Data Supplier Payment
Form ini di gunakan untuk membuat produk
dari masing-masing supplier. Setting biaya
untuk pembeli yang nantinya menjadi laba
pengguna.

Gambar 20 Form Data User Pengguna

Form Voucher
Form ini berisi data voucher dari tiap operator,
data nominal tiap operator serta harga dari
masing-masing nominal. Di form ini pengguna
bisa membuat kode voucher sesuai yang di
inginkan, set harga jual dan juga set stok. Data
voucher juga bisa di edit atau di delete sesuai
data yang di pilih di form ini.

Gambar 23 Form Data Supplier Payment

Form Mutasi Supplier
Form ini berisi rangkuman pemotongan saldo
supplier sesuai tanggal yang di pilih. Pengguna
bisa mencari data sesuai nama supplier dan
tanggal yang di inginkan.
Gambar 21 Form Data Voucher

Form Data HPP Voucher
Form ini digunakan untuk menentukan kode
voucher apa yang di ambil di supplier atau
dikenal dengan mapping voucher. Di form ini
juga di gunakan pengguna untuk menentukan
harga beli dari supplier.
Gambar 24 Form Mutasi Supplier

Form Laporan Penjualan Pembayaran
Form History Elektrik

Form ini berisi informasi jumlah transaksi

Form ini berisi histori dari transaksi pengisian

pengisian pulsa, jumlah penjualan, jumlah

pulsa. Pengguna bisa mencari sesuai nomer

pembelian ke supplier, jumlah nominal yang

telpon yang di isi, sesuai status yang di

harus

inginkan, dan sesuai kode serta tanggal yang di

transaksi pembayaran tagihan, jumlah yang

inginkan. Di form ini pengguna bisa mengetahui

harus dibayar ke supplier, jumlah tagihan yang

harga jual dan harga beli supplier dari masing-

sudah

masing produk dan masing-masing supplier.

kesimpulan laba atau rugi dari semua transaksi

di

kembalikan

terbayar

kepembeli,

sehingga

bisa

jumlah

di

tarik

per tanggal yang di pilih.

Gambar 25 Form History Elektrik

Form History Payment
Form

ini

berisi

histori

dari

Gambar 27 Form Laporan Penjualan

transaksi

pembayaran tagihan. Pengguna bisa mencari
sesuai nomer rekening atau nomer pelanggan,
sesuai tanggal yang di pilih dan produk yang di
inginkan. Di form ini pengguna bisa mengetahui

Pembayaran

Kesimpulan
Kesimpulan yang dapat diambil dari skripsi ini
adalah sebagai berikut:
a.

besar tagihan, harga yang harus di bayar ke

Pulsa

supplier dan harga jual dari masing-masing
produk, masing-masing supplier dan sesuai

Dengan adanya aplikasi loket ini, Surabaya
lebih

cepat

dalam

melayani

konsumen.
b.

tanggal.

Dengan adanya multi pengguna, maka
setiap transaksi yang dilakukan pengguna
dapat dipertanggung jawabkan.

c.

Aplikasi ini bisa menggunakan beberapa
supplier yang support xml.

d.

Aplikasi ini sudah dilengkapi laporan rugi
laba yang sangat membantu bagi pemilik.

Saran
Untuk pengembangan aplikasi loket yang sudah
dibuat, maka diperlukan beberapa saran sebagai
berikut:
a.

Pembuatan
mengunakan

aplikasi
query

masih
sql ,

banyak
sebaikan

penggunaan query sql dikurangi dan lebih
Gambar 26 Form History Payment

banyak menggunakan fungsi-fungsi dari

Cake PHP-nya.

b.

Digunakan
halaman

Penjualan Pulsa Electric Berbasis

Ajax
web

agar

tidak

dalam
perlu

meload

merefresh

halaman sehingga lebih cepat untuk di
akses oleh pengguna dan agar aktivitas
pengguna terhadap system aplikasi semakin
dimudahkan.
c.

Pembuatan laporan yang bisa didownload
oleh user administrator.

d.

Menambah

menu

ticketing

untuk

melengkapi produk yaitu tiket kereta api
dan tiket pesawat.
e.

Dibuatkan print pembayaran dan pembelian
pulsa

eletrik,

sehingga

konsumen

mendapatkan kwitansi yang lebih cepat dan
lebih rapi.

DAFTAR PUSTAKA
Herlambang, Soendoro

dan Haryanto

Tanuwijaya,

2005,

Sistem

Informasi: Konsep, Teknologi &

GrahaIlmu,

Manajemen,

Yogyakarta.
Jogiyanto, 2001, Analisis dan
Sistem Informasi

:

Terstruktur

dan

teori

Desain

Pendekatan
praktek,

Andi, Yogyakarta.
Kadir, Abdul, 2003, Pengenalan Sistem
Informasi, Andi, Yogyakarta.

Kendall,

Kendall,

2003,

Perancangan

Analisis

Sistem

dan
jilid1,

Prenhallindo, Jakarta.
Nugroho, Bunafit, 2004, PHP dan MySQL
dengan

editor

Dreamweaver

MX,Andi, Yogyakarta.

Wahyono, Teguh, 2005, Pemrograman Web
Dinamis dengan PHP 5, PT. Elex

Media Komputindo.
Yulianti, Eva dan Tauvan Rusyiatno, 2013,
Rekayasa

Perangkat

Lunak

SMS menggunakan Visual Basic
6.0, Institut Teknologi Padang