Overview:

• Based on the Stakeholder Map tool, this allows the creation of a roadmap instead.
• Works in Chrome and Firefox only, due to Canvas and download dependencies.

Technical highlights:

• Uses HTML5 Canvas with drag and drop functionality.
• Combines use of the download attribute and the Canvas.toDataURL method to allow downloading of the canvas as an image.
• Swatch colour picker with custom styles.
• Implements a scrollable canvas with drag-and-drop functionality.

References:

• The colour picker: https://github.com/tkrotoff/jquery-simplecolorpicker
• Rounded rectangle on Canvas: http://stackoverflow.com/questions/1255512/how-to-draw-a-rounded-rectangle-on-html-canvas

The OpenShift jbossews cartridge documentation can be found at:

http://openshift.github.io/documentation/oo_cartridge_guide.html#tomcat