1

Social Media : Facebook API

Social Media คออะไร

Social ในทนหมายถง สงคมออนไลน Media ในทนหมายถง เนอหา เรองราว และบทความ Social Media จงหมายถงสงคมออนไลนทมผใชเปนผสอสาร หรอเขยนเลา เนอหา เรองราว ประสบการณ บทความ รปภาพ และวดโอ ทผใชเขยนขนเอง ท าขนเอง หรอพบเจอจากสออนๆ แลวน ามาแบงปนใหกบผอนทอยในเครอขายของตน ผานทางเวบไซต Social Network ทใหบรการบนโลกออนไลน ปจจบน การสอสารแบบน จะท าผานทาง Internet และโทรศพทมอถอเทานน

2

Social Media คออะไร

เนอหาของ Social Media โดยทวไปเปรยบไดหลายรปแบบ ทง กระดานความคดเหน (Discussion boards), เวบบลอค (Weblogs), วก (wikis), Podcasts, รปภาพ และวดโอ สวนเทคโนโลยทรองรบเนอหาเหลานกรวมถง เวบบลอค (Weblogs), เวบไซตแชรรปภาพ, เวบไซตแชรวดโอ, เวบบอรด, อเมล, เวบไซตแชรเพลง, Instant Messaging, Tool ทใหบรการ Voice over IP เปนตน

3

4

ประเภทของ Social Media หรอ Social Network

1. เผยแพร “ตวตน”

2. เผยแพร “ผลงาน”

3. “ความสนใจ” ตรงกน

4. รวมกน “ท างาน”

5. โลกเสมอน

6. ใชงานในเรองอาชพ

7. รวว แสดงความคดเหน

5

Social Network ประเภท เผยแพร “ตวตน” เวบไซตเหลานใชส าหรบน าเสนอตวตน และเผยแพรเรองราวของตนเองทาง

อนเตอรเนตครบ สามารถเขยน blog สรางอลบมรปของตวเอง สรางกลมเพอน และสรางเครอขายขนมาได

6

Social Network ประเภท เผยแพร “ผลงาน” เราสามารถใชเวบไซตเหลานในการน าเสนอผลงานของตวเองไดอยางงายดาย

ไมวาจะเปนวดโอ รปภาพ หรอเสยงเพลง

ส าหรบชางภาพ หรอตากลองคนไทยหลายคนกมกจะนยมใช Multiply ในการน าเสนอผลงานภาพถายของตวเอง มการแลกเปลยนความคดเหน ตชมรปภาพกน และยงใชเปนอลบมภาพออนไลนเพอใหคนทก าลงหาชางภาพอยสามารถเขามาดผลงาน และตดตอจางชางภาพคนนนไดโดยตรง

7

Social Network ประเภท ความสนใจตรงกน เปนเวบไซตทน าเสนอสงทมความสนใจตรงกน เชน

8

เปน Online Bookmarking หรอ Social Bookmarking ครบ โดยมแนวคดทวา แทนทเราจะ Bookmark เวบทเราชอบเกบไวในเครองของเราคนเดยว สเรา Bookmark เกบไวบนเวบไมดกวาเหรอ จะไดแบงใหคนอนดไดดวย และเรากจะไดรดวยวาเวบไซตใดทไดรบความนยมมาก เปนทนาสนใจ โดยดไดจากจ านวนตวเลขทเวบไซตนนถก Bookmark เอาไวจากสมาชกคนอนๆ

„Digg กคลายๆ กน แตจะมให Vote แตละเวบทถกยกมาน าเสนอ และมการ Comment ในแตละเรองนนดวย

Social Network ประเภท รวมกนท างาน WikiPedia เปนสารานกรมตอยอด ทอนญาตใหใครกไดเขามาชวยกน

เขยน และแกไขบทความตางๆ ไดตลอดเวลา ท าใหเกดเปนสารานกรมออนไลนขนาดใหญทรวบรวมความร ขาวสาร และเหตการณตางๆ ไวมากมาย และกยงมภาษาไทยดวย

ปจจบนเราสามารถใช Google Maps สรางแผนทของตวเอง หรอแชรแผนทใหคนอนไดดวย จงท าใหมสถานทส าคญ หรอสถานทตางๆ ถกปกหมดเอาไว พรอมกบขอมลของสถานทนนๆ ไวแสดงผลจากการคนหาไดอกดวย

9

Social Network ประเภท โลกเสมอน สองตวอยางของโลกเสมอนน มนกคอเกมสออนไลนนนเอง SecondLife

เปนโลกเสมอนจรง สามารถสรางตวละครโดยสมมตใหเปนตวเราเองขนมาได ใชชวตอยในเกมส อยในชมชนเสมอน (Virtual Community) สามารถซอขายทดน และหารายไดจากการท ากจกรรมตางๆ ได

10

Social Network ประเภท ใชงานดานอาชพ Linkedin.com เปนเวบไซต Social Network คลายๆ กบ

MySpace และ Facebook ตางกนท Linkedin ใชในดานอาชพการงาน ไมไดใชทางดานความบนเทงครบ เราสามารถใช Linkedin เพอเปนทเผยแพรประวต ผลงาน หรอ Resume ของตนเองได และสามารถสรางเครอขายกบเพอนรวมงาน เจานาย หรอคนรจกไดอกดวย Linkedin จงเปนทเหมาะส าหรบผทจะน าเสนอประวตของตวเอง และอกมมหนงถาเราเปนเจาของกจการทก าลงมองหาบคคลมาเขารวมงานอย เรากสามารถใช Linkedin เพอหาประวตบคคลในเครอขาย หรอบคคลอนๆ ไดอกดวย

11

Social Network ประเภท รวว แสดงความคดเหน เปนเวบไซตทใชแสดงความคดเหน หรอใหคะแนน บอกเลา แนะน าขอมล

เกยวกบ สถานท สนคา เปนตน

12

เวบ Social Media แบงตามหมวด

1. หมวดการสอสาร (Communication) Blogs: Blogger, LiveJournal, TypePad, WordPress, Vox

Internet forums: vBulletin, phpBB

Micro-blogging: Twitter,Plurk, Pownce, Jaiku

Social networking: Avatars United, Bebo, Facebook, LinkedIn, MySpace, Orkut, Skyrock, Netlog, Hi5, Friendster, Multiply

Social network aggregation: FriendFeed, Youmeo

Events: Upcoming, Eventful, Meetup.com

13

เวบ Social Media แบงตามหมวด

2. หมวดความรวมมอ และแบงปน (Collaboration) Wikis: Wikipedia, PBwiki, wetpaint

Social bookmarking: Delicious, StumbleUpon, Stumpedia, Google Reader, CiteULike

Social news: Digg, Mixx, Reddit

Opinion sites: epinions, Yelp

14

เวบ Social Media แบงตามหมวด

3. หมวดมลตมเดย (Multimedia) Photo sharing: Flickr, Zooomr, Photobucket, SmugMug

Video sharing: YouTube, Vimeo, Revver

Art sharing: deviantART

Livecasting: Ustream.tv, Justin.tv, Skype

Audio and Music Sharing: imeem, The Hype Machine, Last.fm, ccMixter

15

เวบ Social Media แบงตามหมวด

4. หมวดรวว และแสดงความคดเหน (Reviews and Opinions)

Product Reviews: epinions.com, MouthShut.com, Yelp.com

Q&A: Yahoo Answers

5. หมวดบนเทง (Entertainment) Virtual worlds: Second Life, The Sims Online

Online gaming: World of Warcraft, EverQuest, Age of Conan, Spore (2008 video game)

Game sharing: Miniclip

16

17

Social Network API

„ API คอ สวนตดตอส าหรบใหผใชงานเรยกใชฟงกชน โมดล (module) หรอยทลต (utility)

„ ซงมการจดเตรยมไวโดยระบบปฏบตการ หรอเซอรวส ใหผใชงานอนสามารถเรยกใชงานได

„ ไมแสดงสวนของฟงกชน โมดล หรอยทลลตทอยภายใน

18

Facebook API „ เปน Social Network API ชนดหนง

„ Facebook มการเปด Platform ใหบรรดานกพฒนาโปรแกรมสามารถพฒนาโปรแกรมหรอ Application ตาง ๆ ไปยง Facebook ได

„ Facebook ไดจดเตรยม API ส าหรบสราง Application ทสามารถเรยกใชไดผาน Web Service ของ Facebook

„ โดยศกษาไดจาก Wiki Facebook และม Tool ในการทดสอบ Method การท างาน

19

ความนยมใน Social Network

20

21

Facebook

22

23

24

25

Facebook Application • การสราง Quiz http://apps.facebook.com/makeaquiz/

26

• http://apps.facebook.com/restaurantcity

27

• http://apps.facebook.com/sunshine_ranch

28

• http://apps.facebook.com/texas_holdem

29

ขนตอนการท า Facebook Application

• http://www.facebook.com/developers/

30

Create Application

- Application Name - เลอก เหนดวย และกดบนทก

31

• Tab Basic

- Application Name - คา Key ตางๆ - Description - Icon - Logo - Developers - E-mail

32

• Tab Authentication - Installable to? - การแจงเตอนจาก facebook เกยวกบการใช และ remove ของ user

33

• Tab Profile

- ขอมล Profile ตางๆ - เกยวกบการโฆษณา Application

34

• Tab Convas

- เวบจรงทใชประมวลผล - เวบท Bookmark - การก าหนด Frame

35

• Tab Connect

- URL ของ Host

36

• Tab Widgets - Developer - Admin - Moderators - Whist List / Black List

37

• Tab Advanced - Application Type - Sandbox Mode

38

\

39

Client Library

40

facebook-platform - \footprints >> เปน app ตวอยางซงใช Setting แบบ

FBML ในการรนใชงาน

index.php

config.php

lib.php

41

- \php

- \jsonwrapper

- \JSON >> ใชส าหรบถา host ทเราใชอย ไมสามารถใช function json_encode

และ json_decode ไดกจะตอง include ใช library ในสวนนดวย - JSON.php

- jsonwrapper_inner.php

- jsonwrapper.php

- facebook.php >> ตดตอกบ Facebook - facebook_desktop.php >> ไวใชสราง App ทอยบน Desktop

- facebook_mobile.php >> ไวใชสราง App ทอยบน mobile

- facebookapi_php5_restlib.php >> เกบ Facebook API

42

Facebook Developer | Tools

นอกจากนทาง Facebook ยงไดม สวนทไวในการทดสอบ Method ตางๆ ทใชใน Facebook โดยทไดทาง Facebook ไดม Tools ทใชในการทดสอบคาการสง Parameter ของ Method ตางๆ

เมอท าการกดแลวจะเขาสหนาตอไปน

43

โดยในหนานจะเปนการทดสอบการท างานของ Method ตางๆ ในสวน ของ API Test Console

1. ซงในหนานจะ บอกคา User ID ของผทท าการพฒนา Application ดงกลาว

44

2. เมอท าการกดท Application ในสวนน จะแสดงชอ Application ทงหมดทเราไดท าการพฒนา

45

3. เมอท าการกดในสวนนจะเปนแบบการตอบ ซงเมอกดแลว จะม 3 สวนการแสดงผลของ Method ทเราตองการจะศกษา โดยมใหเลอก 3 อน คอ 1. XML - จะแสดงผลเปน ขอมล XML 2. JSON - จะแสดงผลเปน ขอมล JSO 3. Facebook ทพฒนาโดยภาษา PHP – ในสวนนจะเลอกเพอใชในการแสดงผล ( Out put ) ของ Method ทเราเลอกไว

46

4. เมอท าการกดสวนน จะเปนมการแสดง Mothed ทงหมดใชเราเลอกทดสอบการใชงาน

47

48

2. Function ทเราตองใชในการสงคา Parameter

3. แสดงผลทไดจากการสงคา Parameter ( ในทนแสดงผลเปนภาษา XML เนองจากไดเลอก แบบการทดสอบเปนภาษา XML ซงเราสามารถแสดง Output ไดหลายแบบโดยท าการเลอกท หวขอแบบการทดสอบ)

1. แสดง TextBox ทท าการรบคา Parameter ตางๆทตองใชกบ Method ทเราตองการจะ ทดสอบ

49

FBML (Facebook Markup Language)

เปน tag พเศษททาง facebook ออกแบบขนเอง เพอใหน าไปแทรกปนกบ HTML ตามทเราตองการไดเลย ชวยใหเราสามารถแสดงผลขอมลไดโดยไมตองใช Facebook API ดานบนเลยในบางกรณ รวมทงพวก Component ทเปน template ของ Facebook อยแลวกจะม tag FBML ปนอยในนดวย

50

ท าการกดไปทเมนดานบนแลวท าการเลอกใช FBML Test Console

51

Application ทพฒนาขน

52

สวนท 1

53

1. require_once 'facebook.php'; การน าเขา file require() กบ require_once() ซงถาไมเจอไฟลตามทระบแลว มนจะรายงาน error มา

เปนFinal error ทนท 2. $appapikey = 'efe0ca0d93dc6a8c23570f4194873a1c'; รหสทขอเปน developer -------- your Developer API key 3. $appsecret = '3ecf58639602467754c3f02191fd781a'; รหสทขอเปน developer-----------your Developer API secret 4. $facebook = new Facebook($appapikey, $appsecret); ใส Application API Key กบ Application Secret ทไดมาเพอสราง Object class Facebook เพอ

เรมตนการตดตอกบ server facebook 5. $user_id = $facebook->require_login(); ตรวจสอบวา user ได login เขา facebook ไวหรอยง หากยงจะ redirect เขาหนา Login ของ

facebook โดยอตโนมต

อธบาย Code

54

สวนท 2

อธบาย Code

1. $friends = $facebook->api_client->friends_get();

- เรยกใช API Facebook friends.get 2. $friend = array_slice($friends, 0, 100); - มการเรยกขอมลของเพอนทงหมดลงใน $friend 3. foreach ($friends as $friend) { $count = $count + 1; $IDUser[$count] = $friend; }

- ท าการเกบขอมลเพอนทงหมดลงใน Array ชอ $IDUser[$count]

55

สวนท 3

อธบาย Code

มการเรยกใชงาน Method ชอ $facebook->api_client->users_getInfo('',''); เพอท าการสงคา $IDUser[$i] ไปรองขอ profile_url ( Link ไปหนา Profile) จาก Facebook มการเรยกใชงาน Method ชอ $facebook->api_client->users_getInfo('',''); เพอท าการสงคา $IDUser[$i] ไปรองขอ pic_square ( รปท Show หนา Profile) จาก Facebook

56

การท างานของสวนน เมอท าการกดทรปทเราสนใจนนจะท าการ Link ไปยงหนา Profile ของบคคลนน

57

สวนท 4

มการเรยกใชงาน Method ชอ $facebook->api_client->users_getInfo('',''); เพอท าการสงคา $IDUser[$i] ไปรองขอ name ( ชอของ User ) จาก Facebook

อธบาย Code

58

การท างานของสวนน มการแสดงชอ ของ User ในตางละคน ในสวนน

59

สวนท 5

อธบาย Code มการเรยกใชงาน Method ชอ $facebook->api_client>photos_getAlbums(‘’,''); เพอท าการสงคา $IDUser[$i] ไปรองขอ เลข ID ของ Album รป แตละ Album ของผใชในแตละคนจาก Facebook

60

อธบาย Code มการเรยกใชงาน Method ชอ $facebook->api_client->photos_get('','',’’); เพอท าการสงคา $AlbumType['cover_pid'] ไปรองขอ เลข ID ของ รปภาพทเปนรป Profile ใน แต

ละ Album ของผใชในแตละคนจาก Facebook เพอท าการ Show

61

การท างานของสวนน เมอท าการกดท Album แตละ Album จะเปนการเปดดรปภาพภายใน Album ของแตละ Album

62

สวนท 6

อธบาย Code มการเรยกใชงาน Method ชอ $facebook->api_client->comments_add('','','0','','',''); เพอท าการสงคา $ xid และ $text ไปเกบไวในฐานขอมลการ Comment ของ facebook เพอแสดง Show ในสวนของ Comment

การท างานของสวนน เมอท าการใสขอมลลงไปใน ชอง Comment ทก าหนดให แลวท าการกดปม Send จะทการ สงขอความไปยง สวน Comment ใน Facebook ของแตละคนทเราตองการจะ Comment

63

สรป

http://apps.facebook.com/justoneclick