SlideShare une entreprise Scribd logo
1  sur  144
Télécharger pour lire hors ligne
HTML5
why we talk about it
what we do about it



Pierre Combelles
Orange
just to be sure: what is it ?

         HTML5 : HTML +…                     a flash-like experience - and
                                                 more - in all browsers
      new elements – esp. video
      more APIs for more features           rich UI
                                            drag & drop, edition, enhanced
                                            rendering ...
                 CSS3
                                            media
   richer look & formatting description     audio/video, 3D, graphics
                                            offline
               javascript                   storage, web app cache
                                                  g
   include code in pages & run locally      connectivity
                                            web socket (bi-directional)
                                            push
       browser implementation
                                            other features
                                            geolocation and more to come


                                   buzz
       "the browser becomes the new (multiscreen) (web) app platform"
                         "contents become apps"
no doubt: it's coming

       html5 handsets worldwide (millions)                        Orange html5-compatible handsets
                                                                    cumulated purchase (millions)
                  source ATT
2500                                                     12,000

2000                                                     10,000

                                                          8,000
1500
                                                          6,000
1000
                                                          4,000
500                                                       2,000

   0                                                      0,000
        2010   2011   2012   2013   2014   2015   2016             2010            2011          2012 (May)




       85% of all smartphones                                 17% of Orange handsets have
       will have HTML5 browsers                               HTML5 browsers
       by 2016 [AT&T, Feb 2012]
                                                              HTML5 roll-out strategy … teaser ….
                                                                        ll t t t         t
       15% of apps launched this                              .. Web apps
       year will be HTML5 apps,                                   Distribution    Hybrid
       already [IDC, 2012]
                                                                        3d party apps
                                                                                 apps…
great expectations


   web     open      rich mobile/all screens
great expectations
             customers                  operators

                 choice
                 quality         same expectations as
             clarity & trust     developers for our own
                                 services !
               relevance
                                 use the browser to
             developers          improve customer
                                 experience & contact
     development
       rich functional set       bring the best of the
       web environment           mobile web to our
       easier Xplatform devpt    customers by attracting
       shorter TTM / Lower TCO   developers
                                   monetisation (billing)
     gotomarket                    APIs
       open ecosystem              recommendation
       plurality of channels
       customer visibility
       monetisation
expectations versus reality: what is the gap ?
a bit of SWOT analysis
           industry traction                                   an alternative ecosystem to current




                                                      tunity
    ngth

           "web goes mobile" enabler                           closed silos
stren




                                                 opport
           enhanced user experience                            more open distribution and
           cross-platform portability                          monetisation models


           still young                                         fragmentation
 eakness




           not as rich as native apps                          creation of new browser-based




                                                 risk
           portability-vs-UX trade-off                         silos
we




           distrib/monetisation lack structure                 trust & security
focus: discovery, recommendation, distribution

discovery enhanced by rich tags :
description, category, ratings, recommendation, likes
d    i ti      t         ti              d ti   lik
       food for web stores, not just search

recommendation takes a new dimension :
personalized and contextualized recommendations, based on preferences,
usages, likes etc

Distribution
becomes a mix of "exclusive" distribution of key content and "open access"
(web model) – the web is the app store (ATT)

monetization
   advertising
   micropayments – locked to distribution?
   subscription – for trusted partners only
   contents & data bundling
key success factors

•   broad reach & audience potential
•   effective discovery & distribution
•   engaging & frictionless experience
•   trust in privacy & security
•   proven monetization mechanisms
•   fragmentation limitation
meeting expectations…
raising awareness, learning with the ecosystem
        awareness

         learn…                    promote…                      use…

    relevant use cases                                    for our own services :
           design                    internally                   design
        development                                              develop
            tools           externally – orange partner         distribute
       fragmentation                                             measure
            an HTML5 practice, in close contact with its ecosystem
meeting expectations…
delivering on the promise

          make HTML5 usable                       enhance web apps value
              fragmentation
 drive consistent implementation            operator APIs & network optim.
                                            experience, monetisation
 - standard & test lists
                                               - network & platforms : Id/Auth,
 - test results publication
                                               privacy, billing, call control,
                                               messaging, location, QoS…
 - handset&browser compliance requirement
                                               - SIM (Auth, NFC)
 - tizen reference                          distribution
                                            di t ib ti capabilities
                                                           biliti
                                            reach, monetisation, trust
                                               - orange selection
Orange
  APIs
Orange selection
customers : build trust through relevance
developers : reach / monetisation rate trade-off
                                                   live in France now
  a layered approach
  Orange apps
  partner apps
  referenced apps
    f      d

  presentation
  search & recommendation
  favourites
  relevant bundles of apps&services
  according to context

  billing
  partners
  mid- tail
  multi-operator - WAC
Orange WebStore
http://lewebstore.orange.fr
http://lewebstore orange fr




                              < 250 services/webapps listées
conclusion : a necessarily open approach
with browser & device vendors but also…
                      vendors,    also

   collaborate with…                      MNOs                        OTTs
   on…

   fragmentation               W3C collaboration              devpers requirts
                               device requirts                W3C collaboration
   promotion/support to        joint mkting                   joint mkting
   developers                  WAC
   MNO APIs                    consistent devper interface    use an distribute
                                local initiatives, WAC/GSMA
   distribute & monetise 3rd   share repositories ?           leverage MNO billing
   party apps                  simplified access to MNOs
                                                    MNOs'
                               billing
   distribute Orange apps                                     distribute



   So let's team up…
Thank you !
Buongiorno, the web app company


Orange Partner Day – June 11th 2012 - Paris
Company Profile
                                                                                            2
Created in 1999, early and pure player in digital contents distribution on mobile devices,
Buongiorno has developed a strong expertise and recognized leadership in its field.
The company, Headquartered and listed in Milan Stock Exchange, is today:

 Specializing in mobile entertainment, focusing almost entirely on a B2C approach, based on
  strong product management, technology and direct marketing capabilities combined with a
  partnership attitude with mobile network operators

 With a team of approx. 800 young professionals, based in 15 countries, conducting business
  in more than 20 countries around the world

 Generating 2011 proforma revenues (current perimeter) of ~€240 mn with an EBITDA of
  ~€27 mn Euro: 55% in Europe, 30% in the Americas and 15% in the rest of the world

 Running a blend of traditional, feature phone oriented, and of new, rapidly growing smart
  phone and tablet oriented, products

 With a sound balance sheet and a proven track record in delivering results, profits and cash
  flow
The web apps opportunity
                                                                                          3
 In the last few quarters B! has been successful in creating and distributing web apps
  thru carrier billing in several EU, NA and LATAM countries

 As a result B! currently has more than 20 products launched in 9 countries (Italy,
  France, Germany, Spain, UK, Mexico, Turkey, Austria and Canada) with roadmap to
  extend to +15 countries during 2012

 Buongiorno has created, in the past 2 years a fully new Mobile internet platform for
  HTML5 apps, with a fully dedicated team at the edge of consumer needs and
  technology evolution

 First results from the market, enthusiastic reaction from carriers, web apps
  momentum, 3G and smart-phone growing penetration seem to indicate a “perfect
  storm”.


 A potentially huge opportunity for creating an ecosystem around web apps is
  appearing on the horizon and B! will play a key role as first mover!
B! web apps portfolio, some examples
                                                                     4

 Gamifive:                                      iFortune:
Unlimited play from a                           HTML5 storefront,
catalog of 150+ casual                          with multiple
HTML5 games.                                    astrology and
                                                esoteric entries




                                                 Fingerbooks:
 Playplanet:
                                                HTML5 storefront,
HTML5 storefront for
                                                offering a new and
unlimited native apps
                                                unique e-book
android games
                                                experience based
                                                on short stories.



 iMagazine:
HTML5 storefront that allows to integrate any
type of content, pictures, video, texts,
comments in a personalized way.
Social integration with FB opengraph.
KEY SUCCESS FACTORS
                                                                                    5
 Transparent acquisition flow, to ensure transparency and awareness

 Adapted price point and business model

 Carrier billing

 Attractive revenue share between Carriers and Editors (to compete with existing
  closed market places)

 CRM activities to engage users

 Product and content quality

 Customer care
          Tot Customer Base Overall    +136% in 5 months!
700 000
600 000
500 000
400 000
300 000
200 000
100 000
     -
Thank you for your attention!
    ludovic.desgarets@buongiorno.com
Orange initiatives around HTML5


Orange Labs / ASC Devices - Mobile Browsing
June 2012


Olivier CASSINAT
Contact: olivier.cassinat@orange.com



                               France Telecom Group confidential
Content




       What we do


       Fragmentation analysis


       Advanced use cases


       Overall conclusions




 Orange Labs - Mobile Browsing –Orange initiatives about HTML5 – June 2012   France Telecom Group confidential   2
What we do




        France Telecom Group confidential
What we do


       We study new technologies
              State of art, detection of the potential


       We work with product lines
              Define the need, find business opportunities


       We develop test plans
              Understand the implementations


       We work with manufacturers
              Improve browsers


       We develop web components and web applications
       W d    l     b              d   b    li i
              Enrich the user experience




 Orange Labs - Mobile Browsing - Orange initiatives around HTML5 – June 2012   France Telecom Group confidential   4
Fragmentation analysis
   g              y




         France Telecom Group confidential
Overview
       650+ device models
       24 brands / manufacturers (biggest maker: Nokia [all] / Samsung [Highest Touch])
                                          maker
       16 Operating Systems (most used: Android, Windows Mobile, Symbian OS [all] / Android [Highest
       Touch])
       16 browsers (most used: Android Browser, Internet Explorer Mobile, Nokia Web Browser for S60)
       6 layout engines
              Most used (in browsers and devices): WebKit
              Highest Touch devices browsers all use WebKit
              WebKit based browsers use several different versions of WebKit
       Browsers with best browsing technologies (advanced JavaScript, CSS3, HTML5) support: BlackBerry
       Browser 6+, Safari (iOS), Android Browser 2.1+, Dolfin 2.0 (Bada), Opera Mobile 11.1
       19 screen resolutions (most used: 240 × 320 (QVGA) [all] / 480 × 800 (WVGA) [Highest Touch])
       41 screen sizes (most used: 2.8” [all] / 3.2” [Highest Touch])
       72% touch screen devices (44% capacitive, 28% resistive)
       Most common RAM memory quantities used: 256 512 128 [ ll] / 512 [Hi h
       M                           ii       d 256, 512,    [all]       [Highest Touch]; from 8 to 1024
                                                                                T   h] f
       MiB
       Most common processor frequencies used: 1000, 600, 528 [all] / 1000, 600, 800 [Highest Touch]; from
       80 to 1400 MHz
       Production of smartphones with a dual-core processor started in 2011

 Orange Labs - Mobile Browsing – Orange initiatives around HTML5 – June 2012   France Telecom Group confidential   6
