1. Build Mobile Web Apps with jQTouch and jQueryAntonio Chagoury June 2010 1

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

3. Announcement: Hackathon Join developers around the world for the “Visual DotNetNuke” Hackathon Learn how to build DotNetNuke modules with compelling user interfaces. Build your own module and win great prizes! Broadcast live Follow me on twitter for updates (@antoniochagoury) See Flyer stuffed in your bags for info! 3

4. Why jQTouch? Who wants to learn Objective-C? HTML 5 + JavaScript is cool! Plus, you may learn new tricks in the process You can go offline with HTML 5 Deploy Apps without the AppStoreheadache Want AppStore? Deploy with PhoneGap, AppCelerator Etc. 4

5. Approach Build a mobile web app for a movie rental website ASP.NET MVC Website providing data via JSON jQTouchFramework + jQuery HTML 5 + CSS Test Mobile App with MobiOne Test Center 5

6. Buckle Up! Installing jQTouch framework Explore using jQTouch to build a mobile web app Review how we are exposing json data from MVC Build a mobile web app version of our movie app Consume JSON with jQuery Test App with MobiOne 6

7. MVC Movies Website Our Framework’s Architecture 7 Desktop Browser Data (Mock) MobileHTML Json MobiOneTest Center

8. Let’s Code 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 Email me: antonio@inspectorit.com 9