Quickly Build HTML5 and PhoneGap Mobile Apps

Webinars: Monthly Intro to Tiggzi Webinars

Posted: March 25th, 2013 | Author: | Filed under: Events, Webinar | Tags: , | No Comments »

We will now host an introductory webinar for Tiggzi every first Wednesday of the month. There will still be additional in-depth webinars, but we wanted to make sure there would always be a beginner’s webinar “around the corner” at all times. Here’s the next one:

Wednesday, April 3, 2013 11:00 AM - 12:00 PM PST
Register

Check on our company calendar or our plancast stream for upcoming webinars.


New Tiggzi and PhoneGap Video

Posted: March 4th, 2013 | Author: | Filed under: Tutorials, Video | Tags: , , | No Comments »

The last piece is in for the Tiggzi self-training course of videos. We’ve now added:

Lesson 5: Tiggzi & PhoneGap Capabilities

In the video, we show how to take advantage of the PhoneGap API with ready-to-use “device services” and data mapping in the Tiggzi app builder. For this lesson, we build a simple contacts app and go through the steps of testing it in an Android emulator.

Here is the complete set of lessons from the video page on our help site:

  • Lesson 1: The UI Builder
  • Lesson 2: Data Mapping to a Service
  • Lesson 3: Using the Tiggzi Database Service
  • Lesson 4: Web Service Caching
  • Lesson 5: Tiggzi & PhoneGap Capabilities
  • Lesson 6: A Windows 8 App with the Twitter API

Each lesson links to a YouTube video. For each lesson there is also a link to a Tiggzi backup ZIP of the finished lesson app, which you can open as a new project within Tiggzi.

We’ll be updating the series soon, so chime in with any suggestions


Tiggzi Self-training Video Course

Posted: February 5th, 2013 | Author: | Filed under: Tutorials, Video | 13 Comments »

We’ve started a Tiggzi self-training course of videos. These lessons are linkable now from our video page on our help site:

  • Lesson 1: The UI Builder
  • Lesson 2: Data Mapping to a Service
  • Lesson 3: Using the Tiggzi Database Service
  • Lesson 4: Web Service Caching

Each lesson links to a YouTube video. For each lesson there is also a link to a Tiggzi backup ZIP of the finished lesson app, which you can open as a new project within Tiggzi.

What’s next?

  • Lesson 5: Advanced PhoneGap API with Tiggzi

Stay tuned!

 


Webinar: Tiggzi Platform Built-in Back-end Services

Posted: January 29th, 2013 | Author: | Filed under: Events, Webinar | Tags: , | 7 Comments »

UPDATE: The date for the webinar has been changed to:

Wednesday, February 20, 2013 11:00 AM - 12:00 PM PST

Tiggzi isn’t just a mobile app builder. As a mobile app platform, it also provides a growing list of back-end services (like a database service) for seamless integration into the apps. Join Max Katz, Tiggzi developer evangelist, for this hands-on demo and overview of the currently available back-end services and the road map for the future. There will be plenty of time set aside at the end for Q&A.

Thursday, February 7, 2013 11:00 AM - 12:00 PM PST
Register


New Features: Source View, jQuery Mobile Themes with ThemeRoller, Android Permissions, New Components, and Pointer/Array Data Types in Database

Posted: January 24th, 2013 | Author: | Filed under: Features, New release | Tags: , | 1 Comment »

We just added some really cool features to Tiggzi Platform. Check them out!

New Source view

As we continue to make Tiggzi Platform enterprise-level, just just added a Source view where you can see and open the actual files behind your app. Right now the files are opened as read-only but we are working on allowing you to modify them as well.

jQuery Mobile themes

We got all our custom themes back and you can also create new themes using the jQuery Mobile ThemeRoller tool. Simply create your theme in the tool, download and then upload to Tiggzi. It’s that simple.

jQuery Mobile ThemeRoller site:

Once you create a new theme, select Create New > Theme and upload the theme you created.

Android permissions

You have been asking for this feature and now it’s here. Customize the permissions for your app before building a binary.

Binary build errors log

You no longer need to email support to find out why the binary build failed. You can now view the error and try to fix it:

New UI components

We added two new jQuery Mobile components, Grouped Buttons and Collapsible Set:

Pointer and Array types in database

On the Backend Services side, we added two new data types to the database: Array and Pointer:

New tutorials and getting help

Don’t forget to check our new tutorials and as always, if you have any questions let us know via email, forum or @tiggziapps.

 


New AT&T OAuth API Plug-in To Make it Easy to Build Apps with AT&T API

Posted: January 14th, 2013 | Author: | Filed under: API, Plugin | Tags: , | No Comments »

To make it easy to build apps with AT&T API, we just added the AT&T OAuth API Plug-in. The plug-in sets up the OAuth 2 authentication by returning an access token which then can be used to invoke any other AT&T API.

To import the plug-in, select Create New > From Plug-in > ATT OAuth API:

Selection_926

Once the plug-in is imported, open ATT_Settings file:

Selection_927

and set the client_it, client_secret, and scope. The client_id, and client_secret will be available once you register an app at http://developer.att.com. The scope value depends on the API you are going to use. For example, if you the Location API, it will be TL. Refer to docs for the correct scope for each API.

Here is an example of a registered app with three scopes (in red):

Selection_928

One more thing that needs to be set is the OAuth 2 redirect (or callback URL) in app settings

Selection_929

For the callback URL to work correctly, also do the following in the Test window (upper right):

  1. Uncheck Open in mobile frame
  2. Make the app pulbic

When running the app and you are not signed in into AT&T, you will see this page:

Selection_931

when signed in, you will see the access token:

Selection_930

The access token is also stored into local storage so you can use it to invoke other AT&T APIs.


Send Mesages with New AT&T In App Messaging API Plug-in

Posted: January 14th, 2013 | Author: | Filed under: API, Plugin | Tags: , | No Comments »

Learn how to add and send in app messages from your number with new AT&T In App Messaging API Plug-in.


Webinar: Building Windows 8 Apps with Tiggzi Platform

Posted: January 10th, 2013 | Author: | Filed under: Events, Windows 8 | Tags: , | 4 Comments »

Join Max Katz, Tiggzi developer evangelist, for this quick review of how to build a Windows 8 app using the Tiggzi app builder. Then, in an expanded Q&A session, Max will hold “office hours” to answer any questions you might have about Tiggzi.

When: Thursday, January 17, 2013 11:00 AM - 12:00 PM PST
Register: https://www1.gotomeeting.com/register/214517057


Get Access to the Entire Best Buy product catalog with New Tiggzi Plug-in and Sample App

Posted: January 4th, 2013 | Author: | Filed under: API, Plugin | Tags: , | No Comments »

Best Buy Products API and Sample App plug-in provides a simple, REST-based interface for entire product catalog - past and present. This includes pricing, availability, specifications, descriptions, and images for over a million current and historical products.

Adding the plug-in to your app

To add the Best Buy Products API and Sample App plug-in, from Tiggzi builder, select Create New > From Plug-in. Open Shopping, then select Best Buy Product API:

Selection_871

Click Import selected plug-ins. The plug-in will be imported and you will see all its files in the Project view:

Selection_872

Before you run the app, we need to enter the Best Buy API key. Open Services/BestBuy_Settings file and enter your API key:

Selection_873

If you don’t have an API key, get it from Best Buy.

Running the sample app

You can now launch the app by clicking the Test button (in the upper right corner). If a blank page opens up, go to Project/App settings and set the Start Page to BestBuy_StartScreen.

The starting page of app contains the main menu bar at the bottom of the page and the navigation elements to the catalog of products as shown below:

Selection_874

The plug-in allows you to access the categories list to make the search of products easier. Each category contains search attributes for each product type (only music search is supported in current version). Here is an example performing search via Product Categories:

Click on the Products button on the Home page. The list of categories is displayed on the Products page:

Selection_875

Click on the Music button. The search attributes for music products are displayed on the page:

  • Album label (text field)
  • Album title (text field)
  • Artist name (text field)

Genre (drop-down) contains four options:

  • Jazz
  • Pop
  • Rock
  • All genres

Parental Advisory (check box)

All the attributes are optional.

Enter any search criteria (e.g. Artist name: Queens Of The Stone Age) and click on the Search button:

Selection_876

The results are displayed on the Catalog page. This page also contains the Keyword filter field and the sorting radio-buttons. By default the results are sorted by Name in ascending order:

Selection_877

