21
1 Phone for Me, Tablet for We: Building a multi screen app in One Hour Abhay Aggarwal Xebia India

Phone for Me, Tablet for We: Building a multi screen app in One Hour

Embed Size (px)

DESCRIPTION

Presented By Abhay Aggarwal at the 2nd IndicThreads.com Conference On Mobile Application Development, August 2011 http://Mobile.IndicThreads.com

Citation preview

Page 1: Phone for Me, Tablet for We: Building a multi screen app in One Hour

1

Phone for Me, Tablet for We: Building a multi screen app in One Hour

Abhay AggarwalXebia India

Page 2: Phone for Me, Tablet for We: Building a multi screen app in One Hour

2

Phones & Tablets – Are they different?

Page 3: Phone for Me, Tablet for We: Building a multi screen app in One Hour

3

Something happened…

Page 4: Phone for Me, Tablet for We: Building a multi screen app in One Hour

4

It’s all in the design

Page 5: Phone for Me, Tablet for We: Building a multi screen app in One Hour

5

One design, Multiple Personalities

Page 6: Phone for Me, Tablet for We: Building a multi screen app in One Hour

6

Page 7: Phone for Me, Tablet for We: Building a multi screen app in One Hour

7

The Apple Bandwagon

960 x 640 screen rez 1024 x 768 screen rez

Page 8: Phone for Me, Tablet for We: Building a multi screen app in One Hour

8

The Android Carnival

240x320

240x400

320x480

360x640

480x800

540x960

1280x800

800x480

1024x600

Page 9: Phone for Me, Tablet for We: Building a multi screen app in One Hour

9

Become a Native App Developer…

• Highly fragmented mobile technology landscape

• Need specialized resources or learn each technology

• Production and maintenance costs overshoots the budget

Page 10: Phone for Me, Tablet for We: Building a multi screen app in One Hour

10

…Or, you can code smart

Page 11: Phone for Me, Tablet for We: Building a multi screen app in One Hour

11

Let’s build an app...

...or not!

Page 12: Phone for Me, Tablet for We: Building a multi screen app in One Hour

12

The Key to Nirvana

Page 13: Phone for Me, Tablet for We: Building a multi screen app in One Hour

13

#1IDENTIFY YOUR USER

Page 14: Phone for Me, Tablet for We: Building a multi screen app in One Hour

14

#2Sketch basic layouts for different sizes

Page 15: Phone for Me, Tablet for We: Building a multi screen app in One Hour

15

#3 CONSTANT = CONSISTENT

Page 16: Phone for Me, Tablet for We: Building a multi screen app in One Hour

16

#4Modularize your code

Page 17: Phone for Me, Tablet for We: Building a multi screen app in One Hour

17

#5Separate the business logic from user

interface

Page 18: Phone for Me, Tablet for We: Building a multi screen app in One Hour

18

#6Plan for data storage

Page 19: Phone for Me, Tablet for We: Building a multi screen app in One Hour

19

#7 Use CSS & resource bundles extensively

Page 20: Phone for Me, Tablet for We: Building a multi screen app in One Hour

20

Your thoughts?

Page 21: Phone for Me, Tablet for We: Building a multi screen app in One Hour

21

abhay aggarwal . www.xebiaindia.com . [email protected]

</thanks>