The Future of the Mobile Web

(for developers)

Adam Lehman

Sr. Product Manager, Adobe
adrock@adobe.com - @Adrocknaphobia
Inspired By:

Luke Wrobleski

http://LukeW.com
@LukeW

What is a PC?

A personal computer is the computer you use at home.
A personal computer is the computer you always have with you.

Mobile is the new personal computer.

  • Always with you.
  • Always on.
  • Built-in payment.
  • Captures the social context.
  • Augmented reality.
  • Digital interface to reality.

There are now more iPhones sold than babies born in the world every day!

Source: The Next Web

371k Babies

378k iPhones

562k iOS Devices

700k Android Devices
Source: The Next Web

The Money

Mobile payment made through PayPal
  • 2009 - $141 Million
  • 2010 - $750 Million
  • 2011 - $4 Billion
Source: Ventrue Beat

Developing For The Mobile Web

Take what we know from desktop web development.

Optimize for smaller screens and touch interfaces.

Invent the future!

Mobile Development Options


Browser

  • What We Know
  • Open Standards
  • The "Content" Runtime
  • On Every Device
  • Limited Functionality

Native

  • Full Access to the Device
  • High Performance
  • App Stores
  • Propreitary
  • Expensive Dev Costs

Choose The Best Fit

(based on your project)


Browser

  • Reach
  • Low Barrier To Adoption
  • Subscriptions / Services

Native

  • High Performance
  • Device APIs
  • App Stores

The Browser Is Capable!

  • JavaScript Coming of Age
  • Awesome HTML5 and CSS3 Support
  • Some Device APIs
  • There are more JavaScript frameworks released each day than babies born in the world!

Mobile Browser Development Is Hard!

  • Have to deploy stuff
  • No desktop browser tools
  • Debugging is really tough

Adobe Shadow

Syncronized browsing and device inspection

  • Supports in-browser mobile development
  • Enables syncronous browsing, on desktop and devices
  • Remote inspection and debugging
  • Screenshots

Platform Support

  • OSX and Windows
  • Google Chrome Browser Extension
  • iOS and Android

Adobe Shadow Demo!

Choose The Best Fit

(based on your project)


Browser

  • Reach
  • Low Barrier To Adoption
  • Subscriptions / Services

Native

  • High Performance
  • Device APIs
  • App Stores

Mobile Development Options


Browser

  • What We Know
  • Open Standards
  • The "Content" Runtime
  • On Every Device
  • Limited Functionality

Native

  • Full Access to the Device
  • High Performance
  • App Stores
  • Propreitary
  • Expensive Dev Costs

If only there was some way to bridge this browser to native phone gap!

Enter PhoneGap

An open source framework for building native mobile applications with web standards.

Unrivaled Platform Support

How PhoneGap Works


User Interface

HTML, CSS & JavaScript

Application Logic

JavaScript

Device Functionality

JavaScript PhoneGap API

Leverage The Web!

In Good Company...

PhoneGap Build

Automated multiplatform compilation in the cloud

  • No SDKs required
  • No platform specific tools required

PhoneGap Demo!

Thanks!

Adam Lehman

Email: adrock@adobe.com

Twitter: @Adrocknaphobia

G+: http://gplus.to/adrock