Tubes Deskripsi Perancangan Perangkat Lunak (Ddpl)

(1)

DESKRIPSI PERANCANGAN PERANGKAT LUNAK

Easy Internet Banking

untuk:

PT. BCA Group, Tbk

Dipersiapkan oleh:

Dekha Anggareska

13510050

Filbert Reinaldha

13510040

Hanif Lyonnais

13510108

M. Anugrah Sulaeman

13510008

M. Afif Al Hawari

13510020

Program Studi Teknik Informatika/Sistem dan Teknologi Informasi

STEI - ITB

Jl. Ganesha 10, Bandung 40132

Program Studi Teknik Informatika / Sistem dan Teknologi Informasi STEI – ITB

Nomor Dokumen

Halaman

DPPL

<#>/<jml #

Revisi

<nomor revisi> Tgl: 23-04-2012

(2)

(3)

DAFTAR PERUBAHAN

Revisi

Deskripsi

A

B

C

D

E

F

G

INDEX TGL - A B C D E F G Ditulis oleh Diperiksa oleh Disetujui oleh

(4)

Daftar Halaman Perubahan

(5)

Daftar Isi

1. Pendahuluan ... 7

1.1 Tujuan Penulisan Dokumen ... 7

1.2 Lingkup Masalah ... 7

1.3 Definisi dan Istilah ... 7

1.4 Aturan Penamaan dan Penomoran ... 8

1.5 Referensi ... 8

1.6 Ikhtisar Dokumen ... 8

Deskripsi Perancangan Global ... 9

1.7 Rancangan Lingkungan Implementasi... 9

1.8 Deskripsi Arsitektural ... 9

1.9 Deskripsi Komponen ... 9

2 Perancangan Rinci ... 11

2.1 Realisasi Use Case ... 11

2.1.1 Use Case Mendaftar Akun ... 11

2.1.1.1 Identifikasi Kelas ... 11

2.1.1.2 Sequence Diagram ... 11

2.1.1.3 Diagram Kelas ... 12

2.1.2 Use Case Aktivasi Akun ... 13

2.1.3 Use Case Melihat Informasi Saldo Rekening ... 14

2.1.4 Use Case Melihat Mutasi Rekening... 16

2.1.5 Use Case Mentransfer Dana ... 18

2.1.6 Use Case Mengubah Informasi Akun ... 21

2.1.7 Use Case Melakukan Pembayaran ... 23

2.1.8 Use Case Melakukan Pembelian ... 25

2.1.9 Use Case Melihat Fasilitas Layanan ... 28

2.1.10 Use Case Mengubah Status Nasabah ... 29

2.1.11 Use Case Mengubah Saldo Nasabah ... 30

(6)

2.2 Perancangan Detil Kelas ... 33

2.2.1 Kelas Registrasi ATM ... 34

2.2.2 Kelas AccountUI ... 34

2.2.3 Kelas Aktivasi Controller ... 35

2.2.4 Kelas Aktivasi Data ... 35

2.2.5 Kelas Aktivasi Menu ... 35

2.2.6 Kelas InfoRekening_UI ... 35

2.2.7 Kelas Nasabah ... 36

2.2.8 Kelas Pembayaran Controller ... 36

2.2.9 Kelas PembayaranUI ... 37

2.2.10 Kelas Registrasi Controller ... 37

2.2.11 Kelas Registrasi Data ... 37

2.2.12 Kelas Registrasi Sistem ... 38

2.2.13 Kelas Rekening Controller ... 38

2.2.14 Kelas Saldo_UI ... 38

2.2.15 Kelas Service_Controller ... 38

2.2.16 Kelas Service_UI ... 39

2.2.17 Kelas Service_Data ... 39

2.2.18 Kelas TransferDanaUI ... 39

2.3 Diagram Kelas Keseluruhan ... 41

2.4 Algoritma/Query ... 42

2.5 Diagram Statechart ... 42

2.6 Perancangan Antarmuka ... 43

2.7 Perancangan Representasi Persistensi Kelas ... 51

(7)

1. Pendahuluan

1.1 Tujuan Penulisan Dokumen

Dokumen Deskripsi Perancangan Perangkat Lunak (DPPL) ini merupakan dokumen yang

bertujuan untuk memberikan landasan yang diperlukan dalam proses pembuatan aplikasi

Easy Internet Banking. Dokumen ini digunakan oleh pengembang perangkat lunak sebagai

acuan teknis pengembangan perangkat lunak pada tahap selanjutnya

1.2 Lingkup Masalah

E-Bank adalah sebuah Transaction Processing System. Pengguna utamanya adalah nasabah

yang kemudian mampu masuk / login ke sistem, kemudian mendaftar untuk menjadi nasabah,

kemudian nasabah mampu melakukan transfer uang, melakukan berbagai macam pembayaran

(telpon, listrik, dll.), melakukan cek saldo. Pengguna yang lainnya adalah Teller yang

memiliki kemampuan untuk menambah atau mengurangi saldo pengguna dan mengubah

status nasabah. Pengguna terakhir adalah admin yang mampu mengelola data nasabah.

Sistem ini terhubung ke Management Information System Bank, hubungannya seperti antar

manajer, misalnya Manager mengirim data statistik ke MIS, dll.

Batasan Masalah :

1. Teller dapat mengubah saldo nasabah jika ada transaksi di luar E-Banking

2. Semua pengguna (nasabah, admin & teller) telah melakukan login sebelum dapat

menjalankan menu – menu di e banking

3. Status nasabah hanya dapat diubah oleh teller

4. Admin mampu mengelola semua data nasabah

5. Admin dapat melakukan semua aksi yang dilakukan oleh nasabah

6. MIS bank berada di luar sistem

1.3 Definisi dan Istilah

No Istilah Deskripsi

1 Saldo Jumlah uang yang terdapat dalam suatu rekeing

2 Mutasi Transaksi yang terjadi daam suatu rekening (ambil uang,

transfer, masukan tabungan,dll)

3 Kurs Pertukaran antara dua mata uang yang berbeda, yaitu

merupakan perbandingan nilai atau harga antara kedua mata uang tersebut

4 Suku Bunga Persentase dari pokok utang yang dibayarkan sebagai imbal jasa ( bunga ) dalam suatu periode tertentu

5 Transfer Proses perpindahan dari suatu objek ke objek lainnya

6 Status Nasabah Modus keaktifan nasabah pada system perbankan

7 Kredit Suatu fasilitas keuangan yang memungkinkan seseorang atau

badan usaha untuk meminjam uang untuk membeli produk dan membayarnya kembali dalam jangka waktu yang ditentukan

(8)

dan berhak memiliki segala fasilitas perbankan

9 Rekening Akun kepemilikan nasabah dalam perbankan

10 Teller Petugas bank yang bertanggung jawab dalam melayani

keperluan nasabah

1.4 Aturan Penamaan dan Penomoran

Penamaan dan penomoran dilakukan untuk :

- Sequence Diagram

