Activity Diagram View EDC Monitoring - E

INFORMATIKA, Vol.4 April 2017, pp. x~xx
ISSN: 2355-6579
E-ISSN: 2528-2247
 x
WEBSITE MONITORING EDC MINI ATM PADA PT MULTI
ADI PRAKARSA MANUNGGAL (KARTUKU)
Dany Adiyasa
Politeknik Negeri Jakarta
e-mail: [email protected]
Abstract
Seiring dengan meningkatnya jumlah bank yang bekerja sama dengan Kartuku dan pesatnya
pertumbuhan jumlah transaksi di EDC Mini ATM, diperlukan sebuah alat (tools) yang dapat
melakukan pemantauan (monitoring) EDC-EDC Mini ATM yang telah dipasang di berbagai
tempat. Alat pemantauan tersebut dapat memberikan informasi terkini atas profil setiap EDC yang
telah dipasang. Dari alat tersebut tim operasional baik Kartuku maupun bank dapat melihat dan
memantau secara terus-menerus aktivitas EDC. Lebih jauh lagi, alat tersebut dapat digunakan
bagi stakeholders bank untuk mengatur penempatan EDC di tempat-tempat yang dinilai memiliki
transaksi lebih tinggi dan meningkatkan efisiensi investasi EDC. Dengan alasan yang sudah
disebutkan, alat pemantauan itu dikemas sebagai sebuah website, yang selanjutnya disebut Web
Monitoring. Website monitoring tersebut menggunakan bahasa pemograman PHP dengan
framework laravel dalam pembuatan sistemnya, sedangkan untuk penyimpanan data, penulis
menggunakan DBMS postgresql.
As the number of banks that cooperate with Kartuku and the rapid growth in the number of
transactions in EDC Mini ATM, required a tool (tools) that can perform monitoring (monitoring)
EDC Mini-ATMs have been installed at various places. The monitoring tools can provide the latest
information on the profile of each EDC have been installed. Of the tool either Kartuku operational
team and the bank can see and monitor continuously EDC activities. Furthermore, the tool can
be used for bank stakeholders to adjust the placement of EDC in places that are considered to
have a higher transaction and improve investment efficiency EDC. With the reasons already
mentioned, the monitoring tool is packaged as a website, hereinafter referred to as Web
Monitoring. The monitoring websites using PHP programming language with laravel framework in
the developing of the system, whereas for data storage, the author using postgresql DBMS.
Keywords edc, mini atm, bank, laravel
1. Pendahuluan
PT Multi Adi Prakarsa Manunggal
(Kartuku) merupakan pihak ketiga dalam
penyedia jasa pembayaran non tunai (Third
Party Processor and Payment Service
Provider). Salah satu produk yang
dikembangkan oleh PT Multi Adi Prakarsa
Manunggal (Kartuku) adalah Mini ATM.
Mini ATM Kartuku menawarkan
layanan perbankan menggunakan mesin
EDC (Electronic Data Capture). Dengan
produk EDC Mini ATM ini, bank dapat
memperluas cakupan dan layanannya cukup
dengan menyewa atau membeli mesin EDC,
tanpa harus membuka sebuah cabang
maupun membeli sebuah mesin ATM yang
dapat memakan biaya yang cukup besar.
Selain itu, produk Mini ATM ini turut
mendukung program branchless banking
yang digalakan oleh pemerintah.
Seiring dengan meningkatnya jumlah
bank yang bekerja sama dengan Kartuku dan
pesatnya pertumbuhan jumlah transaksi di
EDC Mini ATM, diperlukan sebuah alat
(tools) yang dapat melakukan pemantauan
(monitoring) EDC-EDC Mini ATM yang telah
dipasang
di
berbagai
tempat.
Alat
pemantauan tersebut dapat memberikan
informasi terkini atas profil setiap EDC yang
telah dipasang. Dari alat tersebut tim
operasional baik Kartuku maupun bank dapat
melihat dan memantau secara terusmenerus aktivitas EDC.
Lebih jauh lagi, alat tersebut dapat
digunakan bagi stakeholders bank untuk
mengatur penempatan EDC di tempattempat yang dinilai memiliki transaksi lebih
tinggi dan meningkatkan efisiensi investasi
EDC di merchant-merchant yang telah
berkerjasama dengan . Dengan alasan yang
sudah disebutkan, alat pemantauan itu
dikemas sebagai sebuah website, yang
selanjutnya disebut Website Monitoring EDC
Mini ATM.
Website ini menggunakan framework
laravel dalam pengembangan nya, LARAVEL
dipilih karena memiliki sejumlah fungsi yang
bermanfaat
seperti
Bundle,
fasih
Diterima Maret 6, 2017; Revisi Maret 6, 2017; Disetujui Maret 6, 2017
ORM, Aplikasi Logika Reverse, Routing,
Kelas Auto Loading, dll [1].
Literature Review
[2]
Penerapan
teknologi,
khususnya
framework web, menyederhanakan langkahlangkah untuk mengembangkan aplikasi.
Pemantauan, dokumentasi, rekapitulasi, dan
pelaporan akan menjadi sesuatu yang sangat
penting di masa depan, oleh karena itu
makalah ini menjelaskan tentang banyak
cara untuk menampilkan data terbaru
dan meninjau data terakhir. Web ini masih
kurang dalam pemanfaatan teknologi web
dan fitur framework LARAVEL. Perbaikan
dan pengembangan di masa depan yang
dibutuhkan, seperti pelaksanaan SMS alarm,
otentikasi identitas
yang unik, dan
penambahan parameter.
2. Tinjauan Pustaka
Website
Website adalah kumpulan halaman web yang
saling terhubung dan file-filenya saling
terkait. Web terdiri dari page atau halaman,
dan kumpulan halaman yang dinamakan
homepage. Homepage berada pada posisi
teratas, dengan halaman-halaman terkait
berada di bawahnya. Biasanya setiap
halaman di bawah homepage disebut child
page, yang berisi hyperlink ke halaman lain
dalam web [3].
Monitoring
Monitoring
(pengawasan)
adalah
pengendalian yang dilakukan dengan
melaksanakan
pemeriksaan,
penilaian
kemampuan,
meningkatkan
dan
menyempurnakan, baik manajemen maupun
bidang
operasionalnya.
Monitoring
merupakan aktivitas secara berkala terhadap
kualitas
pengendalian
internal
oleh
manajemen, unutk menentukan apakah bisa
dimodifikasi dengan layak jika kondisi
mengalami perubahan.[4]
EDC (Electronic Data Capture)
Mesin Electronic Data Capture (EDC)
merupakan mesin yang dapat melayani
pembayaran, pembelian dan transfer secara
elektronik, secara umum penggunaan mesin
EDC dengan ATM itu sama, hanya saja
mesin EDC memiliki bentuk yang jauh lebih
kecil dan tidak dapat mengeluarkan uang
layaknya mesin ATM.
ATM
ATM merupakan mesin yang memberikan
kemudahan
kepada
nasabah
dalam
melakukan transaksi perbankan secara
otomatis selama 24 jam dalam 7 hari
termasuk hari libur.[5]
Laravel
LARAVEL adalah salah satu kerangka kerja
untuk web aplikasi dengan sintaks yang
ekspresif dan elegan dan memberikan solusi
untuk pengembangan dengan memfasilitasi
tugas umum kebanyakan proyek web besar
[1].
Postgresql
Postgresql adalah sebuah object-relational
database management system (ORDBMS)
yang bersifat open source. Sudah lebih dari
15 tahun Postgresql aktif dikembangkan, dan
sudah terbukti keandalan, integritas data dan
kebenaran datanya[6].
3. Metode Penelitian
Metode penelitian yang penulis gunakan
untuk perancangan sistem adalah dengan
metode GRAPPLE.
4. Hasil dan Pembahasan
Website Monitoring EDC Mini ATM
dibuat untuk memberikan kemudahan untuk
pihak Bank dan Kartuku dalam memonitor
EDC yang sedang digunakan di lapangan.
Seperti informasi kapan EDC melakukan
monitoring terakhir, kapan EDC melakukan
transaksi terakhir, aplikasi versi berapa yang
digunakan EDC, serta merchant mana yang
paling aktif dari sisi frekuensi transaksi.
Meskipun sudah tersedia Web Portal
Mini ATM Management System (MAMS)
yang memberikan informasi monitoring EDC,
namun web tersebut mempunyai perbedaan
fungsi dan aksesbilitas. Web Portal MAMS
memiliki fungsi untuk mengatur akses
pengguna EDC untuk melakukan transaksi,
sehingga dibutuhkan tingkat keamanan yang
lebih tinggi dan akses database untuk
melakukan baca dan tulis. Sedangkan Web
Monitoring Mini ATM ini hanya untuk
membaca transaksi dan hanya memerlukan
akses baca dari database. Sehingga Web
Monitoring Mini ATM dibuat sebagai web
terpisah dengan Web Portal MAMS.
3.1 Fase Perancangan Sistem
Berikut adalah hasil dari perancangan
website monitoring EDC Mini ATM.
INFORMATIKA

