How were the TripTrak pages built?

by Andrea Maioli on 06/23/2016

The success of an app depends on the type of user experience it offers. Designing attractive, responsive, and animated pages is crucial to a state-of-the-art user experience. How was all this tackled in TripTrak? The interactive tour I want to offer you today answers that very question.

This is perhaps the part of Instant Developer Cloud that differs the most from the Foundation edition.

In fact, to build pages, Foundation provides widgets with predetermined functionalities (panels, lists, trees, charts, reports, etc.). This offers the advantage of making it possible to create the basic structure of applications very quickly. In most cases this structure can be kept without further customizations, since it satisfies the most common usage situations for business applications.

Because it allows you to use any HTML component, native or downloadable from the web, Instant Developer Cloud is meant for people who prefer to always have the option of beginning to build the structure of the application by imagining and designing whatever they’d like. It offers complete control when building the page. To make the most of this advantage you’ll need at least a basic knowledge of HTML and CSS technologies, while this isn’t necessary in Foundation.

Still, there’s a big difference between designing pages with Instant Developer Cloud and writing the tags in an html file directly by hand. You can explore these advantages by watching this interactive tour:

  • The IDE allows you to build the page completely visually. But if you want, there’s also a view in html style.
  • The base libraries already contain native web components and many more complex widgets, like charts, calendars, and maps. The great thing is that it’s possible to define new components and use them as if they were native.
  • Although you can define everything from scratch, you can also use UI frameworks that are already available, like Google’s Material Design, perfect for omnichannel applications. And others are coming soon, like Bootstrap and Ionic.
  • The rendering of pages uses a new technology called RemoteDOM that makes it possible to create web applications as interactive as the native ones, and it also supports push of changes, meaning that you can decide how to update the page from the server, even without any interaction from users.

If you want to try the new version of Cloud in the next few weeks and try your hand at developing a successful new app, remember that you can contact me and we’ll get started together. I’m looking forward to it!

Leave a Comment

Previous post:

Next post: