HTML5, here we come!

If you are a little bit familiar with the HTML5 journey, you may know that it was a long and hard way to get there starting off from the HTML 4 standard, which was not updated since 2000. The HTML5 (written without a blank) standard first introduced 2004 under the headline "Web Applications 1.0" gives us the promise to build better and more powerful web applications in the future and to be more related to practice than XHTML. Most of the modern web browser like the products of Google, Mozilla, and Apple support already HTML5 and also the next version of Microsoft's web browser Internet Explorer 9 will support some of the new HTML5 features. But can HTML5 really help us in our daily business? This is exactly the question which we have asked us in the ARIS development team and so ARIS ModelViewer was born!

ARIS ModelViewer is something like the YouTube player for ARIS models. It makes it possible to open and navigate ARIS Express models in a web browser in a very fast and easy way without starting ARIS Express itself. Like YouTube videos, you can use ARIS ModelViewer to embed your ARIS Express model in your personal page or blog and share it easily with the Internet community!

W3C HTML5 logoIt was one of the major development goals to bring ARIS models to mobile devices. We achieved this goal, because ARIS ModelViewer works well on Apple iPad and most Google Android based smartphones and tablet devices. Also, we said ARIS ModelViewer must be rocket fast, even for large ARIS models. We also achieved this goal, but try on your own. The model shown at the beginning of my article got more than 700 objects and you can still zoom and drag it smoothly.

How it works

You can simply upload ARIS Express models in the community in the same way you have done it before. Instead of a simple graphic, the ARIS ModelViewer will now appear in your blog post if your browser is supported (for a list of browsers see below). ARIS ModelViewer offers you all essential navigation features like you know it from Google Maps. By dragging the model or using the model overview, you can navigate around in the model. Use the zoom slider to get to see all the nasty details of the model or to take a bird's view on it. Besides, ARIS ModelViewer also provides a full screen mode so that you can enlarge it to the size of your browser window.

The following picture gives you an overview about the main controls of ARIS ModelViewer:

UI controls of HTML5-based ARIS ModelViewer

Some additional hints:

  • The full screen mode can be closed by pressing ESC key or by clicking the full screen button again.
  • Holding the shift key while using the mouse wheel, it is possible to scroll horizontal instead of vertical.
  • Check this article by Sebastian how to embed a model in your own page using ARIS ModelViewer.

ARIS ModelViewer currently works with the following browsers:

  • Firefox 3.6 or higher
  • Google Chrome 7 or higher
  • Microsoft Internet Explorer 7 or higher (Flash plugin 10.1 or higher required)
  • Apple Safari 5 or higher
  • Apple iPad
  • Google Android 2.2 build-in browser or higher

We will further improve ARIS ModelViewer in the coming months. Please let us know if it doesn't work on your device so that we can check what's going wrong. We would be also happy about cool photos of running ARIS ModelViewer on your preferred device. For example, take the Super ARIS Express model in full screen mode to impress your colleagues and friends ;-)

by Phil Knirck
Posted on Wed, 02/16/2011 - 15:51

If it works on ipad should it also work on iPhone?

I get an error message when I want to open the model.

by Rocco De Angelis Author
Posted on Fri, 03/04/2011 - 16:20

Yes it should also work on the iPhone but you need iOS 4.2 or higher.

by Oliver Spencer
Posted on Mon, 09/02/2013 - 12:31

Is it possible to load hyperlinks via the web app? When I upload a model with hyperlinks they appear not to work.



by Rocco De Angelis Author
Posted on Mon, 09/02/2013 - 15:01

Hi Oliver, 

yes that's true! At the moment the model viewer simply display the model. It isn't possible to click on objects or attributes. But I hope that Process Live will be go online soon. The new version of the model viewer which is available with Process Live supports the selection of objects and shows the defined attributes and also hyperlinks should be supported :) 

by Oliver Spencer
Posted on Mon, 09/02/2013 - 16:20

In reply to by John_William

Hi Rocco,

Thank you for your reply. Do you know when Process Live is likely to become available? I'm trying to use Aris for a presentation shortly and am trying to work out how Aris could be used to demonstate the said capability. If there's any opportunity to get involved in a beta roll-out I'd be interested!

Kind regards,



Featured achievement

Say hello to the ARIS Community! Personalize your community experience by following forums or tags, liking a post or uploading a profile picture.
Recent Unlocks


icon-arrow-down icon-arrow-cerulean-left icon-arrow-cerulean-right icon-arrow-down icon-arrow-left icon-arrow-right icon-arrow icon-back icon-close icon-comments icon-correct-answer icon-tick icon-download icon-facebook icon-flag icon-google-plus icon-hamburger icon-in icon-info icon-instagram icon-login-true icon-login icon-mail-notification icon-mail icon-mortarboard icon-newsletter icon-notification icon-pinterest icon-plus icon-rss icon-search icon-share icon-shield icon-snapchat icon-star icon-tutorials icon-twitter icon-universities icon-videos icon-views icon-whatsapp icon-xing icon-youtube icon-jobs icon-heart icon-heart2 aris-express bpm-glossary help-intro help-design Process_Mining_Icon help-publishing help-administration help-dashboarding help-archive help-risk icon-knowledge icon-question icon-events icon-message icon-more icon-pencil forum-icon