经典时尚商务背景PPT模板.ppt

Facebook Apps Dev Damon Widjaja ..分割.. * Facebook Apps Basic Integrate web applications with core Facebook Experience Example: getting user information and posting to wall Benefit? A powerful and cost effective measures for ones product/service to gain exposure (i.e. user engagement, viral effect) ..分割.. * Getting Started Step 1: Registering application Step 2: Setting-up application Step 3: Authorizing application Step 4: Accessing user information Step 5: Interacting with Facebook ..分割.. * Step 1: Registering Application ..分割.. * Here we go source: /docs/guides/canvas/ ..分割.. * Canvas A blank window within Facebook on which to run your application Minimum screen size of only 760 px wide Type of Canvas: iFrame FBML ..分割.. * Tiny screen source: /docs/guides/canvas/ ..分割.. * iFrame vs FBML iFrame Benefits: Scalability in the long run (i.e. easy to move to Facebook Connect website) Let you use Javascript, HTML, CSS (Ajax anyone?) Easy to debug FBML Benefits: Easy to access Facebook elements Faster loads Note: FBML might be deprecated ..分割.. * Step 2: Setting-up Application - Canvas ..分割.. * Hello world! ..分割.. * Coding time! Development environment assumption Java Struts2 Tomcat mySql Most tutorials and examples on the web is in PHP ..分割.. * Step 3: Authorizing application Is it required? No! BUT it is necessary to create a personalized user experience (i.e. retrieve user email address, post to wall) App creator controls the degree of permissions required during authorization ..分割.. * Tell me how? ..分割.. * Add this application ..分割.. * Sample code - Part 1 ..分割.. * Sample code - Part 2 if (uri != null) { ?????try { ??????????uri = .URLEncoder.encode(uri, UTF-8); ?????} ?????catch (java.io.UnsupportedEncodingException e) { ?????} } ? url = url + redirect_uri= + uri; out.println(var url=\+url+\;); % ? if(url != null) { ?? window.open(url, _parent, ); } -- /script ..分割.. * What’s next? Have to know fact! Facebook passes user information in the form of