Welcome!

Java IoT Authors: Scott Allen, Liz McMillan, Carmen Gonzalez, Lori MacVittie, Elizabeth White

Blog Feed Post

HTML5 and the Future of PhoneGap and WebView+

By Peter Rogers, Principal Architect, Mobility, Cognizant

HTML5 is still one of the most discussed topics amongst us technical types.  The key challenge, however, has remained unanswered for a long time. How do you effectively wrap HTML5 for use in native mobile applications? Unfortunately I do not have a universal answer, but I do have a solution for Android.

Firstly, I recommend looking into the use of Vellamo in order to benchmark the performance of HTML5 on Android (http://www.quicinc.com/vellamo/).  Vellamo is designed to be an accurate, easy to use suite of system-level benchmarks for devices based on Android 2.3 forward. Vellamo began as a mobile web benchmarking tool that today has expanded to include two primary chapters: the HTML5 chapter evaluates mobile web browser performance; and the Metal Chapter measures the CPU subsystem performance of mobile processors.

I have my own custom architecture that extends RESS (Responsive Design + Server Side Components) called P-RESS (Performance RESS). The idea is to include performance based information inside the device family configurations. This means that an HTML5 based mobile client can query the RESS server to ask about the performance characteristics of its device family. This can be used to downgrade the graphical experience, for example removing a parallax scrolling background.

The big problem up until recently was that wrapping HTML5 into a WebView on Android meant that you had to use the default web browser, which unfortunately was not Chrome. Instead you ended up with the Android Stock Browser, which was a long way from Chrome. With Android 4.4 (KitKat) we now have the ability to use the Chrome browser through the WebView by default and this is very much welcome (https://developers.google.com/chrome/mobile/docs/webview/overview#what_version_of_chrome_is_it_based_on).

There are two downsides to this effort though:
  1. It only works on Android 4.4
  2. The WebView shipped does not have full feature parity with Chrome for Android (it is based on Chrome 30 as opposed to Chrome 33)
This means that the following features are not available:
  • WebGL (3D canvas)
  • WebRTC
  • WebAudio
  • Fullscreen API
  • Form validation
There have been a number of open source efforts to deliver a Chrome WebView that works across Android 4 and now it appears two companies have started to offer their own versions: Famo.us (http://www.infoworld.com/t/mobile-development/famous-were-building-better-phonegap-236267); and Ludei (http://support.ludei.com/hc/en-us/articles/201952993).

There is a subtle difference in marketing though: Famo.us claim to be building a better PhoneGap; whereas Ludei claim to be building something that is PhoneGap compatible. Both systems bundle the latest edition of the Blink engine (Chrome 33) with the App using a Cloud based build system. The two companies also have cool demos of WebGL running through a WebView on various Android 4 devices. This also means that when Chrome 34 arrives then it is presumed that could be bundled instead – depending on backward compatibility with earlier versions of Android 4.

Famo.us actually answer one of the key questions. Does each app have its own separately bundled edition of Chrome? Each time a Famo.us app needs a particular version of Chrome, that version is installed in such a way that other apps that need it can also use it – think shared libraries. At the moment the footprint for Chrome 33 is around 15-20MB but they predict the size will come down to 10MB. They can also have it not be part of the initial download of the app, but rather as an app upgrade.

It is unclear if Ludei will offer a similar shared library system at this time. One thing Ludei do mention is the increased portability and performance that WebView+ (as they call it) brings to the web environment. Ludei used to only offer support for games but just recently they added application support as well and this is when I really took notice of CocoonJS.

With one consistent HTML5 environment then it means the developers know the feature set to code towards. It becomes a sort of HTML5 Reference Implementation for Android. The minor downside is this only covers Android 4 and above. The major downside is this only covers Android. There is no way of bundling the latest version of Safari with an App on iOS and Windows 8 is even more problematic.

The other thing that Ludei and indeed Intel XDK offer is technology that cross-compiles HTML5 Canvas into OpenGL(ES) for Android or iOS. That means that if you are wrapping an HTML5 Canvas into a Native App then it makes far more sense to cross-compile it into Android or iOS native code. Ludei claims to have the fastest accelerated HTML5 Canvas, but Intel acquired similar technology from AppMobi.  When Web Components become more widely supported then it would appear to be the next candidate technology to be cross-compiled into native code.

Oracle offers ADF Mobile which combines a Java VM with an HTML5 presentation tier, the benefit being totally portable plug-in extensions. Unfortunately when I looked into the solution there was no backward compatibility with existing PhoneGap plug-ins. Ludei has been clever here and made sure that PhoneGap plug-ins are explicitly supported and I am sure Famo.us will follow.

I had a chat with the W3C recently and asked if there was likely to be any standardisation in the following spaces:
  1. Control over hardware acceleration
  2. Mixing native code and HTML5
  3. Pure HTML5 deployable Apps
The answer was that only the latter is being standardised and they are not seeing much uptake outside of Firefox OS. The manifest specification is being thoroughly updated through and this will see improvements to both HTML5 Cache Manifest and its future replacement called ServiceWorkers – all to be discussed in my next Blog (‘The future of HTML5’).  They also told me that the Windows 8 App Store allows you to host pure HTML5 applications.

This means that outside of standardisation, we are going to need to be looking at a new gold standard for HTML5 based Hybrid Apps as follows:
  • A Chrome 33/34 WebView for advanced performance, feature set and portability
  • An HTML5 Canvas to OpenGL(ES) conversion for Native Apps
  • PhoneGap backwardly compatible for existing plug-ins
These are Peter Roger's personal observations and opinions and don't necessarily represent his employers.  You can contact Peter Rogers directly at [email protected].

*************************************************************
Kevin Benedict
Senior Analyst, Digital Transformation Cognizant
View my profile on LinkedIn
Learn about mobile strategies at MobileEnterpriseStrategies.com
Follow me on Twitter @krbenedict
Join the Linkedin Group Strategic Enterprise Mobility
Join the Google+ Community Mobile Enterprise Strategies

***Full Disclosure: These are my personal opinions. No company is silly enough to claim them. I am a mobility and digital transformation analyst, consultant and writer. I work with and have worked with many of the companies mentioned in my articles.

Read the original blog entry...

More Stories By Kevin Benedict

Kevin Benedict is an opinionated Senior Analyst at Cognizant's Center for the Future of Work, SAP Mentor Alumnus, speaker, writer, and mobile and digital strategies expert. He is a popular keynote speaker, and in the past three years he has shared his insights into mobile and digital strategies with companies in 17 different countries. He has over 30 years of experience working with enterprise applications, and he is a veteran mobile industry executive. He wrote the Forward to SAP Press' bestselling book on enterprise mobility titled Mobilizing Your Enterprise with SAP, and he has written over 3,000 articles.

@ThingsExpo Stories
Internet of @ThingsExpo, taking place June 6-8, 2017 at the Javits Center in New York City, New York, is co-located with the 20th International Cloud Expo and will feature technical sessions from a rock star conference faculty and the leading industry players in the world. @ThingsExpo New York Call for Papers is now open.
Smart Cities are here to stay, but for their promise to be delivered, the data they produce must not be put in new siloes. In his session at @ThingsExpo, Mathias Herberts, Co-founder and CTO of Cityzen Data, discussed the best practices that will ensure a successful smart city journey.
Every successful software product evolves from an idea to an enterprise system. Notably, the same way is passed by the product owner's company. In his session at 20th Cloud Expo, Oleg Lola, CEO of MobiDev, will provide a generalized overview of the evolution of a software product, the product owner, the needs that arise at various stages of this process, and the value brought by a software development partner to the product owner as a response to these needs.
In 2014, Amazon announced a new form of compute called Lambda. We didn't know it at the time, but this represented a fundamental shift in what we expect from cloud computing. Now, all of the major cloud computing vendors want to take part in this disruptive technology. In his session at 20th Cloud Expo, John Jelinek IV, a web developer at Linux Academy, will discuss why major players like AWS, Microsoft Azure, IBM Bluemix, and Google Cloud Platform are all trying to sidestep VMs and containers...
@ThingsExpo has been named the ‘Top WebRTC Influencer' by iTrend. iTrend processes millions of conversations, tweets, interactions, news articles, press releases, blog posts - and extract meaning form them and analyzes mobile and desktop software platforms used to communicate, various metadata (such as geo location), and automation tools. In overall placement, @ThingsExpo ranked as the number one ‘WebRTC Influencer' followed by @DevOpsSummit at 55th.
SYS-CON Events announced today that MobiDev, a client-oriented software development company, will exhibit at SYS-CON's 20th International Cloud Expo®, which will take place June 6-8, 2017, at the Javits Center in New York City, NY, and the 21st International Cloud Expo®, which will take place October 31-November 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA. MobiDev is a software company that develops and delivers turn-key mobile apps, websites, web services, and complex softw...
The cloud market growth today is largely in public clouds. While there is a lot of spend in IT departments in virtualization, these aren’t yet translating into a true “cloud” experience within the enterprise. What is stopping the growth of the “private cloud” market? In his general session at 18th Cloud Expo, Nara Rajagopalan, CEO of Accelerite, explored the challenges in deploying, managing, and getting adoption for a private cloud within an enterprise. What are the key differences between wh...
"Tintri was started in 2008 with the express purpose of building a storage appliance that is ideal for virtualized environments. We support a lot of different hypervisor platforms from VMware to OpenStack to Hyper-V," explained Dan Florea, Director of Product Management at Tintri, in this SYS-CON.tv interview at 18th Cloud Expo, held June 7-9, 2016, at the Javits Center in New York City, NY.
The security needs of IoT environments require a strong, proven approach to maintain security, trust and privacy in their ecosystem. Assurance and protection of device identity, secure data encryption and authentication are the key security challenges organizations are trying to address when integrating IoT devices. This holds true for IoT applications in a wide range of industries, for example, healthcare, consumer devices, and manufacturing. In his session at @ThingsExpo, Lancen LaChance, vic...
Big Data, cloud, analytics, contextual information, wearable tech, sensors, mobility, and WebRTC: together, these advances have created a perfect storm of technologies that are disrupting and transforming classic communications models and ecosystems. In his session at @ThingsExpo, Erik Perotti, Senior Manager of New Ventures on Plantronics’ Innovation team, provided an overview of this technological shift, including associated business and consumer communications impacts, and opportunities it m...
WebRTC has had a real tough three or four years, and so have those working with it. Only a few short years ago, the development world were excited about WebRTC and proclaiming how awesome it was. You might have played with the technology a couple of years ago, only to find the extra infrastructure requirements were painful to implement and poorly documented. This probably left a bitter taste in your mouth, especially when things went wrong.
You have great SaaS business app ideas. You want to turn your idea quickly into a functional and engaging proof of concept. You need to be able to modify it to meet customers' needs, and you need to deliver a complete and secure SaaS application. How could you achieve all the above and yet avoid unforeseen IT requirements that add unnecessary cost and complexity? You also want your app to be responsive in any device at any time. In his session at 19th Cloud Expo, Mark Allen, General Manager of...
WebRTC is bringing significant change to the communications landscape that will bridge the worlds of web and telephony, making the Internet the new standard for communications. Cloud9 took the road less traveled and used WebRTC to create a downloadable enterprise-grade communications platform that is changing the communication dynamic in the financial sector. In his session at @ThingsExpo, Leo Papadopoulos, CTO of Cloud9, discussed the importance of WebRTC and how it enables companies to focus o...
Big Data engines are powering a lot of service businesses right now. Data is collected from users from wearable technologies, web behaviors, purchase behavior as well as several arbitrary data points we’d never think of. The demand for faster and bigger engines to crunch and serve up the data to services is growing exponentially. You see a LOT of correlation between “Cloud” and “Big Data” but on Big Data and “Hybrid,” where hybrid hosting is the sanest approach to the Big Data Infrastructure pro...
In his General Session at 16th Cloud Expo, David Shacochis, host of The Hybrid IT Files podcast and Vice President at CenturyLink, investigated three key trends of the “gigabit economy" though the story of a Fortune 500 communications company in transformation. Narrating how multi-modal hybrid IT, service automation, and agile delivery all intersect, he will cover the role of storytelling and empathy in achieving strategic alignment between the enterprise and its information technology.
Buzzword alert: Microservices and IoT at a DevOps conference? What could possibly go wrong? In this Power Panel at DevOps Summit, moderated by Jason Bloomberg, the leading expert on architecting agility for the enterprise and president of Intellyx, panelists peeled away the buzz and discuss the important architectural principles behind implementing IoT solutions for the enterprise. As remote IoT devices and sensors become increasingly intelligent, they become part of our distributed cloud enviro...
With major technology companies and startups seriously embracing IoT strategies, now is the perfect time to attend @ThingsExpo 2016 in New York. Learn what is going on, contribute to the discussions, and ensure that your enterprise is as "IoT-Ready" as it can be! Internet of @ThingsExpo, taking place June 6-8, 2017, at the Javits Center in New York City, New York, is co-located with 20th Cloud Expo and will feature technical sessions from a rock star conference faculty and the leading industry p...
"LinearHub provides smart video conferencing, which is the Roundee service, and we archive all the video conferences and we also provide the transcript," stated Sunghyuk Kim, CEO of LinearHub, in this SYS-CON.tv interview at @ThingsExpo, held November 1-3, 2016, at the Santa Clara Convention Center in Santa Clara, CA.
Things are changing so quickly in IoT that it would take a wizard to predict which ecosystem will gain the most traction. In order for IoT to reach its potential, smart devices must be able to work together. Today, there are a slew of interoperability standards being promoted by big names to make this happen: HomeKit, Brillo and Alljoyn. In his session at @ThingsExpo, Adam Justice, vice president and general manager of Grid Connect, will review what happens when smart devices don’t work togethe...
The 20th International Cloud Expo has announced that its Call for Papers is open. Cloud Expo, to be held June 6-8, 2017, at the Javits Center in New York City, brings together Cloud Computing, Big Data, Internet of Things, DevOps, Containers, Microservices and WebRTC to one location. With cloud computing driving a higher percentage of enterprise IT budgets every year, it becomes increasingly important to plant your flag in this fast-expanding business opportunity. Submit your speaking proposal ...