Sistem penamaan untuk Sequence diagram dibuat dengan format SQ-D-XX-YY

XX merupakan nomor kode usecase,

YY merupakan versi sequence diagram untuk satu usecase (satu usecase dapat terdiri

dari beberapa sequence diagram),

Contoh : SQ-D-03-02, maka itu meruapakansuatu sequence diagram versi 2 untuk

usecase no.3,

- Diagram Kelas

Sistem penamaan untuk Sequence diagram dibuat dengan format CL-D-ZZ

ZZ merupakan nomor kode usecase, tiap usecase terdiri dari satu diagram kelas

Contoh : CL-D-02, maka itu meruapakansuatu diagram kelas untuk usecase no.2,

1.5 Referensi

[1] R.S.Pressman & Associates, inc, Software Engineering: A Practitioner's

Approach,6/e, 2005

[2] http://s.itb.ac.id/home/yudha.wastu@students.itb.ac.id/Briefcase/RPL/Tugas%20Besar%20Desain/

Spesifikasi %20Tugas%20Besar%202.docx (diakses pada 23 April 2012 Pukul 10.03 WIB)

[3] http://s.itb.ac.id/home/yudha.wastu@students.itb.ac.id/Briefcase/RPL/Tugas%20Besar%20Desain/

Template%20DPPL%20OO.docx (diakses pada 23 April 2012 Pukul 10.03 WIB)

[4] http://s.itb.ac.id/home/yudha.wastu@students.itb.ac.id/Briefcase/RPL/Tugas%20Besar%20Desain/

Laporan%20TUBES%20II.doc (diakses pada 23 April 2012 Pukul 10.03 WIB)

1.6 Ikhtisar Dokumen

DPPL ini berisi penjabaran rancangan dari perangkat lunak yang akan dikembangkan, sehingga pada tahap pengimplementasian, perangkat lunak tersebut dapat diimplementasikan dengan spesifikasi yang jelas, dengan tetap menjadikan spesifikasi kebutuhan perangkat lunak(SKPL) sebagai bahan acuannya

BAB I PENDAHULUAN

Berisi overview perangkat lunak yang merupakan ringkasan terhadap deskripsi aplikasi secara umum yang meliputi tujuan, lingkup masalah, definisi dan istilah, aturan penamaan dan penomoran, referensi serta ikhtisar dokumen.

BAB II DESKRIPSI PERANCANGAN GLOBAL

Berisi perancangan global dari perangkat lunak yang meliputi lingkungan di mana perangkat lunak diimplementasikan, deskripsi arsitektural maupun deskripsi komponen dari perangkat lunak yang dibangun

(9)

Berisi deskripsi lengkap dan rinci dari kebutuhan perangkat lunak yang meliputi diagram use case, sequence diagram tiap scenario, diagram kelas beserta detilnya, algoritma serta query penting, statechart untuk use case penting, antarmuka, representasi persistensi kelas serta matriks kerunutan tiap use case.

2 Deskripsi Perancangan Global

2.1 Rancangan Lingkungan Implementasi

Lingkungan implementasi yang akan digunakan untuk pengembangan Easy Internet Banking ini adalah : Sistem Operasi : Windows 7

DBMS : MySQL 5.1 Development Tools : Visio 2010 Word Processor : MS Word 2010

Bahasa Pemrograman : PHP, HTML, Javascript, Applet Browser : Firefox 11.0

2.2 Deskripsi Arsitektural

Perangkat lunak ini dibangun menggunakan web service sebagai penghubung antara detil info banking nasabah (seperti nomor rekening, saldo, dan sebagainya) dengan menu utama yang merupakan fungsional system. Di dalam menu utama terdapat beberapa komponen yang bergantung padanya, yaitu transfer dana, pembayaran/pembelian, saldo rekening, mutasi serta layanan.

Detil Nasabah Web Service Menu Utama

Transfer Dana Pembayaran/Pembelian Saldo Rekening Layanan Mutasi * * * * * *

2.3 Deskripsi Komponen

No

Nama Komponen

Keterangan

1 Detil Nasabah

Berisi entitas nasabah serta detil informasinya

2 Web Service

Penghubung entitas nasabah dengan menu utama

E-Banking

3 Menu Utama

Antarmuka yang berisi kelas-kelas utama E-Banking

4 Transfer Dana

Kumpulan kelas transfer dana. Dependen terhadap

menu utama.

5 Pembayaran/Pembelian Kumpulan kelas pembayaran/pembelian. Dependen

terhadap menu utama.

6 Saldo Rekening

Kumpulan kelas saldo rekening. Dependen terhadap

menu utama.

(10)

No

Nama Komponen

Keterangan

menu utama.

8 Layanan

Kumpulan kelas fasilitas layanan. Dependen terhadap

menu utama.

(11)

3 Perancangan Rinci

3.1 Realisasi Use Case

3.1.1 Use Case Mendaftar Akun

3.1.1.1 Identifikasi Kelas

No Nama Kelas Perancangan Nama Kelas Analisis Terkait 1 Registrasi ATM ATM_UI

2 Registrasi Sistem Sistem_UI

3 Registrasi Controller Registrasi_Controller 4 Registrasi Data Service_Data

3.1.1.2 Sequence Diagram

SQ-D-01-01

Customer

<<control>> : Registrasi

Controller <<entity>> : Nasabah <<boundary>> : Registrasi ATM 6 : ID valid 7 : saveData() 4 : inputIDPIN() 5 : validateID() 3 : showRegisterMenu() 2 : callRegisterMenu() 1 : callRegister() 5 : getIDPIN() 8 : outputNote() 9 : outputRegistrasiNote() SQ-D-01-02

(12)

Customer

<<control>> : Registrasi

Controller <<entity>> : Nasabah <<boundary>> : Registrasi ATM 7 : ID tidak valid 4 : inputIDPIN() 6 : validateID() 3 : showRegisterMenu() 2 : callRegisterMenu() 1 : callRegister() 5 : getIDPIN() 9 : outputErrorNote() 8 : outputNote() SQ-D-01-03 Teller <<control>> : Registrasi

Controller <<entity>> : Nasabah <<boundary>> : Registrasi Sistem 4 : inputData() 6 : getData() 3 : showRegisterMenu() 2 : callRegisterMenu() 1 : callRegister() 5 : getData() 7 : generateIDPIN() 10 : outputData() 8 : outputIDPIN() 9 : saveData()

3.1.1.3 Diagram Kelas

CL-D-01

(13)

+callRegister() +inputIDPIN() +showRegisterMenu() +outputErrorNote() +outputRegistrasiNote() Registrasi ATM +callRegisterMenu() +getData() +getIDPIN() +outputIDPIN() +outputNote() Registrasi Controller +callRegister() +showRegisterMenu() +inputData() +outputData() Registrasi Sistem +validateID() +getData() +saveData() -generateIDPIN() -ID -Password Nasabah

3.1.2 Use Case Aktivasi Akun

3.1.2.1 Identifikasi Kelas