ISSN: XXXX-XXXX
x
Use Case Diagram.
uc [Rev ision] Use Case Diagram
Website Monitoring Mini ATM
Login
Admin
«include»
Operator Bank
View Dashboard
«extend»
«extend»
Operator Kartuku
Transaction Trace
Monitoring EDC
«extend»
View Terminal List
«extend»
View Merchant List
«extend»
Penjelasan Activity Diagram View
Dashboard
Gambar 2 merupakan alur aktivitas dari
proses view dashboard. Admin, Operator
User, dan Operator Bank harus login terlebih
dahulu sebelum memperoleh informasi di
halaman dashboard. Activity diagram dari
case view dashboard ini sama dengan
activity diagram dari case login sehingga
activity diagram login tidak penulis tampilkan.
«extend»
«extend»
View Merchant
Details
View Terminal Details
Activity Diagram View EDC Monitoring
act [Rev ision] AD EDC Monitoring
User
Gambar 1. Use Case Diagram
Sistem
Start
Sistem menampilkan
Halaman Dashboard
Tabel 1. Penjelasan Usecase Diagram
Aktor
Description
Admin
Operator
Kartuku
Operator
Bank
Admin Kartuku memiliki hak
untuk
melihat
semua
informasi dari semua bank.
Operator Kartuku memiliki
hak untuk melihat semua
informasi dari semua bank.
Operator Bank hanya memiliki
hak untuk melihat informasi
dari bank asal user.
User Klik Menu EDC
Monitoring
Sistem Menampilkan List
EDC Monitoring dengan
status All
User klik link status
Active/Idle/No Info?
Activity Diagram View Dashboard
act Activ ity Diagram Login
User
Sistem
System menampilkan list
EDC Monitoring yang
memiliki status
Activ e/Idle/No Info
Tidak
User input
tid/mid/merchant name
di searchbox?
Tidak
Activity Diagram
Activity diagram merupakan sebuah tipe dari
diagram workflow yang menggambarkan
tentang aktivitas dari pengguna.
Ya
Ya
Sistem menampilkan list EDC
Monitoring berdasarkan
tid/mid/merchant name yang
diinput user
Finish
Gambar 3. Activity Diagram View EDC
Monitoring
Start
User akses URL w eb
monitoring mini atm
Sistem menampilkan
Halaman Login
User Input Username dan
Passw ord
User klik button
Login
Tidak
Login Sukses?
Ya
Sistem Menampilkan
Pesan Error
Penjelasan Activity Diagram View EDC
Monitoring
Gambar 3 adalah alur aktivitas dari dari
proses view EDC Monitoring, user dapat click
menu EDC monitoring untuk masuk ke
halaman EDC Monitoring. User juga dapat
melakukan pencarian terminal berdasarkan
status EDC, ataupun tid, mid, dan nama
merchant dari terminal tersebut.
System mengambil
institusi user
Menampilkan Halaman
Dashboard User
Finish
Gambar 2. Activity Diagram View Dashboard
Wesbite Monitoring EDC Mini ATM pada PT Multi Adi Prakarsa Manunggal
Activity Diagram View Merchant
act [Rev ision] AD Merchant
User
Sistem
Start
Sistem menampilkan
Halaman Dashboard
mid atau nama merchant dari merchant yang
dicari. Setelah mendapatkan merchant yang
dicari, user dapat click details untuk melihat
detail dari merchant tersebut.
Activity Diagram View Terminal
act [Rev ision] AD Terminal
User Klik Menu Merchant
User
Sistem
Start
Sistem Menampilkan
Merchant List yang ada di
Institusi
Sistem menampilkan
Halaman Dashboard
User Klik Menu EDC
Monitoring
User input mid atau
merchant name di
searchbox?
Ya
Sistem menampilkan list
Merchant berdasarkan mid atau
merchant name yang diinput user
Sistem Menampilkan List
EDC Monitoring dengan
status All
Tidak
User klik link status
Active/Idle/No
Info?
Ya
System menampilkan list
EDC Monitoring yang
memiliki status
Activ e/Idle/No Info
Finish
Tidak
Gambar 4. Activity Diagram View Merchant
Gambar 4 adalah alur aktivitas dari dari
proses view Merchant List, user dapat click
menu Merchant untuk masuk ke halaman
Merchant List. User dapat melakukan
pencarian merchant berdasarkan mid atau
nama merchant dari merchant yang dicari.
User input
tid/mid/merchant name
di searchbox?
Ya
Tidak
Sistem menampilkan list EDC
Monitoring berdasarkan
tid/mid/merchant name yang
diinput user
Finish
Gambar 6. Activity Diagram View Terminal
Activity Diagram View Merchant Details
act [Rev ision] AD Merchant Details
User
Sistem
Start
Sistem menampilkan
Halaman Dashboard
User Klik Menu Merchant
Sistem Menampilkan
Merchant List yang ada di
Institusi
Gambar 6 adalah alur aktivitas dari dari
proses view Terminal List, user dapat click
menu Terminal untuk masuk ke halaman
Terminal List. User juga dapat melakukan
pencarian berdasarkan status terminal,
ataupun tid,mid, dan nama merchant dari
terminal tersebut.
Activity Diagram View Terminal Details
act [Rev ision] AD Terminal Details
User
User input mid atau
merchant name di
searchbox
Ya
Sistem menampilkan list
Merchant berdasarkan mid atau
merchant name yang diinput user
Sistem
Start
Sistem menampilkan
Halaman Dashboard
Tidak
User Klik Menu EDC
Monitoring
User klik Details pada
salah satu Merchant
Sistem Menampilkan List
EDC Monitoring dengan
status All
Sistem mengambil
merchant_id yang di klik
user
User klik link status
Active/Idle/No
Info?
Sistem Redirect ke Halaman
Merchant Details dan
menampilkan Detail dari
Merchant yang di klik user
Ya
System menampilkan list
EDC Monitoring yang
memiliki status
Activ e/Idle/No Info
Tidak
User input
tid/mid/merchant name
di searchbox?
Finish
Tidak
Ya
Gambar 5. Activity Diagram View Merchant
Details
Gambar 5 adalah alur aktivitas dari dari
proses view Merchant Detail, user dapat click
menu Merchant untuk masuk ke halaman
Merchant List terlebih dahulu. Kemudian user
melakukan pencarian merchant berdasarkan
Sistem menampilkan list EDC
Monitoring berdasarkan
tid/mid/merchant name yang
diinput user
User klik Details pada
salah satu terminal
Sistem mengambil
terminal_id yang di klik
user
Sistem Redirect ke Halaman
Terminal Details dan
menampilkan Detail dari terminal
yang di klik user
Finish
INFORMATIKA

