gdd2009 open social-introduction-of-google-friend-connect
TRANSCRIPT
http://www.flickr.com/photos/15572431@N03/2091314252
4
http://webleon.org/2008/05/google-friend-connect.html
6
7
8
9
JavaScript APIs
JSONP
HTML + JavaScript
10
5,000,000
5M:
100,000
100K:
13
( )
15
16
17
http://www.flickr.com/photos/caotieou/2237283361/
http://www.flickr.com/photos/twose/887903401
http://www.flickr.com/photos/jakub_hlavaty/709973018
21
http://www.flickr.com/photos/kubina/471164507
http://www.flickr.com/photos/bluefootedbooby/370462145
24
Social Web Blog ( + )
Social Web Blog ( + )
2
5
25
Social Web Blog ( + )
2
6
26
27
28
http://www.flickr.com/photos/totalaldo/2399469680/
30
31
32
33
34
160px - 180px
35
Comments Comments
36
»
37
»«
38
»«
39
http://www.flickr.com/photos/jreed/419728489
41
42
– – ( )
– – ( )
43
44
=851783050906
?
45
46
http://www.flickr.com/photos/79557817@N00/122664322/in/set-72057594052967676/
OpenSocial API
4848
4949
5050
5151
5252
5353
20+
20+: OpenSocial SNS
700,000,000
700M:
http://www.flickr.com/photos/emagic/51069522
57
58
59
60
. . . . . . . . . . .
61
http://www.flickr.com/photos/bluefootedbooby/370460130
63
64
Comments on this page:
Jane said: “digit is so cute!”
John said: “too girly, I want a real dog”
Jane said: “awww, John is nuts!”
Tom said: “what breed is she?”
Kim said: “a goldendoodle!”
John said: “that’s not a breed”
1-6 of 424242
65
blog.getCommentsJson(onLoadFeed);
function onLoadFeed(data) {// Iterate over the array items
for (var i = 0; i < data.length; i++) {
var author = data[i].author;
a.appendChild(document.createTextNode(
author.name + “wrote..."));
dt.appendChild(a);
dd.appendChild(document.createTextNode(
data[i].content));
var openSocialId = author.openSocialId;
// if author is public follower and one of friendsif (openSocialId && friendProfiles[openSocialId]) {
dt.style.backgroundColor = "yellow";
dd.style.backgroundColor = "yellow";
}
}
}
http://www.flickr.com/photos/madaise/3213868369
67
1
2
68
69
70
<Optional feature="skins"/>
$("someElement").style.borderColor =
gadgets.skins.getProperty('BORDER_COLOR');
71
1
2
http://www.flickr.com/photos/munksynz/1350801503
73
: http://e.com/zh_ALL.xml<messagebundle><msg name=”greeting”> </msg>
</messagebundle>English: http://e.com/en_ALL.xml
<msg name=”greeting”>Hello</msg>
<Locale lang="zh-cn" essages="http://e.com/zh_ALL.xml"/><Locale lang="en" messages="http://e.com/en_ALL.xml"/>.....
<h1>__MSG_greeting__</h1>
http://www.flickr.com/photos/24072855@N08/2909789213
5,000,000
5M:
100,000
100K:
http://www.flickr.com/photos/criminalintent/94440474
81
http://www.google.com/friendconnect/submitgadget
GFC