2012.09.11 w3 c html5 mobile paradies

April 10, 2023 © Netbiscuits 2012 1

HTML5 – Mobile Paradise?

Stephan HauxDirector Product ManagementNetbiscuits


Agenda

About Netbiscuits & About Biscuits HTML5 – Vision and Goal Reality Check – Mobile & HTML5 Encouraging Signs


What is Netbiscuits?

The world’s leading cloud platform for the development and delivery of next generation Web Apps across all mobile and connected devices


Our Platform by Numbers

15,000pro developers 10

Pages and content items delivered / month

billion 110,000Web Apps and Hybrid Apps live

150million

Videos delivered / month

3,583distinct device types / month

10,000+Averagenew profiles per month

147differentcountries

1st Cloud Platform(Launched 2007)

User base of

Incoming page requests from

Worldwide users from

Inhouse-tested device profiles

More than

50+


World Class Customers and Partners

Customers Partners

http://de.wikipedia.org/w/index.php?title=Datei:Johnson&Johnson_Logo.svg&filetimestamp=20101120115503

http://en.wikipedia.org/wiki/File:Hearst_logo.png

http://en.wikipedia.org/wiki/File:Omniture.png

http://en.wikipedia.org/wiki/File:MBlox_Blue_Green.jpg

http://en.wikipedia.org/wiki/File:Googlelogo.png


News and Awards

Best Mobile Web Publishing PlatformME Awards won for the 2nd time since 2009

mWeb Awards2012

Ranked in Gartner Magic Quadrant Since 2009

Leading Mobile Application Development Platforms 2012

Frost & Sullivan European Best Practice Awards 2011

Best Mobile Apps Deployment Platform

Best Mobile Website

Best Fashion or Beauty Mobile Website

Meffy & Eppy Awards 2011

How it works – The Biscuits

Using Biscuits building blocks, the creation of award-winning Web Apps cannot be easier

Header Biscuit

Search Biscuit

Menu Biscuit

Image Biscuit

Image Biscuit

Image Biscuit

Created byAwarded

http://www.sapient.com/

http://www.sapient.com/


The Biscuits – Our Secret Sauce

Biscuits enable the efficient deployment of standard UI elements and application features menus, galleries, articles, lists, forms... advertising, localization, social media,

search, analytics...

Support HTML5, got Responsive Design built-in; provide different modes to adapt automatically to the capabilities of any connected device

Enable up to 1.86 trillion adaptations within your Web App out of the box

30+ highly flexible building blocks, pre-tested and constantly updated, auto-adaptive for any connected device


Getting Really Started


HTML5 & Mobile Web born at the same time

Internet capable phone

… roughly

Bestseller 2004- No Browser -


HTML5 Vision

One Platform for all: Web Sites & Apps – From phone to TV

Combined from XHTML 1.1 + HTML 4.01 Design Guidance

Including the API & DOM into the spec design Build to run on low powered devices Web apps run offline as well

Content Getting media from plug-in to core Semantic capabilities <section>, <article> etc. Leveraging Capabilities outside the browser (microphone, storage)

Ideal support for Mobile Web


Reality Check

Mobile and HTML5 have drifted apart


HTML5 – Carried Away by Desktop Desire

Richer and Richer Graphical User Interface… missing interaction

More animations & transitions require CPU power… but camera still hardly supported by mobile browsers


HTML5 - A Standard in Motion

In 2012, Facebook joined the W3C to help getting HTML5 standardized and launched Ringmark, a mobile browser test suite for HTML5 feature support.

Out of 17 core features of HTML5 only 3 / 4 are supported by a majority of the top 10 devices in the USA, the UK, Germany, France, Spain, Australia etc.

Source: Caniuse, September 2012

http://en.wikipedia.org/wiki/File:Facebook.svg


Native Apps


Gartner Hype Cycle June 2012

“A working subset and de facto standard may be driven by mobile devices”


Android Device Fragmentation

Source: OpenSignalMaps, May 2012

599 Manufacturers

3997 Device Types

11 OS Versions

100+ Screen Sizes

.3.3+


Guardian – August 2012


HTML5 & Mobile will thrive


Encouraging Signs: Design

Encouraging first steps Responsive Design debate Understanding of its merits as well as short

comings Likely Next Steps

Understanding Diversity of Screens

Working to make a dream come through: “One Web”

+ Location+ Context


Encouraging Signs: Design

Striving for “Apple Grade Design”


Encouraging Signs: Outperforming PC Online

Mobilized Commerce can outperform Stationary rivals

New Demographics Mobile – HTML5 base Web is the

economically viable option


Encouraging Signs: Brands going mobile

Increasing budgets for Mobile Web Demonstrate value of the web

Link ability Importance of Search

Explore new use cases


Encouraging Signs: Reaching beyond Buzz Words

Making SoLoMo useable: Geo coordinates are nothing provide context Social does need purpose


Done? – Not yet

Multi Screen Users own multiple devices Adhoc linking of screens

Diversity RD column based needs expansion to honor

User Interaction concepts Merge Context and Device

Geo: Technology & Opt In Turn frequent use into serving the user

… A Lot of work out there


Conclusion: HTML5 – Mobile Paradise?

Not Yet!

But Soon!


Thank You

To learn more, visit: netbiscuits.comor follow us: @netbiscuits

Stephan HauxDirector Product [email protected]: @sthaux

mailto:[email protected]