No Nama Kelas Perancangan Nama Kelas Analisis Terkait

1 Aktivasi Menu ATM_UI

2 Aktivasi Controller Registrasi_Controller 3 Aktivasi Data Service_Data

3.1.2.2 Sequence Diagram

SQ-D-02-01

(14)

Teller

<<control>> : Aktivasi

Controller <<entity>> : Nasabah <<boundary>> : Aktivasi Menu 4 : inputRegNote() 6 : verifyRegNote() 3 : showAktivasiMenu() 2 : callAktivasiMenu() 1 : callAktivasi() 5 : getRegNote() 10 : outputSuccessNote() 8 : activateAccount()

7 : RegNote ditemukan dalam database

9 : outputNote() SQ-D-02-02

3.1.2.3 Diagram Kelas

CL-D-02 +callAktivasi() +showAktivasiMenu() +inputRegNote() +outputSuccessNote() +outputErrorNote() Aktivasi Menu +callAktivasiMenu() +getRegNote() +outputNote() Aktivasi Controller +verifyRegNote() +activateAccount() -RegNote Nasabah

3.1.3 Use Case Melihat Informasi Saldo Rekening

3.1.3.1 Identifikasi Kelas

No Nama Kelas Perancangan Nama Kelas Analisis Terkait 1 InfoRekening_UI InfoRekening_UI

2 Nasabah Nasabah

(15)

3.1.3.2 Sequence Diagram

SQ-D-03-01

1. TampilMenuInfo() 3. TampilPilihanRekening() 4. PilihRekening() 8. TampilInfoRek() 5. InsertPilRekening() 6. GetInfoRekNasabah 7. GetDataRekening() <<interface>> : InfoRekeningUI <<controller>>

: RekeningController <<entity>>: Nasabah

: Nasabah

2. CallPilihanRekening()

(16)

1. TampilMenuInfo() 3. TampilPilihanRekening() 4. PilihRekening() 8. TampilIError() 5. InsertPilRekening() 6. GetInfoRekNasabah 7. GetDataRekening() <<interface>> : InfoRekeningUI <<controller>> : RekeningController <<entity>> : Nasabah : Nasabah 2. CallPilihRekening()

3.1.3.3 Diagram Kelas

CL-D-03 +TampilMenuInfo() +TampilPilRekening() +PilihRekening() +TampilError() +PilihRentangWaktu() InfoRekening +InsertPilRekening() +GetDataRekening() Rekening Controller +GetInfoRekNasabah() -identitas Nasabah

3.1.4 Use Case Melihat Mutasi Rekening

3.1.4.1 Identifikasi Kelas

No Nama Kelas Perancangan Nama Kelas Analisis Terkait 1 InfoRekening_UI InfoRekening_UI

3 RekeningController RekeningController

3.1.4.2 Sequence Diagram

(17)

1. TampilMenuInfo() 2. TampilPilihanRekening() 3. PilihRekening() 8. TampilIMutasiRek() 5. InsertPilRekening() 6. GetInfoRekNasabah() 7. GetDataRekening() <<interface>> : InfoRekeningUI <<controller>> : RekeningController <<entity>> : Nasabah : Nasabah 4.PilihRentangWaktu()

SQ-D-04-02

1. TampilMenuInfo() 2. TampilPilihanRekening() 3. PilihRekening() 8. TampilIError() 5. InsertPilRekening() 6. GetInfoRekNasabah() 7. GetDataRekening() <<interface>> : InfoRekeningUI <<controller>> : RekeningController <<entity>> : Nasabah : Nasabah 4.PilihRentangWaktu()

(18)

3.1.4.3 Diagram Kelas

CL-D-04

+TampilMenuInfo() +TampilPilRekening() +PilihRekening() +TampilError() +PilihRentangWaktu() InfoRekening +InsertPilRekening() +GetDataRekening() Rekening Controller +GetInfoRekNasabah() -identitas Nasabah

3.1.5 Use Case Mentransfer Dana

3.1.5.1 Identifikasi Kelas

1. TransferDanaUI TransferDanaUI+TransferDanaController

2. Nasabah Nasabah

3.1.5.2 Sequence Diagram

SQ-D-05-01

(19)

: Nasabah 1: OpenTransferDanaUI() 3: SendTransferDanaData() 2: ShowTransferDanaForm() Object1 <<interface>> : TransferDanaUI Object2 <<entity>> : Nasabah 4: GetSaldoNasabah() 5: SaldoNasabah 6: ValidateTransferDanaData() 7: TransferDanaDataValid 8: ShowConfirmationPage() 9: SendConfirmationData() 10: ValidateConfirmationData() 11: ConfirmationDataValid 12: CutSaldoNasabah() 13: ShowTransferDanaSuccessPage() 14: ShowTransferDanaReceipt() SQ-D-05-02

(20)

: Nasabah 1: OpenTransferDanaUI() 3: SendTransferDanaData() 2: ShowTransferDanaForm() Object1 <<interface>> : TransferDanaUI Object2 <<entity>> : Nasabah 4: GetSaldoNasabah() 5: SaldoNasabah 6: ValidateTransferDanaData() 7: TransferDanaDataNotValid 8: ShowErrorPage()

3.1.5.3 Diagram Kelas

CL-D-05 <<interface>> TransferDanaUI -DataValid -ConfirmationValid -TransferDanaForm -ConfirmationPage -SuccessPage -ErrorPage -TransferReceipt +ShowTransferDanaForm() +ValidateTransferDanaData() +ShowConfirmationPage() +ValidateConfirmationData() +ShowTranferDanaSuccessPage() +ShowTransferReceipt() +ShowErrorPage() +OpenTransferDanaUI() +SendTransferDanaData() <<entity>> Nasabah -ID -Password -Saldo -Email -DataTransaksi -DataPembayaran +GetSaldoNasabah() +CutSaldoNasabah() +GetDataNasabah() +SetDataNasabah()

(21)

3.1.6 Use Case Mengubah Informasi Akun

3.1.6.1 Identifikasi Kelas

No Nama Kelas Perancangan Nama Kelas Analisis Terkait 1. AccountUI AccountUI+AccountController 2. Nasabah Nasabah

3.1.6.2 Sequence Diagram

SQ-D-06-01 Object1 <<interface>> : AccountUI : Nasabah 1: OpenAccountUI() 4: ShowNasabahData() Object2 <<entity>> : Nasabah 2: GetDataNasabah() 3: DataNasabah 8: SetDataNasabah() 5. SendNewData() 6: ValidateNewData() 7: NewDataValid 9: ShowEditAccountSuccessPage() SQ-D-06-02

(22)

Object1 <<interface>> : AccountUI : Nasabah 1: OpenAccountUI() 4: ShowNasabahData() Object2 <<entity>> : Nasabah 2: GetDataNasabah() 3: DataNasabah 5. SendNewData() 6: ValidateNewData() 7: NewDataNotValid 9: ShowEditAccountErrorPage()

3.1.6.3 Diagram Kelas

