UMyProto

Alive prototype of your WebApp in a minute!

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.

The builder uses the standard HTML elements and widgets from various developers. Because the developed platform allows us to include any number of different types of the widgets, in the future we are planning to expand the number of elements based on our subscribers’ requests. As well there are the templates and settings for some widgets. In the next release users will be able to save the widgets settings as the custom templates. While working on UMyProto builder, our team tried to maximally facilitate the development process of the single-page web application. We have developed a widget called Container and built-in JavaScript function that allows the user to load other pages into the Container.

The Container can be placed inside another widget or the page area. While the widgets are real and react to the events directly in the builder, the user can create an event handler directly in the JavaScript built-in editor, as well as JSON objects and functions. As the result, our team offers a mechanism that greatly distinguishes our product from other prototyping systems. The mechanism is for generating HTML files in order to include them in the user’s Web application development project.

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.

There is also a package, which includes HTML files, JavaScript files and libraries of widgets that can be downloaded and used in the project. There is no any additional frameworks or builder’s custom settings in the generated files, only plain HTML, JavaScript functions for initialization of user’s widgets and functions that was written while working in the builder. In conclusion, our team is offering the customers the program that allows them to develop a prototype of the future Web applications and reuse all files that were created in the builder in the development process further. UMyProto will help developers to save a lot of time.

App submitted Wed 6 Aug '14



Related apps