Görsel Programlama Arayüzü

[Chastor]

Merhabalar, çocuklar için görsel programlama (flowchart) ile algoritma geliştirmeyi -sağlayan bir uygulama geliştirme fikrim var.

Örnek olarak;

Scratch
https://www.youtube.com/watch?v=u8fRyi_3i9w

Unreal Engine BluePrint



Unity Mecanim

https://docs.unity3d.com/462/Documentation/uploads/Main/MecanimShowcase.png[/img]

Yukarıdaki örnekleri nasıl bir şey hayal ettiğimi anlatabilmek için koydum. Yani uygulama temel olarak drag and drop ve serial port üzerine kurulu olacak.

Bu uygulamayı ilk olarak Windows için geliştirmeyi düşünüyorum. Ayrıca uygulama elektronik kontrol kartlarını(arduino,raspberry pi v.s.) kullanacağından dolayı Serial Port kütüphanesini kullanmam gerekiyor.

Gelelim sorulara;
- Görsel açıdan güçlü,interaktif ve .NET kütüphanelerini kullanabileceğim güzel bir tool önerebilir misiniz?

- Unity'e aşina olduğumdan ve kaynak çok fazla olduğundan Unity ile yapmayı düşündüm fakat Mono'da Windows Serial Port kütüphanesi buglı olduğundan dolayı takıldım ve ilerleyemedim. Ayrıca Unitynin UI ağırlıklı uygulamalar için uygun olmadığını düşünüyorum.

- .NET WPF ile devam etmeyi düşündüm ama kullanımı çok ağır geldi belki yeterli bilgiye sahip olmadığımdandır.

- QT'ye baktım bir fikrim yok ama kullanan ve öneren olursa değerlendirebilirim.

- Son olarak bu tarz da bir çok programın yazıldığını görüyorum.
Ama hiç birinde developer tool olarak ne kullanıldığı yazmıyor haliyle. Bu tarz bir projeyle uğraşmış olan varsa neler kullanılabileceği hakkında öneri verebilirse çok memnun olurum.
Arduino için yazılmış çeşitli IDE'ler - https://playground.arduino.cc/Main/DevelopmentTools

Yazılım dünyasına yakın zamanda giriş yaptığımdan Bilal'e anlatır gibi anlatabilirseniz sevinirim :D

[razzRaziel]

unreal'inki kısmet değil miydi ya görsel arayüzünün adı? onu da mı değiştirdiler

görsel öğretim her zaman dediğim gibi geleceğin kendisi. text nedir allasen.

bununla ilgileniyorsan android'de gladiabots diye bir oyun var kesin bak. görsel olarak ai programlıyorsun ve karakterler ona göre savaşıyor. e çocukların öğrenmesi için de +1 böyle bir konsept.

[Gwiwkes]

Öncelikle daha önce gui yazmadığımı belirteyim.
Ben şahsen aklımdaki bir fikrin(tagspaces benzeri bir program) gui kısmı için QT kullanmayı planlıyorum. QT'yi cross-platform, mature olduğu ve birçok dille kullanılabildiği için ilk sırada düşünüyorum.

İlk olarak, Windows'ta geliştirme yaklaşımıyla başlamanı tavsiye etmem eğer cross-platform yapmayı az da olsa düşünüyorsan.
Uygulaman sadece Windows üstünde olmayacaksa Windows'a bağlı herhangi bir teknoloji kullanmanı tavsiye etmem.
Başka platform desteği sonradan eklenmeye çalışıldığında genelde orijinal platform dışında uygulama hem daha kalitesiz olabiliyor hem de port'laması daha uzun sürebiliyor.

