1. Building Native Apps with ArcGIS API for JavaScript Using PhoneGap and jQuery Andy Gup, Lloyd Heberlie

2. Agenda

3. Why PhoneGap?

4. Lloyd Heberlie Basic PhoneGap app

5. What is PhoneGap? Application container technology Core engine is 100% open source Web view container, plus JS API HTML5, CSS3, JS = Native App PhoneGap

6. PhoneGap architecture PhoneGap Plugins PhoneGapApplication Code Native App

7. Setup a developer machine Source Control Code quality and verification web server

8. Lloyd Heberlie PhoneGap Quickstart

9. Debugging

10. Putting it all together PhoneGap, jQuery and ArcGIS API for JavaScript Andy Gup

11. Single Page view Set up page structure Apply CSS, roles and themes https://github.com/Esri/quickstart-map-phonegap https://github.com/Esri/jquery-mobile-map-js

12. Single Page Map - HTML

15. Single Page Map - CSS

16. Andy Gup Single page app

17. Auto-recenter after orientation change

18. jQuery Helper library Recentering on device rotation Multiple view mapping apps var helper = new jQueryHelper(map); https://github.com/Esri/jquery-mobile-map-js

19. Auto-recenter after orientation change

20. A quick look: Android native build environment

21. assets/www/

22. Host JS libs locally (if possible)

23. Set PhoneGap config.xml

24. Native wrapper

25. Andy Gup Putting it all together

26. GPS Best Practices - Android

28. GPS Best Practices - iOS

29. GPS Best Practices – Windows Phone

30. Geolocation API – same as always!

31. Requirements for offline? App usage in areas of intermittent or no internet Ability to reload or restart app in areas of intermittent or no connectivity Lightweight cross-browser functionality Github.com/esri/Offline-editor-js

32. Offline JS Use Cases Viewing simple maps Lighweight data collection - VGI - Simple editing Devices - laptop - smartphone / tablet

33. Need a full featured, robust offline solution? ArcGIS Runtimes for iOS, Android, Qt and.NET! Includes integrated support for offline editing and synchronization. Also fully supports related tables, sub-types, domains and much more.

34. Offline Demo – trailyelper

35. Questions? Andy Gup Developer Evangelist Team agup@esri.com @agup Lloyd Heberlie JavaScript API Team lheberlie@esri.com @lheberlie