SlideShare ist ein Scribd-Unternehmen logo
1 von 107
H APPY  F ACEBOOK  D EVELOPER
O UTLINE ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
SELF-INTRODUCTION ,[object Object]
INTRODUCTION ,[object Object]
H ISTORY   AND  S TATICS 2004/2    Mark Zuckerberg launch Facebook
H ISTORY   AND  S TATICS 2007/10  Facebook reaches over  50 million active users 2004/2    Mark Zuckerberg launch Facebook
H ISTORY   AND  S TATICS 2008/8    Facebook reaches over 100 million active users 2007/10  Facebook reaches over  50 million active users 2004/2    Mark Zuckerberg launch Facebook
H ISTORY   AND  S TATICS 2009/9    Facebook reaches over 300 million active users 2009/2    Facebook reaches over 200 million active users 2008/8    Facebook reaches over 100 million active users 2007/10  Facebook reaches over  50 million active users 2004/2    Mark Zuckerberg launch Facebook
H ISTORY   AND  S TATICS 2010/2    Facebook reaches over 400 million active users 2009/12  Facebook reaches over 350 million active users 2009/9    Facebook reaches over 300 million active users 2009/2    Facebook reaches over 200 million active users 2008/8    Facebook reaches over 100 million active users 2007/10  Facebook reaches over  50 million active users 2004/2    Mark Zuckerberg launch Facebook
H ISTORY   AND  S TATICS 全球有 四億多 會員,台灣則有 650 萬
H ISTORY   AND  S TATICS 有 50% 的會員,每天會造訪 Facebook
H ISTORY   AND  S TATICS 所有會員每個月花超過 5000 億 分鐘在 Facebook 上
H ISTORY   AND  S TATICS Facebook 上有 1.6 億 個物件與會員進行互動
H ISTORY   AND  S TATICS Facebook 有超過 70 種語系 版本
H ISTORY   AND  S TATICS 有約 70% 的 Facebook 會員來自美國以外
H ISTORY   AND  S TATICS 有超過 100 萬 個網站和 Facebook 整合
H ISTORY   AND  S TATICS Facebook 有超過 55 萬 個 Apps
H ISTORY   AND  S TATICS 每月有 70% 的會員用使用 Apps
H ISTORY   AND  S TATICS 有超過 100 萬 的會員透過手機連到 Facebook
H ISTORY   AND  S TATICS
Sony Pictures has released the first trailer for the upcoming movie, “The Social Network”, which is loosely based (sensationalized) on the history of Facebook http://www.thesocialnetwork-movie.com/ http://www.youtube.com/watch?v=mWoUgftTj3Y
The Interface of Facebook
The Interface of Facebook
The Interface of Facebook
The Interface of Facebook
THE RESOURCE WE NEED TO KNOW ,[object Object]
T HE  R ESOURCE  W E   NEED   TO   KNOW ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
W HAT   LANGUAGES  W E   USE   IN   THIS   OFFERING   ,[object Object],[object Object],[object Object]
W HAT   LANGUAGES  W E   USE   IN   THIS   OFFERING   ,[object Object]
Big Event ,[object Object]
W HAT  F ACEBOOK  P ROVIDES  N OW ,[object Object],[object Object],[object Object]
A DD  F ACEBOOK   TO   MY   WEBSITE ,[object Object]
A DD  F ACEBOOK   TO   MY   WEBSITE ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
SOCIAL PLUGINS ,[object Object]
S OCIAL  P LUGINS
S OCIAL  P LUGINS ,[object Object],[object Object],[object Object],[object Object]
Demo
SINGLE SIGN-ON ,[object Object]
Single Sign-on ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],<div id=&quot;fb-root&quot;></div>  <script src=&quot;http://connect.facebook.net/en_US/all.js&quot;></script>  <script> FB.init({appId: ' your app id ', status: true, cookie: true, xfbml: true}); FB.Event.subscribe('auth.sessionChange', function(response) {  if (response.session) { // A user has logged in, and a new cookie has been saved } else { // The user has logged out, and the cookie has been cleared } });  </script>
Single Sign-on How to and Flow ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Extended Permission ,[object Object],[object Object],[object Object],[object Object]
GRAPH API ,[object Object]
Register Apps ,[object Object]
Graph API (1) - get data ,[object Object]
Graph API (2) - get data ,[object Object]
Graph API (3) - selection, Introspection ,[object Object],[object Object]
Graph API (4) POST ,[object Object]
Graph API (5) Delete ,[object Object],[object Object],[object Object],[object Object]
Graph API (6) Search ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Graph API (7) Tool ,[object Object],[object Object]
Graph API (8) Tools ,[object Object],[object Object]
OPEN GRAPH PROTOCOL ,[object Object]
Introduction
Introduction – from insidefacebook.com
Getting Start
[object Object],Tool: URL Linter
Administering our page
Location Meta Data
Analytics ,[object Object]
ShowCase
JAVASCRIPT SDK ,[object Object]
JavaScript SDK(1) ,[object Object],[object Object],[object Object],[object Object],[object Object]
JavaScript SDK(2) ,[object Object],[object Object],[object Object],[object Object],[object Object]
JavaScript SDK(3) – Core Methods ,[object Object],[object Object],[object Object]
JavaScript SDK(4) – Core Methods ,[object Object],[object Object],[object Object]
JavaScript SDK(5) – Core Methods ,[object Object],[object Object],[object Object]
JavaScript SDK(6) – Core Methods ,[object Object],[object Object],[object Object]
JavaScript SDK(7) – Core Methods ,[object Object],[object Object],[object Object]
JavaScript SDK(8) – Event Handling ,[object Object],[object Object],[object Object],[object Object]
JavaScript SDK(9) – Event Handling ,[object Object],[object Object],[object Object],[object Object],[object Object]
JavaScript SDK(10) – Data Access ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
JavaScript SDK(11) - Canvas Methods ,[object Object],[object Object],[object Object],[object Object]
APPS ON FACEBOOK.COM ,[object Object]
A PPS   ON  F ACEBOOK . COM
ARCHITECTURE ,[object Object]
W HAT  F ACEBOOK  P ROVIDES  N OW ,[object Object]
W HAT  F ACEBOOK  P ROVIDES  N OW ,[object Object]
Register facebook application
Register facebook application -  基本資料
Register facebook application –  驗證 參數 說明 Installable to? 什麼可以使用應用程式,共有兩種選擇,分別是個人檔案和粉絲專頁。 Post-Authorize Callback URL 當使用者第一次新增應用程式後,呼叫的網址。 Post-Remove Callback URL 當使用者移除應用程式後,呼叫的網址。
Register facebook application – 個人檔案 參數 說明 標籤名稱 顯示在個人檔案頁籤的名稱。 標籤網址 當點選頁籤時所載入的網址。 Post-Remove Callback URL 當使用者移除應用程式後,呼叫的網址。
Register facebook application – 個人檔案
Register facebook application – 個人檔案 參數 說明 發佈文字 位於朋友的個人檔案頁面中發佈器所顯示之標題文字。 發佈回呼網址 當在朋友的個人檔案發佈資訊時所呼叫的網址。 自我發佈文字 位於使用者本人的個人檔案頁面中發佈器所顯示之標題文字。 自我發佈回呼網址 當在使用者本人的個人檔案發佈資訊時所呼叫的網址。
Register facebook application –  畫布 參數 說明 畫布頁面網址 設定將應用程式的畫布網址,基本上,這算是應用程式的首頁網址。只要沒有其他應用程式指定的字串,我們可以將該字串設定為畫布網址。 Canvas Callback URL 應用程式真正的網址。 Post-Authorize Redirect URL 當使用者第一次確認應用程式導向的頁面,預設值為畫布頁面網址。 呈現方法 可選則 FBML 或 Iframe 。 IFrame  大小 當選擇 IFrame 時可設定其大小。 畫布寬度 當選擇畫布時可設定其大小。
Authentication Canvas applications use cookies to get user authentication information. The cookie includes a signature for all the values as the argument sig.
Integration Points ,[object Object],[object Object],[object Object],[object Object],[object Object]
Stram publishing
Request Using FBML tags you can render request forms and friend selectors.
Bookmark, Counters, Game Dashboard, Profile Tab <fb:bookmark></fb:bookmark>
FACEBOOK QUERY LANGUAGE ,[object Object]
FQL(1) ,[object Object],[object Object],[object Object],[object Object]
FQL(2) – Testing Tool ,[object Object]
FQL(3) –   支援基本的運算字 參數 說明 + 加法 - 減法 * 乘法 / 除法 > 大於 < 小於 >= 大於等於 <= 小於等於 = 等於 AND 及 OR 或 NOT 不是
FQL(4) –  支援的函式 參數 說明 now() 取得現在的時間。 rand() 產生亂數。 strlen(string) 計算字串長度。 concat(string, ...) 合併本函式中的所有字串。 substr(string, start, length) 根據字串開始位置 start 和取得長度 length 兩個參數,取得 string 字串的部份文字。 strpos(haystack, needle) 搜尋 haystack 字串,找出該字串中第一次出現 needle 字串的位置,若找不到符合 needle 字串的文字,則回傳 -1 。 lower(string) 將字串轉換成小寫。 upper(string) 將字串轉換成大寫。
FQL(5) – Table :  link_stat ,[object Object],[object Object]
FQL(6) – Table :  friend ,[object Object],[object Object],[object Object],[object Object],[object Object]
FQL(7) – Tables ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
FBML ,[object Object]
FBML(1) ,[object Object]
FBML(2) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
FBML(3) <fb: 語法名稱 參數一 =&quot; 參數值 &quot;  參數二 =&quot; 參數值 &quot;  ‧‧‧ > 傳入內容 </fb: 語法名稱 >
FBML(4)
FBML(5) ,[object Object],[object Object]
FBML(6) <fb:bookmark></fb:bookmark> <fb:comments xid=&quot;titans_comments&quot; canpost=&quot;true&quot; candelete=&quot;false&quot; returnurl=&quot;http://apps.facebook.com/myapp/titans/&quot;></fb:comments>
OLD REST API ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
M OBILE   APPS ,[object Object],[object Object]
M OBILE   APPS - iPhone

