Apa itu Diagram Komponen?

UMLDiagram komponen digunakan untuk memodelkan aspek fisik dari sistem berorientasi objek. Mereka digunakan untuk memvisualisasikan, menentukan, dan mendokumentasikan sistem berbasis komponen, serta untuk membangun sistem yang dapat dieksekusi melalui rekayasa maju dan balik. Diagram komponen pada dasarnya adalah diagram kelas khusus yang berfokus pada komponen sistem dan digunakan untuk memodelkan tampilan implementasi statis dari suatu sistem.

Ikhtisar Diagram Komponen

Diagram komponen memecah sistem aktual yang sedang dikembangkan menjadi berbagai fungsi tingkat tinggi. Setiap komponen bertanggung jawab atas tujuan yang jelas dalam sistem dan hanya berinteraksi dengan elemen inti lainnya sebagaimana diperlukan.

Contoh di atas menunjukkan komponen internal dari sebuah komponen yang lebih besar:

• Data (ID akun dan ID cek) mengalir ke dalam komponen melalui port di sisi kanan dan diubah menjadi format yang dapat digunakan oleh komponen internal. Antarmuka di sisi kanan disebutantarmuka yang disediakan, yang mewakili layanan yang dibutuhkan komponen untuk memenuhi tanggung jawabnya.
• Data kemudian dilewatkan melalui berbagai koneksi ke dan melalui komponen lain, serta dikeluarkan melalui port di sisi kiri. Antarmuka di sisi kiri disebutantarmuka yang dibutuhkan, yang mewakili layanan yang disediakan komponen.
• Penting untuk dicatat bahwa komponen internal dikelilingi oleh kotak yang lebih besar—ini bisa berupa seluruh sistem itu sendiri (dalam hal ini, tidak ada simbol komponen yang muncul di sudut kanan atas) atau sub-sistem/komponen dari sistem (dalam hal ini, kotak tersebut mewakili komponen itu sendiri).

Konsep Dasar Diagram Komponen

Suatu komponen mewakili bagian modular dari suatu sistem, yang mengemas isiannya dan perilakunya dapat diganti dalam lingkungannya. Dalam UML 2, komponen digambarkan sebagai persegi panjang dengan kompartemen opsional yang ditumpuk secara vertikal. Tampilan abstrak tingkat tinggi dari suatu komponen dalam UML 2 dapat dimodelkan sebagai:

1. Persegi panjang dengan nama komponen
2. Persegi panjang dengan ikon komponen
3. Persegi panjang dengan teks stereotype dan/atau ikon

Antarmuka

Dua jenis antarmuka komponen ditampilkan dalam contoh di bawah ini:

Simbolantarmuka yang disediakansimbol dengan lingkaran penuh di ujungnya menunjukkan antarmuka yang disediakan komponen—simbol ‘lollipop’ adalah notasi singkat untuk hubungan implementasi dari klasifier antarmuka.

Simbolantarmuka yang dibutuhkansimbol dengan setengah lingkaran (juga dikenal sebagai soket) di ujungnya menunjukkan antarmuka yang dibutuhkan komponen (dalam kedua kasus, nama antarmuka ditempatkan di dekat simbol itu sendiri).

Contoh Diagram Komponen – Menggunakan Antarmuka (Sistem Pemesanan)

Subsistem

Klasifier subsistem adalah versi khusus dari klasifier komponen. Oleh karena itu, elemen notasi subsistem mewarisi semua aturan yang sama seperti notasi komponen. Satu-satunya perbedaan adalah bahwa elemen simbol subsistem menggunakan kata kunci ‘subsistem’ alih-alih ‘komponen’.

Port

Port diwakili oleh persegi panjang di sepanjang tepi komponen atau sistem. Biasanya digunakan untuk menampilkan antarmuka yang dibutuhkan dan yang disediakan oleh komponen.

Hubungan

Secara grafis, diagram komponen adalah sekumpulan simpul dan busur, biasanya berisi komponen, antarmuka, dan hubungan seperti ketergantungan, agregasi, keterbatasan, generalisasi, asosiasi, dan realisasi. Diagram ini juga dapat mencakup catatan dan keterbatasan.

Hubungan	Simbol
Asosiasi: Asosiasi menentukan hubungan semantik yang dapat terjadi antara instans bertipe. Ia memiliki setidaknya dua ujung, masing-masing diwakili oleh atribut, dan setiap ujung terhubung ke tipe ujung lainnya. Banyak ujung dapat memiliki tipe yang sama.	​
Komposisi: Komposisi adalah bentuk agregasi yang kuat, yang mengharuskan suatu instans berada dalam paling banyak satu komposit. Jika komposit dihapus, bagiannya biasanya juga dihapus.	​
Agregasi: Bentuk asosiasi di mana satu ujung ditandai sebagai agregasi bersama, yang berarti memiliki agregasi bersama.	​
Keterbatasan: Suatu kondisi atau pembatasan yang dinyatakan dalam teks bahasa alami atau bahasa yang dapat dibaca mesin untuk menyatakan semantik tertentu dari suatu elemen.	​
Ketergantungan: Suatu hubungan yang menunjukkan bahwa satu atau lebih elemen model memerlukan elemen model lain untuk spesifikasi atau implementasinya. Ini berarti semantik lengkap dari elemen yang tergantung secara semantik atau struktural bergantung pada definisi elemen pemasok.	​
Generalisasi: Hubungan klasifikasi antara klasifier yang lebih umum dan klasifier yang lebih spesifik. Setiap contoh dari klasifier spesifik juga merupakan contoh tidak langsung dari klasifier umum. Oleh karena itu, klasifier spesifik mewarisi fitur dari klasifier yang lebih umum.	​

