sequence diagram, class diagram · pdf filesequence diagram •mendefinisikan interaksi...

Sequence Diagram,

Class Diagram

Mata Kuliah Testing & Implementasi Sistem

Program Studi Sistem Informasi 2013/2014

STMIK Dumai

-- Materi 07 --

This presentation is revised by Hazlinda A., STMIK, 2013

Acknowledgement

Main Material:

• *Yud, 2012+ Yudhoatmojo, Satrio Baskoro. “Software & Software

Engineering” IKI30202 - Rekayasa Perangkat Lunak Term 1 - 2011/2012.

Faculty of Computer Science University of Indonesia. 2012. Print

Supplements:

• [BCSPW] Blog Catatan Sebuah Perjalanan Wordpress – Unified Modeling

Language (UML)

• *MHGB+ “Sequence Diagram” - mahergabayu.blogspot.com

• *DRCW+ “Tips Membuat Sequence Diagram” – derienct.wordpress.com

• *BKPPB+ “Sequence Diagram” – Bahan Kuliah PPT PDF

• [PCCW] pccontror.wordpress.com

Sequence Diagram

• Mendefinisikan interaksi yang ada di dalamsistem

– Mengilustrasikan objek yang berpartisipasi didalam use case

• Menggambarkan interaksi mana yang dilakukan saat suatu use case dijalankan

Sequence Diagram

• Sequence diagram menggambarkan interaksi antar objek di dalam dan di sekitar sistem (termasuk pengguna, display, dan sebagainya) berupa message yang digambarkan terhadap waktu.

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

• Masing-masing objek, termasuk aktor, memiliki lifeline vertikal.

• Message digambarkan sebagai garis berpanah dari satu objek ke objek lainnya.

• Activation bar menunjukkan lamanya eksekusi sebuah proses, biasanya diawali dengan diterimanya sebuah message.

Source: [BCSPW]

Sequence Diagram

• Sequence diagram adalah visual coding ( perancangan form/layar)

• Interaksi object yang tersusun dalam suatu urutan waktu/kejadian

• Diagram ini secara khusus berasosiasi dengan use case diagram– Memperlihatkan tahap demi tahap apa yang seharusnya terjadi

untuk menghasilkan sesuatu didalam use case

• Sequence diagram memodelkan aliran logika dalam sebuah system dalam cara yang visual

• Sequence diagram biasanya dipakai untuk mendeskripsikansebuah/beberapa use case pada use case diagram, yang menggambarkan hubungan antara actor dan use case

Source: [MHGB]

Komponen Sequence Diagram

Partisipan

Lifeline Peristiwa eksekusi/

Execution occurrence

Pesan/message

Partisipan

• Partisipan berinteraksi satu sama lain sepanjang alursequence diagram.

• Partisipan dapat berupa aktor, objek dari class, tabel dari database, atau apapun yang menjadibagian dari jalannya sistem.

• Partisipan yang akan mengirim/menerima alurpesan (message).

Partisipan

Lifeline

• Sebuah lifeline menunjukkan kapan aktifnyasuatu objek partisipan sepanjang sequence.

Lifeline

Peristiwa Eksekusi

• Peristiwa eksekusi berbentukpersegi panjang yang diletakkandi garis lifeline untukmenandakan kapan suatu objekmengirim atau menerima pesan.

Peristiwa eksekusi/

Execution occurrence

Pesan (message)

• Pesan menyampaikan informasi dari suatu objek keobjek lainnya.

• Pesan yang dikirim (send) digambarkan dengan garispanah yang solid

• Sedangkan pesan yang diterima(receive/return)digambarkan dengan garis putus-putus.

Pesan/message

Tipe Pesan (message)

Object Message

Menggambarkan pesan kirim antar objek.

Message to Self

Mengambarkan pesan ke objek itu sendiri.

Tipe Pesan (message) – lanj’

Return Message

Menggambarkan pesan kembali antar objek.

Tips membuat sequence diagram

Buat Flow of event terlebih dahulu ada di UC spesifikasiDari flow of event, cari kata benda yang nantinya

akan menjadi kandidat objek partisipanAktor terletak di paling kiri sequence diagramControl object, biasanya diletakkan setelah aktorSatu use case satu sequence diagramSatu object bisa digunakan pada lebih dari satu

sequence diagram

Source: [DRCW]

Belajar membuat sequence

diagram• Misalnya ada seorang pelanggan ingin makan nasi

goreng. Maka pelanggan akan menemui waiter.

• Waiter mencatat pesanan pelanggan. Karena waiter tidak bisa memasak nasi goreng, maka dia meminta bantuan pada TukangNasiGoreng.

• Jika bahan nasi goreng habis, maka TukangNasiGoreng akan meminta TukangBahanBaku, untuk menyediakan bahan baku.

• Jika bahan baku habis,maka TukangBahanBaku akan meminta supplier mengirimkan bahan baku.

Source: [BKPPB]

Belajar membuat sequence

diagram• Terlihat bahwa suatu pernyataan yang membutuhkan

