My Idea - Prototype 1

The previous prototype was a collective prototype written by all of us, but it was before we really discussed with Robert the specifics of what he hoped this prototype to become. Last Friday, on February 19th, the specifics had been outlined and a more specific prototype could be made with the information that he gave. With this, I created:

Here is a short description of why I did what I did on this prototype:

- I used Robert's early template of what it could look like as a starting point and added buttons using Paint to come up with my product.

- DASH is an invention by Steven on his version of the prototype, which was submitted first, so I thought I'd just go with it. It could be our codename for the creation process...(Derek Anthony Steven Harjinder)

- MyFiles is where the user will go to load files that he has previously created and saved. It is in an area above their controls that they will so frequently use (play/pause, stop, reload) so sublminally they will unconsciously know where it is because they will so frequently see it out of the corner of their eyes and register in their memories without them realizing it/having to look. That's the plan anyway...

-New and Save are side by side beside the play controls, easy to access and in plain site.

-Beside Save are the tabs, that will contain the files that are opened simultaneously. The file that is on the forefront will be bolded and underlined in the tab for clarification that it is the one that is being displayed at the moment.

-I thought there could be an 'Examples' field for syntax examples and little demo programs that the user could run, if they are new or just feel like procrastinating, to get a feel for processing.js and understand what it is and how it is different than other languages if they did not already know. It could be a way to learn syntax/processing.js all from within the confines of our IDE.

-About, beside the IDE's name, is simply stating information about the IDE's developers and what it's purpose is.

-Help is more about the particular functions and buttons within the IDE

-Reference is where they could look up the list of Processing.js functions, and the search bar underneath would be where they would look up specific functions tailored to what they are looking for.

-The left panel is where the coding would go and the right panel is where the action would take place (IE the processing.js code would run after pressing the 'play' button. The left panel is transparent and you would be able to see through it, only it would have a transparency effect, as is why the fellow on the left's line is lighter blue (it is supposed to symbolize that it's being viewed through another panel).

I thought the play button could also turn into a stop button because I don't know what the difference between pause and stop would be, except maybe that stop might clear the right panel, but then reload would also do that but I guess reload would more 'reset' the right panel and keep it going, and pause could just 'freeze' it in place.

Anyway, it is just my first idea of what this prototype could look like, and there will be some definite changes in the future.