Part 3: Online Social Networks

Transcription

1 1 Part 3: Online Social Networks

2 Today's plan Project 2 Questions? 2

3 Social networking services Social communities Bebo, MySpace, Facebook, etc. Content sharing YouTube, Flickr, MSN Soapbox, etc. Corporate LinkedIn, Plaxo, etc. Portals MSN, Yahoo 360, etc. Recommendation engines Last.fm, StumbleUpon, Digg, Me.dium, etc. Bookmarking/Tagging Del.icio.us, CiteUlike, Furl, etc. Discussion groups Blogs, forums, chat, messaging, Live QnA, etc. Mobile social networks Vipera, Nokia MOSH, etc. Virtual worlds Second life 3

4 Social Network Sites: History [Boyd et al., 2007] SixDegrees.com the first recognizable OSN Profiles and lists of friends Combined existing features! Failed - Nothing to do after accepting friend requests. OSN wave after 2001 Friendster: Technical and social difficulties with scale! Fakesters diluted the community MySpace: Capitalized on Friendster s problems Bands and fans Allowed personalization of profiles Facebook: Growth: Harvard-only => University-only => high schools & professionals => everyone Introduced applications (provided APIs) 4

5 Social networking services Shift in online communities OSNs are organized around people Egocentric networks WEB: world composed of groups OSNs: world composed of networks Source: Bebo, Social Media getting your message across 5

6 What do social networks enable? Leveraging the community in traditional applications Content/information sharing Search Information management Recommendations Advertisements 6

7 What is social media marketing anyway? Growing out of search marketing, and public relations before that Social media marketing is any way you can get attention for your message using people connected to the Internet People + message + Internet = social media marketing 7

8 Content-based social media marketing Focuses on the content to be posted and passed around: blogs, videos, photos, news stories, podcasts Or bookmarks to the content Feeds viral marketing Content sites Bookmarking sites 8

9 Personality-based social media marketing Consumer companies create character profiles, but may not be the best marketing for IT companies IT consultants create professional profiles 9

10 Interest-based social media marketing Communities form around topics of interest, such as message boards and specialty search engines IT marketers must get into these conversations Maybe social bookmarking sites fit into this category, too 10

11 Fantasy-based social media marketing Virtual worlds, inhabited by avatars, allow fantasy lives that marketers wish to be part of Apple, IBM, and other companies already play Kids have their worlds, too, but IT marketers can safely ignore them 11

12 Social media marketing can be planned Choose interesting topics for your stories just like good old public relations Use good titles and descriptions just like search marketing Make it easy to bookmark, unless you think that s cheesy <title> 12

13 Even virtual worlds get marketing plans IBM has over 4,000 employees who participate in over 30 Virtual Worlds Orientation Area and Map of part of IBM s presence in Second Life IBM has more than 30 virtual islands in Second Life for developer support, client meetings, and more 13

14 Plan for next two weeks Today: Facebook platform overview PHP language Next Tuesday (Lecture) PHP (continued), Ziran Chen leading Next Thursday (Lab session) Project 2 presentations Facebook API, "hello world" Assignment 4: First Facebook App 14

15 What is Facebook Social Network More than 1Billion users worldwide Gallery, Profile Management, Collaboration, Notes, Ratings, Discussion Boards, Video all in one place You don t need to pay anything to access it 15

16 Benefits of developing on FB Platform User management is done by FB Harvest social relationships Viral marketing Easy to develop, promote and monetize Bring an existing app and brand into FB Support for different languages 16

17 Seriously, what can I develop? Imagination is the limit Games Dumb entertaining apps Content sharing apps Business apps Social network aggregator and mash-ups 17

18 Lets Start! 18

19 How an app works 19

20 Facebook Platform Allows third parties to develop web or desktop applications that leverage user data and Facebook s social graph e.g. name, networks, photos, friends, marketplace, etc deeply integrate into the Facebook ecosystem e.g. profile real estate, mini-feed, look and feel, etc Frontend Integration (UI) Reusing Facebook s controls and styles Backend Integration (Data) Access to user data and settings as well as scalable data store 20

21 Frontend Platform Markup (FBML) extension of HTML Stands for Facebook Markup Language Improves usability by allowing third-party applications to leverage existing Facebook UI controls dashboard, invite users, comments, forms, type-ahead, etc Adheres to each user s privacy settings automatically Scripting (FBJS) Stands for Facebook JavaScript Facilitates Javascript functionality in a safe context Includes native support for Ajax and Animation libraries 21

22 Backend Platform Query (FQL) Stands for Facebook Query Language Offers SQL-like interface to get/set user data Interface (API) Offers REST-like interface to get/set user data Client (wrapper) libraries exist in 17+ programming languages PHP, Ruby, C#, Java, Perl, Python, Lisp, etc Encapsulate common, mundane and generally difficult to get right tasks such as authentication, encryption, transformation, etc Data Store Facebook offers applications free (though capped) data store that is highly scalable (i.e. optimized distributed tables) 22

23 FB Platform Architecture Facebook returns requested page to User User makes request for an application hosted page Facebook sends request to application Facebook renders (parses) response from application Application renders and returns response to Facebook Your code processes form request using PHP and generates FBML pages 23

24 PHP Syntax <?php /* code */?> Example ( ) <html> <body> <?php?> echo "Hello World"; </body> </html> 24

25 Intro to PHP PHP stands for PHP: Hypertext Preprocessor is a widely-used, open source scripting language scripts are executed on the server PHP files can contain text, HTML, JavaScript code, and PHP code code is executed on the server, and the result is returned to the browser as plain HTML PHP files have a default file extension of ".php" 25

26 What Can PHP Do? generate dynamic page content create, open, read, write, and close files on the server collect form data send and receive cookies add, delete, modify data in your database restrict users to access some pages on your website encrypt data 26

27 PHP Variables A variable is created the moment you first assign a value to it: $txt="hello world!"; <?php $x=5; $y=6; $z=$x+$y; echo $z;?> PHP automatically converts the variable to the correct data type, depending on its value

28 Scope Four variable scopes: local global static parameter <?php $x=5; // global scope function mytest() { echo $x; // local scope } mytest();?> 28

29 Global Scope A variable that is defined outside of any function, has a global scope. Global variables can be accessed from any part of the script, EXCEPT from within a function. To access a global variable from within a function, use the global keyword: <?php $x=5; // global scope $y=10; // global scope function mytest() { global $x,$y; $y=$x+$y; } mytest(); echo $y; // outputs 15?> 29

30 PHP Strings Very similar to JavaScript 30

31 Control Flow if statement - executes some code only if a specified condition is true if...else statement - executes some code if a condition is true and another code if the condition is false if...else if...else statement - selects one of several blocks of code to be executed switch statement - selects one of many blocks of code to be executed 31

32 PHP Arrays <?php $cars=array("volvo","bmw","toyota"); echo "I like ". $cars[0]. ", ". $cars[1]. " and ". $cars[2]. ".";?> 32 CS190: Web Science and Technology,

33 PHP Loops <?php $cars=array("volvo","bmw","toyota"); $arrlength=count($cars); for($x=0;$x<$arrlength;$x++) { echo $cars[$x]; echo "<br>"; }?> 33 CS190: Web Science and Technology,

34 Associative Arrays Associative arrays are arrays that use named keys that you assign to them. $age['peter']="35"; $age['ben']="37"; $age['joe']="43"; 34

35 Loop through Associative Arrays $age=array("peter"=>"35","ben"=>"37","joe"=>"43"); foreach($age as $x => $x_value) { echo "Key=". $x. ", Value=". $x_value; echo "<br>"; }?> 35

36 PHP Functions 36

37 PHP Forms <html> <body> Welcome <?php echo $_POST["fname"];?>!<br> You are <?php echo $_POST["age"];?> years old. </body> </html> 37

38 Exercise Re-implement the JavaScript calculator app in PHP 38