Referensi simbol · Bahasa Indonesia
Simbol component diagram dan fungsinya (plus deployment diagram)
Singkatnya
Component diagram UML menggambarkan sistem sebagai kumpulan komponen yang saling terhubung lewat antarmuka. Simbol utamanya: komponen (persegi panjang dengan ikon komponen atau «component»), provided interface (lingkaran/lollipop — layanan yang disediakan), required interface (setengah lingkaran/soket — layanan yang dibutuhkan), assembly connector (lollipop masuk ke soket), port (kotak kecil di tepi komponen), dan dependency (panah putus-putus).
Diperbarui · oleh tim ChartCraft · Architecture diagram generator (English)
Apa saja simbol component diagram dan fungsinya?
Berikut simbol component diagram UML, ditambah simbol deployment diagram yang sering dipakai bersamanya.
Component diagram
| Simbol | Nama | Fungsi / arti |
|---|---|---|
| Komponen | Bagian sistem yang bisa diganti dan punya antarmuka jelas: modul Pembayaran, layanan Auth, library. | |
| Provided interface (lollipop) | Layanan yang disediakan komponen untuk komponen lain. | |
| Required interface (soket) | Layanan yang dibutuhkan komponen dari komponen lain. | |
| Assembly connector | Lollipop yang masuk ke soket: kebutuhan satu komponen dipenuhi komponen lain. | |
| Port | Titik interaksi di tepi komponen tempat antarmuka ditempelkan. | |
| Dependency | Satu komponen bergantung pada komponen lain. | |
| Realisasi | Komponen mengimplementasikan sebuah interface. | |
| Package / subsystem | Mengelompokkan beberapa komponen. |
Deployment diagram
| Simbol | Nama | Fungsi / arti |
|---|---|---|
| Node | Perangkat keras atau lingkungan eksekusi: server, perangkat mobile, container. Digambar kotak tiga dimensi. | |
| Artifact | File fisik hasil build yang dipasang di node: .jar, .war, .apk, skrip database. | |
| Communication path | Jalur komunikasi antarnode, sering diberi protokol: HTTPS, TCP/IP. | |
| Deploy / manifest | Panah putus-putus «deploy» dari artifact ke node, atau «manifest» dari artifact ke komponen. |
Apa itu component diagram?
Component diagram adalah diagram struktur UML yang menunjukkan bagaimana sebuah sistem dibagi menjadi komponen-komponen dan bagaimana komponen itu saling bergantung lewat antarmuka. Diagram ini dipakai untuk merancang arsitektur perangkat lunak, misalnya pembagian modul atau layanan microservice.
Apa beda provided interface dan required interface?
Provided interface (lingkaran penuh, disebut lollipop) adalah layanan yang ditawarkan sebuah komponen. Required interface (setengah lingkaran, disebut soket) adalah layanan yang dibutuhkan sebuah komponen. Bila lollipop satu komponen masuk ke soket komponen lain, kebutuhan itu terpenuhi — itulah assembly connector.
Apa beda component diagram dan deployment diagram?
Component diagram menunjukkan susunan logis perangkat lunak (komponen dan antarmuka). Deployment diagram menunjukkan susunan fisiknya: di node (server, perangkat) mana setiap artifact dipasang dan bagaimana node-node itu terhubung.
| Aspek | Component diagram | Deployment diagram |
|---|---|---|
| Menjawab | Sistem terdiri dari bagian apa? | Bagian itu berjalan di mesin mana? |
| Simbol utama | Komponen, interface, port | Node, artifact, communication path |
| Contoh | Web App memakai layanan Auth dan Pembayaran | web.war di server aplikasi, database di server DB |
Bagaimana contoh component diagram toko online?
Aplikasi Web membutuhkan layanan Katalog, Keranjang, dan Pembayaran; Pembayaran membutuhkan Payment Gateway eksternal; semua layanan menyimpan data di Database.
Mermaid tidak punya jenis component diagram UML; flowchart dengan subgraph bisa dipakai sebagai pendekatan, dengan label panah untuk nama interface.
flowchart LR
Web[Aplikasi Web]
subgraph Layanan
Katalog[Katalog]
Keranjang[Keranjang]
Bayar[Pembayaran]
end
PG[Payment Gateway]
DB[(Database)]
Web -->|IKatalog| Katalog
Web -->|IKeranjang| Keranjang
Web -->|IPembayaran| Bayar
Bayar -.->|IGateway| PG
Katalog --> DB
Keranjang --> DB
Bayar --> DBUntuk diagram arsitektur yang digambar otomatis dari deskripsi, gunakan architecture diagram generator atau C4 diagram generator ChartCraft.
Seperti apa contoh diagram yang memakai simbol-simbol ini?
Berikut contoh diagram nyata dari galeri publik ChartCraft. Setiap diagram dibuat dari deskripsi teks biasa — buka salah satunya untuk melihat prompt yang dipakai (galeri berbahasa Inggris).
Pertanyaan yang sering diajukan
Apa saja simbol component diagram?
Komponen, provided interface (lollipop), required interface (soket), assembly connector, port, dependency, realisasi, dan package.
Apa simbol node pada deployment diagram?
Kotak tiga dimensi. Node mewakili perangkat keras atau lingkungan eksekusi seperti server, container, atau perangkat mobile.
Apa beda komponen dan artifact?
Komponen adalah bagian logis perangkat lunak (misalnya layanan Pembayaran). Artifact adalah file fisik yang mewujudkannya (misalnya pembayaran.jar) dan dipasang di node.
Referensi simbol lainnya
Semua referensi simbol diagram dalam bahasa Indonesia: