PT 12

DIAGRAM UML LANJUTAN 2: Component Diagram, Package Diagram, Deployment Diagram

Kemampuan akhir tiap tahapan belajar dan Penilaian Pertemuan 12 Sub-CPMK5 Mampu menerapkan pemodelan dan diagram UML serta merancang model UML dengan tools yang sesuai serta dapat melakukan pengujian perangkat lunak yang telah di buat (CMPK1, CPMK6) Indikator: Ketepatan menjelaskan tentang diagram UML Lanjutan 2: Component Diagram, Package Diagram, Deployment Diagram. Kriteria & Teknik: Ketepatan dan penguasaan tentang perancangan system dalam bentuk tes.

Media Pembelajaran 1. Ecampus STTI NIIT (https://ecampus.i-tech.ac.id/) 2. PubHMTL5 (Bahan Ajar) (https://online.pubhtml5.com/ecdbc/idrz/) 3. Power Point 4. Video Streaming 5. Mentimeter 6. Quizizz (Pre Test dan Post Test) dan ecampus 9. Whatsapp (085692405633)

Pokok Bahasan Materi Pertemuan 12 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

Pengetahuan Mahasiswa Pertemuan 12 tentang Component Diagram, Package Diagram, Deployment Diagram. https://www.menti.com/kode menti



A. 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.

Ramadhanti 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. Ramadhanti. 2021. Contoh Component Diagram. Online available: https://www.pinhome.id/blog/contoh-component-diagram/. [Accessed: 13-Desember-2021]

Contoh component diagram dasar diantaranya adalah sebagai berikut: Komponen Komponen Komponen Komponen data bussiness security user processing interface

B. Kegunaan Component Diagram Sebuah component diagram dibuat berdasarkan kegunaan sebagai berikut: source code Komponen basis data beradaptasi framework executable secara fisik dengan sistem sistem

C. Simbol Component Diagram No Simbol Nama Deskripsi 1 Package Digunakan untuk mewadahi komponen. 2 Component system Menggambarkan hardware atau objek dalam system tersebut. 3 Dependency atau ketergantungan. Menggambarkan sebuah 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 Component Diagram Sistem Penjualan (Sumber: https://www.pinhome.id/blog/contoh-component-diagram/)

2. 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).

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; mengelomp menunjukan diterapkan Menyederha Menjadikan Diagram okan use sebuah dalam UML nakan pekerjaan yang case elemen diagram lebih tertata diagram apa saja UML dibangun rapih Sederhana

H. Simbol Package Diagram Berikut di bawah ini adalah gambar dari notasi atau simbol yang digunakan dalam package diagram atau diagram paket; 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

I. Contoh Package Diagram 1. Contoh package Diagram Penjualan

2. Contoh Package Diagram Sistem Galeri VCD

J. Deployment Diagram Deployment diagram secara deployment diagram adalah umum merupakan jenis merupakan gambaran proses-proses diagram unified modeling language (UML) yang pada sebuah sistem yang berjalan digunakan untuk serta menerangkan bagaimana menggambarkan, relasi di dalam sistem tersebut. memvisualisasikan, menspesifikasikan serta mendokumentasikan suatu proses yang terjadi dalam sebuah sistem berbasis object orientied programming (OOP) yang akan dibangun.

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 Berikut simbol-simbol yang digunakan dalam deployment diagram. No Simbol Nama Deskripsi 1 Package Merupakan sebuah bungkusan dari satu atau 2 lebih node Node 3 Menggambarkan infrastruktur apa saja yang terdapat pada sistem. Biasanya node 4 digambarkan sebagai server, pc, dan lain-lain. 5 Kebergantungan/dependency Menggambarkan hubungan ketergantungan antar node atau komponen yang saling ketergantungan. Communicates / Link Menghubungkan antar node yang saling Component berinteraksi. Menggambarkan elemen-elemen apa saja yang terdapat pada suatu node.

Node terbagi ke dalam 2 bagian. • 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 1. Contoh Deployment Diagram Aplikasi Asuransi

2. 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.

Rangkuman • 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 Referensi Buku : • Rosa, M.Shalahuddin. 2019. “Rekayasa Perangkat Lunak Terstruktur dan Berorientasi Obyek”. Informatika: Bandung. • Shelly, Gary B. and Rosenblatt, Harry J. 2012. Systems Analysis and Design. 9th. USA: Boston. • Simarmata, Janner. 2009. Rekayasa Perangkat Lunak. Andi : Yogyakarta. • Suprapto, Falahah. 2018. “Rekayasa Perangkat Lunak”. Lentera Ilmu Cendikia: Jakarta. • Utami, Feri Hari. 2015. “Rekayasa Perangkat Lunak”. Deepublish: Yogyakarta Pendukung: • 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] • Kim Hamilton, Russell Miles. 2006. Learning UML 2.0. Publisher: O'Reilly • Ramadhanti. 2021. Contoh Component Diagram. Online available: https://www.pinhome.id/blog/contoh-component- diagram/. [Accessed: 13-Desember-2021] • Ramadhanti. 2021. Contoh Package Diagram. Online available: https://www.pinhome.id/blog/contoh-package-diagram/. [Accessed: 14-Desember-2021] • Ramadhanti. 2021. Contoh Deployment Diagram. Online available: https://www.pinhome.id/blog/contoh-deployment- diagram/ [Accessed: 14-Desember-2021] • Romi Satria Wahono. 2020. Unified Modeling Language (UML). Online available: https://romisatriawahono.net/lecture/sad/romi-se-uml-apr2020.pdf. [Accessed: 13-Desember-2021]

Sampai Jumpa