28
SEQUENCE DIAGRAM Yuli Purwati, M.Kom

PERANCANGAN SISTEM BERORIENTASI OBJEK - E …elearning.amikompurwokerto.ac.id/index.php/download/materi/... · Diagram ini secara khusus berasosiasi dengan use case ... SD Sistem

Embed Size (px)

Citation preview

Page 1: PERANCANGAN SISTEM BERORIENTASI OBJEK - E …elearning.amikompurwokerto.ac.id/index.php/download/materi/... · Diagram ini secara khusus berasosiasi dengan use case ... SD Sistem

SEQUENCE DIAGRAM

Yul i Purwat i , M.Kom

Page 2: PERANCANGAN SISTEM BERORIENTASI OBJEK - E …elearning.amikompurwokerto.ac.id/index.php/download/materi/... · Diagram ini secara khusus berasosiasi dengan use case ... SD Sistem

Outline:

Pendahuluan

Tujuan

Komponen

Simbol

Istilah

Contoh SD

Page 3: PERANCANGAN SISTEM BERORIENTASI OBJEK - E …elearning.amikompurwokerto.ac.id/index.php/download/materi/... · Diagram ini secara khusus berasosiasi dengan use case ... SD Sistem

Pendahuluan

Sequence diagram menggambarkan interaksi antar objek didalam dan di sekitar sistem (termasuk pengguna,display/form) berupa message yang digambarkan terhadapwaktu.

Sequence diagram terdiri atas dimensi vertikal (waktu)dan dimensi horizontal (objek-objek yang terkait).

Sequence diagram biasa digunakan untuk menggambarkanskenario atau rangkaian langkah-langkah yang dilakukansebagai respons dari sebuah event untuk menghasilkanoutput tertentu. Diawali dari apa yang men-triggeraktivitas tersebut, proses dan perubahan apa saja yangterjadi secara internal dan output apa yang dihasilkan.

Diagram ini secara khusus berasosiasi dengan use casediagram dan memperlihatkan tahap demi tahap apa yangseharusnya terjadi untuk menghasilkan sesuatu di dalamuse case

Page 4: PERANCANGAN SISTEM BERORIENTASI OBJEK - E …elearning.amikompurwokerto.ac.id/index.php/download/materi/... · Diagram ini secara khusus berasosiasi dengan use case ... SD Sistem

Tujuan

• Digunakan untuk memperlihatkan interaksi antar obyekdalam perintah yang berurut.

• Tujuan utama adalah mendefinisikan urutan kejadianyang dapat menghasilkan output yang diinginkan

• Mirip dengan activity diagram Menggambarkan alur kejadian sebuah aktivitas

Lebih detail dalam menggambarkan aliran data, termasukdata atau behaviour yang dikirimkan atau diterima

Namun kurang mampu menjelaskan detail dari sebuahalgoritma (loop, branching)

Page 5: PERANCANGAN SISTEM BERORIENTASI OBJEK - E …elearning.amikompurwokerto.ac.id/index.php/download/materi/... · Diagram ini secara khusus berasosiasi dengan use case ... SD Sistem

Komponen

•Actor

•Interface (Boundary)

•Proses pembacaan (Control)

•Nama tabel (Entity)

Page 6: PERANCANGAN SISTEM BERORIENTASI OBJEK - E …elearning.amikompurwokerto.ac.id/index.php/download/materi/... · Diagram ini secara khusus berasosiasi dengan use case ... SD Sistem

Simbol

Page 7: PERANCANGAN SISTEM BERORIENTASI OBJEK - E …elearning.amikompurwokerto.ac.id/index.php/download/materi/... · Diagram ini secara khusus berasosiasi dengan use case ... SD Sistem

Jenis Class

1. Boundary Class:• Class yang berinteraksi dengan aktor langsung (userinterface)

• 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, penyimpanandata/file

Page 8: PERANCANGAN SISTEM BERORIENTASI OBJEK - E …elearning.amikompurwokerto.ac.id/index.php/download/materi/... · Diagram ini secara khusus berasosiasi dengan use case ... SD Sistem

Daftar IstilahParticipant

Obyek yang terkait dengan sebuah urutan proses

Lifeline

Menggambarkan daur hidup sebuah obyek

Activation

Suatu titik waktu dimana sebuah obyek mulai berpartisipasi didalam sebuah sequence

Ditandai dengan sebuah bar

Time

Elemen penting dalam sequence diagram

Konteksnya adalah urutan, bukan durasi

Return

Suatu hasil kembalian sebuah operasi

Operasi mengembalikan hasil, tetapi boleh tidak ditulis