ISSN: XXXX-XXXX
x
Gambar 7. Activity Diagram View Terminal
Details
Penjelasan Activity Diagram View
Terminal Details
Gambar 7 adalah alur aktivitas dari dari
proses view Terminal Details, user dapat
click menu Terminal untuk masuk ke
halaman Terminal List terlebih dahulu.
Kemudian, user melakukan pencarian
berdasarkan status terminal, ataupun tid,mid,
dan nama merchant dari terminal tersebut.
Setelah mendapatkan terminal yang dicari,
user dapat click details untuk melihat detail
dari terminal yang dicari.
Activity
Tracing
Diagram
View
Transaction
act [Rev ision] AD Terminal Details
User
Sistem
Start
Sistem menampilkan
Halaman Dashboard
User Klik Menu EDC
Monitoring
Sistem Menampilkan List
EDC Monitoring dengan
status All
User klik link status
Active/Idle/No
Info?
Ya
System menampilkan list
EDC Monitoring yang
memiliki status
Activ e/Idle/No Info
Tidak
User input
tid/mid/merchant name
di searchbox?
Tidak
Ya
Sistem menampilkan list EDC
Monitoring berdasarkan
tid/mid/merchant name yang
diinput user
User klik Details pada
salah satu terminal
Sistem mengambil
terminal_id yang di klik
user
Sistem Redirect ke Halaman
Terminal Details dan
menampilkan Detail dari terminal
yang di klik user
Finish
Gambar 8. Activity Diagram View
Transaction Tracing
Penjelasan Activity Diagram View
Transaction Tracing
Gambar 8 adalah alur aktivitas dari dari
proses view Transaction Tracing, user dapat
click menu Transaction untuk masuk ke
halaman Transaction Tracing. Sebelum tabel
transaski muncul, user harus mengisi kolom
start date dan end date dari transaksi yang
dicari, user juga dapat menambah filter
pencarian
dengan
mengisi
kolom
tid/mid/mti/procode/prodcode/amount.
Setelah user mengisi kolom filter di search
panel, user click button search dan list
transaksi selama rentang tanggal yang
diinput user akan muncul.
Class Diagram
Gambar 9. Calss Diagram Website
Monitoring EDC
Gambar 9 adalah class diagram dari website
monitoring EDC mini ATM, seluruh class
controller yang berada di website monitoring
seperti
Dashboard
Controller,
EDCMonitoringController,
UserController,
ParamsController,
MerchantController,
MerchantDetailController,
TerminalController, TerminalDetailController,
dan TransactionController terkoneksi dengan
parent class Controller dari laravel. Parents
class Controller dari laravel bertugas untuk
mengarahkan sistem ke kelas Controller
yang di request oleh user. TerminalController
memiliki hubungan dependency dengan
Model TerminalModel untuk mengambil data
terminal yang disediakan oleh model
TerminalModel, sedangkan UserController
memiliki koneksi dependency dengan model
User untuk mengambil data user yang
disediakan oleh model User.
3.2 Implementasi Sistem
User Interface
1.
Halaman Login
Gambar 10. Halaman Login
Keterangan : Pada halaman login, terdapat
invormasi versi aplikasi, untuk masuk ke
aplikasi, pengguna harus memasukan
Wesbite Monitoring EDC Mini ATM pada PT Multi Adi Prakarsa Manunggal
username serta password terlebih dahulu.
2.
Halaman Beranda
detail dari terminal EDC yang dipilih di
terminal list sebelumnya, informasi yang
ditampilkan berupa informasi lengkap
terminal tersebut beserta 100 transaksi
terakhir dari terminal tersebut.
5.
Halaman EDC Monitoring
Gambar 11. Halaman Beranda
Keterangan : Dashboard berisi rangkuman
informasi Mini ATM. Informasi
dirangkum antara lain jumlah EDC
telah dipasang, jumlah EDC yang
persebaran aplikasi versi EDC
digunakan, dan jumlah transaksi.
3.
yang
yang
aktif,
yang
Halaman Terminal List
Gambar 14. Halaman EDC Monitroring
Keterangan : Halaman EDC Monitroing berisi
list terminal EDC beserta informasi waktu
terakhir transaksi yang dilakukan EDC dan
waktu terakhir EDC mengirimkan pesan
khusus untuk monitoring. Dari kedua nilai
waktu tersebut, sistem web akan melakukan
pengkategorian status EDC.
6.
Halaman Merchant List
Gambar 12. Halaman Terminal List
Keterangan : Pengguna dapat melihat
daftar terminal EDC yang telah dipasang
beserta informasi nama merchant dan
beberapa informasi terkait terminal
tersebut.
4.
Halaman Terminal Detail
Gambar 13. Halaman Terminal Detail
Keterangan : Pengguna dapat melihat
Gambar 15. Halaman EDC Monitroring
Keterangan : Halaman Merchant List
memberi informasi daftar seluruh merchant
yang terdaftar atas institusi pengguna. Daftar
merchant disajikan dalam bentuk tabel
dengan kolom:
 MID
