Mashup the Browser with Ubiquity and Jetpack
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Mashup the Browser with Ubiquity and Jetpack

on

  • 6,212 views

Ubiquity and Jetpack are two experiments at Mozilla Labs which are revolutionizing the ways users can interact with and customize their browsing experience. Both projects directly tackle the ...

Ubiquity and Jetpack are two experiments at Mozilla Labs which are revolutionizing the ways users can interact with and customize their browsing experience. Both projects directly tackle the disconnected nature of the web by introducing user-generated mashups at the browser level, making our increasingly web-centric experiences more productive and "humane." Users and developers can now easily extend the Firefox browser with little more than the JavaScript language already used on the web.

In this presentation, you'll see how Ubiquity and Jetpack can transform your browsing experience and learn the basics of writing JavaScript code for Ubiquity and Jetpack. The presentation will also include discussion of the user-interface philosophy underlying Ubiquity and its multilingual natural language interface.

Statistics

Views

Total Views
6,212
Views on SlideShare
4,951
Embed Views
1,261

Actions

Likes
4
Downloads
25
Comments
1

7 Embeds 1,261

http://mitcho.com 1206
http://ubiquity.mozilla.com 31
http://translate.googleusercontent.com 12
http://www.slideshare.net 7
http://speakerrate.com 2
http://fanyi.youdao.com 2
http://namwook.blogspot.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Mashup the Browser with Ubiquity and Jetpack Presentation Transcript

  • 1. mashup the browser with ubiquity and Jetpack mitcho Michael Yoshitaka Erlewine TechMaine 17th Annual Conference Portland, Maine, December 10, 2009
  • 2. mitcho ?linguist, coder, teacher Mozilla Labs, MIT mitcho.com @mitchoyoshitaka CC-BY-NC-SA: flickr.com/photos/jimgris/3538639095/
  • 3. envisioning the future of the web
  • 4. envisioning the future of the web • the you-centric web: • social identity • interacting with the web • hackability
  • 5. envisioning the future of the web • the you-centric web: • social identity • interacting with the web • hackability
  • 6. envisioning the future of the web • the you-centric web: • social identity • interacting with the web • hackability
  • 7. envisioning the future of the web • the you-centric web: • social identity • interacting with the web today • hackability
  • 8. envisioning the future of the web • the you-centric web: • social identity • interacting with the web • hackability
  • 9. you live your life online
  • 10. your social graph is online
  • 11. aza = window.people.find({name:“Aza Raskin”}); aza.send(“Greetings from TechMaine!”);
  • 12. your browser should be yours
  • 13. envisioning the future of the web • the you-centric web: • social identity • interacting with the web • hackability
  • 14. mashup the browser with ubiquity and Jetpack three problems: 1. interaction 2. language 3. hackability
  • 15. how do we interact with the web?
  • 16. how do we interact with the computer?
  • 17. CC-BY-NC-SA: flickr.com/ photos/pixcat/2324175139/
  • 18. 1984
  • 19. 1997
  • 20. 2001
  • 21. can you spot the difference?
  • 22. The web is offering more and more functionality and API’s... ...but how do you use them? • Following the GUI paradigm... • add more buttons? • add more menus?
  • 23. CC-BY-SA: flickr.com/photos/daveduarte/2678853923/
  • 24. from http://tecfa.unige.ch/~nova/img/lopez1.png
  • 25. Aza Raskin CC-BY-NC: flickr.com/photos/ santheo/2360961001/
  • 26. ACM interactions 2008
  • 27. Aza Raskin on text-based interfaces “Standard GUIs, with their drop-down menus, check buttons, and tree-lists, cannot compare to the range of options that a text interface effortlessly provides. With just five alphanumeric characters, we can choose one out of 100,000,000 possible sequences... It’s difficult to come up with a non-text-based interface that can perform as well.” CC-BY-SA: flickr.com/photos/ seanosh/3307290530/
  • 28. CC-BY: flickr.com/photos/striatic/1629254/
  • 29. ?
  • 30. Aza Raskin on text-based interfaces “...maybe this confusion isn’t the fault of command-line interfaces in general; maybe it’s just the command lines we’re used to. If commands were memorable, and their syntax forgiving, perhaps we wouldn’t be so scared to reconsider these interface paradigms.” CC-BY-SA: flickr.com/photos/ seanosh/3307290530/
  • 31. Aza Raskin on text-based interfaces “...maybe this confusion isn’t the fault of command-line interfaces in general; maybe it’s just the command lines we’re used to. If commands were memorable, and their syntax forgiving, perhaps we wouldn’t be so scared to reconsider these interface paradigms.” CC-BY-SA: flickr.com/photos/ seanosh/3307290530/
  • 32. a natural language interface
  • 33. ubiquity ubiquity.mozilla.com
  • 34. ubiquity DEMO
  • 35. ubiquity goal: accomplish more on the web how? connect the web with language
  • 36. ubiquity verbs* *JavaScript
  • 37. ubiquity ubiquity.mozilla.com
  • 38. mashup the browser with ubiquity and Jetpack three problems: 1. interaction 2. language 3. hackability
  • 39. The multilingual internet: 1. The web is disconnected by language.
  • 40. The Internet, 2005 CC-BY: commons.wikimedia.org/wiki/ File:Internet_map_4096.png
  • 41. The Internet, 2005: jp, cn, tw, au, de CC-BY: commons.wikimedia.org/wiki/ File:Internet_map_4096.png
  • 42. The Internet, 2005 CC-BY: commons.wikimedia.org/wiki/ File:Internet_map_4096.png
  • 43. The Internet, 2005: ut, it, pl, fr CC-BY: commons.wikimedia.org/wiki/ File:Internet_map_4096.png
  • 44. The multilingual internet: 2. The tools of the future must be multilingual.
  • 45. Afrikaans English (US) Gaeilge Português (Europeu) Shqip Esperanto Italiano ਪ"ਜਾਬੀ !"#$ Eesti keel română অসমীয়া suomi Kannada Русский Euskara Français српски Беларуская Frysk සිංහල Kurdî বাংলা (ভারত) Galego slovenčina Latvieššu Български ქართული lietuvių kalba slovensko català Deutsch Español (de Argentina) Македонски (简 ) Ελληνικά Español (de España) मराठी ગ"જરાતી Svenska ( ) Norsk bokmål Telugu ‫עברית‬ Norsk nynorsk Hrvatski ไทย !ह#दी (भारत) occitan (lengadocian) Češština Українська Dansk Magyar %&‫)(ر‬ Tiếng Việt Nederlands íslenska Polski Cymraeg English (British) Bahasa Indonesia Português (do Brasil)
  • 46. localizing ubiquity • Writing a parser is hard • Principles and Parameters approach • a universal parser + individual language settings
  • 47. parser
  • 48. parser N N V goal object V ( goal, object )
  • 49. localizing ubiquity Argument identification via semantic role
  • 50. localizing ubiquity Argument identification via semantic role
  • 51. LOCALIZING UBIQUITY Argument identification via semantic role role English Japanese object ø o goal to ni, e location at, on de
  • 52. localizing ubiquity DEMO: ubiquity in Japanese
  • 53. localizing ubiquity Minimal language descriptions
  • 54. ubiquity 0.5 Català Italiano Dansk Language settings: English Português Español Svenska Français
  • 55. ubiquity 0.5 Català Dansk English Português
  • 56. mashup the browser with ubiquity and Jetpack three problems: 1. interaction 2. language 3. hackability
  • 57. the web should be generative
  • 58. the browser should be generative
  • 59. Firefox Addons 1. addons.mozilla.org (AMO) 2. over 6000 in the wild 3. HTML, JavaScript, XUL 4. Extend Firefox contest
  • 60. Firefox Addons 1. addons.mozilla.org (AMO) 2. over 6000 in the wild 3. HTML, JavaScript, XUL 4. Extend Firefox contest
  • 61. Firefox Addons 1. addons.mozilla.org (AMO) 2. over 6000 in the wild my favorites: Tree Style Tabs, del.icio.us, AdBlock, Firebug
  • 62. Firefox Addons 1. addons.mozilla.org (AMO) 2. over 6000 in the wild 3. HTML, JavaScript, XUL 4. Extend Firefox contest
  • 63. Firefox Addons 1. addons.mozilla.org (AMO) 2. over 6000 in the wild 3. HTML, JavaScript, XUL 4. Extend Firefox contest
  • 64. DEMO
  • 65. + Firefox Addons largest extension platform ever
  • 66. + Firefox Addons 1.5 million downloads
  • 67. but...
  • 68. Firefox Addons 1. installs need restarts 2. not trivial to develop 3. requires manual upgrades 4. not designed for quick security review
  • 69. Firefox Addons 1. installs need restarts 2. not trivial to develop 3. requires manual upgrades 4. not designed for quick security review
  • 70. Firefox Addons 1. installs need restarts 2. not trivial to develop 3. requires manual upgrades 4. not designed for quick security review
  • 71. Firefox Addons 1. installs need restarts 2. not trivial to develop 3. requires manual upgrades 4. not designed for quick security review
  • 72. © John Slabyk
  • 73. Jetpack jetpack.mozillalabs.com
  • 74. Jetpack the future of extending Firefox
  • 75. Jetpack 1. JavaScript, HTML, CSS • • simple, secure, modular API 2. instant install 3. automatic upgrade
  • 76. Jetpack 1. JavaScript, HTML, CSS • • simple, secure, modular API 2. instant install 3. automatic upgrade
  • 77. Jetpack 1. JavaScript, HTML, CSS • • simple, secure, modular API 2. instant install 3. automatic upgrade
  • 78. Jetpack 1. JavaScript, HTML, CSS • • simple, secure, modular API 2. instant install 3. automatic upgrade
  • 79. Jetpack 1. JavaScript, HTML, CSS • • simple, secure, modular API 2. instant install 3. automatic upgrade
  • 80. Jetpack DEMO 1: Helvetica
  • 81. Jetpack DEMO 2: You Are Here
  • 82. IP Query API (XML): ipinfodb.com/ip_query2.php?ip=techmaine.com
  • 83. Jetpack DEMO 2: You Are Here
  • 84. © 2005 en.wikipedia.org/wiki/File:Rocket_man02_-_melbourne_show_2005.jpg Welcome to the future.
  • 85. Jetpack jetpack.mozillalabs.com
  • 86. a more personal web a more generative web a more natural web an open web
  • 87. join us mozillalabs.com
  • 88. “The best way to predict the future is to invent it” —Alan Kay
  • 89. Thank you! Questions? mitcho Michael Yoshitaka Erlewine by-nc-sa mitcho.com @mitchoyoshitaka