Weitere ähnliche Inhalte

Was ist angesagt?

How I built the demo's
How I built the demo'sHow I built the demo's
How I built the demo'sGlenn Jones
 
Google Its Not Just A Search Engine
Google Its Not Just A Search EngineGoogle Its Not Just A Search Engine
Google Its Not Just A Search EngineKaren Brooks
 
Let the hacking continue - Post Open Hack India Mixer
Let the hacking continue - Post Open Hack India MixerLet the hacking continue - Post Open Hack India Mixer
Let the hacking continue - Post Open Hack India MixerSaurabh Sahni
 
How we use Open-source/free software in our Day to day life
How we use Open-source/free software in our Day to day lifeHow we use Open-source/free software in our Day to day life
How we use Open-source/free software in our Day to day lifeDeepak Jain
 
How to connect social media with open standards
How to connect social media with open standardsHow to connect social media with open standards
How to connect social media with open standardsGlenn Jones
 
The page and the desktop
The page and the desktopThe page and the desktop
The page and the desktopGlenn Jones
 
Crowdsourcing, Searching Social Media and Curation Resource List
Crowdsourcing, Searching Social Media and Curation Resource ListCrowdsourcing, Searching Social Media and Curation Resource List
Crowdsourcing, Searching Social Media and Curation Resource ListMandy Jenkins
 
