Introducing
Your new presentation assistant.
Refine, enhance, and tailor your content, source relevant images, and edit visuals quicker than ever before.
Trending searches
Wave API Design Principles
1
Installer
Iconography
Look & Feel
Ease of Use
Wave-y-ness
Multiple Participants
Single Participants
Next Steps
Google Wave
Extensions Review
Google Wave Extensions
About Me
About You
Wave @ I/O
Simple Sharing
View live notes and ask questions:
Gadgets
Reply Anywhere
Live Editing
?
Custom Extensions
pamela.fox@
googlewave.com
@pamelafox
Robots
http://bit.ly/wavey-ext
aka Getting Started
Naming
Gadgets
Games
Robots
Your Look & Feel
Our Look & Feel
Intro Screen
or...
Help Screen
Anatomy of a Great Extension
Concurrent Editing
Real-time Response
Description
multiple users
robot.register_handler(event.DocumentChanged,
OnDocChanged, filter=":)")
def OnDocChanged(event, wavelet):
blip = event.blip
blip.all(':)').replace(unichr(0x263A))
user colors & locations
Collaborative
Viewer-Specific Info
good
bad
Google Wave API Design Principles
my cursor
var viewerId = wave.getViewer().getId();
if (state.get(viewerId) == 'Yes') {
userChoice.innerHTML = "You liked this";
}
Multiple Modes
Natural Language
Wave UI
not natural
(bad)
natural
(good)
edit
function init() {
wave.setModeCallback(switchMode);
}
function switchMode(mode) {
waveMode = wave.getMode();
switch (waveMode) {
case wave.Mode.EDIT:
switchToEdit();
break;
case wave.Mode.VIEW:
switchToView();
break;
}}
view
Optional
wave.ui.makeButton(link)
wave.ui.makeDialog(div)
wave.ui.makeFrame(div)
wave.ui.loadCSS()
selection-based
(good)
automatic
(bad)
Pamela Fox
<extension
name="Goo-gly Ver3.0.0"
thumbnailUrl="http://goo-gly.appspot.com/assets/Goo-gly_thumbnail_250.png"
description="Lets you select a URL in your wave and click the Goo-gly icon to insert a shortened URL into the wave.">
<author name="Jaken(Shoji Morimoto)"/>
<menuHook location="toolbar" text="Insert ShortenURL" iconUrl="http://goo-gly.appspot.com/assets/Goo-gly_icon_Insert.png">
<annotateSelection key="goo-gly.appspot.com/link" value="select-insert"/>
<addParticipants>
<participant id="goo-gly@appspot.com"/>
</addParticipants>
</menuHook>
</extension>
Before
Before
After
May 19, 2010
Wave Track @ I/O
Try Others!
Submit Yours!
Wednesday:
10:45am: "Fireside chat"
3pm: "Waving across the web"
4:15pm: "Building your own wave provider"
Thursday:
11:30am: "Making smart & scalable wave robots"
12:15pm: "Google Wave & the Enterprise"
4:45pm: "Surprise session"
http://code.google.com/apis/wave/submitextension.html
Click 'Extensions' in Nav Panel