AIR & API

AIR & API

Developing Social Apps

Using Adobe AIR and Social Network API’s

about.me/arisetyo

Arie M. PrasetyoCo-Founder, Galenic Systems

Founder, AxonDigital

Presentation Outline

01 Introduction

02 Working With API & ActionScript

03 The “GroupieSize” Game App

Part 01

Adobe AIR and various API’s

Introduction


Adobe Integrated Runtime


Adobe AIR FeaturesAccess File System and Local Database



Runs On Various Operating Systems




Runs On Multiple Devices




Runs On Multiple Devices

Effortless Internet Connectivity


Who uses Adobe AIR?


Who uses Adobe AIR?

NASDAQNASDAQ Market Replay

A powerful desktop

application that provides

investors and brokers with

immediate access to

extremely detailed replays of

market activity at any point

in time.


Who uses Adobe AIR?

The New York TimesNew York Times Reader 2.0

With the innovative Times

Reader 2.0, readers of The

New York Times enjoy an

experience reminiscent

of reading a printed

paper, while getting the

benefits of automatic news

updates and video.


Application Programming Interface

Social networks are providing

access to third party application to

help promote their brand.


Various Social Network API’s

Facebook API & Open Graph Protocol




Twitter API




Twitter API

Google API’s




Twitter API

Google API’s

Amazon Web Services


Why Integrate With Social API’s?



Billions of Information From Millions of Users




Hosted & Relatively Secure





Integrate With Other Apps





Integrate With Other Apps

It’s Simply Fun :)

Part 02

Result Formats & Authentication

Working With API & ActionScript


Common Result Formats



XML (eXtensible Markup Language)




JSON (Javascript Object Notation)





JSON is my personal favorite.






It’s fairly readable







Readily parsed into array in ActionScript





The majority of social networks have JSON formatted API call result



Readily parsed into array in ActionScript


Parsing JSON

An example of an API call result formatted as JSON[{"results":[

{"from_user_id_str":"27200872","profile_image_url":"http://a1.twimg.com/profile_images/1078865146/roa

sted-pepper_normal.jpg","created_at":"Tue, 18 Jan 2011 20:36:06

+0000","from_user":"masdennis","id_str":"27464269884821504","metadata":{"result_type":"recent"},"to_u

ser_id":null,"text":"RT @tubagus99: I'm Speaking on Adobe Flash Camp Indonesia

http://bit.ly/eGTfOn, see u

tomorrow..","id":27464269884821504,"from_user_id":27200872,"geo":null,"iso_language_code":"en","to_us

er_id_str":null,"source":"<a href="http://www.tweetdeck.com"

rel="nofollow">TweetDeck</a>"},{"from_user_id_str":"4809310","profile_image_url":"

http://a0.twimg.com/profile_images/1127731248/4square_normal.png","created_at":"Tue, 18 Jan 2011

18:25:12

+0000","from_user":"tubagus99","id_str":"27431327036866560","metadata":{"result_type":"recent"},"to_u

ser_id":null,"text":"I'm Speaking on Adobe Flash Camp Indonesia http://bit.ly/eGTfOn, see u

tomorrow..","id":27431327036866560,"from_user_id":4809310,"geo":null,"iso_language_code":"en","to_use

r_id_str":null,"source":"<a href="http://www.tweetdeck.com"

rel="nofollow">TweetDeck</a>"}...

http://search.twitter.com/search.json?q=adobe%20camp%20indonesia&rpp=50


Parsing JSON

The ActionScipt to convert the result into an array

_httpService.url = _apiCall;

_httpService.resultFormat = "text";

_httpService.addEventListener(ResultEvent.RESULT,resultTweets);

_httpService.send();

function resultTweets(event:ResultEvent):void {

_jsonResult = "[" + String(event.result) + "]";

var arr:Array = (JSON.decode(_jsonResult) as Array);

var rawResults:Array = arr[0].results;

_tweetsAC = new ArrayCollection(rawResults);

}

samples/json/parsing.mxml


Parsing JSON

Example App In Action


Authentication Methods



Basic HTTP



Basic HTTP

OpenID



Basic HTTP

OpenID

OAuth


Authenticating The App

Using ActionScript and OAuth protocol




CodeRanger’s OAuth library




CodeRanger’s OAuth library

Sample App In Action

samples/oauth

Part 03

Let’s Build A Simple Game

The “GroupieSize” Game App


Game Concept


Game Concept

How Well Do You Know Currently Popular Musicians


Game Concept


An Adobe AIR Desktop Application


Game Concept


An Adobe AIR Desktop Application

Uses Data Collected from Last.fm


Core Codes

Get random artists information

samples/groupiesize/index.mxml


Core Codes



Get artists’ listeners count


Core Codes




Display question


Core Codes




Display question

Display answer and artists’ information


Core Codes




Display question

Display answer and artists’ information

Record score

Closing

Questions?

Thank You

Developing Social Apps

Using Adobe AIR and Social Network API’s : AIR & API

about.me/arisetyo

AIR & API

Documents

secureadobe air

appsadobe air

various apiswhy

local database adobe

various apiswho

multiple devices adobe

millions of usersadobe

various operating systemsruns