ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo

AIR & API

?Download as PPSX, PDF?
?
Arie Prasetyo
Arie Prasetyo

This document discusses developing social apps using Adobe AIR and social network APIs. It introduces Adobe AIR and its features, describes common API result formats like JSON and authentication methods like OAuth. It also outlines building a sample music trivia game app called "GroupieSize" that retrieves random artist data from Last.fm and tracks the user's score. Core code examples are provided to get artist information, display questions and answers, and record the score.

1 of 52
Download to read offline
Developing Social AppsUsing Adobe AIR and Social Network API¡¯sAIR & APIabout.me/arisetyo
Arie M. PrasetyoCo-Founder, Galenic SystemsFounder, AxonDigital
Presentation Outline01 Introduction02 Working With API & ActionScript03 The ¡°GroupieSize¡± Game App
Part 01IntroductionAdobe AIR and various API¡¯s
Adobe AIR and various API¡¯sAdobe Integrated Runtime
Adobe AIR and various API¡¯sAdobe AIR FeaturesAccess File System and Local Database
Adobe AIR and various API¡¯sAdobe AIR FeaturesAccess File System and Local DatabaseRuns On Various Operating Systems
Adobe AIR and various API¡¯sAdobe AIR FeaturesAccess File System and Local DatabaseRuns On Various Operating SystemsRuns On Multiple Devices
Adobe AIR and various API¡¯sAdobe AIR FeaturesAccess File System and Local DatabaseRuns On Various Operating SystemsRuns On Multiple DevicesEffortless Internet Connectivity
Adobe AIR and various API¡¯sWho uses Adobe AIR?
Adobe AIR and various API¡¯sWho uses Adobe AIR?NASDAQNASDAQ Market ReplayA powerful desktop application that provides investors and brokers with immediate access to extremely detailed replays of market activity at any point in time.
Adobe AIR and various API¡¯sWho uses Adobe AIR?The New York TimesNew York Times Reader 2.0With the innovative Times Reader 2.0, readers of The New York Times enjoy an experience reminiscentof reading a printed paper, while getting the benefits of automatic news updates and video.
Adobe AIR and various API¡¯sApplication Programming InterfaceSocial networks are providing access to third party application to help promote their brand.
Adobe AIR and various API¡¯sVarious Social Network API¡¯sFacebook API & Open Graph Protocol
Adobe AIR and various API¡¯sVarious Social Network API¡¯sFacebook API & Open Graph ProtocolTwitter API
Adobe AIR and various API¡¯sVarious Social Network API¡¯sFacebook API & Open Graph ProtocolTwitter APIGoogle API¡¯s
Adobe AIR and various API¡¯sVarious Social Network API¡¯sFacebook API & Open Graph ProtocolTwitter APIGoogle API¡¯sAmazon Web Services
Adobe AIR and various API¡¯sWhy Integrate With Social API¡¯s?
Adobe AIR and various API¡¯sWhy Integrate With Social API¡¯s?Billions of Information From Millions of Users
Adobe AIR and various API¡¯sWhy Integrate With Social API¡¯s?Billions of Information From Millions of UsersHosted & Relatively Secure
Adobe AIR and various API¡¯sWhy Integrate With Social API¡¯s?Billions of Information From Millions of UsersHosted & Relatively SecureIntegrate With Other Apps
Adobe AIR and various API¡¯sWhy Integrate With Social API¡¯s?Billions of Information From Millions of UsersHosted & Relatively SecureIntegrate With Other AppsIt¡¯s Simply Fun :)
Part 02Working With API & ActionScriptResult Formats & Authentication
Result Formats & AuthenticationCommon Result Formats
Result Formats & AuthenticationCommon Result FormatsXML (eXtensible Markup Language)
Result Formats & AuthenticationCommon Result FormatsXML (eXtensible Markup Language)JSON (Javascript Object Notation)
Result Formats & AuthenticationCommon Result FormatsXML (eXtensible Markup Language)JSON (Javascript Object Notation)JSON is my personal favorite.
Result Formats & AuthenticationCommon Result FormatsXML (eXtensible Markup Language)JSON (Javascript Object Notation)JSON is my personal favorite.It¡¯s fairly readable
Result Formats & AuthenticationCommon Result FormatsXML (eXtensible Markup Language)JSON (Javascript Object Notation)JSON is my personal favorite.It¡¯s fairly readableReadily parsed into array in ActionScript
Result Formats & AuthenticationCommon Result FormatsXML (eXtensible Markup Language)JSON (Javascript Object Notation)JSON is my personal favorite.It¡¯s fairly readableReadily parsed into array in ActionScriptThe majority of social networks have JSON formatted API call result
Result Formats & AuthenticationParsing JSONAn 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/roasted-pepper_normal.jpg","created_at":"Tue, 18 Jan 2011 20:36:06 +0000","from_user":"masdennis","id_str":"27464269884821504","metadata":{"result_type":"recent"},"to_user_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_user_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_user_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_user_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
Result Formats & AuthenticationParsing JSONThe 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
Result Formats & AuthenticationParsing JSONExample App In Action
Result Formats & AuthenticationAuthentication Methods
Result Formats & AuthenticationAuthentication MethodsBasic HTTP
Result Formats & AuthenticationAuthentication MethodsBasic HTTPOpenID
Result Formats & AuthenticationAuthentication MethodsBasic HTTPOpenIDOAuth
Result Formats & AuthenticationAuthenticating The AppUsing ActionScript and OAuth protocol
Result Formats & AuthenticationAuthenticating The AppUsing ActionScript and OAuth protocolCodeRanger¡¯s OAuth library
Result Formats & AuthenticationAuthenticating The AppUsing ActionScript and OAuth protocolCodeRanger¡¯s OAuth librarySample App In Actionsamples/oauth
Part 03The ¡°GroupieSize¡± Game AppLet¡¯s Build A Simple Game
Let¡¯s Build A Simple GameGame Concept
Let¡¯s Build A Simple GameGame ConceptHow Well Do You Know Currently Popular Musicians
Let¡¯s Build A Simple GameGame ConceptHow Well Do You Know Currently Popular MusiciansAn Adobe AIR Desktop Application
Let¡¯s Build A Simple GameGame ConceptHow Well Do You Know Currently Popular MusiciansAn Adobe AIR Desktop ApplicationUses Data Collected from Last.fm
Let¡¯s Build A Simple GameCore CodesGet random artists informationsamples/groupiesize/index.mxml
Let¡¯s Build A Simple GameCore CodesGet random artists informationGet artists¡¯ listeners countsamples/groupiesize/index.mxml
Let¡¯s Build A Simple GameCore CodesGet random artists informationGet artists¡¯ listeners countDisplay questionsamples/groupiesize/index.mxml
Let¡¯s Build A Simple GameCore CodesGet random artists informationGet artists¡¯ listeners countDisplay questionDisplay answer and artists¡¯ informationsamples/groupiesize/index.mxml
Let¡¯s Build A Simple GameCore CodesGet random artists informationGet artists¡¯ listeners countDisplay questionDisplay answer and artists¡¯ informationRecord scoresamples/groupiesize/index.mxml
ClosingQuestions?
Thank YouDeveloping Social AppsUsing Adobe AIR and Social Network API¡¯s : AIR & APIabout.me/arisetyo

More Related Content

AIR & API

  • 1. Developing Social AppsUsing Adobe AIR and Social Network API¡¯sAIR & APIabout.me/arisetyo
  • 2. Arie M. PrasetyoCo-Founder, Galenic SystemsFounder, AxonDigital
  • 3. Presentation Outline01 Introduction02 Working With API & ActionScript03 The ¡°GroupieSize¡± Game App
  • 4. Part 01IntroductionAdobe AIR and various API¡¯s
  • 5. Adobe AIR and various API¡¯sAdobe Integrated Runtime
  • 6. Adobe AIR and various API¡¯sAdobe AIR FeaturesAccess File System and Local Database
  • 7. Adobe AIR and various API¡¯sAdobe AIR FeaturesAccess File System and Local DatabaseRuns On Various Operating Systems
  • 8. Adobe AIR and various API¡¯sAdobe AIR FeaturesAccess File System and Local DatabaseRuns On Various Operating SystemsRuns On Multiple Devices
  • 9. Adobe AIR and various API¡¯sAdobe AIR FeaturesAccess File System and Local DatabaseRuns On Various Operating SystemsRuns On Multiple DevicesEffortless Internet Connectivity
  • 10. Adobe AIR and various API¡¯sWho uses Adobe AIR?
  • 11. Adobe AIR and various API¡¯sWho uses Adobe AIR?NASDAQNASDAQ Market ReplayA powerful desktop application that provides investors and brokers with immediate access to extremely detailed replays of market activity at any point in time.
  • 12. Adobe AIR and various API¡¯sWho uses Adobe AIR?The New York TimesNew York Times Reader 2.0With the innovative Times Reader 2.0, readers of The New York Times enjoy an experience reminiscentof reading a printed paper, while getting the benefits of automatic news updates and video.
  • 13. Adobe AIR and various API¡¯sApplication Programming InterfaceSocial networks are providing access to third party application to help promote their brand.
  • 14. Adobe AIR and various API¡¯sVarious Social Network API¡¯sFacebook API & Open Graph Protocol
  • 15. Adobe AIR and various API¡¯sVarious Social Network API¡¯sFacebook API & Open Graph ProtocolTwitter API
  • 16. Adobe AIR and various API¡¯sVarious Social Network API¡¯sFacebook API & Open Graph ProtocolTwitter APIGoogle API¡¯s
  • 17. Adobe AIR and various API¡¯sVarious Social Network API¡¯sFacebook API & Open Graph ProtocolTwitter APIGoogle API¡¯sAmazon Web Services
  • 18. Adobe AIR and various API¡¯sWhy Integrate With Social API¡¯s?
  • 19. Adobe AIR and various API¡¯sWhy Integrate With Social API¡¯s?Billions of Information From Millions of Users
  • 20. Adobe AIR and various API¡¯sWhy Integrate With Social API¡¯s?Billions of Information From Millions of UsersHosted & Relatively Secure
  • 21. Adobe AIR and various API¡¯sWhy Integrate With Social API¡¯s?Billions of Information From Millions of UsersHosted & Relatively SecureIntegrate With Other Apps
  • 22. Adobe AIR and various API¡¯sWhy Integrate With Social API¡¯s?Billions of Information From Millions of UsersHosted & Relatively SecureIntegrate With Other AppsIt¡¯s Simply Fun :)
  • 23. Part 02Working With API & ActionScriptResult Formats & Authentication
  • 24. Result Formats & AuthenticationCommon Result Formats
  • 25. Result Formats & AuthenticationCommon Result FormatsXML (eXtensible Markup Language)
  • 26. Result Formats & AuthenticationCommon Result FormatsXML (eXtensible Markup Language)JSON (Javascript Object Notation)
  • 27. Result Formats & AuthenticationCommon Result FormatsXML (eXtensible Markup Language)JSON (Javascript Object Notation)JSON is my personal favorite.
  • 28. Result Formats & AuthenticationCommon Result FormatsXML (eXtensible Markup Language)JSON (Javascript Object Notation)JSON is my personal favorite.It¡¯s fairly readable
  • 29. Result Formats & AuthenticationCommon Result FormatsXML (eXtensible Markup Language)JSON (Javascript Object Notation)JSON is my personal favorite.It¡¯s fairly readableReadily parsed into array in ActionScript
  • 30. Result Formats & AuthenticationCommon Result FormatsXML (eXtensible Markup Language)JSON (Javascript Object Notation)JSON is my personal favorite.It¡¯s fairly readableReadily parsed into array in ActionScriptThe majority of social networks have JSON formatted API call result
  • 31. Result Formats & AuthenticationParsing JSONAn 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/roasted-pepper_normal.jpg","created_at":"Tue, 18 Jan 2011 20:36:06 +0000","from_user":"masdennis","id_str":"27464269884821504","metadata":{"result_type":"recent"},"to_user_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_user_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_user_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_user_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
  • 32. Result Formats & AuthenticationParsing JSONThe 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
  • 33. Result Formats & AuthenticationParsing JSONExample App In Action
  • 34. Result Formats & AuthenticationAuthentication Methods
  • 35. Result Formats & AuthenticationAuthentication MethodsBasic HTTP
  • 36. Result Formats & AuthenticationAuthentication MethodsBasic HTTPOpenID
  • 37. Result Formats & AuthenticationAuthentication MethodsBasic HTTPOpenIDOAuth
  • 38. Result Formats & AuthenticationAuthenticating The AppUsing ActionScript and OAuth protocol
  • 39. Result Formats & AuthenticationAuthenticating The AppUsing ActionScript and OAuth protocolCodeRanger¡¯s OAuth library
  • 40. Result Formats & AuthenticationAuthenticating The AppUsing ActionScript and OAuth protocolCodeRanger¡¯s OAuth librarySample App In Actionsamples/oauth
  • 41. Part 03The ¡°GroupieSize¡± Game AppLet¡¯s Build A Simple Game
  • 42. Let¡¯s Build A Simple GameGame Concept
  • 43. Let¡¯s Build A Simple GameGame ConceptHow Well Do You Know Currently Popular Musicians
  • 44. Let¡¯s Build A Simple GameGame ConceptHow Well Do You Know Currently Popular MusiciansAn Adobe AIR Desktop Application
  • 45. Let¡¯s Build A Simple GameGame ConceptHow Well Do You Know Currently Popular MusiciansAn Adobe AIR Desktop ApplicationUses Data Collected from Last.fm
  • 46. Let¡¯s Build A Simple GameCore CodesGet random artists informationsamples/groupiesize/index.mxml
  • 47. Let¡¯s Build A Simple GameCore CodesGet random artists informationGet artists¡¯ listeners countsamples/groupiesize/index.mxml
  • 48. Let¡¯s Build A Simple GameCore CodesGet random artists informationGet artists¡¯ listeners countDisplay questionsamples/groupiesize/index.mxml
  • 49. Let¡¯s Build A Simple GameCore CodesGet random artists informationGet artists¡¯ listeners countDisplay questionDisplay answer and artists¡¯ informationsamples/groupiesize/index.mxml
  • 50. Let¡¯s Build A Simple GameCore CodesGet random artists informationGet artists¡¯ listeners countDisplay questionDisplay answer and artists¡¯ informationRecord scoresamples/groupiesize/index.mxml
  • 52. Thank YouDeveloping Social AppsUsing Adobe AIR and Social Network API¡¯s : AIR & APIabout.me/arisetyo