Building Blog Enhancing Widget Jure Cuhalev [email_address]
Web widget  is  a hack  in a system designed to  push  technical and conceptual  boundaries  of existing infrastructure
we can make a service that seems to  “ understand ” what you’re writing about and can provide  better recommendations Cont...
Blog enhancing It's a rainy afternoon here. I wish I would have a Persian Kitten to keep me company. What can we add?
Blog enhancing It's a rainy afternoon here. I wish I would have a Persian Kitten to keep me company.
Blog enhancing It's a rainy afternoon here. I wish I would have a  Persian Kitten  to keep me company. hyperlink + tags, a...
lots of text lots of platforms Issues how to provide consistent and reliable experience?
2 main approaches
Pre-publish OpenCalais Tagaroo extending Wordpress Zemanta extending Typepad
Post-publish Apture as a Javascript layer Jiglu tag cloud widget (keyword based)
Cross-Domain AJAX Limitation 1 (how to transport lots of text)
Cross-Domain XHR <ul><li>XmlHttpRequest = AJAX </li></ul><ul><li>security model limits sending large amounts of data over ...
solutions <ul><li>Browser Extensions - own AJAX call </li></ul><ul><li>Proxy for plugin architectures </li></ul><ul><li>Pu...
interface decisions <ul><li>Teach users about Extensions and Toolbars </li></ul><ul><li>Pull </li></ul><ul><ul><li>delayed...
Lots of platforms Limitation II
3rd party web sites <ul><li>limited plugin infrastructure </li></ul><ul><li>no plugins for hosted platforms (80%) </li></u...
solutions <ul><li>Extensions and Toolbars </li></ul><ul><ul><li>bookmarklets </li></ul></ul><ul><li>Move reader side </li>...
interface decisions <ul><li>Overlaid annotating interfaces </li></ul><ul><ul><li>rich overlays </li></ul></ul><ul><li>Off-...
Practical <ul><li>Think Extensions / bookmarklets </li></ul><ul><li>It’s a hack - anything goes </li></ul><ul><li>Consider...
Future <ul><li>W3C: Access Control for Cross-Site Requests </li></ul><ul><li>OpenSocial for authoring-time widgets </li></...
Questions? <ul><li>Apture - apture.com </li></ul><ul><li>Jiglu - jiglu.com </li></ul><ul><li>Tagaroo - tagaroo.opencalais....
Upcoming SlideShare
Loading in...5
×

Blog Enhancing through Extensions

879

Published on

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.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
879
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Blog Enhancing through Extensions"

  1. 1. Building Blog Enhancing Widget Jure Cuhalev [email_address]
  2. 2. Web widget is a hack in a system designed to push technical and conceptual boundaries of existing infrastructure
  3. 3. we can make a service that seems to “ understand ” what you’re writing about and can provide better recommendations Contextual technology
  4. 4. Blog enhancing It's a rainy afternoon here. I wish I would have a Persian Kitten to keep me company. What can we add?
  5. 5. Blog enhancing It's a rainy afternoon here. I wish I would have a Persian Kitten to keep me company.
  6. 6. Blog enhancing It's a rainy afternoon here. I wish I would have a Persian Kitten to keep me company. hyperlink + tags, articles videos, maps and other annotations
  7. 7. lots of text lots of platforms Issues how to provide consistent and reliable experience?
  8. 8. 2 main approaches
  9. 9. Pre-publish OpenCalais Tagaroo extending Wordpress Zemanta extending Typepad
  10. 10. Post-publish Apture as a Javascript layer Jiglu tag cloud widget (keyword based)
  11. 11. Cross-Domain AJAX Limitation 1 (how to transport lots of text)
  12. 12. Cross-Domain XHR <ul><li>XmlHttpRequest = AJAX </li></ul><ul><li>security model limits sending large amounts of data over different domains (POST) </li></ul>api.contextual.com myblog.com GET POST
  13. 13. solutions <ul><li>Browser Extensions - own AJAX call </li></ul><ul><li>Proxy for plugin architectures </li></ul><ul><li>Pull instead of push </li></ul><ul><li>Cross-domain Flash Javascript bridge </li></ul><ul><li>window.name technique </li></ul>they are all hacks
  14. 14. interface decisions <ul><li>Teach users about Extensions and Toolbars </li></ul><ul><li>Pull </li></ul><ul><ul><li>delayed parsing </li></ul></ul><ul><ul><li>emulate instant gratification (good copy!) </li></ul></ul><ul><li>Improvise - provide non-contextual suggestions </li></ul>
  15. 15. Lots of platforms Limitation II
  16. 16. 3rd party web sites <ul><li>limited plugin infrastructure </li></ul><ul><li>no plugins for hosted platforms (80%) </li></ul><ul><li>wide range of themes </li></ul>
  17. 17. solutions <ul><li>Extensions and Toolbars </li></ul><ul><ul><li>bookmarklets </li></ul></ul><ul><li>Move reader side </li></ul>
  18. 18. interface decisions <ul><li>Overlaid annotating interfaces </li></ul><ul><ul><li>rich overlays </li></ul></ul><ul><li>Off-site dashboard </li></ul><ul><li>Minimal set of tags of annotations </li></ul>
  19. 19. Practical <ul><li>Think Extensions / bookmarklets </li></ul><ul><li>It’s a hack - anything goes </li></ul><ul><li>Consider limitations of contextual technology used </li></ul>
  20. 20. Future <ul><li>W3C: Access Control for Cross-Site Requests </li></ul><ul><li>OpenSocial for authoring-time widgets </li></ul><ul><li>Extensions are becoming fundamental part of Browser experience </li></ul>
  21. 21. Questions? <ul><li>Apture - apture.com </li></ul><ul><li>Jiglu - jiglu.com </li></ul><ul><li>Tagaroo - tagaroo.opencalais.com </li></ul><ul><li>Zemanta - zemanta.com </li></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×