Browsers (browsing technologies support)                                       Data based on the 650+ device models studied

       Best support: BlackBerry Browser 6+, Safari (iOS), Android Browser 2.1+, Dolfin 2.0 (Bada), Opera
       Mobile 11.1
       Finally starting to catch up: Nokia Web Browser for S60 (Symbian Anna), Internet Explorer Mobile 9
       (Windows Phone 7.5)




 Orange Labs - Mobile Browsing – Orange initiatives around HTML5 – June 2012             France Telecom Group confidential   7
Browsers (HTML5 support) [cont.]




 Orange Labs - Mobile Browsing – Orange initiatives around HTML5 – June 2012   France Telecom Group confidential   8
Advanced use cases




        France Telecom Group confidential
Components


       Consequences of the fragmentation
              Carousel :
                     Highest touch version
                     High touch version
                     Hi h t   h     i


       Advanced use case
              Access Webapp for First Time
                         pp

    Splash screen: progressive bootloader info is shown at startup, as content is restored from device memory.

    DOM storage: Images are base64 encoded on the server, and then are saved to the client’s local storage as text strings.
         User modifications (text editing, image scaling…) are saved locally. At startup, the UI is shown in its latest condition.
         A menu is included that enables clearing saved items.

    Touch gestures: actions are triggered by touch or mouse events, depending on browser.

    Orientation-aware UI: modules are scaled and positioned on the fly depending on screen orientation.

    Bookmark icon: the page has a custom icon when added to home screen, and can run in webapp mode (no address bar).

    Animation: labels with CSS3 text shadow are displayed following image transitions.




 Orange Labs - Mobile Browsing Orange initiatives around HTML5 – June 2012                   France Telecom Group confidential       10
Overall conclusions




         France Telecom Group confidential
Overall conclusions
       Smartphones fragmentation is obvious when looking at the number and diversity of Operating Systems,
       browsers, layout engines, screen resolutions, screen sizes, screen types, and hardware configurations
               , y        g    ,                   ,             ,         yp ,                    g
       (RAM memory + processor)
       WebKit is the most used layout engine by far but there are in fact several different versions of WebKit,
       and at least as much implementations; we even noticed differences with a same version of WebKit used
       by two different browsers
       Irregularities show up when following the progression of browsers in term of browsing technologies
       support
       But as of 2011, we were seeing
              All the latest versions of browsers starting to converge to a near full support of established features
              in the browsing technologies standards (advanced JavaScript, CSS3, HTML5)
              The production of non-touch devices nearly stopping, the production of Highest Touch devices
              dominating (since 2010), and the production of devices with a dual-core processor starting
       So what to expect in 2013 and after?
              Many more new devices to be produced, widening the gap with older devices still in use
              Today’s smartphones fragmentation will not be resolved in the coming years
              Tomorrow’s smartphones fragmentation will expand today’s with new HTML5 and CSS3 features
              implementations (as the two standards are not yet finalized), and new specific implementations that
              may or may not become the next standards




 Orange Labs - Mobile Browsing – Orange initiatives around HTML5 – June 2012      France Telecom Group confidential     12
thank you
      y




            France Telecom Group confidential
THE WEB IS THE PLATFORM
                    Anthony Ricaud,
               anthony@mozilla.com
                          @rik24d
MOZILLA IS A FOUNDATION
MOZILLA IS A FOUNDATION

- Everything we do is open
MOZILLA IS A FOUNDATION

- Everything we do is open
- Open source, open discussions, open meetings
MOZILLA IS A FOUNDATION

- Everything we do is open
- Open source, open discussions, open meetings
- We answer to the manifesto
PROMOTE CHOICE, INNOVATION
   AND OPPORTUNITIES ON
         INTERNET
A BIT OF HISTORY
A BIT OF HISTORY

 - 2004: IE has 95% marketshare
A BIT OF HISTORY

 - 2004: IE has 95% marketshare
 - Nov 9, 2004: Firefox 1.0 release
A BIT OF HISTORY

 - 2004: IE has 95% marketshare
 - Nov 9, 2004: Firefox 1.0 release
 - June 29, 2007: iPhone release
THE ECOSYSTEM EFFECT
THE ECOSYSTEM EFFECT

- Most of the apps are created for iOS or
  Android
THE ECOSYSTEM EFFECT

- Most of the apps are created for iOS or
  Android
  - Developers only know one technology set
THE ECOSYSTEM EFFECT

- Most of the apps are created for iOS or
  Android
  - Developers only know one technology set
- New platforms are struggling
THE ECOSYSTEM EFFECT

- Most of the apps are created for iOS or
  Android
  - Developers only know one technology set
- New platforms are struggling
  - WP7, Meego, RIM, Bada, …
THE WEB IS THE PLATFORM
THE WEB IS THE PLATFORM

- Facebook, GMail, Twitter, Balsamiq, 280 slides
THE WEB IS THE PLATFORM

- Facebook, GMail, Twitter, Balsamiq, 280 slides
- As efficient as native apps
THE WEB IS THE PLATFORM

- Facebook, GMail, Twitter, Balsamiq, 280 slides
- As efficient as native apps
- Works on every device
UNLOCKING THE WEB
UNLOCKING THE WEB

1. Same capabilities as native apps
UNLOCKING THE WEB

1. Same capabilities as native apps
2. Out of the browser
UNLOCKING THE WEB

1. Same capabilities as native apps
2. Out of the browser
3. Distribution system
WEB APIS
Vector
               graphics
Transitions
                      Offline
        Ajax
                 WebGL
Video
                  (3D)
        Geolocation
Vector
               graphics
Transitions


HTML5
                      Offline
        Ajax
                 WebGL
Video
                  (3D)
        Geolocation
Bluetooth
  Battery
                            Vector         Camera
                           graphics
            Transitions


        HTML5
SMS                               Offline
                    Ajax
                             WebGL
            Video
                              (3D)
                                             Vibration
                    Geolocation
Telephony

                              Contacts
WebAPIS
  Battery
                              Bluetooth

                            Vector         Camera
                           graphics
            Transitions


        HTML5
SMS                               Offline
                    Ajax
                             WebGL
            Video
                              (3D)
                                             Vibration
                    Geolocation
Telephony

                              Contacts
Bluetooth
  Battery
                            Vector         Camera
                           graphics
            Transitions


        HTML5
SMS                               Offline
                    Ajax
                             WebGL
            Video
                              (3D)
                                             Vibration
                    Geolocation
Telephony

                              Contacts
FIREFOX MOBILE FOR ANDROID
FIREFOX MOBILE FOR ANDROID

- Faster, faster, faster
FIREFOX MOBILE FOR ANDROID

- Faster, faster, faster
- Desktop-like: Awesome Screen, add-ons
FIREFOX MOBILE FOR ANDROID

- Faster, faster, faster
- Desktop-like: Awesome Screen, add-ons
- Sync with desktop
FIREFOX MOBILE FOR ANDROID

- Faster, faster, faster
- Desktop-like: Awesome Screen, add-ons
- Sync with desktop
- In Beta, release soon
DEMO
APPS
APPS
APPS


- Integrated in the OS
APPS


- Integrated in the OS
- Distribute on your terms
MANIFEST
{
    "version": "1.0",
    "name": "AwesomeNewspaper",
    "description": "Exciting news
        delivered to you",
    "icons": {
       "128": "/img/icon-128.png",
    },
    "developer": {
       "name": "Press2.0",
       "url": "http://press20.fr"
    },
    "installs_allowed_from": ["*"]
}
DEMO
MARKETPLACE
MOZILLA MARKETPLACE
MOZILLA MARKETPLACE

- One distribution system
MOZILLA MARKETPLACE

- One distribution system
  - Others could run their own
MOZILLA MARKETPLACE

- One distribution system
  - Others could run their own
- Free and paid apps
MOZILLA MARKETPLACE

- One distribution system
  - Others could run their own
- Free and paid apps
- Reaches half a billion users
DEMO
ONE MORE THING
- Android is not enough
- Android is not enough
- Many markets don’t have smartphones yet
- Android is not enough
- Many markets don’t have smartphones yet
- Open Web Apps are powerful
- Android is not enough
- Many markets don’t have smartphones yet
- Open Web Apps are powerful
- Android is not enough
- Many markets don’t have smartphones yet
- Open Web Apps are powerful

- So…
BOOT TO GECKO
WHAT IT IS?
WHAT IT IS?

 - Everything is a web app
WHAT IT IS?

 - Everything is a web app
 - Linux Kernel + Gecko
WHAT IT IS?

 - Everything is a web app
 - Linux Kernel + Gecko
 - First partners: Telefonica and Qualcomm
DEMO
THAT’S ALL FOLKS
 - https://wiki.mozilla.org/WebAPI
 - https://wiki.mozilla.org/Apps
 - https://marketplace.mozilla.org
 - http://www.mozilla.org/b2g/

 - anthony@mozilla.com
An introduction to Tizen

      Tizen - the new HTML5 platform"



                                               Vincent Bonnevay – Global Product management
                                                   Samsung
Mark Sage – Tizen container platform manager
                                               v.bonnevay@samsung.com
mark.sage@orange.com
+44 (0) 7866 688659                            Jacques Bourhis – Engineering Manager, Director Intel
                                                   Montpellier

                                               jacques.Bourhis@intel.com
Legal Notices and Disclaimers
INFORMATION IN THIS DOCUMENT IS PROVIDED IN CONNECTION WITH INTEL® PRODUCTS. NO LICENSE, EXPRESS OR
IMPLIED, BY ESTOPPEL OR OTHERWISE, TO ANY INTELLECTUAL PROPERTY RIGHTS IS GRANTED BY THIS DOCUMENT. EXCEPT
AS PROVIDED IN INTEL’S TERMS AND CONDITIONS OF SALE FOR SUCH PRODUCTS, INTEL ASSUMES NO LIABILITY
WHATSOEVER, AND INTEL DISCLAIMS ANY EXPRESS OR IMPLIED WARRANTY, RELATING TO SALE AND/OR USE OF INTEL®
PRODUCTS INCLUDING LIABILITY OR WARRANTIES RELATING TO FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY,
OR INFRINGEMENT OF ANY PATENT, COPYRIGHT OR OTHER INTELLECTUAL PROPERTY RIGHT. INTEL PRODUCTS ARE NOT
INTENDED FOR USE IN MEDICAL, LIFE SAVING, OR LIFE SUSTAINING APPLICATIONS.
Intel may make changes to specifications and product descriptions at any time, without notice.
All products, dates, and figures specified are preliminary based on current expectations, and are subject to change without
notice.
Intel, processors, chipsets, and desktop boards may contain design defects or errors known as errata, which may cause the
product to deviate from published specifications. Current characterized errata are available on request.
Any code names featured are used internally within Intel to identify products that are in development and not yet publicly
announced for release. Customers, licensees and other third parties are not authorized by Intel to use code names in
advertising, promotion or marketing of any product or services and any such use of Intel's internal code names is at the sole
risk of the user.
Software and workloads used in performance tests may have been optimized for performance only on Intel® microprocessors.
Performance tests, such as SYSmark and MobileMark, are measured using specific computer systems, components, software,
operations and functions. Any change to any of those factors may cause the results to vary. You should consult other
information and performance tests to assist you in fully evaluating your contemplated purchases, including the performance of
that product when combined with other products. For more information go to http://www.intel.com/performance
Intel, Intel Inside, the Intel logo, Centrino, Centrino Inside, Intel Core, Intel AppUp, Intel Atom and Pentium are trademarks of
Intel Corporation in the United States and other countries.
Material in this presentation is intended as product positioning and not approved end-user messaging.

