Online IDE with Drag and Drop abilities

Community Products and Services
1

Hi Creators

Introducing something that I have been tinkering for a while now - https://arduinovisualcreator.azurewebsites.net

The IDE allows you to build, compile and upload your code all in one place!

This project was created after I noticed that my own children had difficulty with the syntax in Arduino. At the time they started playing around with Scratch as well and I thought it would be nice to do something similar. Being a coder myself I did not want them to lose sight of the actual code hidden behind a flashy IDE.

Some of the features are:

  • Auto save with resume functionality.
  • Download your code into an ino file.
  • Easily Export your project to share with others.
  • Import the project again in order to easily switch.
  • Online compilation and upload!
  • Drag and Drop Menu that is easily expanded apon.

There was a whole mess of iterations before I landed on a system developed in Angular. TypeScript and .Net Core worked well creating a flexible and stylish IDE.

The solution is further inhanced by the following components:

Please feel free to use and play with the IDE. Let me know if there is any issues via a Github repository - GitHub - RealRaymondClaassen/ArduinoVisualIDE: Creating this project on GitHub to facilitate Bug and Issue tracking as well as communication. Will commit the source code at a later date.

Enjoy,
Raymond

2

Too much animation on the opening screen !

Hard to work out what was a click and even if it was broken ?

Drag and drop didnt always do what it was supposed to do so no DROP.

At best it is very early BETA and whilst I could see some benefit to very young users it would be a PITA and very time consuming for others.

Also concerned about your naming convention.

:13:00 PM-Checking if Arduino Create Agent is active and accessible.
____54-7/25/2019, 8:12:55 PM-Checking if Arduino Create Agent is active and accessible.
____53-7/25/2019, 8:12:50 PM-Checking if Arduino Create Agent is active and accessible.
____52-7/25/2019, 8:12:45 PM-Checking if Arduino Create Agent is active and accessible.

Arduino Create Agent is the name we use for the existing online IDE.
Are you using a fork of the real agent or something you came up with ?
IGNORE that remark.

More Q. Than A. from me.

Bob.

3

Hi ballscrewbob

Thank you for the feedback.

The animation on the landing screen was just me getting carried away with carousels in Angular. Was planning on dropping it on the next iteration.

It is not great that the drag and drop did not work. Would you mind explaining a little of what went wrong?

The Arduino Create Agent in the log is the one available through here GitHub - arduino/arduino-create-agent: The Arduino Create Agent.

Thanks,
Raymond

4

How does your use of the create agent differ from that of Arduino's ?
Eg do they run concurrent with no interference to each other ?

A far as the D&D I tried to drag and drop a couple of simple functions onto the sketch tab and nothing happened.

I expected it to drop the function in with some form of prompt for adding in the details such as a pop up or an area after the function that hints I needed to add something.
I could not get that far.

I do see it has potential but right now from this end that's all it has.

Bob.