Before I bore you with a long explanation about enterprise modeling, let’s take a look at an example and see our HTML5-based model viewer at work:

……………..

An organizational chart is normally used to document the formal structure of your company. In the example above, I created a family tree of the British Royals. After visualizing them, I analyzed the model and marked those spots where we can still become part of it I created the model using our free modeling tool ARIS Express and uploaded it to the belonging community page. Of course, you can do more serious stuff with the tool like documenting the Scrum process.

At the heart of model viewer, we use HTML5′s canvas to do all the drawing directly in the browser. Besides panning and zooming, you can also enlarge the model to your browser window or embed it in your blog. Our lead developer posted a complete feature overview of model viewer.

While developing the viewer, we faced many challenges like those models should look the same as in the ARIS Express tool. Also, we have to support Microsoft Internet Explorer as it is still the default browser in many corporations. To solve this, we added a browser switch so that Flash gets used in case of Internet Explorer. This Flash version renders much slower, which seems to be a clear indication that with the advent of HTML5, Flash is a technology of the past. If you wish to do some benchmarking between the HTML5 canvas and Flash, take a look at this remake of the complete first level of Super Mario. We also experimented with SVG, but it seems it has the same future as Flash does.

I think our model viewer proves that HTML5 is not just ready to create visually appealing websites, but also the web apps of tomorrow.

One reason could be that using the least amount of processing power for a given application is very important. While the iPhone packs a lot of smarts into a small package, it certainly can’t compete with the processing power and graphics processing found in a full sized PC or Mac.

A clear indication of the iPhone’s move towards more HTML5 is demonstrated in the new YouTube app for iPhone. The new application allows iPhone users to browse and search for videos, access details of their account, and stream video playback without the Flash plugin.

Other video providers including CBS networks are reported to be developing players based on HTML5 for their streaming content.

So for these and other developers of iPhone apps, they have begun writing them for HTML5. Some of the acknowledged advantages of Flash such as better fonts, a game engine, and other high end graphics are not nearly so critical for the small screen in the iPhone.

And the efficiencies and flexibility they can achieve with HTML5 more than make up for some of these advantages found in Flash. And support for HTML5 versus Flash in the iPhone is strongly by Steve Jobs who felt that the slow and buggy flash plugin to the iPhone was due to “lazy” developers at Adobe.

It has also been reported that the use of Flash in iPhone applications would significantly impact battery life from 10 hours down to about 1.5 hours. If this is true, it is obviously a significant detriment to using Flash in a mobile device like the iPhone. Jobs is a very strong proponent for HTML5 and indicates it is absolutely the way to go for iPhone apps.

In defense, Adobe has stated that their upcoming Flash player version 10.1 will show great improvement on mobile applications and that they are also working on its performance with Mac OS X.

So while the debate ranges on whether Flash is superior to HTML5 or vice versa, development of iPhone apps for HTML5 are well established and continuing to grow strong.

HTML5 has been designed with audio and video codecs which should take less processing power than an equivalent Flash player. Independent tests have shown that this is generally so although not entirely across the board. As with most new technologies, things are not always clearcut.

However even with improvements in processing efficiency from HTML5, it should not be assumed that it will completely replace Flash or even have a significant impact, especially on rich web content. Flash still has many advantages such as:

~ Better sub pixel resolution and anti aliasing
~ It’s good excellent developer tools (far more extensive than HTML5)
~ Flash has a vast array of good looking and impactful fonts

At this point, graphic artists and game developers still love Flash. And though they certainly like the idea of being able to operate with less computing overhead, they want to get the most control and ability to generate outstanding results.

However for many simpler video playback application such as in YouTube, HTML5 has the ability to quickly surpass Flash as the video/audio player of choice in browsers. At this point, the development of the YouTube HTML5 supported player is still in its early phases and a lot more tweaking and refinement must be done.

It also needs more support to work properly with other browsers and extensive testing to work out instability and incompatibility issues. However since it’s on an open platform, there are many people working through these issues so it is just a matter of time.

