Building Mobile Apps With jQuery For Any Device In The Cloud
-
Upload
max-katz -
Category
Technology
-
view
3.867 -
download
4
description
Transcript of Building Mobile Apps With jQuery For Any Device In The Cloud
![Page 1: Building Mobile Apps With jQuery For Any Device In The Cloud](https://reader033.fdocuments.us/reader033/viewer/2022051609/547ccf61b4af9fc9158b5230/html5/thumbnails/1.jpg)
Building Mobile Apps With jQuery For Any Device In The Cloud
Max KatzExadel
![Page 2: Building Mobile Apps With jQuery For Any Device In The Cloud](https://reader033.fdocuments.us/reader033/viewer/2022051609/547ccf61b4af9fc9158b5230/html5/thumbnails/2.jpg)
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
![Page 3: Building Mobile Apps With jQuery For Any Device In The Cloud](https://reader033.fdocuments.us/reader033/viewer/2022051609/547ccf61b4af9fc9158b5230/html5/thumbnails/3.jpg)
Tiggr Mobile Apps Builder by Exadel
Author of Practical RichFaces
(Apress, 2008)
4
Lead-author of Practical RichFaces, 2/e
(Apress, 2011)
![Page 4: Building Mobile Apps With jQuery For Any Device In The Cloud](https://reader033.fdocuments.us/reader033/viewer/2022051609/547ccf61b4af9fc9158b5230/html5/thumbnails/4.jpg)
Tiggr Mobile Apps Builder by Exadel
![Page 5: Building Mobile Apps With jQuery For Any Device In The Cloud](https://reader033.fdocuments.us/reader033/viewer/2022051609/547ccf61b4af9fc9158b5230/html5/thumbnails/5.jpg)
Tiggr Mobile Apps Builder by Exadel
mkblog.exadel.com
@maxkatz
![Page 6: Building Mobile Apps With jQuery For Any Device In The Cloud](https://reader033.fdocuments.us/reader033/viewer/2022051609/547ccf61b4af9fc9158b5230/html5/thumbnails/6.jpg)
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
![Page 7: Building Mobile Apps With jQuery For Any Device In The Cloud](https://reader033.fdocuments.us/reader033/viewer/2022051609/547ccf61b4af9fc9158b5230/html5/thumbnails/7.jpg)
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/
![Page 8: Building Mobile Apps With jQuery For Any Device In The Cloud](https://reader033.fdocuments.us/reader033/viewer/2022051609/547ccf61b4af9fc9158b5230/html5/thumbnails/8.jpg)
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+
![Page 9: Building Mobile Apps With jQuery For Any Device In The Cloud](https://reader033.fdocuments.us/reader033/viewer/2022051609/547ccf61b4af9fc9158b5230/html5/thumbnails/9.jpg)
Tiggr Mobile Apps Builder by Exadel
I guess we can all agree that mobile [in all forms] is BIG
![Page 10: Building Mobile Apps With jQuery For Any Device In The Cloud](https://reader033.fdocuments.us/reader033/viewer/2022051609/547ccf61b4af9fc9158b5230/html5/thumbnails/10.jpg)
Tiggr Mobile Apps Builder by Exadel
We are going to build a mobile app with jQuery Mobile components and access Twitter REST API...
![Page 11: Building Mobile Apps With jQuery For Any Device In The Cloud](https://reader033.fdocuments.us/reader033/viewer/2022051609/547ccf61b4af9fc9158b5230/html5/thumbnails/11.jpg)
Tiggr Mobile Apps Builder by Exadel
...we are going to use Tiggr Mobile Apps Builder to build the app
![Page 12: Building Mobile Apps With jQuery For Any Device In The Cloud](https://reader033.fdocuments.us/reader033/viewer/2022051609/547ccf61b4af9fc9158b5230/html5/thumbnails/12.jpg)
Tiggr Mobile Apps Builder by Exadel
With jQuery Mobile, we can build apps for any platform or device...
![Page 13: Building Mobile Apps With jQuery For Any Device In The Cloud](https://reader033.fdocuments.us/reader033/viewer/2022051609/547ccf61b4af9fc9158b5230/html5/thumbnails/13.jpg)
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
![Page 14: Building Mobile Apps With jQuery For Any Device In The Cloud](https://reader033.fdocuments.us/reader033/viewer/2022051609/547ccf61b4af9fc9158b5230/html5/thumbnails/14.jpg)
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!
![Page 15: Building Mobile Apps With jQuery For Any Device In The Cloud](https://reader033.fdocuments.us/reader033/viewer/2022051609/547ccf61b4af9fc9158b5230/html5/thumbnails/15.jpg)
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
![Page 16: Building Mobile Apps With jQuery For Any Device In The Cloud](https://reader033.fdocuments.us/reader033/viewer/2022051609/547ccf61b4af9fc9158b5230/html5/thumbnails/16.jpg)
Tiggr Mobile Apps Builder by Exadel
1. Build the UI with jQuery Mobile components
![Page 17: Building Mobile Apps With jQuery For Any Device In The Cloud](https://reader033.fdocuments.us/reader033/viewer/2022051609/547ccf61b4af9fc9158b5230/html5/thumbnails/17.jpg)
Tiggr Mobile Apps Builder by Exadel
2. Define and connect to data sources, then...
![Page 18: Building Mobile Apps With jQuery For Any Device In The Cloud](https://reader033.fdocuments.us/reader033/viewer/2022051609/547ccf61b4af9fc9158b5230/html5/thumbnails/18.jpg)
Tiggr Mobile Apps Builder by Exadel
2(a) Map input UI components to service inputs
2(b) Map service output (result) to UI components
![Page 19: Building Mobile Apps With jQuery For Any Device In The Cloud](https://reader033.fdocuments.us/reader033/viewer/2022051609/547ccf61b4af9fc9158b5230/html5/thumbnails/19.jpg)
Tiggr Mobile Apps Builder by Exadel
3. Glue all together with events and actions
![Page 20: Building Mobile Apps With jQuery For Any Device In The Cloud](https://reader033.fdocuments.us/reader033/viewer/2022051609/547ccf61b4af9fc9158b5230/html5/thumbnails/20.jpg)
Tiggr Mobile Apps Builder by Exadel
3(a). Define JavaScript functions (if needed)
![Page 21: Building Mobile Apps With jQuery For Any Device In The Cloud](https://reader033.fdocuments.us/reader033/viewer/2022051609/547ccf61b4af9fc9158b5230/html5/thumbnails/21.jpg)
Tiggr Mobile Apps Builder by Exadel
4. Test the app using Web Preview in Tiggr or...
![Page 22: Building Mobile Apps With jQuery For Any Device In The Cloud](https://reader033.fdocuments.us/reader033/viewer/2022051609/547ccf61b4af9fc9158b5230/html5/thumbnails/22.jpg)
Tiggr Mobile Apps Builder by Exadel
or in the Tiggr Mobile Tester app
![Page 23: Building Mobile Apps With jQuery For Any Device In The Cloud](https://reader033.fdocuments.us/reader033/viewer/2022051609/547ccf61b4af9fc9158b5230/html5/thumbnails/23.jpg)
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)
![Page 24: Building Mobile Apps With jQuery For Any Device In The Cloud](https://reader033.fdocuments.us/reader033/viewer/2022051609/547ccf61b4af9fc9158b5230/html5/thumbnails/24.jpg)
Tiggr Mobile Apps Builder by Exadel
Let's build something...
![Page 25: Building Mobile Apps With jQuery For Any Device In The Cloud](https://reader033.fdocuments.us/reader033/viewer/2022051609/547ccf61b4af9fc9158b5230/html5/thumbnails/25.jpg)
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
![Page 26: Building Mobile Apps With jQuery For Any Device In The Cloud](https://reader033.fdocuments.us/reader033/viewer/2022051609/547ccf61b4af9fc9158b5230/html5/thumbnails/26.jpg)
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
![Page 27: Building Mobile Apps With jQuery For Any Device In The Cloud](https://reader033.fdocuments.us/reader033/viewer/2022051609/547ccf61b4af9fc9158b5230/html5/thumbnails/27.jpg)
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
![Page 28: Building Mobile Apps With jQuery For Any Device In The Cloud](https://reader033.fdocuments.us/reader033/viewer/2022051609/547ccf61b4af9fc9158b5230/html5/thumbnails/28.jpg)
Tiggr Mobile Apps Builder by Exadel
![Page 29: Building Mobile Apps With jQuery For Any Device In The Cloud](https://reader033.fdocuments.us/reader033/viewer/2022051609/547ccf61b4af9fc9158b5230/html5/thumbnails/29.jpg)
Tiggr Mobile Apps Builder by Exadel
![Page 30: Building Mobile Apps With jQuery For Any Device In The Cloud](https://reader033.fdocuments.us/reader033/viewer/2022051609/547ccf61b4af9fc9158b5230/html5/thumbnails/30.jpg)
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