Easily Create Interactive Content in HTML5

Create interactive content easily with the HTML5 web application called Presenter

When Steve Jobs released his thoughts on Flash it was the beginning of an end to web interactivity as we knew it because literally all interactive content up to that point was based on Adobe’s Flash. HTML5 was the closest alternative but unless you were a good designer and great at HTML5/CSS3 coding you would find it cumbersome to create the level of interactivity versus using Flash.

Content creation in HTML5 for Everyone
A new convenient Web Application called Presenter is not only changing but also simplifying the way visual content is created. Presenter is developed by Easy WebContent a division of HindSite Interactive known for their award winning custom web design and development services. In 2010 after inquiries for their interactive projects declined (due to Flash’s demise), they took on a major challenge of creating an application that would revitalize the way engaging content is created.

The fact is they didn’t want to just create another animation software; instead Easy WebContent spent over 2 years of research and development to create a single application that will serve all your rich content needs not only for animations, but also for presentations, interactive infographics, banners, and product demos. And all along designed in a manner that anyone be it a novice or a professional designer can utilize the easy to use interface and the various features to create content quickly and easily right in your browser. Think of it as a marriage of Flash and Powerpoint on the cloud, but on HTML5. As a result any project you create is viewable on virtually any devices (web or mobile), any platforms (PC or Mac), and all recent browsers.

What kind of HTML5 interactive content would you like to create?

The beauty of Presenter also lies in the fact that it is based on HTML5 canvas and also utilizes a hybrid of DIV’s, setting it apart from other apps. This gives the system superior performance allowing users to create multiple moving objects at the same time with little processing utilization while allowing the support of SEO friendly content. It also provides full flexibility over each element you place on the stage.

Presenter makes customizing content easy.

Usable for various industries and Applications:
Need to make a simple or fully interactive presentation to present your project, or organization? Need to create a mock-up of a website or brochure? Need to create a resume that stands out from the crowd? Want to create animated banners for your website? Or do you need to place a professional short demo of your product features? All of these and more can be created and published in your browser using Presenter.

The Interface is easy and intuitive
The problem with most applications is that they are either made easy to use in exchange for sacrificing control and customization, or they so feature rich that it overloads the user interface and requires a high learning curve and becomes too complex for the average person.

In case of Presenter you get the best of both worlds where it is starting to bridge this gap. Presenter is a simple and easy to use tool. It does not matter whether you are a professional or a novice, you will still be able to use the service.
After selecting a template, it loads in the system where you can simply change and adjust content or use the system’s flexibility to fully customize it to fit your needs.

At first glance, it may seem difficult, which is often the inevitable price of rich functionality. However, with further acquaintance with this application you will see that its interface is logical and comfortable, and the working principles are not too different from other programs to create digital presentations.

The interface is actually easy to grasp for anyone who has ever used Presentation software be it Flash, Powerpoint or Keynote. The left side panel is used to switch between the panels set general properties of the presentation, management of individual slides, configuration properties of the selected element in the workspace and preview window. The editor has the ability to undo prior actions and auto-save your project. You can even restore to prior versions of your project within a click via the “Restore” tab.

Web App Interface

You get tons of assets
Another advantage of Presenter is the degree of assets and customization it provides. They go beyond simple shapes; instead they have an extensive collection of shapes and icons (entirely based on SVG so they are in essence vector objects you can resize without ever losing clarify). You can also directly search for images on Flikr’s Creative Commons library and use on your project.

The Infographs are a great set of assets. You can virtually drag and drop a visual data piece onto your stage and within a couple clicks customize it to fit your data visualization needs. For example instead of showing a boring piece of data like this:

What percent of kids prefer Ice Cream, Jello, or Cake as a snack?
Ice Cream: 51%
Jello: 10%
Cake: 39%

I can instead visualize it in a more enticing manner:

Infograph example made with the web app called Presenter

Although at the moment Presenter is a bit low on the number of templates for each category, given they just launched in early 2013 they are actively rolling out multiple templates each month so the system will only become more rich with presets and templates over a short period of time.

What can you do with your Saved content?
After finishing work on a project you can save it and come back anytime to edit and update it. When you Publish your work (via the Publish button) you can take advantage of multiple share/export option including:

– URL: Just like Youtube you get a link you can use anywhere to access the published project.

– Share: You can share your work on virtually any Social network or through email.

– Embed: Similar to Youtube and Vimeo you can use the embed HTML code and paste it into your own website or blog to display your published work. In fact the animation piece on ewcPresenter.com is an embed of their own published project.

– Last but not least you can even download your published work as an image (JPG) or as an electronic document (PDF).

Once you have created your content, you can take advantage of multiple share/export options.

There is no doubt that Easy WebContent’s Presenter is a very handy online tool to create professional multimedia digital products without the need of possessing any special technical knowledge and special skills.

With it, anyone can easily create presentations, demos, slideshows, banners and more. To get started you create a free account and you are good to start creating (or as Easy WebContent puts it “Create Awesome”).

Published by Stan Byme

The 3 most important things you need to know about me: I love most things HTML5 related, I live in Japan, and I am not a big fan of deodorant. I am Stan. You can call me Stan. I am a man but I am not "the man". Sometimes people call me Dan if I do not speak loud enough. Some people still call me Dan.

Join the Conversation


  1. It’s been a big challenge to say the least! At times my team members would tell me we’re trying to accomplish too much at one time within one product. No one has been able to develop a scalable HTML5 App that can create a number of different types of content and do it well within one App while remaining intuitive and easy to use.

Leave a comment

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