Draw.io Entegrasyonu

Draw.io entegrasyonu, SetGet sayfaları içinde tam özellikli bir diyagram editörü yerleştirir. Ayrı bir uygulamaya geçmeden akış şemaları, sistem mimarisi diyagramları, tel çerçeveler, ER diyagramları, sıra diyagramları ve daha fazlasını oluşturun. Diyagramlar sayfa içeriğinin bir parçası olarak saklanır; belgeleri ve görselleri bir arada tutar.

Yetenekler

Özellik	Açıklama
Satır içi diyagram editörü	Sayfa editörü içinde gömülü tam Draw.io editörü
Diyagram türleri	Akış şemaları, mimari diyagramları, tel çerçeveler, ER diyagramları, UML, sıra diyagramları, zihin haritaları
Depolama	Diyagramlar SetGet'te sayfa içeriğiyle birlikte saklanır
Dışarı aktarma	Diyagramları PNG, SVG veya PDF olarak dışarı aktarın
İş birliği	Birden fazla ekip üyesi diyagramları görüntüleyebilir ve düzenleyebilir

Kurulum gerektirmez

Draw.io entegrasyonu, SetGet sayfalarına yerleşik olarak gelir. Ayrı bir bağlantı veya yetkilendirme adımı yoktur. Bir sayfada düzenleme erişimine sahip her çalışma alanı üyesi diyagram oluşturabilir ve düzenleyebilir.

Diyagram oluşturma

Yöntem 1 -- Eğik çizgi komutu

1. Bir SetGet sayfası açın veya oluşturun.
2. Sayfa editöründe /draw veya /diagram yazın.
3. Eğik çizgi komut menüsünden Draw.io Diyagramı'nı seçin.
4. Draw.io editörü satır içinde açılır.
5. Araç çubuğunu ve şekil kitaplıklarını kullanarak diyagramınızı oluşturun.
6. Diyagramı sayfaya yerleştirmek için Kaydet'e tıklayın.

Yöntem 2 -- Blok menüsü

1. Sayfa editöründe blok menüsünü açmak için + düğmesine tıklayın.
2. "Diyagram" veya "Draw.io" arayın.
3. Draw.io Diyagramı'na tıklayın.
4. Editör satır içinde açılır.

Mevcut bir diyagramı düzenleme

1. Sayfadaki gömülü diyagrama tıklayın.
2. Diyagramın üzerinde görünen Düzenle düğmesine tıklayın.
3. Draw.io editörü, mevcut diyagram yüklü olarak açılır.
4. Değişikliklerinizi yapın.
5. Sayfadaki diyagramı güncellemek için Kaydet'e tıklayın.

Desteklenen diyagram türleri

Tür	Kullanım durumu	Örnek
Akış şeması	Süreç iş akışları, karar ağaçları	Kullanıcı kayıt akışı
Mimari diyagramı	Sistem bileşenleri, servis etkileşimleri	Mikroservis topolojisi
Tel çerçeve	Arayüz maketleri, sayfa düzenleri	Gösterge paneli düzen taslağı
ER diyagramı	Veritabanı şeması, varlık ilişkileri	Veri modeli belgeleme
UML sınıf diyagramı	Nesne yönelimli tasarım	Servis katmanı sınıf hiyerarşisi
Sıra diyagramı	Etkileşim zaman çizelgeleri	API istek-yanıt akışı
Zihin haritası	Beyin fırtınası, fikir organizasyonu	Özellik beyin fırtınası
Ağ diyagramı	Altyapı topolojisi	Sunucu ve ağ düzeni
Organizasyon şeması	Ekip yapısı	Departman hiyerarşisi

Editör özellikleri

Gömülü Draw.io editörü şunları içerir:

• Şekil kitaplıkları — kategorilere göre düzenlenmiş yüzlerce yerleşik şekil (Genel, UML, Ağ, AWS, Azure, GCP vb.).
• Bağlayıcılar — özelleştirilebilir uç noktalara sahip düz, eğri ve dik açılı bağlayıcılar.
• Metin biçimlendirme — şekillerde yazı tipleri, boyutlar, renkler, hizalama ve zengin metin.
• Katmanlar — karmaşık diyagramları gösterilebilen veya gizlenebilen katmanlar halinde düzenleyin.
• Izgara ve hizalama — ızgara yapışmasıyla şekilleri hassas biçimde hizalayın.
• Yakınlaştırma ve kaydırma — kaydırma ve sıkıştırma hareketleriyle büyük diyagramlarda gezinin.
• Şekil arama — ihtiyacınız olan bileşeni bulmak için tüm şekil kitaplıklarında arama yapın.
• Özel renkler ve stiller — ekibinizin markası veya belgeleme stiline uyum sağlayın.

