Seri Tutorial Rational Rose: Collaboration Diagram

Collaboration diagram digunakan untuk menunjukkan aliran melalui skenario khusus dari sebuah use case.  Fokus yang dikerjakan adalah relasi antar obyek.

Membuat Collaboration Diagram
Gambar dibawah  menggambarkan bagaimana untuk membuat sebuah Collaboration Diagram baru. Berikut urutan yang digunakan untuk membuat Collaboration Diagram baru:
1. Click kanan pada use case dalam browser
2. Dari menu shortcut, pilih New  Collaboration Diagram
3. Ketikkan  nama Collaboration Diagram yang baru
4. Click dobel  Collaboration Diagram baru dalam browser untuk membukanya.

Menghapus Collaboration Diagram
Ketika membuat model, mungkin akan ditemui beberapa collaboration diagram yang dibuat tidak akurat atau dapat digunakan. Untuk memmbersihkan model dapat dihapus beberapa collaboration Diagram dengan menggunakan browser. Berikut langkah untuk menghapus collaboration diagram:
1. Click kanan collaboration diagram dalam browser
2. Pilih Delete dari menu shortcut.

 Gambar Membuat collaboration diagram.

Menambahkan bebrapa file dan URL ke Collaboration Diagram
Dalam Rational Rose, dapat dilakukan penmabahan sebuah file atau URL ke bagian dari collaboration Diagram. Sebagai contoh, ada sebuah dokumen yang menerangkan skenario tentang interkasi  model-model diagram. Dengan menambahkan file yang berisi beberapa code yang mengimplementasikan logika dalam diagram. Atau mungkin menambahkan sebuah file kebutuhan yang berisi tentang beberapa kebutuhan tentang ciri-ciri dari diagram. Berikut langkah untuk mengaitkan file ke collaboration diagram:
1. Click kanan collaboration diagram dalam browser
2. Pilih New file
3. Gunakan dialog box Open  pilih file yang ingin dikaitkan.
4. Pilih Open untuk mengaitkan file.

Mengkaitkan URL ke collaboration diagram:
1. Click kanan collaboration diagram dalam browser
2. Pilih New  URL
3. Ketik nama URL yang ingin dikaitkan

Membuka file yang dikaitkan:
Click dobel file dalam browser. Rational Rose akan membuka aplikasi yang diperlukan dan memanggil file.
Atau
1. Click kanan pada file dalam browser  open.

Membuka URL yang terkait:
1. Click dobel pada nama URL di browser. Rational Rose akan otomatis membuka web browser dan membuka alamat URL.
Atau
1. Click kanan pada URL dalam browser Open
Rational Rose akan otomatis membuka web browser dan membuka alamat URL.

Menghapus URL yang terkait:
1. Click kanan file atau URL dalam browser
2. Pilih Delete dari menu.

Menambah Actor ke Collaboration Diagram
Obyek Actor merupakan stimulus luar yang menyatakan sistem menjalankan beberapa fungsi. Obyek Actor untuk Collaboration Diagram akan termasuk actor-actor yang berhubungan dengan use case pada Use Case diagram. Untuk membuat actor obyek pada collaboration diagram:
1. Buka collaboration diagram
2. Pilih actor dalam browser
3. Drag actor dari brower untuk membuak diagram

Menghapus Actor Obyek dari Collaboration diagram:
1. Pilih Actor pada collaboration diagram
2. Pilih Edit  Hapus dari Model atau tekan Ctrl+D

Perlu diingat, menghapus sebuah obyek dari hubungan antar diagram tidak menghapus hubungan class dari model.

Menambah obyek ke Collaboration Diagram
Jika obyek Actor telah ditambahkan ke diagram, maka tahap berikutnya adalah menambakan ke obyek lainnya. Untuk menambahkan obyek ke collaboration diagram:
1. Pilih icon obyek   pada toolbar.
2. Click dilokasi mana dalam diagram untuk meletakkan obyek. Dalam collaboration diagram, obyek dapat diletakkan dimana saja.
3. Tuliskan nama dari obyek tersebut.