Open Hack 2008 Mybloglog
Open Hack 2008 MybloglogOpen Hack 2008 Mybloglog
Open Hack 2008 MybloglogIan Kennedy
 
Super searcher2012juneyoungkin
Super searcher2012juneyoungkinSuper searcher2012juneyoungkin
Super searcher2012juneyoungkinayoungkin
 
Facebook 3 1 - jennifer prahl
Facebook 3 1 - jennifer prahlFacebook 3 1 - jennifer prahl
Facebook 3 1 - jennifer prahlJennifer Prahl
 
With great power comes great responsibility - Microsoft Canada Open Source co...
With great power comes great responsibility - Microsoft Canada Open Source co...With great power comes great responsibility - Microsoft Canada Open Source co...
With great power comes great responsibility - Microsoft Canada Open Source co...Frédéric Harper
 
Online policy primer - Facebook
Online policy primer - FacebookOnline policy primer - Facebook
Online policy primer - Facebookelscobio79
 
WP02 - Windows Phone 7 Deep Dive - How to build apps today
WP02 - Windows Phone 7 Deep Dive - How to build apps todayWP02 - Windows Phone 7 Deep Dive - How to build apps today
WP02 - Windows Phone 7 Deep Dive - How to build apps todayRoberto Freato
 
Presentation on "XSS Defeating Concept in (secure)SiteHoster" : 'nullcon-2011'
Presentation on "XSS Defeating Concept in (secure)SiteHoster" : 'nullcon-2011'Presentation on "XSS Defeating Concept in (secure)SiteHoster" : 'nullcon-2011'
Presentation on "XSS Defeating Concept in (secure)SiteHoster" : 'nullcon-2011'Abhishek Kumar
 
Software circus: Static websites still got it
Software circus: Static websites still got itSoftware circus: Static websites still got it
Software circus: Static websites still got itdwightgunning
 
Facebook Apps Development 101 (Java)
Facebook Apps Development 101 (Java)Facebook Apps Development 101 (Java)
Facebook Apps Development 101 (Java)Damon Widjaja
 
Social Media for Festivals and Events
Social Media for Festivals and EventsSocial Media for Festivals and Events
Social Media for Festivals and EventsCity of Waco
 
