Welcome!

Java IoT Authors: Yeshim Deniz, Elizabeth White, Pat Romanski, Carmen Gonzalez, Liz McMillan

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
SYS-CON Events announced today that delaPlex will exhibit at SYS-CON's @ThingsExpo, which will take place on June 6-8, 2017, at the Javits Center in New York City, NY. delaPlex pioneered Software Development as a Service (SDaaS), which provides scalable resources to build, test, and deploy software. It’s a fast and more reliable way to develop a new product or expand your in-house team.
Five years ago development was seen as a dead-end career, now it’s anything but – with an explosion in mobile and IoT initiatives increasing the demand for skilled engineers. But apart from having a ready supply of great coders, what constitutes true ‘DevOps Royalty’? It’ll be the ability to craft resilient architectures, supportability, security everywhere across the software lifecycle. In his keynote at @DevOpsSummit at 20th Cloud Expo, Jeffrey Scheaffer, GM and SVP, Continuous Delivery Busine...
SYS-CON Events announced today that Progress, a global leader in application development, has been named “Bronze Sponsor” of SYS-CON's 20th International Cloud Expo®, which will take place on June 6-8, 2017, at the Javits Center in New York City, NY. Enterprises today are rapidly adopting the cloud, while continuing to retain business-critical/sensitive data inside the firewall. This is creating two separate data silos – one inside the firewall and the other outside the firewall. Cloud ISVs ofte...
DevOps at Cloud Expo – being held October 31 - November 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA – announces that its Call for Papers is open. Born out of proven success in agile development, cloud computing, and process automation, DevOps is a macro trend you cannot afford to miss. From showcase success stories from early adopters and web-scale businesses, DevOps is expanding to organizations of all sizes, including the world's largest enterprises – and delivering real r...
SYS-CON Events announced today that Systena America will exhibit at SYS-CON's 20th International Cloud Expo®, which will take place on June 6-8, 2017, at the Javits Center in New York City, NY. Systena Group has been in business for various software development and verification in Japan, US, ASEAN, and China by utilizing the knowledge we gained from all types of device development for various industries including smartphones (Android/iOS), wireless communication, security technology and IoT serv...
With major technology companies and startups seriously embracing Cloud strategies, now is the perfect time to attend @CloudExpo | @ThingsExpo, June 6-8, 2017, at the Javits Center in New York City, NY and October 31 - November 2, 2017, Santa Clara Convention Center, CA. Learn what is going on, contribute to the discussions, and ensure that your enterprise is on the right path to Digital Transformation.
In his keynote at @ThingsExpo, Chris Matthieu, Director of IoT Engineering at Citrix and co-founder and CTO of Octoblu, focused on building an IoT platform and company. He provided a behind-the-scenes look at Octoblu’s platform, business, and pivots along the way (including the Citrix acquisition of Octoblu).
SYS-CON Events announced today that Super Micro Computer, Inc., a global leader in compute, storage and networking technologies, will exhibit at SYS-CON's 20th International Cloud Expo®, which will take place on June 6-8, 2017, at the Javits Center in New York City, NY. Supermicro (NASDAQ: SMCI), the leading innovator in high-performance, high-efficiency server technology, is a premier provider of advanced server Building Block Solutions® for Data Center, Cloud Computing, Enterprise IT, Hadoop/...
SYS-CON Events announced today that CollabNet, a global leader in enterprise software development, release automation and DevOps solutions, will be a Bronze Sponsor of SYS-CON's 20th International Cloud Expo®, taking place from June 6-8, 2017, at the Javits Center in New York City, NY. CollabNet offers a broad range of solutions with the mission of helping modern organizations deliver quality software at speed. The company’s latest innovation, the DevOps Lifecycle Manager (DLM), supports Value S...
A strange thing is happening along the way to the Internet of Things, namely far too many devices to work with and manage. It has become clear that we'll need much higher efficiency user experiences that can allow us to more easily and scalably work with the thousands of devices that will soon be in each of our lives. Enter the conversational interface revolution, combining bots we can literally talk with, gesture to, and even direct with our thoughts, with embedded artificial intelligence, whic...
SYS-CON Events announced today that Peak 10, Inc., a national IT infrastructure and cloud services provider, will exhibit at SYS-CON's 20th International Cloud Expo®, which will take place on June 6-8, 2017, at the Javits Center in New York City, NY. Peak 10 provides reliable, tailored data center and network services, cloud and managed services. Its solutions are designed to scale and adapt to customers’ changing business needs, enabling them to lower costs, improve performance and focus intern...
The 21st International Cloud Expo has announced that its Call for Papers is open. Cloud Expo, to be held October 31 - November 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA, brings together Cloud Computing, Big Data, Internet of Things, DevOps, Digital Transformation, Machine Learning 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 busin...
SYS-CON Events announced today that Enzu will exhibit at SYS-CON's 20th International Cloud Expo®, which will take place on 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. Enzu’s mission is to be the leading provider of enterprise cloud solutions worldwide. Enzu enables online businesses to use its IT infrastructure to their competitive ad...
Everywhere we turn in our industry we can find strong opinions about the direction, type and nature of cloud’s impact on computing and business. Another word that is used in every context in our industry is “hybrid.” In his session at 20th Cloud Expo, Alvaro Gonzalez, Director of Technical, Partner and Field Marketing at Peak 10, will use a combination of a few conceptual props and some research recently commissioned by Peak 10 to offer a real-world consideration of how the various categories of...
In his opening keynote at 20th Cloud Expo, Michael Maximilien, Research Scientist, Architect, and Engineer at IBM, will motivate why realizing the full potential of the cloud and social data requires artificial intelligence. By mixing Cloud Foundry and the rich set of Watson services, IBM's Bluemix is the best cloud operating system for enterprises today, providing rapid development and deployment of applications that can take advantage of the rich catalog of Watson services to help drive insigh...
SYS-CON Events announced today that SoftLayer, an IBM Company, has been named “Gold Sponsor” of SYS-CON's 18th Cloud Expo, which will take place on June 7-9, 2016, at the Javits Center in New York, New York. SoftLayer, an IBM Company, provides cloud infrastructure as a service from a growing number of data centers and network points of presence around the world. SoftLayer’s customers range from Web startups to global enterprises.
Multiple data types are pouring into IoT deployments. Data is coming in small packages as well as enormous files and data streams of many sizes. Widespread use of mobile devices adds to the total. In this power panel at @ThingsExpo, moderated by Conference Chair Roger Strukhoff, panelists will look at the tools and environments that are being put to use in IoT deployments, as well as the team skills a modern enterprise IT shop needs to keep things running, get a handle on all this data, and deli...
DevOps is often described as a combination of technology and culture. Without both, DevOps isn't complete. However, applying the culture to outdated technology is a recipe for disaster; as response times grow and connections between teams are delayed by technology, the culture will die. A Nutanix Enterprise Cloud has many benefits that provide the needed base for a true DevOps paradigm.
With major technology companies and startups seriously embracing Cloud strategies, now is the perfect time to attend @CloudExpo | @ThingsExpo, June 6-8, 2017, at the Javits Center in New York City, NY and October 31 - November 2, 2017, Santa Clara Convention Center, CA. Learn what is going on, contribute to the discussions, and ensure that your enterprise is on the right path to Digital Transformation.
SYS-CON Events announced today that WineSOFT will exhibit at SYS-CON's 20th International Cloud Expo®, which will take place on June 6-8, 2017, at the Javits Center in New York City, NY. Based in Seoul and Irvine, WineSOFT is an innovative software house focusing on internet infrastructure solutions. The venture started as a bootstrap start-up in 2010 by focusing on making the internet faster and more powerful. WineSOFT’s knowledge is based on the expertise of TCP/IP, VPN, SSL, peer-to-peer, mob...