Mercurial > ff-herdict-preso

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
                      "http://www.w3.org/TR/html4/DTD/strict.dtd">
<html>
<head>
  <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  <base target="_blank"/>
  <link rel="stylesheet" type="text/css" media="all"
        href="css/ff-herdict-preso.css" />
  <title>Mozilla Labs: Firefox-Herdict Integration Pitch</title>
</head>
<body>
<div id="container">
  <div id="slides">
    <div class="visible slide" data-at="0.0">
      <a href="http://www.mozillalabs.com"><img id="logo" src="images/labs-logo.png"/></a>
      <h1>Firefox-Herdict Integration Pitch</h1>
    </div>
    <div class="slide" data-at="4.0">
      <img src="images/server-not-found.png"/>
    </div>
    <div class="slide" data-at="18.0">
      &ldquo;Is there something <em>I</em> can do to fix this?&rdquo;
    </div>
    <div class="slide" data-at="28.0">
      <a href="http://www.theatlantic.com/doc/200803/chinese-firewall"><img src="images/fallows-article.png"/></a>
    </div>
    <div class="slide" data-at="49.0">
      <a href="http://www.flickr.com/photos/pfly/130659908/"><img src="images/ethernet.jpg"/></a>
    </div>
    <div class="slide" data-at="53.5">
      <a href="http://www.flickr.com/photos/laughingsquid/176520418/"><img src="images/router.jpg"/></a>
    </div>
    <div class="slide" data-at="56.0">
      <img src="images/comcast.gif"/>
    </div>
    <div class="slide" data-at="59.5">
      <a href="http://www.flickr.com/photos/giantginkgo/69237905/"><img src="images/cubicles.jpg"/></a>
    </div>
    <div class="slide" data-at="63.0">
      <a href="http://en.wikipedia.org/wiki/People%27s_Republic_of_China"><img src="images/china-flag.png"/></a>
    </div>
    <div class="slide" data-at="68.0">
      bleh.
    </div>
    <div class="slide" data-at="74.0">
      &ldquo;Is there something <em>I</em> can do to fix this?&rdquo;
    </div>
    <div class="slide" data-at="79.0">
      <a href="http://www.herdict.org/web"><img src="images/herdict-logo.gif"/></a>
    </div>
    <div class="slide" data-at="82.0">
      <a href="http://cyber.law.harvard.edu"><img src="images/berkman-logo.png"/></a>
    </div>
    <div class="slide" data-at="89.0">
      <a href="http://www.herdict.org/web"><img src="images/herdict-map-2.png"/></a>
    </div>
    <div class="slide" data-at="100.0">
      &ldquo;Can other people on the internet see this site?&rdquo;
    </div>
    <div class="slide" data-at="112.0">
      &ldquo;Is there something <em>I</em> can do to fix this?&rdquo;
    </div>
    <div class="slide" data-at="120.0">
      <a href="http://jboriss.wordpress.com/2010/01/04/herdict-and-its-tasty-anonymized-aggregated-data/"><img src="images/mockup-firewall.png"/></a>
    </div>
    <div class="slide" data-at="125.0">
      <a href="http://jboriss.wordpress.com/2010/01/04/herdict-and-its-tasty-anonymized-aggregated-data/"><img src="images/mockup-china.png"/></a>
    </div>
    <div class="slide" data-at="130.0">
      <a href="http://jboriss.wordpress.com/2010/01/04/herdict-and-its-tasty-anonymized-aggregated-data/"><img src="images/mockup-everyone.png"/></a>
    </div>
    <div class="slide" data-at="144.5">
      <p><img src="images/dino-head.png"/></p>
      <p>For more information, visit the <a href="https://wiki.mozilla.org/Firefox/Projects/Herdict">project wiki page</a>.</p>
    </div>
  </div>
  <audio id="main" controls="indeed" autobuffer="indeed"
         src="audio/ff-herdict-preso.ogg">
  Alas, this presentation requires <a
  href="http://getfirefox.com">Firefox</a> or another
  standards-compliant browser that
  supports the <code>audio</code> element and Ogg Vorbis.
  </audio>
  <p id="license">
  <a rel="license" href="http://creativecommons.org/licenses/by/3.0/us/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by/3.0/us/80x15.png" /></a></p>
</div>
<!-- This is the script for the pitch; eventually we should turn this text -->
<!-- into live subtitles. -->
<div id="script">
Firefox's network error pages are familiar to everyone.

But they're not very useful. Most people, if they're like me, see this
wall of text and interpret it to mean "the internet broke and we have
no idea why."

The fundamental question users want answered when they see this is: is
there something *I* can do to fix this?

Now, the architecture of the internet makes it fairly hard to pinpoint
why a network is down.

As James Fallows explains in his article "The Connection Has Been
Reset" from the Atlantic's March 2008 issue, some national governments
even exploit this to prevent their people from seeing things that the
government doesn't want them to see.

All this means that a "server not found" error page could have been
raised because the user's network connection got unplugged; or it
could be because their local router is down; or it could be because
their ISP is having problems; or it could be because their corporation
is blocking access to the site; or it could be because their
government has outlawed access to that particular site; or it could be
because the site is actually down.

Firefox should do its best to answer that fundamental question: is
there something *I* can do to fix this and get where I want to go?

Enter Herdict.

Herdict is a project of the Berkman Center for Internet & Society at
Harvard University, a brainchild of Professor Jonathan Zittrain, that
attempts to use crowdsourcing to generate a global picture of internet
connectivity.

Put simply, it uses the power of the internet itself to ask the
question: can other people on the internet see this site? If so, who?

Firefox can use the answers to these questions to help answer the
user's fundamental question: is there something *I* can do to fix
this?

This Labs Experiment is an attempt at picturing what
Firefox-Herdict-integration might look like. It's intended to be as
unintrusive as possible to the user experience, so it only aims to
improve upon the already notoriously unhelpful network error pages.

Rather than being a final solution, this Labs Experiment is intended
to build mindshare and catalyze discussion about what a better network
error page might look like, following Mozilla's philosophy of creating
things that do stuff to make the internet better.
</div>
</body>
<script src="js/jquery.js"></script>
<script src="js/ff-herdict-preso.js"></script>
</html>
author	Atul Varma <varmaa@toolness.com>
date	Thu, 04 Feb 2010 14:19:05 -0800
parents	c590046d502c
children	40ebdb2b0985