This document contains information on products in the design phase of development.
*Other names and brands may be claimed as the property of others.
Copyright © 2011 Intel Corporation. All rights reserved.

Tizen is a trademark of the Linux Foundation




INTEL CONFIDENTIAL
agenda

    1.    collaboration – (including this presentation) - Mark

    2.    current environment and smart phone review -
          Jacques and Vincent

    3.    open v’s closed platforms - Vincent

    4.    introduction to Tizen - all

    5.    re-cap of key messages - Mark




3
environment and smart
phone review

Jacques – Intel
Vincent - Samsung
2011 in Review
A Glimpse into the Market Environment

                      Microsoft-Nokia pact signed                            LiMo Foundation promises new
                      – ARs Technica, May 2011                               devices this year
                                                                             – Thing, 3/22/11



      Palm largely dead as HP
      shuts phone, tablet unit                                                             Sprint to join AT&T and
      – AP, 8/18/11                                                                        Verizon in offering iPhone 5
                                                                                           – Macrumors, 8/23/11

                                                        2011
                                                    A Pivotal Year
                                                                                             Amazon tablet coming in
Google buys Motorola Mobility
                                                      in Mobile                              November for $250?
                                                                                             – Engadget, 9/2/11
– Forbes, 8/22/11
                                                      Industry

                                                                                       Google: Motorola Xoom is
                                                                                       lead Honeycomb product
                                                                                       – Pocket-lint, 1/20/11

             RIM urged to do something
             – Barron’s, 9/6/11

                                                                  Rumors of MeeGo’s death have
                                                                  been greatly exaggerated
                                                                  – PCTech Talk, 6/19/11



    INTEL CONFIDENTIAL
Industry Development Environment Trends
The Shift to HTML5




 Recent Headlines                                                                        % of H.264 Video Available for HTML 5 Playback

                                                                                                                                                63%
 HTML5 could be “game changer”                                                                                                 54%

 Apple shows us what HTML5 can do
                                                                                                               26%
 Why companies are flocking to HTML5
                                                                                             10%

 Google, Adobe embrace HTML5 with new launches
                                                                                      January 2014        May 2014       October 2014    February 2015


 Microsoft jumps On HTML5 bandwagon                                                    Developer Preference
                                                                                       Android                                          67%         #1
 HTML5 begins to reshape digital and mobile world
                                                                                       iOS                                              59%         #2
                                                                                       Web Apps with HTML/                              56%         #3
                                                                                       Browser
                                                                                       Source: survey from Vision Mobile and Bluevia (June, 2011)


                            1. Broadcast Engineering, 8/8/11. 2. Mashable, 6/4/10. 3. Fortune, 8/30/11.
                            4. AndroidApps, 8/1/11. 5. Hothardware, 6/14/11. 6. Wall Street Journal, 7/28/11


   INTEL CONFIDENTIAL
A Quick Overview of Key Web Technologies


HTML5, JavaScript, CSS3 are three
independent but complementary technologies
•    “HTML5” and HTML5 logo often used loosely to
     mean a combination of web technologies such as
     HTML5, CSS3, JavaScript, etc.

With these technologies developers can
•    Create standalone apps than can be loaded from
     the cloud, installed as an app, or bundled with an
     OS

•    Create websites that are optimized for a much
     broader range of devices, particularly mobile
     devices

•    Leverage HTML5 and Web competences in
     creating stand alone applications with full access to
     device resources




      INTEL CONFIDENTIAL
Smartphone+OS+Global+M/S+(‘12.1Q)


                          Android;
                           56.1%




                                                iOS; 22.9%


                    Blackberry;      Symbian;
                       6.9%
          8.6%
etc; 0.9%
  Window
Phone; 1.9%
      bada; 2.7%




                                                              * Resource : Gartner
Smartphone+OS+Global+M/S


60.0%

50.0%

40.0%

30.0%

20.0%                               2011. 1Q
                                    2012. 1Q
10.0%

0.0%
Smartphone+OS+Global+M/S+(‘12.1Q)



                                 Android;
                                  56.1%




                                                       iOS; 22.9%


                          Blackberry;       Symbian;
                             6.9%
           8.6%
   etc; 0.9%
      Window
    Phone; 1.9%
          bada; 2.7%



                                                                     * Resource : Gartner
open v’s closed platforms

Vincent - Samsung
Open%source%code%                                                 Mul6;vendors
Google%/%Android%
Linux%Founda6on%/%*Tizen%                                         Mul6;app%store
                                                                  Mul6;operators

Closed%source%code%                                               Single/Mul6;vendor
Apple%/%iOS%
RIM%/%BBX%                                                        Single%app%store
MicrosoD%/%Windows%Phone%
                                                                  Mul6;operators

 *%%“Tizen”%is%a%open%source%plaKorm%for%smart%released%in%Apr.%2012
Closed%source%plaKorm%;%iOS

                SW#            Device
                Pla'orm

                   iOS+
                    &+
                   App+
                  store



                  So=ware+
                  &+Service+
                 developers
Closed%source%plaKorm%–%Windows%Phone

              SW#            Device
              Pla'orm
                              MulGE
                             vendors
               Windows+
                Phone+
                              MulGE
                  &+         vendors
               MarketE
                place
                              MulGE
                             vendors


                So=ware+
                &+Service+
               developers
Open%source%plaKorm%;%Android
              SW#            Device
              Pla'orm
                              MulGE
                             vendors



                Android+
               PlaHorm+       MulGE
                   &+        vendors
               Play+store



                              MulGE
                So=ware+
                &+Service+   vendors
               developers
Open%source%plaKorm%;%Tizen
                SW#             Device
                Pla'orm
   Vendors
                                MulGE
                               vendors

                   Tizen+
   Operators
                 PlaHorm+       MulGE
                     &+        vendors
                 App+store

    Service+                    MulGE
   providers
                               vendors
                  So=ware+
                  &+Service+
                 developers
Tizen introduction
why Tizen? – an operator perspective
     diversity
        –  promotes innovation and customer choice
        –  grow your customer relationships – no 3rd party barriers or
           intermediaries

     openness
        –  critical to innovation
        –  define your own branding strategy around the user experience


     operator friendly
        –  define your 3rd party ecosystem and revenue model
        –  HTML5 development platform
        –  supports key operator services – as defined by operators


     backed by the Tizen Association
18
Tizen Association Members
Governance




 INTEL CONFIDENTIAL |   Tizen is a trademark of the Linux Foundation
what is Tizen?


Jacques – Intel
What is Tizen™
Builds Upon LiMo & MeeGo to Create a Better Solution




   Tizen combines the communities and
      the best technologies under one
             unified environment



                                  Strong developer                        NEW
                                     community

                                   Broad service
                                  provider support




    INTEL CONFIDENTIAL |   Tizen is a trademark of the Linux Foundation
Tizen™ Vision


   Delight consumers and enable
ecosystem partner differentiation with
 a cross-device, cross-architecture,
 open software platform based on a
  comprehensive standards-based
        HTML5 implementation




  INTEL CONFIDENTIAL   |   Tizen is a trademark of the Linux Foundation
Tizen™ Overview

 HTML5                           Truly Open                                Innovation and               Industry Leaders
 Leadership                                                                Differentiation              Support


Comprehensive
                                 Equal opportunity                         Freedom to innovative        Industry leaders unite
HTML5 implementation


                                                                                                        Multiple choices of
Multiple OS’s and devices        Shape direction                           Freedom to differentiate
                                                                                                        ecosystem players



                                 No restrictions on                        Robust developer program
Easy to create apps
                                 applications/services                     to deliver innovative apps




                                 Open governance




     INTEL CONFIDENTIAL |   Tizen is a trademark of the Linux Foundation
what is Tizen?

what you get and HTML5

Vincent – Samsung
Jacques - Intel
Tizen%open%source
•  Tizen 1.0 Larkspur releases full source code with Web APIs/SDK in
   April, 2012

•  Scope of open source
   - Platform middleware modules
   - Basic applications source code

•  Development environment
    - SDK, Build environment
      Open         Category                          Contents
                 UX            Basic winset
                               UI FW, App FW, Telephony FW, Web FW, Multimedia F
                 Middleware
                               W
   Source code
                               Phone, Contact, Music, Gallery, Calendar, Browser, Se
                 Basic apps
                               ttings
                 Tool          SDK (Web), Build environment
      Binary     Middleware    NFC, Power Manager, DRM
HTML5%compa6bility

 HTML5TEST.COM%
  (Total%Score:%500)




                       <Source:)h+p://html5test.com/results/mobile.html)>
Tizen™ Web App Environment

•  One Web API across all Tizen profiles, ensuring application portability.

•  Web API relies on upstream standards (W3C and others) and
   aggressively implements early API drafts.
    •  Will utilize all W3C defined HTML5 environment and APIs
    •  Will leverage other W3C standardization efforts e.g. Battery,
       Sensors etc

•  Will add new APIs only when there are no existing standards

•  Participate in standardization efforts to influence and accelerate
   relevant specifications.
Developer Benefits of HTML5
HTML5 is the Primary Development Environment for Tizen™ Apps



•  Widely adopted technology

•  Easier to create apps

•  Speeds app delivery across multiple OS
   platforms and devices

•  Flexible distribution model

•  Create web powered apps that challenge
   native applications in terms of rich user
   experiences
•  Create new-style, full screen, immersive,
   beautiful web powered apps that are designed
   and optimized for touch




    INTEL CONFIDENTIAL |   Tizen is a trademark of the Linux Foundation
what is Tizen?

HTML5 features

Vincent - Samsung
HTML5%features
WebRTC+(Web+RealETime+CommunicaGon)%
 –  Provides%video%conferencing%feature%base%on%the%P2P%
 –  Core%features%consist%of%getUserMedia,%Media%Stream%and%
    P2P%
getUserMedia+feature+
 –  Face%detec6on/recogni6on,%Bar%code%recogni6on,%AR,%etc.%
getUserMedia+++record+features+
 –  TalkingTom,%Voice/Video%recording,%and%etc%




            <%3D%Ping%Pong%Game%>                    <%You%So%Predy>
HTML5%features
HTML5+Video+<track>+
 –  Suppor6ng%sub6tle,%cap6on,%extra%


Device+APIs+
 –  Vibra6on%API%
    •  As%a%no6fica6on%in%a%game%or%other%use%case%


 –  Badery%Status%API%
    •  Web;based%email%client%


 –  Network%Info%
    •  Adap6ve%streaming%web%apps%
HTML5%features
File+APIs+(File+Reader,+Writer,+Directories+and+System)+




    <%File%drag%and%drop%in%mail%web%app%>




                                             <Saving%a%file%in%image%editor%web%app>




    <%File%analysis%%or%reading%metadata>
