Building Mobile Apps With
jQuery For Any Device In
The Cloud

Max Katz
Exadel
Tiggr Mobile Apps Builder by Exadel




Senior Systems Engineer


JSF, RichFaces, Java EE consulting, and
training


Developer Advocate for Tiggr Mobile
Apps Builder: gotiggr.com
Tiggr Mobile Apps Builder by Exadel




                                                   4



    Author of             Lead-author of
Practical RichFaces   Practical RichFaces, 2/e
  (Apress, 2008)          (Apress, 2011)
Tiggr Mobile Apps Builder by Exadel
Tiggr Mobile Apps Builder by Exadel




@maxkatz



mkblog.exadel.com
Tiggr Mobile Apps Builder by Exadel




                  By 2013 mobile devices will
                      overtake PCs as the
                  preferred way of accessing
                         the Internet



Source:
http://www.mobilecommercedaily.com/why-a-mobile-strategy-for-retailers-matters-more-than-ever
Tiggr Mobile Apps Builder by Exadel




                 The mobile apps market will
                 be worth $25 billion by 2015




Source:
http://techcrunch.com/2011/01/18/report-mobile-app-market-will-be-worth-25-billion-by-2015-apples-share-20/
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.html
http://news.cnet.com/8301-13506_3-20076107-17/windows-phone-7-marketplace-now-has-25000-apps/
Tiggr Mobile Apps Builder by Exadel




I guess we can all agree that
mobile [in all forms] is BIG
Tiggr Mobile Apps Builder by Exadel




We are going to build a mobile
app with jQuery Mobile
components and access Twitter
REST API...
Tiggr Mobile Apps Builder by Exadel




...we are going to use Tiggr
Mobile Apps Builder to build
the app
Tiggr Mobile Apps Builder by Exadel




With jQuery Mobile, we can
build apps for any platform or
device...
Tiggr Mobile Apps Builder by Exadel




...and by adding PhoneGap
library, we can create a
native app



Wrap the app with PhoneGap
and get access to native APIs
Tiggr Mobile Apps Builder by Exadel




Just a reminder: Tiggr
Mobile Apps Builder is still
in beta.

We want to hear your
opinion and feedback!
Tiggr Mobile Apps Builder by Exadel




Okey, here is how easy and
fast it is to build an app in
Tiggr Mobile Apps Builder

Just 5 steps
Tiggr Mobile Apps Builder by Exadel




1. Build the UI with
jQuery Mobile
components
Tiggr Mobile Apps Builder by Exadel




2. Define and
connect to data
sources, then...
Tiggr Mobile Apps Builder by Exadel




2(a) Map input
UI components
to service inputs


2(b) Map
service output
(result) to UI
components
Tiggr Mobile Apps Builder by Exadel




3. Glue all
together with
events and
actions
Tiggr Mobile Apps Builder by Exadel




3(a). Define
JavaScript
functions (if
needed)
Tiggr Mobile Apps Builder by Exadel




4. Test the app
using Web
Preview in
Tiggr or...
Tiggr Mobile Apps Builder by Exadel




or in the Tiggr
Mobile Tester
app
Tiggr Mobile Apps Builder by Exadel




5. Get the binary (or source
code) and install on your
mobile phone (Android for
now, iOS coming soon)
Tiggr Mobile Apps Builder by Exadel




Let's build something...
Tiggr Mobile Apps Builder by Exadel




Please do the following:
1. Go to http://gotiggr.com
2. Sign up for Tiggr Mobile
Apps Builder account
Tiggr Mobile Apps Builder by Exadel




We 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
Tiggr Mobile Apps Builder by Exadel




Road map
● Themes

  ◦ jQuery Mobile themes
  ◦ Custom CSS
● Data source   test connection
● Remote logging    output viewer
● JavaScript   syntax checker (Lint)
● More   jQuery Mobile components
Tiggr Mobile Apps Builder by Exadel
Tiggr Mobile Apps Builder by Exadel
Tiggr Mobile Apps Builder by Exadel




Email:     max@exadel.com
Twitter:   @maxkatz
Blog:      mkblog.exadel.com


Support:   getsatisfaction.com/gotiggr
Twitter:   @gotiggr
Blog:      blog.gotiggr.com
Docs:      help.gotiggr.com

