Академический Документы
Профессиональный Документы
Культура Документы
wakt#
,
,
-ode *Reg
-ode *Prod
,+M
Mo)ile*+D
,o*Rekening
,
Gambar .. ERD S!s#em mobile banking $n#$" reg!s#ras! ma%as!s&a
Mahasiswa
,+M 2
,ama
-ode*prodi 22
Thn*angkatan22
Alamat
agama
Tempat *lahir
Tgl *lahir
.enis*kelamin
$ol *darah
Mhs*Mo)ile*User
Mo)ile*id2
,+M 22
,o*rekening 22
,o*0P
Mo)ile*pin
,o*rekening2
De)et
-redit
Saldo
Rekening
-ode*trans2
,o*rekening22
,ominal
wakt#
Transfer
-ode*reg2
-ode*prodi 22
Thn*angkatan22
,ominal
SPP
-ode*prodi 2
,ama*prodi
3ak#ltas
.en/ang*program
Program*st#di
-eterangan4 2 5 primary key
22 5 foreign key
-ode*reg2
Mo)ile*id22
wakt#
Registrasi
Gambar ./ Re(as! an#ar #abe(
83
4elasi antar tabel pada Gambar ./, menggambarkan hubungan antara
field kunci primer 'primar% ke%( tabel yang satu dengan field kunci utama
'foreign ke%( tabel lainnya.
.Perancangan Tabe(
Setelah melalui tahap perancangan 04' maka untuk sistem
pengimplementasian aplikasi ini diperlukan beberapa tabel atau entitas
beserta atribut atau field yang dimilikinya. !dapun tabel yang digunakan
sebagai berikut "
a. Tabel $ahasiswa
Tabe( .1 Ma%as!s&a
F!e(- T,*e S!0e 1e#erangan
N;$ varchar #< Nomor induk mahasiswa
Nama varchar 39 Nama $ahasiswa
Tempat:lahir varchar <9 Tempat lahir
Tgl:lahir 'ate #< Tanggal lahir
/enis:kelamin varchar , /enis kelamin
7olongan:darah varchar , 7olongan darah
!gama varchar ,9 !gama
!lamat varchar ,9 !lamat mahasiswa
Tahun:angakatan varchar #9 Tahun angkatan mahasiswa
Kode:prodi varchar 39 Kode program studi
b. Tabel $ahasiswa:mobile)user
Tabe( .' Ma%as!s&a2mobile_user
F!e(- T,*e S!0e 1e#erangan
$obile:;d ;nt #< $obile ;d nasabah
N;$ varchar #< Nomor ;nduk $ahasiswa
No:1* varchar #< Nomor ponsel mahasiswa
No:4ekening int ,9 Nomor rekening nasabah
$obile:*in ;nt #< *in mobile dari admin
88
c. Tabel 4ekening
Tabe( . Re"en!ng
F!e(- T,*e S!0e 1e#erangan
No:4ekening ;nt ,9 Nomor rekening nasabah
'ebet ;nt #< /umlah uang yang diterima
Kredit ;nt #< /umlah uang yang dikeluarkan
Saldo ;nt #< Sisa saldo transaksi
d. Tabel Transfer 4ekening
Tabe( .+ Trans3er Re"en!ng
F!e(- T,*e S!0e 1e#erangan
Kode:Trans ;nt 3 Kode transfer
No:4ekening ;nt ,9 Nomor rekening nasabah
Nominal ;nt #< /umlah uang yang keluar
=aktu Time 2 =aktu transaksi
e. Tabel 4egistrasi
Tabe( .. Reg!s#ras!
F!e(- T,*e S!0e 1e#erangan
Kode:reg ;nt #9 Kode registrasi
$obile:;d ;nt #< $obile ;d nasabah
=aktu 'ate 2 =aktu terjadinya transaksi
f. Tabel 'ata S**
Tabe( ./ Da#a SPP
F!e(- T,*e S!0e 1e#erangan
Kode:reg ;nt #9 Kode registrasi
kode:prodi >archar 39 Kode program studi
Tahun:!ngkatan >archar #9 Tahun angkatan mahasiswa
Nominal ;nt #< /umlah uang yang dibayarkan
g. Tabel *rogram Studi
Tabe( .4 Program S#$-!
F!e(- T,*e S!0e 1e#erangan
Kode:*rodi ;nt 8 Kode program studi
Nama:*rodi varchar 39 Nama program studi
3akultas varchar 39 3akultas
/enjang:*rogram varchar #< /enjang program studi
8<
h. Tabel !dmin
Tabe( .5. A-m!n
F!e(- T,*e S!0e 1e#erangan
Nama >archar #< Nama !dmin
*assword >archar #< *assword dari !dmin
+.Perancangan an#arm$"a (Interface)
'alam perancangan antarmuka %,nterface& terdapat dua macam
perancangan, yaitu perancangan antarmuka aplikasi mahasiswa dan
perancangan antarmuka untuk aplikasi admin. *erancangan antarmuka
untuk aplikasi mahasiswa merupakan perancangan antarmuka untuk
aplikasi yang berbasis -ava 2 micro edition dan aplikasi untuk admin
dirancang berbasis web.
a. Perancangan an#arm$"a (Interface) *a-a Ponse(
#&. *erancangan hubungan aplikasi nasabah pada ponsel.
Konsep yang telah dibuat diimplementasikan dalam bentuk
bagan untuk memperjelas proses hak akses nasabah. Setelah bagan
hak akses nasabah dibuat, kemudian dilakukan rancangan tampilan
yang dibuat pada ponsel.
Mo)ile Banking
Men# Login
Men# Registrasi
+nformasi Registrasi Registrasi $anti Pin &ek Saldo Transfer Rekening &ek Pem)ayaran
Gambar .4 Bagan %$b$ngan a*(!"as! nasaba% *a-a *onse(
8
,&. *erancangan antarmuka menu utama
Sistem akan menampilkan menu registrasi pada awal proses
dijalankan, tombol .aunch pada Gambar .5 digunakan untuk
masuk ke menu selanjutnya.
Select one to
launch
Launch
Tom)ol La#n6h #nt#k mas#k
ke men# Login
Registrasi
Gambar .5 Perancangan an#arm$"a men$ $#ama
3&. *erancangan antarmuka halaman menu login
Sistem akan menampilkan menu login yang kemudian jika
diakses akan masuk pada menu data login.
Mobile Banking
Keluar
Tom)ol #nt#k mas#k
ke men# Login
Login
Tom)ol #nt#k kel#ar
dari men# proses
mobile banking
Gambar .6 Perancangan an#arm$"a men$ (og!n
!gar aplikasi mobile banking dapat diakses, maka
mahasiswa harus mengisikan data mobile id dan mobile pin secara
benar. 4ancangannya dapat dilihat pada Gambar .17.
8-
Data Login
Kembali
Tom)ol 7k /ika data yang
diperl#kan telah selesai
dimas#kkan
Mobile ID
Tom)ol #nt#k kem)ali
ke men# login
Mobile Pin
men#
Ok
Tom)ol #nt#k pemilihan
men#
Gambar .17 Perancangan an#arm$"a %a(aman -a#a (og!n
8&. *erancangan antarmuka menu registrasi
Setelah mahasiswa berhasil memasukkan data login dengan
benar maka mahasiswa dapat melakukan transaksi sesuai dengan
menu yang ada pada aplikasi mobile banking, seperti ditunjukkan
pada Gambar .11.
Menu Registrasi
Kembali
Tom)ol #nt#k mas#k ke
setiap men# transaksi
Informasi Registrasi
Tom)ol #nt#k kem)ali
ke men# login
Ganti Pin
men#
Tom)ol #nt#k pemilihan
men#
Cek Pembayaran
Registrasi
Cek Salo
!ransfer
Gambar .11 Perancangan an#arm$"a men$ reg!s#ras!
b. Perancangan an#arm$"a (interface) $n#$" a*(!"as! a-m!n
*ada aplikasi untuk admin dirancang berbasis web, sehingga
tampilan lebih besar dari pada aplikasi user+ dimaksudkan untuk
kemudahan dalam mengolah administrasi data.
82
#&. *erancangan bagan antarmuka
*erancangan olah data pada admin digambarkan berdasarkan
kewenangan(kewenangan yang dimiliki oleh admin. +ntuk admin
universitas memiliki kewenangan pengolahan data mahasiswa dan
data S**, sedangkan untuk admin bank memiliki kewenangan
pengolahan data user mobile banking, data rekening, data registrasi
dan data transfer rekening. )agan hak akses admin digambarkan
seperti yang terlihat pada Gambar .1'.
Data Admin
Universitas
Data
Mahasiswa
Data SPP
0alaman Login
Bank
Data Rekening
Data Transfer
Rekening
Data Registrasi
Data Mo)ile
User ,asa)ah
Data Admin
Laporan Data
Registrasi
Gambar .1' Bagan an#arm$"a %a" a"ses a-m!n
,&. *erancangan antarmuka login admin
Sistem akan menampilkan halaman form login untuk admin.
4ancangan tampilan halaman login untuk admin dapat dilihat pada
Gambar .1.
"ama #ministrator
Pass$or
L7$+,
Gambar .1 Perancangan an#arm$"a (og!n a-m!n
86
3&. *erancangan antarmuka menu utama admin universitas
Setelah selesai proses login, sistem akan melanjutkan
proses dengan menampilkan menu utama universitas. 4ancangan
tampilan seperti pada Gambar .1+.
M%"& MOBIL% B#"KI"G
$enu utama
L7$7UT
MA0AS+S1A
DATA SPP
LAP7RA, R8$+STRAS+
Gambar .1+ Perancangan an#arm$"a men$ $#ama $n!)ers!#as
8&. *erancangan antarmuka data mahasiswa
*ada perancangan antarmuka data mahasiswa, sistem akan
langsung dilink menuju antarmuka data mahasiswa. 4ancangan
tampilannya seperti pada Gambar .1..
MA0AS+S1A
L7$7UT
DATA MA0AS+S1A
,+M
Detail
-eterangan Program St#di ,ama
DATA BARU
Gambar .1. Perancangan an#arm$"a -a#a ma%as!s&a
+ntuk menambahkan data mahasiswa yang baru, sistem
akan menampilkan form tambah data mahasiswa. 4ancangan
antarmuka dalam proses pengisian data mahasiswa yang baru
terdapat pada Gambar .1/.
<9
MA0AS+S1A
DATA MA0AS+S1A 99 DATA BARU
S+MPA, R8S8T -8MBAL+
,+M
,ama
Tempat Lahir
Tanggal Lahir
.enis -elamin Laki :laki 1anita
$olongan darah A AB B 7
Agama +slam -risten Protestan -risten -atholik
0ind# B#dha Lain:lain, se)#tkan
Alamat
Tah#n A/aran
3ak#ltas
Program St#di
.en/ang Program
Registrasi
Gambar .1/ Perancangan an#arm$"a #amba% -a#a
ma%as!s&a
<&. 4ancangan antarmuka data S**
*ada menu antarmuka data S** berisi data(data biaya
registrasi yang harus dibayarkan oleh mahasiswa seperti pada
rancangan antarmuka pada Gambar .14.
DATA SPP
L7$7UT
DATA SPP
-d Reg
Detail
-eterangan Prog! St#di Thn A/aran Semester ,ominal
Gambar .14 Perancangan an#arm$"a -a#a SPP
&. *erancangan antarmuka laporan data registrasi
;nformasi mengenai proses pembayaran registrasi yang
terjadi pada mobile banking dapat dilihat oleh admin universitas
pada rancangan antarmuka pada Gambar .15. 'ata registrasi
yang terjadi menunjukkan mahasiswa mana saja yang telah
melakukan proses pembayaran yang ditandai dengan waktu
melakukan registrasi.
<#
LAP7RA, R8$+STRAS+
L7$7UT
DATA R8$+STRAS+
,+M ,ama Semester ,ominal 1akt#
Gambar .15 Perancangan an#arm$"a (a*oran -a#a reg!s#ras!
-&. *erancangan antarmuka menu utama admin bank
Setelah selesai proses login, sistem akan melanjutkan
proses dengan menampilkan menu utama. 4ancangan tampilan
seperti pada Gambar .16.
M%"& MOBIL% B#"KI"G
$enu utama
L7$7UT
R8-8,+,$
DATA R8$+STRAS+
DATA TRA,S38R
M7B+L8 US8R ,ASABA0
Gambar .16 Perancangan an#arm$"a men$ $#ama
a-m!n ban"
2&. *erancangan antarmuka data rekening
*ada rancangan antarmuka rekening, admin mengklik
tombol rekening pada menu utama dan sistem akan langsung dilink
menuju antarmuka data rekening. 4ancangan tampilannya seperti
pada Gambar .'7.
R8-8,+,$
L7$7UT
DATA R8-8,+,$
,o! Rekening ,ama ,asa)ah
detail
-eterangan
Gambar .'7 Perancangan an#arm$"a -a#a re"en!ng
<,
6&. *erancangan antarmuka data registrasi
;nformasi mengenai proses registrasi yang terjadi pada
mobile banking dapat dilihat oleh admin bank pada data registrasi
seperti pada rancangan antarmuka pada Gambar .'1. 'ata
registrasi yang terjadi menunjukkan mahasiswa mana saja yang
telah melakukan proses pembayaran yang ditandai dengan waktu
melakukan registrasi.
DATA R8$+STRAS+
L7$7UT
DATA R8$+STRAS+
,+M ,ama Semester ,ominal 1akt#
Gambar .'1. Perancangan an#arm$"a -a#a reg!s#ras!
#9&.*erancangan antarmuka data transfer rekening
;nformasi mengenai proses transfer rekening yang terjadi
pada mobile banking dapat dilihat oleh admin pada data transfer
seperti pada rancangan antarmuka pada Gambar .''.
DATA TRA,S38R
L7$7UT
DATA TRA,S38R R8-8,+,$
Tanggal ,ominal ,o Rekening Mo)ile id 1akt#
Gambar .''. Perancangan an#arm$"a -a#a #rans3er re"en!ng
<3
##&. *erancangan antarmuka data mobile user
*erancangan antarmuka data mobile user nasabah
tampilannya terlihat pada Gambar .'.
M7B+L8 US8R ,ASABA0
L7$7UT
DATA M7B+L8 US8R ,ASABA0
Mo)ile +D Mo)ile Pin
Detail
-eterangan
Gambar .'. Perancangan an#arm$"a -a#a mobile user
#,&.*erancangan antarmuka data administrator
'alam menu data administrator admin dapat mengelola data
administrator seperti mengedit password administrator. 4ancangan
antarmukanya terdapat pada Gambar .'+.
ADM+,+STRAT7R
L7$7UT
DATA ADM+,
,ama Admin
8dit
-eterangan
Gambar .'+. Perancangan an#arm$"a -a#a a-m!n
?. IMPLEMENTASI SISTEM
#. Im*(emen#as! S!s#em $n#$" User
a& Tampilan menu utama
Setelah aplikasi mobile banking diinstall pada ponsel yang
berfasilitas java, maka pada menu ponsel akan menampilkan aplikasi
sistem mobile banking+ seperti terlihat pada Gambar .'..
<8
Gambar .'.. Tam*!(an men$ $#ama
Script program yang digunakan untuk menampilkan halaman
utama dapat dilihat pada Script 1.
public void startApp()
{display = Display.getDisplay(this);
menuMobileBanking = ne !ist("Mobile Banking"#!ist.$M%!$&$');
menuMobileBanking.append("!ogin"#null);
menuMobileBanking.set&ommand!istener(this);
menuMobileBanking.add&ommand(perintah(eluar);
display.set&urrent(menuMobileBanking); )
Script . Tam*!(an a&a( mobile banking
b& Tampilan menu login
Setelah user membuka halaman utama, maka user dapat masuk
ke menu login untuk mengisi identitas yang dibutuhkan oleh sistem
mobile banking. 1al ini ditunjukkan pada Gambar .'/.
Gambar .'/ Tam*!(an %a(aman -a#a (og!n
Script program yang digunakan untuk menampilkan halaman
menu login dapat dilihat pada Script !.
public void startApp()
{display = Display.getDisplay(this);
menuMobileBanking = ne !ist("Mobile
Banking"#!ist.$M%!$&$');
menuMobileBanking.append("!ogin"#null);
menuMobileBanking.set&ommand!istener(this);
menuMobileBanking.add&ommand(perintah(eluar);
display.set&urrent(menuMobileBanking);)
Script !. Tam*!(an %a(aman (og!n
<<
c& Tampilan input data login
Setelah user mendapatkan pin dari pihak bank maka user
kemudian memilih halaman login untuk melakukan proses login.
Tampilannya pada Gambar .'4.
Gambar .'4. Tam*!(an !n*$# -a#a (og!n
Script program yang digunakan untuk menampilkan halaman
input data login dapat dilihat pada Script "#
private *creen +ungsi!ogin(){
edit%assord = ne 'e,t-ield("%assord"#""#./#'e,t-ield.%A**012D);
layar!ogin.append(editmobile3id);
layar!ogin.append(edit%assord);
layar!ogin.add&ommand(perintah(embali);
layar!ogin.add&ommand(perintah!og1();
display.set&urrent(layar!ogin);
Script ". Tam*!(an input -a#a (og!n
Sedangkan script program untuk memanggil dan merubah basis
data dapat dilihat pada Script +, script program untuk selengkapnya
dapat dilihat pada lampiran.
45
re6uire3once(7nusoap.php7);
8server = ne soap3server;
8server9:register(7get%roses7);
8%esan ="";
+unction get%roses(8inputmobile3id#8input%assord)
{
8conn= mys6l3connect(8;AMA3*<2=<2#8;AMA3>*<2#8%A**012D);
i+ (8conn)
{
mys6l3select3db("smb3db"#8conn);
8s6lstr = "select mobile3id#mobile3%$; +rom mahasisa here
mobile3id =8inputmobile3id";
8hasil = mys6l36uery(8s6lstr#8conn);
8ro = mys6l3+etch3ro(8hasil);
5:
Script +. Tam*!(an memangg!( -an mer$ba% bas!s -a#a
<
d& Tampilan menu mobile banking
Setelah user berhasil memasukkan identitas nasabah baik dengan
mengisi Mobile ,d dan passwordnya, maka user berhak mengakses
segala transaksi yang tersedia. 1al ini ditunjukkan pada Gambar .'5.
Script program yang digunakan untuk menampilkan halaman menu
mobile banking bisa dilihat pada Script $.
Gambar .'5. Tam*!(an -a#a mobile banking
{
menu'ransaksi = ne !ist("Menu
2egistrasi"#!ist.$M%!$&$');
menu'ransaksi.append("$n+ormasi 2egistrasi"#null);
menu'ransaksi.append("&ek %embayaran"#null);
menu'ransaksi.append("2egistrasi"#null);
menu'ransaksi.append("?anti %$;"#null);
menu'ransaksi.append("&ek *aldo"#null);
menu'ransaksi.append("'rans+er"#null);
menu'ransaksi.add&ommand(perintah(embali);
menu'ransaksi.set&ommand!istener(this);
display.set&urrent(menu'ransaksi);
)
Script .. Tam*!(an men$ mobile banking
e& Tampilan menu informasi registrasi
Setelah user berhasil masuk pada menu mobile banking, user
dapat memilih menu pertama, yaitu menu informasi registrasi yang
berisi informasi pembayaran yang telah dilakukan oleh user. 1asil
prosesnya yang ditunjukkan pada Gambar .'6. Script program yang
digunakan untuk menampilkan hasil informasi registrasi dapat dilihat
pada Script %.
<-
Gambar .'6. Tam*!(an *roses !n3ormas! reg!s#ras!
layar$n+ormasi2egistrasi = ne -orm("$n+ormasi 2egistrasi");
'e,t-ield edit1utput?anti%in = ne 'e,t-ield("@asil
%roses"#""#ABB#'e,t-ield.A;C);
edit1utput?anti%in.set*tring(stringBu++er.to*tring());
layar$n+ormasi2egistrasi.append(edit1utput?anti%in);
layar$n+ormasi2egistrasi.add&ommand(perintah*ub'rans(embali);
layar$n+ormasi2egistrasi.set&ommand!istener(this);
display.set&urrent(layar$n+ormasi2egistrasi);
Script /. Tam*!(an %as!( *roses !n3ormas! reg!s#ras!
f& Tampilan menu cek pembayaran registrasi
*ada menu cek pembayaran registrasi memuat informasi
pembayaran registrasi tiap semester yang akan dibayarkan mahasiswa,
tampilannya dapat dilihat pada Gambar .7.
Gambar .7. Tam*!(an men$ ce" *emba,aran
Script program yang digunakan untuk menampilkan halaman cek
pembayaran dapat dilihat pada Script &.
public void +ungsi&ek%embayaran(){
layar&ek%embayaran = ne -orm("&ek %embayaran");
edit*emester = ne 'e,t-ield("*emester"#""#./#'e,t-ield.A;C);
layar&ek%embayaran.append(edit*emester);
layar&ek%embayaran.add&ommand(perintah&ekBayar
(embali);
layar&ek%embayaran.add&ommand(perintah&ekBayar1();
layar&ek%embayaran.set&ommand!istener(this);
display.set&urrent(layar&ek%embayaran); )
Script 4. Tam*!(an men$ ce" *emba,aran
<2
g& Tampilan menu pembayaran registrasi
$enu pembayaran registrasi digunakan sebagai media untuk
melakukan pembayaran registrasi mahasiswa pada semester yang harus
dibayarkan. Tampilannya dapat dilihat pada Gambar .1.
Gambar .1. Tam*!(an men$ *emba,aran reg!s#ras!
Script program untuk menampilkan halaman pembayaran registrasi
dapat dilihat pada Script '.
public void +ungsi2egistrasi(){
layar2egistrasi = ne -orm("&ek %embayaran");
edit*mt = ne 'e,t-ield("*emester"#""#./#'e,t-ield.A;C);
edit;ota = ne 'e,t-ield(";o *lip
%embayaran"#""#./#'e,t-ield.A;C);
edit;ominal = ne 'e,t-ield(";ominal"#""#./#'e,t-ield.A;C);
layar2egistrasi.append(edit*mt);
layar2egistrasi.append(edit;ota);
layar2egistrasi.append(edit;ominal);
layar2egistrasi.add&ommand(perintah2egistrasi
(embali);
layar2egistrasi.add&ommand(perintah2egistrasi1();
layar2egistrasi.set&ommand!istener(this);
display.set&urrent(layar2egistrasi);)
Script 5. Tam*!(an *roses *emba,aran reg!s#ras!
h& Tampilan menu ganti pin
Selain fasilitas registrasi, di dalam aplikasi mobile banking ini
terdapat fasilitas umum yang bisa digunakan, antara lain ganti pin,
transfer saldo, dan cek saldo. $enu ganti pin ditunjukkan pada Gambar
.'. Script program yang digunakan untuk menampilkan menu ganti pin
dapat dilihat pada Script (.
<6
Gambar .'. Tam*!(an men$ *roses gan#! *!n
public void +ungsi?anti%$;(){
layar?anti%$; = ne -orm("?A;'$ %$;");
edit?anti%$;!ama = ne 'e,t-ield("%$; !ama
"#""#./#'e,t-ield.%A**012D);
edit?anti%$;Baru = ne 'e,t-ield("%$; Baru
"#""#./#'e,t-ield.%A**012D);
layar?anti%$;.append(edit?anti%$;!ama);
layar?anti%$;.append(edit?anti%$;Baru);
layar?anti%$;.add&ommand(perintah*ub'rans
(embali);
layar?anti%$;.add&ommand(perintah?anti%in1();
display.set&urrent(layar?anti%$;);)
Script 6. Tam*!(an men$ *roses gan#! *!n
i& Tampilan menu cek saldo
$enu cek saldo diperlukan oleh user %mahasiswa& karena user
dapat mengecek jumlah saldo tabungan yang ada sebelum melakukan
transaksi lainnya. *roses ini dapat dilihat pada Gambar ..
Gambar .. Tam*!(an men$ *roses ce" sa(-o
Script program yang digunakan untuk menampilkan menu cek saldo dapat
dilihat pada Script 17.
9
public void +ungsiceksaldo() thros <,ception
{ *tringBu++er stringBu++er = ne *tringBu++er();
*tring strmobile3id;
strmobile3id = "";
strmobile3id = editmobile3id.get*tring();
*oap1bDect client = ne *oap1bDect(url&ek*aldo#"get%roses");
client.add%roperty("inputmobile3id"#strmobile3id);
@ttp'ransport ht = ne @ttp'ransport(url&ek*aldo#"get%roses");
stringBu++er.append(ht.call(client));
layar&ek*aldo = ne -orm("&ek *aldo");
'e,t-ield edit1utput?anti%in = ne 'e,t-ield("@asil
%roses"#""#ABB#'e,t-ield.A;C);
edit1utput?anti%in.set*tring(stringBu++er.
to*tring());
layar&ek*aldo.append(edit1utput?anti%in);
layar&ek*aldo.add&ommand(perintah*ub'rans(embali);
layar&ek*aldo.set&ommand!istener(this);
display.set&urrent(layar&ek*aldo); )
Script 17. Tam*!(an men$ *roses ce" sa(-o
j& Tampilan menu transfer rekening
$enu transfer rekening merupakan fasilitas tambahan dalam
aplikasi mobile banking ini, mahasiswa dapat melakukan proses transfer
saldo kepada sesama anggota mahasiswa mobile user, hal ini ditunjukkan
pada Gambar .+.
Gambar .+. Tam*!(an men$ *roses #rans3er re"en!ng
Script program yang digunakan untuk menampilkan menu transfer
rekening dapat dilihat pada Script 11.
{
layar'rans+er = ne -orm("'rans+er");
editnorek = ne 'e,t-ield(";o. 2ekening"#""#./#'e,t-ield.A;C);
editbayar = ne 'e,t-ield("Eumlah 'rans+er"#""#./#'e,t-ield.A;C);
layar'rans+er.append(editnorek);
layar'rans+er.append(editbayar);
layar'rans+er.add&ommand(perintah*ub'rans(embali);
layar'rans+er.add&ommand(perintah'rans+er1();
layar'rans+er.set&ommand!istener(this);
display.set&urrent(layar'rans+er);
)
Script 11. Tam*!(an men$ *roses #rans3er re"en!ng
#
'. Im*(emen#as! S!s#em $n#$" A-m!n
*ada awal proses, sistem akan menampilkan menu login untuk
admin. Tampilan halaman login dapat dilihat pada Gambar ...
Gambar ... Tam*!(an men$ (og!n a-m!n
Script program yang digunakan untuk melakukan proses otentikasi
terhadap data login admin dapat dilihat pada Script 1'.
45include ">mum.inc";
+unction otentikasi(8;ama# 8%assord)
{global 8;AMA3*<2=<2# 8;AMA3>*<2# 8%A**012D;
8id3mys6l = mys6l3pconnect(7localhost7#7root7#77);
i+ (F 8id3mys6l)return -A!*<;
i+ (F mys6l3select3db("mobile"#8id3mys6l))
return -A!*<;
8hasil = mys6l36uery("*<!<&' %assord -21M administrator
0@<2< ;ama = 78;ama7"#8id3mys6l);
i+ (F 8hasil)return -A!*<;
8kode3rahasia = md/(8%assord);
8baris = mys6l3+etch3ro(8hasil);
i+ (8barisGBH == 8kode3rahasia)
return '2><;else
return -A!*<; )
5:
Script 1'. 8#en#!"as! -a#a (og!n
/ika tidak terdapat kesalahan identitas yang diinputkan oleh
masing(masing admin maka sistem akan melanjutkan proses dengan
menampilkan menu utama dari masing(masing admin.
#&. Tampilan menu utama admin universitas
Tampilan menu utama admin universitas dapat dilihat pada
Gambar ./. !dmin universitas mempunyai kewenangan untuk
pengolahan data mahasiswa dan data S**.
,
Gambar ./ Tam*!(an men$ $#ama a-m!n $n!)ers!#as
,&. Tampilan menu data mahasiswa
*ada menu data mahasiswa, admin dapat mengola data(data
mahasiswa seperti, melihat data mahasiswa, menambah data mahasiswa,
mengubah data mahasiswa dan menghapus data mahasiswa.
Tampilannya dapat dilihat pada Gambar .4.
Gambar .4. Tam*!(an men$ -a#a ma%as!s&a
'ata mahasiswa diambil sesuai dengan data pada tabel mahasiswa
dalam database. *rogram yang digunakan untuk menampilkan data
mahasiswa dapat dilihat pada potongan program pada Script 1.
8id3koneksi = mys6l3connect(8;AMA3*<2=<2#8;AMA3>*<2#8%A**012D);
i+ (8id3koneksi){
mys6l3select3db("smb3db"#8id3koneksi);
8s6lstr = "select ;$M#;ama#'empat3lahir#'gl3lahir#
Eenis3kelamin#?olongan3darah#
Agama#Alamat#'hun3ADaran#-akultas#%rogram3studi# +rom mahasisa here
;$M = 78;$M7";
8hasil = mys6l36uery(8s6lstr#8id3koneksi);
8baris = mys6l3+etch3ro(8hasil);
8tahun = substr(8barisGIH#B#I);
8bulan = substr(8barisGIH#/#A);
8tanggal = substr(8barisGIH#J#A);
Script 1. Tam*!(an men$ -a#a ma%as!s&a
3
3&. Tampilan menu data S**
*ada menu data S** terdapat kumpulan data(data registrasi,
sehingga admin bisa mengisi dan menyimpan data(data S** yang akan
diakses oleh user untuk mengetahui data pembayaran registrasi yang
harus dibayarkan. Tampilan data S** dapat dilihat pada Gambar .5
dan script program yang digunakan pada data S** dapat dilihat pada
potongan program pada Script 1+.
Gambar .5. Tam*!(an men$ -a#a SPP
mys6l3select3db("smb3db"#8id3koneksi);
8s6lstr = "select K +rom data3*%% order
by (ode3registrasi";
8hasil = mys6l36uery(8s6lstr#8id3koneksi);
8baris = mys6l3+etch3array(8hasil);
Script 1+. Tam*!(an men$ -a#a SPP
8&. Tampilan menu laporan registrasi
'i dalam menu laporan registrasi, admin dapat melihat informasi
data mahasiswa yang telah melakukan transaksi pembayaran registrasi
mahasiswa. Tampilan halaman laporan data registrasi dapat dilihat pada
Gambar .6.
8
Gambar .6. Tam*!(an men$ (a*oran -a#a reg!s#ras!
<&. Tampilan menu utama admin bank
Tampilan halaman menu utama admin bank dapat dilihat pada
Gambar .+7, admin bank mempunyai kewenangan untuk mengolah
data rekening, data pengguna mobile banking, dan data transaksi
mahasiswa.
Gambar .+7. Tam*!(an men$ $#ama a-m!n ban"
&. Tampilan menu data rekening
*ada menu rekening, admin dapat mengolah data(data rekening
seperti melihat data rekening, mengubah data rekening dan menghapus
data rekening. Tampilannya dapat dilihat pada Gambar .+1.
Gambar .+1. Tam*!(an men$ -a#a re"en!ng
<
Script program yang digunakan untuk melakukan perubahan pada
data rekening ke database dapat dilihat pada potongan program pada
Script 1..
{
mys6l3select3db("smb3db"#8id3koneksi);
8s6lstr = ">%DA'< rekening ".
"here ;o32ekening = 78;o32ekening7";
mys6l36uery(8s6lstr#8id3koneksi);
i+ (mys6l3a++ected3ros() : B)
{
print("4br:4br:Data ;omor 2ekeningL 8;o3 2ekening ");
print("'elah di9>pdate");
)
else
print("?A?A!");
mys6l3close(8id3koneksi); )
Script 1.. Up)ate -a#a re"en!ng
+ntuk melihat data saldo nasabah, admin mengklik tombol detail
yang terdapat pada halaman data rekening seperti terlihat pada gambar
<2. Tampilan menu data saldo dapat dilihat pada Gambar .+'.
Gambar .+'. Tam*!(an men$ -a#a sa(-o ma%as!s&a
-&. Tampilan menu data registrasi
'i dalam menu registrasi admin dapat melihat informasi registrasi
yang terjadi pada proses mobile banking yaitu transaksi pembayaran
registrasi mahasiswa. *ada menu ini admin dapat melihat dan
menghapus data registrasi mahasiswa. Tampilan menu data registrasi
dapat dilihat pada Gambar .+.