20 things i bet you dont know about social media @ SMC11_ath
20 things i bet you dont know about social media @ SMC11_ath20 things i bet you dont know about social media @ SMC11_ath
20 things i bet you dont know about social media @ SMC11_athGiorgos Vareloglou
 

Was ist angesagt? (19)

How I built the demo's
How I built the demo'sHow I built the demo's
How I built the demo's
 
Google Its Not Just A Search Engine
Google Its Not Just A Search EngineGoogle Its Not Just A Search Engine
Google Its Not Just A Search Engine
 
Let the hacking continue - Post Open Hack India Mixer
Let the hacking continue - Post Open Hack India MixerLet the hacking continue - Post Open Hack India Mixer
Let the hacking continue - Post Open Hack India Mixer
 
How we use Open-source/free software in our Day to day life
How we use Open-source/free software in our Day to day lifeHow we use Open-source/free software in our Day to day life
How we use Open-source/free software in our Day to day life
 
Important information for setting up facebook
Important information for setting up facebookImportant information for setting up facebook
Important information for setting up facebook
 
How to connect social media with open standards
How to connect social media with open standardsHow to connect social media with open standards
How to connect social media with open standards
 
The page and the desktop
The page and the desktopThe page and the desktop
The page and the desktop
 
Crowdsourcing, Searching Social Media and Curation Resource List
Crowdsourcing, Searching Social Media and Curation Resource ListCrowdsourcing, Searching Social Media and Curation Resource List
Crowdsourcing, Searching Social Media and Curation Resource List
 
Open Hack 2008 Mybloglog
Open Hack 2008 MybloglogOpen Hack 2008 Mybloglog
Open Hack 2008 Mybloglog
 
Super searcher2012juneyoungkin
Super searcher2012juneyoungkinSuper searcher2012juneyoungkin
Super searcher2012juneyoungkin
 
Facebook 3 1 - jennifer prahl
Facebook 3 1 - jennifer prahlFacebook 3 1 - jennifer prahl
Facebook 3 1 - jennifer prahl
 
With great power comes great responsibility - Microsoft Canada Open Source co...
With great power comes great responsibility - Microsoft Canada Open Source co...With great power comes great responsibility - Microsoft Canada Open Source co...
With great power comes great responsibility - Microsoft Canada Open Source co...
 
Online policy primer - Facebook
Online policy primer - FacebookOnline policy primer - Facebook
Online policy primer - Facebook
 
WP02 - Windows Phone 7 Deep Dive - How to build apps today
WP02 - Windows Phone 7 Deep Dive - How to build apps todayWP02 - Windows Phone 7 Deep Dive - How to build apps today
WP02 - Windows Phone 7 Deep Dive - How to build apps today
 
Presentation on "XSS Defeating Concept in (secure)SiteHoster" : 'nullcon-2011'
Presentation on "XSS Defeating Concept in (secure)SiteHoster" : 'nullcon-2011'Presentation on "XSS Defeating Concept in (secure)SiteHoster" : 'nullcon-2011'
Presentation on "XSS Defeating Concept in (secure)SiteHoster" : 'nullcon-2011'
 
Software circus: Static websites still got it
Software circus: Static websites still got itSoftware circus: Static websites still got it
Software circus: Static websites still got it
 
Facebook Apps Development 101 (Java)
Facebook Apps Development 101 (Java)Facebook Apps Development 101 (Java)
Facebook Apps Development 101 (Java)
 
Social Media for Festivals and Events
Social Media for Festivals and EventsSocial Media for Festivals and Events
Social Media for Festivals and Events
 
20 things i bet you dont know about social media @ SMC11_ath
20 things i bet you dont know about social media @ SMC11_ath20 things i bet you dont know about social media @ SMC11_ath
20 things i bet you dont know about social media @ SMC11_ath
 

Andere mochten auch

Making Facebook Faster
Making Facebook FasterMaking Facebook Faster
Making Facebook Fasterguest1240e7c
 
Facebook App Development
Facebook App DevelopmentFacebook App Development
Facebook App DevelopmentCristiano Betta
 
Facebook Development with Zend Framework
Facebook Development with Zend FrameworkFacebook Development with Zend Framework
Facebook Development with Zend FrameworkBrett Harris
 
Introduction to Facebook Javascript SDK (NEW)
Introduction to Facebook Javascript SDK (NEW)Introduction to Facebook Javascript SDK (NEW)
Introduction to Facebook Javascript SDK (NEW)Colin Su
 
Workshop : Facebook JavaScript SDK
Workshop : Facebook JavaScript SDKWorkshop : Facebook JavaScript SDK
Workshop : Facebook JavaScript SDKDimitar Danailov
 
Introduction to Facebook JavaScript & Python SDK
Introduction to Facebook JavaScript & Python SDKIntroduction to Facebook JavaScript & Python SDK
Introduction to Facebook JavaScript & Python SDKColin Su
 
Introduction to facebook java script sdk
Introduction to facebook java script sdk Introduction to facebook java script sdk
Introduction to facebook java script sdk Yi-Fan Chu
 
Introduction to facebook javascript sdk
Introduction to facebook javascript sdk Introduction to facebook javascript sdk
Introduction to facebook javascript sdk Yi-Fan Chu
 

Andere mochten auch (9)

Making Facebook Faster
Making Facebook FasterMaking Facebook Faster
Making Facebook Faster
 
Facebook App Development
Facebook App DevelopmentFacebook App Development
Facebook App Development
 
Facebook Development with Zend Framework
Facebook Development with Zend FrameworkFacebook Development with Zend Framework
Facebook Development with Zend Framework
 
Introduction to Facebook Javascript SDK (NEW)
Introduction to Facebook Javascript SDK (NEW)Introduction to Facebook Javascript SDK (NEW)
Introduction to Facebook Javascript SDK (NEW)
 
Workshop : Facebook JavaScript SDK
Workshop : Facebook JavaScript SDKWorkshop : Facebook JavaScript SDK
Workshop : Facebook JavaScript SDK
 
Introduction to Facebook JavaScript & Python SDK
Introduction to Facebook JavaScript & Python SDKIntroduction to Facebook JavaScript & Python SDK
Introduction to Facebook JavaScript & Python SDK
 
Introduction to facebook java script sdk
Introduction to facebook java script sdk Introduction to facebook java script sdk
Introduction to facebook java script sdk
 
Introduction to facebook javascript sdk
Introduction to facebook javascript sdk Introduction to facebook javascript sdk
Introduction to facebook javascript sdk
 
Facebook + Ruby
Facebook + RubyFacebook + Ruby
Facebook + Ruby
 

Ähnlich wie Happy facebook developer

The Face Behind Facebook
The Face Behind FacebookThe Face Behind Facebook
The Face Behind FacebookCory Bohon
 
Facebook api
Facebook api Facebook api
Facebook api snipermkd
 
Facebook API
Facebook APIFacebook API
Facebook APIsnipermkd
 
Shiny Agency's Facebook Development Guidelines
Shiny Agency's Facebook Development GuidelinesShiny Agency's Facebook Development Guidelines
Shiny Agency's Facebook Development GuidelinesRoy Pereira
 
Facebook Platform for Developers
Facebook Platform for DevelopersFacebook Platform for Developers
Facebook Platform for DevelopersLidan Hifi
 
What's New on the Facebook Platform, May 2011
What's New on the Facebook Platform, May 2011What's New on the Facebook Platform, May 2011
What's New on the Facebook Platform, May 2011Iskandar Najmuddin
 
Social mediaprogramming part2-java-jax-london
Social mediaprogramming part2-java-jax-londonSocial mediaprogramming part2-java-jax-london
Social mediaprogramming part2-java-jax-londonKhanderao Kand
 
Facebook과 연동하기
Facebook과 연동하기Facebook과 연동하기
Facebook과 연동하기김 한도
 
Leveraging Rails to Build Facebook Apps
Leveraging Rails to Build Facebook AppsLeveraging Rails to Build Facebook Apps
Leveraging Rails to Build Facebook AppsDavid Keener
 
Introduction to facebook platform
Introduction to facebook platformIntroduction to facebook platform
Introduction to facebook platformVenkatesh Narayanan
 
23 FACEBOOK APP DEVELOPMENT ESSENTIALS
23 FACEBOOK APP DEVELOPMENT ESSENTIALS23 FACEBOOK APP DEVELOPMENT ESSENTIALS
23 FACEBOOK APP DEVELOPMENT ESSENTIALSNETNODE AG
 
Whats New On The Facebook Platform Feb 2010 Iskandar
Whats New On The Facebook Platform Feb  2010   IskandarWhats New On The Facebook Platform Feb  2010   Iskandar
Whats New On The Facebook Platform Feb 2010 IskandarNudge Social Media
 
Ikandar Najmuddin - "What's new?"
Ikandar Najmuddin - "What's new?"Ikandar Najmuddin - "What's new?"
Ikandar Najmuddin - "What's new?"iPlatform
 
USC Yahoo! BOSS, YAP and YQL Overview
USC Yahoo! BOSS, YAP and YQL OverviewUSC Yahoo! BOSS, YAP and YQL Overview
USC Yahoo! BOSS, YAP and YQL OverviewJonathan LeBlanc
 