Diyagram depolama

Diyagramlar, sayfa belgesine gömülü XML verisi olarak saklanır. Bu şu anlama gelir:

• Diyagramlar sayfayla birlikte sürümlenir. Bir sayfa sürümünü geri yüklemek, diyagramı o noktadaki haliyle geri yükler.
• Diyagramlar ayrı depolama kotası tüketmez.
• Diyagramlar sayfalar dışarı aktarıldığında dahil edilir.

İPUCU

Büyük ve karmaşık diyagramlar için, yükleme sürelerini hızlı tutmak ve diyagramı kolayca bulabilmek amacıyla özel bir sayfa oluşturmayı düşünün.

Diyagramları dışarı aktarma

Bir diyagramı bağımsız dosya olarak dışarı aktarmak için:

1. Diyagrama tıklayarak seçin.
2. Draw.io editörünü açmak için Düzenle düğmesine tıklayın.
3. Editörde Dosya > Dışarı Aktar bölümüne gidin.
4. Formatı seçin: PNG, SVG veya PDF.
5. Çözünürlüğü ve diğer seçenekleri yapılandırın.
6. Dışarı Aktar'a tıklayın.

Dışarı aktarılan dosyalar yerel makinenize indirilir.

En iyi uygulamalar

• Diyagramlarınızı adlandırın — ekip üyelerinin hızlıca bulabilmesi için diyagram bloğunun üstüne veya altına bir başlık ekleyin.
• Katmanları kullanın — karmaşık diyagramlarda ön plan öğelerini arka plan bağlamından ayırın.
• Diyagramları odaklı tutun — kavram başına bir diyagram. Birden fazla küçük diyagram, tek bir devasa diyagramdan daha kolay anlaşılır.
• Tutarlı stiller kullanın — belgeler genelinde tutarlılık için ekibinizde renkler ve şekiller üzerinde anlaşın.

UYARI

Çok büyük diyagramlar (yüzlerce şekil) sayfa yükleme süresini artırabilir. Bir diyagram yönetilemez hale gelirse, ayrı sayfalarda birden fazla odaklı diyagrama bölün.

Kullanım senaryoları

Senaryo	Diyagram türü	Nasıl yardımcı olur
Sprint planlaması	Akış şeması	Uygulamadan önce kullanıcı akışlarını haritalayın
Mimari incelemesi	Mimari diyagramı	Servis sınırlarını ve bağımlılıklarını belgeleyin
Veritabanı tasarımı	ER diyagramı	Geçişler yazmadan önce şema değişikliklerini planlayın
Oryantasyon belgeleri	Ağ diyagramı	Yeni ekip üyelerine altyapı topolojisini gösterin
Ürün beyin fırtınası	Zihin haritası	Keşif aşamasında fikirleri düzenleyin
API belgeleme	Sıra diyagramı	İstek-yanıt akışlarını gösterin

Klavye kısayolları

Draw.io editörü standart klavye kısayollarını destekler:

Kısayol	Eylem
Ctrl/Cmd + Z	Geri al
Ctrl/Cmd + Y	Yeniden yap
Ctrl/Cmd + C	Kopyala
Ctrl/Cmd + V	Yapıştır
Ctrl/Cmd + A	Tümünü seç
Delete	Seçileni sil
Ctrl/Cmd + G	Seçili şekilleri grupla
Ctrl/Cmd + Shift + U	Grubu çöz
+ / -	Yakınlaştır / uzaklaştır
Ctrl/Cmd + Shift + F	Tam ekranı aç/kapat

Sınırlamalar

Sınırlama	Ayrıntı
Gerçek zamanlı ortak düzenleme	Aynı anda yalnızca bir kullanıcı diyagramı düzenleyebilir. Diğerleri kaydedilmiş sürümü görür.
Çevrimdışı düzenleme	Draw.io editörünün yüklenmesi için internet bağlantısı gerekir.
Şekil kitaplığı içe aktarma	Harici Draw.io örneklerinden özel şekil kitaplıkları desteklenmez.
Maksimum boyut	500'den fazla şekil içeren diyagramlar performans düşüşü yaşayabilir.

İlgili sayfalar

• Entegrasyonlara genel bakış
• Sayfalar
• İş birliği