Tizen%Developer%Events
Tizen+Developer+Days+in+the+U.S.
•  Date : May 5~9, 2012
•  Venue : Hyatt Recency, San Francisco
  Keynote Speech               Hands-on lab    Giveaway devices
  (Facebook, Intel, Samsung)




Tizen+Developer+Days+in+Japan+
• %%Tizen%Developer%conference%for%Japanese%local%companies%
• %%Aligned%with%Linux%developer%events%
%%%:%LinuxCon%Japan2012,%June%6;8%in%Yokohama%)%
Key messages


Mark - Orange
key messages

     1.    the industry needs diversity

     2.    Tizen is an open source platform

     3.    supported by major companies

     4.    HTML5 is key to its success

     5.    Orange has started to develop HTML5 applications




36
Web%sites%for%Tizen
   Overall information of Tizen platform

    •  http://www.tizen.org
   Source code of Tizen platform

    •  http://source.tizen.org
   SDK of Tizen platform

    •  http://developer.tizen.org
   Tizen Association

    •  http://www.tizenassociation.org
Thank you!
Mobile HTML5
beyond the magic rainbow

 Y. Ch i t l i
 Y Christol, jjuin 2012
2
Android – from 2.2
iOS – from 4.0
WP – WP7.5 / WP8
            5     8     /

Other mobile platform
B2G, Tizen
rest


                            3
Let’s open the bear
                                               p




                                                          4
Jason Freeny, www.moistproduction.com
An Orange TV webapp




                      5
Standards

                                http://www.telegraph.co.uk/technology/
                                facebook/9256388/Facebook-
                                facebook/9256388/Facebook
                                launches-its-own-app-store.html




https://github.com/coremob/level-1

http://ringmark.io/?all
   p      g

                                                                 6
Multi publication
Multi-publication




     www.winktoolkit.org

                           7
Questions ?




              8
thank you
 h k

Contenu connexe

Tendances

Simplifying Enterprise Mobility - Powering Mobile Apps from The Cloud
Simplifying Enterprise Mobility - Powering Mobile Apps from The CloudSimplifying Enterprise Mobility - Powering Mobile Apps from The Cloud
Simplifying Enterprise Mobility - Powering Mobile Apps from The CloudJoe Drumgoole
 
Morgan Gillis - Limo Foundation
Morgan Gillis - Limo FoundationMorgan Gillis - Limo Foundation
Morgan Gillis - Limo FoundationBen Allen
 
Layar Augmented Reality Platform - information for brands and publishers
Layar Augmented Reality Platform - information for brands and publishersLayar Augmented Reality Platform - information for brands and publishers
Layar Augmented Reality Platform - information for brands and publishersLayar
 
Ibm mobile strategy may2012 mark.cesario v1.0
Ibm mobile strategy may2012 mark.cesario v1.0Ibm mobile strategy may2012 mark.cesario v1.0
Ibm mobile strategy may2012 mark.cesario v1.0Mark Cesario
 
Mobile March Olson presentation 2012
Mobile March Olson presentation 2012Mobile March Olson presentation 2012
Mobile March Olson presentation 2012Mobile March
 
Mobile march presentation 2012. strategy frameworkpptx olson
Mobile march presentation 2012. strategy frameworkpptx olsonMobile march presentation 2012. strategy frameworkpptx olson
Mobile march presentation 2012. strategy frameworkpptx olsonlindacummings
 
Quasar cases
Quasar casesQuasar cases
Quasar casesQuasar
 
Quasar snapshot
Quasar snapshotQuasar snapshot
Quasar snapshotQuasar
 
Mobile app developers guide
Mobile app developers guideMobile app developers guide
Mobile app developers guidePrayukth K V
 
Incentivated nma live masterclass (mobile) 20 may11
Incentivated nma live masterclass (mobile) 20 may11Incentivated nma live masterclass (mobile) 20 may11
Incentivated nma live masterclass (mobile) 20 may11Jason Cross
 
Building Cross Platform Mobile Solutions
Building Cross Platform Mobile SolutionsBuilding Cross Platform Mobile Solutions
Building Cross Platform Mobile SolutionsQframe
 
Dreamforce Debrief - The Salesforce.com platform - keynote by Dave Norris
Dreamforce Debrief - The Salesforce.com platform - keynote by Dave NorrisDreamforce Debrief - The Salesforce.com platform - keynote by Dave Norris
Dreamforce Debrief - The Salesforce.com platform - keynote by Dave NorrisCapgemini
 
Androidbased Application Development Casestudy
Androidbased Application Development CasestudyAndroidbased Application Development Casestudy
Androidbased Application Development Casestudydheerajkureel
 
Verve overview5.19.12
Verve overview5.19.12Verve overview5.19.12
Verve overview5.19.12caseydennehy
 
Iphone Application Development Casestudy
Iphone Application Development CasestudyIphone Application Development Casestudy
Iphone Application Development Casestudydheerajkureel
 

Tendances (20)

Simplifying Enterprise Mobility - Powering Mobile Apps from The Cloud
Simplifying Enterprise Mobility - Powering Mobile Apps from The CloudSimplifying Enterprise Mobility - Powering Mobile Apps from The Cloud
Simplifying Enterprise Mobility - Powering Mobile Apps from The Cloud
 
Hybrid Apps / iPhoneDevCon 2010
Hybrid Apps / iPhoneDevCon 2010Hybrid Apps / iPhoneDevCon 2010
Hybrid Apps / iPhoneDevCon 2010
 
SharePoint and Mobile
SharePoint and MobileSharePoint and Mobile
SharePoint and Mobile
 
Morgan Gillis - Limo Foundation
Morgan Gillis - Limo FoundationMorgan Gillis - Limo Foundation
Morgan Gillis - Limo Foundation
 
Layar Augmented Reality Platform - information for brands and publishers
Layar Augmented Reality Platform - information for brands and publishersLayar Augmented Reality Platform - information for brands and publishers
Layar Augmented Reality Platform - information for brands and publishers
 
Ibm mobile strategy may2012 mark.cesario v1.0
Ibm mobile strategy may2012 mark.cesario v1.0Ibm mobile strategy may2012 mark.cesario v1.0
Ibm mobile strategy may2012 mark.cesario v1.0
 
Mobile March Olson presentation 2012
Mobile March Olson presentation 2012Mobile March Olson presentation 2012
Mobile March Olson presentation 2012
 
Mobile march presentation 2012. strategy frameworkpptx olson
Mobile march presentation 2012. strategy frameworkpptx olsonMobile march presentation 2012. strategy frameworkpptx olson
Mobile march presentation 2012. strategy frameworkpptx olson
 
Quasar cases
Quasar casesQuasar cases
Quasar cases
 
Quasar snapshot
Quasar snapshotQuasar snapshot
Quasar snapshot
 
Mobile app developers guide
Mobile app developers guideMobile app developers guide
Mobile app developers guide
 
Incentivated nma live masterclass (mobile) 20 may11
Incentivated nma live masterclass (mobile) 20 may11Incentivated nma live masterclass (mobile) 20 may11
Incentivated nma live masterclass (mobile) 20 may11
 
The Enterprise Dilemma: Native vs. Web
The Enterprise Dilemma: Native vs. WebThe Enterprise Dilemma: Native vs. Web
The Enterprise Dilemma: Native vs. Web
 
Building Cross Platform Mobile Solutions
Building Cross Platform Mobile SolutionsBuilding Cross Platform Mobile Solutions
Building Cross Platform Mobile Solutions
 
Building Cross Platform Mobile Solutions
Building Cross Platform Mobile SolutionsBuilding Cross Platform Mobile Solutions
Building Cross Platform Mobile Solutions
 
Dreamforce Debrief - The Salesforce.com platform - keynote by Dave Norris
Dreamforce Debrief - The Salesforce.com platform - keynote by Dave NorrisDreamforce Debrief - The Salesforce.com platform - keynote by Dave Norris
Dreamforce Debrief - The Salesforce.com platform - keynote by Dave Norris
 
Magic xpa total mobility experience
Magic xpa  total mobility experienceMagic xpa  total mobility experience
Magic xpa total mobility experience
 
Androidbased Application Development Casestudy
Androidbased Application Development CasestudyAndroidbased Application Development Casestudy
Androidbased Application Development Casestudy
 
Verve overview5.19.12
Verve overview5.19.12Verve overview5.19.12
Verve overview5.19.12
 
Iphone Application Development Casestudy
Iphone Application Development CasestudyIphone Application Development Casestudy
Iphone Application Development Casestudy
 

Similaire à Orange Partner HTML5 Day

HTML5 for Mobile - When and Why
HTML5 for Mobile - When and WhyHTML5 for Mobile - When and Why
HTML5 for Mobile - When and WhyDMI
 
Engage 2013 - Mobile Measurement Tactics
Engage 2013 - Mobile Measurement TacticsEngage 2013 - Mobile Measurement Tactics
Engage 2013 - Mobile Measurement TacticsWebtrends
 
HTML5 and the dawn of rich mobile web applications
HTML5 and the dawn of rich mobile web applicationsHTML5 and the dawn of rich mobile web applications
HTML5 and the dawn of rich mobile web applicationsJames Pearce
 
Magic mobile webinar_Jan2013
Magic mobile webinar_Jan2013Magic mobile webinar_Jan2013
Magic mobile webinar_Jan2013Magic Software
 
Gsma mwc roberto de la mora feb 27 2012
Gsma mwc roberto de la mora feb 27 2012Gsma mwc roberto de la mora feb 27 2012
Gsma mwc roberto de la mora feb 27 2012Cisco Collaboration
 
Device+Cloud: come sviluppare App moderne ed interconnesse
Device+Cloud: come sviluppare App moderne ed interconnesseDevice+Cloud: come sviluppare App moderne ed interconnesse
Device+Cloud: come sviluppare App moderne ed interconnesseNinja Marketing
 
The Modern Web, Part 1: Mobility
The Modern Web, Part 1: MobilityThe Modern Web, Part 1: Mobility
The Modern Web, Part 1: MobilityDavid Pallmann
 
webinos and Open Ecosystems Open Governance
webinos and Open Ecosystems Open Governancewebinos and Open Ecosystems Open Governance
webinos and Open Ecosystems Open Governancewebinos project
 
HCL Volt MX Overview - DNUG Stammtisch Schweiz
HCL Volt MX Overview - DNUG Stammtisch SchweizHCL Volt MX Overview - DNUG Stammtisch Schweiz
HCL Volt MX Overview - DNUG Stammtisch SchweizDNUG e.V.
 
HCL Volt MX Overview - DNUG Stammtisch Bodensee
HCL Volt MX Overview - DNUG Stammtisch BodenseeHCL Volt MX Overview - DNUG Stammtisch Bodensee
HCL Volt MX Overview - DNUG Stammtisch BodenseeDNUG e.V.
 
Cross Platform Mobile Apps with APIs from Qcon San Francisco
Cross Platform Mobile Apps with APIs from Qcon San FranciscoCross Platform Mobile Apps with APIs from Qcon San Francisco
Cross Platform Mobile Apps with APIs from Qcon San FranciscoCA API Management
 
