Mobile Platforms and App Development

App Development & Mobile Site Platforms for the Enhanced Digital World

Mark MenardsmAlbany 2012July 17, 2012

Friday, July 20, 12

2

Who am I?Mark Menard

Internet Professional

Since 1995

We Build Web & Mobile Apps

@mark_menard

Friday, July 20, 12

3

Mobile 1.0

Friday, July 20, 12

4

How large is the mobile

market?

Friday, July 20, 12

5

There are 4 billion mobile phones in

use today.

Friday, July 20, 12

6

There are over 1 billion smartphones

in use today.

Friday, July 20, 12

7

By 2014 mobile

internet usage will overtake

desktop usage.

Friday, July 20, 12

8

62% of 25-34 year olds have smartphones

Friday, July 20, 12

9

Half of all local searches are performed

on mobile devices.

Friday, July 20, 12

10

Mobile 2.0

Don’t forget the Tablets

Friday, July 20, 12

11

By the end of 2012 tablet sales will

overtake PC sales.

-Tim CookApple CEO

Friday, July 20, 12

12

55 million iPads sold in the "rst 18 months!

Friday, July 20, 12

13

We live in an “app” world.

Friday, July 20, 12

14

Friday, July 20, 12

15

Mobile PlatformsiOS

iPhone iPad

Friday, July 20, 12

16

Mobile PlatformsAndroid

Friday, July 20, 12

17

Mobile PlatformsThe also Rans

Friday, July 20, 12

18

Mobile Platforms

But is it an also ran?

Friday, July 20, 12

19

Do you need a mobile strategy?

Friday, July 20, 12

20

Yes!

Friday, July 20, 12

21

One size does not "t all!

Friday, July 20, 12

22

One size does not "t all!

Websites vs Apps

Friday, July 20, 12

23

Websites vs Apps

Use your existing site

Use existing technologies

Can be done incrementally

Installed App

Can use data from your existing site

Represents a signi!cant branding opportunity

The Good News

Use the hardware

Fastest user experience

Friday, July 20, 12

24

Websites vs Apps

Uses your existing site

Can be difficult to take advantage of hardware

Lots of form factors to deal with

New technologies

Need to navigate the app store process

There’s more than one platform

The Bad News

Friday, July 20, 12

25

Four Main Strategies

Friday, July 20, 12

26

Four Main Strategies

Native Apps

Mobile Web Site

Cross Platform Apps

Responsive Design

Friday, July 20, 12

27

Mobile Web Site

Serve unique content for mobile devices using either a separate website, or the same

website using separate templates and graphic content.

Friday, July 20, 12

28

Mobile Web SiteTwitter

Notice the mobile.twitter.com address,

and the web browser controls.

Friday, July 20, 12

29

Mobile Web SiteTwitter

Elements are large enough to tap with a !nger.

No side bars.

Limited and focused content.

Friday, July 20, 12

30

Mobile Web SiteTwitter

Accessing additional functionality requires a drill

down to another page.

Friday, July 20, 12

31

Mobile Web Site

The Home Depot Trip Advisor Facebook

Friday, July 20, 12

32

Four Main Strategies

Native Apps

Mobile Web Site

Cross Platform Apps

Responsive Design

Friday, July 20, 12

33

Responsive Design

Use various techniques, such as CSS, #uid layouts, and #exible images to achieve a

pleasing appearance on a mobile device while serving the same content.

Friday, July 20, 12

34

Responsive DesignA W

ordPress Example

Desktop Layout

Friday, July 20, 12

35

Responsive Design

A W

ordPress Example

iPad LayoutFriday, July 20, 12

36

Responsive DesignA W

ordPress Example iPhone Layout

Friday, July 20, 12

37

Responsive Design

Friday, July 20, 12

38

Four Main Strategies

Native Apps

Mobile Web Site

Cross Platform Apps

Responsive Design

Friday, July 20, 12

39

Native Apps

Applications written speci!cally for a particular mobile platform, such as iOS or

Android using native tools.

Friday, July 20, 12

40

Native Apps

Objective-C or Ruby

Xcode

Cocoa Touch

Java

Eclipse, IntelliJ

Android APIs

Friday, July 20, 12

41

Four Main Strategies

Native Apps

Mobile Web Site

Cross Platform Apps

Responsive Design

Friday, July 20, 12

42

Cross Platform AppsApps developed using tools that

leverage web based technologies, such as HTML5, Javascript, and CSS, Flash,

Flex, and many others to create native applications available through iTunes

and Android app stores.

Friday, July 20, 12

43

Cross Platform AppsNative Apps vs

Takes best advantage of the hardware

Looks and feels like a native app

Many developers available

Write one app and run on multiple platforms

Performance is generally good

Can leverage existing skills from prior platforms, such as

web design and development

The Good News

Friday, July 20, 12

44

Cross Platform AppsNative Apps vs

Need to maintain multiple versions of your app for each

platform

Need to learn new technologies

Sometimes the app store can be a pain

Cross platform always has compromises

Performance can suffer in certain edge cases

Can be hard to achieve a true native look and feel

The Bad News

Some solutions have limited developer communities

Friday, July 20, 12

45

What Should I Do?

Marketing Website

E-Commerce

Database Application

Software as a Service

Native Apps

Mobile Web Site

Cross Platform Apps

Responsive Design

Friday, July 20, 12

46

What Should I Do?

Marketing Website

E-Commerce

Database Application

Software as a Service

Native Apps

Mobile Web Site

Cross Platform Apps

Responsive Design

Friday, July 20, 12

47

I’m Mark Menard@mark_menard

http://www.enablelabs.com/

We Build Web & Mobile Apps

Friday, July 20, 12

48

http://www.enablelabs.com/referral-madness

Referral Madness

Win a Retina DisplayMacBook Pro!

Get $500 for every referral

we close.

Ends August 31, 2012

Friday, July 20, 12

49

Credits

Sneakers photo: Linda Cronin: http://www.#ickr.com/photos/old#ints/5849110918/

Reveal: Responsive Wordpress Theme: http://themetrust.com/themes/reveal

Mobile Usage Statistics: http://tag.microsoft.com/community/blog/t/the_growth_of_mobile_marketing_and_tagging.aspx

Friday, July 20, 12