Menghapus obyek dari collaboration diagram
Ketika menghapus obyek dari collaboration diagram, Rational Rose akan secara otomatis menghapus beberapa pesan (message) yang memulai atau mengakhiri dari obyek tersebut. Disamping itu, juga akan secara otomatis dilakukan penomoran ulang semua message yang tersisa. Ketika sebuah obyek dihapus dari collaboration diagram, rational rose akan menghapusnya dari sequence diagram. Langkah untuk menghapus sebagai berikut:
1. Pilih ibyek daladm sequence atau collaboration diagram.
2. Pilih  Edit  Delete dari Model atau  press Ctrl+D.

Sama dengan penghapusan Actor dari diagram, bahwa penghapusan obyek dari diagram tidak menghapus hubungan class dari model.

Menampilkan icon stereotype dalam Collaboration Diagram
Menampakkan icon stereotype dari sebuah obyek dalam collaboration diagram:
1. Tentukan stereotype dari class yang akan diatur.
2. Cick kanan pada Class dalam Class diagram yang akan dikerjakan.
3. Pilih Options Stereotype Display Icon. Secara otomatis akan diubah tampilan dari class untuk icon hubungan  dari stereotype yang dipilih. Pilih Obyek yang diinginkan dan click kanan dalam collaboration diagram
4. Dari menu shortcut, pilih Open Specification. Hasilnya dapat dilihat pada gambar dibawah:

Gambar Window Open Specification  untuk object.

5. Tentukan class dimana obyek pilih dalam window Open Specification dan click OK. Jika class yang dipilih telah diset untuk menampilkan icon stereotype, maka tampilan di collaboration diagram akan berubah seperti gambar dibawah:

Gambar Menampilkan icon stereotype dalam collaboration diagram.

Menambah Message ke Collaboration Diagram
Sebelum menambahkan message ke collaboration diagram, harus dipastikan terlebih dahulu bagian persambungan dari komunikasi antar dua obyek. Persambungan disebut Link, dan dibuat menggunakan Object Link pada toolbar. Jika link telah ditambahkan, maka message dapat dtambahkan diantara dua obyek tadi. Berikut urutan menambahkan message:
1. Pilih icon Object Link   pada toolbar.
2. Drag dari satu obyek ke obyek lain untuk membuat Link.
3. Pilih icon Link Message   atau Reverse Link Message  pada toolbar.
4. Click Link antara dua object.  Hasilnya akan ditampilkan arah message, seperti pada gambar dibawah.
5. Dengan pesan yang dipilih, ketikkan tipe teks dari message.

Gambar Penambahan  message kecollaboration diagram.

Menambahkan reflexive message ke collaboration diagram:
1. Pilih icon Link to Self   pada toolbar
2. Click obyek pengirim dan penerima pesan. Hasilnya akan digambarkan reflexive link pada obyek berupa garis setengah lingkar.
3. Pilih icon Link Message
4. Click Link Message pada obyek, maka akan ditambahkan arah message. Lihat gambar dibawah.
5. Dengan pesan baru yang masihg terpilih, maka tuliskan teks pesan.

Gambar Menambahkan reflexive message ke collaboration diagram.

Jika menambahkan lebih dari satu reflexive message dari obyek dalam  collaboration diagram, maka lewati saja langkah 1 dan 2 untuk setiap penambahan pesan.

Menghapus pesan (message) dari Collaboration Diagram
1. Pilih message yang akan dihapus.
2. Pilih Edit Delete From Model. Atau tekan  Ctrl+D.
Jika menghapus message dari collaboration diagram, maka secara otomatis akan dilakukan penomoran ulang dari pesan yang tersisa.

Penomoran pesan (message) dalam collaboration Diagram
Penomoran pesan (message) bagi collaboration diagram sangat penting untuk dilakukan, hal ini terjadi setelah tidak dilakukannya pembacaan dari atas ke bawah. Sehingga jika penomoran pesan dihapus, maka collaboration diagram kehilangan urutan informasi.

Pengaktifan dan penonaktifan penomoran pesan sesungguhnya tidak direkomendasikan secara tertulis dalam rational rose, namun dapat dilakukan dengan urutan sebagai berikut:
1. Pilih tools Options.
2. Pilih Diagram
3. Lakukan menset dalam Collaboration Numbering pada check box untuk on atau off.

