An extended implementation of Nassi-Shneiderman Diagrams (eXtended Nassi-Shneiderman Diagrams)
I am a teacher, and I use Nassi-Shneiderman diagrams since 1992. These diagrams were designed to work with the paradigm of Structured Programming. Because of their "nestable" block design, the Nassi-Shneiderman diagrams are, even after so many years, a good tool to understand how a block of code works without the need to use pseudocode or a specific programming language. But the Nassi-Shneiderman diagrams were not intended to show some "modern" instructions, such as exceptions (try-catch-finally). Therefore, I decided to implement this version to use it in order to teach the first steps of programming, whether it is designed using Structured Programming or, as in my case, using Object Oriented Programming.
This project is completely developed in JavaScript and CSS, rendering HTML on the fly from a JSON (JavaScript Object Notation) structure. In addition, it can create an image from the rendered diagram.
The next step will be to create a drag-and-drop diagram editor that helps people learn (and teach) programming algorithms by using an online tool, in an agile and comfortable way and without using paper and pencil.
To access to the current diagram aditor please go to here.