YAP - HackU 2011

Yahoo Application Platform
Sudar Muthu
Research Engineer
Twitter: @sudarmuthu

Overview
What is YAP
Why use YAP
What can you do with YAP
Anatomy of YAP app
Small View
Full View
YML
YAP Cautions
Demo
Thank you
2

Open Applications
HOME PAGE
MY YAHOO!
Y! TOOLBAR
PULSE
…more coming soon

Why hack open apps?
ENGAGING- Permanently parked in high-traffic starting points- Viral in nature
EASY TO BUILD
- Quickly prototype idea within 24 hours
- Launch directly in production. No blockers!
DISTRIBUTABLE- Discovery- Promotion
- Media buy enhanced
SOCIAL- Access user Profile & Connection data- Interactive, personalized
MY APP

What can you do?
Materialize Social Graph data for engaging experiences
Build apps for Yahoo! network and reach 600M+ audience
Use updates API to make your hacks viral
Improve social search experience
Think social games!
Personalize your hacks with Yahoo! Profile data. Use Yahoo! Login.

YAP : Small View
Small size
Cached, needs to be fast
Supports only: Html, Inline css, YML

YAP: Canvas View
Loads external URL from your server
Support for:
Open social
YML, CSS, HTML, JS
Runs in an iFrame with Caja
Yahoo! SDK

YAP - Accessing User Data
Guid
Unique identifier for a user
Public info, can be stored on your servers
Consumer Key / Secret
Specifies “API Scopes”
Enables to query Yahoo! WS
Necessary for OAuth 1.1 authentication
Automatically created for you in devTool

Social Platforms: Available APIs
Social Directory: One Social Graph
Contacts, connections & profile data
Updates
Syndicate user content & activity
Presence
Read, write presence
SDK simplifies access
Make it easy: YQL
- -

YML: Yummy Language To Get You Started
Enables you to get cool features fast
<yml:a view=”Full” params=”prefs.php”/>
Enables ajaxy behaviors in SmallView
<yml:profile-pic uid=”XXX”>
<yml:name uid=”viewer” linked="true"/>
<yml:friend-selector uid="viewer"/>
<yml:user-badge uid="viewer" linked="true” />
More: http://developer.yahoo.com/yap/guide/yapdev-yml.html
- -

YML – Demo
Demo app http://pulse.yahoo.com/y/apps/xevKmU6s/
Source code
http://github.com/sudar/yml-demo
11

Demo – Ego Search
YAP Demo – Ego Search
http://pulse.yahoo.com/y/apps/Xa1rAM6k/
Source Code
http://github.com/sudar/ego-search
12

https://developer.apps.yahoo.com/projects/

Gadget XML: http://github.com/sudar/ego-search/blob/master/gadget.xml

PHP Code: http://github.com/sudar/ego-search/blob/master/fullview.php

YAP Cautions
Your gadget URL needs to be a prod host
Not all HTML/JS will run for security
JS/HTML will be cajoled
YML and OpenSocial are whitelisted
Small view:
No Javascript
NO CSS
No <a> Links except
via YML

Thank You!
Sudar Muthuhttp://sudarmuthu.com
http://github.com/sudarhttp://slideshare.net/Sudar/
http://twitter.com/sudarmuthu
21

http://sudarmuthu.com	412
http://feeds.feedburner.com	160
http://twitter.com	4
https://twitter.com	1

YAP - HackU 2011

by Sudar Muthu on Aug 19, 2011

Accessibility

Categories

Upload Details

Usage Rights

4 Embeds 577

Statistics

YAP - HackU 2011 Presentation Transcript