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.
Durum Diyagramları nedir?
Durum diyagramları, durum makinesi diyagramları olarak da bilinir, bir nesnenin veya sistemin bulunabileceği farklı durumları ve olaylara yanıt olarak durumlar arasında nasıl geçiş yaptığını görselleştirir. Yaşam döngüsü davranışını, iş akışlarını ve karmaşık koşullu mantığı modellemek için vazgeçilmezdirler. Her durum kararlı bir koşulu temsil ederken, geçişler durum değişikliklerine neden olan tetikleyicileri gösterir.
Düzenle ve önizle
Mermaid sözdizimi ile bir Durum Diyagramları oluşturun ve değişiklikleri anında görün.
Example
State diagram example
A Mermaid state diagram for a diagram moving from draft to preview, edit, and export.
Mermaid code
stateDiagram-v2
[*] --> Draft
Draft --> Preview: render
Preview --> Editing: update code
Preview --> Exported: download PNG
Editing --> Preview: render again
Exported --> [*]Yaygın Kullanım Senaryoları
Uygulama Durum Yönetimi
UI durumlarını, form doğrulama akışlarını ve uygulama modlarını modelleyin. React veya Vue gibi frontend çerçevelerinde durum makineleri tasarlamak için vazgeçilmez.
İş Akışı Modelleme
Onay iş akışlarını, sipariş işleme durumlarını ve destek talebi yaşam döngüsü yönetimini tasarlayın. İş süreçleri için durum geçişlerini ve koruma koşullarını haritalayın.
Protokol Tasarımı
Ağ protokolü durumlarını, bağlantı yaşam döngülerini ve iletişim durum makinelerini görselleştirin. Gömülü sistemler ve IoT cihaz programlama için kritik.
Oyun Geliştirme
Karakter durumlarını, oyun modlarını ve seviye ilerlemesini modelleyin. Yapay zeka davranışı ve oyun mekanikleri için sonlu durum makineleri tasarlayın.
Temel Özellikler
Durum Türleri
Basit durumlar, bileşik durumlar ve başlangıç, bitiş ve seçim sözde durumları gibi özel durumlar desteği.
Geçiş Korumaları
Durum değişiklikleri sırasında yürütülen koruma koşulları ve eylemlerle koşullu geçişler tanımlayın.
İç İçe Durumlar
Karmaşık davranışı modellemek için üst ve alt durumlarla hiyerarşik durum makineleri oluşturun.
Eşzamanlı Durumlar
Eşzamanlı davranışa sahip sistemler için paralel durum makineleri ve ortogonal bölgeler modelleyin.
En İyi Uygulamalar
Basit Başlayın
Üst düzey durumlarla başlayın ve kademeli olarak iyileştirin. Karmaşıklığı gerekene kadar gizlemek için bileşik durumları kullanın.
Durumları Koşul Olarak Adlandırın
Fiiller yerine sıfatlar veya geçmiş ortaçlar kullanın (ör. 'Aktif', 'Askıya Alınmış', 'Tamamlanmış').
Geçişleri Belgeleyin
Tüm geçişleri olaylar, koruma koşulları ve eylemlerle etiketleyin. Her ok net bir hikaye anlatmalıdır.
Durum Patlamasından Kaçının
Çok fazla durumunuz varsa, bunları birleştirmek için kalıplar arayın veya bunun yerine durum değişkenleri kullanın.
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ı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ınıf Diyagramları
Sınıflar, öznitelikler ve ilişkilerle nesne yönelimli sistemleri modelleyin. Yazılım mimarisi planlaması için vazgeçilmez.
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.