HTML5 Application Development

The main goal of any business’ website is to make the business visible online. SEO (Search Engine Optimization) improves website visibility. SEO is a technique in which individual web pages and entire sites are constructed in such a way that they can be discovered, analyzed, and then indexed by various search engines. SEO can make the content of a web page more relevant, more striking, and more easily read by search engines and their crawling and indexing software.

However, sometimes it can be tough to make a website SEO-friendly. Websites that consist of flash can be particularly difficult, since Google cannot crawl links and HTML headings involved in flash. However, the new HTML5 web development allows the effects of flash to be read and enables Google to fetch content and links embedded in flash. This process makes your website extremely SEO-friendly and allows us to use animated banners and designs effectively. We can construct the entire website on the HTML5 platform, which will make it both SEO-friendly and user-friendly (easy to navigate).

The evolution of HTML web development has a lot to offer its users apart from making an SEO-friendly website. The development team needs to be well-versed in the characteristics of HTML5, as well as open-source frameworks such as Sencha, iWebkit, and Dreamweaver. These various frameworks can help a developer build web and mobile sites with better performances. The goals of HTML5 web development are compatibility with all web browsers without any serrations, a workable open source platform to which anyone can contribute, and the ability to take advantage of new applications without any limitations.
MRCC’s development team has used its expertise to work on the following corporate projects:

1)     Conversion of media (flash videos and animations) to HTML5 compatibility

2)     Development of HTML5 Apps for e-learning (eBooks and activity templates)

3)     Development and integration of Learning Management systems for Mobile apps for U.S. Clients

4)       Authoring tool development for further support in terms of content creation




Sandeep Madan is a Lead Developer at M&R Consultants Corporation.  He is currently working on numerous projects involving eBooks, media, Corporate Learning, and Software Development.  This is his first post on MRCC Blog.

Instructional Design for Content on the Go!

Most corporate training is for employees who have performance gaps.

How do you best describe a performance gap?

A performance gap is the difference between an expected output and an actual output. A detailed analysis will reveal several factors for the same.

Often, the most common and most overlooked factor is the employee’s inability to perform on the job and deliver a measurable output.

Training courses to reduce performance gaps also address skill areas, which influence an employee’s performance on the job.

How would we design the best eLearning to address performance gaps?

At one extreme, we create simulations where the user enters a virtual environment and simulates the entire job task to understand how to optimize his/her performance. Another way is to create simple branched scenarios with decision points, which will help the user identify actions and consequences. Both of these are treatment options that usually require Flash and a high graphical output.

Now, with HTML5 or mobile delivery platforms, these approaches become critically inapplicable. Thus, as instructional designers, we need to innovate and suggest an instructional approach to address similar content for mobile and new technology platforms.

If your target learner is in the field, such as a salesperson, or takes the course as a certification, then he or she will tend to be more comfortable using a smartphone, tablet, or other portable computing platform. Most of these do not support high-end flash runtime environments. So, how do we create exciting content for these platforms?

The idea is to engage the user while he or she is on the move. Keep in mind, the user is accessing learning in a possibly highly distracting environment.

We have to deliver content “nuggets” which a learner can view and interact within a span of 15-20 minutes or less.

We not only have to engage the user, but also deliver retention-value content.

Let’s explore options with entertainment value and higher retention?

Our Options

Short videos

Audio podcasts or Audible

Text based content nuggets with low-end graphics or no graphics

Comic based applications

Small learning games


Comics with minimal graphics are another exciting approach. They are shorter, have conversation, context, teach value of scenarios and are continued on a daily basis. Dexter and Calvin and Hobbes are examples of the same.

Can we provide a simulation without Flash and yet make it engaging?

The art of theatre has been low since the popularity of other media. The drama form is the best simulation that we have witnessed over the eons. Can I create a small drama to address my audience? The instructional designer can create a script, with characters and storyline, to record as an audio podcast or short narration video.

More and more, instructional designs need to adapt and innovate with their approaches to learning and deliver with it new tools and new technologies.



Karuna Sanghvi is Instructional Design Practice Lead at MRCC.  She currently operates her own blog, Design Gyan, at  This blog entry was originally published on Design Gyan on 12/27/11.

Flash is out!

Adobe has officially announced that they will no longer implement Flash for future mobile devices.  If this is news to you, I recommend that you read the post on Adobe’s Blog here.

The reaction to this news has spanned the spectrum: some are shaking their fists, while others are seeking HTML5 developers.  The fact of the matter is that the switch is happening or has already happened for 90% of the web.  Keep in mind that HTML5 is basically HTML with CSS and Javascript integrated.  These two technologies, like HTML, have been around for over a decade and allow developers a great deal of flexibility and functionality.  Combining these technologies will allow everyone from students to large corporations to create full-fledged applications viewable on virtually every internet-connected device.

One thing that you need to take into consideration is that Flash is mainly used to display video content across the web.  Flash provides an easy way to publish these files with a player interface.  This can now be done with the HTML5 <video> tag instead.  This tag is supported by all web browsers, including mobile browsers, except for WinMo and Internet Explorer prior to version 9. YouTube has been testing their HTML5 video player for months now, and other video sites are doing the same.

Obviously, those who have created interactive, complex Flash applications now have a daunting task ahead of them.  HTML5 is not yet suited for these types of implementations simply because an intuitive and easy-to-use authoring tool has not been built.  This is why Adobe’s decision to drop Flash is truly brilliant. With Adobe now focusing on HTML5, they will seek to create a better tool to help users develop applications in HTML5 (such as Dreamweaver ) similar to how they had been built in Adobe’s Flash Professional.

There’s no two ways about it: Flash is out and HTML5 is in. Get ready folks; this is the start of Web 3.0.



Rajiv is Sales Manager at M&R Consultants Corporation (MRCC) based in Billerica, MA.  MRCC provides technical and creative services to publishing, training, and development groups across all industries around the globe.