Page 9: PERANCANGAN SISTEM BERORIENTASI OBJEK - E …elearning.amikompurwokerto.ac.id/index.php/download/materi/... · Diagram ini secara khusus berasosiasi dengan use case ... SD Sistem

Arrows

◦ Synchronous call (you’re waiting for a return value) –triangle arrow-head

◦ Asynchronous call (not waiting for a return) – openarrow-head

◦ Return call – dashed line

Synchronous message

Asynchronous message

Return message

Page 10: PERANCANGAN SISTEM BERORIENTASI OBJEK - E …elearning.amikompurwokerto.ac.id/index.php/download/materi/... · Diagram ini secara khusus berasosiasi dengan use case ... SD Sistem
Page 11: PERANCANGAN SISTEM BERORIENTASI OBJEK - E …elearning.amikompurwokerto.ac.id/index.php/download/materi/... · Diagram ini secara khusus berasosiasi dengan use case ... SD Sistem

Detil SD

Page 12: PERANCANGAN SISTEM BERORIENTASI OBJEK - E …elearning.amikompurwokerto.ac.id/index.php/download/materi/... · Diagram ini secara khusus berasosiasi dengan use case ... SD Sistem

SD Sistem ATM: Memasukkan Kartu sd Interaction

Pengguna

KotakKartu ProsesValidasiKartu MenuLogin

masukkanKartu()

validasiKartu()

isKartuValid()

tampilkanMenuLogin()

Page 13: PERANCANGAN SISTEM BERORIENTASI OBJEK - E …elearning.amikompurwokerto.ac.id/index.php/download/materi/... · Diagram ini secara khusus berasosiasi dengan use case ... SD Sistem

SD Sistem ATM: Memasukkan PIN sd Interaction

Pengguna

MenuLogin ProsesValidasiAccount Account MenuUtama

masukkanPIN()

validasiAccount(id, pin)

getID()

getPIN()

isAccountValid()

tampilkanMenuUtama()

Page 14: PERANCANGAN SISTEM BERORIENTASI OBJEK - E …elearning.amikompurwokerto.ac.id/index.php/download/materi/... · Diagram ini secara khusus berasosiasi dengan use case ... SD Sistem

SD Sistem ATM: Melihat Saldo sd Interaction

Pengguna

MenuUtama ProsesMelihatSaldo Account MenuMelihatSaldo

pilihMelihatSaldo()

l ihatSaldo(id)

getID()

getSaldo()

tampilkanSaldo(id)

Page 15: PERANCANGAN SISTEM BERORIENTASI OBJEK - E …elearning.amikompurwokerto.ac.id/index.php/download/materi/... · Diagram ini secara khusus berasosiasi dengan use case ... SD Sistem

SD Sistem ATM: Mengambil Uang sd Interaction

Pengguna

MenuUtama MenuMengambilUang ProsesMengambilUang Account KotakUang

pilihMengambilUang()

tampilkanMenuMengambilUang()

masukkanJumlahUang()

ambilUang(id, jumlah)

getID()

getSaldo()

isSaldoCukup()

setSaldo(jumlah)

getSaldo()

tampilkanHasil()

keluarkanUang(jumlah)

Page 16: PERANCANGAN SISTEM BERORIENTASI OBJEK - E …elearning.amikompurwokerto.ac.id/index.php/download/materi/... · Diagram ini secara khusus berasosiasi dengan use case ... SD Sistem

SD Sistem ATM: Mengirim Uang sd Interaction

Pengguna

MenuUtama MenuMengirimUang ProsesMengirimUang Account

pilihMengirimUang()

tampilkanMenuMengirimUang()

masukkanJumlahUang()

masukkanNoAccountPenerima()

kirimUang(jumlah, id)

getID()

getSaldo()

isSaldoCukup()

getIDTujuan()

setSaldoTujuan(jumlah)

tampilkanHasilKirimUang()

Page 17: PERANCANGAN SISTEM BERORIENTASI OBJEK - E …elearning.amikompurwokerto.ac.id/index.php/download/materi/... · Diagram ini secara khusus berasosiasi dengan use case ... SD Sistem

Contoh 1

lifeline

execution

Page 18: PERANCANGAN SISTEM BERORIENTASI OBJEK - E …elearning.amikompurwokerto.ac.id/index.php/download/materi/... · Diagram ini secara khusus berasosiasi dengan use case ... SD Sistem

Contoh 2

Form

Page 19: PERANCANGAN SISTEM BERORIENTASI OBJEK - E …elearning.amikompurwokerto.ac.id/index.php/download/materi/... · Diagram ini secara khusus berasosiasi dengan use case ... SD Sistem

Sequence Diagram

: Mahasiswa

: Matakuliah : Proses : tblmatkul

