Building Mobile Apps With jQuery For Any Device In The Cloud

3,768 views

Published on

Slides from hands-on tutorial on building mobile apps with jQuery Mobile in the cloud using http://gotiggr.com . We built a Twitter Search mobile app. Want to build the same app? Go to http://help.gotiggr.com.

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
3,768
On SlideShare
0
From Embeds
0
Number of Embeds
864
Actions
Shares
0
Downloads
33
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Building Mobile Apps With jQuery For Any Device In The Cloud

  1. 1. Building Mobile Apps WithjQuery For Any Device InThe CloudMax KatzExadel
  2. 2. Tiggr Mobile Apps Builder by ExadelSenior Systems EngineerJSF, RichFaces, Java EE consulting, andtrainingDeveloper Advocate for Tiggr MobileApps Builder: gotiggr.com
  3. 3. Tiggr Mobile Apps Builder by Exadel 4 Author of Lead-author ofPractical RichFaces Practical RichFaces, 2/e (Apress, 2008) (Apress, 2011)
  4. 4. Tiggr Mobile Apps Builder by Exadel
  5. 5. Tiggr Mobile Apps Builder by Exadel@maxkatzmkblog.exadel.com
  6. 6. Tiggr Mobile Apps Builder by Exadel By 2013 mobile devices will overtake PCs as the preferred way of accessing the InternetSource:http://www.mobilecommercedaily.com/why-a-mobile-strategy-for-retailers-matters-more-than-ever
  7. 7. Tiggr Mobile Apps Builder by Exadel The mobile apps market will be worth $25 billion by 2015Source:http://techcrunch.com/2011/01/18/report-mobile-app-market-will-be-worth-25-billion-by-2015-apples-share-20/
  8. 8. Tiggr Mobile Apps Builder by Exadel iOS: 425,000+ Android: 200,000+ BlackBerry: 30,000+ Windows Phone: 25,000+ WebOS: 7,000+Source:http://www.techding.com/2011/05/ios-app-store-now-has-500000-apps.htmlhttp://news.cnet.com/8301-13506_3-20076107-17/windows-phone-7-marketplace-now-has-25000-apps/
  9. 9. Tiggr Mobile Apps Builder by ExadelI guess we can all agree thatmobile [in all forms] is BIG
  10. 10. Tiggr Mobile Apps Builder by ExadelWe are going to build a mobileapp with jQuery Mobilecomponents and access TwitterREST API...
  11. 11. Tiggr Mobile Apps Builder by Exadel...we are going to use TiggrMobile Apps Builder to buildthe app
  12. 12. Tiggr Mobile Apps Builder by ExadelWith jQuery Mobile, we canbuild apps for any platform ordevice...
  13. 13. Tiggr Mobile Apps Builder by Exadel...and by adding PhoneGaplibrary, we can create anative appWrap the app with PhoneGapand get access to native APIs
  14. 14. Tiggr Mobile Apps Builder by ExadelJust a reminder: TiggrMobile Apps Builder is stillin beta.We want to hear youropinion and feedback!
  15. 15. Tiggr Mobile Apps Builder by ExadelOkey, here is how easy andfast it is to build an app inTiggr Mobile Apps BuilderJust 5 steps
  16. 16. Tiggr Mobile Apps Builder by Exadel1. Build the UI withjQuery Mobilecomponents
  17. 17. Tiggr Mobile Apps Builder by Exadel2. Define andconnect to datasources, then...
  18. 18. Tiggr Mobile Apps Builder by Exadel2(a) Map inputUI componentsto service inputs2(b) Mapservice output(result) to UIcomponents
  19. 19. Tiggr Mobile Apps Builder by Exadel3. Glue alltogether withevents andactions
  20. 20. Tiggr Mobile Apps Builder by Exadel3(a). DefineJavaScriptfunctions (ifneeded)
  21. 21. Tiggr Mobile Apps Builder by Exadel4. Test the appusing WebPreview inTiggr or...
  22. 22. Tiggr Mobile Apps Builder by Exadelor in the TiggrMobile Testerapp
  23. 23. Tiggr Mobile Apps Builder by Exadel5. Get the binary (or sourcecode) and install on yourmobile phone (Android fornow, iOS coming soon)
  24. 24. Tiggr Mobile Apps Builder by ExadelLets build something...
  25. 25. Tiggr Mobile Apps Builder by ExadelPlease do the following:1. Go to http://gotiggr.com2. Sign up for Tiggr MobileApps Builder account
  26. 26. Tiggr Mobile Apps Builder by ExadelWe built a Twitter Search app during the tutorial Want to build the same app?You can find the step-by-step tutorial at: http://help.gotiggr.com
  27. 27. Tiggr Mobile Apps Builder by ExadelRoad map● Themes ◦ jQuery Mobile themes ◦ Custom CSS● Data source test connection● Remote logging output viewer● JavaScript syntax checker (Lint)● More jQuery Mobile components
  28. 28. Tiggr Mobile Apps Builder by Exadel
  29. 29. Tiggr Mobile Apps Builder by Exadel
  30. 30. Tiggr Mobile Apps Builder by ExadelEmail: max@exadel.comTwitter: @maxkatzBlog: mkblog.exadel.comSupport: getsatisfaction.com/gotiggrTwitter: @gotiggrBlog: blog.gotiggr.comDocs: help.gotiggr.com

×