OpenFLOW - Yerelde hızlıca güzel altyapı diyagramları oluşturma aracı

 (github.com/stan-smith)
46 puan yazan GN⁺ 2025-07-02 | 1 yorum | WhatsApp'ta paylaş
  • Tarayıcı tabanlı çalışan açık kaynak izometrik (3D tarzı) diyagram oluşturma PWA'sı
  • React ve Isoflow motoru tabanlıdır; kurulum gerektirmez, çevrimdışıyken de çalışır ve gizlilik, otomatik kaydetme, kolay içe/dışa aktarma gibi çeşitli özellikler sunar
  • Tüm veriler tarayıcının yerel depolamasında saklanır; diyagramlar JSON dosyası olarak serbestçe paylaşılabilir ve yedeklenebilir
  • GitHub Pages, Netlify gibi statik barındırmayı destekler; HTTPS ortamında PWA özellikleri tamamen kullanılabilir

OpenFLOW genel bakış ve projenin değeri

  • OpenFLOW, geliştiricilerin ve BT uzmanlarının altyapı tasarımı ile ağ yapısını görselleştirmesi için kullanışlı, ücretsiz açık kaynak bir PWA'dır (Progressive Web App)
  • Rakip araçlara kıyasla yerelde hızlı ve güvenli çalışmayı sağlar; ağ bağlantısı olmadan da özellikler kullanılabilir
  • Isoflow motorunu kullanarak şık 3D tarzı diyagramlar üretilebilir ve tüm veriler harici sunuculara gönderilmediği için güçlü gizlilik sağlar
  • Sezgisel arayüz, otomatik kaydetme, içe/dışa aktarma gibi iş akışını kolaylaştıran özellikler sayesinde farklı ekipler ve bireyler ağ ve mimari dokümantasyonunu kolayca yapabilir
  • Geliştirme ortamı gereksinimleri düşüktür; özel bir kurulum olmadan yalnızca web tarayıcısıyla hemen çalışmaya başlanabilir

Temel özellikler

  • İzometrik diyagram oluşturma: 3D hissi veren ağ, sistem ve teknik diyagramların görselleştirilmesi
  • Otomatik kaydetme: Yapılan çalışmalar her 5 saniyede bir otomatik olarak kaydedilir
  • Gizlilik: Veriler yalnızca tarayıcıda yerel olarak saklanır (5~10MB sınırı)
  • Import/Export: JSON dosyalarıyla diyagram paylaşımı ve yedekleme desteği
  • Çevrimdışı mod: İnternet olmadan da tüm özellikler kullanılabilir
  • Hızlı başlatma: PWA olarak kurulup çalıştırılabilir

Dağıtım ve barındırma

  • Statik barındırma: build klasörü GitHub Pages, Netlify, Vercel, AWS S3 vb. ortamlara dağıtılabilir
  • HTTPS zorunlu: PWA'nın düzgün çalışması için HTTPS gerekir (yerel ortam hariç)
  • Düzenli yedek önerilir: Önemli çalışmalar JSON olarak dışa aktarılarak yedeklenmelidir

Teknoloji yığını

  • React, TypeScript, Isoflow, PWA

Uyumlu tarayıcılar

  • Chrome/Edge (önerilir), Firefox, Safari, mobil PWA desteği

Açık kaynak ve katkı

  • Isoflow Community Edition (MIT lisansı) + OpenFLOW (Unlicense)
  • Herkes özgürce kullanabilir, değiştirebilir ve dağıtabilir

İlgili okumalar