But many people feel that this process could easily take years. There are still many issues to work through. This gets down to some parts of the HTML5 specification which are viewed to be controversial by many critics.

And the fact still remains that HTML5 is not compatible with all browsers and many users are resistant to changing to another browser. As far as the average computer user is concerned, if it works ok for them they are not interested in moving to another browser.

For example, Intenet Explorer is largely criticized for its instability and security flaws. Yet many people steadfastly hold on that browser and are very reluctant to change to something like Firefox or Chrome.

So be aware that even with the potential efficiencies which HTML5 can bring, don’t expect rapid deployment or changes away from Flash.

HTML5 is a new web standard and is gaining rapid popularity. It enables features which enhances your web experience and supports video and audio playback. This means that users with an HTML5 compatible browser and the appropriate codecs don’t need to download separate browser plugins.

It should be noted that for now, the browsers which are compatible with this video player include the following:

· Firefox 4 (WebM,)
· Google Chrome
· Opera 10.6+ (WebM)
· Apple Safari (h.264, version 4+)
· Microsoft Internet Explorer 9 (h.264)
· Microsoft Internet Explorer 6, 7, or 8 with Google Chrome Frame installed

Keep in mind that this player is still in the experimental phase and there are limited videos produced for this format. However as the bugs get worked out and HTML5 gets more mainstream, you are sure to se this player pick up in popularity.

It’s an open platform so there are a lot of people working on it and enhancing it. There are a few other things to note as listed in the YouTube support page for HTML5.

· Fullscreen support is partially implemented. Pressing the fullscreen button will expand the player to fill your browser. If your browser supports a fullscreen option, you can then use that to truly fill the screen

· The HTML5 player has a badge in the control bar. If you don’t see the “HTML5″ icon in the control bar, you’ve been directed to the Flash player (due to restrictions listed below)

· The HTML5 player also has a badge to indicate the video is using the WebM format. If you don’t see the “WebM” icon, the video is encoded using h.264

· If you want to find videos with WebM formats available, you can use the Advanced Search options to look for them (or just add &webm=1 to any search URL)

And for those of you who really aren’t sure what the big deal is about this player and HTML5 in the first place, it is designed to replace the Flash player/plugin. This player hogs a lot of computing resources so migration to a video player which operates under HTML5 will enable a much more efficient and faster process. So those high def movies won’t slow down the rest of your system..

For future reference I’ll post updates when that page is updated, you may bookmark that page for easy access.

For future reference I’ll post updates when that page is updated, you may bookmark that page for easy access.

HTML 5 based website #1

HTML 5 based website #2

HTML 5 based website #3

HTML 5 based website #4

As you can see these websites using HTML 5 are nothing short of EXCELLENT !! below is the corresponding links if you wish to have a look at their live websites.

HTML 5 based website #1

HTML 5 based website #2

HTML 5 based website #3

HTML 5 based website #4

You can read the current draft standard here: Whatwg

We can only hope that Whatwg can develop a similar tag / element as the dialog had quite a large following, anyhow we will keep you updated once more news comes to hand.

The new storage solution will rely on client-side scripting that will make it possible to exclude server side access, this means that web servers can not directly write to DOM storage which will provide much faster websites and at the same time reduce the amount of bandwidth needed to access a website. Session storage and local storage are the main two new inclusions, Local storage is per website it will be available to all scripts from the websites which originally stored the data persists after the browser is shut down or the session is closed. On the other hand we have session storage which will utilize Per Page Per Window(PPPW for short) this will be limited to the time span where the current window is open (once this window is shut the the storage session will be invalid) this will allow for different sessions to be run at the one time under different windows, you may have noticed that this is not currently available to us under current HTML 4 / PHP based websites.

We will address this new storage solution is good time, while the above is brief it does however show a great insight to what will be possible in the future. Again please bookmark our site or subscribe to our Rss Feed to keep up to date on all the latest HTML 5 information.