Building Mobile Apps With jQuery For Any Device In The Cloud

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: max@exadel.comTwitter: @maxkatzBlog: mkblog.exadel.com

Support: getsatisfaction.com/gotiggr

Twitter: @gotiggr

Blog: blog.gotiggr.com

Docs: help.gotiggr.com