The mobile
platform world
             Peter-Paul Koch
      http://quirksmode.org
      http://twitter.com/ppk
      Mobilism, 10 May 2012
The Stack

  Browser

    OS

  Device
The Stack

  Browser

    OS

  Device
The Stack

  Browser

    OS

  Device
The Stack

        Browser

S40       OS

        Device
The Stack

        Browser

S40       OS

        Device
The Stack


?     Browser

        OS

      Device
Tizen
        The Stack


 ?        Browser

            OS

          Device
The Stack

  Browser

    OS      Tizen

  Device
The Stack

  Browser

    OS        Tizen

   Device

 Connection
The Stack

  Browser

    OS        Tizen

   Device

 Connection
The Stack

  Browser

    OS

   Device

 Connection
The Stack

  Browser

    OS

  Device

  Income
The Stack
    Sales

  Browser

    OS

  Subsidies

  Income
The Stack
    Sales

  Browser

    OS

  Subsidies

  Income
The Stack
        Sales

      Meddle

just because they can
         OS

      Subsidies

      Income
The Stack
        Sales

      Meddle

just because they can

      Subsidies

      Income
The Stack
       Sales

      Meddle

                   Tizen
just because they can

     Subsidies

      Income
The Stack

   It’s
complicated
Mobile browsers
•   Safari              •   IE
•   Android WebKit      •   MeeGo WebKit
•   Samsung Dolfin       •   Firefox
•   BlackBerry WebKit   •   Obigo WebKit
•   Opera Mobile        •   BlackBerry old
•   Opera Mini          •   NetFront
•   Nokia WebKit        •   UC Browser
•   Ovi                 •   Bolt
•   Palm WebKit         •   Silk

    You may groan now
Mobile browsers
•   Safari              •   IE
•   Android WebKit      •   MeeGo WebKit
•   Dolfin               •   Firefox
•   BlackBerry WebKit   •   Obigo WebKit
•   Opera Mobile        •   BlackBerry old
•   Opera Mini          •   NetFront
•   Nokia WebKit        •   UC Browser
•   Ovi                 •   Bolt
•   Palm WebKit         •   Silk

    WebKit-based
There is no single WebKit
  Not all WebKits have hardware-accelerated
  animations. That requires good access to a
  high-power GPU, and not all devices provide
  that.
  Similarly, interfaces for the network stack,
  mouse, keyboard, and threading system, must
  be written separately for each browser.
  And not everyone uses the same WebKit
  version.
  See http://quirksmode.org/webkit.html
Proxy browsers
• A proxy browser leaves the fetching and
  rendering of resources to a server.
• The client receives a compressed bitmap.
• Advantage: cheap device and low data costs
• Disadvantage: no client-side interaction.
  Every JavaScript call requires a server
  request.
Proxy browsers
•   Safari              •   IE
•   Android WebKit      •   MeeGo WebKit
•   Dolfin               •   Firefox
•   BlackBerry WebKit   •   Obigo WebKit
•   Opera Mobile        •   BlackBerry old
•   Opera Mini          •   NetFront
•   Nokia WebKit        •   UC Browser
•   Ovi                 •   Bolt
•   Palm WebKit         •   Silk
Setting up a device lab
• Save about $100 per month. That allows
  you to buy two devices per year
• Buy a non-iPhone, non-Android
• Buy a non-touchscreen
• Buy an Android from a different vendor
• Install Opera Mini
• Swap devices with other companies or
  freelancers in your area
• Coordinate with them when buying new
  devices
Thank you
I’ll put these slides online
         Questions?
                       Peter-Paul Koch
                http://quirksmode.org
                http://twitter.com/ppk
                Mobilism, 10 May 2012

The Mobile Platform World

  • 1.
    The mobile platform world Peter-Paul Koch http://quirksmode.org http://twitter.com/ppk Mobilism, 10 May 2012
  • 2.
    The Stack Browser OS Device
  • 3.
    The Stack Browser OS Device
  • 4.
    The Stack Browser OS Device
  • 5.
    The Stack Browser S40 OS Device
  • 6.
    The Stack Browser S40 OS Device
  • 7.
    The Stack ? Browser OS Device
  • 8.
    Tizen The Stack ? Browser OS Device
  • 9.
    The Stack Browser OS Tizen Device
  • 10.
    The Stack Browser OS Tizen Device Connection
  • 11.
    The Stack Browser OS Tizen Device Connection
  • 12.
    The Stack Browser OS Device Connection
  • 13.
    The Stack Browser OS Device Income
  • 14.
    The Stack Sales Browser OS Subsidies Income
  • 15.
    The Stack Sales Browser OS Subsidies Income
  • 16.
    The Stack Sales Meddle just because they can OS Subsidies Income
  • 17.
    The Stack Sales Meddle just because they can Subsidies Income
  • 18.
    The Stack Sales Meddle Tizen just because they can Subsidies Income
  • 19.
    The Stack It’s complicated
  • 20.
    Mobile browsers • Safari • IE • Android WebKit • MeeGo WebKit • Samsung Dolfin • Firefox • BlackBerry WebKit • Obigo WebKit • Opera Mobile • BlackBerry old • Opera Mini • NetFront • Nokia WebKit • UC Browser • Ovi • Bolt • Palm WebKit • Silk You may groan now
  • 21.
    Mobile browsers • Safari • IE • Android WebKit • MeeGo WebKit • Dolfin • Firefox • BlackBerry WebKit • Obigo WebKit • Opera Mobile • BlackBerry old • Opera Mini • NetFront • Nokia WebKit • UC Browser • Ovi • Bolt • Palm WebKit • Silk WebKit-based
  • 22.
    There is nosingle WebKit Not all WebKits have hardware-accelerated animations. That requires good access to a high-power GPU, and not all devices provide that. Similarly, interfaces for the network stack, mouse, keyboard, and threading system, must be written separately for each browser. And not everyone uses the same WebKit version. See http://quirksmode.org/webkit.html
  • 23.
    Proxy browsers • Aproxy browser leaves the fetching and rendering of resources to a server. • The client receives a compressed bitmap. • Advantage: cheap device and low data costs • Disadvantage: no client-side interaction. Every JavaScript call requires a server request.
  • 24.
    Proxy browsers • Safari • IE • Android WebKit • MeeGo WebKit • Dolfin • Firefox • BlackBerry WebKit • Obigo WebKit • Opera Mobile • BlackBerry old • Opera Mini • NetFront • Nokia WebKit • UC Browser • Ovi • Bolt • Palm WebKit • Silk
  • 25.
    Setting up adevice lab • Save about $100 per month. That allows you to buy two devices per year • Buy a non-iPhone, non-Android • Buy a non-touchscreen • Buy an Android from a different vendor • Install Opera Mini • Swap devices with other companies or freelancers in your area • Coordinate with them when buying new devices
  • 26.
    Thank you I’ll putthese slides online Questions? Peter-Paul Koch http://quirksmode.org http://twitter.com/ppk Mobilism, 10 May 2012