Klik Cari

Proses data matakuliah

Pilih matakuliah( )

Tampil nama matakuliah( )

Masukan kode awal matkul( )

klik save( )

Proses( )

Save data( )

Page 20: PERANCANGAN SISTEM BERORIENTASI OBJEK - E …elearning.amikompurwokerto.ac.id/index.php/download/materi/... · Diagram ini secara khusus berasosiasi dengan use case ... SD Sistem

: Prog_studi : Matakuliah : Proses : tblmatkul

Input data matkul( )

Proses( )

SAve( )

Page 21: PERANCANGAN SISTEM BERORIENTASI OBJEK - E …elearning.amikompurwokerto.ac.id/index.php/download/materi/... · Diagram ini secara khusus berasosiasi dengan use case ... SD Sistem

Perpustakaan

Page 22: PERANCANGAN SISTEM BERORIENTASI OBJEK - E …elearning.amikompurwokerto.ac.id/index.php/download/materi/... · Diagram ini secara khusus berasosiasi dengan use case ... SD Sistem

Gambar di atas menggambarkan Aplikasi mempunyai satuActor/user yaitu Pustakawan dan 7 use case. Hal inimenjelaskan bahwa dalam aplikasi, pustakawan bisaMenambah Anggota, Mencetak Kartu Anggota, Menambah Buku,Mencetak Stiker Kode Buku, Melihat Katalog, MeminjamBuku, dan Mengembalikan Buku.

Mungkin ada kebingungan, mengapa yang meminjam danmengembalikan buku adalah Pustakawan, bukan anggotaperpustakaan.

Kalau kita lihat Business Process atau ActivityDiagram , terlihat bahwa yang berinteraksi langsungdengan aplikasi adalah Pustakawan, bukan anggota. Anggotameminjam dan mengembalikan buku kepada Pustakawan,selanjutnya Pustakawan lah yang menginput ke aplikasi.

Page 23: PERANCANGAN SISTEM BERORIENTASI OBJEK - E …elearning.amikompurwokerto.ac.id/index.php/download/materi/... · Diagram ini secara khusus berasosiasi dengan use case ... SD Sistem

Activity

Diagram

Page 24: PERANCANGAN SISTEM BERORIENTASI OBJEK - E …elearning.amikompurwokerto.ac.id/index.php/download/materi/... · Diagram ini secara khusus berasosiasi dengan use case ... SD Sistem

Diagram di atas menggambarkan 3 Activity utama didalam perpustakaan,yaitu: Menambah anggota/member perpustakaan.

Anggota meminjam buku.

Anggota mengembalikan buku.

Walaupun mungkin masih banyak activity-activitylain yang terkait dengan perpustakaan tetapi bukanmerupakan business process yang utama dariperpustakaan.

Page 25: PERANCANGAN SISTEM BERORIENTASI OBJEK - E …elearning.amikompurwokerto.ac.id/index.php/download/materi/... · Diagram ini secara khusus berasosiasi dengan use case ... SD Sistem

Sequence Diagram

Sequence Diagram menggambarkan urutan interaksi antarobjek ketika satu Use Case dieksekusi/dilakukan, sehinggaSequence Diagram (sebaiknya) sebanyak Use Case nya.

Dalam membuat Sequence Diagram ini memakai metodeprogramming MVC (Model-View-Controller) atau dalamistilah lain Model=Entity, View=Boundary, danController=Control.

View/Boundary adalah class yang berinteraksi langsungdengan Actor. Controller/Control adalah class interaksiperantara antara View/Boundary dan Mode/Entity. sedangModel/Entity adalah class yang menyimpan data.

Page 26: PERANCANGAN SISTEM BERORIENTASI OBJEK - E …elearning.amikompurwokerto.ac.id/index.php/download/materi/... · Diagram ini secara khusus berasosiasi dengan use case ... SD Sistem

Menambah Anggota

Ada dua class Boundary yaitu MenuUtama dan FormPendaftaranAnggota, satu class Control yaitu ProsesPendaftaranAnggota, dansatu class Entity yaitu Member.

Page 27: PERANCANGAN SISTEM BERORIENTASI OBJEK - E …elearning.amikompurwokerto.ac.id/index.php/download/materi/... · Diagram ini secara khusus berasosiasi dengan use case ... SD Sistem

Mencetak Kartu Anggota

Page 28: PERANCANGAN SISTEM BERORIENTASI OBJEK - E …elearning.amikompurwokerto.ac.id/index.php/download/materi/... · Diagram ini secara khusus berasosiasi dengan use case ... SD Sistem

Referensi

Booch G.,The Unified Modeling Language User Guide, ch 19