CL-D-06 <<entity>> Nasabah -ID -Password -Saldo -Email -DataTransaksi -DataPembayaran +GetSaldoNasabah() +CutSaldoNasabah() +GetDataNasabah() +SetDataNasabah() <<interface>> AccountUI -DataValid -SuccessPage -ErrorPage +ShowNasabahData() +ValidateNewData() +ShowEditAccountSuccessPage() +ShowEditAccountErrorPage() +OpenAccountUI() +SendNewData()

(23)

3.1.7 Use Case Melakukan Pembayaran

3.1.7.1 Identifikasi Kelas

Identifikasi kelas yang terkait dengan use case tersebut.Kelas di tahap perancangan dapat berbeda dengan dengan kelas di tahap analisis. Dapat menggunakan tabel di bawah:

No Nama Kelas Perancangan Nama Kelas Analisis Terkait 1. PembayaranUI PembayaranUI 2. PembayaranController PembayaranController 3. Nasabah Nasabah

3.1.7.2 Sequence Diagram

SQ-D-07-01 1. TampilMenuPembayaran() 2. TampilPilihanPembayaran() 3. PilihMenuTagihan() 6. SendDataTagihan() 4. TampilTagihan() <<interface>> : PembayaranUI <<controller>> : PembayaranController <<entity>> : Nasabah : Nasabah 5. IsiNomorTagihan() 7. ValidateTagihan() 9. GetSaldoNasabah() 10. Saldo Nasabah 11.TampilJumlahTagihan() 12.SubmitPembayaran() 13.CheckSaldo() 14. ValidateSaldo() 17. TampilPembayaranSukses() 8. Validasi Berhasil 15. CutSaldo() 16. Saldo Dipotong SQ-D-07-02

(24)

1. TampilMenuPembayaran() 2. TampilPilihanPembayaran() 3. PilihMenuTagihan() 6. SendDataTagihan() 4. TampilTagihan() <<interface>> : PembayaranUI <<controller>> : PembayaranController <<entity>> : Nasabah : Nasabah 5. IsiNomorTagihan() 7. ValidateTagihan() 9. TampilPembayaranGagal() 8. Validasi Gagal SQ-D-07-03

(25)

1. TampilMenuPembayaran() 2. TampilPilihanPembayaran() 3. PilihMenuTagihan() 6. SendDataTagihan() 4. TampilTagihan() <<interface>> : PembayaranUI <<controller>> : PembayaranController <<entity>> : Nasabah : Nasabah 5. IsiNomorTagihan() 7. ValidateTagihan() 9. GetSaldoNasabah() 10. Saldo Nasabah 11.TampilJumlahTagihan() 12.SubmitPembayaran() 13.CheckSaldo() 14. ValidateSaldo() 15. TampilSaldoTidakCukup() 8. Validasi Berhasil

3.1.7.3 Diagram Kelas

CL-D-07 +TampilMenuPembayaran() +TampilPilihanPembayaran() +PilihMenuTagihan() +TampilTagihan() +IsiNomorTagihan() +TampilJumlahTagihan() +SubmitPembayaran() +TampilPembayaranBerhasil() +TampilPembayaranGagal() +TampilSaldoTidakCukup() Pembayaran UI +SendDataTagihan() +CheckSaldo() +ValidateSaldo() PembayaranController -SaldoPengguna +ValidateTagihan() +GetSaldoNasabah() +CutSaldo() Nasabah -JumlahSaldo -DataTagihan

3.1.8 Use Case Melakukan Pembelian

3.1.8.1 Identifikasi Kelas

No Nama Kelas Perancangan Nama Kelas Analisis Terkait 1. PembayaranUI PembayaranUI

2. PembayaranController PembayaranController

(26)

3.1.8.2 Sequence Diagram

SQ-D-08-01 1. TampilMenuPembayaran() 2. TampilPilihanPembayaran() 3. PilihPembayaranPulsa() 8. CheckDataPembelian() 4. TampilOperator() <<interface>> : PembayaranUI <<controller>> : PembayaranController <<entity>> : Nasabah : Nasabah 5. PilihOperator() 9.GetSaldoNasabah() 17. TampilPembelianSukses() 10. SaldoNasabah 15. CutSaldo() 16. Saldo Dipotong 6.TampilJumlahPulsa() 7. IsiFormPembelianPulsa() 11.ValidateNomordanSaldo() 12.TampilDataPembelian() 13.SubmitPembelian() 14. KirimPulsa() SQ-D-08-02

(27)

1. TampilMenuPembayaran() 2. TampilPilihanPembayaran() 3. PilihPembayaranPulsa() 8. CheckDataPembelian() 4. TampilOperator() <<interface>> : PembayaranUI <<controller>> : PembayaranController <<entity>> : Nasabah : Nasabah 5. PilihOperator() 9.GetSaldoNasabah() 10. SaldoNasabah 6.TampilJumlahPulsa() 7. IsiFormPembelianPulsa() 11.ValidateNomordanSaldo() 8. TampilPembayaranGagal()

3.1.8.3 Diagram Kelas

CL-D-08

(28)

+TampilMenuPembayaran() +TampilPilihanPembayaran() +PilihPembayaranPulsa() +TampilOperator() +PilihOperator() +TampilJumlahPulsa() +IsiFormPembelianPulsa() +TampilDataPembelian() +TampilPembelianSukses() +TampilPembelianGagal() Pembayaran UI +CheckDataPembelian() +ValidateNomordanSaldo() PembayaranController -SaldoPengguna +GetSaldoNasabah() +CutSaldo() Nasabah -JumlahSaldo

3.1.9 Use Case Melihat Fasilitas Layanan

3.1.9.1 Identifikasi Kelas

1 Service_UI Service_UI 2 Sevice_Data Sevice_Data 3 Service_Controller Service_Controller

3.1.9.2 Sequence Diagram

SQ-D-09-01 1. TampilMenuInfo() 3. TampilPilihanFasilitas() 4. PilihFasilitas() 8. TampilInfoFasilitas() 5. InsertPilFasilitas() 6. GetInfoFasilitasLayanan() 7. GetDataFasilitas() <<interface>> : Service_UI <<controller>> : Service_Controller <<entity>> : Service_Data : Nasabah 2. ReqPilihanFasilitas()

(29)

SQ-D-09-02 1. TampilMenuInfo() 3. TampilPilihanFasilitas() 4. PilihFasilitas() 8. Alert Error 5. InsertPilFasilitas() 6. GetInfoFasilitasLayanan() 7. GetDataFasilitas() <<interface>> : Service_UI <<controller>>

: Service_Controller : Service_Data<<entity>>

: Nasabah 2. ReqPilihanFasilitas()

3.1.9.3 Diagram Kelas

CL-D-09 +TampilMenuInfo() +PilihanFasilitas() +PilihFasilitas() +AlertError() Service_UI +InsertPilFasilitas() +GetDataFasilitas() Service_Controller +GetInfoFasilitasLayanan() -ListFasilitas Service_Data

