Y!OS Overview and Deep Code Dive

Yahoo! Open Strategy Y!OS December 20, 2008 Jonathan LeBlanc – YDN

Y!OS Goals

Establish a Social Dimension – Profiles http://profiles.yahoo.com

Establish a Social Dimension – Small View http://my.yahoo.com

Opening Yahoo – Application platform (YAP) http://developer.yahoo.com/dashboard

Opening Yahoo – Application Gallery http://apps.yahoo.com/myapps

YAP Components How does it work?

YAP Components – Open Authentication (OAuth)

2-legged & 3-legged OAuth

Consumer / Shared Secret keys

Similar to BBAuth, but open standard

YAP Components – Yahoo! Markup Language (YML) http://developer.yahoo.com/yap/yml

Allows secured access to private data

Can use ‘me’ and ‘viewer’ keywords

Small view uses YML lite

Will begin integrating into OSML

YAP Components – Social APIs http://developer.yahoo.com/social/

Social Directory (read)

Contacts (read)

User Status (read / write)

Updates (read / write)

YAP Components – Caja http://code.google.com/p/google-caja

HTML / CSS / JavaScript securer

Enforces standards

Includes JSLint

YAP is the first major platform to fully integrate this technology (and keep it running)

YAP Components – Software Development Kits (SDKs) http://developer.yahoo.com/social/sdk PHP SDK Currently Available Open and OAuth Applications ActionScript 3 SDK Currently Available Open Applications Java SDK in Development Open and OAuth Applications

YAP Components – Yahoo! Query Language (YQL) http://developer.yahoo.com/yql

SQL-like syntax

Private / Public Data

Use of certain YDN API’s

Captures external data feeds

YAP Applications How do They Work?

YAP Applications – Open Applications

Runs on platform

Can use 2 & 3 legged OAuth

Contain small and large views

Small view uses YIV & iframe to secure

Large view uses Caja to secure

Supports OpenSocial 0.8

YAP Applications – Open Applications Creating an Open Application – Step 1

YAP Applications – Open Applications External Access Prohibited

YAP Applications – OAuth Applications

Runs off platform

Uses 2 & 3 legged OAuth

Does not contain views

Requires Users to Authenticate Session

YAP Applications – OAuth Applications Creating an OAuth Application – Step 1

Y!OS Resources How Do I Get Started?

Y!OS Resources - Documentation

Y!OS Main Overview - http:// developer.yahoo.com/yos

YAP Main Overview - http://developer.yahoo.com/yap

YQL Docs - http://developer.yahoo.com/yql

YML Docs - http://developer.yahoo.com/yap/yml

Caja - http://code.google.com/p/google-caja/

Caja Support - http://developer.yahoo.com/yap/guide/caja-support.html

Slide Deck (Overview) - http://www.slideshare.net/jleblanc/yos-presentation-presentation

Slide Deck (Deep Dive) - http://www.slideshare.net/jleblanc/sdk-presentation-presentation/

Y!OS Resources – Tools and Galleries

YAP Dashboard - http://developer.yahoo.com/dashboard

YQL Console - http://developer.yahoo.com/yql/console

JSLint - http://www.jslint.com

Application Gallery - http:// apps.yahoo.com/myapps

YDN Forum - http://developer.yahoo.com/forum

PHP SDK - http://developer.yahoo.com/social/sdk/

AS3 SDK - http://developer.yahoo.com/flash/yos/

Y!OS Deep Dive December 20, 2008 Jonathan LeBlanc – YDN

Y!OS Code Overview Yahoo! Markup Language (YML)

YML – Available Tags YML Tags yml:a yml:audio yml:form yml:friend-selector yml:if-env yml:image yml:message yml:name yml:profile-pic yml:pronoun yml:share yml:swf yml:user-badge yml:visible-to-friends yml:visible-to-owner yml:visible-to-user YML Lite Tags yml:a yml:audio yml:form yml:if-env yml:image yml:name yml:profile-pic yml:pronoun yml:user-badge

YML – Syntax Rules

YML tags are namespaced with yml:. However, since YML documents are not actually XML, no formal namespace declaration is required.

All attributes must be enclosed in double quotes. To specify double quotes within an attribute value, enter the " character reference.

If the data type of an attribute is boolean, allowed values are "true" and "false", which must be enclosed in double quotes.

Singleton tags (that is, tags with no closing tags) must end with /> .

White space and indentations are passed through, but ignored in the interpretation phase.

YML tags accept and produce characters in UTF-8 only.

YML – Sample YML Use Tab Controller

YML – Sample YML Use Tab Construction

YML – Sample YML Use Tab Styles

Y!OS Code Overview PHP SDK

PHP SDK – 2-Legged OAuth Initialization Used For: Applications which only require access to public user data and open APIs

PHP SDK – 3-Legged OAuth Initialization

Used For:

Applications requiring private data access

PHP SDK – User Data Manipulation

PHP SDK – Create an Update for a User

PHP SDK – Set the Status (Presence) of a User

Y!OS Code Overview Yahoo! Query Language

YQL – Console Location: http://developer.yahoo.com/yql/console

YQL – Query Structure Projection - SELECT what FROM table - SELECT * FROM social.connections Local and Remote Filtering - SELECT what FROM table WHERE filter - SELECT * FROM social.profile WHERE guid = me Sub-selects - Joining Data - SELECT what FROM table WHERE fieldvalue IN (SELECT ...) - SELECT * FROM social.profile WHERE guid IN (SELECT guid FROM social.connections WHERE owner_guid=me) Local Paging Control - SELECT what FROM table WHERE filter LIMIT 10 OFFSET 50 - SELECT * FROM web.search WHERE query="madonna" LIMIT 3 OFFSET 10 Remove Table Size Control - SELECT what FROM table(0,500) WHERE condition - SELECT * FROM web.search(0,10) WHERE query="madonna" AND result.XXX = something

YQL – Available Tables YQL Command: SHOW tables

YQL – Table Contents YQL Command: DESC social.connections

YQL – Running a Query

YQL – Output Types

Y!OS Code Overview Caja

Caja & JavaScript – Before Cajoling

Caja & JavaScript – After Cajoling

Caja & JavaScript – What doesn’t work?

eval()

new Function()

Strings as event handlers (node.onclick = '...';)

Names ending with double / triple underscores

with function (with (obj) { ... })

Implicit global variables (specify var variable)

Calling a method as a function

document.write

window.event

.onclick

OpenSocial gadgets.io.makeRequest return JS

Caja & HTML – What doesn’t work?

name attributes with gadgets.io.makeRequest

Custom attributes

Custom tags

Unclosed tags

<embed>

<iframe>

<link rel=‘…

javascript:void(0)

Radio buttons in IE

Relative url’s

Caja & CSS – What doesn’t work?

* hacks

_ hacks

IE conditionals

Insert-after clear fix

expression()

@import

Background images in IE

Y!OS Code Overview Common Issues

Common platform issues and questions

I attempt to authenticate my 2-legged / 3-legged session and receive a “null object error”

How do I authenticate OAuth using JavaScript?

I have an existing OpenSocial application. How do I get started?

I have an existing Facebook application. How do I get started?

None of my styles are displaying, what’s happening?

Why PHP / AS3 for the first SDK?

setSmallView is not working? What’s going on?

Questions?

Thank you!

Y!OS Overview and Deep Code Dive

0 comments

Notes on slide 1

2 Favorites