•ë£¨ •ˆ— ‌´¤ë¶ ›¹ •± 만들기

  • View
    10.842

  • Download
    0

Embed Size (px)

DESCRIPTION

 

Text of •ë£¨ •ˆ— ‌´¤ë¶ ›¹...

  • 1.

2. 2009.12 2 3. 3 4. 4 5. 2011.9 5 6. 2011.12 6 7. 2012.1~3 2012.7~9 / 7 8. 2012.32012 , 8 9. 2012.4~7 29 10. ... 10 11. !! 11 12. HACKATHON12 13. 13 14. 2012.7 2013.1~3 / 14 15. nekians@gmail.com http://owlnest.kr Best of Best ,Best of Social 2012 Facebook Mobile Hack Seoul 2013.01~03 2012.07~09 15 16. 16 17. 17 18. 18 19. 19 20. 20 21. Generating...21 22. 22 23. & 23 24. , ? 24 25. 25 26. 26 27. 27 28. 50 (), 2 ? 1 8 . . 81224?? (24) . . ? ? . ? .28 29. 50 (), 2 ? 1 8 . .90 70 81224?? (24)50 .50 . ? ? . ? .29 30. OpenJava HTMLPHP APIScript ! 30 31. 301031 32. 10080 32 33. !! 33 34. & TIP34 35. 36. ? Billion users 36 37. 7024 37 38. (Facebook) 6 1 38 39. (Facebook)39 40. (Facebook)40 41. (Facebook)41 42. 42 43. (Platform) 43 44. 44 45. 45 46. 46 47. 47 48. 48 49. 49 50. , 50 51. 51 52. 52 53. 53 54. 1billion users 55. (Facebook App) Facebook55 56. (Facebook App) App56 57. (Facebook App) App57 58. (Facebook App) App58 59. (Facebook App) App App App 59 60. (Facebook) 61. (Facebook) 62. !!!62 63. 64. http://developers.facebook.com/docs/coreconcepts/ 64 65. 65 66. (Social Plugins)https://developers.facebook.com/docs/plugins/ 66 67. (Social Plugins) Like Button 67 68. (Social Plugins) Like Button 68 69. (Social Plugins) Comments 69 70. (Dialog)https://developers.facebook.com/docs/reference/dialogs/ 70 71. 71 72. (Open Graph )https://developers.facebook.com/docs/opengraph/overview/ 72 73. (Open Graph ) 73 74. (Open Graph ) 74 75. (Open Graph Protocol)http://developers.facebook.com/docs/opengraphprotocol/ 75 76. (Open Graph Protocol) Article 76 77. 77 78. (Payments)https://developers.facebook.com/docs/payments/ 78 79. 79 80. Open API Login GraphAPI / FQLGraphAPIhttps://developers.facebook.com/docs/reference/login/ 80 81. 81 82. 83. with Inside with (Android / iOS)84 84. Pinterest (Login)85 85. Shopping Mall (Web App)86 86. Tetris Battle (Canvas App)87 87. (Page Tab App)88 88. Example (Mobile Web App) 89 89. Insagram & Foursquare (Mobile App)90 90. Curing (Mobile App)91 91. Curing (Mobile App) . .http://youtu.be/9ci1yOvWXeg92 92. 93. , ?? 94 94. ? 95 95. ?> 96 96. ?> 97 97. ?> 98 98. ?> 99 99. ? 100 100. ? 101 101. ? 102 102. ?? 103 103. ?? 104 104. 105 105. 106 106. 107 107. 108 108. 109 109. 110 110. 111 111. 112 112. 113 113. 114 114. 115 115. 117 116. 118 117. 119 118. 120 119. 121 120. 122 121. 123 122. 124 123. 125 124. http://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&next=YOUR_URL126 125. 127 126. ? 127. (Graph) API FQL (Facebook Query Language)129 128. (Graph) API Explorer http://developers.facebook.com/tools/explorer130 129. (Graph) API GRAPH API CODE/100000525744525?fields=id,name{ "id": "100000525744525","name": "YongHui Lee }131 130. (Graph) API 132 131. (Graph) API - Objects Achievement(Instance) Order Album Page Application Photo Checkin Pictures Comment Post Domain Privacy Parameter Errors Publishing Event Question FriendList QuestionOption Group Realtime Updates Insights Review Link Status message Message Thread Note User Offer Video133 132. FQL (Facebook Query Language)SELECT uid, name FROM user WHEREuid = me(){ "data":[ { "uid": 100000525744525, "name": "YongHui Lee}]} 134 133. FQL (Facebook Query Language)135 134. FQL (Facebook Query Language) album location_post question_option app_role mailbox_folder question_option_votes application message review apprequest note score checkin notification square_profile_pic comment object_url square_profile_pic_size comments_info offer standard_friend_info connection page standard_user_info cookies page_admin status developer page_blocked_user stream domain page_fan stream_filter domain_admin page_global_brand_child stream_tag event page_milestone subscription event_member permissions thread family permissions_info translation friend photo unified_message friend_request photo_src unified_message_count friendlist photo_tag unified_message_sync friendlist_member place unified_thread group privacy unified_thread_action group_member privacy_setting unified_thread_count insights profile unified_thread_sync like profile_pic url_like link profile_tab user link_image_src profile_view video link_stat question video_tag136 135. Third party SDKs PHP .NET (C#) Javascript Flash (ActionScript) Python iOS Java (Spring) Android Java (BlackBerry) Ruby Node.jshttp://developers.facebook.com/docs/sdks/ 137 136. Facebook PHP SDK https://github.com/facebook/facebook-php-sdk 138 137. Facebook Javascript SDK http://developers.facebook.com/docs/reference/javascript/139 138. PHP vs JavaScript Server side Client side API 140 139. API IP 600 600 500 MAU( ), 100 API , 50 https://developers.facebook.com/policy/Korean/ 141 140. API (1) (1) (1) (N) * 0 + (1)142 141. API 600 150 21600 648000 143 142. 144 143. PHP 145 144. Loading& Like Check 146 145. 147 146. JavaScript 148 147. Loading 149 148. Like Check 150 149. 151 150. SDK PHP Javascript Server side Client side API PHP 152 151. SDK / API , Right now! !!!! 152. 154 153. 155 154. Redirect / iframe Javascript top.window.location = 156 155. 157 156. Facebook Login Y N http://developers.facebook.com/docs/howtos/login/getting-started/ 158 157. Facebook Javascript SDK http://developers.facebook.com/docs/reference/javascript/159 158. 160 159. Facebook Javascript SDKWith Javascript SDK http://developers.facebook.com/docs/howtos/login/getting-started/ 161 160. Facebook Javascript SDKhttp://developers.facebook.com/docs/howtos/login/getting-started/ 162 161. Facebook Javascript SDKFB.api(GRAPH_API_CODE , function(response){ // additional code}); 163 162. 164 163. Facebook PHP SDKrequire_once(facebook.php);165 164. Facebook PHP SDK$facebook = new Facebook(array(appId => YOUR_APP_ID,secret => YOUR_APP_SECRET,sharedSession => true,fileUpload => true)); 166 165. Facebook Login$Id =$facebook->getUser()0 : not log inElse : users id167 166. Facebook PHP SDK$facebook->api(GRAPH_API_CODE) 168 167. Facebook PHP SDKGraph APIFQL 169 168. Facebook PHP SDKGraph API FQL{"data": [ { "category": "Software", "name": "AppStory",True or false "id": "245971252189546", "created_time": "2013-03-16T23:15:30+0000" }, { "category": "Internet/software", "name": "", "id": "183662161679121", "created_time": "2013-03-16T08:20:14+0000" }, { "category": "Musician/band", "name": "Against The Current", "id": "247236941963772", "created_time": "2013-03-03T19:50:47+0000" }, {170 169. Facebook PHP SDK Graph API $facebook->api(GRAPH_API_CODE) , $facebook->api(me/likes); 171 170. Facebook PHP SDK FQL $facebook->api(array(method=>fql.query, query => FQL )); 172 171. Facebook PHP SDK , $facebook->api(array(method => fql.query,query => "SELECT page_id FROM page_fan WHERE uid=$user_id and page_id=245971252189546;"));173 172. Facebook PHP SDK SELECT page_id FROM page_fan WHERE uid=$user_idand page_id=245971252189546; 174 173. 175 174. 176 175. 177 176. Generating178 177. 179 178. /me { "id": "100000525744525", "name": "YongHui Lee", "first_name": "YongHui", "last_name": "Lee", .180 179. Facebook PHP SDK$facebook->api(GRAPH_API_CODE)$data = $facebook->api(/me) 181 180. Facebook PHP SDK$name = data[name];{ "id": "100000525744525", "name": "YongHui Lee", "first_name": "YongHui", "last_name": "Lee", . 182 181. 183 182. /me/friends { "data": [{"name": friends1","id": 00000000"},{"name": friends2","id": 00000000"},.184 183. Facebook PHP SDK$facebook->api(GRAPH_API_CODE)$data = $facebook->api(/me/friends)185 184. Facebook PHP SDK$friend1name = data[0][name];{"data": [ { "name": friends1", "id": 00000000" }, .186 185. 187 186. 188 187. 189 188. /ID/picture { "data": { "url": http://~", "is_silhouette": false } } 190 189. Facebook PHP SDK$facebook->api(GRAPH_API_CODE)$data = $facebook->api(ID/picture) 191 190. Facebook PHP SDK$photoUrl = $data[url];{"data": {"url": http://~","is_silhouette": false}} 192 191. https://graph.facebook.com/ID/pictureRedirect URL URL PHP 193 192. Open Source! http://stackoverflow.com/a/3347453 194 193. 195 194. - gd- imagick- exif 196 195. - gd- imagick- exif 197 196. Imagick $imgTemplate = new Imagick;$imgTemplate->readImage("./.png"); 198 197. 199 198. Imagick $imgFriend->readImage(./.png);$imgTemplate->compositeImage($imgFriend,Imagick::COMPOSITE_OVER, X, Y); 200 199. Imagick $imgFriend->resizeImage(X-Scale, Y-Scale,Imagick::FILTER_TRIANGLE, 1);201 200. 202 201. Imagick $fontType = ./.ttf;$font = new ImagickDraw();$font->setFont($fon