21
DEVELOPING FOR MOBILE Alternatives for Web Developers

Developing Mobile Applications - Alternatives for Web Developers

Embed Size (px)

Citation preview

Page 1: Developing Mobile Applications - Alternatives for Web Developers

DEVELOPING FOR MOBILEAlternatives for Web Developers

Page 2: Developing Mobile Applications - Alternatives for Web Developers

Mike RobinsonWeb Developer

Trapeze Mediawww.trapeze.com

[email protected]/in/mdrobinson

Page 3: Developing Mobile Applications - Alternatives for Web Developers

THE AGE OF SMART PHONESWe have the technology.

Page 4: Developing Mobile Applications - Alternatives for Web Developers

AD REQUESTS BY GEOGRAPHY

0 2000 4000 6000 8000

Ad Requests in Millions

North America

Asia

Europe

Africa

Latin America

Source: metrics.admob.com

April 2008 April 2010

Page 5: Developing Mobile Applications - Alternatives for Web Developers

SMART PHONE OPERATING SYSTEMS

46%

38%

9%

3% 2% 2%

AndroidiPhone OSRIM OSwebOSWindows Mobile OSOther

Source: metrics.admob.com

UNITED STATES, APRIL 2010

Page 6: Developing Mobile Applications - Alternatives for Web Developers

ANDROID AND IPHONE UNIQUE DEVICES

0 5 10 15 20

Unique Devices in Millions

Android

iPhone

iPhone, iPad, iPod Touch

Source: metrics.admob.com

APRIL 2010, ADMOB NETWORK

Page 7: Developing Mobile Applications - Alternatives for Web Developers

APPLE’S APP STORE

• 225,000 apps in the app store

• 5 billion apps downloaded

• 1 billion dollars paid out to developers

Page 8: Developing Mobile Applications - Alternatives for Web Developers

GOOGLE’S ANDROID MARKET

• 70,000 applications available as of June 8, 2010

• Growth rate of 10,000 applications per month

• Developers are not tied to the Android Market

• Apps are distributable via 3rd party means

Page 9: Developing Mobile Applications - Alternatives for Web Developers

DO YOU SPEAK THE NATIVE LANGUAGE?

Apple iOS4

Google Android

Objective C

Java

Page 10: Developing Mobile Applications - Alternatives for Web Developers

SOMETHING MORE FAMILIAR

• HTML5

• CSS3

• JavaScript

• WebKit Rendering Engine

Page 11: Developing Mobile Applications - Alternatives for Web Developers

WEBKIT ROCKS!

• Best available HTML5 and CSS3 support

• Desktop: Safari, Google Chrome

• Mobile: Android, iOS4, Symbian, WebOS

• Coming soon to BlackBerry 6

Page 12: Developing Mobile Applications - Alternatives for Web Developers

BENEFITS OF A MOBILE WEB APP

• Rich HTML5, CSS3 and JavaScript interfaces

• Instant Updates (no App Store)

• Offline Storage with Local SQLite database

• 100% of the revenue goes to you!

Page 13: Developing Mobile Applications - Alternatives for Web Developers

SENCHA TOUCHThe First HTML5 Mobile App Framework

Page 14: Developing Mobile Applications - Alternatives for Web Developers

SENCHA TOUCH FEATURES

• Built with Web Standards (HTML5, CSS3, JavaScript)

• Currently supports iOS4 and Android

• Enhanced Touch Events (swipe, pinch, multitouch)

• Data Integration (AJAX, JSONp, YQL)

• Resolution Independent Interface

• Amazing Animations

Page 15: Developing Mobile Applications - Alternatives for Web Developers

CODE SAMPLESThe fun part!

Page 16: Developing Mobile Applications - Alternatives for Web Developers

BENEFITS OF NATIVE APPS

• High Performance

• App Store

• Native UI

• Media API

• Monetization Opportunities

Page 17: Developing Mobile Applications - Alternatives for Web Developers

TITANIUM MOBILE Building Native Apps with JavaScript

... yes, native.

Page 18: Developing Mobile Applications - Alternatives for Web Developers

TITANIUM FEATURES

• Build native applications with JavaScript

• Access the hardware’s true potential

• Supports iOS4 and Android mobile platforms

• One codebase for multiple platforms

• You can even build desktop applications

Page 19: Developing Mobile Applications - Alternatives for Web Developers

MORE CODE SAMPLESThe fun never stops!

Page 20: Developing Mobile Applications - Alternatives for Web Developers

• Sencha Touch - www.sencha.com

• Titanium - www.appcelerator.com

• WebKit - www.webkit.org

• PhoneGap - www.phonegap.com

• Sencha Kitchen Sink - www.sencha.com/deploy/touch/kitchensink/

• Titanium Kitchen Sink - www.github.com/appcelerator/KitchenSink/

• Touch Solitaire - www.touchsolitaire.mobi

• Trapeze (my company) - www.trapeze.com

LINK LOVE <3

Page 21: Developing Mobile Applications - Alternatives for Web Developers

Any questions for me?

IT’S OVER!