: MID dari merchant
 Merchant Name : nama merchant
berdasarkan data pada tabel
merchant
 Jumlah EDC
: jumlah terminal
EDC yang terdaftar dengan MID
tersebut
 Hyperlink ke Merchant Details
merchant tersebut.
INFORMATIKA
7.
ISSN: XXXX-XXXX
Halaman Merchant Details
Gambar 16. Halaman EDC Monitroring
Keterangan : Halaman ini menyajikan detil
informasi merchant dari MID yang dipilih oleh
pengguna. Merchant Transaction Trend
adalah statistik transaksi yang dilakukan oleh
merchant. Statistik yang ditampilkan adalah
jumlah transaksi dan jumlah nominal
transaksi berdasarkan waktu (per hari).
Informasi disajikan dalam bentuk
diagram garis menggunakan dua sumbu
ordinat. Sumbu absis menunjukkan waktu.
Pada
sumbu
ordinat
sebelah
kiri
menunjukkan jumlah transaksi dan sumbu
ordinat sebelah kanan menunjukkan jumlah
nominal transaksi.
Pada
bagian
Merchant’s
Terminal
menampilkan daftar terminal EDC dengan
MID yang sesuai dengan merchant yang
dipilih.
5. Kesimpulan
a. Website EDC mini ATM ini berhasil
dibuat untuk membantu petugas
Kartuku dan petugas bank dalam
memantau EDC mini ATM yang
berada di lapangan.
b. Website EDC mini ATM yang
dirancang
dapat
menghasilkan
informasi yang tepat dan cepat
sehingga dapat membantu proses
pengambilan keputusan petugas Bank
dalam menempatkan mesin EDC
mereka.
c.

