| rev |
line source |
| varmaa@0 | 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
| varmaa@0 | 2 "http://www.w3.org/TR/html4/DTD/strict.dtd">
|
| varmaa@0 | 3 <html>
|
| varmaa@0 | 4 <head>
|
| varmaa@0 | 5 <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
| varmaa@0 | 6 <base target="_blank"/>
|
| varmaa@0 | 7 <link rel="stylesheet" type="text/css" media="all"
|
| varmaa@0 | 8 href="css/ff-herdict-preso.css" />
|
| varmaa@0 | 9 <title>Mozilla Labs: Firefox-Herdict Integration Pitch</title>
|
| varmaa@0 | 10 </head>
|
| varmaa@0 | 11 <body>
|
| varmaa@0 | 12 <div id="container">
|
| varmaa@0 | 13 <div id="slides">
|
| varmaa@7 | 14 <div data-at="0.0">
|
| varmaa@0 | 15 <a href="http://www.mozillalabs.com"><img id="logo" src="images/labs-logo.png"/></a>
|
| varmaa@0 | 16 <h1>Firefox-Herdict Integration Pitch</h1>
|
| varmaa@0 | 17 </div>
|
| varmaa@7 | 18 <div data-at="4.0">
|
| varmaa@0 | 19 <img src="images/server-not-found.png"/>
|
| varmaa@0 | 20 </div>
|
| varmaa@7 | 21 <div data-at="18.0">
|
| varmaa@0 | 22 “Is there something <em>I</em> can do to fix this?”
|
| varmaa@0 | 23 </div>
|
| varmaa@7 | 24 <div data-at="28.0">
|
| varmaa@0 | 25 <a href="http://www.theatlantic.com/doc/200803/chinese-firewall"><img src="images/fallows-article.png"/></a>
|
| varmaa@0 | 26 </div>
|
| varmaa@7 | 27 <div data-at="49.0">
|
| varmaa@0 | 28 <a href="http://www.flickr.com/photos/pfly/130659908/"><img src="images/ethernet.jpg"/></a>
|
| varmaa@0 | 29 </div>
|
| varmaa@7 | 30 <div data-at="53.5">
|
| varmaa@0 | 31 <a href="http://www.flickr.com/photos/laughingsquid/176520418/"><img src="images/router.jpg"/></a>
|
| varmaa@0 | 32 </div>
|
| varmaa@7 | 33 <div data-at="56.0">
|
| varmaa@0 | 34 <img src="images/comcast.gif"/>
|
| varmaa@0 | 35 </div>
|
| varmaa@7 | 36 <div data-at="59.5">
|
| varmaa@0 | 37 <a href="http://www.flickr.com/photos/giantginkgo/69237905/"><img src="images/cubicles.jpg"/></a>
|
| varmaa@0 | 38 </div>
|
| varmaa@7 | 39 <div data-at="63.0">
|
| varmaa@0 | 40 <a href="http://en.wikipedia.org/wiki/People%27s_Republic_of_China"><img src="images/china-flag.png"/></a>
|
| varmaa@0 | 41 </div>
|
| varmaa@7 | 42 <div data-at="68.0">
|
| varmaa@0 | 43 bleh.
|
| varmaa@0 | 44 </div>
|
| varmaa@7 | 45 <div data-at="74.0">
|
| varmaa@0 | 46 “Is there something <em>I</em> can do to fix this?”
|
| varmaa@0 | 47 </div>
|
| varmaa@7 | 48 <div data-at="79.0">
|
| varmaa@0 | 49 <a href="http://www.herdict.org/web"><img src="images/herdict-logo.gif"/></a>
|
| varmaa@0 | 50 </div>
|
| varmaa@7 | 51 <div data-at="82.0">
|
| varmaa@0 | 52 <a href="http://cyber.law.harvard.edu"><img src="images/berkman-logo.png"/></a>
|
| varmaa@0 | 53 </div>
|
| varmaa@7 | 54 <div data-at="89.0">
|
| varmaa@0 | 55 <a href="http://www.herdict.org/web"><img src="images/herdict-map-2.png"/></a>
|
| varmaa@0 | 56 </div>
|
| varmaa@7 | 57 <div data-at="100.0">
|
| varmaa@0 | 58 “Can other people on the internet see this site?”
|
| varmaa@0 | 59 </div>
|
| varmaa@7 | 60 <div data-at="112.0">
|
| varmaa@0 | 61 “Is there something <em>I</em> can do to fix this?”
|
| varmaa@0 | 62 </div>
|
| varmaa@7 | 63 <div data-at="120.0">
|
| varmaa@0 | 64 <a href="http://jboriss.wordpress.com/2010/01/04/herdict-and-its-tasty-anonymized-aggregated-data/"><img src="images/mockup-firewall.png"/></a>
|
| varmaa@0 | 65 </div>
|
| varmaa@7 | 66 <div data-at="125.0">
|
| varmaa@0 | 67 <a href="http://jboriss.wordpress.com/2010/01/04/herdict-and-its-tasty-anonymized-aggregated-data/"><img src="images/mockup-china.png"/></a>
|
| varmaa@0 | 68 </div>
|
| varmaa@7 | 69 <div data-at="130.0">
|
| varmaa@0 | 70 <a href="http://jboriss.wordpress.com/2010/01/04/herdict-and-its-tasty-anonymized-aggregated-data/"><img src="images/mockup-everyone.png"/></a>
|
| varmaa@0 | 71 </div>
|
| varmaa@7 | 72 <div data-at="144.5">
|
| varmaa@0 | 73 <p><img src="images/dino-head.png"/></p>
|
| varmaa@0 | 74 <p>For more information, visit the <a href="https://wiki.mozilla.org/Firefox/Projects/Herdict">project wiki page</a>.</p>
|
| varmaa@0 | 75 </div>
|
| varmaa@0 | 76 </div>
|
| varmaa@7 | 77 <div id="subtitles">
|
| varmaa@11 | 78 <p data-at="0.0" class="visible">Firefox's network error pages are
|
| varmaa@11 | 79 familiar to everyone.</p>
|
| varmaa@11 | 80 <p data-at="4.0">But they're not very useful. Most people, if
|
| varmaa@11 | 81 they're like me, see this wall of text and interpret it to mean
|
| varmaa@11 | 82 "the internet broke and we have no idea why."</p>
|
| varmaa@11 | 83 <p data-at="14.0">The fundamental question users want answered
|
| varmaa@11 | 84 when they see this is: is there something <em>I</em> can do to fix
|
| varmaa@11 | 85 this?</p>
|
| varmaa@11 | 86 <p data-at="22.0">Now, the architecture of the internet makes it
|
| varmaa@11 | 87 fairly hard to actually pinpoint why a network is down.</p>
|
| varmaa@11 | 88 <p data-at="28.0">As James Fallows explains in his article "The
|
| varmaa@11 | 89 Connection Has Been Reset" from The Atlantic's March 2008
|
| varmaa@11 | 90 issue...</p>
|
| varmaa@11 | 91 <p data-at="34.5">some national governments
|
| varmaa@7 | 92 even exploit this to prevent their people from seeing things that the
|
| varmaa@7 | 93 government doesn't want them to see.</p>
|
| varmaa@11 | 94 <p data-at="42.0">All this means that a "server not found" error
|
| varmaa@11 | 95 page could have been raised because...</p>
|
| varmaa@11 | 96 <p data-at="49.0">the user's network connection got unplugged...</p>
|
| varmaa@11 | 97 <p data-at="53.5">or it could be because their local router is
|
| varmaa@11 | 98 down...</p>
|
| varmaa@11 | 99 <p data-at="56.0">or it could be because their ISP is having
|
| varmaa@11 | 100 problems...</p>
|
| varmaa@11 | 101 <p data-at="59.5">or because their corporation is blocking access
|
| varmaa@11 | 102 to the site...</p>
|
| varmaa@11 | 103 <p data-at="63.0">or because their government is...</p>
|
| varmaa@11 | 104 <p data-at="68.0">or it could be because the site is actually down.</p>
|
| varmaa@11 | 105 <p data-at="70.0">Firefox should do its best to answer that
|
| varmaa@11 | 106 fundamental question: is there something <em>I</em> can do to fix
|
| varmaa@11 | 107 this and get where I want to go?</p>
|
| varmaa@11 | 108 <p data-at="79.0">Enter Herdict.</p>
|
| varmaa@11 | 109 <p data-at="82.0">Herdict is a project of the Berkman Center for
|
| varmaa@11 | 110 Internet & Society at Harvard University, a brainchild of
|
| varmaa@11 | 111 Professor Jonathan Zittrain, that attempts to use crowdsourcing to
|
| varmaa@11 | 112 generate a global picture of internet connectivity.</p>
|
| varmaa@11 | 113 <p data-at="95.0">Put simply, it uses the power of the internet
|
| varmaa@11 | 114 itself to ask the question: <em>can other people on the internet
|
| varmaa@11 | 115 see this site? If so, who?</em></p>
|
| varmaa@11 | 116 <p data-at="106.0">Firefox can use the answers to these questions
|
| varmaa@11 | 117 to help answer the user's fundamental question: is there something
|
| varmaa@11 | 118 <em>I</em> can do to fix this?</p>
|
| varmaa@11 | 119 <p data-at="116.0">This Labs Experiment is an attempt at picturing what
|
| varmaa@11 | 120 Firefox-Herdict integration might look like.</p>
|
| varmaa@11 | 121 <p data-at="122.0">It's intended to be as
|
| varmaa@7 | 122 unintrusive as possible to the user experience, so it only aims to
|
| varmaa@7 | 123 improve upon the already notoriously unhelpful network error
|
| varmaa@7 | 124 pages.</p>
|
| varmaa@11 | 125 <p data-at="133.0">Rather than being a final solution, this Labs
|
| varmaa@11 | 126 Experiment is intended to build mindshare and catalyze discussion
|
| varmaa@11 | 127 about what a better network error page might look like...</p>
|
| varmaa@11 | 128 <p data-at="143.0">in keeping with Mozilla's tradition of creating
|
| varmaa@7 | 129 things that do stuff to make the internet better.</p>
|
| varmaa@7 | 130 </div>
|
| varmaa@3 | 131 <audio id="main" controls="indeed" autobuffer="indeed">
|
| varmaa@3 | 132 <source src="audio/ff-herdict-preso.ogg"
|
| varmaa@3 | 133 type="audio/ogg">
|
| varmaa@3 | 134 <source src="audio/ff-herdict-preso.mp3"
|
| varmaa@3 | 135 type="audio/mpeg">
|
| varmaa@7 | 136 Alas, this presentation requires <a
|
| varmaa@7 | 137 href="http://getfirefox.com">Firefox</a> or another
|
| varmaa@7 | 138 standards-compliant browser that
|
| varmaa@7 | 139 supports the <code>audio</code> element.
|
| varmaa@0 | 140 </audio>
|
| varmaa@12 | 141 <p class="button" id="show-subtitles">Click to show subtitles.</p>
|
| varmaa@12 | 142 <p class="button" id="hide-subtitles">Click to hide subtitles.</p>
|
| varmaa@14 | 143 <div><a id="license" 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>
|
| varmaa@16 | 144 <div id="more-info"><span xmlns:dc="http://purl.org/dc/elements/1.1/" href="http://purl.org/dc/dcmitype/MovingImage" property="dc:title" rel="dc:type">Firefox-Herdict Integration Pitch</span> by <a xmlns:cc="http://creativecommons.org/ns#" href="http://www.toolness.com/wp/?p=772" property="cc:attributionName" rel="cc:attributionURL">Atul Varma</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/3.0/us/">Creative Commons Attribution 3.0 United States License</a>.</div></div>
|
| varmaa@2 | 145 </div>
|
| varmaa@0 | 146 </body>
|
| varmaa@0 | 147 <script src="js/jquery.js"></script>
|
| varmaa@0 | 148 <script src="js/ff-herdict-preso.js"></script>
|
| varmaa@0 | 149 </html>
|
