Development | September 6, 2016

The Bridge to HTML5: Integrate HTML5

Written by Terry Thorsen

html5 and Javascript code

Many developers today, as much as 37%, are not implementing HTML5 at all or only somewhat in their applications. Since being declared the W3C standard in 2014, HTML5 has become popular for many reasons. However, the transition entirely to HTML5 still seems daunting for many developers. ChartIQ specializes in helping modern developers harness the power of HTML5 to build innovative data visualization products and how to overcome obstacles along the way.

Containers: Building HTML5 Desktop Applications

With the advent of HTML5, it is now possible to build uncompromising financial applications in the browser. The introduction of the HTML5 API narrowed the functionality and performance gap between browser and desktop applications by providing a high speed canvas for data visualization, WebSockets for streaming network communications, a file system API, and more. The list of advantages continues to grow.

Given these advances, the “last mile” for HTML5 is an ability to act as a true desktop application that is indistinguishable from native applications. Chromium Embedded Framework (CEF) is the technology which makes this possible. CEF essentially allows native applications to embed a Chrome browser into their user interface (UI) in a way that is seamless and unapparent to the end user. Thanks to innovations from a few brilliant companies, this technology has been abstracted so that it can now be easily leveraged, both to build new desktop applications and to extend existing applications with HTML5 functionality.

Why HTML5?

This all sounds great – but only if you’re first convinced that HTML5 offers a unique advantage over traditional programming methods. Native coding (Java, .NET, Objective-C) is alive and well but it is now generally understood that the HTML/CSS paradigm is usually simpler, quicker, and more flexible than traditional native approaches. HTML’s evolution was primarily driven by graphics designers who required flexible layout and complete control over aesthetics in order to build beautiful, mostly print inspired, web pages. The Document Object Model (DOM) and Cascading Style Sheets (CSS) evolved to meet these needs. These technologies were well established by the time browsers gained the ability to present dynamic content. The application of graphic design discipline to dynamic content and interactivity resulted in the web we know today, lush with interfaces that can simultaneously offer power and simplicity.

The Bridge to HTML5: Integrate HTML5 Into Your Technology Stack

Aside from the UI design and layout advantages offered by HTML5, JavaScript itself has become today’s dominant programming language. A vast ecosystem of tools, frameworks, cloud services, and sample source code has emerged, putting JavaScript programmers in an enviable position, and one that couldn’t even have been imagined just a few years ago. Development speed has accelerated. Plug-and-play interoperability has transitioned from dream to reality.

The benefits of adopting HTML5 for new functionality, particularly UI, are compelling. The question of how to apply an HTML5 strategy to the desktop, and how to leverage these benefits in the context of legacy desktop applications, has been answered by what’s now known as the “container”. HTML5 containers help when starting an application project as well as how legacy platforms written in Java and .NET can be integrated with HTML5.

Contact us to discuss your HTML5 desktop prroject

Next Article
The Importance of UX in Financial Applications
The Importance of UX in Financial Applications

We prefer to think of our HTML5 financial charts as interactive maps—open sandboxes or drawing canvases—which require a considerable amount of chart real estate and clever placement of tools.