Visual Modelling Teguh Sutanto, S.Kom.,M.Kom. Sistem Informasi – Institut Bisnis dan Informatika Stikom Surabaya Tujuan • Memahami Visual Modeling • Memahami diagram-diagram UML Modeling • Modeling is the designing of software applications before coding • Model : Abstraksi yang menjelaskan hal-hal signifikan pada persoalan yang komplek dengan mengabaikan hal-hal yang tidak diperlukan Dunia Nyata Abstraksi dari Model Pemodelan Visual • Suatu cara berfikir tentang persoalan menggunakan model-model yang diorganisasikan seputar dunia nyata (Quatrani 1998) • Proses mendapatkan informasi dari model dan menampilkannya secara grafik dengan menggunakan sebuah standar elemen grafik • Standar yang dibutuhkan adalah komunikasi • Komunikasi antara pemakai akhir, pengembang, analis, manajer dan siapa saja yang terlibat dalam proyek pengembangan system informasi Pemodelan Visual • Pemodelan visual adalah suatu cara berpikir tentang persoalan menggunakan model-model yang diorganisasikan seputar dunia nyata • Tujuan : memungkinkan komunikasi antara pengguna, pengembang, manager dll Visual Modeling • Beberapa pemodelan berorientasi objek 1) Notasi Booch 2) Obyek Management Methodology (OMT) 3) Unified Modeling Language Notasi Pemodelan Berorientasi Obyek 1) Notasi Booch Diambil dari nama pembuatnya, Grady Booch di Rational Software Corporation. Mengembangkan simbol grafik untuk menyajikan beberapa macam aspek model seperti objek disajikan dengan awan, beberapa anak panah yang merepresentasikan hubungan Notasi Pemodelan Berorientasi Obyek 2) Obyek Management Methodology (OMT) • Dibuat oleh DR. James Rumbaugh • Pentingnya pemodelan sistem dalam komponen dunia nyata yang disebut objek • Penggunaan grafik OMT lebih sederhana dari pada Booch untuk menggambarkan sistem UML (Unified Modeling Language) Unified Modelling Language (UML) adalah sebuah bahasa yg telah menjadi standar dalam industri untuk visualisasi, merancang dan mendokumentasikan sistem piranti lunak. UML menawarkan sebuah standar untuk merancang model sebuah sistem. Mengenal Unified Modeling Language (UML) The Unified Modeling Language (UML) is a generalpurpose, developmental, modeling language in the field of software engineering, that is intended to provide a standard way to visualize the design of a system Sejarah Diagram UML Tujuan UML : 1.Memberikan Model yang siap Pakai 2.Memberikan bahasa pemodelan yang bebas 3.Menyatukan Praktek-praktek terbaik Diagram UML UML • Use Case Diagram • Bisnis • System • • • • • • • Activity Diagram Sequence Diagram – Collaboration Diagram Class Diagram State Chart/ State Machine Diagram Component Diagram Deployment diagram Flow of Event 1. Diagram Use Case Bisnis • Mempresentasikan bisnis yang dilakukan organisasi • Tidak membedakan aktifitas dilakukan secara manual atau otomatis • Interaksi antara use case bisnis dan actor 2. Diagram Use Case System • 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. 3. Diagram Aktivitas • Memperlihatkan aliran dari suatu aktivitas ke aktivitas lainnya dalam suatu sistem. • Memodelkan fungsi-fungsi dalam suatu sistem dan memberi tekanan pada aliran kendali antarobjek. Diagram Sekuensial • Memperlihatkan tahap demi tahap apa yang seharusnya terjadi untuk menghasilkan sesuatu didalam use case • 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). 4. Diagram Sekuensial Diagram Sekuensial Login 5. Diagram Kolaborasi • Menunjukkan Informasi yang sama persis dengan diagram sekuensial , tetapi dalam bentuk dan tujuan yang berbeda. • Collaboration diagrams memberikan suatu gambaran besar skenario karena kolaborasi yang terorganisasi antar obyek satu dengan yang lainnya. • Digunakan lebih banyak pada fase desain Diagram Class • Interaksi antar class dalam system • Class • Interaction/relationships • • • • • Asosiasi Agregasi Generalisasi Dependensi Implementasi/realisasi 6. Diagram Kelas 7. Diagram Statechart Memungkinkan untuk memodelkan bermacammacam state yang mungkin dialamai oleh obyek tunggal. Menggambarkan Perilaku dinamik sebuah obyek obyek 8. Diagram Komponen Menunjukkan model secara fisik atau komponen perangkat lunak pada sistem dan hubungannya Hubungan antara komponen dengan kelas adalah bahwa komponen merupakan subsistem berisi kelas-kelas yang bekerja sama merealisasikan antarmuka yang diinstruksikan 9. Diagram Deployment Deployment Diagram adalah diagram yang menggambarkan detail bagaimana komponen disebar (di-deploy) kedalam infrastruktur sistem, dimana komponen akan terletak (pada mesin, node, server atau piranti keras apa), bagaimana kemampuan jaringan pada lokasi tersebut, spesifikasi server Peralatan fisik disebut node yang dihubungkan satu sama lain dengan path