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.

1. Building Mobile Apps With
jQuery For Any Device In
The Cloud
Max Katz
Exadel

2. 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

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

4. Tiggr Mobile Apps Builder by Exadel

5. Tiggr Mobile Apps Builder by Exadel
@maxkatz
mkblog.exadel.com

6. 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

7. 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/

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.html
http://news.cnet.com/8301-13506_3-20076107-17/windows-phone-7-marketplace-now-has-25000-apps/

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

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

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

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

13. 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

14. 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!

15. 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

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

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

18. Tiggr Mobile Apps Builder by Exadel
2(a) Map input
UI components
to service inputs
2(b) Map
service output
(result) to UI
components

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

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

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

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

23. 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)

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

25. 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

26. 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

27. 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

28. Tiggr Mobile Apps Builder by Exadel

29. Tiggr Mobile Apps Builder by Exadel

30. 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