Ähnlich wie Happy facebook developer (20)

The Face Behind Facebook
The Face Behind FacebookThe Face Behind Facebook
The Face Behind Facebook
 
Facebook Platform
Facebook PlatformFacebook Platform
Facebook Platform
 
Facebook api
Facebook api Facebook api
Facebook api
 
Facebook API
Facebook APIFacebook API
Facebook API
 
Facebook Connect
Facebook ConnectFacebook Connect
Facebook Connect
 
Shiny Agency's Facebook Development Guidelines
Shiny Agency's Facebook Development GuidelinesShiny Agency's Facebook Development Guidelines
Shiny Agency's Facebook Development Guidelines
 
Facebook Platform for Developers
Facebook Platform for DevelopersFacebook Platform for Developers
Facebook Platform for Developers
 
What's New on the Facebook Platform, May 2011
What's New on the Facebook Platform, May 2011What's New on the Facebook Platform, May 2011
What's New on the Facebook Platform, May 2011
 
Social mediaprogramming part2-java-jax-london
Social mediaprogramming part2-java-jax-londonSocial mediaprogramming part2-java-jax-london
Social mediaprogramming part2-java-jax-london
 
The social media developer
The social media developer The social media developer
The social media developer
 
Facebook과 연동하기
Facebook과 연동하기Facebook과 연동하기
Facebook과 연동하기
 
Leveraging Rails to Build Facebook Apps
Leveraging Rails to Build Facebook AppsLeveraging Rails to Build Facebook Apps
Leveraging Rails to Build Facebook Apps
 
Hi5 Open Social
Hi5   Open SocialHi5   Open Social
Hi5 Open Social
 
Introduction to facebook platform
Introduction to facebook platformIntroduction to facebook platform
Introduction to facebook platform
 
23 FACEBOOK APP DEVELOPMENT ESSENTIALS
23 FACEBOOK APP DEVELOPMENT ESSENTIALS23 FACEBOOK APP DEVELOPMENT ESSENTIALS
23 FACEBOOK APP DEVELOPMENT ESSENTIALS
 
Open Social Phpcamp
Open Social PhpcampOpen Social Phpcamp
Open Social Phpcamp
 
Creating a Facebook App
Creating a Facebook AppCreating a Facebook App
Creating a Facebook App
 
Whats New On The Facebook Platform Feb 2010 Iskandar
Whats New On The Facebook Platform Feb  2010   IskandarWhats New On The Facebook Platform Feb  2010   Iskandar
Whats New On The Facebook Platform Feb 2010 Iskandar
 
Ikandar Najmuddin - "What's new?"
Ikandar Najmuddin - "What's new?"Ikandar Najmuddin - "What's new?"
Ikandar Najmuddin - "What's new?"
 
USC Yahoo! BOSS, YAP and YQL Overview
USC Yahoo! BOSS, YAP and YQL OverviewUSC Yahoo! BOSS, YAP and YQL Overview
USC Yahoo! BOSS, YAP and YQL Overview
 

Mehr von Yu-Wei Chuang

Android N multi window
Android N multi windowAndroid N multi window
Android N multi windowYu-Wei Chuang
 
When Web meet Native App
When Web meet Native AppWhen Web meet Native App
When Web meet Native AppYu-Wei Chuang
 
About Mobile Web Development Thing
About Mobile Web Development ThingAbout Mobile Web Development Thing
About Mobile Web Development ThingYu-Wei Chuang
 
Mojito 開發 mobile web 實戰經驗談
Mojito 開發 mobile web 實戰經驗談Mojito 開發 mobile web 實戰經驗談
Mojito 開發 mobile web 實戰經驗談Yu-Wei Chuang
 
Cocktails – Shaken, Not Stirred @osdc.tw
Cocktails – Shaken, Not Stirred @osdc.twCocktails – Shaken, Not Stirred @osdc.tw
Cocktails – Shaken, Not Stirred @osdc.twYu-Wei Chuang
 

Mehr von Yu-Wei Chuang (9)

Android N multi window
Android N multi windowAndroid N multi window
Android N multi window
 
When Web meet Native App
When Web meet Native AppWhen Web meet Native App
When Web meet Native App
 
About Mobile Web Development Thing
About Mobile Web Development ThingAbout Mobile Web Development Thing
About Mobile Web Development Thing
 
Ff os app demo
Ff os app demoFf os app demo
Ff os app demo
 
Mojito 開發 mobile web 實戰經驗談
Mojito 開發 mobile web 實戰經驗談Mojito 開發 mobile web 實戰經驗談
Mojito 開發 mobile web 實戰經驗談
 
