Pengenalan UML (Unified Modelling Language)
-
Upload
hani-nurrahmi -
Category
Education
-
view
3.671 -
download
15
description
Transcript of Pengenalan UML (Unified Modelling Language)
![Page 1: Pengenalan UML (Unified Modelling Language)](https://reader033.fdocument.pub/reader033/viewer/2022052218/5587871cd8b42a3c318b4585/html5/thumbnails/1.jpg)
Pengenalan UML
Disusun Oleh
Hani Nurrahmi
![Page 2: Pengenalan UML (Unified Modelling Language)](https://reader033.fdocument.pub/reader033/viewer/2022052218/5587871cd8b42a3c318b4585/html5/thumbnails/2.jpg)
Arti UML
UML (Unified Modelling Language) adalah sebuah “bahasa” yang telah menjadi standar dalam industri untuk visualisasi, merancang dan mendokumentasikan sistem piranti lunak. UML menawarkan sebuah standar untuk merancang model sebuah sistem. (Dharwiyanti, 2003).
![Page 3: Pengenalan UML (Unified Modelling Language)](https://reader033.fdocument.pub/reader033/viewer/2022052218/5587871cd8b42a3c318b4585/html5/thumbnails/3.jpg)
Mengapa harus UML?
Mampu memodelkan sistem secara grafis.
Standar, sehingga mampu mengatasi
komunikasi (antara user, developer,
manager).
Specifying, membuat spesifikasi yang tepat.
Tidak ambigu, dan tepat.
Dapat digunakan untuk dokumentasi.
![Page 4: Pengenalan UML (Unified Modelling Language)](https://reader033.fdocument.pub/reader033/viewer/2022052218/5587871cd8b42a3c318b4585/html5/thumbnails/4.jpg)
Diagram UML
1. Use Case Diagram
2. Class Diagram
3. State Chart Diagram
4. Activity Diagram
5. Sequence Diagram
6. Collaboration Diagram
7. Component Diagram
8. Deployment Diagram
![Page 5: Pengenalan UML (Unified Modelling Language)](https://reader033.fdocument.pub/reader033/viewer/2022052218/5587871cd8b42a3c318b4585/html5/thumbnails/5.jpg)
Software untuk Membuat UML
1. StarUML
(http://staruml.sourceforge.net/en/)
2. Acceleo
(http://www.acceleo.org/pages/home/en)
3. ArgoUML
(http://argouml.tigris.org/)
![Page 6: Pengenalan UML (Unified Modelling Language)](https://reader033.fdocument.pub/reader033/viewer/2022052218/5587871cd8b42a3c318b4585/html5/thumbnails/6.jpg)
“Selamat
Membuat UML!”
![Page 7: Pengenalan UML (Unified Modelling Language)](https://reader033.fdocument.pub/reader033/viewer/2022052218/5587871cd8b42a3c318b4585/html5/thumbnails/7.jpg)
Materi dalam slide ini diambil dari berbagai sumber (e-
book, slide, dan artikel online).
Dharwiyanti, Sri, Romi Satria Wahono. 2003. Pengantar
Unified Modelling Language (UML). Tersedia:
ilmukomputer.com.
Slide milik Fitria Mashfufah
“STOP Plagiarism!”
![Page 8: Pengenalan UML (Unified Modelling Language)](https://reader033.fdocument.pub/reader033/viewer/2022052218/5587871cd8b42a3c318b4585/html5/thumbnails/8.jpg)
Use Case Diagram
Use Case diagram adalah gambar dari
beberapa atau seluruh aktor dan use case
dengan tujuan mengenali interaksi mereka
dalam suatu sistem.
Gambaran fungsionalitas yang diharapkan dari
sebuah sistem menekankan pada “APA” bukan
“BAGAIMANA” yg dibuat sistem
Menyatakan suatu job/pekerjaan tertentu
misal : login ke sistem, create data penjualan
![Page 9: Pengenalan UML (Unified Modelling Language)](https://reader033.fdocument.pub/reader033/viewer/2022052218/5587871cd8b42a3c318b4585/html5/thumbnails/9.jpg)
Notasi Use Case Diagram
1. Aktor
Aktor mewakili siapa pun atau apa saja yang harus berinteraksi
dengan sistem. Aktor bisa didefinisikan sebagai berikut :
o Aktor hanya memberikan informasi kepada sistem.
o Aktor hanya menerima informasi dari sistem.
o Aktor memberikan dan menerima informasi ke dan dari
sistem.
![Page 10: Pengenalan UML (Unified Modelling Language)](https://reader033.fdocument.pub/reader033/viewer/2022052218/5587871cd8b42a3c318b4585/html5/thumbnails/10.jpg)
Notasi Use Case Diagram
2. Use Case
3. Use Case Relationship
Use Case Model adalah dialog antara
aktor dengan sistem yang akan
menggambarkan fungsi yang diberikan
oleh sistem.
Use case diagram menggambarkan
fungsionalitas yang diharapkan dari sebuah
sistem. Yang ditekankan adalah “apa” yang
diperbuat sistem, dan bukan “bagaimana”.
Sebuah use case merepresentasikan sebuah
interaksi antara aktor dengan sistem.
![Page 11: Pengenalan UML (Unified Modelling Language)](https://reader033.fdocument.pub/reader033/viewer/2022052218/5587871cd8b42a3c318b4585/html5/thumbnails/11.jpg)
Contoh Use Case
(sumber: http://kunjungi-suwecanata.blogspot.com/p/contoh-uml.html)
![Page 12: Pengenalan UML (Unified Modelling Language)](https://reader033.fdocument.pub/reader033/viewer/2022052218/5587871cd8b42a3c318b4585/html5/thumbnails/12.jpg)
Activity Diagram
Activity Diagram atau Diagram Aktivitas
berupa flow chart yang digunakan untuk
memperlihatkan aliran kerja dari sistem.
![Page 13: Pengenalan UML (Unified Modelling Language)](https://reader033.fdocument.pub/reader033/viewer/2022052218/5587871cd8b42a3c318b4585/html5/thumbnails/13.jpg)
Notasi Activity Diagram
1. Aktivitas
2. Transition
3. Decision
Notasi yang menggambarkan pelaksanaan
dari beberapa proses dalam aliran
pekerjaan.
Notasi yang digunakan untuk memperlihatkan
jalan aliran kontrol dari activity ke activity.
Notasi yang menandakan kontrol cabang
aliran berdasarkan decision point.
![Page 14: Pengenalan UML (Unified Modelling Language)](https://reader033.fdocument.pub/reader033/viewer/2022052218/5587871cd8b42a3c318b4585/html5/thumbnails/14.jpg)
Contoh Activity Diagram (sumber: Tugas Akhir “Aplikasi Edukasi Tanaman Bambu untuk Siswa Sekolah Dasar
Berbasis Augmented Reality” oleh Hani Nurrahmi)
![Page 15: Pengenalan UML (Unified Modelling Language)](https://reader033.fdocument.pub/reader033/viewer/2022052218/5587871cd8b42a3c318b4585/html5/thumbnails/15.jpg)
Sequence Diagram
Sequence diagram menjelaskan interaksi
objek yang disusun berdasarkan urutan
waktu. Secara mudahnya sequence diagram
adalah gambaran tahap demi tahap yang
seharusnya dilakukan untuk menghasilkan
sesuatu sesuai dengan use case diagram.
![Page 16: Pengenalan UML (Unified Modelling Language)](https://reader033.fdocument.pub/reader033/viewer/2022052218/5587871cd8b42a3c318b4585/html5/thumbnails/16.jpg)
Notasi Sequence Diagram
1. Objek atau Aktor
2. Pertukaran Pesan
Digambarkan dengan persegi panjang
dan terdapat garis vertical putus-putus
(lifeline). Semua aktivitas dilakukan di
dalam lifeline. Aktivitas ini disebut
pesan.
Pesan yang dipertukarkan antar
objek digambarkan dengan anak
panah kemudian di atasnya
diberikan label pesan.
![Page 17: Pengenalan UML (Unified Modelling Language)](https://reader033.fdocument.pub/reader033/viewer/2022052218/5587871cd8b42a3c318b4585/html5/thumbnails/17.jpg)
Contoh Sequence Diagram (sumber: Tugas Akhir “Aplikasi Edukasi Tanaman Bambu untuk Siswa Sekolah Dasar
Berbasis Augmented Reality” oleh Hani Nurrahmi)
![Page 18: Pengenalan UML (Unified Modelling Language)](https://reader033.fdocument.pub/reader033/viewer/2022052218/5587871cd8b42a3c318b4585/html5/thumbnails/18.jpg)
Class Diagram
Spesifikasi yang menghasilkan sebuah objek
(inti dari pengembangan desain berorientasi
objek)
Menggambarkan struktur dan deskripsi class,
package, object
![Page 19: Pengenalan UML (Unified Modelling Language)](https://reader033.fdocument.pub/reader033/viewer/2022052218/5587871cd8b42a3c318b4585/html5/thumbnails/19.jpg)
Hubungan Antar Class 1. Asosiation (hubungan statis antar class , nama relasi : has a (mempunyai) dibedakan
menjadi dua macam hubungan khusus :
a. Aggregation (pengumpulan)
Hubungan yang menyatakan bagian satu atau lebih
Simbol : belah ketupat yang tidak diblok
b. Composite (Gabungan)
Agregration yg sangat kuat
Setiap komponen menyatakan bagian hanya satu)
Simbol : belah ketupat yang diblok
2. Generalisasi
Hubungan hirarkis antar class.
Class dapat diturunkan dari class lain dan mewarisi semua atribut dan metoda
class.
Nama relasi : is a (adalah)
3. Realization : Hubungan antara sebuah class dengan interface
![Page 20: Pengenalan UML (Unified Modelling Language)](https://reader033.fdocument.pub/reader033/viewer/2022052218/5587871cd8b42a3c318b4585/html5/thumbnails/20.jpg)
Contoh Class Diagram
(sumber: http://mahergabayu.blogspot.com/2011/01/class-diagram.html)
![Page 21: Pengenalan UML (Unified Modelling Language)](https://reader033.fdocument.pub/reader033/viewer/2022052218/5587871cd8b42a3c318b4585/html5/thumbnails/21.jpg)
Statechart Diagram
Statechart diagram menggambarkan transisi
dan perubahan keadaan (dari satu state ke
state lainnya) suatu objek pada sistem sebagai
akibat dari stimulus yang diterima.
Pada umumnya statechart diagram
menggambarkan class tertentu (satu class
dapat memiliki lebih dari satu statechart
diagram).
![Page 22: Pengenalan UML (Unified Modelling Language)](https://reader033.fdocument.pub/reader033/viewer/2022052218/5587871cd8b42a3c318b4585/html5/thumbnails/22.jpg)
Notasi Statechart Diagram
1. State
State digambarkan berbentuk segiempat dengan
sudut membulat dan memiliki nama sesuai
kondisinya saat itu.
2. Transisi
Transisi antar state umumnya memiliki kondisi
guard yang merupakan syarat terjadinya transisi
yang bersangkutan, dituliskan dalam kurung siku.
3. Action
Action yang dilakukan sebagai akibat dari event
tertentu dituliskan dengan diawali garis miring.
![Page 23: Pengenalan UML (Unified Modelling Language)](https://reader033.fdocument.pub/reader033/viewer/2022052218/5587871cd8b42a3c318b4585/html5/thumbnails/23.jpg)
Contoh Statechart Diagram
(sumber: http://ziahasing.wordpress.com/about/unified-modeling-
language/)
![Page 24: Pengenalan UML (Unified Modelling Language)](https://reader033.fdocument.pub/reader033/viewer/2022052218/5587871cd8b42a3c318b4585/html5/thumbnails/24.jpg)
Collaboration Diagram
Collaboration Diagram merupakan cara
alternatif untuk menggambarkan skenario
dari sistem. Diagram ini menggambarkan
interaksi object yang diatur object
sekelilingnya dan hubungan antara setiap
object dengan object yang lainnya.
![Page 25: Pengenalan UML (Unified Modelling Language)](https://reader033.fdocument.pub/reader033/viewer/2022052218/5587871cd8b42a3c318b4585/html5/thumbnails/25.jpg)
Notasi Collaboration Diagram
Object yang digambarkan dengan segiempat.
Hubungan antara object yang digambarkan
dengan garis penghubung.
Pesan yang digambarkan dengan teks dan panah
dari object yang mengirim pesan ke penerima
pesan
![Page 26: Pengenalan UML (Unified Modelling Language)](https://reader033.fdocument.pub/reader033/viewer/2022052218/5587871cd8b42a3c318b4585/html5/thumbnails/26.jpg)
Contoh Collaboration Diagram
(sumber:http://kaaeka.wordpress.com/2012/01/02/collaboration-
diagram/)
![Page 27: Pengenalan UML (Unified Modelling Language)](https://reader033.fdocument.pub/reader033/viewer/2022052218/5587871cd8b42a3c318b4585/html5/thumbnails/27.jpg)
Component Diagram
Menggambarkan struktur dan hubungan antar komponen
piranti lunak
Komponen piranti lunak berisi code yang meliputi:
o Source code
o Binary code
o Library maupun executable
![Page 28: Pengenalan UML (Unified Modelling Language)](https://reader033.fdocument.pub/reader033/viewer/2022052218/5587871cd8b42a3c318b4585/html5/thumbnails/28.jpg)
Contoh Component Diagram
(sumber: http://mahergabayu.blogspot.com/2011/01/component-
deployment-diagram.html)
![Page 29: Pengenalan UML (Unified Modelling Language)](https://reader033.fdocument.pub/reader033/viewer/2022052218/5587871cd8b42a3c318b4585/html5/thumbnails/29.jpg)
Deployment Diagram
Diagram deployment menunjukkan tata letak
sebuah sistem secara fisik, menampakkan
bagian-bagian software yang berjalan pada
bagian-bagian hardware yang digunakan
untuk mengimplementasikan sebuah sistem
dan keterhubungan antara komponen-
komponen hardware tersebut.
![Page 30: Pengenalan UML (Unified Modelling Language)](https://reader033.fdocument.pub/reader033/viewer/2022052218/5587871cd8b42a3c318b4585/html5/thumbnails/30.jpg)
Contoh Deployment Diagram
(sumber: http://mahergabayu.blogspot.com/2011/01/component-
deployment-diagram.html)