3.1.10 Use Case Mengubah Status Nasabah

3.1.10.1 Identifikasi Kelas

1 Saldo_UI Saldo_UI

(30)

3.1.10.2 Sequence Diagram

SQ-D-10-01 1. TampilMenuTeller() 3. TampilDaftarNasabah() 4. PilihNasabah() 5. InsertPilNasabah() 6. GetStatus() <<interface>> : Status_UI <<controller>>

: Status_Controller <<entity>>: Nasabah

: Teller 7. InfoStatusNasabah() 8. TampilStatusNasabah() 9. UbahStatus() 10. InsertPilStatus() 11. SetStatus() 2. ReqDaftarNasabah()

3.1.10.3 Diagram Kelas

CL-D-10 +TampilMenuTeller() +TampilDaftarNasabah() +PilihNasabah() +TampilStatusNasabah() +UbahStatus() Status_UI +InsertPilNasabah() +InsertPilStatus() +InfoStatusNasabah() Status_Controller +GetStatus() +SetStatus() -StatusInfo Nasabah

(31)

3.1.11.1 Identifikasi Kelas

1 Saldo_UI Saldo_UI 2 Nasabah Nasabah 3 RekeningController Saldo_Controller

3.1.11.2 Sequence Diagram

SQ-D-11-01 1. TampilMenuTeller() 3. TampilDaftarNasabah() 4. PilihNasabah() 5. InsertPilNasabah() 6. GetSaldo() <<interface>> :Saldo_UI <<controller>> : RekeningController <<entity>> : Nasabah : Teller 7. InfoSaldoNasabah() 8. TampilSaldoNasabah() 9. UbahSaldo() 10. InsertPilSaldo() 11. SetSaldo() 2. ReqDaftarNasabah()

3.1.11.3 Diagram Kelas

CL-D-11 +TampilMenuTeller() +TampilDaftarNasabah() +PilihNasabah() +TampilSaldoNasabah() +UbahSaldo() Saldo_UI +InsertPilNasabah() +InsertPilSaldo() +InfoSaldoNasabah() SaldoController +GetSaldo() +SetSaldo() Nasabah -StatusInfo

(32)

3.1.12.1 Identifikasi Kelas

No Nama Kelas Perancangan Nama Kelas Analisis Terkait 1. AccountUI AccountUI+AccountController 2. Nasabah Nasabah

3.1.12.2 Sequence Diagram

SQ-D-12-01 Object1 <<interface>> : AccountUI :Admin 1: OpenAccountUI() 4: ShowNasabahData() Object2 <<entity>> : Nasabah 2: GetDataNasabah() 3: DataNasabah 8: SetDataNasabah() 5. SendNewData() 6: ValidateNewData() 7: NewDataValid 9: ShowEditAccountSuccessPage() SQ-D-12-02

(33)

Object1 <<interface>> : AccountUI :Admin 1: OpenAccountUI() 4: ShowNasabahData() Object2 <<entity>> : Nasabah 2: GetDataNasabah() 3: DataNasabah 5. SendNewData() 6: ValidateNewData() 7: NewDataNotValid 9: ShowEditAccountErrorPage()

3.1.12.3 Diagram Kelas

CL-D-12 <<entity>> Nasabah -ID -Password -Saldo -Email -DataTransaksi -DataPembayaran +GetSaldoNasabah() +CutSaldoNasabah() +GetDataNasabah() +SetDataNasabah() <<interface>> AccountUI -DataValid -SuccessPage -ErrorPage +ShowNasabahData() +ValidateNewData() +ShowEditAccountSuccessPage() +ShowEditAccountErrorPage() +OpenAccountUI() +SendNewData()

3.2 Perancangan Detil Kelas

(34)

No Nama Kelas

Perancangan Nama Kelas Analisis Terkait 1 Registrasi ATM ATM_UI

2 AccountUI AccountUI+AccountController 3 Aktivasi Controller Registrasi_Controller

4 Aktivasi Data Service_Data 5 Aktivasi Menu ATM_UI 6 InfoRekening_UI InfoRekening_UI 7 Nasabah Nasabah

8 PembayaranController PembayaranController 9 PembayaranUI PembayaranUI 10 Registrasi Controller Registrasi_Controller 11 Registrasi Data Service_Data 12 Registrasi Sistem Sistem_UI

13 RekeningController RekeningController 14 Saldo_UI Saldo_UI 15 Service_Controller Service_Controller 16 Service_UI Service_UI 17 Sevice_Data Sevice_Data 18 TransferDanaUI TransferDanaUI+TransferDanaController

Untuk setiap kelas:



identifikasi operasi (mengacu pada tanggung-jawab kelas), termasuk visibility-nya



identifikasi atribut, termasuk visibility-nya

3.2.1 Kelas Registrasi ATM

Nama Kelas : Registrasi ATM

Nama Operasi Visibility (private,public) Keterangan

callRegister() public Memanggil menu Register

inputIDPIN() public Meminta masukan ID dan PIN

showRegisterMenu() public Menampilkan menu register outputErrorNote() public Mengeluarkan pesan error outputRegistrasiNote() public Mengeluarkan catatan registrasi

untuk aktivasi

3.2.2 Kelas AccountUI

Nama Kelas : AccountUI

Nama Operasi Visibility (private, public)

Keterangan

GetDataNasabah() public Mengambil data nasabah ShowNasabahData() public Menampilkan data nasabah ValidateNewData() public Melakukan validasi data baru yang

diberikan oleh nasabah

OpenAccountUI() public Menampilkan halaman utama edit info akun

(35)

ubah info akun berhasil

ShowEditAccoutErrorPage() public Menampilkan halaman berisi pesan kesalahan karena data baru tidak valid

SendNewData() public Mengirimkan data nasabah baru untuk divalidasi dan diolah lebih lanjut

Nama Atribut Visibility (private, public)

Tipe

DataValid private Boolean

SuccessPage private PHP

ErrorPage private PHP

3.2.3 Kelas Aktivasi Controller

callAktivasiMenu() public Memanggil menu Aktivasi

getRegNote() public Mengambil catatan registrasi dari kelas Boundary

outputNote() public Menyampaikan pesan dari kelas entity

3.2.4 Kelas Aktivasi Data

Nama Kelas: Aktivasi Data

callAktivasiMenu() public Memanggil menu Aktivasi

getRegNote() public Mengambil catatan registrasi dari kelas Boundary

outputNote() public Menyampaikan pesan dari kelas entity

3.2.5 Kelas Aktivasi Menu

Nama Kelas : Aktivasi Menu

callAktivasi() public Memanggil menu Aktivasi showAktivasiMenu() public Menampilkan menu Aktivasi inputRegNote() public Menerima catatan registrasi outputSuccessNote() public Mengeluarkan pesan aktivasi

sukses

outputErrorNote() public Mengeluarkan pesan aktivasi gagal

3.2.6 Kelas InfoRekening_UI

Nama Kelas : InfoRekening

Nama Operasi Visibility

