At the recent IBM Impact 2011 conference, IBM has announced an open source project called Maqetta that provides WYSIWYG visual authoring of HTML5 user interfaces. The application itself is authored in HTML, supporting several features such as drag and drop to create user interfaces for desktop and mobile. It doesn’t requires any additional plugins or downloads at the end-user.
The HTML pages that created by Maqetta allows rich user interfaces, multimedia and graphics perform fast using open standard and are working across all popular browsers, such as latest version of Internet Explorer, Mozilla Firefox, Google Chrome, Safari and on mobile devices including iPhone, Android, Blackberry and Window 7 Mobile.
The other key features of Maqetta are:
- a WYSIWYG visual page editor for drawing out user interfaces
- drag/drop mobile UI authoring within an exact-dimension device silhouette, such as the silhouette of an iPhone
- simultaneous editing in either design or source views
- deep support for CSS styling (the applications includes a full CSS parser/modeler)
- a mechanism for organizing a UI prototype into a series of “application states” (aka “screens” or “panels”) which allows a UI design to define interactivity without programming
- a web-based review and commenting feature where the author can submit a live UI mockup for review by his team members
- a “wireframing” feature that allows UI designers to create UI proposals that have a hand-drawn look
- a theme editor for customizing the visual styling of a collection of widgets
- export options that allow for smooth hand-off of the UI mockups into leading developer tools such as Eclipse
- Maqetta’s code base has a toolkit-independent architecture that allows for plugging in arbitrary widget libraries and CSS themes
For more information, please visit the official page of Maqetta.