Category: android

Bay Area Mobile Meetup: Prototyping And Building Mobile Apps In The Cloud With Tiggr

On Thursday, January 5, 2012 I will be presenting at Bay Area Mobile:

Prototyping and building mobile apps in the cloud

When: Thursday, January 5, 2012, 6:30 PM
Where: Mountain View, CA

In this cool session you will learn how to build HTML5 and native apps using Tiggr. Tiggr is a cloud-based mobile apps builder that uses HTML5, jQuery Mobile, REST, and PhoneGap to build apps. A real mobile app will be prototyped and built during the session, which attendees will be able to run and test on their own devices.

To sign up and more info: http://www.meetup.com/BayAreaMobile/events/40927112/.

Two other speakers will be presenting as well. Sally Cox from Adobe will be showing Adobe Proto, and Jonathan Smiley from ZURB will be talking about: Why (and How) to Rapidly Prototype for Multiple Devices.

Mobile App with jQuery Mobile, HTML5, REST and PhoneGap: From an Idea to Android Market in 40 Minutes [Webinar recording]

The webinar shows how to build an RSS mobile app with jQuery Mobile, HTML5, REST, PhoneGap, export it and publish to Android Market, all under 40 minutes.

From Idea to Android Market in 40 Minutes: Mobile App With jQuery Mobile, HTML5, REST, and PhoneGap [Webinar]

When: November 16, Wednesday, 11am US Pacific Time
Register: https://www1.gotomeeting.com/register/466425672

One of the great things about Tiggr Mobile Apps Builder is its support for end-to-end development, going all the way from an idea in one person’s mind to an app running in thousands of phones. In this webinar, we’ll show you exactly how it’s done (and how easy it is) by walking you through a hands-on example. The focus will be on exporting options for apps. In this case, we’ll export an Android binary (.apk) and publish to the Android Market. Of course, we’ll quickly build an app first, so you can learn or refresh your memory about how to build the UI with jQuery Mobile, connect to REST services, and test the app.

Tiggr Mobile Apps Builder at AnDevCon II and Mountain View JavaScript Meetup

We just returned from app world conference in New York which was a great success. Next week we are heading to 2 more great events: AnDevCon conference and Mountain View JavaScript Meetup.

AnDevCon

Tiggr Mobile Apps Builder (Exadel) is going to be at AnDevCon II (The Android Developer Conference) in San Francisco Bay Area, November 6-9. Stop by our booth and learn how to build Android apps ready for the Android Market using cloud services, all in about 5 minutes. It’s really awesome, I promise.

Mountain View JavaScript Meetup Group

Building apps with Tiggr, A Cloud Service for Building Mobile Apps

Wednesday, November 9, 2011, 7:00 PM

In this cool session you will learn how to build HTML5 and native apps using Tiggr. Tiggr is a cloud-based mobile apps builder that uses HTML5, jQuery Mobile, REST, and PhoneGap to build apps. A real mobile app will be built during the session, which attendees will be able to run and test on their own devices.

Sign up to attend this Meetup.

A Cloud Service To Build HTML5 And Native Mobile Apps

This article originally appeared on TheServerSide.com: http://www.theserverside.com/opinion/A-cloud-service-to-build-mobile-apps.

I’m sure you’ve heard about platform-as-a-service (PaaS) or cloud-based services like Google Apps Engine, CloudBees, Heruko, Engine Yard, and Cloud Foundry. All are excellent platforms that ease the process of managing, maintaining, and administering the platform on which an application you develop runs. Most tend to be focused on the hosting and managing side of the finished application. But what about a cloud-based service that enables you to build an app, and specifically a mobile app? Well, such a service already exists. The cloud-based service is called Tiggr Mobile Apps Builder.

What is Tiggr?

Tiggr is a cloud-based mobile app builder. It enables you to build both mobile Web and native apps. To get a native app, Tiggr uses the PhoneGap library. The beauty in Tiggr Mobile Apps Builder is that there is nothing to download, nothing to install, and nothing to configure or set up. Creating a new mobile app in Tiggr takes relatively little time compared to traditional methods. Tiggr saves developers time when configuring projects with various libraries.

Building a Mobile UI with jQuery Mobile

Tiggr uses jQuery Mobile components – cross-platform and cross-device mobile components. As you can see from the screen shot, the mobile palette on the left holds all the components and you simply drag and drop them into the phone.

You can rearrange components or set properties. A powerful Grid component is available to simplify building apps with complex layouts. An app can have any number of screens, of course.

Adding HTML events and actions

In Tiggr, you build real mobile apps. To make it possible to build real mobile apps we need to be able to define HTML events such as click and value change and then add an action to be invoked for the event. The action can be navigating to another screen, opening a pop-up, setting a JavaScript variable, or invoking a custom JavaScript.
Continue reading

Learn How To Build Android Apps Using Cloud Service At AnDevCon II, Nov 6-9

Tiggr Mobile Apps Builder (Exadel) is going to be at AnDevCon II in San Francisco Bay Area, November 6-9. Stop by our booth and learn how to build Android apps ready for the Android Market using cloud services, all in about 5 minutes. It’s really awesome, I promise. To get a peek, watch this video:

Awesome Webinar: Building Mobile Apps In The Cloud, With jQuery Mobile and PhoneGap

Join us next Tuesday, October 11, 2011 at 11:00 AM Pacific Time and you will see how to build a real mobile app entirely in the cloud with jQuery Mobile, using Tiggr Mobile Apps Builder. In fact, as I build the app, you will be able to try it on your devices. Now that’s pretty cool! You will also see how easy it is to get native app using PhoneGap library.

Don’t wait, register for this cool webinar today.

Mobile Apps Builder – trial period is now 30 days!

Our Mobile Apps Builder had just 15-days trial period. We know it wasn’t enough. Starting today the trial period is now 30 days! You don’t need to give us your credit card, just sign up and try it. We are pretty sure you will love it, it’s super easy to build real mobile Web and native apps.

HTML5 Local Storage – Building a Sample App In Tiggr Mobile Apps Builder

HTML5′s local storage is undoubtedly one of the most interesting and most talked about features in the HTML5 technology stack. Local storage is part of Web Storage specification and is supported by all modern browsers (destkop and mobile). Although local storage (or Web Storage) sounds rather sophisticated, the functionality is very easy to use. You basically get a map as storage inside the browser (available to all browser windows). You can insert, delete or read key/value pairs. That’s it. Data stored in local storage (localStorage) will be there when you close and open the browser. There is also session storage (sessionStorage). As the name implies, it will be only available as long as the browser window is open, and will be cleared when browser window is closed.

The only other thing to know is that data saved by a page is only available for a pages from the same domain. In other words, a page loaded from abc.com, doesn’t have access to data saved by page from domain xyz.com.

We are going to going to build an app that looks like the screen shot below. In fact, you can try the app here (click the image, or scan the QR code). Try it on your mobile device as well.

To build the app, I used Tiggr Mobile Apps Builder. If you are wondering why Tiggr? Well, because it’s incredibly simple and fast to create a project and build app. If you don’t have an account yet, quickly sign up here.

First build the UI by dragging and dropping jQuery Mobile components from the palette on to the phone. At any point, you can click Test to try the app in browser, or mobile browser.

You can use Tiggr to build real mobile apps without writing any JavaScript. But, for more advanced cases (like ours), you can easily write any custom JavaScript. You can even import 3rd party JavaScript libraries. In our case, we are going to create a new JavaScript file (called asset) with the following content:

// save item
function save(item) {
  var size = localStorage.length + 1;
  localStorage.setItem('key' + size, item);
}
// get storage content
function storage(){
   var output='';
   for (i=0; i <= localStorage.length - 1; i++)  {  
      key = localStorage.key(i);  
      val = localStorage.getItem(key);  
      if (i == 0) {
         output = val;
      }
      else {
         output = output + '\n' +val;
      }
   }
   return output;
}
// clear storage
function clear () {
   localStorage.clear();
}

There are three functions, one for saving a new item (save()), one for getting the current storage (storage()) and one for clearing the content (clear()). Local storage API is very simple. For example, to save an item:

localStorage.setItem('key', 'item');

then, to get a value from storage:

localStorage.getItem('key');

This is how the complete file looks inside Tiggr’s JavaScript editor:

The last step is to invoke JavaScript when the buttons are clicked. We also want to load storage content when the screen is loaded for the first time. Let’s work on the buttons first. To invoke JavaScript on button click, we first add click HTML event to the button:

Then we add Run Custom JavaScript action by clicking the + button:

Click on the action to enter JavaScript code. The code for Save to Local Storage button looks like this:

var item =$('[dsid="input"]').val();
save(item);
var output='';
output = storage();
$('[dsid="storageContent"]').text(output);

We first find the input component using jQuery (it’s going to simpler to do that, once we introduce Tiggr JavaScript API, work in progress). Save the value from the input element, reload storage content so we can display it inside the textarea.

Clear Local Storage button looks like this:

clear();
$('[dsid="storageContent"]').text('');
alert('Local storage cleared.');

Lastly, we also add load event to the screen itself so that we can show storage content when the screen loads for the first time:

var output='';
output = storage();
$('[dsid="storageContent"]').text(output);

Try it yourself (it’s easy and fun!) and try the finished app here.