Tüm diyagramlara dön

Sıralama Diyagramları

Farklı aktörler veya sistemler arasındaki etkileşimleri zaman içinde belgeleyin. API dokümantasyonu ve sistem tasarımı için ideal.

Sıralama Diyagramları nedir?

Sıralama diyagramları, nesnelerin veya sistemlerin zaman içinde birbirleriyle nasıl iletişim kurduğunu gösteren UML etkileşim diyagramlarıdır. Farklı aktörler arasındaki mesaj alışverişlerinin kronolojik sırasını göstererek API akışlarını, sistem etkileşimlerini ve çok adımlı süreçleri belgelemek için paha biçilmez hale gelirler. Her katılımcı dikey bir yaşam çizgisiyle temsil edilir ve yatay oklar mesaj alışverişlerini gösterir.

Düzenle ve önizle

Mermaid sözdizimi ile bir Sıralama Diyagramları oluşturun ve değişiklikleri anında görün.

Editör
100%

Example

Sequence diagram example

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

Mermaid sequence diagram example showing user, editor, renderer, preview, and PNG download messages
Mermaid sequence diagram example showing user, editor, renderer, preview, and PNG download messages

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

Yaygın Kullanım Senaryoları

API Dokümantasyonu

API uç noktalarını ve etkileşim akışlarını belgeleyin. İstemci ve sunucu arasındaki istek-yanıt döngülerini, kimlik doğrulama akışlarını, hata işlemeyi ve veri alışverişlerini görselleştirin.

Mikroservis Mimarisi

Mikroservisler, mesaj kuyrukları ve veritabanları arasındaki iletişim kalıplarını haritalayın. Dağıtık sistem davranışını anlamak ve entegrasyon sorunlarını ayıklamak için vazgeçilmez.

Kimlik Doğrulama ve Yetkilendirme

OAuth, SAML veya JWT token akışları gibi çok adımlı kimlik doğrulama süreçlerini modelleyin. Yönlendirmelerin, token alışverişlerinin ve doğrulama adımlarının sırasını gösterin.

Sistem Entegrasyonu

Karmaşık entegrasyon senaryolarında farklı sistemlerin nasıl etkileşim kurduğunu görselleştirin. Webhook geri çağrılarını, olay odaklı mimarileri ve üçüncü taraf hizmet entegrasyonlarını belgeleyin.

Temel Özellikler

Katılımcı Yönetimi

Bileşenlerin aktif olarak işlem yaptığını göstermek için takma adlar ve etkinleştirme kutularıyla birden fazla aktör, sistem veya hizmet tanımlayın.

Mesaj Türleri

Netlik için farklı ok stilleriyle senkron çağrılar, asenkron mesajlar, dönüş değerleri ve kendi kendine çağrılar desteği.

Kontrol Yapıları

Sezgisel sözdizimi ile döngüleri, koşullu dalları (alt/else), isteğe bağlı blokları ve paralel işlemeyi modelleyin.

Notlar ve Açıklamalar

Bağlam sağlamak, iş mantığını açıklamak veya uç durumları belgelemek için sıralamadaki herhangi bir noktaya açıklayıcı notlar ekleyin.

En İyi Uygulamalar

Tek Bir Senaryoya Odaklanın

Her sıralama diyagramı tek bir kullanım senaryosunu veya etkileşim akışını temsil etmelidir. Her şeyi birleştirmek yerine farklı senaryolar için ayrı diyagramlar oluşturun.

Anlamlı İsimler Kullanın

Katılımcılara net, açıklayıcı isimler verin. 'Sistem A' veya 'Bileşen 1' gibi genel etiketler yerine gerçek hizmet adlarını veya rol başlıklarını kullanın.

Hata Yollarını Gösterin

Sadece mutlu yolu belgelemeyin. Hata koşulları, zaman aşımları ve istisna işleme için alternatif akışları dahil edin.

Zamanı Yukarıdan Aşağıya Tutun

Zamanın yukarıdan aşağıya doğru aktığı kuralını takip edin. Önceki etkileşimler, sonrakilerden daha yukarıda görünmelidir.

Diğer diyagram türlerini keşfedin

Akış Şemaları

Düğümler ve yönlü oklarla süreçleri, iş akışlarını ve algoritmaları görselleştirin. İş süreçleri ve karar ağaçları için mükemmel.

Sınıf Diyagramları

Sınıflar, öznitelikler ve ilişkilerle nesne yönelimli sistemleri modelleyin. Yazılım mimarisi planlaması için vazgeçilmez.

Durum Diyagramları

Sistemlerde veya uygulamalarda durum geçişlerini temsil edin. Yaşam döngüsü durumlarını ve iş akışlarını modellemek için harika.

Gantt Grafikleri

Görevler ve bağımlılıklarla proje zaman çizelgelerini planlayın ve takip edin. Proje yönetimi ve zamanlama için mükemmel.

ER Diyagramları

Varlıklar ve ilişkilerle veritabanı şemalarını tasarlayın. Veritabanı modelleme ve dokümantasyonu için ideal.

Kullanıcı Yolculuğu

Temas noktaları boyunca kullanıcı deneyimlerini ve etkileşimlerini haritalayın. UX tasarımı ve müşteri yolculuğu haritalama için mükemmel.

Git Grafikleri

Git dallanma stratejilerini ve commit geçmişlerini görselleştirin. Sürüm kontrol iş akışlarını açıklamak için faydalı.

Zihin Haritaları

Fikirleri organize edin, beyin fırtınası yapın ve hiyerarşik görsel yapılar oluşturun. Planlama ve bilgi haritalama için mükemmel.

Pasta Grafikleri

Oransal veri dağılımlarını dairesel grafiklerle görüntüleyin. Yüzdeleri ve pazar payı dağılımlarını göstermek için ideal.

Zaman Çizelgeleri

Kronolojik olayları ve kilometre taşlarını bir zaman ekseni boyunca görselleştirin. Proje geçmişleri ve yol haritaları için harika.

Kanban Panoları

Görevleri iş akışı aşamalarını temsil eden sütunlar halinde düzenleyin. Çevik proje yönetimi ve görev takibi için mükemmel.

Kadran Grafikleri

Öğeleri iki eksenli bir ızgarada karşılaştırın ve önceliklendirin. Özellik önceliklendirme ve stratejik analiz için ideal.

Sankey Diyagramları

Düğümler arasındaki akış miktarlarını orantılı oklarla görselleştirin. Enerji akışları, bütçe tahsisi ve dönüşüm hunileri için mükemmel.

XY Grafikleri

Özelleştirilebilir eksenlerle çubuk grafikleri ve çizgi grafikleri oluşturun. Veri görselleştirme ve trend analizi için ideal.

Blok Diyagramları

Sütunlar ve satırlar halinde düzenlenmiş bloklarla yapılandırılmış düzenler oluşturun. Sistem mimarisi ve bileşen genel görünümleri için harika.

Mimari Diyagramlar

Hizmet simgeleri ve bağlantılarla bulut ve sistem mimarisi tasarlayın. Altyapı dokümantasyonu için mükemmel.

Paket Diyagramları

Ağ protokolü paket yapılarını bit düzeyinde alan düzenleriyle görselleştirin. Ağ protokolü dokümantasyonu için vazgeçilmez.