(private, public) Keterangan

TampilMenuInfo() public Menampilkan menu yang berisi pilihan informasi yang hendak dilihat nasabah

TampilPilRekening() public Menampilkan menu berisi rekening yang akan dipilih nasabah(seorang nasabah dapat memiliki beberapa rekening)

(36)

PilihRekening() public Menerima pilihan rekening nasabah TampilError() public Menampilkan pesan error jika

system gagal menampilkan info rekening

PilihRentangWaktu() public Menerima pilihan rentang waktu terjadinya transaksi yang ingin dilihat oleh nasabah

3.2.7 Kelas Nasabah

Nama Kelas: Nasabah

GetInfoRekNasabah() public Mengambil data rekening dari seorang nasabah

validateID() public Memastikan ID masukan tidak ada dalam database

getData() public Mengambil data masukan

saveData() public Menyimpan data masukan ke

database

generateIDPIN() private Menghasilkan random ID dan PIN berdasarkan nomor rekening verifyRegNote() public Mengecek apakah catatan registrasi

tercatat di database

activeAccount() public Mengubah status account menjadi aktif

ValidateTagihan() public Mengecek apakah form tagihan yang diisi oleh user valid

GetSaldoNasabah() public Meminta data saldo nasabah CutSaldo() public Memotong saldo nasabah sesuai

jumlah pembayaran yang dilakukan SetSaldo() public Memasukkan pilihan saldo pada

nasabah

GetStatus() public Mendapatkan status nasabah

SetStatus() public Memasukkan pilihan status pada nasabah

Atribut Visibility (private, public)

Tipe

JumlahSaldo private Integer

DataTagihan private Integer

StatusInfo private String yang berisi info status nasabah

Identitas private Tipe bentukan yang beririsi string nama,alamat,no_telepon, dan atribut identitas lain

3.2.8 Kelas Pembayaran Controller

Nama Kelas: PembayaranController

SendDataTagihan() public Mengirimkan data tagihan dari input user untuk divalidasi

(37)

ValidateSaldo() public Mengecek apakah jumlah saldo pengguna cukup untuk melakukan pembayaran

Atribut Visibility (private, public)

Tipe

SaldoPengguna private Integer

3.2.9 Kelas PembayaranUI

Nama Kelas: PembayaranUI

TampilMenuPembayaran() public Memilih untuk menampilkan menu pembyaran

TampilPilihanPembayaran() public Menampilkan pilihan pembayaran yang bisa dilakukan

PilihMenuTagihan() public Memilih tagihan pembayaran yang ingin dilakukan

TampilTagihan() public Menampilkan form tagihan yang ingin dibayar oleh user

IsiNomorTagihan() public Mengisi form tagihan

TampilJumlahTagihan() public Menampilkan jumlah nilai tagihan yang harus dibayar

SubmitPembayaran() public Melakukan submit pembayaran TampilPembayaranBerhasil() public Menampilkan pesan pembayaran

telah berhasil dilakukan TampilPembayaranGagal() public Menampilkan pembayaran tidak

berhasil dilakukan

TampilSaldoTidakCukup() public Menampilkan pesan bahwa saldo nasabah tidak cukup untuk melakukan pembayaran

3.2.10 Kelas Registrasi Controller

Nama Kelas : Registrasi_Controller

callRegisterMenu() public Memanggil menu Register

getData() public Mengambil data masukan dari

kelas Boundary

getIDPIN() public Mengambil ID dan PIN masukan

dari kelas Boundary

outputIDPIN() public Mengeluarkan ID dan PIN hasil

generate

outputNote() public Menyampaikan pesan dari kelas Entity

3.2.11 Kelas Registrasi Data

Nama Kelas : Registrasi Data

callRegisterMenu() public Memanggil menu Register

(38)

kelas Boundary

getIDPIN() public Mengambil ID dan PIN masukan

dari kelas Boundary

outputIDPIN() public Mengeluarkan ID dan PIN hasil

generate

outputNote() public Menyampaikan pesan dari kelas Entity

3.2.12 Kelas Registrasi Sistem

Nama Kelas : Registrasi Sistem

callRegister() public Memanggil menu Register showRegisterMenu() public Menampilkan menu register

inputData() public Menerima masukan data berupa

ID, PIN, dan nomor rekening user

outputData() public Menampilkan data ID dan PIN yang

sudah di-generate

3.2.13 Kelas Rekening Controller

Bagian ini diisi dengan daftar operasi dan atribut Buat untuk setiap kelas.

Nama Kelas: Rekening_Controller

InsertPilRekening() public Menerima input pilihan rekening dari nasabah untuk dikelola kemudian

GetDataRekening() public Mengambil data rekening nasabah

3.2.14 Kelas Saldo_UI

Bagian ini diisi dengan daftar operasi dan atribut Buat untuk setiap kelas.

Nama Kelas: Saldo_UI

Keterangan

TampilMenuTeller() public Menampilkan menu yang berisi pilihan informasi yang hendak dilihat teller

TampilDaftarNasabah() public Menampilkan menu berisi daftar para nasabah

PilihNasabah() public Memilih nasabah yang hendak diubah statusnya

TampilSaldoNasabah() public Menampilkan menu berisi saldo para nasabah

UbahSaldo() public Mengubah saldo nasabah

3.2.15 Kelas Service_Controller

(39)

Keterangan

InsertPilFasilitas () public Menerima input pilihan fasilitas dari nasabah

ReqPilihanFasilitas() public Meminta daftar pilihan fasilitas GetDataFasilitas() public Mengambil data fasilitas layanan

yang dipilih nasabah

3.2.16 Kelas Service_UI

Nama Kelas: Service_UI

TampilMenuInfo() public Menampilkan menu yang berisi pilihan informasi yang hendak dilihat nasabah

TampilPilihanFasilitas() public Menampilkan menu berisi daftar fasilitas layanan

PilihFasilitas() public Menerima pilihan layanan nasabah AlertError() public Menampilkan pesan error jika

system gagal menampilkan info fasilitas layanan

3.2.17 Kelas Service_Data

Nama Kelas: Service_Data

GetInfoFasilitasLayanan() public Mengambil data info fasilitas layanan yang dipilih nasabah

Atribut Visibility

(private, public) Tipe

ListFasilitas private Tipe List yang berisi daftar fasilitas layanan

3.2.18 Kelas TransferDanaUI

Nama Kelas : TransferDanaUI

Keterangan

ShowTransferDanaForm() public Menampilkan form pengisian data transfer dana

OpenTransferDanaUI() public Membuka halaman utama transfer dana

ValidateTransferDanaData() public Melakukan validasi input data transfer dana data

ShowConfirmationPage() public Menampilkan halaman konfirmasi transfer dana

ValidateConfirmationData() public Melakukan validasi data konfirmasi dari nasabah SendTransferDanaData() public Mengirimkan data transfer dana

untuk divalidasi dan diolah lebih lanjut

(40)

transfer dana telah berhasil dilakukan

