Build Mobile Web Apps with jQTouch and jQueryAntonio Chagoury<br />June 2010<br />1<br />
About Me	<br />Principal & Software Architect, Inspector IT, Inc.<br />Microsoft MVP, Visual Basic<br />DotNetNuke Core Te...
Announcement: Hackathon<br />Join developers around the world for the “Visual DotNetNuke” Hackathon<br />Learn how to buil...
Why jQTouch?<br />Who wants to learn Objective-C?<br />HTML 5 + JavaScript is cool! Plus, you may learn new tricks in the ...
Approach<br />Build a mobile web app for a movie rental website<br />ASP.NET MVC Website providing data via JSON<br />jQTo...
Buckle Up!<br />Installing jQTouch framework<br />Explore using jQTouch to build a mobile web app<br />Review how we are e...
MVC Movies Website<br />Our Framework’s Architecture<br />7<br />Desktop Browser<br />Data<br />(Mock)<br />MobileHTML<br ...
Let’s Code	<br />Enough PowerPoint!<br />8<br />
Resources<br />jQuery: www.jquery.com<br />jQTouch Framework: www.jqtouch.com<br />jQTouch Support and Docs: http://code.g...
Upcoming SlideShare
Loading in...5
×

Build an i phone, android, or blackberry web app with jq touch and jquery

3,651

Published on

Published in: Technology
1 Comment
1 Like
Statistics
Notes
  • Try the following book:

    http://www.amazon.com/Beginning-Web-Development-Smartphones-ebook/dp/B0042X9CHI/ref=sr_1_2?ie=UTF8&m=AH9CGK6QR37LL&s=digital-text&qid=1284780488&sr=8-2

    It explains how to develop web application for Smartphones using PHP, MySQL and jQTouch
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
3,651
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
36
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide

Build an i phone, android, or blackberry web app with jq touch and jquery

  1. 1. Build Mobile Web Apps with jQTouch and jQueryAntonio Chagoury<br />June 2010<br />1<br />
  2. 2. About Me <br />Principal & Software Architect, Inspector IT, Inc.<br />Microsoft MVP, Visual Basic<br />DotNetNuke Core Team Member and Project Lead, Blog and Install Utility<br />Co-Founder and President, Capital DotNetNuke User Group (CDUG) <br />Use DotNetNuke as the Development Platform of choice for large Web 2.0 and Enterprise Implementations<br />Blogs at www.cto20.com<br />2<br />
  3. 3. Announcement: Hackathon<br />Join developers around the world for the “Visual DotNetNuke” Hackathon<br />Learn how to build DotNetNuke modules with compelling user interfaces. Build your own module and win great prizes!<br />Broadcast live<br />Follow me on twitter for updates (@antoniochagoury)<br />See Flyer stuffed in your bags for info!<br />3<br />
  4. 4. Why jQTouch?<br />Who wants to learn Objective-C?<br />HTML 5 + JavaScript is cool! Plus, you may learn new tricks in the process<br />You can go offline with HTML 5<br />Deploy Apps without the AppStoreheadache<br />Want AppStore? Deploy with PhoneGap, AppCelerator Etc.<br />4<br />
  5. 5. Approach<br />Build a mobile web app for a movie rental website<br />ASP.NET MVC Website providing data via JSON<br />jQTouchFramework + jQuery<br />HTML 5 + CSS<br />Test Mobile App with MobiOne Test Center<br />5<br />
  6. 6. Buckle Up!<br />Installing jQTouch framework<br />Explore using jQTouch to build a mobile web app<br />Review how we are exposing json data from MVC<br />Build a mobile web app version of our movie app<br />Consume JSON with jQuery<br />Test App with MobiOne<br />6<br />
  7. 7. MVC Movies Website<br />Our Framework’s Architecture<br />7<br />Desktop Browser<br />Data<br />(Mock)<br />MobileHTML<br />Json<br />MobiOneTest Center<br />
  8. 8. Let’s Code <br />Enough PowerPoint!<br />8<br />
  9. 9. Resources<br />jQuery: www.jquery.com<br />jQTouch Framework: www.jqtouch.com<br />jQTouch Support and Docs: http://code.google.com/p/jqtouch/<br />MobiOne Emulator: http://www.genuitec.com/mobile/<br />Book: Building iPhone Apps with HTML, CSS and Javascript<br />My Blog: www.cto20.com<br />Follow my tweets: www.twitter.com/antoniochagoury<br />Email me: antonio@inspectorit.com<br />9<br />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×