Menambahkan aliran data (Data Flow) pada Collaboration Diagram
Aliran data (Data flow)digunakan untuk menunjukkan informasi yang di pakai ketika sebuah obyek mengirim pesan ke obyek yang lain. Seperti aturan pada umumnya, tidak perlu memakan waktu banyak untuk kebingungan tentang aliran data saat ini sebelum memetakan setiap pesan ke sebuah operasi dari Class. Tambahkan aliran data ke diagram jika dipertimbangkan sangat signifikan dapat menolong bagi perancang. Jika tidak membantu maka tinggalkan saja. Langkah menambahkan aliran dataa dalam collaboration diagram sebagi berikut:
1. Pilih icon Data Flow    atau icon Reverse Data Flow  .
2. Click pada message yang akan ditambah data. Hasilnya secara otomatis akan ditambah panah data flow  ke  diagram, lihat gambar dibawah.
3. Dengan data flow baru yang masih dipilih, ketikkan data yang akan dimasukkan.

Gambar Penambahan data flow ke collaboration diagram.

Seri Tutorial Rational Rose: Sequence Diagram

Bagian 1
Sequence diagram merupakan diagram Interaksi yang dinyatakan dengan waktu, atau dapat dikatakan dengan diagram dari atas (top) ke bawah (bottom). Setiap Sequence diagram menyatakan salah satu dari beberapa aliran yang melalui sebuah use case.

Membuat window sequence diagram

1. Click kanan pada use case dalam model browserNewSequence diagram.
2. Selanjutnya beri nama untuk sequence diagram tersebut.
3. Click ganda pada sequence diagram untuk memulai pembuatan sequence diagram.

Menambahkan aktor dan obyek

Selanjutnya adalah membuat sequence diagramnya, sequence diagram berisi actors dan objects:

1. Click pada Actor yang akan dibuatkan sequence diagramnya
2. Click pada tempat paling kiri dari window sequence diagram
3. Click icon object   dari toolbar
4. Click di window sequence diagram  beri nama
5. Lakukan penambahan obyek sesuai yang diinginkan

Penambahan Messages ke Sequence Diagram

Penambahan  pesan (message) ke sequence diagram:

1. Pilih icon  Object Message dari toolbar.
2. Drag dengan mouse dari object atau actor yang mengirim pesan ke object atau actor yang menerima pesan.
3. Ketik teks pesan (message).

Bagian 2

Membuat Sequence Diagram dari  Collaboration Diagram

Dengan Rational Rose, hal ini sangat mudah untuk membuat sequence diagram dari collaboration diagram, atau sebaliknya. Sekali sudah memiliki keduanya yaitu sebuah sequence dan sebuah collaboration diagram untuk sebuah rancangan, maka hal ini akan mudah untuk melakukan pertukaran antara keduanya.

Langkah membuat sequence diagram dari collaboration diagram:

1. Buka collaboration diagram.

2. Pilih Browse  Create Sequence diagram, atau tekan F5.

3. Hasilnya akan dibuatkan sequence diagram  nama yang sama seperti membuka collaboration diagram.

Perpindahan antara sequence dan collaboration diagram:

1. Buka sequence atau collaboration diagram.

2. Pilih Browse  pilih (Sequence atau Collaboration) Diagram, atau tekan F5.

3. Hasilnya akan kelihatan seperti sequence atau collaboration diagram dengan nama yang sama seperti yang sedang diagram yang dibuka.

 Gambar: Penambahan message ke sequence diagram.

Menambah reflexive message ke sequence diagram

1. pilih icon Self dari toolbar.

2. Click pada garis object yang mengikirm dan yang menerima pesan (message), lihat gambar dibawah.

3. Dengan pesan (message) baru yang masih terpilih, ketik teks pesan (message).

 Gambar. Penambahan reflexive message ke sequence diagram.

Memperbaiki Messages dalam Sequence Diagram

1. Pilih message untuk digeser.

2. Drag pesan (message) aarah naik atau turun dalam diagram. Hasilnya akan dilakukan penomoran ulang secara otomatis.

Pemetaan Pesan (Message) ke sebuah Operasi (Operation)

Sebelum membentuk code, setiap pesan (message) dalam sequence dan colaboration diagram harus dipertakan ke operasi dari kelas:

Memetakan pesan ke sebuah operasi yang sudah ada:

1. Yakinkan bahwa obyek yang menerima telah dipetakan ke sebauh class.

2. Click kanan pesan (message) dalam sequence atau collaboration diagram.

3. Sebuah daftar dari penyumbang operasi akan diperlihatkan.

4. Pilih operasi dari daftar. Lihat gambar dibawah.

Menghapus sebuah pesan dari operasi pemetaan:

1. Click dobel dari pesan dalam sequence atau collaboration diagram.

2. Dalam field Name, hapus nama operasi dan masukkan nams pesan baru.

Membuat  operasi baru dari pesan:

1. Yakinkan bahwa obyek yang menerima telah dipetakan ke sebuah Class.

2. Click kanan pesan (message) dalam sequence atau collaboration diagram.

3. Pilih <new operation>

4. Masukkan nama operasi baru dan detailnya

5. Click OK untuk menutup operasi windows specification dan tambahkan operasi baru.

6. Click kanan pada message

7. Pilih operasi baru dari daftar yang tampak.

Mencek setiap pesan telah dipetakan ke sebauh operasi:

1. Pilih Report Show Unresolved Messages

Hasilnya akan ditampilkan sebauh daftar dari semua pesan yang belum dipetakan ke operasi.

 Gambar. Pemetaan pesan ke operasi yang sudah ada..

Seri Tutorial Rational Rose: Use Case Diagram

Bagaimana membuat Use Case Diagram pada Rational Rose

Komponen utama dari sebuah Model  Use-case

Jadi, pada Rational Rose, terdapat 3 komponen utama dari Use Case, yakni: Actor, Use Case dan Relationship

Langkah-langkah:
1. Pertama-tama perhatian arahkan ke Browser

Gambar. Browser Use Case

2. Menyiapkan use case diagram window:
- Klick kanan Use case view  new  uses case diagram memberi nama dobel klick

Gambar. Memilih menu untuk window Use case diagram

3. Membuat Actor:
● Klick kanan Use case view  new  Actor  memberi nama
● Mengisi dokumentasi aktor: Pindahkan kursor di  Window Document. Ketikkan keterangan secukupnya, misalnya: “mahasiswa yang terdaftar dalam semester”.
● Menempatkan aktor ke dalam use case diagram: Drag dan Drop Icon Aktor ke dalam use case window.
● Lakukan beberapa kali sesuai jumlah Actor yang diinginkan

Gambar. Memilih menu memunculkan Actor

Gambar. Menuliskan nama aktor dan use case

4. Membuat Use case:
● Klick kanan Use case view  new  Use case  memberi nama
● Mengisi dokumentasi use case: Pindahkan kursor di  Window Document. Ketikkan keterangan secukupnya, misalnya: “Use ini dimulai dari Mahasiswa. Digunakan untuk membuat dan atau melihat  jadwal mahasiswa yang terdaftar dalam semester”.
● Menempatkan Use case ke dalam use case diagram: Drag dan Drop Icon use case ke dalam use case window.

Gambar. Daftar actor, use case, dan use case diagram dalam Browser

5. Membuat komunikasi Association (Communicates Associations)
● Click icon  Unidirectional Association    dari diagram toolbar.
● Click pada pada Actor (yang berbperan sebagai pemula  komunikasi), dan drag garis association ke use yang dituju.

6. Membuat Include Relationships
● Tambahkan satu use case dan beri nama (misal: Validasi ueser)
● Click icon  Unidirectional Association    dari diagram toolbar.
● Click pada uses case utama dan drag Unidirectional Association icon ke include use case ( misal: dari Form pendaftaran kuliah ke valiase user)
● Click dobel pada garis panah Unidirectional Association untuk menampilkan Specification.
● Click pada  Stereotype untuk membuat menu drop-down tampil dan pilih include.
● Click tombol OK untuk menutup Specification.
● Click kanan pada garis panah Unidirectional Association untuk membuat menu shortcut muncul.
● Jika dekat garis panah tidak muncul <<include>>, maka dapat dimunculkan tulisan tersebut dengan Click kanan  check Stereotype Label.

