Dokumen tersebut membahas sistem analisis dan desain untuk sistem ATM. Terdapat penjelasan mengenai use case diagram, activity diagram, sequence diagram, dan class diagram untuk merepresentasikan sistem ATM. Diagram-diagram tersebut menggambarkan proses-proses yang terjadi dalam sistem ATM mulai dari memasukkan kartu, memasukkan PIN, mengecek saldo, mentransfer uang, hingga mengambil uang dan logout.

1. Systems Analysis
and Design
By : Ajeng Savitri P, M.Kom
Prepared by Kevin C. Dittman for
Systems Analysis & Design Methods 4ed
by J. L. Whitten & L. D. Bentley

2. Design
2

3. • Learning Unified Modeling Language (UML)

4. Use Case Diagram
4

5. System Analysis and Design with UML
1. System Analysis
1. Business Process Identification
• Use Case Diagram
2. Business Process Modeling
• Activity Diagram or Business Process Modeling Notation
(BPMN)
3. Business Process Realization
• Sequence Diagram (Buat untuk setiap use case dengan menggunakan
pola Boundary-Control-Entity)
5

6. Use Case Diagrams
• Summarized into a single picture
• All of the use cases for the part of the system being modeled
• Use case represents the discrete activities performed by the
user
• Use Case Diagram tells what the system will do
• Good for communicating with users
6

7. Syntax for an Use Case Diagram
• Actor
• person or system that derives benefit from and is
external to the subject
• Use Case
• Represents a major piece of system functionality
• Association Relationship
• Include Relationship
• Extend Relationship
• Generalization Relationship
<<extends>>
<<includes>>
7

8. Use Case
• A major piece of system functionality
• Can extend other Use Cases
• Placed inside system boundary
• Labeled with descriptive verb - noun phrase
Use Case
8

9. System Boundary
• Includes the name of the system inside or on top
• Represents the scope of the system
• Actors are outside the scope of the system
Boundary
9

10. Actor
• A person or another system that interacts with the
current system
• A role, not a specific user
• Provides input, receives output, or both
actor
Actor/Role
10

11. Association Relationship
• Links actor and the Use Case
• Shows two-way communication
• If one-way, arrows are used
• * is for "multiplicity of the Association"
* *
11

12. Extends Relationship
• Extends Use Case to include Optional behavior
• Arrow points from the extension Use Case to the
base Use Case
extend
extend Make
Appointment
Make Payment
Arrangement
12

13. Include Relationship
• Include one Use Case from within another
• Arrow points from base Use Case to the
included Use Case
include
include Create New
Patient
Make New
Patient Appointment
13

14. Generalization Relationship
• A specialized Use Case to a more generalized Use
Case
• Arrow points from specialized to general Use Case
Make
Appointment
Make Old
Appointment
14

15. Use Case Diagram for Appointment System
15

16. Use Case Diagram with Specialized Actor
16

17. Extend and Include Relationships
17

18. Case Study

19. Business Process Modeling
with Activity Diagrams
19

20. BPM With Activity Diagrams
• A number of activities support a business process across
several departments
• Activity diagrams model the behavior in a business
process
20

21. Syntax for an
Activity
Diagram
21

22. 22
Activity Diagram
Example

23. Creating Activity Diagrams
1. Set the context or scope of the activity being modeled
2. Identify the activities and control/object flows
between activities
3. Identify any decisions made
4. Look for opportunities for parallelism
5. Draw the diagram
23

24. Case Study

25. Sequence Diagram
25

26. Sequence Diagrams
• Illustrate the objects that participate in a use case
• Show the messages that pass between objects for a
particular use-case over time
26

27. Sequence Diagram Syntax
AN ACTOR
AN OBJECT
A LIFELINE
A FOCUS OF CONTROL
A MESSAGE
OBJECT DESTRUCTION
anObject:aClass
aMessage()
x
27

28. Sequence Diagram
1. Susun Sequence Diagram untuk setiap Use Case yang
dibuat
2. Mulai dari menarik Actor yang ada di Use Case
Diagram, lanjutkan dengan membuat sequence detail
dari berjalannya Use Case
Catatan: Objek dari Lifeline di Sequence Diagram akan menjadi kandidat Class
28

