Interaction Diagrams (Sequence & Collaboration Diagram) © copyright 2001 SNU OOPSLA Lab.
08 Collaboration Diagram
description
Transcript of 08 Collaboration Diagram
![Page 1: 08 Collaboration Diagram](https://reader033.fdocuments.net/reader033/viewer/2022061512/55cf994e550346d0339cb243/html5/thumbnails/1.jpg)
BAB 8COLLABORATION DIAGRAMCatur Iswahyudi
![Page 2: 08 Collaboration Diagram](https://reader033.fdocuments.net/reader033/viewer/2022061512/55cf994e550346d0339cb243/html5/thumbnails/2.jpg)
Materi :• Use Case Realization• Collaboration Diagram• Collaboration versus Sequence Diagram• Contoh CD• Study Kasus
![Page 3: 08 Collaboration Diagram](https://reader033.fdocuments.net/reader033/viewer/2022061512/55cf994e550346d0339cb243/html5/thumbnails/3.jpg)
Use Case Realization
![Page 4: 08 Collaboration Diagram](https://reader033.fdocuments.net/reader033/viewer/2022061512/55cf994e550346d0339cb243/html5/thumbnails/4.jpg)
Jenis aksi
![Page 5: 08 Collaboration Diagram](https://reader033.fdocuments.net/reader033/viewer/2022061512/55cf994e550346d0339cb243/html5/thumbnails/5.jpg)
Collaboration Diagram• CD merupakan cara alternatif untuk menggambarkan
suatu skenario dari sistem• CD juga menggambarkan interaksi antar objek seperti
sequence diagram, tetapi lebih menekankan pada peran masing-masing objek dan bukan pada waktu penyampaian message.
• Setiap message memiliki sequence number.• Collaboration Diagram berisi :
• Obyek, yang digambarkan dalam segi empat/rectangle• Hubungan/Link antar obyek, diperlihatkan sebagai garis yang
menghubungkan dengan obyek lain.• Pesan/Message ditunjukkan sebagai teks dan panah yang
mengirim pesan ke penerima pesan
![Page 6: 08 Collaboration Diagram](https://reader033.fdocuments.net/reader033/viewer/2022061512/55cf994e550346d0339cb243/html5/thumbnails/6.jpg)
Collaboration vs Sequence Diagram
• Collaboration Diagram• Menunjukkan hubungan
disamping interaksi• Lebih baik untuk
memvisualisasikan pattern of collaboration
• Lebih baik untuk memvisualisasikan semua efek dari object yang diberikan
• Lebih mudah digunakan untuk sesi brainstorming/fase desain
• Sequence Diagram• Menunjukkan urutan
message secara eksplisit• Lebih baik dalam
memvisualisasikan keseluruhan aliran
• Lebih baik dalam memvisualisasikan spesifikasi yang real time dan skenario yang kompleks
• Cocok untuk fase analisa sistem
![Page 7: 08 Collaboration Diagram](https://reader033.fdocuments.net/reader033/viewer/2022061512/55cf994e550346d0339cb243/html5/thumbnails/7.jpg)
Komponen CD• Collaboration Diagram mendeskripsikan pola interaksi
antar object. Diagram ini menunjukkan object-object yang terlibat dalam interaksi melalui link dan message yang dikirim antar object
• Object dapat direpresentasikan:a) NamaObject:NamaClassb) NamaObjectc) :NamaClass
• Link adalah hubungan antar object yang dapat digunakan untuk mengirim message. Link digambarkan dengan garis solid antar dua object
• Message : pengertiannya sama dengan message pada sequence diagram
![Page 8: 08 Collaboration Diagram](https://reader033.fdocuments.net/reader033/viewer/2022061512/55cf994e550346d0339cb243/html5/thumbnails/8.jpg)
![Page 9: 08 Collaboration Diagram](https://reader033.fdocuments.net/reader033/viewer/2022061512/55cf994e550346d0339cb243/html5/thumbnails/9.jpg)
![Page 10: 08 Collaboration Diagram](https://reader033.fdocuments.net/reader033/viewer/2022061512/55cf994e550346d0339cb243/html5/thumbnails/10.jpg)
Contoh 1
Sequence
diagram
![Page 11: 08 Collaboration Diagram](https://reader033.fdocuments.net/reader033/viewer/2022061512/55cf994e550346d0339cb243/html5/thumbnails/11.jpg)
• Collaboration Diagram
![Page 12: 08 Collaboration Diagram](https://reader033.fdocuments.net/reader033/viewer/2022061512/55cf994e550346d0339cb243/html5/thumbnails/12.jpg)
Contoh 2
Sequence
Diagram
![Page 13: 08 Collaboration Diagram](https://reader033.fdocuments.net/reader033/viewer/2022061512/55cf994e550346d0339cb243/html5/thumbnails/13.jpg)
Collaboration
Diagram
![Page 14: 08 Collaboration Diagram](https://reader033.fdocuments.net/reader033/viewer/2022061512/55cf994e550346d0339cb243/html5/thumbnails/14.jpg)
Fun Example
![Page 15: 08 Collaboration Diagram](https://reader033.fdocuments.net/reader033/viewer/2022061512/55cf994e550346d0339cb243/html5/thumbnails/15.jpg)
• Sequence Diagram
![Page 16: 08 Collaboration Diagram](https://reader033.fdocuments.net/reader033/viewer/2022061512/55cf994e550346d0339cb243/html5/thumbnails/16.jpg)
![Page 17: 08 Collaboration Diagram](https://reader033.fdocuments.net/reader033/viewer/2022061512/55cf994e550346d0339cb243/html5/thumbnails/17.jpg)
Collaboration
Diagram
![Page 18: 08 Collaboration Diagram](https://reader033.fdocuments.net/reader033/viewer/2022061512/55cf994e550346d0339cb243/html5/thumbnails/18.jpg)
Contoh 3
![Page 19: 08 Collaboration Diagram](https://reader033.fdocuments.net/reader033/viewer/2022061512/55cf994e550346d0339cb243/html5/thumbnails/19.jpg)
Contoh 4• 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: 08 Collaboration Diagram](https://reader033.fdocuments.net/reader033/viewer/2022061512/55cf994e550346d0339cb243/html5/thumbnails/20.jpg)
• Collaboration Diagram
: Prog_studi
: Matakuliah
: Proses : tblmatkul
1: Klik Cari
2: Proses data matakuliah3:
4: Pilih matakuliah( )
5: Tampil nama matakuliah( )
6: Masukan kode awal matkul( )7: klik save( )
8: Proses( )
9:
10: Save data( )
![Page 21: 08 Collaboration Diagram](https://reader033.fdocuments.net/reader033/viewer/2022061512/55cf994e550346d0339cb243/html5/thumbnails/21.jpg)
: Prog_studi : Matakuliah : Proses : tblmatkul
Input data matkul( )
Proses( )
SAve( )
![Page 22: 08 Collaboration Diagram](https://reader033.fdocuments.net/reader033/viewer/2022061512/55cf994e550346d0339cb243/html5/thumbnails/22.jpg)
: Prog_studi
: Matakuliah
: Proses
: tblmatkul
1: Input data matkul( )
2: Proses( )
3:
4: SAve( )
![Page 23: 08 Collaboration Diagram](https://reader033.fdocuments.net/reader033/viewer/2022061512/55cf994e550346d0339cb243/html5/thumbnails/23.jpg)
Exercise : Creating Objects
Actor
Object Only
Class Only
Object and Class
![Page 24: 08 Collaboration Diagram](https://reader033.fdocuments.net/reader033/viewer/2022061512/55cf994e550346d0339cb243/html5/thumbnails/24.jpg)
Links Between Objects
![Page 25: 08 Collaboration Diagram](https://reader033.fdocuments.net/reader033/viewer/2022061512/55cf994e550346d0339cb243/html5/thumbnails/25.jpg)
Creating Messages
Sequence with number
Sequence without number
![Page 26: 08 Collaboration Diagram](https://reader033.fdocuments.net/reader033/viewer/2022061512/55cf994e550346d0339cb243/html5/thumbnails/26.jpg)
Multiple Objects dari kelas yang sama
Multiple instances
![Page 27: 08 Collaboration Diagram](https://reader033.fdocuments.net/reader033/viewer/2022061512/55cf994e550346d0339cb243/html5/thumbnails/27.jpg)
Reflexive Message
![Page 28: 08 Collaboration Diagram](https://reader033.fdocuments.net/reader033/viewer/2022061512/55cf994e550346d0339cb243/html5/thumbnails/28.jpg)
Multiple Messages per Message Arrow
![Page 29: 08 Collaboration Diagram](https://reader033.fdocuments.net/reader033/viewer/2022061512/55cf994e550346d0339cb243/html5/thumbnails/29.jpg)
Latihan 1• Di sebuah perpustakaan, petugas perpus mengambil
permintaan referensi dari pengunjung, mencari informasi referensi tersebut dari database, kemudian memberi jawaban kepada pengunjung
• Bagaimana collaboration diagram-nya ?
![Page 30: 08 Collaboration Diagram](https://reader033.fdocuments.net/reader033/viewer/2022061512/55cf994e550346d0339cb243/html5/thumbnails/30.jpg)
![Page 31: 08 Collaboration Diagram](https://reader033.fdocuments.net/reader033/viewer/2022061512/55cf994e550346d0339cb243/html5/thumbnails/31.jpg)
Latihan 2• Berikut ini adalah kegiatan penjualan DVD pada toko DVD
“Beken”• Proses penjualan dimulai saat seorang pengunjung toko/pelanggan
menanyakan tentang suatu judul film kepada petugas toko.• Oleh petugas toko, permintaan tersebut ditulis dalam bentuk bon.
Selanjutnya atas dasar bon tersebut, petugas toko akan mengecek di komputer dan memberitahukan hasilnya kepada pelanggan
• Jika judul film yang dipesan tidak ada, petugas akan bertanya kepada pelanggan apakah transaksi akan dibatalkan atau diganti dengan judul film yang lain
• Apabila transaksi dilanjutkan, maka petugas akan mengambil DVD yang dipesan pelanggan
• Terakhir, petugas melakukan perhitungan pembayaran dan memberikan nota pembayaran
• Permintaan : gambarkan sequence dan collaboration diagram
![Page 32: 08 Collaboration Diagram](https://reader033.fdocuments.net/reader033/viewer/2022061512/55cf994e550346d0339cb243/html5/thumbnails/32.jpg)
End of Chapter