Web App Awesomeness

For the last year or so, I’ve been looking for ways to create content that will be viewable across devices. At Pearson, the entire sales force is on iPads. To date, there hasn’t been a good HTML5 tool for designers. We’ve been looking at developing in Flash Pro, packaging for iOS, and exporting a SWF for the web. An Apple Enterprise Developer license would allow us to distribute internally without going through the app store (which is very slow and approval is not guaranteed). This has proven cheaper than many other custom development options, but still more expensive than our clients can afford in many cases.

Additionally, I’ve been working on a Responsive Design course for Lynda.com, as well as looking at solutions for our upcoming InDesign->HTML5 exporter.

I was delighted to find that Chris Converse of Cōdify Design Studio, has done a wonderful job documenting a solution that marries a web site with a mobile app in his Create an iPad Web App course. His course shows how you can detect whether a user is on an iPad, and whether the user is running from the web or as a web app. If the user is running your site on the web, you can prompt them with instructions (2-clicks) to install the app to their home screen. Once on the home screen, your site work very much like a standard iPad app. No app store approval required, and no annual developer license fee!

You can find more info on Apple Web Apps and Android Web Apps, and see more iPad examples from Chris.

There’s still the issue of no HTML5 design tool, but we hope InDesign->HTML5 will be a step forward for designers and we’re definitely going to work toward including web app functionality into InDesign->HTML5.

Update: The InDesign to HTML5 tool is now known as in5, and it supports exporting for iPad, iPhone, and Android Web Apps.

Get updates from Ajar Productions

Splittext id 400px

Sign up today and get the InDesign Split Text premium extension for free!

Unsubscribe at any time. Powered by ConvertKit
Justin | design,HTML5,iOS | Tuesday, August 7th, 2012

8 thoughts on “Web App Awesomeness”

  1. Tablazines says:

    I had no idea that this actually came out. I check the website frequently to check for it. We currently publish a few iPad based magazines and I’m tired of expensive suites and/or developers to get the apps in the store.

    You should definitely consider a native Baker Framework export. With the upcoming baker 4.0 you’ll be able to support multiple issues on the Newsstand and it would be a boon to just go from Indesign to Baker with files arranged in the necessary folder format.

    This looks like a great plugin. Hoping to purchase it once the Holidays are over.

  2. Justin says:

    Thanks for the comment, Tablazines. Several people have mentioned the Baker Framework, so we will definitely look into it!

  3. Stefan says:

    I want to give the Baker export a plus from us. We also would love to see such feature. It would streamline our process significantly.

  4. Bootstrapper says:

    +1 on Baker Export. Please implement ASAP.

    Yes, it would streamline our process significantly.

    More importantly, it would eliminate a whole set of potential headaches from human error. Between rearranging the in5 output to suit Baker, and generating the book.json file, there’s a whole world of hurt that could be avoided if in5 exported directly to Baker.

    Thanks for in5, and for considering our suggestions!

  5. Justin says:

    Thanks @Stefan and @Bootstrapper, consider the Baker framework bumped up on our list.

  6. Tablazines says:

    THAT would be AWESOME!!!!!!!!

  7. Tablazines says:

    Indesign, In5, Baker and maybe an HTML5 Animation program would totally eliminate the need for these overpriced suites.

Leave a Reply

Your email address will not be published. Required fields are marked *