hi5 Platform

OpenSocial Container
   Implementation
hi5 Platform
  About hi5
  Developer Console
  Integration Points
  Application Discovery
  hi5 OpenSocial Extensions
  Wh...
hi5 - Dominant Global Social Network
We are one of the largest web sites in the world (#8 on Alexa)
and the most global of...
Hi5’s Demographics
  Broad reach across major demos:
      18 to 34 primary
      Roughly 50%split male/female
      US tr...
Developer Console
 OpenSocial 0.7
 Shindig servers hosted at hi5

 Add and manage applications
     Refresh metadata from ...
Developer Console
Integration Points
  Preview
  Homepage
     My Applications
  Profile Module
     Draggable, minimizable
     Skins featu...
Preview
Homepage
Profile Module
Skins feature allows seamless UI integration
Using Skins
In ModulePrefs:
<Require feature=quot;skinsquot;/>

In Your Application:
function setSkin() {
   document.writ...
Canvas Page
Application Discovery
  Application Directory
      Categories, sorting and filtering
  Application Homepage
      My Frie...
Application Directory
Applications Homepage
Discover applications as filtered by your networks or manage
our own applications
Friend Updates
  On both homepage and profile page
  Created using the OpenSocial Activity API (requestCreateActivity)
  P...
Notifications
  Sent using the OpenSocial request* API. (requestSendMessage,
  type=NOTIFICATION)
  Limited to 5 per user ...
Invites
  All apps have built-in invite flow from profile and canvas pages
  We will offer limited or no ability to redire...
hi5 OpenSocial Extensions API
An optional feature that provides access to additional hi5-
specific functionality
   New da...
Adding the hi5 OpenSocial API

In ModulePrefs:

<Optional feature='hi5'/>
Capabilities Discovery
function loadFriends() {
  var req = opensocial.newDataRequest();
  req.add(req.newFetchPersonReque...
Capabilities Discovery
  var mediaItems = new Array();
  var mediaItem = opensocial.newActivityMediaItem(opensocial.Activi...
hi5 REST API

  api.hi5.com

 Roadmap
  We will add support to access more of our REST API via
  OpenSocial calls
  We wil...
More reasons to develop for hi5...
  A new audience via our unique footprint in Latin America,
  Europe and Asia
     Of t...
More reasons to develop for hi5...
  $$$
     A dedicated canvas page that can be monetized
     Promotions on the hi5 blo...
More reasons to develop for hi5...

  Translation Services
     We plan on offering translation support into Spanish to
  ...
hi5 Platform Roadmap
   Several hundred apps in our sandbox that we are reviewing
   and working with developers to finali...
Demo

PixWall, by PixVerse on hi5
http://lou.sandbox.hi5.com/friend/apps/entry/gs1.rs.pixverse.com:15900/hi5pixwall/gadget
Resources For Container Developers
Specification
http://code.google.com/apis/opensocial/

For container developers
http://...
Resources For Application Developers
Specification
http://code.google.com/apis/opensocial/
REST API: http://groups.google....
Questions
Upcoming SlideShare
Loading in …5
×

hi5 Platform Presentation (Google User Group)

2,520
-1

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
2,520
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
36
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

hi5 Platform Presentation (Google User Group)

  1. 1. hi5 Platform OpenSocial Container Implementation
  2. 2. hi5 Platform About hi5 Developer Console Integration Points Application Discovery hi5 OpenSocial Extensions Why Develop for hi5? Roadmap Demo
  3. 3. hi5 - Dominant Global Social Network We are one of the largest web sites in the world (#8 on Alexa) and the most global of all the social networking sites. Over 80+ million registered members and ~40 million WW unique users Most popular Spanish-speaking social network in the world Top 10 in Latin America Mexico, Colombia, Bolivia, Guatemala, Peru, Costa Rica, Nicaragua, Honduras, Ecuador, El Salvador Top 10 in Rest of the World Portugal, Greece, Romania, Cyprus, Thailand, Jamaica, Sri Lanka, Kuwait, Jordan, Oman
  4. 4. Hi5’s Demographics Broad reach across major demos: 18 to 34 primary Roughly 50%split male/female US traffic: significant percentage is Hispanic Diverse traffic from Europe (25%), North America (15%) and Central & South America (31%), Asia (21%) Offered in 15 languages Grew big in most international countries with English first and then translated Members use the site primarily to keep in touch with their friends. Users have limited self-expression tools - skins, widgets, etc.
  5. 5. Developer Console OpenSocial 0.7 Shindig servers hosted at hi5 Add and manage applications Refresh metadata from gadget prefs Manage other developers Manage API Keys Submit applications to the hi5 directory hi5 Developer Blog feed Simple in-line application editor View analytics for live applications
  6. 6. Developer Console
  7. 7. Integration Points Preview Homepage My Applications Profile Module Draggable, minimizable Skins feature allows seamless UI integration Canvas Page Dedicated page for applications Monetization opportunity, allows embedded ad tags
  8. 8. Preview
  9. 9. Homepage
  10. 10. Profile Module Skins feature allows seamless UI integration
  11. 11. Using Skins In ModulePrefs: <Require feature=quot;skinsquot;/> In Your Application: function setSkin() { document.write('<style type=quot;text/cssquot;>'); document.write('.main {'); bgColor = gadgets.skins.getProperty(gadgets.skins.Property.BG_COLOR); if(bgColor) { document.write('background-color:' + bgColor + ';'); } document.write('}'); document.wrtie('</style>'); }
  12. 12. Canvas Page
  13. 13. Application Discovery Application Directory Categories, sorting and filtering Application Homepage My Friends' applications Other recommendations Manage your applications Viral Channels Friend Updates Notifications Invites Email (limited to 1 per user per app per day)
  14. 14. Application Directory
  15. 15. Applications Homepage Discover applications as filtered by your networks or manage our own applications
  16. 16. Friend Updates On both homepage and profile page Created using the OpenSocial Activity API (requestCreateActivity) Publication not guaranteed but typically high (> 80%)
  17. 17. Notifications Sent using the OpenSocial request* API. (requestSendMessage, type=NOTIFICATION) Limited to 5 per user per app per day
  18. 18. Invites All apps have built-in invite flow from profile and canvas pages We will offer limited or no ability to redirect users to invite
  19. 19. hi5 OpenSocial Extensions API An optional feature that provides access to additional hi5- specific functionality New data requests Photos (hi5.fetchAlbumsDataRequest) Online Presence (hi5.fetchPresenceRequest) Status (hi5.fetchStatusRequest) New fields Link for friend update media (hi5.ActivityMediaItemField. LINK) More image sizes(hi5.ProfileField.SMALL_IMG_URL, etc) Simple template/tag library More to come!!
  20. 20. Adding the hi5 OpenSocial API In ModulePrefs: <Optional feature='hi5'/>
  21. 21. Capabilities Discovery function loadFriends() { var req = opensocial.newDataRequest(); req.add(req.newFetchPersonRequest('VIEWER'), 'viewer'); req.add(req.newFetchPeopleRequest('VIEWER_FRIENDS'), 'viewerFriends'); req.add(req.newFetchPersonAppDataRequest('VIEWER', 'gifts'), 'data'); req.add(req.newFetchPersonAppDataRequest('VIEWER_FRIENDS', 'gifts'), 'viewerFriendData'); if(gadgets.util.hasFeature('hi5')) { req.add(hi5.newFetchStatusRequest('OWNER'),'ownerStatus'); req.add(hi5.newFetchStatusRequest ('VIEWER_FRIENDS'),'viewerFriendsStatus'); req.add(hi5.newFetchPresenceRequest ('VIEWER_FRIENDS'),'viewerFriendsPresence'); req.add(hi5.newFetchAlbumsRequest('OWNER'),'ownerAlbums'); } req.send(onLoadFriends); }
  22. 22. Capabilities Discovery var mediaItems = new Array(); var mediaItem = opensocial.newActivityMediaItem(opensocial.Activity.MediaItem.Type.IMAGE, viewer. getField(opensocial.Person.Field.THUMBNAIL_URL)); if(gadgets.util.hasFeature('hi5') && opensocial.getEnvironment().supportsField(opensocial.Environment. ObjectType.ACTIVITY_MEDIA_ITEM, hi5.ActivityMediaItemField.LINK)) { mediaItem.setField(hi5.ActivityMediaItemField.LINK, viewer.getField(opensocial.Person.Field. PROFILE_URL)); }
  23. 23. hi5 REST API api.hi5.com Roadmap We will add support to access more of our REST API via OpenSocial calls We will move towards compliance with a standard OpenSocial REST API implementation
  24. 24. More reasons to develop for hi5... A new audience via our unique footprint in Latin America, Europe and Asia Of the more than 80 million individuals registered with hi5, less than a third are also active on the other leading social networks, incl. FB, MySpace, Bebo, Friendster (comscore) OpenSocial! Because hi5 is a founding adopter of OpenSocial, developers’ apps can be deeply embedded within hi5, as well as easily translated beyond hi5 to other OpenSocial- enabled websites
  25. 25. More reasons to develop for hi5... $$$ A dedicated canvas page that can be monetized Promotions on the hi5 blog (one developer post/mo – rotating among our registered developers with popular apps) Free Infrastructure from Joyent hi5 Developers could win one year of Joyent’s Free Accelerator™ scalable, on-demand infrastructure for their hi5 app! Limited number at launch, more to come
  26. 26. More reasons to develop for hi5... Translation Services We plan on offering translation support into Spanish to the first 100 high-quality applications approved for production We look forward to offering built-in translation support for all hi5 applications in multiple languages in future versions of the platform
  27. 27. hi5 Platform Roadmap Several hundred apps in our sandbox that we are reviewing and working with developers to finalize. White-list style approach to ensure app quality and user- centric relevancy (guidelines to be published this week) March 15th Hackathon Hosted at the Google Campus in Mountain View, geared towards helping developers finalize their applications for launch. RSVP by emailing hackathon@hi5.com March 31st Public Launch Public rollout begins! We'll launch with as many applications that have met our guidelines and are ready to go live.
  28. 28. Demo PixWall, by PixVerse on hi5 http://lou.sandbox.hi5.com/friend/apps/entry/gs1.rs.pixverse.com:15900/hi5pixwall/gadget
  29. 29. Resources For Container Developers Specification http://code.google.com/apis/opensocial/ For container developers http://incubator.apache.org/shindig/ http://code.google.com/p/google-caja Pat's delicious feed: http://del.icio.us/chanezon/opensocial
  30. 30. Resources For Application Developers Specification http://code.google.com/apis/opensocial/ REST API: http://groups.google.com/group/opensocial-and- gadgets-spec Code Samples and Tools http://code.google.com/p/opensocial-resources/ Sandboxes http://developer.myspace.com/ http://www.hi5networks.com/developer/ http://opensocial.ning.com/ http://pulse.plaxo.com/pulse/gadgets/ http://code.google.com/apis/orkut/ Pats delicious feed: http://del.icio.us/chanezon/opensocial
  31. 31. Questions
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×