BAHAN AJAR RPL - PT12

MODUL KULIAH SEKOLAH TINGGI TEKNOLOGI INFORMASI NIIT Mata Kuliah Rekayasa Perangkat Lunak Semester Ganjil 2021/2022 Dosen Arisantoso, S.T., M.Kom Modul 1 (Satu) Pertemuan Topik 12 (Dua Belas) Sub Topik Materi Diagram UML Lanjutan 2: Component Diagram, Package Capaian Diagram, Deployment Diagram Pembelajaran Definisi Component Diagram, Package Diagram, Deployment Diagram A. Definisi Component Diagram B. Kegunaan Component Diagram C. Simbol Component Diagram D. Contoh Component Diagram E. Cara Membuat Component Diagram F. Package Diagram G. Fungsi Package Diagram H. Simbol Package Diagram I. Contoh Package Diagram J. Deployment Diagram K. Simbol Deployment Diagram L. Manfaat dan Kegunaan Deployment Diagram M. Contoh Deployment Diagram N. Latihan dan Tugas Mandiri Pertemuan 12 Mampu menjelaskan pemodelan dan diagram UML serta merancang model UML dengan tools yang sesuai serta dapat melakukan pengujian perangkat lunak yang telah di buat.

BAB 12 DIAGRAM UML LANJUTAN 2: COMPONENT DIAGRAM, PACKAGE DIAGRAM, DEPLOYMENT DIAGRAM I. Pendahuluan A. Deskripsi singkat, manfaat dan relevan Pada pertemuan kali ini akan membahas lanjutan pemodelan perangkat lunak dengan standar pemodelan UML yaitu Component Diagram atau yang akrab juga disebut dengan diagram komponen, Package Diagram, Deployment Diagram. Manfaat yang didapat setelah mempelajari bab ini mahasiswa dapat menjelaskan secara umum Component Diagram, Package Diagram, Deployment Diagram. B. Rumusan capaian pembelajaran matakuliah Mampu menerapkan pemodelan dan diagram UML serta merancang model UML dengan tools yang sesuai serta dapat melakukan pengujian perangkat lunak yang telah di buat. C. Urutan bahasan dan kaitan materi 1. Definisi Component Diagram 2. Kegunaan Component Diagram 3. Simbol Component Diagram 4. Contoh Component Diagram 5. Cara Membuat Component Diagram 6. Package Diagram 7. Fungsi Package Diagram 8. Simbol Package Diagram 9. Contoh Package Diagram 10. Deployment Diagram 11. Simbol Deployment Diagram 12. Manfaat dan Kegunaan Deployment Diagram 13. Contoh Deployment Diagram 14. Latihan dan Tugas Mandiri Pertemuan 12 D. Petunjuk belajar Mari kita membaca petunjuk belajar terlebih dahulu untuk mempermudah materi pertemuan 12 (Dua belas) mengenai Component Diagram, Package Diagram, Deployment Diagram: a) Berdoalah sebelum memulai pembelajaran b) Bacalah kemampuan akhir tiap tahapan belajar (sub-cpmk), indikator, kriteria dan teknik, bentuk pembelajaran, metode pembelajaran, penugasan mahasiswa dan materi pembelajaran dengan cermat. c) Baca dan pelajari setiap materi yang ada, bila perlu di garis bawahi hal-hal yang menurut anda penting. d) Mahasiswa dapat belajar secara mandiri ataupun berkelompok, saat pertemuan kuliah yang dilakukan secara daring dengan memanfaatkan fasilitas ecampus Sekolah Tinggi Teknologi Informasi NIIT 150