Serial port kütüphanesi kısmı için, uygulamada kullanacağın dil büyük ihtimalle C dilinden fonksiyon çağırmayı destekliyordur. Öyleyse C'de popüler olan bir serial port kütüphanesi kullanabilirsin. Bu yöntem ekstra bir logic katmadığından geliştirmesi alttakine göre daha hızlı olur.
Diğer bir yöntem olarak senin uygulaman ile serial port kısımlarının halledildiği kısmı (SP diyelim) server-client şeklinde yapılandırıp uygulamandan SP'ye paketler gönderip cevap olarak yine paketler alabilirsin. Bunun için de bir paket formatı ve paketlerde ne göndereceğini seçmen lazım. Burada msgpack gibi binary mesaj formatlarını tavsiye ederim.
İkinci yönteme alternatif olarak OSC(open sound control) ismindeki proje de işini görebilir. OSC sadece veri paketleri değil, aynı zamanda command göndermene yarayan bir proje. Belki serial port kontrolü için daha rahat olabilir.

Son olarak, eğer cross-platform olacak şekilde yazacaksan alttaki videoda bahsedilen yöntemlere bir göz atmanı öneririm. Anlatılan üç yöntemden bana en mantıklı gelen, yapılacak uygulamayı bir library gibi yazmak. Bu sayede işletim sistemleriyle ilgili kodlar ile uygulamanın core kısmı güzelce ayrılmış oluyor.
Videoda C üstünden anlatıyor ama üstte de bahsettiğim yöntem herhangi bir dil için uygulanabilir.

[video]https://youtu.be/_4vnV2Eng7M?t=13m45s?feature=oembed" width="459">

[Lancelion]

Kimse yogurduna eksi demez, benimki de o hesap fakat bence QT dogru karar olur.

En low-level (serial demissin, qtserialport)'dan en high-level'a kadar her istedigini yapabilecegin libraryleri, cross-platform destegi, -bence- 10/10 documentationu, IDEi falan derken avantaji cok.

[senko]

Tek eksigi öğrenmesi omur aliyor :)

[elesso]

selam,

web uygulaması yapmayı düşünürsen güzel libraryler var javascript tabanlı.

örnek olarak gojs.. paralı ama watermarkla development esnasında ücretsiz kullanabiliyorsun. projeyi bitirdiğinde linsanslarsın veya cracklersin :D

https://gojs.net/latest/samples/flowchart.html

bunda sadece charta json göndererek müthiş chartlar çizebiliyorsun. ben dinamik organizasyon şeması yaptım geçende, çok bomba oldu :p

veya benzer çok iyi ücretsiz librarylerde var...

bu saatten sonra kurulabilir application girişimi yalan olabilir bence... herhalukada web sitesi yapmanı tavsiye ederim..

serialportu web üzerinden nasıl çözersin fikrim yok :D

[senko]

electron var bu aralar favorim js tabanlı
ama istediğin esnekliği veremez muhtemelen.

[GEd]

su geldı aklıma hıc kullanmamısta olsam

https://nodered.org/

[pulkas]

VisionMachine -Imgui https://github.com/ocornut/imgui
https://www.youtube.com/watch?v=RV4xUTmgHBU

Audulus -> nanovg https://github.com/memononen/nanovg
https://www.youtube.com/watch?v=6cF3v0Nlfkc

Touch Designer -> Kapali kutu (blender kafasinda buz gibi opengl olabilir.qt nin esamesine rastlamadim acikcasi)
https://www.youtube.com/watch?v=wubew8E4rZg

max/msp -> juce https://www.juce.com/
https://www.youtube.com/watch?v=Cv9-TzzGAh8

autodesk dynamo -> ne yazik ki C# http://dynamobim.org/
https://www.youtube.com/watch?v=QETG7HaaaaI

https://noflojs.org/

qt+KF5
https://github.com/chigraph/chigraph

Baska kutuphanelerden orneklerde koyacaktim ama sabah is var.Bayaa gec olmus.

`Flow based paradigm` diye bakiyosun buna.Hadise komplekslesicekse immediate mode kutuphanelerle ilerlemek lazim.(imgui, nanovg, nuklear, opengl ...)

[Chastor]

Çok teşekkürler cevaplar için ben yazdıklarınızı sindireyim bana en uyan tool u seçip bir şeyler yapmaya çalışırım.

pulkas said:

Örnekler...

Bu örnekler çok başarılı tam istediğim tarzdalar ilham oldu bana da :)