21
Building Blog Enhancing Widget Jure Cuhalev [email protected]

Blog Enhancing through Extensions

Embed Size (px)

DESCRIPTION

My Presentation at Widget Web Expo '08 London, where I discussed some issues regarding building blog enhancing widgets like Zemanta and what are its effects on interface decisions.

Citation preview

Page 1: Blog Enhancing through Extensions

Building Blog Enhancing

WidgetJure Cuhalev

[email protected]

Page 2: Blog Enhancing through Extensions

Web widget is a hack in a system designed to push technical

and conceptual boundaries of existing infrastructure

Page 3: Blog Enhancing through Extensions

we can make a service that seems to “understand” what you’re writing

about and can provide better recommendations

Contextual technology

Page 4: Blog Enhancing through Extensions

Blog enhancing

It's a rainy afternoon here. I wish I would have a Persian Kitten to keep

me company.

What can we add?

Page 5: Blog Enhancing through Extensions

Blog enhancing

It's a rainy afternoon here. I

wish I would have a Persian Kitten to

keep me company.

Page 6: Blog Enhancing through Extensions

Blog enhancing

It's a rainy afternoon here. I

wish I would have a Persian Kitten to

keep me company.

hyperlink+ tags, articlesvideos, maps

and other annotations

Page 7: Blog Enhancing through Extensions

lots of text

lots of platforms

Issues

how to provideconsistent and reliable

experience?

Page 8: Blog Enhancing through Extensions

2 main approaches

Page 9: Blog Enhancing through Extensions

Pre-publish

OpenCalais Tagarooextending Wordpress

Zemantaextending Typepad

Page 10: Blog Enhancing through Extensions

Post-publish

Apture asa Javascript layer

Jiglu tag cloudwidget

(keyword based)

Page 11: Blog Enhancing through Extensions

Cross-Domain AJAX

Limitation 1

(how to transport lots of text)

Page 12: Blog Enhancing through Extensions

Cross-Domain XHR

•XmlHttpRequest = AJAX

•security model limits sending large amounts of data over different domains (POST)

api.contextual.commyblog.comGET

POST

Page 13: Blog Enhancing through Extensions

solutions

•Browser Extensions - own AJAX call

•Proxy for plugin architectures

•Pull instead of push

•Cross-domain Flash Javascript bridge

•window.name technique

they are all hacks

Page 14: Blog Enhancing through Extensions

interface decisions

•Teach users about Extensions and Toolbars

•Pull

•delayed parsing

•emulate instant gratification (good copy!)

•Improvise - provide non-contextual suggestions

Page 15: Blog Enhancing through Extensions

Lots of platforms

Limitation II

Page 16: Blog Enhancing through Extensions

3rd party web sites

•limited plugin infrastructure

•no plugins for hosted platforms (80%)

•wide range of themes

Page 17: Blog Enhancing through Extensions

solutions

•Extensions and Toolbars

•bookmarklets

•Move reader side

Page 18: Blog Enhancing through Extensions

interface decisions

•Overlaid annotating interfaces

•rich overlays

•Off-site dashboard

•Minimal set of tags of annotations

Page 19: Blog Enhancing through Extensions

Practical

•Think Extensions / bookmarklets

•It’s a hack - anything goes

•Consider limitations of contextual technology used

Page 20: Blog Enhancing through Extensions

Future

•W3C: Access Control for Cross-Site Requests

•OpenSocial for authoring-time widgets

•Extensions are becoming fundamental part of Browser experience

Page 21: Blog Enhancing through Extensions

Questions?

•Apture - apture.com

•Jiglu - jiglu.com

•Tagaroo - tagaroo.opencalais.com

•Zemanta - zemanta.com