AngularJS Enables Modern BI & Analytics Platform

By August 6, 2015Embedded BI

AngularJS allows easy creation of drag-and-drop dashboards.The switch from using Web Forms for years to AngularJS doesn’t just happen overnight.

Software engineers, sales executives and C-level executives saw end users in the healthcare industries were buying HD TVs in droves. The price became pretty cheap when buying in bulk. At the same time, smartphones became very popular and began using high definition screens as well. More and more doctors and other healthcare specialists filled the walls of their clinics – and even dentists’ examination rooms – with these screens.

Visualizations need to display clearly on high definition screens. However, the original code was created for standard PC screens. The platform had to be modern and responsive. Web Forms doesn’t do that very well and won’t be supported for .NET5.

AngularJS is a new, powerful, client-side technology that provides a way of accomplishing really powerful things in a way that embraces and extends HTML, CSS and JavaScript, while shoring up some of its glaring deficiencies. It is what HTML would have been, had it been built for dynamic content.

Lukas Ruebbelke

AngularJS handles visualizations well and it is a mature platform. It includes animation, 3D effects and 3D flipping, plus drag-and-drop operations. HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications, according to AngularJS.org.

Displaying all the data used in business intelligence and analytics takes a while to load from the database. But with AngularJS, it can feel lightning fast. Using AngularJS, it’s possible to optimize how the human eye and human mind perceive performance. The top of the page might load quickly, distracting the user from all of the loading happening on the rest of the screen. With a click of a button, within a half second the platform starts to draw.

AngularJS will have the server generate JSON – just raw data. The call to the server says to the database, “what have you got?” The raw list of people from data would be performed without any formatting client pulls. Through AngularJS it’s read in a device’s browser, which renders the raw data. This is more efficient as it doesn’t send or parse massive amounts of html. Some kind of template or CSS is applied at the device level in the browser.

Historically, if you want to display a list of people, a server-side layer would be used. It would iteratively build the html for the page before sending it out to the client. Source code will reveal tags and other coding repeated for each section.

It’s all about speed and performance at the end of day. The web application could send a bunch of html from the server and it would look fine.

In contrast, by sending raw data, a user can actually explore it. Little “sort buttons” are placed on the data rather than on the server. If server-side processing was being used, every time the user clicked to sort the data, the server would have to be called again to regenerate all of the html to be sent back to the client. Click back five times and the server has to refresh five times. Through the use of AngularJS at the client side, the user has a self-contained user experience.

Now you’ve got CSS and templates at the client side to run script and do everything needed to visualize and discover the data.

Drag-and-Drop Dashboard Creation

AngularJS creates the opportunity to introduce drag-and-drop dashboard creation, allowing users to move tiles around. A multi-tile grid system can be implemented, increasing flexibility while adding some constraints so inexperienced users don’t go overboard.

Whether it’s on a widescreen computer monitor, HDTV, smartphone or tablet, resizing works seamlessly no matter what aspect ratio is used for the dashboards and visualizations of Izenda’s embedded business intelligence platform.

For the ISV, AngularJS allows for compartmentalization of developer talent.

Request a live demo

Follow Izenda on social media for the latest on technology and business intelligence:
LinkedInOUTLOOKFacebookOUTLOOKTwitterOUTLOOK