1 yorum

 
GN⁺ 2025-07-02
Hacker News görüşleri
  • Mermaid.js'in görünümü pek beğenilmiyor; sözdizimi de zor ve epey hatalı bulunuyor, ancak statik site üreticilerinde en iyi desteklenen diyagram araçlarından biri olduğu için kullanıldığı belirtiliyor. Isoflow diyagramları da Markdown içine bu kadar kolay gömülebilse gerçekten harika olurdu beklentisi dile getiriliyor.
    • İlginç yorum için teşekkür ediliyor, TODO listesine eklenmesinin planlandığı söyleniyor.
    • Mermaid fikrinin kendisinin iyi olduğu, ancak sözdiziminin fazla karmaşık ve GitLab gibi araçlarla entegrasyonunun da kararsız olduğu belirtiliyor.
    • Markdown entegrasyonu olursa bunun kullanıcılara çok daha büyük bir fayda sağlayacağı görüşü paylaşılıyor.
  • Isoflow ile Styus'un birlikte iyi çalışabileceği öneriliyor; Stylus, CSS sınıflarını otomatik değiştiren hafif bir home-state sunucusu olarak tanıtılıyor ve ilgili bağlantı paylaşılıyor: https://github.com/mmastrac/stylus. Isoflow kütüphanesiyle iyi uyum sağlayabileceği umuluyor.
  • Clive Maxfield'in kitaplarında yer alan izometrik diyagramların her zaman sevildiği, bazı devre şemalarının düzlemsel olmayan yapılar içerdiği (flip-flop, yarı iletken katmanlar, FPGA mimarileri vb.) ve bakış açısı eklendiğinde bilginin daha az karmaşık görünüp anlamanın ya da hatırlamanın kolaylaştığı deneyimi paylaşılıyor. Bunun çeşitli teknik alanlara da çok uygun bir yaklaşım olduğu değerlendiriliyor. https://www.clivemaxfield.com
  • Snowflake'in yakın zamanda Openflow adlı bir ürün çıkardığı, bu yüzden keşfedilmesinin zor olabileceği uyarısı yapılıyor; isimlendirme konusunda düşünmek gerekebilir.
  • Isoflow'un üstüne tam olarak ne eklendiğinin anlaşılmadığı, asıl kritik rolü zaten Isoflow'un oynayıp oynamadığı soruluyor.
    • Gerçekte işin %90'ını Isoflow'un yaptığı, gizlenen hiçbir şey olmadığı ve community pack'i doğrudan kullanılabilir biçimde sunan bir paket bulunmadığı için yalnızca bunun sağlandığı açıkça belirtiliyor.
  • ISOFLOW Community Edition'ı https://github.com/markmanx/isoflow ek bir işlem gerektirmeden sarıp kurulumu ve çalıştırmayı çok kolay hale getirdiği vurgulanıyor. Diyagramların JSON yedeklerinin dışa aktarılıp yeniden içe alınabilmesi sayesinde fiilen sınırsız sayıda diyagram üretilebildiği ve community sürümünün kısıtlarının bu şekilde aşıldığı anlatılıyor.
    • Node.js'e aşina olmayan bir kullanıcı, Isoflow kodunda 3D tarzı ikonların grafiklerinin nerede bulunduğunu, bunların SVG dosyaları olup olmadığını ve özel ikon eklenip eklenemeyeceğini soruyor.
  • Diyagram kalitesi övülüyor; geçmişte benzer bir projenin gelir elde etme zorlukları nedeniyle kapanmış olduğu hatırlatılıyor. Bu projenin MIT OSS olması nedeniyle şu an için gelir elde etmenin ana hedef gibi görünmediği söyleniyor. Ayrıca alttaki "Built with the Isoflow library" bağlantısının 404 verdiği fark edilip bildiriliyor: https://github.com/isoflow/isoflow
    • Tasarım ve ikonlarla ilgili emeğin neredeyse tamamen Isoflow'a ait olduğu, community edition'ın Pro sürüme geçişi teşvik edecek şekilde kurgulandığı açıklanıyor. Herhangi bir gelir planı olmadığı, insanların bunu keyifle kullanmasının istendiği ve hatalı bağlantı uyarısının hemen düzeltileceği söyleniyor.
  • GitHub Pages üzerinde de barındırılıp barındırılamayacağı ve bir demo bağlantısı soruluyor.
  • Bunun eğlenceli bir uygulama olduğu söyleniyor ve paylaşılan ayrıntılı bilgiler için olumlu geri bildirim veriliyor.