Diagram Sekuens

Dokumentasikan interaksi antara aktor atau sistem yang berbeda dari waktu ke waktu. Ideal untuk dokumentasi API dan desain sistem.

DiagramBuka editor utama

Apa itu Diagram Sekuens?

Diagram sekuens adalah diagram interaksi UML yang menunjukkan bagaimana objek atau sistem berkomunikasi satu sama lain dari waktu ke waktu. Mereka menampilkan urutan kronologis pertukaran pesan antara aktor yang berbeda, menjadikannya sangat berharga untuk mendokumentasikan alur API, interaksi sistem, dan proses multi-langkah. Setiap peserta direpresentasikan oleh garis hidup vertikal, dengan panah horizontal menunjukkan pertukaran pesan.

Edit dan pratinjau

Bangun Diagram Sekuens dengan sintaks Mermaid dan lihat perubahan secara instan.

Editor

100%

Example

Sequence diagram example

A Mermaid sequence diagram for documenting browser, editor, and renderer interactions.

Mermaid code

sequenceDiagram
    participant User
    participant WebApp as Mermaid Editor
    participant Renderer
    User->>WebApp: Paste diagram code
    WebApp->>Renderer: Render Mermaid syntax
    Renderer-->>WebApp: SVG preview
    WebApp-->>User: Download PNG

Kasus Penggunaan Umum

Dokumentasi API

Dokumentasikan endpoint API dan alur interaksinya. Visualisasikan siklus permintaan-respons, alur autentikasi, penanganan kesalahan, dan pertukaran data antara klien dan server.

Arsitektur Microservices

Petakan pola komunikasi antara microservices, antrean pesan, dan database. Penting untuk memahami perilaku sistem terdistribusi dan debugging masalah integrasi.

Autentikasi & Otorisasi

Modelkan proses autentikasi multi-langkah seperti OAuth, SAML, atau alur token JWT. Tunjukkan urutan pengalihan, pertukaran token, dan langkah validasi.

Integrasi Sistem

Visualisasikan bagaimana sistem yang berbeda berinteraksi dalam skenario integrasi kompleks. Dokumentasikan callback webhook, arsitektur berbasis event, dan integrasi layanan pihak ketiga.

Fitur Utama

Manajemen Peserta

Definisikan beberapa aktor, sistem, atau layanan dengan alias dan kotak aktivasi untuk menunjukkan kapan komponen sedang memproses secara aktif.

Jenis Pesan

Dukungan untuk panggilan sinkron, pesan asinkron, nilai kembalian, dan panggilan mandiri dengan gaya panah yang berbeda untuk kejelasan.

Struktur Kontrol

Modelkan perulangan, cabang kondisional (alt/else), blok opsional, dan pemrosesan paralel dengan sintaks yang intuitif.

Catatan & Anotasi

Tambahkan catatan penjelasan ke titik mana pun dalam sekuens untuk memberikan konteks, memperjelas logika bisnis, atau mendokumentasikan kasus tepi.

Praktik Terbaik

Fokus pada Satu Skenario

Setiap diagram sekuens harus merepresentasikan satu kasus penggunaan atau alur interaksi. Buat diagram terpisah untuk skenario yang berbeda daripada menggabungkan semuanya.

Gunakan Nama yang Bermakna

Berikan peserta nama yang jelas dan deskriptif. Gunakan nama layanan atau jabatan yang sebenarnya daripada label generik seperti 'Sistem A' atau 'Komponen 1'.

Tampilkan Jalur Kesalahan

Jangan hanya mendokumentasikan jalur sukses. Sertakan alur alternatif untuk kondisi kesalahan, timeout, dan penanganan pengecualian.

Jaga Waktu Atas-ke-Bawah

Ikuti konvensi bahwa waktu mengalir dari atas ke bawah. Interaksi yang lebih awal harus muncul lebih tinggi dalam diagram daripada yang lebih belakangan.

Jelajahi jenis diagram lainnya

Flowchart

Visualisasikan proses, alur kerja, dan algoritma dengan node dan panah terarah. Sempurna untuk proses bisnis dan pohon keputusan.

Diagram Kelas

Modelkan sistem berorientasi objek dengan kelas, atribut, dan relasi. Penting untuk perencanaan arsitektur perangkat lunak.

Diagram State

Representasikan transisi state dalam sistem atau aplikasi. Cocok untuk memodelkan state siklus hidup dan alur kerja.

Gantt Chart

Rencanakan dan lacak jadwal proyek dengan tugas dan dependensi. Sempurna untuk manajemen proyek dan penjadwalan.

Diagram ER

Rancang skema database dengan entitas dan relasi. Ideal untuk pemodelan dan dokumentasi database.

Perjalanan Pengguna

Petakan pengalaman dan interaksi pengguna di berbagai titik sentuh. Sangat baik untuk desain UX dan pemetaan perjalanan pelanggan.

Git Graph

Visualisasikan strategi percabangan Git dan riwayat commit. Berguna untuk menjelaskan alur kerja kontrol versi.

Peta Pikiran

Organisir ide, brainstorming, dan buat struktur visual hierarkis. Sempurna untuk perencanaan dan pemetaan pengetahuan.

Diagram Lingkaran

Tampilkan distribusi data proporsional dengan diagram lingkaran. Ideal untuk menunjukkan persentase dan analisis pangsa pasar.

Timeline

Visualisasikan peristiwa kronologis dan tonggak sepanjang sumbu waktu. Cocok untuk sejarah proyek dan peta jalan.

Papan Kanban

Organisir tugas ke dalam kolom yang merepresentasikan tahapan alur kerja. Sempurna untuk manajemen proyek agile dan pelacakan tugas.

Diagram Kuadran

Plot item pada grid dua sumbu untuk membandingkan dan memprioritaskan. Ideal untuk prioritas fitur dan analisis strategis.

Diagram Sankey

Visualisasikan kuantitas aliran antar node dengan panah proporsional. Sempurna untuk aliran energi, alokasi anggaran, dan corong konversi.

Grafik XY

Buat diagram batang dan diagram garis dengan sumbu yang dapat disesuaikan. Ideal untuk visualisasi data dan analisis tren.

Diagram Blok

Bangun tata letak terstruktur dengan blok yang disusun dalam kolom dan baris. Cocok untuk arsitektur sistem dan gambaran umum komponen.

Diagram Arsitektur

Rancang arsitektur cloud dan sistem dengan ikon layanan dan koneksi. Sempurna untuk dokumentasi infrastruktur.

Diagram Paket

Visualisasikan struktur paket protokol jaringan dengan tata letak field tingkat bit. Penting untuk dokumentasi protokol jaringan.