To filter your results use the Keyword field. Type in the Keyword field ‘Vulgaris’ and click on the Go button. To erase the field use the Cancel button as shown below:

Selection_878

Click on the Era Vulgaris item to get the product details. The page renders the image preview to the item and the available attributes as shown below:

Selection_879

Click on the Back button in the upper left corner to navigate back through all the described steps.

You can use the Main Menu bar to navigate quickly to the Home Page or/and the Products page.

On the Home page, click on the Search Products button. This performs the defaults search without any search attributes. When invoked – all the available item are displayed in the list. If no required items found – ‘No results found’ message renders.

REST API services used in the plug-in

Now that we’ve seen how this sample app works, let’s dig deeper to see how the Best Buy Products API is exposed in Tiggzi platform.

The following REST services are used for getting information from Best Buy Products API:

BestBuy_GetProductsService service is used for getting the list of required products. REST service Settings display the URL, and other settings:

Selection_880

The {searchQuery} will be set when the app is running, based on user input.

Request tab shows the request parameters defined in the service:

Selection_881

Response parameters are automatically created after doing a service test (in Test tab):

Selection_882

 

Response parameter:

Selection_883

All other services are set in the same way.

Once a service is added to the page, it is then mapped to the page (request and response):

Selection_884

 

 


Search, Review, and Compare Prices with Aetna GoodRx API and Sample App Tiggzi Plug-in

Posted: January 2nd, 2013 | Author: | Filed under: API, Plugin | Tags: , | No Comments »

How the plug-in works

Selection_848Aetna GoodRx API and Sample App plug-in can be instantly added to any new or existing app and allows a user to search, navigate, and compare prices for drugs. Aetna GoodRx is offering RESTful services that help to find the lowest retail cash price as offered by a national chain pharmacy for a given pharmaceutical. In addition, user will receive a URL for each result that will navigate to the page in the GoodRx mobile web experience that will display the pharmacy that is offering that price, and even find the closest branch to on their current location.

The ready-to-run app makes it super easy to start using the API. To add Aetna GoodRx plug-in:

  1. From Tiggzi builder, select Create New -> From Plug-in
  2. Open Healthcare, then select Aetna GoodRx API and Sample App

Selection_835

Using GoodRx API requires an API key which you can get from http://developer.carepass.com. To enter the API key, open Services/Aetna_GoodRx_Settings file:

Selection_836

Once the API key is set, click on the Test button (upper right corner) to launch the app in the browser. The first page looks like this:

Selection_837

Clicking on Low Price Search link, will show the following page:

Selection_839

The Low Price Search page contains the search attributes for drugs as follows:

  • Drug Name (open text field, required)
    • For example: lipitor
  • Select form of drug (drop-down, optional).
    • Possible value:
      • Tablet
      • Capsule
      • Injectable
      • Liquid
  • Dosage in mg (optional, requires digits)
    • For example: 10
  • Quantity (optional, requires digits)
    • For example: 30
  • Manufacturer Type (drop-down, optional)
    • Possible values:
      • Brand
      • Generic
  • National Drug Code Directory identifier (open text field, optional)

To test the app, enter the following values shown below:

Selection_840

Clicking Search (at the bottom of the page), will result in the following page:

Selection_841

The page shows information about the drug as well as information (scroll down) where it can be purchased.

Inside the plug-in

Now that we’ve seen how this sample app works, let’s dig deeper to see how the GoodRx API is exposed on the Tiggzi platform.

The following REST services are used for getting information from GoodRx API.

Aetna_GoodRx_LowPrice service

Aetna_GoodRx_LowPrice is used for getting the list of the lower prices of the requested drugs. The URL and the main settings of the service as shown below:

Selection_842

The request parameters are displayed under the Request tab:

Selection_843

 

To generate the response parameters navigate to the Test tab, enter the name of the drug and click on the Test button, and then click on the Automatically Create Service Response button as shown on the screen below:

Selection_844

All the created response parameters are displayed under the Response tab:

 

Selection_845

Aetna_GoodRx_Compare service

Aetna_GoodRx_Compare is used for getting the list of the lower prices of the requested drugs and available stores. The URL and the main settings of the service as shown below:

Selection_846

Aetna_GoodRx_Settings service

This service holds the API key. You will notice that both services use this service in Settings:

Selection_847