ShowTransferReceipt() public Menampilkan bukti transfer dana ShowErrorPage() public Menampilkan halaman berisi pesan

kesalahan karena data transfer dana tidak valid

Nama Atribut Visibility (private, public)

Tipe

DataValid private Boolean

ConfirmationValid private Boolean

TransferDanaForm private PHP

ConfirmationPage private PHP

SuccessPage private PHP

ErrorPage private PHP

(41)

3.3 Diagram Kelas Keseluruhan

+TampilMenuPembayaran() +TampilPilihanPembayaran() +PilihMenuTagihan() +PilihPembayaranPulsa() +PilihOperator() +TampilTagihan() +TampilOperator() +IsiNomorTagihan() +TampilJumlahTagihan() +SubmitPembayaran() +TampilPembayaranBerhasil() +TampilPembayaranGagal() +TampilSaldoTidakCukup() +TampilJumlahPulsa() +IsiFormPembelianPulsa() +TampilDataPembelian() +TampilPembelianSukses() +TampilPembelianGagal() Pembayaran UI +SendDataTagihan() +CheckSaldo() +ValidateSaldo() +CheckDataPembelian() +ValidePulsadanSaldo() -SaldoPengguna Pembayaran Controller +ValidateTagihan() +GetSaldoNasabah() +CutSaldoNasabah() +GetDataNasabah() +SetDataNasabah() +GetInfoRekNasabah() +GetStatus() +SetStatus() +GetSaldo() +SetSaldo() +VerifyRegNote() +ActivateAccount() +ValidateID() +GetData() +SaveData() +GenerateIDPIN() -JumlahSaldo -DataTagihan -ID -Password -Saldo -Email -DataTransaksi -DataPembayaran -Identitas -StatusInfo -RegNote Nasabah +ShowNasabahData() +ValidateNewData() +ShowEditAccountSuccessPage() +ShowEditAccountErrorPage() +OpenAccountUI() +SendNewData() -DataValid -SuccessPage -ErrorPage AccountUI +ShowTransferDanaForm() +ValidateTransferDanaData() +ShowConfirmationPage() +ValidateConfirmationData() +ShowTransferDanaSuccessPage() +ShowTransferReceipt() +ShowErrorPage() +OpenTransferDanaUI() +SendTransferDanaData() -DataValid -ConfirmationValid -TransferDanaForm -ConfirmationPage -SuccessPage -ErrorPage -TransferReceipt TransferDanaUI +TampilMenuInfo() +TampilPilRekening() +PilihRekening() +TampilError() +PilihRentangWaktu() InfoRekening +InsertPilRekening() +GetDataRekening() Rekening Controller +TampilMenuInfo() +PilihanFasilitas() +PilihFasilitas() +AlertError() Service UI +InsertPilFasilitas() +GetDataFasilitas() Service Controller +GetInfoFasilitasLayanan() -List Fasilitas Service Data +TampilMenuTeller() +TampilDaftarNasabah() +PilihNasabah() +TampilStatusNasabah() +UbahStatus() Status UI +InsertPilNasabah() +InsertPilStatus() +InfoStatusNasabah() Status Controller +TampilMenuTeller() +TampilDaftarNasabah() +PilihNasabah() +TampilSaldoNasabah() +UbahSaldo() Saldo UI +InsertPilNasabah() +InsertPilSaldo() +InfoSaldoNasabah() Saldo Controller +callAktivasi() +showAktivasiMenu() +inputRegNote() +outputSuccessNote() +outputErrorNote() Aktivasi Menu +callAktivasiMenu() +getRegNote() +outputNote() Aktivasi Controller +callRegister() +inputIDPIN() +showRegisterMenu() +outputErrorNote() +outputRegistrasiNote()

Registrasi ATM +callRegisterMenu() +getData() +getIDPIN() +outputIDPIN() +outputNote() Registrasi Controller +callRegister() +showRegisterMenu() +inputData() +outputData() Registrasi Sistem

(42)

3.4 Algoritma/Query

Nama Kelas :PembayaranController Nama Operasi :ValidateSaldo()

Algoritma : (Algo-001) CheckSaldo(nasabah) Input(tagihan) If CheckSaldo(nasabah)>tagihan then SendTagihanData(tagihan) Else

Output(“Saldo Tidak Cukup”)

Nama Kelas :TransferDanaUI

Nama Operasi :SendTransferDanaData()

Algoritma : (Algo-002) If (DataValid=true) then

Output(“Transfer Dana Berhasil”) Else

Output(“Saldo Tidak Cukup”)

Nama Kelas :Service_Controller Nama Operasi :PilihFasilitas()

Algoritma : (Algo-003) If (ListFasilitas<>null) then

GetInfoFasilitasLayanan() TampilPilihanFasilitas() Else

Output(“Fasilitas Tidak Tersedia”)

Query :

No Query Query Keterangan

3.5 Diagram Statechart

Menampilkan Menu Pembayaran do/TampilMenuPembayaran()

Menampilkan Pilihan Pembayaran do/TampilPilihanPembayaran()

Memilih Menu Tagihan entry/PilihMenuTagihan()

Menampilkan Jumlah tagihan do/TampiljumlahTagihan() Submit Pembayaran

entry/SubmitPembayaran() Menampilkan Pesan Pembayaran Berhasil

do/TampilPembayaranSukses()

Mengirim Data Tagihan do/SendDataTagihan()

Menampilkan Tagihan do/TampilTagihan()

Mengisi Nomor Tagihan entry/IsiNomorTagihan()

(43)

3.6 Perancangan Antarmuka

Antarmuka : Login Screen

Id_Objek Jenis Nama Keterangan

Login_Button1 Button Batal Jika diklik akan membatalkan proses Login_Button2 Button Kirim Jika diklik dan masukan benar maka akan

membuka homescreen

Login_Choice Choice Login Sebagai Pilihan login untuk masuk modus selanjutnya Login_Image Image Menampilkan file image dari image.png Login_Text1 SingleText Masukkan

USER ID

Menerima input USER ID Login_Text2 SingleText Masukkan PIN

Internet Banking Anda

Menerima input PIN

(44)

Home_Label Label Login as Nasabah X

Keterangan modus login

Home_Text TextArea Menampilkan deskripsi perangkat lunak Home_Menu Menu Menampilkan menu pilihan untuk ke screen

selanjutnya

Home_Image Image Menampilkan image dari file image.png

Antarmuka : Informasi Saldo Rekening

ISR_Label Label Login as [Nama Nasabah]

Keterangan modus login ISR_Choice Choice Pilihan rekening

(45)

selanjutnya

ISR_Image Image Menampilkan image dari file image.png ISR_Button Button Submit Jika diklik akan diproses

InfoRekening_Controller dan menampilkan info rekening pilihan dari nasabah

ISR_Text TextArea Menampilkan informasi saldo nasabah

Antarmuka : Pembayaran

Byr_Label Label Login as [Nama Nasabah]

Keterangan modus login Byr_Choice Choice Pilihan pembayaran