7. Membuat Extended Relationships
● Tambahkan satu use case dan beri nama (misal: Semester tidak ada)
● Click icon  Unidirectional Association    dari diagram toolbar.
● Click pada uses case utama dan drag icon Unidirectional Association  ke include use case ( misal: dari Form pendaftaran kuliah ke valiase user)
● Click dobel pada garis panah ()Unidirectional Association untuk menampilkan Specification.
● Click Stereotype untuk membuat menu drop-down tampil dan pilih exclude.
● Click tombol OK untuk menutup Specification.
● Click kanan pada garis panah Unidirectional Association untuk membuat menu shortcut muncul.
● Jika dekat garis panah tidak muncul <<exclude>>, maka dapat dimunculkan tulisan tersebut dengan : Click kanan pada garis panah Unidirectional Association Click kanan  check Stereotype Label.

Gambar. Contoh hasil akhir pembuatan Use Case Diagram.

Seri Tutorial Rational Rose

1. Pendahuluan
Rational Rose merupakan sebuah perangkat pemodelan secara visual  yang memiliki banyak kemampuan (powerful) untuk pembentukan sistem berorientasi obyek yang menggunakan Unified Modeling Language (UML). UML merupakan bahasa pemodelan yang dapat digunakan secara luas dalam pemodelan bisnis, pemodelan perangkat lunak dari semua fase pembentukan dan semua tipe sistem, dan pemodelan secara umum dari berbagai pembentukan / konstruksi yang memiliki dua perilaku yaitu baik statis maupun dinamis.
Tutorial ini akan membahas cara pemakaian Rasional Rose dengan mengambil sebuah kasus untuk mempermudah pemahaman. Namun demikian tutorial ini bersifat sangat sederhana karena pemakaian perangkat lunak ini sangat ditentukan pada system yang akan dibangun dan variasinya. Tutorial ini dapat dianalogkan dengan kursus privat mengendarai mobil. Mobil merupakan sebuah sarana transportasi yang dapat digunakan untuk berbagai keperluan, dalam kursus privat hanya diajarkan bagaimana cara mengoperasikan, perpindahan gigi, gas, rem, light sign, klakson, dsb. Kemahiran mengendarai ditentukan banyak jam pakai dengan berbagai kasus di jalan dan hal itu tidak diberikan dalam kursus privat tersebut.
Untuk mempermudah dalam memahami penggunaan rasional rose dalam tutorial ini disusun dengan urutan sebagai berikut:
1. Pendahuluan
2. Penjelasan istilah yang akan digunakan
3. Penjelasan bagian-bagian dari rasional rose
4. Penjelasan cara menggunakan
5. Studi Kasus

2. Istilah-istilah yang digunakan
Dalam UML, bagian-bagian yang digunakan yaitu: views, diagram, dan elemen model.
a. View. View menunjukkan perbedaan dari berbagai aspek-aspek suatu sistem yang dimodelkan. View bukan sebuah graph, tetapi sebuah abstraksi yang terdiri dari beberapa diagram. Hanya dengan mendefinisikan sejumlah view, dimana setiap view menunjukkan aspek yang berbeda dan saling terpisah dari sistem, maka gambaran sebuah sistem secara komplit dapat dibentuk. Rational rose memiliki empat view yaitu: Use case View, Logical View, Component View, dan Deployment View.
b. Diagram. Diagram merupakan graph yang menjelaskan tentang isi dari sebuah view. UML memiliki beberapa tipe diagram yang berbeda yang dapat digunakan untuk mengkombinasi  dalam menyusun semua dari sebuah sistem. Rational Rose 2000, memiliki delapan diagram yaitu: Use case diagram, Sequence diagram, Collaboration diagram, Activity Diagram, Class Diagram, Statechart Diagram, Component Diagram dan Deployment Diagram.
c. Elemen Model. Konsep-konsep yang digunakan dalam diagram merupakan elemen-elemen model yang menyatakan konsep-konsep berorientasi obyek secara umum , seperti class, object, dan message, serta hubungan antar konsep-konsep tersebut termasuk association, dependency, dan generelization. Sebuah elemen model digunakan dalam beberapa diagram yang berbeda tetapi selalu memiliki simbol dan arti yang sama.

