Sequence Diagram, Statechart Diagram dan Perancangan Layar

 1. Sequence Diagram

Diagram sequence mendeskripsikan bagaimana entitas dalam sistem berinteraksi, termasuk pesan yang digunakan saat interaksi. Semua pesan dideskripsikan dalam urutan dari eksekusi. Diagram sequence berhubungan erat dengan diagram use case , dimana 1 use case akan menjadi 1 diagram sequence.
Diagram sequence memiliki elemen-elemen sebagai berikut:

  • Actor yaitu orang atau sistem eksternal lainnya yang menerima manfaat atau menggunakan sistem.
  • Object yaitu objek yang terlibat dalam sistem.
  • Lifeline yaitu sebuah garis yang menggambarkan masa hidup dari sebuah objek dalam sequence diagram.
  • Execution occurrence yaitu sebuah persegi panjang yang menggambarkan waktu terjadinya pengiriman/penerimaan pesan.
  • Message yaitu informasi yang mengalir dari satu objek ke objek lainnya.
  • Guard condition yaitu suatu persyaratan yang harus terpenuhi agar suatu pesan dapat dikirimkan.
  • Object destruction menggambarkan akhir dari sebuah lifeline object.
  • Frame menyatakan konteks dari diagram sequence.



2. Statechart Diagram







Ketika nasabah memasukkan kartu bank atau kreditnya ke dalam pembaca kartu ATM, tindakan masuk yaitu membaca kartu dilakukan oleh mesin ATM. Jika kartu tidak valid maka mesin akan melakukan tindakan keluar. Setelah kartu berhasil dibaca, mesin ATM akan meminta Pin. Kemudian nasabah memasukkan pin dan mesin ATM kemudian membaca pin. Jika pin yang dimasukkan tidak valid maka mesin akan melakukan tindakan keluar. Jika pin yang dimasukkan valid, maka mesin akan memproses lebih lanjut menuju transaksi. Setelah transaksi berhasil, mesin menjalani tindakan keluar yaitu ejectcard yang mengeluarkan kartu pelanggan.

3. Perancangan Layar

Berikut adalah desain mockup untuk beberapa layar utama aplikasi perbankan:

1. Layar Login

Elemen:

  • Input Username
  • Input Password
  • Tombol Login
  • Tombol Lupa Password

2. Dashboard

Elemen:

  • Tampilkan Saldo Rekening
  • Navigasi ke Check Balance, Transfer Funds, Pay Bills
  • Tombol Logout

3. Layar Check Balance

Elemen:

  • Tampilkan Saldo Rekening
  • Tombol Kembali ke Dashboard

4. Layar Transfer Funds

Elemen:

  • Input Nomor Rekening Tujuan
  • Input Jumlah Transfer
  • Tombol Transfer
  • Tombol Kembali ke Dashboard

5. Layar Verifikasi Transfer

Elemen:

  • Tampilkan Detail Transfer (Rekening Tujuan, Jumlah Transfer)
  • Tombol Konfirmasi
  • Tombol Batalkan

6. Layar Pay Bills

Elemen:

  • Input Nomor Rekening Penerima Pembayaran
  • Input Jumlah Pembayaran
  • Tombol Bayar
  • Tombol Kembali ke Dashboard

7. Layar Verifikasi Pembayaran

Elemen:

  • Tampilkan Detail Pembayaran (Rekening Penerima, Jumlah Pembayaran)
  • Tombol Konfirmasi
  • Tombol Batalkan

8. Layar Logout

Elemen:

  • Konfirmasi Logout
  • Tombol Ya
  • Tombol Tidak








Komentar

Posting Komentar

Postingan populer dari blog ini

Data flow diagram dan diagram cortex sistem perbankan

Gambar
Data Flow Diagram (DFD)  adalah alat pembuatan model yang memungkinkan profesional sistem untuk menggambarkan system sebagai suatu jaringan proses fungsional yang dihubungkan satu sama lain dengan alur data, baik secara manual maupun komputerisasi. Syarat utama DFD adalah dapat digambarkan dengan baik dan jelas, pemberian nama dan komponen lainnya harus konsisten, nama proses didefinisikan dengan kata kerja dan nama aliran data dengan kata benda. Penggambaran DFD terdiri dari : 1.        Diagram Konteks Diagram ini adalah diagram level tertinggi dari DFD yang menggambarkan hubungan sistem dengan lingkungan luarnya secara keseluruhan. 2.        Diagram Level Rinci Diagram ini adalah dekomposisi dari diagram konteks. -            Diagram 1 Level 1   Diagram ini merupakan dekomposisi dari diagram rinci -            D...
Baca selengkapnya

Melanjutkan Tugas Merangcang sistem Perbangkan dengan membuat digram Level ( diagram turunannya), berikut rancangan database dan Rancangan layar.

Gambar
  Merancang Sistem Perbankan dengan Diagram Level dan Rancangan Database 1. Diagram konteks    D i D Diagram konteks pada layanan nasabah berikut adalah nasabah sebagai pihak eksternal dan teller, CS, Direktur Bank sebagai pihak internal yang sedang berjalan :    Diagram Konteks Diagram konteks pada layanan nasabah berikut adalah nasabah sebagai pihak eksternal dan teller, CS, Direktur Bank sebagai pihak internal yang sedang berjalan : 2. Diagram rinci Pada DFD Rinci proses setoran ini terdapat empat proses utama yaitu pembukaan rekening, penyetoran uang (menabung), penarikan uang, dan pembuatan laporan dijelaskan pada gambar diagram dibawah ini : Diagram level 1 Diagram level 2 Diagram level 3 Rancangan Database Rancangan database untuk sistem perbankan harus mempertimbangkan entitas dan hubungan antar entitas dalam sistem. Entitas utama dalam sistem perbankan meliputi: Nasabah Rekening Transaksi Pinjaman Hubungan antar entitas dapat digambarkan dengan mengguna...
Baca selengkapnya