So you built a great DotNetNuke Module, but now you want to make its data and functionality available to mobile users with a smart-phone device such as an iPhone, Android or Blackberry. Well, you're in luck, because in this session Antonio will show you how easy it is to build a mobile web app that consumes REST web services with a little client side scripting, the jQTouch framework and jQuery.

1. Smartphone-enable your DNN apps with jQTouchAntonio Chagoury Day of DotNetNuke, Chicago October 2, 2010 1

2. About Me DotNetNuke Core Team Member and Project Lead, Blog and Install Utility Principal & Software Architect, Inspector IT, Inc. Use DotNetNuke as the Development Platform of choice for large Web 2.0 and Enterprise Implementations Microsoft MVP, Visual Basic I blog at www.cto20.com Co-Founder and President, Capital DotNetNuke User Group (CDUG) 2

3. Many thanks to our sponsors for making the event possible 3

4. Why jQTouch? Who wants to learn Objective-C? HTML 5 + jQuery is cool! Plus, you may learn new tricks in the process Go offline with HTML 5 using SQLlite and ApplicationCache Deploy Apps without the AppStoreheadaches and bureaucracy But, If you must have AppStore, deploy with PhoneGap, AppCelerator, or others 4

5. Approach: Build a mobile version of the DotNetNuke Blog DotNetNuke website hosting our blog Add low-fidelity data service to return JSON responses Add jQTouch Framework + jQuery A touch of HTML 5 + CSS Test Mobile App with MobiOne Test Center 5

6. DotNetNukeWebsite: CTO20.DEV Our Framework’s Architecture 6 DNN Database Desktop Browser DAL jQTouch +jQueryHTML Json MobiOneTest Center

7. Buckle Up! Install jQTouch framework Explore jQTouch sample mobile web app Review how we are exposing JSON data from the DotNetNuke Blog Module Build a mobile web app version of our blog Consume JSON with jQuery Test App with MobiOne 7

8. Let’s Code Have you had enough PowerPoint? 8

9. Resources jQuery: www.jquery.com jQTouch Framework: www.jqtouch.com jQTouch Support and Docs: http://code.google.com/p/jqtouch/ MobiOne Emulator: http://www.genuitec.com/mobile/ Book: Building iPhone Apps with HTML, CSS and Javascript My Blog: www.cto20.com Follow my tweets: www.twitter.com/antoniochagoury Connect with me: http://linkedin.com/in/antoniochagoury Email me: antonio@inspectorit.com 9