Radisys Keynote, Gamifying the User’s Journey, Adnan Saleem
Radisys Keynote, Gamifying the User’s Journey, Adnan SaleemRadisys Keynote, Gamifying the User’s Journey, Adnan Saleem
Radisys Keynote, Gamifying the User’s Journey, Adnan SaleemAlan Quayle
 
Agile in Action - Act 3: Testing
Agile in Action - Act 3: TestingAgile in Action - Act 3: Testing
Agile in Action - Act 3: TestingSpiffy
 
SOA an architecture on the Desktop
SOA an architecture on the DesktopSOA an architecture on the Desktop
SOA an architecture on the DesktopVincent Perrin
 
Portfolio Karen Sátiro
Portfolio Karen SátiroPortfolio Karen Sátiro
Portfolio Karen SátiroKaren Sátiro
 
PhoneGap Day - IBM, PhoneGap and the Enterprise
PhoneGap Day - IBM, PhoneGap and the EnterprisePhoneGap Day - IBM, PhoneGap and the Enterprise
PhoneGap Day - IBM, PhoneGap and the EnterpriseBryce Curtis
 
Client Continuum Dec Fy09
Client Continuum Dec Fy09Client Continuum Dec Fy09
Client Continuum Dec Fy09Martha Rotter
 
IBM Worklight - Enterprise level mobile development and management
IBM Worklight - Enterprise level mobile development and managementIBM Worklight - Enterprise level mobile development and management
IBM Worklight - Enterprise level mobile development and managementShay Rosen (שי רוזן)
 

Similaire à Orange Partner HTML5 Day (20)

HTML5 for Mobile - When and Why
HTML5 for Mobile - When and WhyHTML5 for Mobile - When and Why
HTML5 for Mobile - When and Why
 
Engage 2013 - Mobile Measurement Tactics
Engage 2013 - Mobile Measurement TacticsEngage 2013 - Mobile Measurement Tactics
Engage 2013 - Mobile Measurement Tactics
 
HTML5 and the dawn of rich mobile web applications
HTML5 and the dawn of rich mobile web applicationsHTML5 and the dawn of rich mobile web applications
HTML5 and the dawn of rich mobile web applications
 
Magic mobile webinar_Jan2013
Magic mobile webinar_Jan2013Magic mobile webinar_Jan2013
Magic mobile webinar_Jan2013
 
Gsma mwc roberto de la mora feb 27 2012
Gsma mwc roberto de la mora feb 27 2012Gsma mwc roberto de la mora feb 27 2012
Gsma mwc roberto de la mora feb 27 2012
 
Device+Cloud: come sviluppare App moderne ed interconnesse
Device+Cloud: come sviluppare App moderne ed interconnesseDevice+Cloud: come sviluppare App moderne ed interconnesse
Device+Cloud: come sviluppare App moderne ed interconnesse
 
The Modern Web, Part 1: Mobility
The Modern Web, Part 1: MobilityThe Modern Web, Part 1: Mobility
The Modern Web, Part 1: Mobility
 
webinos and Open Ecosystems Open Governance
webinos and Open Ecosystems Open Governancewebinos and Open Ecosystems Open Governance
webinos and Open Ecosystems Open Governance
 
HCL Volt MX Overview - DNUG Stammtisch Schweiz
HCL Volt MX Overview - DNUG Stammtisch SchweizHCL Volt MX Overview - DNUG Stammtisch Schweiz
HCL Volt MX Overview - DNUG Stammtisch Schweiz
 
HCL Volt MX Overview - DNUG Stammtisch Bodensee
HCL Volt MX Overview - DNUG Stammtisch BodenseeHCL Volt MX Overview - DNUG Stammtisch Bodensee
HCL Volt MX Overview - DNUG Stammtisch Bodensee
 
Cross Platform Mobile Apps with APIs from Qcon San Francisco
Cross Platform Mobile Apps with APIs from Qcon San FranciscoCross Platform Mobile Apps with APIs from Qcon San Francisco
Cross Platform Mobile Apps with APIs from Qcon San Francisco
 
Radisys Keynote, Gamifying the User’s Journey, Adnan Saleem
Radisys Keynote, Gamifying the User’s Journey, Adnan SaleemRadisys Keynote, Gamifying the User’s Journey, Adnan Saleem
Radisys Keynote, Gamifying the User’s Journey, Adnan Saleem
 
Agile in Action - Act 3: Testing
Agile in Action - Act 3: TestingAgile in Action - Act 3: Testing
Agile in Action - Act 3: Testing
 
SOA an architecture on the Desktop
SOA an architecture on the DesktopSOA an architecture on the Desktop
SOA an architecture on the Desktop
 
Portfolio Karen Sátiro
Portfolio Karen SátiroPortfolio Karen Sátiro
Portfolio Karen Sátiro
 
INTEL - Workshop HTML5
INTEL - Workshop HTML5 INTEL - Workshop HTML5
INTEL - Workshop HTML5
 
Dmeeker Finala
Dmeeker FinalaDmeeker Finala
Dmeeker Finala
 
PhoneGap Day - IBM, PhoneGap and the Enterprise
PhoneGap Day - IBM, PhoneGap and the EnterprisePhoneGap Day - IBM, PhoneGap and the Enterprise
PhoneGap Day - IBM, PhoneGap and the Enterprise
 
Client Continuum Dec Fy09
Client Continuum Dec Fy09Client Continuum Dec Fy09
Client Continuum Dec Fy09
 
IBM Worklight - Enterprise level mobile development and management
IBM Worklight - Enterprise level mobile development and managementIBM Worklight - Enterprise level mobile development and management
IBM Worklight - Enterprise level mobile development and management
 

Plus de servicesmobiles.fr

Barometre 2019 startup-grand_groupe
Barometre 2019 startup-grand_groupeBarometre 2019 startup-grand_groupe
Barometre 2019 startup-grand_groupeservicesmobiles.fr
 
Extract Paper Invest Slush 2016
Extract Paper Invest Slush 2016Extract Paper Invest Slush 2016
Extract Paper Invest Slush 2016servicesmobiles.fr
 
Extract Paper Invest Web Summit 2016
Extract Paper Invest Web Summit 2016Extract Paper Invest Web Summit 2016
Extract Paper Invest Web Summit 2016servicesmobiles.fr
 
Barometre adblocking nov 2016
Barometre adblocking nov 2016 Barometre adblocking nov 2016
Barometre adblocking nov 2016 servicesmobiles.fr
 
perspectives du m-commerce dans le monde
perspectives du m-commerce dans le mondeperspectives du m-commerce dans le monde
perspectives du m-commerce dans le mondeservicesmobiles.fr
 
Les Gagnants LesAppAwards_2016
Les Gagnants LesAppAwards_2016Les Gagnants LesAppAwards_2016
Les Gagnants LesAppAwards_2016servicesmobiles.fr
 
Etude distree #connectdays salon des objets connectes 2016
Etude distree #connectdays  salon des objets connectes 2016  Etude distree #connectdays  salon des objets connectes 2016
Etude distree #connectdays salon des objets connectes 2016 servicesmobiles.fr
 
Une journée dans la vie d’un consommateur de média
Une journée dans la vie d’un consommateur de médiaUne journée dans la vie d’un consommateur de média
Une journée dans la vie d’un consommateur de médiaservicesmobiles.fr
 
Meetup lafrenchmobile : Réalité Augmentée et Virtuelle - Disrupting Mobile By...
Meetup lafrenchmobile : Réalité Augmentée et Virtuelle - Disrupting Mobile By...Meetup lafrenchmobile : Réalité Augmentée et Virtuelle - Disrupting Mobile By...
Meetup lafrenchmobile : Réalité Augmentée et Virtuelle - Disrupting Mobile By...servicesmobiles.fr
 
Micro-Moments: Your Guide to Winning the Shift to Mobile
Micro-Moments: Your Guide to Winning the Shift to MobileMicro-Moments: Your Guide to Winning the Shift to Mobile
Micro-Moments: Your Guide to Winning the Shift to Mobileservicesmobiles.fr
 
La domotique et les objets connectés 2015
La domotique et les objets connectés 2015La domotique et les objets connectés 2015
La domotique et les objets connectés 2015servicesmobiles.fr
 
Messagerie instantanée : les plus populaires dans le monde
Messagerie instantanée : les plus populaires dans le mondeMessagerie instantanée : les plus populaires dans le monde
Messagerie instantanée : les plus populaires dans le mondeservicesmobiles.fr
 

Plus de servicesmobiles.fr (20)

Barometre 2019 startup-grand_groupe
Barometre 2019 startup-grand_groupeBarometre 2019 startup-grand_groupe
Barometre 2019 startup-grand_groupe
 
2016 baromobile OMD - SFR
2016 baromobile OMD - SFR 2016 baromobile OMD - SFR
2016 baromobile OMD - SFR
 
Extract Paper Invest Slush 2016
Extract Paper Invest Slush 2016Extract Paper Invest Slush 2016
Extract Paper Invest Slush 2016
 
Extract Paper Invest Web Summit 2016
Extract Paper Invest Web Summit 2016Extract Paper Invest Web Summit 2016
Extract Paper Invest Web Summit 2016
 
Barometre adblocking nov 2016
Barometre adblocking nov 2016 Barometre adblocking nov 2016
Barometre adblocking nov 2016
 
perspectives du m-commerce dans le monde
perspectives du m-commerce dans le mondeperspectives du m-commerce dans le monde
perspectives du m-commerce dans le monde
 
Les Gagnants LesAppAwards_2016
Les Gagnants LesAppAwards_2016Les Gagnants LesAppAwards_2016
Les Gagnants LesAppAwards_2016
 
Session 8 Les AppAwards 2016
Session 8 Les AppAwards 2016Session 8 Les AppAwards 2016
Session 8 Les AppAwards 2016
 
Session 7 Les AppAwards 2016
Session 7 Les AppAwards 2016Session 7 Les AppAwards 2016
Session 7 Les AppAwards 2016
 
Session 6 Les AppAwards 2016
Session 6 Les AppAwards 2016Session 6 Les AppAwards 2016
Session 6 Les AppAwards 2016
 
Session 5 Les AppAwards 2016
Session 5 Les AppAwards 2016Session 5 Les AppAwards 2016
Session 5 Les AppAwards 2016
 
Session 4 Les AppAwards 2016
Session 4 Les AppAwards 2016Session 4 Les AppAwards 2016
Session 4 Les AppAwards 2016
 
Session 3 Les AppAwards 2016
Session 3 Les AppAwards 2016Session 3 Les AppAwards 2016
Session 3 Les AppAwards 2016
 
Session 1 Les AppAwards 2016
Session 1 Les AppAwards 2016Session 1 Les AppAwards 2016
Session 1 Les AppAwards 2016
 
Etude distree #connectdays salon des objets connectes 2016
Etude distree #connectdays  salon des objets connectes 2016  Etude distree #connectdays  salon des objets connectes 2016
Etude distree #connectdays salon des objets connectes 2016
 
