Mobile Fragmentation Problems

1 .PhoneGap – Solving Mobile Fragmentation Problems By Rohit Ghatol and Yogesh Patel Author of “ Beginning PhoneGap ”

2 .30 Minutes Presentation! Rest all Discussion! Then Quiz! !

3 .Topics Fragmentation Cost For Today No Structured Presentation!! Time to Market Dev QA team Best Practices CIT Anything you wanna talk about!! UI Development Max Reuse Tools QA Mashups

4 .Mobile Fragmentation

5 .What is PhoneGap?

6 .What it is? Its an extensible JavaScript API Library? What it is not? Not an UI Framework Not a Packaging Framework Not an IDE

7 .

8 .Geo Location Contacts Capture Image And many more…

9 .Geo Location Contacts Capture Image And many more…

10 .But the catch is You still need to use - Android, - iPhone, - BlackBerry and etc Development Environment to build and package the final mobile application

11 .Its available on 6 Mobile Platforms

12 .Why PhoneGap?

13 .iPhone Android BlackBerry Windows PhoneGap.js PhoneGap.js PhoneGap.js PhoneGap.js . . . . . . . . Coffee Generic Features Mobile Features HTML UI Login Ajax Calls Maps API GPS Coordinates Local Storage Compass Camera Coffee

14 .iPhone Android BlackBerry Windows PhoneGap.js PhoneGap.js PhoneGap.js PhoneGap.js . . . . . . . . Coffee Generic Features Mobile Features HTML UI Login Ajax Calls Maps API GPS Coordinates Local Storage Compass Camera Coffee

15 .How to use PhoneGap?

16 .How to use PhoneGap?

17 .How to use PhoneGap?

18 .How to use PhoneGap?

19 .Heaven for Mashups

20 .Understand JS Mashups Understand Single Origin Policy How this problem does not affect PhoneGap Apps? Think about possibilities without the need of a server

21 .Understand the Problem

22 .http:// abc.com http:// api.maps.com http:// api.twitter.com http:// api.facebook.com { json req resp } Single Origin Policy restricts this

23 .Traditional Solutions

24 .http:// abc.com http:// api.maps.com http:// api.twitter.com http:// api.facebook.com { jsonp req resp } Single Origin Policy JSONP makes cross domain request possible

25 .http:// abc.com http:// api.maps.com http:// api.twitter.com http:// api.facebook.com Server Side Code http:// abc.com PROXY MODEL Server is required

26 .What’s different about PhoneGap? PhoneGap Apps don’t have any domain names.

27 .PhoneGap Application HTML files have no domain name http:// api.maps.com http:// api.twitter.com http:// api.facebook.com { json req resp } Single Origin Policy Does not apply

28 .Developing PhoneGap UI

29 .jQueryMobile Best for Simpler only Smart Phone UI