kelas sangat dipentingkan disini. Yang bisa membuat nasi goreng adalah tukang nasi goreng, maka waiter mengirimkan pesan buatNasiGoreng yang arahnya menuju kelas TukangNasiGoreng.

• Begitu juga jika bahannya berasal dari kelas lain, makakelas TukangNasiGoreng mengirimkan pesan ke kelas yang tepat, yaitu kelas TukangBahanBaku.

• Jika TukangBahanBaku perlu bahan baku, maka ia akan meminta kelas yang punya metode kirimkan bahan baku untuk bekerja.

Source: [BKPPB]

Belajar membuat sequence

diagram

• Contoh diatas berasumsi bahwa TukangNasiGoreng, TukangBahanBaku dan Supplier adalah sesuatu yang akan dikoding. Walaupun dalam kenyataanya mereka sebenarnya tidak bisa dikoding, contoh ini hanya untuk memudahkan pemahaman konsep saja.

Jika dibuatkan Sequence Diagram-nya, maka akan jadi seperi ini ..

Source: [BKPPB]

Belajar membuat sequence

diagram

Source: [BKPPB]

buatNasiGoreng()

siapkanBahanNasiGoreng()

kirimBahanBaku()

TukangNasiGoreng TukangBahanBaku Supplier

Pelanggan Waiter

Mulai membuat Sequence

Diagram

Kasus: Edit Profile

Aktor Sistem

1. Memilih menu edit

2. Menampilkan field untuk mengganti profile

3. Mengganti profile yang diinginkan

4. Mengganti profile dan menyimpan ke dalam database

Berikut adalah contoh basic flow dari use case: Edit Profile

Sequence Diagram

Cara lain menggambar

PartisipanBoundary

Mengambarkan interaksi antara satu atau lebih actor dengan

sistem, memodelkan bagian darisistem yang bergantung pada

pihak lain disekitarnya dan merupakan pembatas sistem dengan

dunia luar.

Control

Menggambarkan “perilaku mengatur”, mengkoordinasikan

perilaku sistem dan dinamika dari suatu sistem, menangani

tugas utama dan mengontrol alur kerja suatu sistem

Entity

Menggambarkan informasi yang harus disimpan oleh

sistem (struktur data dari sebuah sistem)

Source: [MHGB]

Contoh

Source: [MHGB]

Class Diagram

Class Diagram

• Class adalah sebuah spesifikasi yang jika diinstansiasi akan menghasilkan sebuah objek dan merupakan inti dari pengembangan dan desain berorientasi objek.

• Class menggambarkan keadaan (atribut/properti) suatu sistem, sekaligus menawarkan layanan untuk memanipulasi keadaan tersebut (metode/fungsi).

• Class memiliki tiga area pokok :– 1. Nama (dan stereotype)– 2. Atribut– 3. Metode

Class Diagram

• Atribut dan metode dapat memiliki salah satu sifat berikut :

– Private, tidak dapat dipanggil dari luar class yang bersangkutan

– Protected, hanya dapat dipanggil oleh class yang bersangkutan dan anak-anak yang mewarisinya

– Public, dapat dipanggil oleh siapa saja

Nama Class

Atribut

Metode/operasi

Class Diagram

• Berfungsi untuk menggambarkan Objek/Class Pada Sistem

Contoh :

– Object Class Program

– Tabel Data Pada Database

Objek - Class Diagram

Secara umum ada 4 objek Class Diagram:

• Atribut

• Operation/Function/Method

• Relationship

• Note/Keterangan (Optional)

Objek - Class Diagram

MAHASISWA

+ NIM:String

+ NAMA:String

+ ALAMAT:String

+ TGLLAHIR:Date

tambahMhs()

updateMhs()

hapusMhs()

Nama Class

Attribut Class

Behaviour Class

NIM : 2 digit pertama adalah tahun,

digit 3 dan 4 adalah angkatan, digit 5

adalah jenjang

Keterangan

(tambahan / option)

Icon – Class Diagram

MAHASISWA

+ NIM:String

+ NAMA:String

+ ALAMAT:String

+ TGLLAHIR:Date

Nama Class

Attribut Class

Relasi – Class Diagram

MAHASISWA

+ NIM:String

+ NAMA:String

+ ALAMAT:String

+ TGLLAHIR:Date

tambahMhs()

updateMhs()

hapusMhs()

selectWLY(kdPos)

WILAYAH

+kdPos:String

+nmWilayah:String

tambahWLY()

updateWLY()

hapusWLY()

1..* 1

INDIKATOR

Indikator Relasi (Multiplicity)

Indikator/Gambar Arti Keterangan/Contoh

0..1 Nol atau satu

0..* Nol atau lebih

0..n Nol sampai n 0..3

1 Satu dan hanya satu

1..* Satu atau lebih

1..n Satu sampai n 1..5

* nol atau lebih

N Hanya n, dimana n lebih dari satu 9

n..* n atau lebih 7..*

n..m n sampai m 3..10

