phone for me, tablet for we-indic threads mobile conf 2011
TRANSCRIPT
![Page 1: Phone for me, Tablet for we-Indic Threads Mobile Conf 2011](https://reader036.vdocuments.net/reader036/viewer/2022081403/55646396d8b42acd408b4c41/html5/thumbnails/1.jpg)
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-Indic Threads Mobile Conf 2011](https://reader036.vdocuments.net/reader036/viewer/2022081403/55646396d8b42acd408b4c41/html5/thumbnails/2.jpg)
2
Phones & Tablets – Different?
![Page 3: Phone for me, Tablet for we-Indic Threads Mobile Conf 2011](https://reader036.vdocuments.net/reader036/viewer/2022081403/55646396d8b42acd408b4c41/html5/thumbnails/3.jpg)
3
Something happened…
![Page 4: Phone for me, Tablet for we-Indic Threads Mobile Conf 2011](https://reader036.vdocuments.net/reader036/viewer/2022081403/55646396d8b42acd408b4c41/html5/thumbnails/4.jpg)
4
It’s all in the design
![Page 5: Phone for me, Tablet for we-Indic Threads Mobile Conf 2011](https://reader036.vdocuments.net/reader036/viewer/2022081403/55646396d8b42acd408b4c41/html5/thumbnails/5.jpg)
5
One design, Multiple Personalities
![Page 6: Phone for me, Tablet for we-Indic Threads Mobile Conf 2011](https://reader036.vdocuments.net/reader036/viewer/2022081403/55646396d8b42acd408b4c41/html5/thumbnails/6.jpg)
6
![Page 7: Phone for me, Tablet for we-Indic Threads Mobile Conf 2011](https://reader036.vdocuments.net/reader036/viewer/2022081403/55646396d8b42acd408b4c41/html5/thumbnails/7.jpg)
7
The Apple Bandwagon
960 x 640 screen rez 1024 x 768 screen rez
![Page 8: Phone for me, Tablet for we-Indic Threads Mobile Conf 2011](https://reader036.vdocuments.net/reader036/viewer/2022081403/55646396d8b42acd408b4c41/html5/thumbnails/8.jpg)
8
The Android Carnival
240x320
240x400
320x480
360x640
480x800
540x960
1280x800
800x480
1024x600
![Page 9: Phone for me, Tablet for we-Indic Threads Mobile Conf 2011](https://reader036.vdocuments.net/reader036/viewer/2022081403/55646396d8b42acd408b4c41/html5/thumbnails/9.jpg)
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-Indic Threads Mobile Conf 2011](https://reader036.vdocuments.net/reader036/viewer/2022081403/55646396d8b42acd408b4c41/html5/thumbnails/10.jpg)
10
…Or, you can code smart
![Page 11: Phone for me, Tablet for we-Indic Threads Mobile Conf 2011](https://reader036.vdocuments.net/reader036/viewer/2022081403/55646396d8b42acd408b4c41/html5/thumbnails/11.jpg)
11
Let’s build an app...
...or not!
![Page 12: Phone for me, Tablet for we-Indic Threads Mobile Conf 2011](https://reader036.vdocuments.net/reader036/viewer/2022081403/55646396d8b42acd408b4c41/html5/thumbnails/12.jpg)
12
The Key to Nirvana
![Page 13: Phone for me, Tablet for we-Indic Threads Mobile Conf 2011](https://reader036.vdocuments.net/reader036/viewer/2022081403/55646396d8b42acd408b4c41/html5/thumbnails/13.jpg)
13
#1IDENTIFY YOUR USER
![Page 14: Phone for me, Tablet for we-Indic Threads Mobile Conf 2011](https://reader036.vdocuments.net/reader036/viewer/2022081403/55646396d8b42acd408b4c41/html5/thumbnails/14.jpg)
14
#2Sketch basic layouts for different sizes
![Page 15: Phone for me, Tablet for we-Indic Threads Mobile Conf 2011](https://reader036.vdocuments.net/reader036/viewer/2022081403/55646396d8b42acd408b4c41/html5/thumbnails/15.jpg)
15
#3CONSTANT = CONSISTENT
![Page 16: Phone for me, Tablet for we-Indic Threads Mobile Conf 2011](https://reader036.vdocuments.net/reader036/viewer/2022081403/55646396d8b42acd408b4c41/html5/thumbnails/16.jpg)
16
#4Modularize your code
![Page 17: Phone for me, Tablet for we-Indic Threads Mobile Conf 2011](https://reader036.vdocuments.net/reader036/viewer/2022081403/55646396d8b42acd408b4c41/html5/thumbnails/17.jpg)
17
#5Separate the business logic from user
interface
![Page 18: Phone for me, Tablet for we-Indic Threads Mobile Conf 2011](https://reader036.vdocuments.net/reader036/viewer/2022081403/55646396d8b42acd408b4c41/html5/thumbnails/18.jpg)
18
#6Plan for data storage
![Page 19: Phone for me, Tablet for we-Indic Threads Mobile Conf 2011](https://reader036.vdocuments.net/reader036/viewer/2022081403/55646396d8b42acd408b4c41/html5/thumbnails/19.jpg)
19
#7Use CSS & resource bundles extensively
![Page 20: Phone for me, Tablet for we-Indic Threads Mobile Conf 2011](https://reader036.vdocuments.net/reader036/viewer/2022081403/55646396d8b42acd408b4c41/html5/thumbnails/20.jpg)
20
Your thoughts?