x
Laporan dalam bentuk file .csv masih
terbatas pada modul EDC monitoring
saja.
6. Saran
a. Alangkah lebih baik jika website
dikembangkan
kembali
dengan
menambahkan fitur unduh laporan di
semua modul yang ada bukan hanya
di modul EDC monitoring.
b. Alangkah lebih baik jika webite
dikembangkan
kembali
dengan
menambahkan
fitur
transaction
summary disetiap bulan nya bukan
hanya setiap 12 Hours, 1 Day, 3 Day,
dan 1 Week.
Referensi
[1] Bll.Ijah, Laravel: A free book covering the
Laravel 4 Oflicial Documentation,
Vancouver, BC, Canada: Leanpub, 2014,
[Online]. Available:
http://leanpub.com/14. Accessed: Apr 21,
2014.
[2] Lathifah Alfat, Aris Triwiyatno, R. Rizal
Isnanto (2015). Sentinel web:
Implementation of Laravel framework in
web based temperature and humidity
monitoring system
[3] Agung, Gregorius. 2000. Membuat
Homepage Interaktif Dengan CGI/Perl.
Jakarta: PT. Elex Media Koputindo.
[4] Rusyam Tabrani R., 1997. Manajemen
Pendidikan. Bandung: Media Pustaka.
[5] Kasmir. 2007. Bank dan Lembaga
Keuangan Lainnya, Jakarta : PT Raja
Grafindo Persada.
[6] Postgresql. PostgreSQL: About.
https://www.postgresql.org/about/ . [5
Desember 2016]
Wesbite Monitoring EDC Mini ATM pada PT Multi Adi Prakarsa Manunggal