HTML5 User Interface in Mobile Devices - Preface, abstract and contents

My thesis for finalising the studies of Master of Engineering in Multimedia Communications at Metropolia University of Applied Sciences in Helsinki, Finland is about technologies which tend to move forward very rapidly. Therefore I have published these updates on the original thesis, for which the details are given below.

  • Author: Jukka Paasonen
  • Title: HTML5 as Common User Interface Layer in Mobile Device Platforms
  • Number of Pages: 74 pages
  • Date: 3 December 2012
  • Degree: Master of Engineering
  • Degree Programme: Information Technology
  • Specialisation option: Multimedia Communications
  • Instructors: Ville Jääskeläinen (Principal Lecturer) and Harri Kiljander (Dr. Tech, Interactive Digital Media)
  • Key words: HTML5, CSS3, JavaScript, Mobile, Smartphone, User Interface

The original thesis is available at Theseus under the same CC license as most of the contents on this ( web site.

The list of contents below contains links to updated stories about those chapters.


The research started back in 2010 with near to native solutions and with a purpose to reduce errors while implementing final user interface from an accepted prototype. While the research moved on, so did the industry and the buzz for HTML5 was getting louder. With this so did the research evolve to include HTML5 to one of the prototyping tools and solutions that could be used in the production code.

The market of mobile device platforms has been fragmenting increasingly, which makes development, let alone testing more tedious. While most of them have software simulator, true testing should be done in a real device. Acquiring all the devices can be expensive, which made the research somewhat slow.

The research should give a fairly good view on which platforms should be targeted today, which tools to use for development, how to test for feature availability and speed performance. With the results the developers can evaluate if HTML5 is the right solution for the given application.

This research would have not been possible without many individuals whom I wish to give my sincere gratitude. These people include, but not limited to Mari Paasonen, Harri Kiljander, Kari Sysimiilu, Petri Kosonen, Yoshinao Nanbu, Ville Jääskeläinen and Karin Paasonen.

I wish I was younger and technologies like HTML5 would mature faster.

Helsinki, October 25, 2012

Jukka Paasonen


HTML5 is spreading from web to mobile applications. This research was started to find out if HTML5 and the related technologies were ready to be used for cross platform mobile device application development in the current market major devices.

The research selected four current mobile device platforms based on the current market shares and on developer surveys for finding the most popular platforms. For each platform their manufacturer’s recommended development solution was evaluated against the ability for creating HTML5 based applications. The three most popular third party cross platform solutions based on HTML5 and related technologies were evaluated for their development process and compared to the manufacturers’ offering.

Tools for testing against HTML5 and compliances of other standards as well as performance, were evaluated for their ability to test features, benchmark application speed and easy of use.

HTML5 seems the best solution for cross platform development, when there are more than one target platform. The compliance of tools and standards is maturing rapidly and very decent compatibility is offered with the modern development platforms.


Those items that are linked, are linking to an updated contents of the given item. Original contents from 2012 are available at Theseus.

  1. Introduction
  2. HTML5 and Related Technologies
  3. Mobile Platform Selection
  4. Mobile Platform Native Solution Analysis
  5. Cross Platform Solutions
  6. Feature Availability and Performance
  7. Results and Analysis
  8. Discussion and Conclusions

Please note that the references are listed within each of the chapters in order to make it easier to study further of the given topic.