29. Jenis Class
1. Boundary Class:
• Class yang berinteraksi dengan aktor langsung (user interface)
• Form, input, UI ini masuk di sini
2. Control Class:
• Class yang berhubungan dengan pemrosesan, penghitungan,
kalkulasi, komputasi, query, dst
3. Entity Class:
• Class yang berhubungan dengan data, penyimpanan data/file
29

30. Case Study

31. Case Study: ATM System
31

32. ATM System
32

33. Aplikasi Penjualan Buku Online

34. ATM System
Layar
Kotak Uang Kotak Kartu
Kotak Kuitansi
34

35. Masukkan PIN:
Kotak Uang Kotak Kartu
Kotak Kuitansi
35

36. Menu Utama
1. Melihat Saldo
2. Mentransfer Uang
3. Mengambil Uang
4. Logout
Kotak Uang Kotak Kartu
Kotak Kuitansi
36

37. Menu Melihat Saldo
1. Saldo anda adalah ….
Kotak Uang Kotak Kartu
Kotak Kuitansi
37

38. Menu Mentransfer Uang
1. No Account Penerima:
Kotak Uang Kotak Kartu
Kotak Kuitansi
38

39. Menu Mentransfer Uang
1. Jumlah uang yang dikirim:
Kotak Uang Kotak Kartu
Kotak Kuitansi
39

40. Menu Mentransfer Uang
1. Uang berhasil terkirim
Kotak Uang Kotak Kartu
Kotak Kuitansi
40

41. Menu Mengambil Uang
1. Jumlah uang yang diambil:
Kotak Uang Kotak Kartu
Kotak Kuitansi
41

42. Menu Mengambil Uang
Uang berhasil diambil
Kotak Uang Kotak Kartu
Kotak Kuitansi
42

43. Use Case Diagramuc UCD - Sistem ATM
Pengguna
Sistem ATM
Memasukkan Kartu Memasukkan PIN
Mengecek Saldo
Mentransfer Uang
Mengambil UangMelakukan Logout
«include»
43

44. Use Case Diagram (Alternatif)uc Sistem ATM
Sistem ATM
Pengguna
Memasukkan Kartu Memasukkan PIN
Memilih Transaksi
Melihat Saldo
Mengirim Uang
Mengambil Uang
Melakukan Logout
Admin
Mengganti Kotak
Deposit
«include»
«extend»
«extend»
«extend»
44

45. Activity Diagram

46. Activity Diagram: Memasukkan Kartu
act AD1 - Memasukkan Kartu
Mulai
Pengguna Sistem ATM
Menyiapkan Kartu
Memasukkan Kartu Memv alidasi Kartu
kartu valid?
Menampilkan MenuPIN
Mengeluarkan Kartu
Selesai
tidak
ya
46

47. Activity Diagram: Memasukkan PIN
act AD2 - Memasukkan PIN
Pengguna Sistem ATM
Mulai
Memasukkan PIN
Memv alidasi Account
pin valid?
Menampilkan MenuUtama
lebih dari 3x?
Memblokkir Kartu
Selesai
ya
tidak
tidak
ya
47

48. Activity Diagram: Mengecek Saldo
act AD3 - Mengecek Saldo
Pengguna Sistem ATM
Mulai
Memilih Mengecek Saldo
di Menu Utama
Memproses Pengecekan
Saldo
Menampilkan Saldo di
Menu Saldo
Selesai
48

49. Activity Diagram: Mentransfer Uang
act AD4 - Mentransfer Uang
Pengguna Sistem ATM
Mulai
Memilih Mentransfer Uang
di Menu Utama
Memasukkan Account
Tujuan
Memasukkan Jumlah
Uang yang dikirim
Menghitung Kecukupan
Saldo Pengirim
Memv alidasi Account
Tujuan
Account Tujuan Valid?
Saldo Cukup?
Mentransfer Uang
Selesai
tidak
ya
tidak
ya
49

50. Activity Diagram: Mengambil Uang
act AD5 - Mengambil Uang
Pengguna Sistem ATM
Mulai
Memilih Menu Mengambil
Uang di Menu Utama
Memasukkan Jumlah
Uang
Mengecek Ketercukupan
Saldo
Saldo Cukup?
Memproses Pengambilan
Uang
Mengeluarkan Uang di
Kotak Uang
Mengambil Uang di Kotak
Uang
Selesai
tidak
ya
50

51. Activity Diagram: Melakukan Logout
act AD6 - Melakukan Logout
Sistem ATMPengguna
Mulai
Memilih Keluar di Menu
Utama
Memproses Logout
Mengeluarkan Kuitansi
Mengeluarkan KartuMengambil Kuitansi
Mengambil Kartu
Selesai
51