Building Mobile Apps With jQuery For Any Device In The Cloud

  • 1.
    Building Mobile AppsWith jQuery For Any Device In The Cloud Max Katz Exadel
  • 2.
    Tiggr Mobile AppsBuilder by Exadel Senior Systems Engineer JSF, RichFaces, Java EE consulting, and training Developer Advocate for Tiggr Mobile Apps Builder: gotiggr.com
  • 3.
    Tiggr Mobile AppsBuilder by Exadel 4 Author of Lead-author of Practical RichFaces Practical RichFaces, 2/e (Apress, 2008) (Apress, 2011)
  • 4.
    Tiggr Mobile AppsBuilder by Exadel
  • 5.
    Tiggr Mobile AppsBuilder by Exadel @maxkatz mkblog.exadel.com
  • 6.
    Tiggr Mobile AppsBuilder by Exadel By 2013 mobile devices will overtake PCs as the preferred way of accessing the Internet Source: http://www.mobilecommercedaily.com/why-a-mobile-strategy-for-retailers-matters-more-than-ever
  • 7.
    Tiggr Mobile AppsBuilder by Exadel The mobile apps market will be worth $25 billion by 2015 Source: http://techcrunch.com/2011/01/18/report-mobile-app-market-will-be-worth-25-billion-by-2015-apples-share-20/
  • 8.
    Tiggr Mobile AppsBuilder 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.html http://news.cnet.com/8301-13506_3-20076107-17/windows-phone-7-marketplace-now-has-25000-apps/
  • 9.
    Tiggr Mobile AppsBuilder by Exadel I guess we can all agree that mobile [in all forms] is BIG
  • 10.
    Tiggr Mobile AppsBuilder by Exadel We are going to build a mobile app with jQuery Mobile components and access Twitter REST API...
  • 11.
    Tiggr Mobile AppsBuilder by Exadel ...we are going to use Tiggr Mobile Apps Builder to build the app
  • 12.
    Tiggr Mobile AppsBuilder by Exadel With jQuery Mobile, we can build apps for any platform or device...
  • 13.
    Tiggr Mobile AppsBuilder by Exadel ...and by adding PhoneGap library, we can create a native app Wrap the app with PhoneGap and get access to native APIs
  • 14.
    Tiggr Mobile AppsBuilder by Exadel Just a reminder: Tiggr Mobile Apps Builder is still in beta. We want to hear your opinion and feedback!
  • 15.
    Tiggr Mobile AppsBuilder by Exadel Okey, here is how easy and fast it is to build an app in Tiggr Mobile Apps Builder Just 5 steps
  • 16.
    Tiggr Mobile AppsBuilder by Exadel 1. Build the UI with jQuery Mobile components
  • 17.
    Tiggr Mobile AppsBuilder by Exadel 2. Define and connect to data sources, then...
  • 18.
    Tiggr Mobile AppsBuilder by Exadel 2(a) Map input UI components to service inputs 2(b) Map service output (result) to UI components
  • 19.
    Tiggr Mobile AppsBuilder by Exadel 3. Glue all together with events and actions
  • 20.
    Tiggr Mobile AppsBuilder by Exadel 3(a). Define JavaScript functions (if needed)
  • 21.
    Tiggr Mobile AppsBuilder by Exadel 4. Test the app using Web Preview in Tiggr or...
  • 22.
    Tiggr Mobile AppsBuilder by Exadel or in the Tiggr Mobile Tester app
  • 23.
    Tiggr Mobile AppsBuilder by Exadel 5. Get the binary (or source code) and install on your mobile phone (Android for now, iOS coming soon)
  • 24.
    Tiggr Mobile AppsBuilder by Exadel Let's build something...
  • 25.
    Tiggr Mobile AppsBuilder by Exadel Please do the following: 1. Go to http://gotiggr.com 2. Sign up for Tiggr Mobile Apps Builder account
  • 26.
    Tiggr Mobile AppsBuilder by Exadel We 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.
    Tiggr Mobile AppsBuilder by Exadel Road map ● Themes ◦ jQuery Mobile themes ◦ Custom CSS ● Data source test connection ● Remote logging output viewer ● JavaScript syntax checker (Lint) ● More jQuery Mobile components
  • 28.
    Tiggr Mobile AppsBuilder by Exadel
  • 29.
    Tiggr Mobile AppsBuilder by Exadel
  • 30.
    Tiggr Mobile AppsBuilder by Exadel Email: max@exadel.com Twitter: @maxkatz Blog: mkblog.exadel.com Support: getsatisfaction.com/gotiggr Twitter: @gotiggr Blog: blog.gotiggr.com Docs: help.gotiggr.com