Indikator Relasi

Agregasi (Aggregation)

Kunci Gabungan(Composite Key)

Turunan (Inheritance) Specialisasi/Generalisasi

Ralasi (Relation)

Dependencies

Realizations

Indikator Relasi

1. Asosiasi, menggambarkan class yang memiliki atribut berupa class lain, atau class yang harus mengetahui eksistensi class lain.

2. Agregasi, yaitu hubungan yang menyatakan bagian (“terdiri atas..”).

3. Pewarisan, yaitu hubungan hirarkis antar class. Class dapat diturunkan dari class lain dan mewarisi semua atribut dan metode class asalnya dan menambahkan fungsionalitas baru, sehingga ia disebut anak dari class yang diwarisinya. Kebalikan dari pewarisan adalah generalisasi.

Indikator Variabel

+ Public

# Protected

- Private

$ Static

/ Drived Atribut tidak standar

* Abstrak Fungsi tidak standar

Mulai Membuat Class Diagram

Contoh – Class Diagram

“Setiap nomor rekening harus memiliki 1 dan hanya 1 kartu ATM”

REKENING

NoRek

Nama

TglLahir

Alamat

kartuATM

NoATM

TglBuat

TglAktif

Password

1 1

Contoh – Class Diagram

“Setiap nomor rekening dapat memiliki 1 ATM”

REKENING

NoRek

Nama

TglLahir

Alamat

kartuATM

NoATM

TglBuat

TglAktif

Password

1 0.. 1

Contoh – Class Diagram

“Satu dosen tinggal di satu wilayah, namun satu wilayah bisa saja dihuni oleh banyak dosen”

DOSEN

NIM

NAMA

ALAMAT

TGLLAHIR

WILAYAH

KDPOS

NMWILAYAH

1..* 1

Contoh – Class Diagram

“Satu dosen tidak harus terdata di wilayah, sedangkan wilayah tersebut bisa saja mempunyai banyak dosen”

DOSEN

NIM

NAMA

ALAMAT

TGLLAHIR

WILAYAH

KDPOS

NMWILAYAH

0..* 1

Contoh – Class Diagram

• Many To Many Association

1 (satu) dosen dapat mengajar banyak mata kuliah dan 1 (satu) mata kuliah dapat diajarkan oleh banyak dosen.

DOSEN

KDDOSEN

NAMA

ALAMAT

TGLLAHIR

MATAKULIAH

KDMATKUL

NMMATKUL

1..* 1..*

JADWAL

JAMMULAI

JAMAKHIR

Class Asosiasi

Contoh – Class Diagram

DOSEN

KDDOSEN

NAMA

ALAMAT

TGLLAHIR

MATAKULIAH

KDMATKUL

NMMATKUL

JADWAL

JAMMULAI

JAMAKHIR

1..* 1..*

1

1

Alternatif dari class asosiasi…

Generalisasi – Class Diagram

• Dua atau lebih class dapat melakukan berbagi atribut danmethod

• Dosen, karyawan harian, dan karyawan tetap merupakanpegawai

PEGAWAI

NIK

NAMA

ALAMAT

TGLLAHIR

DOSEN

KDDOSEN

MULAINGAJAR

HONORPERJAM

KARY_HARIAN

UPAHHARIAN

JMLHARIKERJA

KARY_TETAP

GAJIBULANAN

Agregasi dan Composite – Class Diagram

Contoh Agregasi

Contoh Composite

Agregasi dan Composite – Class Diagram

• Agregasi merupakan gabungan tetapi tidak mutlak

PELANGGAN

NOPLG

NAMA

TGLDAFTAR

PEL_PLN

NOPLGPLN

NAMAPLGPLN

TGLDAFTARPLN

PEL_TELKOM

NOPLGTELKOM

NAMAPLGTELKOM

TGLDFTRTELKOM

Class Diagram Agregasi

TAGIHAN

NOTAGIHAN

TGLTAGIHAN

PEMBAYARAN

NOEMBAYARAN

TGLTAGIHAN

Class Diagram Komposit

Agregasi dan Composite – Class Diagram

• Komposit merupakan hasil gabungan yang tak terpisahkan dari class lainnya

Contoh Class Diagram (Complete)

Kesimpulan

Diagram UMLNama Diagram Digunakan untuk Digunakan pada tahapan

Diagram ClassMenggambarkan hubungan antara model class dalam system.

Analysis, Design

Diagram ObjectMenggambarkan hubungan antara model object di dalam system.

Analysis, Design

Diagram Aktivitas

Menggambarkan hubungan aliran kerja business terlepas dari classes, aliran aktivitas dalam sebuah use case, atau detail design dari method.

Analysis, Design

Diagram Use CaseMendapatkan persyaratan/kebutuhan system dan menggambarkan hubungan antara system dengan aktor.

Analysis

Diagram sequenceMemodelkan prilaku objek dalam sebuah use case. Focus pada urutan berdasarkan waktu dari sebuah aktivitas.

Analysis, Design

Hirarki Diagram UML