Byr_Menu Menu Menampilkan menu pilihan untuk ke screen selanjutnya

Byr_Image Image Menampilkan image dari file image.png

Byr_Button Button Submit Jika diklik akan diproses Pembayaran_Controller Byr_Text SingleText Menginput nomor tagihan pembayaran

(46)

Beli_Label Label Login as [Nama Nasabah]

Keterangan modus login Beli_Choice Choice Pilihan operator

Beli_Menu Menu Menampilkan menu pilihan untuk ke screen selanjutnya

Beli_Image Image Menampilkan image dari file image.png

Beli_Button Button Submit Jika diklik akan diproses Pembayaran_Controller Beli_Text1 SingleText Menginput jumlah pulsa

Beli_Text2 SingleText Menginput nomor handphone

(47)

Mutasi_Label Label Login as [Nama Nasabah]

Keterangan modus login Mutasi_Choice Choice Pilihan rekening

Mutasi_Menu Menu Menampilkan menu pilihan untuk ke screen selanjutnya

Mutasi_Image Image Menampilkan image dari file image.png

Mutasi_Button Button Submit Jika diklik akan diproses Mutasi_Controller dan menampilkan info mutasi rekening pilihan dari nasabah

Mutasi_Text TextArea Menampilkan informasi mutasi rekening yang dipilih nasabah

Antarmuka : Transfer Dana

TD_Label Label Login as [Nama Nasabah]

Keterangan modus login TD_Choice Choice Pilihan rekening Pilihan rekening nasabah

TD_Menu Menu Menampilkan menu pilihan untuk ke screen selanjutnya

TD_Image Image Menampilkan image dari file image.png TD_Button Button Submit Jika diklik akan diproses oleh TransferDanaUI TD_Text1 SingleText Nominal Transfer Menerima masukan nominal transfer

TD_Text2 SingleText Nomor Rekening Penerima

Menerima masukan nomor rekening penerima

(48)

SB_Label Label Login as [Nama Nasabah]

SB_Menu Menu Menampilkan menu pilihan untuk ke screen selanjutnya

SB_Image Image Menampilkan image dari file image.png SB_Text1 TextArea Informasi suku bunga yang tersedia

Antarmuka : Kurs

Kurs_Label Label Login as [Nama Nasabah]

(49)

selanjutnya

Kurs_Image Image Menampilkan image dari file image.png Kurs_Text1 TextArea Informasi kurs yang tersedia

Antarmuka : Edit Informasi Akun

EA_Label Label Login as [Nama Nasabah]

EA _Menu Menu Menampilkan menu pilihan untuk ke screen selanjutnya

EA _Image Image Menampilkan image dari file image.png EA _Button Button Submit Jika diklik akan diproses di EditAccountUI EA _Text1 SingleText Nama Lengkap Menerima input nama lengkap

EA _Text2 SingleText User ID Menerima input user ID EA _Text3 SingleText PIN Menerima input PIN EA _Text4 SingleText Email Menerima input email

EA _Text5 SingleText Nomor Rekening Menerima input nomor rekening

(50)

Reg_Label Label Login as Teller Keterangan modus login

Reg_Menu Menu Menampilkan menu pilihan untuk ke screen selanjutnya

Reg_Image Image Menampilkan image dari file image.png

Reg_Button Button Submit Jika diklik akan diproses di Registrasi_Controller Reg_Text1 SingleText e-Banking User

ID

Menerima input user ID e-Banking nasabah Reg_Text2 SingleText e-Banking PIN Menerima input PIN e-Banking nasabah Reg_Text3 SingleText Nomor Rekening Meneriman input nomor rekening nasabah

Antarmuka : Aktivasi

Ak_Label Label Login as Teller Keterangan modus login

Ak_Menu Menu Menampilkan menu pilihan untuk ke screen selanjutnya

Ak_Image Image Menampilkan image dari file image.png Ak_Button Button Submit Jika diklik akan diproses di Aktivasi_Controller Ak_Text1 SingleText Registration Note Menerima input registrasi note

Antarmuka : Edit Saldo

ESld_Label Label Login as Teller Keterangan modus login

ESld _Menu Menu Menampilkan menu pilihan untuk ke screen selanjutnya

(51)

ESld _Image Image Menampilkan image dari file image.png

ESld _Button Button Submit Jika diklik akan diproses di EditSaldo_Controller ESld _Text1 SingleText Saldo [Nama

Nasabah] Sebelumnya

Menampilkan saldo nasabah sebelumnya

ESld_Text2 SingleText Masukkan Saldo [Nama Nasabah]

Menerima input saldo nasabah baru

Antarmuka : Edit Status

EStts_Label Label Login as Teller Keterangan modus login

EStts _Menu Menu Menampilkan menu pilihan untuk ke screen selanjutnya

EStts_Image Image Menampilkan image dari file image.png

EStts_Button Button Submit Jika diklik akan diproses di EditStatus_Controller EStts_Choic

e

Choice Edit Status [Nama Nasabah]

Menampilkan pilihan status nasabah

3.7 Perancangan Representasi Persistensi Kelas

Bagian ini diisi dengan rancangan skema basisdata dan traceability-nya terhadap kelas

entity.

(52)

(53)

4 Matriks Kerunutan

Analisis

_Perancangan

Use Case ID Skenario

Sequence Diagram Diagram Kelas Sequence Diagram Diagram Kelas

UC-01 SC-01-01 SQ-A-01-01 CL-A-01 SQ-D-01-01 CL-D-01

UC-02 SC-02-01 SQ-A-01-02 CL-A-02 SQ-D-01-02

UC-03 SC-03-01 SQ-A-01-03 CL-A-03 SQ-D-01-03

SC-03-02 SQ-A-02-01

SQ-D-02-01 CL-D-02

UC-04 SC-04-01 SQ-A-02-02 CL-A-04 SQ-D-02-02

SC-04-02 SQ-A-03-01

SQ-D-03-01

SC-05-02 SQ-A-04-01

SQ-D-04-01 CL-D-04

UC-06 SC-06-01 SQ-A-04-02 CL-A-06 SQ-D-04-02

SC-06-02 SQ-A-05-01

SQ-D-05-01 CL-D-05

UC-07 SC-07-01 SQ-A-05-02 CL-A-07 SQ-D-05-02

SC-07-02 SQ-A-06-01 SQ-D-06-01 CL-D-06

SC-07-03 SQ-A-06-02 SQ-D-06-02

SC-08-02 SQ-A-07-02 SQ-D-07-02

UC-09 SC-09-01 SQ-A-07-03 CL-A-09 SQ-D-07-03

UC-11 SC-11-01 SQ-A-08-02 CL-A-11 SQ-D-08-02

SC-12-01 SQ-A-09-01 CL-A-12 SQ-D-09-01 CL-D-09

SQ-A-09-02 SQ-D-09-02

SQ-A-10-01 SQ-D-10-01 CL-D-10

SQ-A-11-01 SQ-D-11-01 CL-D-11