Welcome!

APIs for the Internet of Things

Max Katz

Subscribe to Max Katz: eMailAlertsEmail Alerts
Get Max Katz via: homepageHomepage mobileMobile rssRSS facebookFacebook twitterTwitter linkedinLinkedIn


Blog Feed Post

Exadel Tiggr: enterprise application prototyping and wireframes now with Web Preview (HTML/JavaScript/CSS generation)

New version of Exadel Tiggr was released, now with Web Preview (formerly HTML Preview) and sharing features. Exadel Tiggr is web-based enterprise application prototyping tool with real wireframes. By real I mean not drawings or mockups. Using drawings is fine but it’s difficult to take them to the next level, in other words, to see how the actual page will look. With Tiggr, what you prototype, it’s pretty much what you will get when running in a web browser. With the new Web Preview and sharing this becomes even easier. We like to call it What You See Is What You Get Prototyping (WYSIWYG-Prototyping).

To start, I decided to use Eclipse’s new Java project wizard which should be familiar to many developers:

Let’s assume we are creating a web version of the new Java Project wizard. It doesn’t have to be web, Eclipse is fine but to show you the Web Preview and share feature, it’s easier when it’s web-based. I then opened Tiggr and wireframed the same view:

As you can see, this is not a drawing. It’s a wireframe that very closely looks like the real wizard in Eclipse. There is a lot more information for the person creating the screen than you could include in a drawing. But, that’s not it. We can now preview how this will look in a web browser.

The preview will generate HTML, JavaScript and CSS for the wireframe. If you have any drop down lists like we do with values, you can actually click on them and view the options available:

You are pretty much getting the same result that you would get when running the real application. And that’s one of the key benefits.

View the prototype

This is the actual prototype that I created and shared with everyone. I’ll cover sharing in tomorrow’s blog post.

If you have multiple screens, you get a control at the top of Web Preview page that allows you to switch between different screens:

Read the original blog entry...

More Stories By Max Katz

Max Katz heads Developer Relations for Appery.io, a cloud-based mobile app platform. He loves trying out new and cool REST APIs in mobile apps. Max is the author of two books “Practical RichFaces” (Apress 2008, 2011), DZone MVB (Most Valuable Blogger), and is a frequent speaker at developer conferences. You can find out what Max is up to on his blog: http://maxkatz.org and Twitter: @maxkatz.