Pemodelan Kode Sumber

• Identifikasi kumpulan file kode sumber yang menjadi perhatian melalui rekayasa maju atau rekayasa balik, dan modelkan sebagai komponen yang dibangun dari file.
• Untuk sistem yang lebih besar, gunakan paket untuk menampilkan kelompok file kode sumber.
• Pertimbangkan untuk menyertakan nilai bertanda untuk mewakili informasi seperti nomor versi, penulis, dan tanggal terakhir diubah dari file kode sumber. Gunakan alat untuk mengelola nilai-nilai bertanda ini.
• Gunakan ketergantungan untuk memodelkan ketergantungan kompilasi antara file-file ini. Secara serupa, gunakan alat untuk membantu menghasilkan dan mengelola ketergantungan ini.

Contoh Komponen – Kode Sumber Java

Contoh Diagram Komponen – Kode C++ dengan Versi

Pemodelan Rilis Eksekusi

• Identifikasi kumpulan komponen yang ingin Anda modelkan. Ini biasanya melibatkan sebagian atau semua komponen pada sebuah node, atau distribusi komponen-komponen ini di seluruh node dalam sistem.
• Pertimbangkan stereotip untuk setiap komponen dalam kumpulan ini. Untuk sebagian besar sistem, Anda akan menemukan sejumlah kecil jenis komponen yang berbeda (misalnya, eksekusi, perpustakaan, tabel, file, dan dokumen). Anda dapat menggunakan mekanisme ekstensibilitas UML untuk memberikan petunjuk visual (petunjuk) untuk stereotip ini.
• Untuk setiap komponen dalam kumpulan ini, pertimbangkan hubungan dengan tetangganya. Paling sering, ini melibatkan antarmuka yang diekspor oleh beberapa komponen (dibuat) dan kemudian diimpor oleh yang lain (digunakan). Jika Anda ingin mengungkap celah dalam sistem, modelkan antarmuka ini secara eksplisit. Jika Anda menginginkan abstraksi tingkat yang lebih tinggi, hilangkan hubungan ini dengan hanya menampilkan ketergantungan antar komponen.

Pemodelan Basis Data Fisik

• Identifikasi kelas-kelas dalam model yang mewakili skema basis data logis.
• Pilih strategi pemetaan kelas-kelas ini ke dalam tabel. Anda juga harus mempertimbangkan distribusi fisik basis data. Strategi pemetaan Anda akan dipengaruhi oleh di mana Anda ingin data tetap ada dalam sistem yang telah diimplementasikan.
• Untuk memvisualisasikan, menentukan, membangun, dan mendokumentasikan pemetaan ini, buat diagram komponen yang berisi komponen-komponen yang dibangun sebagai tabel.
• Di mana memungkinkan, gunakan alat untuk membantu Anda mengubah desain logis menjadi desain fisik.

---

Coba Menggambar Diagram Komponen UML Sekarang

Sekarang Anda telah mempelajari apa itu diagram komponen dan bagaimana menggambarnya. Saatnya membuat yang Anda sendiri. Dapatkan Visual Paradigm Community Edition, alat UML gratis, dan gunakan alat gratis Diagram Komponen untuk membuat yang Anda sendiri. Mudah digunakan dan intuitif.

Unduh Gratis

---

 

Tautan Terkait

1. Apa itu Bahasa Pemodelan Terpadu?
2. Alat UML Profesional
3. Visual Paradigm. (tanpa tanggal). Bagaimana cara menggambar diagram komponen? Visual Paradigm. https://www.visual-paradigm.com/support/documents/vpuserguide/94/2581/7292_drawingcompo.html 42.
4. Visual Paradigm. (2018, 11 Mei). Apa itu diagram komponen? Visual Paradigm. https://www.visual-paradigm.com/guide/uml-unified-modeling-language/what-is-component-diagram/ 43.
5. Visual Paradigm. (tanpa tanggal). Bagaimana cara menggambar diagram komponen dalam UML? Visual Paradigm. https://www.visual-paradigm.com/tutorials/how-to-draw-component-diagram-in-uml/ 44.
6. Visual Paradigm. (tanpa tanggal). Diagram Komponen – Diagram UML 2 – Alat Pemodelan UML. Visual Paradigm. https://www.visual-paradigm.com/VPGallery/diagrams/Component.html 45.
7. Visual Paradigm. (tanpa tanggal). Diagram Komponen di Visual Paradigm. Visual Paradigm. https://www.visual-paradigm.com/support/documents/vpuserguide/94/2581_componentdia.html 46.
8. Komunitas Visual Paradigm. (2018, 11 Mei). 7. Diagram Komponen. Visual Paradigm. https://circle.visual-paradigm.com/docs/uml-and-sysml/component-diagram/ 47.
9. Visual Paradigm Online. (tanpa tanggal). Alat Diagram Komponen Gratis. Visual Paradigm. https://online.visual-paradigm.com/diagrams/solutions/free-component-diagram-tool/ 48.
10. Visual Paradigm Online. (tanpa tanggal). Tutorial Diagram Komponen. Visual Paradigm. https://online.visual-paradigm.com/tutorials/component-diagram-tutorial/ 49.
11. Visual Paradigm. (2022, 2 September). Tutorial Diagram Kelas UML. Visual Paradigm. https://www.visual-paradigm.com/guide/uml-unified-modeling-language/uml-class-diagram-tutorial/ 50.
12. Visual Paradigm Online. (tanpa tanggal). Alat Diagram UML Online. Visual Paradigm. https://online.visual-paradigm.com/diagrams/features/uml-tool/ 51.