Comments
yourfanat wrote: I am using another tool for Oracle developers - dbForge Studio for Oracle. This IDE has lots of usefull features, among them: oracle designer, code competion and formatter, query builder, debugger, profiler, erxport/import, reports and many others. The latest version supports Oracle 12C. More information here.
Cloud Expo on Google News
SYS-CON.TV
Cloud Expo & Virtualization 2009 East
PLATINUM SPONSORS:
IBM
Smarter Business Solutions Through Dynamic Infrastructure
IBM
Smarter Insights: How the CIO Becomes a Hero Again
Microsoft
Windows Azure
GOLD SPONSORS:
Appsense
Why VDI?
CA
Maximizing the Business Value of Virtualization in Enterprise and Cloud Computing Environments
ExactTarget
Messaging in the Cloud - Email, SMS and Voice
Freedom OSS
Stairway to the Cloud
Sun
Sun's Incubation Platform: Helping Startups Serve the Enterprise
POWER PANELS:
Cloud Computing & Enterprise IT: Cost & Operational Benefits
How and Why is a Flexible IT Infrastructure the Key To the Future?
Click For 2008 West
Event Webcasts
Building jQuery Mobile Apps with FullContact API
Getting FullContact API Key

I attended GlueCon Hackathon in May and met Robbie Jack, Developer Evengalist from FullContact. FullContact was one of the hackathon sponsors. Once the vendor presentations were done and attendees presented their app ideas, we started chatting and Robbie told me about FullContact API. On a very high level, you give FullContact an email address (or another piece of information) and it gives you back a lot of rich social information about this user such as name, gender, location, social media profiles, photos and much much more. As we were chatting, I said, let me build an app in Tiggzi app builder that uses FullContact API. Well, Robbie was quite impressed. I built this app in front of him in about 20 minutes.

Getting FullContact API Key
As with most API’s, the first step is to sign up, register an app and get an API key. FullContact is no different, the sign up process is very simple. I signed up for the Free plan and had my API key in a few minutes.

 

 

FullContact plans

 

 

Click to sign up.

Next you create an app (mine is called Tiggzi) and you will get an API key:

 

 

FullContact app and API key

 

 

That’s it and pretty simple.

The API that we are going to use is right here and looks like this:

https://api.fullcontact.com/v2/person.json?email=name@host.com&apiKey=xxxx

 

For input, we are going to provide person’s email address.

Now let’s go to Tiggzi build the app that uses FullContact API.

Building a mobile app in Tiggzi

I first built the UI with jQuery Mobile components, then defined a FullContact REST service, and then mapped the service to UI. If you never tried Tiggzi before, sign up for the Free plan.

Building the UI with jQuery Mobile

I started with building the UI with jQuery Mobile components:

 

 

UI in Tiggzi app builder

 

 

  • There is an input field at the top to enter person’s email
  • Get It button will invoke a service that calls FullContact API
  • The rest is for displaying the result we get from FullContact
    • Name and person’s location are displayed
    • Photos collapsible block displays photos and name of the social network from which the photo was taken
    • Social Profiles collapsible block displays names and links to social media sites

This is how it looks when running the app. Bart Lorang is FullContact’s CEO.

 

 

Resulting app

 

 

Gelato/Orange mobile theme is used.

Defining FullContact REST API service

Next I defined a service that connects to FullContact API. The service that I used is this:

https://api.fullcontact.com/v2/person.json?email=name@host.com&apiKey=xxxx

 

I already got the API key and email will entered from the page. This shows defining the service URL:

 

 

Defining REST service

 

 

Next I defined request parameters:

 

 

Defining request parameters

 

 

Next I had to define service’s JSON response structure. Tiggzi app builder comes with a very nice features that allows creating the JSON structure automatically. When we test the service to make sure it returns valid JSON, there is an option to define the service’s response structure by clicking Populate Response Structure button:

 

 

Automatically created JSON response structure

 

 

Then switching to Response Paramaters panel, you can see the generated JSON response structure:

This feature makes it very easy to try any REST API very quickly.

Mapping UI to service

Once the service is defined, it’s time to add it to the page and the map it.

Service added to the page:

 

 

Service added to the page

 

 

 

Mapping UI to service:

 

 

Mapping UI to service

 

 

 

Then mapping service to UI for displaying the result:

 

 

Mapping service to UI

 

 

Once I was done with the mappings, the very last thing to do was to invoke the service on button click:

 

 

Invoking the service on button click

 

 

Once you are done with the app, you can export it as mobile web, Android, iOS, or Windows Phone:

 

 

Exporting the app

 

 

Here is again how the resulting app looks when running in browser:

 

 

Resulting app

 

 

It’s incredibly simple to build this app, you can build it under 30 minutes. Sign up for FullContact, Tiggzi app builder and have fun!

Read the original blog entry...

About Max Katz
Max Katz heads Developer Relations for Appery.io, a cloud-based mobile app platform. He loves trying out new and cool REST APIs in mobile apps. Max is the author of two books “Practical RichFaces” (Apress 2008, 2011), DZone MVB (Most Valuable Blogger), and is a frequent speaker at developer conferences. You can find out what Max is up to on his blog: http://maxkatz.org and Twitter: @maxkatz.

Latest Cloud Developer Stories
CloudEXPO | DevOpsSUMMIT | DXWorldEXPO Silicon Valley 2019 will cover all of these tools, with the most comprehensive program and with 222 rockstar speakers throughout our industry presenting 22 Keynotes and General Sessions, 250 Breakout Sessions along 10 Tracks, as well as our ...
SUSE is a German-based, multinational, open-source software company that develops and sells Linux products to business customers. Founded in 1992, it was the first company to market Linux for the enterprise. Founded in 1992, SUSE is the world’s first provider of an Enterprise Lin...
Digital Transformation (DX) is a major focus with the introduction of DXWorldEXPO within the program. Successful transformation requires a laser focus on being data-driven and on using all the tools available that enable transformation if they plan to survive over the long term. ...
In his keynote at 19th Cloud Expo, Sheng Liang, co-founder and CEO of Rancher Labs, discussed the technological advances and new business opportunities created by the rapid adoption of containers. With the success of Amazon Web Services (AWS) and various open source technologies ...
Only Adobe gives everyone - from emerging artists to global brands - everything they need to design and deliver exceptional digital experiences. Adobe Systems Incorporated develops, markets, and supports computer software products and technologies. The Company's products allow...
Subscribe to the World's Most Powerful Newsletters
Subscribe to Our Rss Feeds & Get Your SYS-CON News Live!
Click to Add our RSS Feeds to the Service of Your Choice:
Google Reader or Homepage Add to My Yahoo! Subscribe with Bloglines Subscribe in NewsGator Online
myFeedster Add to My AOL Subscribe in Rojo Add 'Hugg' to Newsburst from CNET News.com Kinja Digest View Additional SYS-CON Feeds
Publish Your Article! Please send it to editorial(at)sys-con.com!

Advertise on this site! Contact advertising(at)sys-con.com! 201 802-3021



SYS-CON Featured Whitepapers
Most Read This Week
ADS BY GOOGLE