Opensocial & Yap

Yomi955: http://www.flickr.com/photos/yomi955/783099734/sizes/o/

OpenSocial & YAP

Erik Eldridge

Brasil Open Hack Day

8-9, Nov. 2008

Presentation outline

• OpenSocial

• Cross-container OpenSocial

• YAP Dashboard

• YQL

• Resources

OpenSocial

Opensocial.org

Opensocial v 0.8

Whaddyathink? Orkut

Whaddyathink? MySpace

Get & print owner’s name

Orkut owner name screenshot

Owner data spec

Owner data scrnsht

Owner data cross-container spec

Owner data cross-container scrn

Cross-Container OpenSocial

Xenia Antunes: http://www.flickr.com/photos/xenia_antunes/168053532/sizes/l/

Split file trees

New file structure

New canvas js

Owner gender myspace

Owner gender Orkut

JavaScript & CSS tips & tricks

• JavaScript tips– Push as much as possible to backend – Avoid JS libraries, e.g. jQuery, YUI, etc.– Use server-side html generation– Server-side SDKs > client-side JS– Use JSLint & Caja Test Bed

• CSS tips– Avoid star and underscore hacks– Avoid self-clearing floats using :after

YAP

Dweekly: http://www.flickr.com/photos/dweekly/2849075649/sizes/l/

YAP Dashboard

• https://developer.yahoo.com/dashboard/

• Note: 4 app. Types– Open (YAP)– OAuth – Gen. Access – BB Auth

OAuth apps

• Use if you want to handle user data off Yahoo!

• Requires root access on domain

YAP apps

• Use if you want to handle user data on Yahoo!

YQL

Image Editor: http://www.flickr.com/photos/11304375@N07/2844536237/sizes/l/in/photostream/

YQL

• Comparable to Y! Pipes

• Very flexible

• Can access the same data as the Y! PHP SDK

Resources

• YOS docs:– http://developer.yahoo.com

• Google IO vido on cross-container OpenSocial:– http://sites.google.com/site/io/opensocial-across-containers

• Code from talk on:– http://www.geocities.com/erikeldridge/owner_and_friends/all

.txt– http://www.geocities.com/erikeldridge/owner_data/all.txt