Une journée dans la vie d’un consommateur de média
Une journée dans la vie d’un consommateur de médiaUne journée dans la vie d’un consommateur de média
Une journée dans la vie d’un consommateur de média
 
Meetup lafrenchmobile : Réalité Augmentée et Virtuelle - Disrupting Mobile By...
Meetup lafrenchmobile : Réalité Augmentée et Virtuelle - Disrupting Mobile By...Meetup lafrenchmobile : Réalité Augmentée et Virtuelle - Disrupting Mobile By...
Meetup lafrenchmobile : Réalité Augmentée et Virtuelle - Disrupting Mobile By...
 
Micro-Moments: Your Guide to Winning the Shift to Mobile
Micro-Moments: Your Guide to Winning the Shift to MobileMicro-Moments: Your Guide to Winning the Shift to Mobile
Micro-Moments: Your Guide to Winning the Shift to Mobile
 
La domotique et les objets connectés 2015
La domotique et les objets connectés 2015La domotique et les objets connectés 2015
La domotique et les objets connectés 2015
 
Messagerie instantanée : les plus populaires dans le monde
Messagerie instantanée : les plus populaires dans le mondeMessagerie instantanée : les plus populaires dans le monde
Messagerie instantanée : les plus populaires dans le monde
 

Dernier

Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxLoriGlavin3
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxLoriGlavin3
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii SoldatenkoFwdays
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity PlanDatabarracks
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsSergiu Bodiu
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB
 
What is Artificial Intelligence?????????
What is Artificial Intelligence?????????What is Artificial Intelligence?????????
What is Artificial Intelligence?????????blackmambaettijean
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays
 
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningLars Bell
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfAddepto
 
Sample pptx for embedding into website for demo
Sample pptx for embedding into website for demoSample pptx for embedding into website for demo
Sample pptx for embedding into website for demoHarshalMandlekar2
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Mark Simos
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxLoriGlavin3
 
unit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxunit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxBkGupta21
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxLoriGlavin3
 
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICESSALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICESmohitsingh558521
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Manik S Magar
 
Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...Rick Flair
 

Dernier (20)

Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity Plan
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
 
What is Artificial Intelligence?????????
What is Artificial Intelligence?????????What is Artificial Intelligence?????????
What is Artificial Intelligence?????????
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
 
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine Tuning
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
 
Sample pptx for embedding into website for demo
Sample pptx for embedding into website for demoSample pptx for embedding into website for demo
Sample pptx for embedding into website for demo
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
 
unit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxunit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptx
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
 
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICESSALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!
 
Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...
 