3. Komponen GUI Rational Rose 2000©
Komponen utama GUI dari Rational Rose® diperlihatkan pada gambar dibawah :
1. Standard toolbar 6. Spesification
2. Browser 7. Elemen Model (icon)
3. Diagram window
4. Diagram toolbar
5. Documentation windows

Menggambar UML Class Diagram

UML Class Diagram

Class Diagram memiliki tiga area pokok :
1. Nama (dan stereotype)
2. Atribut
3. Operasi/metode

Gambar Class Diagram

Apabila atribut dan operasi digabungkan maka ini disebut function. Atribut dan operasi dapat memiliki salah satu sifat berikut :
• Private, tidak dapat dipanggil dari luar class yang bersangkutan. Notasi: “-“
• Protected, hanya dapat dipanggil oleh class yang bersangkutan dan anak-anak yang mewarisinya. Notasi: “#”
• Public, dapat dipanggil oleh siapa saja. Notasi: “+”

Class dapat merupakan implementasi dari sebuah interface, yaitu class abstrak yang hanya memiliki metoda. Interface tidak dapat langsung diinstansiasikan, tetapi harus diimplementasikan dahulu menjadi sebuah class. Dengan demikian interface mendukung resolusi metoda pada saat run-time.

Gambar berikut ini merupakan contoh class diagram dari sebuah interface “Person”

Gambar <<Interface>> Class Diagram

   

Class dapat dikelompokkan menjadi package seperti gambar di bawah ini:

Gambar Package Class Diagram

Hubungan Antar Class
1. Asosiasi, yaitu hubungan statis antar class. Sebuah association adalah hubungan antar benda struktural yang terhubung diantara obyek. Kesatuan obyek yang terhubung merupakan hubungan khusus, yang menggambarkan sebuah hubungan struktural diantara seluruh atau sebagian. Umumnya assosiation digambarkan dengan sebuah garis yang dilengkapi dengan sebuah label, nama, dan status hubungannya
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 metoda class asalnya dan menambahkan fungsionalitas baru, sehingga ia disebut anak dari class yang diwarisinya. Kebalikan dari pewarisan adalah generalisasi. Sebuah generalization adalah menggambarkan hubungan khusus dalam obyek anak/child yang menggantikan obyek parent / induk . Dalam hal ini, obyek anak memberikan pengaruhnya dalam hal struktur dan tingkah lakunya kepada obyek induk.
4. Hubungan dinamis, yaitu rangkaian pesan (message) yang di-passing dari satu class kepada class lain. Hubungan dinamis dapat digambarkan dengan menggunakan sequence diagram yang akan dijelaskan kemudian.

Cara menggambarkan class diagram
1. Gunakan use case table yang sudah dibuat sebelumnya dengan memberikan highlight semua kata benda yang dapat menjadi potensial obyek.
2. Bedakan tipe-tipe obyek tersebut karena mereka dapat berupa interface, package, dan lainnya. Apabila obyek tersebut berupa nama atribut dari sebuah class, maka obyek ini harus ditolak.
3. Setelah mendapatkan daftar class, maka gambarkan high level class diagram beserta dengan kardinalitas serta deskripsi relasinya.
4. Kemudian gambarkan detailed class diagram di mana hubungan antar class sudah ditambahkan. Jangan lupa untuk menuliskan semua atribut dan operasi beserta dengan sifat mereka. Pada umumnya sifat atribut pada sebuah tabel adalah private (tidak dapat dipanggil dari luar class yang bersangkutan). Sedangkan sifat dari operasi yaitu public (dapat dipanggil oleh siapa saja).
5. Jangan lupa untuk melakukan normalisasi terhadap class jika belum dibuat sebelumnya.

Berikut ini ditunjukkan notasi dari Kelas Diagram

Gambar Notasi Class Diagram

Berikut ini contoh class diagram beserta dengan hubungan antar kelas.

Gambar Contoh Hubungan Antar Kelas

Berikut ini adalah contoh menggambar Diagram Kelas melalui Video Youtube:
http://www.youtube.com/watch?v=w2m-7YcHVck

Video Pengantar ini juga dapat dilihat sebagai awal untuk memahami UML Class Diagram:
http://www.youtube.com/watch?v=5d2blHVH3h8