Upload
max-katz
View
3.869
Download
4
Embed Size (px)
DESCRIPTION
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.
Citation preview
Building Mobile Apps With jQuery For Any Device In The Cloud
Max KatzExadel
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
Author of Practical RichFaces
(Apress, 2008)
4
Lead-author of Practical RichFaces, 2/e
(Apress, 2011)
Tiggr Mobile Apps Builder by Exadel
Tiggr Mobile Apps Builder by Exadel
mkblog.exadel.com
@maxkatz
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: Android: BlackBerry: Windows Phone: WebOS:
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/
425,000+200,000+30,000+25,000+7,000+
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: [email protected]: @maxkatzBlog: mkblog.exadel.com
Support: getsatisfaction.com/gotiggr
Twitter: @gotiggr
Blog: blog.gotiggr.com
Docs: help.gotiggr.com