Some expirience of using DRAKON Editor:
Use DRAKON to Generate Code from Flowcharts
https://shkspr.mobi/blog/2013/04/use-dr ... lowcharts/
DRAKON-AutoHotkey: Visual programming with AutoHotkey
Re: DRAKON-AutoHotkey: Visual programming with AutoHotkey
DRAKON-AutoHotkey: Visual programming for AutoHotkey.
Re: DRAKON-AutoHotkey: Visual programming with AutoHotkey
I had some free time and decided to rewrite BitCalc (Visual Bitwise Operations) by jNizM (it took approximately 15-20 mins) using DRAKON-AutoHotkey. There are no changes to functionality.
I made two versions. Version 1 uses only Primitive type diagrams. Version 2 also uses Silhouette type diagram.
In DRAKON, for branching, if there is two variants is recommended to use If (also called Question) icon. I personally prefer to use Select/Case (also called Switch/Case) macroicon even if we have only two variants. I do it because it is easier to add more cases if you are modifying diagram. I used If (also called Question) icon in FormatHexD diagram to show how can it be used.
I made two versions. Version 1 uses only Primitive type diagrams. Version 2 also uses Silhouette type diagram.
In DRAKON, for branching, if there is two variants is recommended to use If (also called Question) icon. I personally prefer to use Select/Case (also called Switch/Case) macroicon even if we have only two variants. I do it because it is easier to add more cases if you are modifying diagram. I used If (also called Question) icon in FormatHexD diagram to show how can it be used.
DRAKON-AutoHotkey: Visual programming for AutoHotkey.
Re: DRAKON-AutoHotkey: Visual programming with AutoHotkey
Version 1 (Primitive type diagrams only)
Here is a screenshot of the sidebar in DRAKON Editor (list of all diagrams, just to show how diagrams can be organized in DRAKON Editor).
Description (code here calls initial execution of the code in first diagram).
Diagram for global settings.
Diagram for GUI.
Next three diagrams are for some functions that are used in a program.
This diagram is used for exiting the script.
See attachment for .drn (DRAKON Editor file).
Here is a screenshot of the sidebar in DRAKON Editor (list of all diagrams, just to show how diagrams can be organized in DRAKON Editor).
Description (code here calls initial execution of the code in first diagram).
Diagram for global settings.
Diagram for GUI.
Next three diagrams are for some functions that are used in a program.
This diagram is used for exiting the script.
See attachment for .drn (DRAKON Editor file).
- Attachments
-
- calc prim only.drn
- (22 KiB) Downloaded 393 times
DRAKON-AutoHotkey: Visual programming for AutoHotkey.
Re: DRAKON-AutoHotkey: Visual programming with AutoHotkey
Version 2 (Primitives and also one Silhouette type diagram)
Here is a screenshot of the sidebar in DRAKON Editor (list of all diagrams, just to show how diagrams can be organized in DRAKON Editor).
Description (code here calls initial execution of the code in first diagram).
Silhouette type diagram for global settings and GUI.
Next three diagrams are for some functions that are used in a program.
This diagram is used for exiting the script.
See attachment for .drn (DRAKON Editor file).
Here is a screenshot of the sidebar in DRAKON Editor (list of all diagrams, just to show how diagrams can be organized in DRAKON Editor).
Description (code here calls initial execution of the code in first diagram).
Silhouette type diagram for global settings and GUI.
Next three diagrams are for some functions that are used in a program.
This diagram is used for exiting the script.
See attachment for .drn (DRAKON Editor file).
- Attachments
-
- calc silh.drn
- (29 KiB) Downloaded 365 times
DRAKON-AutoHotkey: Visual programming for AutoHotkey.
Re: DRAKON-AutoHotkey: Visual programming with AutoHotkey
Ooh, I like this.
I always liked flowcharts but hated their limitations - this seems to plug that gap nicely.
I also think it would make an excellent tool as a bridge between coders and not-so-coders. It seems to me that pretty much anyone could flesh out some basic logic using the tool, and a coder could then alter it to actually generate working code.
Gonna download and have a play - I am curious as to how it would handle classes, as most of my stuff these days is heavily class based.
I always liked flowcharts but hated their limitations - this seems to plug that gap nicely.
I also think it would make an excellent tool as a bridge between coders and not-so-coders. It seems to me that pretty much anyone could flesh out some basic logic using the tool, and a coder could then alter it to actually generate working code.
Gonna download and have a play - I am curious as to how it would handle classes, as most of my stuff these days is heavily class based.
Re: DRAKON-AutoHotkey: Visual programming with AutoHotkey
How do I get the toolbar strip at the top like in the videos? I have to right-click and select Insert to add items.
Re: DRAKON-AutoHotkey: Visual programming with AutoHotkey
DRAKON primarily was made for as a bridge tool between engineers and programmers for soviet space program.evilC wrote: I also think it would make an excellent tool as a bridge between coders and not-so-coders. It seems to me that pretty much anyone could flesh out some basic logic using the tool, and a coder could then alter it to actually generate working code.
I am not familiar with classes but I remember you can't include classes in functions. In that case, use Free_ type diagram.evilC wrote: Gonna download and have a play - I am curious as to how it would handle classes, as most of my stuff these days is heavily class based.
Give me some easy code with Classes which I can test and I will make DRAKON diagram from it.
The version of DRAKON Editor on video is old. In new versions toolbar is removed. You can add DRAKON icons from right click menu.evilC wrote:How do I get the toolbar strip at the top like in the videos? I have to right-click and select Insert to add items.
DRAKON-AutoHotkey: Visual programming for AutoHotkey.
Re: DRAKON-AutoHotkey: Visual programming with AutoHotkey
Code: Select all
mc := new MyClass(100)
msgbox % mc.inc()
Class MyClass {
__New(var){
this.value := var
}
inc(amt){
this.value += amt
return this.value
}
}
Re: DRAKON-AutoHotkey: Visual programming with AutoHotkey
Also, it seems that right-click menu insertions always appear in the middle of the screen , unlike keyboard hotkey insertions, which appear at the cursor.
The right-click menus should show the hotkeys, and also insert at the initial right-click point.
That way, users can wean themselves off right-click menus as they learn the hotkeys (the right-click menu teaches them the hotkey) and behavior is consistent.
The right-click menus should show the hotkeys, and also insert at the initial right-click point.
That way, users can wean themselves off right-click menus as they learn the hotkeys (the right-click menu teaches them the hotkey) and behavior is consistent.
Re: DRAKON-AutoHotkey: Visual programming with AutoHotkey
evilC
Your code as is gives me empty msgbox. Please correct your code, so I can test it. I am using last version of AutoHotkey.
Your code as is gives me empty msgbox. Please correct your code, so I can test it. I am using last version of AutoHotkey.
Yes you are right. Main developer is rewriting DRAKON Editor in JavaScript. I hope many bugs will be corrected in JavaScript version.evilC wrote:Also, it seems that right-click menu insertions always appear in the middle of the screen , unlike keyboard hotkey insertions, which appear at the cursor.
The right-click menus should show the hotkeys, and also insert at the initial right-click point.
That way, users can wean themselves off right-click menus as they learn the hotkeys (the right-click menu teaches them the hotkey) and behavior is consistent.
DRAKON-AutoHotkey: Visual programming for AutoHotkey.
Re: DRAKON-AutoHotkey: Visual programming with AutoHotkey
oops.
Code: Select all
mc := new MyClass(100)
msgbox % mc.inc(1)
Class MyClass {
__New(var){
this.value := var
}
inc(amt){
this.value += amt
return this.value
}
}
Re: DRAKON-AutoHotkey: Visual programming with AutoHotkey
evilC
I made two versions. I personally prefer version 2.
Version 1
Version 2
I made two versions. I personally prefer version 2.
Version 1
Version 2
DRAKON-AutoHotkey: Visual programming for AutoHotkey.
Re: DRAKON-AutoHotkey: Visual programming with AutoHotkey
Oh sweet, I take it that will mean an online editor will happen as well? That would be awesome. Some way to share snippets via url (like pastebin etc) would be nice toovasili111 wrote:Yes you are right. Main developer is rewriting DRAKON Editor in JavaScript. I hope many bugs will be corrected in JavaScript version.
Thanks for doing the class stuff, I will have to have a play.
Re: DRAKON-AutoHotkey: Visual programming with AutoHotkey
The developer said that first it will be online version and if he will see demand he will make offline version too.evilC wrote: Oh sweet, I take it that will mean an online editor will happen as well? That would be awesome. Some way to share snippets via url (like pastebin etc) would be nice too
You are welcomeevilC wrote: Thanks for doing the class stuff, I will have to have a play.
DRAKON-AutoHotkey: Visual programming for AutoHotkey.
Re: DRAKON-AutoHotkey: Visual programming with AutoHotkey
Drakon Editor main developer Stepan Mitkin read introductory lecture of DRAKON in Oslo university. Here are slides from that lecture: https://goo.gl/Sc13pb
DRAKON-AutoHotkey: Visual programming for AutoHotkey.
Re: DRAKON-AutoHotkey: Visual programming with AutoHotkey
This video is about DRAKON-Erlang but I think it can be also interesting for DRAKON-AutoHotkey users.
DRAKON-AutoHotkey: Visual programming for AutoHotkey.
Re: DRAKON-AutoHotkey: Visual programming with AutoHotkey
Drakon Editor Web: http://drakon-editor.com/
It does not supports code generation yet.
It does not supports code generation yet.
DRAKON-AutoHotkey: Visual programming for AutoHotkey.
Re: DRAKON-AutoHotkey: Visual programming with AutoHotkey
Drakon Editor Web (Not Drakon Editor!!!) will become comercial after some time, but if you register now as far as I know you will use it for free. So if you are interested, register now.
DRAKON-AutoHotkey: Visual programming for AutoHotkey.
Re: DRAKON-AutoHotkey: Visual programming with AutoHotkey
Good introduction videos to DRAKON. They are made with Drakon Editor Web (Not Drakon Editor) but it is the same DRAKON as in Drakon Editor.
DRAKON-AutoHotkey: Visual programming for AutoHotkey.
Who is online
Users browsing this forum: No registered users and 6 guests