e) Jika belum memahami segera tanyakan kepada Bapak / Ibu dosen pengampu matakuliah. II. Penyajian A. Definisi Component Diagram Pada pertemuan 12 (dua belas) ini akan membahas jenis diagram UML Lanjutan ke 2 (dua), yaitu component diagram atau bisa disebut juga disebut diagram komponen. Jika Entity Relationship Diagram (ERD) menggambarkan alur data dari basisdata, maka diagram komponen ini akan menggambarkan ketergantungan antar objek pada sebuah sistem. Jika kalian mengingatnya hal ini tidaklah jauh berbeda dengan data flow diagram atau DFD. Menurut Ramadhanti (2021) Definisi Diagram component atau komponen diagram adalah sesuatu yang digunakan untuk memperlihatkan sebuah organisasi serta keterkaitan dan ketergantungan diantara kumpulan komponen dalam sebuah sistem. Sedangkan pengertian component diagram berdasarkan UML adalah Hal fisik dari sistem yang dimodelkan saat sistem dieksekusi. Contoh component diagram dasar diantaranya adalah sebagai berikut. 1. Komponen data yang digunakan untuk memanipulasi data. 2. Komponen bussiness processing yang digunakan untuk menangani proses bisnis. 3. Komponen security yang digunakan dalam menangani keamanan. 4. Komponen user interface yang digunakan dalam menangani tampilan sebuah sistem. B. Kegunaan Component Diagram Sebuah component diagram dibuat berdasarkan kegunaan sebagai berikut. 1. Sebagai source code (kode sumber) dari perangkat lunak (software). 2. Komponen executable yang siap untuk dieksekusi dan dilepas serta digunakan oleh user/pengguna. 3. Merupakan bagian dari basis data secara fisik. 4. Sistem yang harus beradaptasi dengan sistem yang lainnya. 5. Sebagai framework sistem, dimana dalam hal ini memiliki tujuan untuk mempermudah perawatan dan pengelolaan dari sistem. C. Simbol Component Diagram Berikut ini akan dijelaskan simbol-simbol yang dimiliki oleh component diagram. Apabila dibandingkan dengan simbol flowchart, tentunya memiliki lebih banyak simbol. Hal ini seharusnya dapat kita ingat dan dimengerti lebih mudah. Tabel 12.1. Simbol Component Diagram No Simbol Nama Deskripsi 1 Package Digunakan untuk mewadahi komponen. 151