52. Sequence Diagram

53. Sequence Diagram: Memasukkan Kartu
sd SD1 - Memasukkan Kartu
Pengguna
(from 1 Use Case Diagram)
KotakKartu ProsesValidasiKartu MenuPIN
alt kartu valid?
[ya]
[tidak]
memasukanKartu()
validasiKartu()
tampilkan()
mengeluarkanKartu()
53

54. Sequence Diagram: Memasukkan PIN
sd SD2 - Memasukkan PIN
Pengguna
(from 1 Use Case Diagram)
MenuPIN ProsesValidasiAccount LoginAccount MenuUtama
alt PIN valid?
[ya]
[tidak]
alt lebih dari 3x?
[tidak]
[ya]
memasukkanPIN()
validasi(id, pin)
getIDLogin()
getPIN()
tampilkan()
tampilkan()
blokirAccount()
errorKartuDiblokir()
54

55. Sequence Diagram: Mengecek Saldo
sd SD3 - Mengecek Saldo
Pengguna
(from1 Use Case Diagram)
MenuUtama MenuMengecekSaldoProsesMengecekSaldo Account Balance Transaksi
memilihMengecekSaldo()
lihatSaldo(id)
getIDBalance()
getSaldo()
setTransaksi(tgl, jenis)
tampilkanHasil(saldo)
55

56. Sequence Diagram: Mentransfer Uangsd SD4 - Mentransfer Uang
Pengguna MenuUtama MenuMentransferUang ProsesMentransferUang Account pengirim:Balancepenerima:Balance Transaksi
alt saldo cukup?
[ya]
[tidak]
memilihMentransferUang()
tampilkan()
memasukkanJumlahUang()
memasukkanAccountTujuan()
transferUang(id, jumlah)
getIDBalance()
getSaldo()
setSaldo(saldo)
setSaldo(saldo)
setTransaksi(tgl, jenis)
tampilkanUangBerhasilDikirim()
tampilkanErrorSaldoTidakCukup()
56

57. Sequence Diagram: Mengambil Uang
sd SD5 - Mengambil Uang
Pengguna
(from 1 Use Case Diagram)
MenuUtama MenuMengambilUang ProsesMengambilUang Account Balance KotakUangTransaksi
alt saldo cukup?
[ya]
[tidak]
memilihMengambilUang()
tampilkan()
memasukkanJumlah()
ambilUang(id, jumlah)
getIDBalance()
getSaldo()
setSaldo(saldo)
keluarkanUang(jumlah)
setTransaksi(tgl, jenis)
TampilkanUangBerhasilDiambil()
TampilkanErrorSaldoTidakCukup()
57

58. Sequence Diagram: Melakukan Logoutsd SD6 - Melakukan Logout
Pengguna
(from 1 Use Case Diagram)
MenuUtama MenuLogout ProsesLogout KotakKuitansi KotakKartu
memilihKeluar()
tampilkan()
logout()
keluarkanKuitansi()
keluarkanKartu()
tampilkanTelahKeluar()
58

59. Class Diagramclass CD - Sistem ATM
Account
Balance
KotakKartu
KotakKuitansiKotakUang
Login
MenuLogout
MenuMengambilUang
MenuMengecekSaldo
MenuMentransferUang
MenuPIN
MenuUtama
ProsesLogout
ProsesMengambilUang
+ m_Account: Account
+ m_Balance: Balance
+ m_Transaksi: Transaksi
+ ambilUang() : void
+ ProsesMengambilUang()
ProsesMengecekSaldo
+ lihatSaldo() : void
ProsesMentransferUang
+ m_Account: Account
+ m_Balance: Balance
+ m_Transaksi: Transaksi
+ ProsesMentransferUang()
+ transferUang() : void
ProsesValidasiAccount
ProsesValidasiKartu
Transaksi
SistemATM
menampilkan
melakukan
memilikimemiliki
melakukan
mewarisi
mewarisi
melakukan
mewarisi
melakukan
mewarisi
memiliki
memiliki
mengakses
melakukan
mengakses
melakukan
59

60. Data Model
60

61. User Interface Design
61

62. User Interface Design (Netbeans)
62

63. Terima Kasih
ajeng.savitri@tekokrat.ac.id
https://teknokrat.ac.id/en/