How do you convert a prototype into a real working web application?

todd drake shared this question 5 years ago
Answered

I know that you can export to HTML but wanted to know if that exported HTML is then used to develop the real application usually or not. Or do I have to start all over when we transition to real development?

Comments (20)

photo
1

Hi Todd,


The purpose of the 'Export to HTML' feature is to share your prototype with other people without the need of Justinmind Prototyper, but not to create a final working application. Remember that Justinmind Prototyper is a prototyping tool, a communication tool to define your application. The development should be another process.

photo
1

You can also generate your own code using our API: http://www.justinmind.com/plugin-mark...

photo
1

What do you mean by generate my own code? Anyway, I think it is high time JIM exports production ready semantic codes that can be transferred to the business logic guy (back-end developer) to plug in necessary dynamic data to replace ui placeholders.


Prototyping takes a long time to create, plan, review, get approval from client then start recreating all over again. It doesn't make sense , cost too much time, manpower and money. Please kindly look into this. It would make the whole prototyping, UI market happy.

photo
1

In fact, you guys should be leading the pack by revolutionizing prototyping instead of giving some lame excuses that ' Remember that Justinmind Prototyper is a prototyping tool, a communication tool to define your application. The development should be another process.'

photo
1

It's not an excuse. You must know Justinmind started that way, as a tool to generate web applications. The thing is nobody wants a code generated by a machine because it's too hard to maintain and understand. The problem is not the first time you generate that code but if you want to regenerate after doing manual changes on that code. Furthermore we can't just generate in any kind of technology you want nor any kind of framework. Some people would like to generate for Twitter Bootstrap, others for Android 4.2, others for Struts and Oracle database, etc. So, the only thing we can do in that way is to give an option to all the users to generate in any technology they want to using our tools for developers: http://www.justinmind.com/plugin-mark...

photo
1

I have to mostly agree with Todd. Over a decade ago, Codecharge would generate 7 different web languages from an application prototype/mockup. I know, because I wrote a VB script to traverse an Access database and generate the Codecharge XML file for it...around Y2K,


JIM does a lot of cool stuff...like responsiveness, multi-device, etc., but it is too labor intensive. If I have a sample database for a CRM system, for example, I should be able to import that SQL dump and get a working prototype...not manually create 15 "Data Masters" and manually import the data, then manually drag them onto the canvas....just working, so that I can start tweaking colors and menus, etc.


I could just plug that SQL or DB into a PHP code generator, but then I wouldn't get the JIM features above, or documentation generation, etc. I would also have to program all the validations and interactions in PHP, not in the GUI.


I LIKE JIM, maybe more the idea of it than the reality, but I like it nonetheless.


I think that you guys are slacking a bit. If you produced a plugin to do what I did for Codecharge, you'd be well on your way to a truly revolutionary product. Now...well I want to LOVE it, but I only LIKE it.


Update: To be fair, a lot of Axure users are frustrated about almost exactly the same issue: http://www.axure.com/forum/repeater-w... , and it looks like they only got copy and paste of data in a recent build.

photo
1

We have used your tool to create a prototype that clicks through the pages and lets you navigate the whole website. We aren't interested in any physical appearance, but more the page structure and where links and buttons navigate to throughout the site. Is any of this usable into the development of the final site?

photo
1

My colleague made a prototype using Justinmind.


Now I added some little Javascript in the generated code to execute a server side event and get some data in one field in the UI.


I succedeed in adding the Javascript - it does not yet update the finld (textarea or what ever) but does the server side event and gets the meassge.


I think this kind of doing some small changes in the generated HTML is still in the scope of using Justinmind.

photo
1

PHPRunner does a great job at generating the working CRUD (and a bit more) functionality for a given database, automatically. Perhaps there's a way to combine the two outputs.

photo
1

You can hire one of these guys as well http://www.justinmind.com/specialists

photo
1

So I'm a designer who wants everything on the table, and then I start figuring out the puzzle. I have ''the formula'' in mind (object of web site, supporting events, and so on) but having the logo, content, graphics and videos to be used is how the design appears... and knowing what device it will be viewed on is most important now-a-days. Having said that, these wireframes seem like a wrong approach to me. Designing without content is a pretend scenario. Its like buying a template and then spending hours and hours undoing the code so everything the customer wants can fit. I would rather it be a custom design all the way, so I need the pieces of the whole enchilada before I can figure out the puzzle. So far wireframe means double the work. God gave me a mouth and a brain to find out from the customer what they need, what their goals are, and what their content management is. I'm excited about responsive web design, but it seems there's a few steps missing from wireframe to finished web presence -- Am I wrong in this perception? Looking for advice and answers!

photo
1

If you are doing websites, it's pretty trivial to do mockups in WordPress using Visual Composer. See my previous post regarding mockups of database apps.


Using JIM does provide the ability to document what was agreed upon, and generates those documents pretty quickly. This alone can save a lot of grief with certain clients who like to change their minds a lot, but not pay for revisions.


There's no one set of tools that's perfect for every user or situation- that's probably why there are so many.

photo
1

Believe it or not your answer has really relieved me of a lot of stress. I have been obsessing about responsive web design because I think its so important. I started seeing the need some years ago, when i saw my family's love affair with cell phones and how rapidly they advanced. Now, I think any business that does not have a responsive web site is out to lunch: over 50% of people and probably more use them, tablets, laptops and desktops... the consumers have gone mad! [finally... that leaves room for us to help them more!] I have tried hand coding (way to much time for this non-programmer gal and too much room for error) and I've been investing these programs: MACAW, Coffeecup Responsive Design, Foundation -- there are missing pieces to the work flow I'm just not grasping. Your answer put a lid on that and put it in perspective. Thanks for your quick answer!!!

photo
1

sooo even if i develop a kick ass prototype that contains a highly categorized search engine and customer relationship management tools for both users and clients, it won't be easy to transfer it into actual development?

photo
1

I wet the bed...

photo
1

@victor! thanks for this answer..!! It has been a while since this post.. Do you have any tutorial on how to export to xml?

photo
1

This tool exports valid HTML for use in Chrome via the extension, but it's not allowed to have it lose the JIM prototype menu UI?


We're not trying to be harsh or mean - we're saying you have a serious product on your hands if you can add an extra, 'Export to Production HTML' option with stripped down options for the backend guys.

photo
1

Hi Charlie,


Thank you for your suggestion. I will add your idea on our product backlog so our engineers can take into account for future updates.


Best,


Sonia Durán

photo
1

hi this is mugesh , can we convert the justinmide prototype into the Java script ?

for android app development..

photo
1

Dear Mugesh,

The goal of our product is to create rich interactive prototypes to define web and mobile apps. So, Justinmind is not a development tool (or a code generator).


Several customers use our API/SDK in order to generate some interface code. You can find information here: http://www.justinmind.com/api-sdk


Best,

photo