Mojito@nodejstw
Mojito@nodejstwMojito@nodejstw
Mojito@nodejstw
 
Cocktails – Shaken, Not Stirred @osdc.tw
Cocktails – Shaken, Not Stirred @osdc.twCocktails – Shaken, Not Stirred @osdc.tw
Cocktails – Shaken, Not Stirred @osdc.tw
 
Google Ajax APIs
Google Ajax APIsGoogle Ajax APIs
Google Ajax APIs
 
Google AJAX APIs
Google  AJAX APIsGoogle  AJAX APIs
Google AJAX APIs
 

Kürzlich hochgeladen

From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .Alan Dix
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupFlorian Wilhelm
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxLoriGlavin3
 
unit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxunit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxBkGupta21
 
Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteTake control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteDianaGray10
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxNavinnSomaal
 
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionDilum Bandara
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfMounikaPolabathina
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfAddepto
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024Lonnie McRorey
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenHervé Boutemy
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxLoriGlavin3
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubKalema Edgar
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity PlanDatabarracks
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Mark Simos
 

Kürzlich hochgeladen (20)

From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
 
unit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxunit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptx
 
Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteTake control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test Suite
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
 
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special EditionDMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptx
 
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An Introduction
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdf
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptx
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity Plan
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
 

Happy facebook developer

  • 1. H APPY F ACEBOOK D EVELOPER
  • 2.
  • 3.
  • 4.
  • 5. H ISTORY AND S TATICS 2004/2    Mark Zuckerberg launch Facebook
  • 6. H ISTORY AND S TATICS 2007/10  Facebook reaches over  50 million active users 2004/2    Mark Zuckerberg launch Facebook
  • 7. H ISTORY AND S TATICS 2008/8    Facebook reaches over 100 million active users 2007/10  Facebook reaches over  50 million active users 2004/2    Mark Zuckerberg launch Facebook
  • 8. H ISTORY AND S TATICS 2009/9    Facebook reaches over 300 million active users 2009/2    Facebook reaches over 200 million active users 2008/8    Facebook reaches over 100 million active users 2007/10  Facebook reaches over  50 million active users 2004/2    Mark Zuckerberg launch Facebook
  • 9. H ISTORY AND S TATICS 2010/2    Facebook reaches over 400 million active users 2009/12  Facebook reaches over 350 million active users 2009/9    Facebook reaches over 300 million active users 2009/2    Facebook reaches over 200 million active users 2008/8    Facebook reaches over 100 million active users 2007/10  Facebook reaches over  50 million active users 2004/2    Mark Zuckerberg launch Facebook
  • 10. H ISTORY AND S TATICS 全球有 四億多 會員,台灣則有 650 萬
  • 11. H ISTORY AND S TATICS 有 50% 的會員,每天會造訪 Facebook
  • 12. H ISTORY AND S TATICS 所有會員每個月花超過 5000 億 分鐘在 Facebook 上
  • 13. H ISTORY AND S TATICS Facebook 上有 1.6 億 個物件與會員進行互動
  • 14. H ISTORY AND S TATICS Facebook 有超過 70 種語系 版本
  • 15. H ISTORY AND S TATICS 有約 70% 的 Facebook 會員來自美國以外
  • 16. H ISTORY AND S TATICS 有超過 100 萬 個網站和 Facebook 整合
  • 17. H ISTORY AND S TATICS Facebook 有超過 55 萬 個 Apps
  • 18. H ISTORY AND S TATICS 每月有 70% 的會員用使用 Apps
  • 19. H ISTORY AND S TATICS 有超過 100 萬 的會員透過手機連到 Facebook
  • 20. H ISTORY AND S TATICS
  • 21. Sony Pictures has released the first trailer for the upcoming movie, “The Social Network”, which is loosely based (sensationalized) on the history of Facebook http://www.thesocialnetwork-movie.com/ http://www.youtube.com/watch?v=mWoUgftTj3Y
  • 22. The Interface of Facebook
  • 23. The Interface of Facebook
  • 24. The Interface of Facebook
  • 25. The Interface of Facebook
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35. S OCIAL P LUGINS
  • 36.
  • 37. Demo
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 54. Introduction – from insidefacebook.com
  • 56.
  • 59.
  • 61.
  • 62.
  • 63.
  • 64.
  • 65.
  • 66.
  • 67.
  • 68.
  • 69.
  • 70.
  • 71.
  • 72.
  • 73.
  • 74. A PPS ON F ACEBOOK . COM
  • 75.
  • 76.
  • 77.
  • 80. Register facebook application – 驗證 參數 說明 Installable to? 什麼可以使用應用程式,共有兩種選擇,分別是個人檔案和粉絲專頁。 Post-Authorize Callback URL 當使用者第一次新增應用程式後,呼叫的網址。 Post-Remove Callback URL 當使用者移除應用程式後,呼叫的網址。
  • 81. Register facebook application – 個人檔案 參數 說明 標籤名稱 顯示在個人檔案頁籤的名稱。 標籤網址 當點選頁籤時所載入的網址。 Post-Remove Callback URL 當使用者移除應用程式後,呼叫的網址。
  • 82. Register facebook application – 個人檔案
  • 83. Register facebook application – 個人檔案 參數 說明 發佈文字 位於朋友的個人檔案頁面中發佈器所顯示之標題文字。 發佈回呼網址 當在朋友的個人檔案發佈資訊時所呼叫的網址。 自我發佈文字 位於使用者本人的個人檔案頁面中發佈器所顯示之標題文字。 自我發佈回呼網址 當在使用者本人的個人檔案發佈資訊時所呼叫的網址。
  • 84. Register facebook application – 畫布 參數 說明 畫布頁面網址 設定將應用程式的畫布網址,基本上,這算是應用程式的首頁網址。只要沒有其他應用程式指定的字串,我們可以將該字串設定為畫布網址。 Canvas Callback URL 應用程式真正的網址。 Post-Authorize Redirect URL 當使用者第一次確認應用程式導向的頁面,預設值為畫布頁面網址。 呈現方法 可選則 FBML 或 Iframe 。 IFrame 大小 當選擇 IFrame 時可設定其大小。 畫布寬度 當選擇畫布時可設定其大小。
  • 85. Authentication Canvas applications use cookies to get user authentication information. The cookie includes a signature for all the values as the argument sig.
  • 86.
  • 88. Request Using FBML tags you can render request forms and friend selectors.
  • 89. Bookmark, Counters, Game Dashboard, Profile Tab <fb:bookmark></fb:bookmark>
  • 90.
  • 91.
  • 92.
  • 93. FQL(3) – 支援基本的運算字 參數 說明 + 加法 - 減法 * 乘法 / 除法 > 大於 < 小於 >= 大於等於 <= 小於等於 = 等於 AND 及 OR 或 NOT 不是
  • 94. FQL(4) – 支援的函式 參數 說明 now() 取得現在的時間。 rand() 產生亂數。 strlen(string) 計算字串長度。 concat(string, ...) 合併本函式中的所有字串。 substr(string, start, length) 根據字串開始位置 start 和取得長度 length 兩個參數,取得 string 字串的部份文字。 strpos(haystack, needle) 搜尋 haystack 字串,找出該字串中第一次出現 needle 字串的位置,若找不到符合 needle 字串的文字,則回傳 -1 。 lower(string) 將字串轉換成小寫。 upper(string) 將字串轉換成大寫。
  • 95.
  • 96.
  • 97.
  • 98.
  • 99.
  • 100.
  • 101. FBML(3) <fb: 語法名稱 參數一 =&quot; 參數值 &quot; 參數二 =&quot; 參數值 &quot; ‧‧‧ > 傳入內容 </fb: 語法名稱 >
  • 103.
  • 104. FBML(6) <fb:bookmark></fb:bookmark> <fb:comments xid=&quot;titans_comments&quot; canpost=&quot;true&quot; candelete=&quot;false&quot; returnurl=&quot;http://apps.facebook.com/myapp/titans/&quot;></fb:comments>
  • 105.
  • 106.
  • 107. M OBILE APPS - iPhone

Hinweis der Redaktion

  1. Facebook 的創辦人是 馬克 · 扎克伯格 ( Mark Zuckerberg ),他是 哈佛大學 的學生,之前畢業於 阿茲利高中 (英語: Ardsley High School )。 Facebook 的名字是來自傳統的紙質「花名冊」,通常美國的大學和預科學校把這種印有學校社區所有成員的「花名冊」發放給新入學或入職的學生和教職 員,協助大家認識學校內其他成員。最初, Facebook 的註冊僅限於 哈佛學院 的學生,在隨後的兩個月內,註冊擴展至 波士頓 地區的其他高校(如 麻省理工學院 )以及 史丹福大學 、 紐約大學 、 西北大學 和所有的 長春藤名校 。第二年,很多其他學校也被邀請加入。最終,在全球範圍內有 一個大學後綴電子郵箱的人(如 .edu, .ac.uk 等)都可以註冊。之後,在 Facebook 中也可以建立起高中和公司的社會化網路。而從 2006 年 9 月 11 日起,任何用戶輸入有效電子郵件位 址都可申請。用戶可以選擇加入一個或以上網路,例如中學的、公司的、或地區。 [6]