Orange Partner HTML5 Day

  • 1. HTML5 why we talk about it what we do about it Pierre Combelles Orange
  • 2. just to be sure: what is it ? HTML5 : HTML +… a flash-like experience - and more - in all browsers new elements – esp. video more APIs for more features rich UI drag & drop, edition, enhanced rendering ... CSS3 media richer look & formatting description audio/video, 3D, graphics offline javascript storage, web app cache g include code in pages & run locally connectivity web socket (bi-directional) push browser implementation other features geolocation and more to come buzz "the browser becomes the new (multiscreen) (web) app platform" "contents become apps"
  • 3. no doubt: it's coming html5 handsets worldwide (millions) Orange html5-compatible handsets cumulated purchase (millions) source ATT 2500 12,000 2000 10,000 8,000 1500 6,000 1000 4,000 500 2,000 0 0,000 2010 2011 2012 2013 2014 2015 2016 2010 2011 2012 (May) 85% of all smartphones 17% of Orange handsets have will have HTML5 browsers HTML5 browsers by 2016 [AT&T, Feb 2012] HTML5 roll-out strategy … teaser …. ll t t t t 15% of apps launched this .. Web apps year will be HTML5 apps, Distribution Hybrid already [IDC, 2012] 3d party apps apps…
  • 4. great expectations web open rich mobile/all screens
  • 5. great expectations customers operators choice quality same expectations as clarity & trust developers for our own services ! relevance use the browser to developers improve customer experience & contact development rich functional set bring the best of the web environment mobile web to our easier Xplatform devpt customers by attracting shorter TTM / Lower TCO developers monetisation (billing) gotomarket APIs open ecosystem recommendation plurality of channels customer visibility monetisation
  • 6. expectations versus reality: what is the gap ? a bit of SWOT analysis industry traction an alternative ecosystem to current tunity ngth "web goes mobile" enabler closed silos stren opport enhanced user experience more open distribution and cross-platform portability monetisation models still young fragmentation eakness not as rich as native apps creation of new browser-based risk portability-vs-UX trade-off silos we distrib/monetisation lack structure trust & security
  • 7. focus: discovery, recommendation, distribution discovery enhanced by rich tags : description, category, ratings, recommendation, likes d i ti t ti d ti lik food for web stores, not just search recommendation takes a new dimension : personalized and contextualized recommendations, based on preferences, usages, likes etc Distribution becomes a mix of "exclusive" distribution of key content and "open access" (web model) – the web is the app store (ATT) monetization advertising micropayments – locked to distribution? subscription – for trusted partners only contents & data bundling
  • 8. key success factors • broad reach & audience potential • effective discovery & distribution • engaging & frictionless experience • trust in privacy & security • proven monetization mechanisms • fragmentation limitation
  • 9. meeting expectations… raising awareness, learning with the ecosystem awareness learn… promote… use… relevant use cases for our own services : design internally design development develop tools externally – orange partner distribute fragmentation measure an HTML5 practice, in close contact with its ecosystem
  • 10. meeting expectations… delivering on the promise make HTML5 usable enhance web apps value fragmentation drive consistent implementation operator APIs & network optim. experience, monetisation - standard & test lists - network & platforms : Id/Auth, - test results publication privacy, billing, call control, messaging, location, QoS… - handset&browser compliance requirement - SIM (Auth, NFC) - tizen reference distribution di t ib ti capabilities biliti reach, monetisation, trust - orange selection
  • 12. Orange selection customers : build trust through relevance developers : reach / monetisation rate trade-off live in France now a layered approach Orange apps partner apps referenced apps f d presentation search & recommendation favourites relevant bundles of apps&services according to context billing partners mid- tail multi-operator - WAC
  • 14. conclusion : a necessarily open approach with browser & device vendors but also… vendors, also collaborate with… MNOs OTTs on… fragmentation W3C collaboration devpers requirts device requirts W3C collaboration promotion/support to joint mkting joint mkting developers WAC MNO APIs consistent devper interface use an distribute local initiatives, WAC/GSMA distribute & monetise 3rd share repositories ? leverage MNO billing party apps simplified access to MNOs MNOs' billing distribute Orange apps distribute So let's team up…
  • 16. Buongiorno, the web app company Orange Partner Day – June 11th 2012 - Paris
  • 17. Company Profile 2 Created in 1999, early and pure player in digital contents distribution on mobile devices, Buongiorno has developed a strong expertise and recognized leadership in its field. The company, Headquartered and listed in Milan Stock Exchange, is today: Specializing in mobile entertainment, focusing almost entirely on a B2C approach, based on strong product management, technology and direct marketing capabilities combined with a partnership attitude with mobile network operators With a team of approx. 800 young professionals, based in 15 countries, conducting business in more than 20 countries around the world Generating 2011 proforma revenues (current perimeter) of ~€240 mn with an EBITDA of ~€27 mn Euro: 55% in Europe, 30% in the Americas and 15% in the rest of the world Running a blend of traditional, feature phone oriented, and of new, rapidly growing smart phone and tablet oriented, products With a sound balance sheet and a proven track record in delivering results, profits and cash flow
  • 18. The web apps opportunity 3  In the last few quarters B! has been successful in creating and distributing web apps thru carrier billing in several EU, NA and LATAM countries  As a result B! currently has more than 20 products launched in 9 countries (Italy, France, Germany, Spain, UK, Mexico, Turkey, Austria and Canada) with roadmap to extend to +15 countries during 2012  Buongiorno has created, in the past 2 years a fully new Mobile internet platform for HTML5 apps, with a fully dedicated team at the edge of consumer needs and technology evolution  First results from the market, enthusiastic reaction from carriers, web apps momentum, 3G and smart-phone growing penetration seem to indicate a “perfect storm”.  A potentially huge opportunity for creating an ecosystem around web apps is appearing on the horizon and B! will play a key role as first mover!
  • 19. B! web apps portfolio, some examples 4  Gamifive:  iFortune: Unlimited play from a HTML5 storefront, catalog of 150+ casual with multiple HTML5 games. astrology and esoteric entries  Fingerbooks:  Playplanet: HTML5 storefront, HTML5 storefront for offering a new and unlimited native apps unique e-book android games experience based on short stories.  iMagazine: HTML5 storefront that allows to integrate any type of content, pictures, video, texts, comments in a personalized way. Social integration with FB opengraph.
  • 20. KEY SUCCESS FACTORS 5  Transparent acquisition flow, to ensure transparency and awareness  Adapted price point and business model  Carrier billing  Attractive revenue share between Carriers and Editors (to compete with existing closed market places)  CRM activities to engage users  Product and content quality  Customer care Tot Customer Base Overall  +136% in 5 months! 700 000 600 000 500 000 400 000 300 000 200 000 100 000 -
  • 21. Thank you for your attention! ludovic.desgarets@buongiorno.com
  • 22. Orange initiatives around HTML5 Orange Labs / ASC Devices - Mobile Browsing June 2012 Olivier CASSINAT Contact: olivier.cassinat@orange.com France Telecom Group confidential
  • 23. Content What we do Fragmentation analysis Advanced use cases Overall conclusions Orange Labs - Mobile Browsing –Orange initiatives about HTML5 – June 2012 France Telecom Group confidential 2
  • 24. What we do France Telecom Group confidential
  • 25. What we do We study new technologies State of art, detection of the potential We work with product lines Define the need, find business opportunities We develop test plans Understand the implementations We work with manufacturers Improve browsers We develop web components and web applications W d l b d b li i Enrich the user experience Orange Labs - Mobile Browsing - Orange initiatives around HTML5 – June 2012 France Telecom Group confidential 4
  • 26. Fragmentation analysis g y France Telecom Group confidential
  • 27. Overview 650+ device models 24 brands / manufacturers (biggest maker: Nokia [all] / Samsung [Highest Touch]) maker 16 Operating Systems (most used: Android, Windows Mobile, Symbian OS [all] / Android [Highest Touch]) 16 browsers (most used: Android Browser, Internet Explorer Mobile, Nokia Web Browser for S60) 6 layout engines Most used (in browsers and devices): WebKit Highest Touch devices browsers all use WebKit WebKit based browsers use several different versions of WebKit Browsers with best browsing technologies (advanced JavaScript, CSS3, HTML5) support: BlackBerry Browser 6+, Safari (iOS), Android Browser 2.1+, Dolfin 2.0 (Bada), Opera Mobile 11.1 19 screen resolutions (most used: 240 × 320 (QVGA) [all] / 480 × 800 (WVGA) [Highest Touch]) 41 screen sizes (most used: 2.8” [all] / 3.2” [Highest Touch]) 72% touch screen devices (44% capacitive, 28% resistive) Most common RAM memory quantities used: 256 512 128 [ ll] / 512 [Hi h M ii d 256, 512, [all] [Highest Touch]; from 8 to 1024 T h] f MiB Most common processor frequencies used: 1000, 600, 528 [all] / 1000, 600, 800 [Highest Touch]; from 80 to 1400 MHz Production of smartphones with a dual-core processor started in 2011 Orange Labs - Mobile Browsing – Orange initiatives around HTML5 – June 2012 France Telecom Group confidential 6
  • 28. Browsers (browsing technologies support) Data based on the 650+ device models studied Best support: BlackBerry Browser 6+, Safari (iOS), Android Browser 2.1+, Dolfin 2.0 (Bada), Opera Mobile 11.1 Finally starting to catch up: Nokia Web Browser for S60 (Symbian Anna), Internet Explorer Mobile 9 (Windows Phone 7.5) Orange Labs - Mobile Browsing – Orange initiatives around HTML5 – June 2012 France Telecom Group confidential 7
  • 29. Browsers (HTML5 support) [cont.] Orange Labs - Mobile Browsing – Orange initiatives around HTML5 – June 2012 France Telecom Group confidential 8
  • 30. Advanced use cases France Telecom Group confidential
  • 31. Components Consequences of the fragmentation Carousel : Highest touch version High touch version Hi h t h i Advanced use case Access Webapp for First Time pp Splash screen: progressive bootloader info is shown at startup, as content is restored from device memory. DOM storage: Images are base64 encoded on the server, and then are saved to the client’s local storage as text strings. User modifications (text editing, image scaling…) are saved locally. At startup, the UI is shown in its latest condition. A menu is included that enables clearing saved items. Touch gestures: actions are triggered by touch or mouse events, depending on browser. Orientation-aware UI: modules are scaled and positioned on the fly depending on screen orientation. Bookmark icon: the page has a custom icon when added to home screen, and can run in webapp mode (no address bar). Animation: labels with CSS3 text shadow are displayed following image transitions. Orange Labs - Mobile Browsing Orange initiatives around HTML5 – June 2012 France Telecom Group confidential 10
  • 32. Overall conclusions France Telecom Group confidential
  • 33. Overall conclusions Smartphones fragmentation is obvious when looking at the number and diversity of Operating Systems, browsers, layout engines, screen resolutions, screen sizes, screen types, and hardware configurations , y g , , , yp , g (RAM memory + processor) WebKit is the most used layout engine by far but there are in fact several different versions of WebKit, and at least as much implementations; we even noticed differences with a same version of WebKit used by two different browsers Irregularities show up when following the progression of browsers in term of browsing technologies support But as of 2011, we were seeing All the latest versions of browsers starting to converge to a near full support of established features in the browsing technologies standards (advanced JavaScript, CSS3, HTML5) The production of non-touch devices nearly stopping, the production of Highest Touch devices dominating (since 2010), and the production of devices with a dual-core processor starting So what to expect in 2013 and after? Many more new devices to be produced, widening the gap with older devices still in use Today’s smartphones fragmentation will not be resolved in the coming years Tomorrow’s smartphones fragmentation will expand today’s with new HTML5 and CSS3 features implementations (as the two standards are not yet finalized), and new specific implementations that may or may not become the next standards Orange Labs - Mobile Browsing – Orange initiatives around HTML5 – June 2012 France Telecom Group confidential 12
  • 34. thank you y France Telecom Group confidential
  • 35. THE WEB IS THE PLATFORM Anthony Ricaud, anthony@mozilla.com @rik24d
  • 36. MOZILLA IS A FOUNDATION
  • 37. MOZILLA IS A FOUNDATION - Everything we do is open
  • 38. MOZILLA IS A FOUNDATION - Everything we do is open - Open source, open discussions, open meetings
  • 39. MOZILLA IS A FOUNDATION - Everything we do is open - Open source, open discussions, open meetings - We answer to the manifesto
  • 40. PROMOTE CHOICE, INNOVATION AND OPPORTUNITIES ON INTERNET
  • 41. A BIT OF HISTORY
  • 42. A BIT OF HISTORY - 2004: IE has 95% marketshare
  • 43. A BIT OF HISTORY - 2004: IE has 95% marketshare - Nov 9, 2004: Firefox 1.0 release
  • 44. A BIT OF HISTORY - 2004: IE has 95% marketshare - Nov 9, 2004: Firefox 1.0 release - June 29, 2007: iPhone release
  • 46. THE ECOSYSTEM EFFECT - Most of the apps are created for iOS or Android
  • 47. THE ECOSYSTEM EFFECT - Most of the apps are created for iOS or Android - Developers only know one technology set
  • 48. THE ECOSYSTEM EFFECT - Most of the apps are created for iOS or Android - Developers only know one technology set - New platforms are struggling
  • 49. THE ECOSYSTEM EFFECT - Most of the apps are created for iOS or Android - Developers only know one technology set - New platforms are struggling - WP7, Meego, RIM, Bada, …
  • 50. THE WEB IS THE PLATFORM
  • 51. THE WEB IS THE PLATFORM - Facebook, GMail, Twitter, Balsamiq, 280 slides
  • 52. THE WEB IS THE PLATFORM - Facebook, GMail, Twitter, Balsamiq, 280 slides - As efficient as native apps
  • 53. THE WEB IS THE PLATFORM - Facebook, GMail, Twitter, Balsamiq, 280 slides - As efficient as native apps - Works on every device
  • 55. UNLOCKING THE WEB 1. Same capabilities as native apps
  • 56. UNLOCKING THE WEB 1. Same capabilities as native apps 2. Out of the browser
  • 57. UNLOCKING THE WEB 1. Same capabilities as native apps 2. Out of the browser 3. Distribution system
  • 59.
  • 60. Vector graphics Transitions Offline Ajax WebGL Video (3D) Geolocation
  • 61. Vector graphics Transitions HTML5 Offline Ajax WebGL Video (3D) Geolocation
  • 62. Bluetooth Battery Vector Camera graphics Transitions HTML5 SMS Offline Ajax WebGL Video (3D) Vibration Geolocation Telephony Contacts
  • 63. WebAPIS Battery Bluetooth Vector Camera graphics Transitions HTML5 SMS Offline Ajax WebGL Video (3D) Vibration Geolocation Telephony Contacts
  • 64. Bluetooth Battery Vector Camera graphics Transitions HTML5 SMS Offline Ajax WebGL Video (3D) Vibration Geolocation Telephony Contacts
  • 66. FIREFOX MOBILE FOR ANDROID - Faster, faster, faster
  • 67. FIREFOX MOBILE FOR ANDROID - Faster, faster, faster - Desktop-like: Awesome Screen, add-ons
  • 68. FIREFOX MOBILE FOR ANDROID - Faster, faster, faster - Desktop-like: Awesome Screen, add-ons - Sync with desktop
  • 69. FIREFOX MOBILE FOR ANDROID - Faster, faster, faster - Desktop-like: Awesome Screen, add-ons - Sync with desktop - In Beta, release soon
  • 70. DEMO
  • 71. APPS
  • 72. APPS
  • 74. APPS - Integrated in the OS - Distribute on your terms
  • 75. MANIFEST { "version": "1.0", "name": "AwesomeNewspaper", "description": "Exciting news delivered to you", "icons": { "128": "/img/icon-128.png", }, "developer": { "name": "Press2.0", "url": "http://press20.fr" }, "installs_allowed_from": ["*"] }
  • 76. DEMO
  • 79. MOZILLA MARKETPLACE - One distribution system
  • 80. MOZILLA MARKETPLACE - One distribution system - Others could run their own
  • 81. MOZILLA MARKETPLACE - One distribution system - Others could run their own - Free and paid apps
  • 82. MOZILLA MARKETPLACE - One distribution system - Others could run their own - Free and paid apps - Reaches half a billion users
  • 83. DEMO
  • 85.
  • 86. - Android is not enough
  • 87. - Android is not enough - Many markets don’t have smartphones yet
  • 88. - Android is not enough - Many markets don’t have smartphones yet - Open Web Apps are powerful
  • 89. - Android is not enough - Many markets don’t have smartphones yet - Open Web Apps are powerful
  • 90. - Android is not enough - Many markets don’t have smartphones yet - Open Web Apps are powerful - So…
  • 93. WHAT IT IS? - Everything is a web app
  • 94. WHAT IT IS? - Everything is a web app - Linux Kernel + Gecko
  • 95. WHAT IT IS? - Everything is a web app - Linux Kernel + Gecko - First partners: Telefonica and Qualcomm
  • 96. DEMO
  • 97. THAT’S ALL FOLKS - https://wiki.mozilla.org/WebAPI - https://wiki.mozilla.org/Apps - https://marketplace.mozilla.org - http://www.mozilla.org/b2g/ - anthony@mozilla.com
  • 98. An introduction to Tizen
 Tizen - the new HTML5 platform" Vincent Bonnevay – Global Product management Samsung Mark Sage – Tizen container platform manager v.bonnevay@samsung.com mark.sage@orange.com +44 (0) 7866 688659 Jacques Bourhis – Engineering Manager, Director Intel Montpellier jacques.Bourhis@intel.com
  • 99. Legal Notices and Disclaimers INFORMATION IN THIS DOCUMENT IS PROVIDED IN CONNECTION WITH INTEL® PRODUCTS. NO LICENSE, EXPRESS OR IMPLIED, BY ESTOPPEL OR OTHERWISE, TO ANY INTELLECTUAL PROPERTY RIGHTS IS GRANTED BY THIS DOCUMENT. EXCEPT AS PROVIDED IN INTEL’S TERMS AND CONDITIONS OF SALE FOR SUCH PRODUCTS, INTEL ASSUMES NO LIABILITY WHATSOEVER, AND INTEL DISCLAIMS ANY EXPRESS OR IMPLIED WARRANTY, RELATING TO SALE AND/OR USE OF INTEL® PRODUCTS INCLUDING LIABILITY OR WARRANTIES RELATING TO FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR INFRINGEMENT OF ANY PATENT, COPYRIGHT OR OTHER INTELLECTUAL PROPERTY RIGHT. INTEL PRODUCTS ARE NOT INTENDED FOR USE IN MEDICAL, LIFE SAVING, OR LIFE SUSTAINING APPLICATIONS. Intel may make changes to specifications and product descriptions at any time, without notice. All products, dates, and figures specified are preliminary based on current expectations, and are subject to change without notice. Intel, processors, chipsets, and desktop boards may contain design defects or errors known as errata, which may cause the product to deviate from published specifications. Current characterized errata are available on request. Any code names featured are used internally within Intel to identify products that are in development and not yet publicly announced for release. Customers, licensees and other third parties are not authorized by Intel to use code names in advertising, promotion or marketing of any product or services and any such use of Intel's internal code names is at the sole risk of the user. Software and workloads used in performance tests may have been optimized for performance only on Intel® microprocessors. Performance tests, such as SYSmark and MobileMark, are measured using specific computer systems, components, software, operations and functions. Any change to any of those factors may cause the results to vary. You should consult other information and performance tests to assist you in fully evaluating your contemplated purchases, including the performance of that product when combined with other products. For more information go to http://www.intel.com/performance Intel, Intel Inside, the Intel logo, Centrino, Centrino Inside, Intel Core, Intel AppUp, Intel Atom and Pentium are trademarks of Intel Corporation in the United States and other countries. Material in this presentation is intended as product positioning and not approved end-user messaging. This document contains information on products in the design phase of development. *Other names and brands may be claimed as the property of others. Copyright © 2011 Intel Corporation. All rights reserved. Tizen is a trademark of the Linux Foundation INTEL CONFIDENTIAL
  • 100. agenda 1.  collaboration – (including this presentation) - Mark 2.  current environment and smart phone review - Jacques and Vincent 3.  open v’s closed platforms - Vincent 4.  introduction to Tizen - all 5.  re-cap of key messages - Mark 3
  • 101. environment and smart phone review Jacques – Intel Vincent - Samsung
  • 102. 2011 in Review A Glimpse into the Market Environment Microsoft-Nokia pact signed LiMo Foundation promises new – ARs Technica, May 2011 devices this year – Thing, 3/22/11 Palm largely dead as HP shuts phone, tablet unit Sprint to join AT&T and – AP, 8/18/11 Verizon in offering iPhone 5 – Macrumors, 8/23/11 2011 A Pivotal Year Amazon tablet coming in Google buys Motorola Mobility in Mobile November for $250? – Engadget, 9/2/11 – Forbes, 8/22/11 Industry Google: Motorola Xoom is lead Honeycomb product – Pocket-lint, 1/20/11 RIM urged to do something – Barron’s, 9/6/11 Rumors of MeeGo’s death have been greatly exaggerated – PCTech Talk, 6/19/11 INTEL CONFIDENTIAL
  • 103. Industry Development Environment Trends The Shift to HTML5 Recent Headlines % of H.264 Video Available for HTML 5 Playback 63% HTML5 could be “game changer” 54% Apple shows us what HTML5 can do 26% Why companies are flocking to HTML5 10% Google, Adobe embrace HTML5 with new launches January 2014 May 2014 October 2014 February 2015 Microsoft jumps On HTML5 bandwagon Developer Preference Android 67% #1 HTML5 begins to reshape digital and mobile world iOS 59% #2 Web Apps with HTML/ 56% #3 Browser Source: survey from Vision Mobile and Bluevia (June, 2011) 1. Broadcast Engineering, 8/8/11. 2. Mashable, 6/4/10. 3. Fortune, 8/30/11. 4. AndroidApps, 8/1/11. 5. Hothardware, 6/14/11. 6. Wall Street Journal, 7/28/11 INTEL CONFIDENTIAL
  • 104. A Quick Overview of Key Web Technologies HTML5, JavaScript, CSS3 are three independent but complementary technologies •  “HTML5” and HTML5 logo often used loosely to mean a combination of web technologies such as HTML5, CSS3, JavaScript, etc. With these technologies developers can •  Create standalone apps than can be loaded from the cloud, installed as an app, or bundled with an OS •  Create websites that are optimized for a much broader range of devices, particularly mobile devices •  Leverage HTML5 and Web competences in creating stand alone applications with full access to device resources INTEL CONFIDENTIAL
  • 105. Smartphone+OS+Global+M/S+(‘12.1Q) Android; 56.1% iOS; 22.9% Blackberry; Symbian; 6.9% 8.6% etc; 0.9% Window Phone; 1.9% bada; 2.7% * Resource : Gartner
  • 107. Smartphone+OS+Global+M/S+(‘12.1Q) Android; 56.1% iOS; 22.9% Blackberry; Symbian; 6.9% 8.6% etc; 0.9% Window Phone; 1.9% bada; 2.7% * Resource : Gartner
  • 108. open v’s closed platforms Vincent - Samsung
  • 109. Open%source%code% Mul6;vendors Google%/%Android% Linux%Founda6on%/%*Tizen% Mul6;app%store Mul6;operators Closed%source%code% Single/Mul6;vendor Apple%/%iOS% RIM%/%BBX% Single%app%store MicrosoD%/%Windows%Phone% Mul6;operators *%%“Tizen”%is%a%open%source%plaKorm%for%smart%released%in%Apr.%2012
  • 110. Closed%source%plaKorm%;%iOS SW# Device Pla'orm iOS+ &+ App+ store So=ware+ &+Service+ developers
  • 111. Closed%source%plaKorm%–%Windows%Phone SW# Device Pla'orm MulGE vendors Windows+ Phone+ MulGE &+ vendors MarketE place MulGE vendors So=ware+ &+Service+ developers
  • 112. Open%source%plaKorm%;%Android SW# Device Pla'orm MulGE vendors Android+ PlaHorm+ MulGE &+ vendors Play+store MulGE So=ware+ &+Service+ vendors developers
  • 113. Open%source%plaKorm%;%Tizen SW# Device Pla'orm Vendors MulGE vendors Tizen+ Operators PlaHorm+ MulGE &+ vendors App+store Service+ MulGE providers vendors So=ware+ &+Service+ developers
  • 115. why Tizen? – an operator perspective   diversity –  promotes innovation and customer choice –  grow your customer relationships – no 3rd party barriers or intermediaries   openness –  critical to innovation –  define your own branding strategy around the user experience   operator friendly –  define your 3rd party ecosystem and revenue model –  HTML5 development platform –  supports key operator services – as defined by operators   backed by the Tizen Association 18
  • 117. Governance INTEL CONFIDENTIAL | Tizen is a trademark of the Linux Foundation
  • 119. What is Tizen™ Builds Upon LiMo & MeeGo to Create a Better Solution Tizen combines the communities and the best technologies under one unified environment Strong developer NEW community Broad service provider support INTEL CONFIDENTIAL | Tizen is a trademark of the Linux Foundation
  • 120. Tizen™ Vision Delight consumers and enable ecosystem partner differentiation with a cross-device, cross-architecture, open software platform based on a comprehensive standards-based HTML5 implementation INTEL CONFIDENTIAL | Tizen is a trademark of the Linux Foundation
  • 121. Tizen™ Overview HTML5 Truly Open Innovation and Industry Leaders Leadership Differentiation Support Comprehensive Equal opportunity Freedom to innovative Industry leaders unite HTML5 implementation Multiple choices of Multiple OS’s and devices Shape direction Freedom to differentiate ecosystem players No restrictions on Robust developer program Easy to create apps applications/services to deliver innovative apps Open governance INTEL CONFIDENTIAL | Tizen is a trademark of the Linux Foundation
  • 122. what is Tizen? what you get and HTML5 Vincent – Samsung Jacques - Intel
  • 123. Tizen%open%source •  Tizen 1.0 Larkspur releases full source code with Web APIs/SDK in April, 2012 •  Scope of open source - Platform middleware modules - Basic applications source code •  Development environment - SDK, Build environment Open Category Contents UX Basic winset UI FW, App FW, Telephony FW, Web FW, Multimedia F Middleware W Source code Phone, Contact, Music, Gallery, Calendar, Browser, Se Basic apps ttings Tool SDK (Web), Build environment Binary Middleware NFC, Power Manager, DRM
  • 124. HTML5%compa6bility  HTML5TEST.COM% (Total%Score:%500) <Source:)h+p://html5test.com/results/mobile.html)>
  • 125. Tizen™ Web App Environment •  One Web API across all Tizen profiles, ensuring application portability. •  Web API relies on upstream standards (W3C and others) and aggressively implements early API drafts. •  Will utilize all W3C defined HTML5 environment and APIs •  Will leverage other W3C standardization efforts e.g. Battery, Sensors etc •  Will add new APIs only when there are no existing standards •  Participate in standardization efforts to influence and accelerate relevant specifications.
  • 126. Developer Benefits of HTML5 HTML5 is the Primary Development Environment for Tizen™ Apps •  Widely adopted technology •  Easier to create apps •  Speeds app delivery across multiple OS platforms and devices •  Flexible distribution model •  Create web powered apps that challenge native applications in terms of rich user experiences •  Create new-style, full screen, immersive, beautiful web powered apps that are designed and optimized for touch INTEL CONFIDENTIAL | Tizen is a trademark of the Linux Foundation
  • 127. what is Tizen? HTML5 features Vincent - Samsung
  • 128. HTML5%features WebRTC+(Web+RealETime+CommunicaGon)% –  Provides%video%conferencing%feature%base%on%the%P2P% –  Core%features%consist%of%getUserMedia,%Media%Stream%and% P2P% getUserMedia+feature+ –  Face%detec6on/recogni6on,%Bar%code%recogni6on,%AR,%etc.% getUserMedia+++record+features+ –  TalkingTom,%Voice/Video%recording,%and%etc% <%3D%Ping%Pong%Game%> <%You%So%Predy>
  • 129. HTML5%features HTML5+Video+<track>+ –  Suppor6ng%sub6tle,%cap6on,%extra% Device+APIs+ –  Vibra6on%API% •  As%a%no6fica6on%in%a%game%or%other%use%case% –  Badery%Status%API% •  Web;based%email%client% –  Network%Info% •  Adap6ve%streaming%web%apps%
  • 130. HTML5%features File+APIs+(File+Reader,+Writer,+Directories+and+System)+ <%File%drag%and%drop%in%mail%web%app%> <Saving%a%file%in%image%editor%web%app> <%File%analysis%%or%reading%metadata>
  • 131. Tizen%Developer%Events Tizen+Developer+Days+in+the+U.S. •  Date : May 5~9, 2012 •  Venue : Hyatt Recency, San Francisco Keynote Speech Hands-on lab Giveaway devices (Facebook, Intel, Samsung) Tizen+Developer+Days+in+Japan+ • %%Tizen%Developer%conference%for%Japanese%local%companies% • %%Aligned%with%Linux%developer%events% %%%:%LinuxCon%Japan2012,%June%6;8%in%Yokohama%)%
  • 133. key messages 1.  the industry needs diversity 2.  Tizen is an open source platform 3.  supported by major companies 4.  HTML5 is key to its success 5.  Orange has started to develop HTML5 applications 36
  • 134. Web%sites%for%Tizen   Overall information of Tizen platform •  http://www.tizen.org   Source code of Tizen platform •  http://source.tizen.org   SDK of Tizen platform •  http://developer.tizen.org   Tizen Association •  http://www.tizenassociation.org
  • 136. Mobile HTML5 beyond the magic rainbow Y. Ch i t l i Y Christol, jjuin 2012
  • 137. 2
  • 138. Android – from 2.2 iOS – from 4.0 WP – WP7.5 / WP8 5 8 / Other mobile platform B2G, Tizen rest 3
  • 139. Let’s open the bear p 4 Jason Freeny, www.moistproduction.com
  • 140. An Orange TV webapp 5
  • 141. Standards http://www.telegraph.co.uk/technology/ facebook/9256388/Facebook- facebook/9256388/Facebook launches-its-own-app-store.html https://github.com/coremob/level-1 http://ringmark.io/?all p g 6
  • 142. Multi publication Multi-publication www.winktoolkit.org 7