When starting a new project every GUI developer is facing a problem of choosing a tool with which a new application interface can be quickly and accurately displayed for the customer. Today there is a huge amount of tools for prototyping and wire-framing. However, these tools are not solving the very important for the customer problem of showing how the interface will work. The customer always wants to test the interface in real conditions at the very beginning of the project. Now with UMyProto, developers can done alive prototype of theirs Apps in several easy steps and get full code ready even for production!
Our team has created the tool for fast GUI prototyping which utilizes real HTML elements and widgets, and allows a user to use all available options of these widgets. For instance, if you want to use tabs on the interface, you might want to place other widgets or HTML elements at the various tabs. In our builder it can be done with ease – you just have to switch the tab and place needed elements there. Furthermore, nesting of elements is unlimited. While working on the builder we were considering an experience of many developers and trying to implement a user-friendly and efficient development interface.
All elements on the interface can be created in the work area by simply dragging the items from the widget bar. The splitter can be used to create the dynamic page layout. Like other widgets, the user can also use the splitter directly in the builder - move it, hide and show the area, etc. There is a settings panel for the selected widget in the builder in order to easily change the elements properties. Widgets settings are coincide with the options that are described in the documentation. For instance, the jQuery UI’s widget Button has the primary-icon option that allows the user to specify the desired icon as it is described in the documentation for jQuery UI, whereas our builder allows the user do it much faster by simply choosing an icon from the list without typing the code. Also the creation of a new section in the widget Accordion can be easily done by clicking the "+" button on the settings panel.
While working on the project, the user can look how the elements on the HTML page are performing to make sure that everything works as it was expected by simply clicking a Generate button. HTML files corresponding to each page of the project along with scripts, functions and all your settings will be generated. The user can look at these pages directly from the builder menu; the page will be opened for viewing in a new browser tab.