2 Component system Menggambarkan hardware atau objek dalam system tersebut. 3 Dependency atau Menggambarkan sebuah ketergantungan. ketergantungan antar komponen, satu komponen dengan yang lainnya. Arah panah dalam simbol tersebut diarahkan pada komponen yang digunakan. 4 Interface atau antarmuka. Hal ini mirip dengan pemograman berorientasi objek, dimana simbol ini digunakan untuk antarmuka dengan tujuan supaya tidak langsung mengakses objek 5 Link Simbol link ini digunakan untuk menunjukan relasi antar komponen, apabila suatu komponen memiliki relasi atau keterhubungan dengan komponen lainnya maka digunakan simbol link ini. D. Contoh Component Diagram 1. Component Diagram Sistem Penjualan Berikut ini adalah contoh component diagram pada sistem penjualan. Gambar 12.1.Contoh Component Diagram Pada Aplikasi Penjualan (Sumber: https://www.pinhome.id/blog/contoh-component-diagram/) 152

2. Component Diagram Sistem Perpustakaan Gambar 12.2. Contoh Component Diagram Sistem Perpustakaan Sumber: (https://elib.unikom.ac.id/files/disk1/735/jbptunikompp-gdl- mochamadva-36730-1-unikom_m-l.pdf) E. Cara Membuat Component Diagram Berikut langkah mudah dalam menyusun atau membuat component diagram: 1. Pahami simbol component diagram. Pahami terlebih dahulu setiap simbol yang digunakan dalam component diagram. 2. Membaca data. Bacalah data dengan seksama yang akan dijadikan component diagram. 3. Menggambar component diagram. Gambarlah component diagram menggunakan tool atau software yang mudah. F. Package Diagram Menurut rosa (2019) package diagram menyediakan cara mengumpulkan elemen- elemen yang saling terkait dalam diagram UML. Package Diagram adalah sekelompok elemen-elemen model. Suatu paket dapat berisi elemen-elemen model yang berlainan, termasuk paket-paket untuk menciptakan atau mendefinisikan karakter hiraki. Suatu paket diberikan nama yang menggambarkan isinya. Oleh karena itu package dapat dipakai untuk beberapa keperluan (ansori, 2021). Package diagram sendiri sangat jarang digunakan dalam pemuatan sistem dengan skala kecil, sebab memang tidak terlalu dibutuhkan. Artinya package diagram digunakan hanya dalam pengembangan sistem dengan skala besar. Tentu tujuan sendiri agar lebih mudah dalam melakukan penyusunan. Supaya kalian lebih memahami mengenai package diagram, berikut ini adalah beberapa gambarannya. 1. Package diagram dapat kita asumsikan seperti halnya folder yang terdapat dalam operating system seperti windows maupun linux. 2. Package adalah sekumpulan class atau element dengan sifat yang sama. 3. Package digambarkan seperti sebuah direktori folders. G. Fungsi Package Diagram Berikut ini adalah beberapa fungsi dari package diagram atau diagram paket; 1. Digunakan untuk mengelompokan use case diagram atau class diagram. 153

2. Untuk menunjukan sebuah elemen dikelompokan atau diorganisasikan. 3. Package Diagram bisa diterapkan dalam UML apa saja. 4. Menyederhanakan diagram UML, sebab dapat dikelompokan berdasarkan elemen yang digunakan. 5. Menjadikan pekerjaan lebih tertata rapih dan tidak membingungkan. 6. Diagram yang dibangun lebih sederhana. H. Simbol Package Diagram Berikut di bawah ini adalah gambar dari notasi atau simbol yang digunakan dalam package diagram atau diagram paket; Tabel 12.2. Simbol Package Diagram No Simbol Nama Deskripsi 1 Package Sekelompok elemen-elemen model 2 Import Dependency yang menunjukkan isi dari tujuan yang terdapat pada paket secara umum yang ditambahkan ke sumber paket 3 Access dependency yang di dalamnya mengindikasikan isi dari tujuan paket secara umum yang dapat digunakan untuk nama sumber paket Package diagram hanya memiliki 3 notasi atau simbol saja, tentu hal ini sangat jauh berbeda dengan flowchart, dfd ataupun erd yang memiliki jumlah simbol yang begitu banyak. Dengan demikian akan lebih mudah dalam memahami dan menghafalkan simbol- simbol dari package diagram tersebut. Package digambarkan dengan simbol folder, hal tersebut sama halnya dengan folder pada umumnya yang menunjukan sebuah wadah atau himpunnan. Sedangkan dua simbol sisanya ialah import dan akses. Import berguna untuk menghubungkan dua package dengan tujuan mengirim paket, aksespun demikian, hanya saja ia hanya menuliskan sumbernya saja. I. Contoh Package Diagram Supaya lebih memahami mengenai package diagram atau diagram paket, maka dari akan diberikan dua contoh dari diagram paket yang tentu dapat dipelajari dan dilakukan analisis. 1. Contoh package Diagram Penjualan 154

Gambar 12.3. Contoh Package Diagram Penjualan Setiap package di atas terdiri dari kumpulan kelas yang dihimpun menjadi satu, selain penggambarannya lebih mudah, package merupakan penyederhanaan dari proses-proses sebelumnya. Setiap package dihubungkan dengan sebuah garis atau dependency yang namanya import atau access, disesuaikan dengan apa yang dilakukan oleh package itu sendiri. 2. Contoh Package Diagram Sistem Galeri VCD Gambar 12.4. Contoh Package Diagram Sistem Galeri VCD Tidak jauh berbeda dengan dengan contoh sebelumnya, package di atas merupakan sebuah sistem penjualan, dimana setiap package berisi class class. Cara membuat package diagram dengan mudah 1. Membaca data. Baca dan pahami data apa saja yang akan dijadikan package diagram 2. Memahami alur data. Pahamilah alur data yang hendak dijadikan package diagram 3. Gambar package diagram. Gambarlah package diagram sesuai dengan alur data J. Deployment Diagram Deployment diagram secara umum merupakan jenis diagram unified modeling language (UML) yang digunakan untuk menggambarkan, memvisualisasikan, menspesifikasikan serta mendokumentasikan suatu proses yang terjadi dalam sebuah sistem berbasis object orientied programming (OOP) yang akan dibangun. 155

Pendapat lain akan pengertian dari deployment diagram adalah merupakan gambaran proses-proses pada sebuah sistem yang berjalan serta menerangkan bagaimana relasi di dalam sistem tersebut. Deployment diagram merupakan jenis diagram yang statis, artinya tidak akan mengalami perubahan. Selain itu deployment diagram juga mempermudah user dalam menggunakan sistem yang telah dibangun. Sebagai contohnya ialah ketika menspesifikasikan sebuah situs web, maka deployment diagram akan memperlihatkan perangkat keras yang digunakan atau dalam hal ini disebut dengan node, misalkan; 1. Server aplikasi 2. Web server 3. Database server 4. Dan lain-lain Sedangkan deployment diagram menurut winbrello dikatakan bahwa Deployment diagram adalah diagram yang menjelaskan secara detail bagaimana komponen disebar atau di dideploy ke dalam infrastruktur sebuah sistem. K. Simbol Deployment Diagram Sama halnya dengan flowchart atau jenis diagram unified modeling language (UML) lainnya, deployment diagram juga memiliki simbol. Berikut simbol-simbol yang digunakan dalam deployment diagram. Tabel 12.3. Simbol Deployment Diagram No Simbol Nama Deskripsi 1 Package Merupakan sebuah bungkusan dari satu atau lebih node 2 Node Menggambarkan infrastruktur apa saja yang terdapat pada sistem. Biasanya node digambarkan sebagai server, pc, dan lain-lain. 3 Kebergantungan/dependency Menggambarkan hubungan ketergantungan antar node atau komponen yang saling ketergantungan. 4 Communicates / Link Menghubungkan antar node yang saling berinteraksi. 5 Component Menggambarkan elemen- elemen apa saja yang terdapat pada suatu node. Node terbagi ke dalam 2 bagian. 156

Device yang mempresentasikan hardware seperti PC, laptop, printer, handphone dan lain-lain. Execution environment mempresentasikan software container seperti software, aplikasi server, JVM dan sebagainya. L. Manfaat dan Kegunaan Deployment Diagram Deployment diagram memiliki manfaat sebagai berikut; 1. Memberikan kemudahan dalam menjelaskan atau menerangkan sebuah sistem dibandingkan jika hanya dengan kata-kata. 2. Mempermudah untuk mengingat data-data kuantitatif. 3. Lebih efektif dan praktis sebagai penjelasan dibandingkan dengan menggunakan kalimat. Adapun kegunaan atau fungsi dari deployment diagram adalah; 1. Menunjuk struktur dari sistem run-time. 2. Memberikan gambaran bagaimana perangkat keras memiliki keterkaitan antara satu dengan yang lainnya. 3. Menuunjukan perangkat keras dan perangkat lunak di install. M. Contoh Deployment Diagram Berikut ini merupakan beberapa contoh deployment diagram. 1. Contoh Deployment Diagram Aplikasi Asuransi Gambar 12.5. Contoh Penggunaan Deployment Diagram Sistem Informasi Asuransi 2. Contoh Deployment Diagram Aplikasi VCD 157

Gamabar 12.6. Contoh Deployment Diagram Aplikasi VCD N. Latihan dan Tugas Mandiri Pertemuan 12 Pada tugas mandiri pertemuan 11 kemarin, telah dibuat Sequence diagram, Class Diagram pada aplikasi perpustakaan. Selanjutnya pada pertemuan 12 ini lanjutkan tugas Anda untuk membuat Component Diagram, Package Diagram, Deployment Diagram. III. Penutup Diagram component atau komponen diagram adalah sesuatu yang digunakan untuk memperlihatkan sebuah organisasi serta keterkaitan dan ketergantungan diantara kumpulan komponen dalam sebuah sistem. Package Diagram adalah sekelompok elemen-elemen model. Suatu paket dapat berisi elemen-elemen model yang berlainan, termasuk paket- paket untuk menciptakan atau mendefinisikan karakter hiraki. Suatu paket diberikan nama yang menggambarkan isinya. Oleh karena itu package dapat dipakai untuk beberapa keperluan. Package diagram sendiri sangat jarang digunakan dalam pemuatan sistem dengan skala kecil, sebab memang tidak terlalu dibutuhkan. Artinya package diagram digunakan hanya dalam pengembangan sistem dengan skala besar. Tentu tujuan sendiri agar lebih mudah dalam melakukan penyusunan. deployment diagram adalah merupakan gambaran proses-proses pada sebuah sistem yang berjalan serta menerangkan bagaimana relasi di dalam sistem tersebut. Deployment diagram merupakan jenis diagram yang statis, artinya tidak akan mengalami perubahan. Selain itu deployment diagram juga mempermudah user dalam menggunakan sistem yang telah dibangun. Sebagai contohnya ialah ketika menspesifikasikan sebuah situs web, maka deployment diagram akan memperlihatkan perangkat keras yang digunakan. Daftar Pustaka Buku : 1. Rosa, M.Shalahuddin. 2019. “Rekayasa Perangkat Lunak Terstruktur dan Berorientasi Obyek”. Informatika: Bandung. 2. Shelly, Gary B. and Rosenblatt, Harry J. 2012. Systems Analysis and Design. 9th. USA: Boston. 3. Simarmata, Janner. 2009. Rekayasa Perangkat Lunak. Andi : Yogyakarta. 158

4. Suprapto, Falahah. 2018. “Rekayasa Perangkat Lunak”. Lentera Ilmu Cendikia: Jakarta. 5. Utami, Feri Hari. 2015. “Rekayasa Perangkat Lunak”. Deepublish: Yogyakarta Pendukung: 1. Ansori, ahmad. 2021. Pengertian Package Diagram: Fungsi, Simbol, dan Contohnya. Online available: https://www.ansoriweb.com/2021/06/pengertian-package-diagram.html. [Accessed: 14-Desember-2021] 2. Kim Hamilton, Russell Miles. 2006. Learning UML 2.0. Publisher: O'Reilly 3. Ramadhanti. 2021. Contoh Component Diagram. Online available: https://www.pinhome.id/blog/contoh-component-diagram/. [Accessed: 13- Desember-2021] 4. Ramadhanti. 2021. Contoh Package Diagram. Online available: https://www.pinhome.id/blog/contoh-package-diagram/. [Accessed: 14- Desember-2021] 5. Ramadhanti. 2021. Contoh Deployment Diagram. Online available: https://www.pinhome.id/blog/contoh-deployment-diagram/ [Accessed: 14- Desember-2021] 6. Romi Satria Wahono. 2020. Unified Modeling Language (UML). Online available: https://romisatriawahono.net/lecture/sad/romi-se-uml- apr2020.pdf. [Accessed: 13-Desember-2021] 159