447 lines
18 KiB
HTML
447 lines
18 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>The Future is Here. What's Drupal got to do with it?</title>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width">
|
|
<style>
|
|
|
|
@import url(http://fonts.googleapis.com/css?family=Ubuntu:500|Quattrocento+Sans:400,700,400italic);
|
|
|
|
section {
|
|
background-color: white;
|
|
color: black;
|
|
padding: 2em;
|
|
font-family: "Quattrocento Sans", Helvetica, Verdana, sans-serif;
|
|
font-weight: 400;
|
|
background-size: cover;
|
|
}
|
|
|
|
section.reverse {
|
|
background-color: black;
|
|
color: white;
|
|
}
|
|
|
|
section p {
|
|
font-size: 1em;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
section strong {
|
|
font-weight: 700;
|
|
}
|
|
|
|
h1,h2,h3,h4,h5,h6 {
|
|
font-family: Ubuntu, Arial, sans-serif;
|
|
font-weight: 500;
|
|
text-align: center;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 2em;
|
|
}
|
|
|
|
.big li {
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
img {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
cite {
|
|
font-size: .8em;
|
|
color: #666;
|
|
position: absolute;
|
|
bottom: 0;
|
|
}
|
|
|
|
blockquote cite {
|
|
color: inherit;
|
|
display: block;
|
|
position: relative;
|
|
text-align: right;
|
|
padding-right: 1em;
|
|
}
|
|
|
|
blockquote cite::before {
|
|
content: "—";
|
|
}
|
|
|
|
a:link,
|
|
a:visited {
|
|
color: #99CCFF;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<section class="reverse" style="padding-top: 2em">
|
|
<h1>The Future is Here</h1>
|
|
<h2>What's Drupal got to do with it?</h2>
|
|
<br />
|
|
<h4><a href="https://etherpad.mozilla.org/future-here">etherpad.mozilla.org/future-here</a></h4>
|
|
<br />
|
|
<h4><a href="https://mlncn.withknown.com/">@mlncn</a><br />
|
|
<a href="http://agaric.com/">agaric.com</a></h4>
|
|
</section>
|
|
|
|
<section style="background-image:url(BackFutureflyingcar.jpg);">
|
|
</section>
|
|
|
|
<section style="background-image:url(jeep-in-ditch-recall-IMG_0724.jpg);">
|
|
<cite><a href="https://www.wired.com/2015/07/hackers-remotely-kill-jeep-highway/">Andy Greenberg: Hackers Remotely Kill a Jeep on the Highway—With Me in It</a></cite>
|
|
</section>
|
|
|
|
<section style="background-image:url(sky.jpg);">
|
|
<blockquote><big><big><strong>Computers and the Internet are everywhere and the world is increasingly made of them.</strong><cite>Cory Doctorow</cite></big></big></blockquote>
|
|
<cite>Cory Doctorow, <a href="http://boingboing.net/2012/08/23/civilwar.html">"The coming civil war over general purpose computing"</a></cite>
|
|
</section>
|
|
|
|
<section style="background-image:url(plane-crash-do-to-software-bug.jpg);">
|
|
<cite><a href="http://www.bbc.com/news/technology-32810273">BBC: Airbus A400M plane crash linked to software fault</a></cite>
|
|
</section>
|
|
|
|
<section style="background-image:url(self-driving-cars-tweet.png); background-size:contain; background-position: center; background-repeat: no-repeat;">
|
|
<cite><a href="https://twitter.com/cat_beltane/status/588359354136403969">gregory erskine</a></cite>
|
|
</section>
|
|
|
|
<section style="background-image:url(Brain-virus.jpg);">
|
|
<!--We're coming up on the 30th anniversary of the first computer virus, called Brain. By two brothers in Lahore, Pakistan, who still do business as Brain Computer Services. In one version of the story, they were used to UNIX and wrote it to show how shockingly bad the new Microsoft computers security was. In another version, they were attempting to track copyright theft. One person can have multiple motivations, and there were two of them; likely both versions of the story are true. They did not have malicious intent, of that there's no doubt: they wrote their address right into the boot sector of the infected floppy disks The point is that horribly insecure things can become global standards.-->
|
|
</section>
|
|
|
|
<section style="background-image:url(when-i-see-this-now-i-expect-just-kidding-to-follow-screenshot-from-2015-08-22.png);">
|
|
<!-- So who am I to come to a conference of web development conference and talk about the future or the present? If you've been doing web development for two months, you know things are always changing! When i see this on a web site now (and this screenshot is from this morning), i don't wait for Flash to load—it won't anymore, after i uninstalled it due to a security vulnerability a month or so back—i wait for "Just Kidding" to come up. It didn't. So i've followed the time-honored practice of making people forget about my qualifications by showing scary pictures—I'm referring to the plane crash, not this Flash loading screen—but as I am going to advocate strongly for coming up with business models that respect people's rights and increases their power, you should know that i generally have ideas for respecting people's rights and increasing their power which are not remotely connected to a plan for making money. I am co-founder of not one but two failed startups (and one successful cooperative). However, I have successfully forecast the present before: I've done web development for 15 years and I have never, once, used Flash.-->
|
|
</section>
|
|
|
|
<section style="background-image:url(solowheel-as-cool-and-green-as-it-gets-photo-galleryvideo_16.jpg);">
|
|
<cite><a href="http://www.autoevolution.com/news/solowheel-as-cool-and-green-as-it-gets-photo-galleryvideo-74636.html">Auto Evolution: Solowheel, as cool and green as it gets</a></cite>
|
|
<!--Segway like things -->
|
|
</section>
|
|
|
|
<section style="background-image:url(solar-for-cell-towers-flickr-15247791918.jpg);">
|
|
<h2>The future is already here—</h2>
|
|
<cite><a href="https://www.flickr.com/photos/robinzblog/">Robin Capper</a>, Cell phone towers powered by solar panels, Nepal</cite>
|
|
</section>
|
|
|
|
<section style="background-image: url(prison-west-virginia-flickr-2678338123.jpg);">
|
|
<h2 style="margin-top: 10em">it’s just not very evenly distributed.</h2>
|
|
<cite><a href="https://www.flickr.com/photos/littlesister/">IndyDina</a>, "Moundsville Penitentiary, West Virginia"</cite>
|
|
</section>
|
|
|
|
<section style="background-image:url(jekyllrb-com-2015-07-30.png);">
|
|
<cite><a href="http://jekyllrb.com/">jekyllrb.com</a></cite>
|
|
</section>
|
|
|
|
<section style="background-image: url(coal-smokestacks-flickr-2471730096.jpg);">
|
|
<cite><a href="https://www.flickr.com/photos/11441121@N04/">peggydavis66</a>, "Coal power plant"</cite>
|
|
</section>
|
|
|
|
<section style="background-image:url(squarespace-2015-07-30.png);">
|
|
<cite><a href="http://squarespace.com/">squarespace.com</a></cite>
|
|
</section>
|
|
|
|
<section style="background-image:url(thegrid-io-2015-07-30.png);">
|
|
<cite><a href="https://thegrid.io/">thegrid.io</a></cite>
|
|
</section>
|
|
|
|
<section style="background-image:url(thegrid-io-own-not-rent-2015-07-31.png);">
|
|
<cite><a href="https://thegrid.io/">thegrid.io</a></cite>
|
|
</section>
|
|
|
|
<section style="background-image:url(composer-2015-07-31.png); background-size:contain; background-position: center; background-repeat: no-repeat;">
|
|
<cite><a href="https://getcomposer.org/">getcomposer.org</a></cite>
|
|
</section>
|
|
|
|
<section style="background-image:url(packagist-org-2015-08-22.png); background-size:contain; background-position: center; background-repeat: no-repeat;">
|
|
<cite><a href="https://packagist.org/">packagist.org</a></cite>
|
|
</section>
|
|
|
|
<section style="background-image:url(symfony-projects-1-2015-07-31.png); background-size:contain; background-position: center; background-repeat: no-repeat;">
|
|
<cite><a href="http://symfony.com/projects">symfony.com/projects</a></cite>
|
|
</section>
|
|
|
|
<section style="background-image:url(symfony-projects-2-2015-07-31.png); background-size:contain; background-position: center; background-repeat: no-repeat;">
|
|
<cite><a href="http://symfony.com/projects">symfony.com/projects</a></cite>
|
|
</section>
|
|
|
|
<section style="background-image:url(symfony-projects-3-2015-07-31.png); background-size:contain; background-position: center; background-repeat: no-repeat;">
|
|
<cite><a href="http://symfony.com/projects">symfony.com/projects</a></cite>
|
|
</section>
|
|
|
|
<section style="background-image:url(silex-2015-07-31.png);">
|
|
<cite><a href="http://silex.sensiolabs.org/">silex.sensiolabs.org</a></cite>
|
|
</section>
|
|
|
|
<section class="reverse" style="background-image:url(doctorow-civilwar-spreadsheet.jpeg);">
|
|
<blockquote style="background-color: black; padding: 0.5em"><big><big>letting enterprise users do the stuff they think will allow them to make more money for their companies will sometimes make their companies more money</big></big></blockquote>
|
|
<!-- Giving workers powerful, flexible tools was good for firms because people are generally smart and want to do their jobs well. They know stuff their bosses don't know. -->
|
|
<cite>Cory Doctorow, <a href="http://boingboing.net/2012/08/23/civilwar.html">"The coming civil war over general purpose computing"</a></cite>
|
|
</section>
|
|
|
|
<section style="background-image:url(drupal-distribution-open-atrium-2015-07-31.png);">
|
|
<cite><a href="https://www.drupal.org/project/openatrium">drupal.org/project/openatrium</a></cite>
|
|
</section>
|
|
|
|
<section style="background-image:url(mica-distribution-2015-07-31.png);">
|
|
<cite><a href="https://www.drupal.org/project/mica_distribution">drupal.org/project/mica_distribution</a></cite>
|
|
</section>
|
|
|
|
<section style="background-image:url(drupal-distribution-agov-2015-07-31.png);">
|
|
<cite><a href="https://www.drupal.org/project/agov">drupal.org/project/agov</a></cite>
|
|
</section>
|
|
|
|
<section style="background-image:url(drupal-distribution-openlucius-2015-07-31.png);">
|
|
<cite><a href="https://www.drupal.org/project/openlucius">drupal.org/project/openlucius</a></cite>
|
|
</section>
|
|
|
|
<section style="background-image:url(openlucius-saas-2015-07-31.png);">
|
|
<cite><a href="http://www.openlucius.com/">OpenLucius.com</a></cite>
|
|
</section>
|
|
|
|
<section style="background-image:url(drupal-distribution-recruiter-2015-07-31.png);">
|
|
<cite><a href="https://www.drupal.org/project/recruiter">drupal.org/project/recruiter</a></cite>
|
|
</section>
|
|
|
|
<section style="background-image:url(drupal-distribution-opigno-lms-2015-07-31.png);">
|
|
<cite><a href="https://www.drupal.org/project/opigno_lms">drupal.org/project/opigno_lms</a></cite>
|
|
</section>
|
|
|
|
<section style="background-image:url(drupal-distribution-erpal-2015-07-31.png);">
|
|
<cite><a href="https://www.drupal.org/project/erpal_platform">drupal.org/project/erpal_platform</a></cite>
|
|
</section>
|
|
|
|
<section style="background-image:url(openaid-on-pantheon-2015-07-31.png);">
|
|
<cite><a href="https://dashboard.getpantheon.com/products/openaid/spinup">dashboard.getpantheon.com/products/openaid/spinup</a></cite>
|
|
</section>
|
|
|
|
<section style="background-image:url(restaurants-project-screenshot.png);">
|
|
</section>
|
|
|
|
<section style="background-image:url(roomify-screenshot.png);">
|
|
</section>
|
|
|
|
<section style="background-image:url(farmier-2015-07-31.png);">
|
|
<cite><a href="http://farmier.com/">Farmier.com</a></cite>
|
|
</section>
|
|
|
|
<section style="background-image: url(solar-on-thatch-flickr-10145544156.jpg);">
|
|
<cite><a href="https://www.flickr.com/photos/divatusaid/">Azuri Technologies</a>, <a href="http://www.usaid.gov/div/portfolio/azuri">Rwanda pay-as-you-go</a></cite>
|
|
</section>
|
|
|
|
<section style="background-image:url(1413479953ewaste2.jpg);">
|
|
<!--This unequal distribution of benefits and costs is glaringly a still unsolved problem, and there's danger of it in new technologies too.-->
|
|
</section>
|
|
|
|
<section style="background-image:url(building-disturbing-prospect-park.jpg);">
|
|
<!--This is a general problem. Commons aren't just a place, they are a time. If we gave Maruha Nichiro (Japanese), or Marine Harvest (Norwegian), or True World Foods (US) each one third of the world's oceans, or because fish can swim from one part of the ocean to another, gave just one of them total ownership- who can honestly say that corporations driven by next quarter's profits would caretake for the 100 years view?-->
|
|
</section>
|
|
|
|
<section style="background-image:url(watching-phone-buzz-3405-1383166783-13.gif);">
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Companies with valuations based largely on your data</h2>
|
|
<ul>
|
|
<li>Acxiom ($1.3B)</li>
|
|
<li>Uber ($41B)</li>
|
|
<li>Palantir Technologies ($10B)</li>
|
|
<li>Yelp ($1.47B)</li>
|
|
<li>Facebook ($255B)</li>
|
|
<li>Google ($403B)</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section style="background-image:url(conway-tweets-palantir-raised-450M.png); background-size:contain;">
|
|
</section>
|
|
|
|
<section style="background-image:url(waze-com-2015-07-15.png); background-size:contain;">
|
|
</section>
|
|
|
|
<section style="padding-top: 0">
|
|
<h3><img src="research_ethics.png"></h3>
|
|
<blockquote>I mean, it's not like we could just demand to see the code that's governing our lives. What right do we have to poke around in Facebook's private affairs like that?</blockquote>
|
|
<cite><a href="http://xkcd.com/1390/">xkcd.com/1390</a></cite>
|
|
</section>
|
|
|
|
<section style="background-image: url(Walled_Garden_-_geograph.org.uk_-_229821.jpg);">
|
|
<blockquote><big>walled gardens are winning<br />
|
|
because they have a superior<br />
|
|
<strong>user experience</strong></big>
|
|
<cite>Dries Buytaert</cite>
|
|
</blockquote>
|
|
<cite>Dries Buytaert, <a href="http://buytaert.net/winning-back-the-open-web">Winning back the open web</a></cite>
|
|
</section>
|
|
|
|
<section style="background-image: url(Torn_down_blockbuster_2013.jpeg);">
|
|
<blockquote><big>As value shifts from software to the ability to leverage data, companies will have to rethink their businesses, just as Netflix and Google did.</big>
|
|
<cite>Dries Buytaert</cite>
|
|
</blockquote>
|
|
<cite>Dries Buytaert, <a href="http://buytaert.net/the-future-of-software-is-data-driven">The future of software is data-driven</a></cite>
|
|
</section>
|
|
|
|
<section style="padding-top:6em">
|
|
<ol class="big">
|
|
<li><big><strong>Share data</strong></big></li>
|
|
<li><big><strong>???</strong></big></li>
|
|
<li><big><strong>Profit</strong></big></li>
|
|
</ol>
|
|
</section>
|
|
|
|
<section style="background-image:url(indiewebcamp_logo_1600px.png); background-size: contain; background-position: center; background-repeat: no-repeat;">
|
|
<cite><a href="http://indiewebcamp.com/">indiewebcamp.com</a></cite>
|
|
</section>
|
|
|
|
<section style="background-image:url(withknown-com-2015-08-22.png);">
|
|
<cite><a href="https://withknown.com/">withknown.com</a></cite>
|
|
</section>
|
|
|
|
<section style="background-image:url(known-team-2015-08-22.png);">
|
|
<cite><a href="https://withknown.com/team/">withknown.com/team</a></cite>
|
|
</section>
|
|
|
|
<section style="background-image:url(140605-bp-oil-spill-rig-1321_29ac02f087e8f1e6d66c32b28ee5e801.jpg);">
|
|
</section>
|
|
|
|
<section style="background-image: url(solar-rainbow-flickr_12861896715.jpg);">
|
|
<cite><a href="https://www.flickr.com/photos/jurvetson/">Steve Jurvetson</a>, "Solar Rainbow greeting me as I awoke on my birthday"</cite>
|
|
</section>
|
|
|
|
<section class="reverse" style="padding:6em 10em;">
|
|
<h4><a href="https://etherpad.mozilla.org/future-here">etherpad.mozilla.org/future-here</a></h4>
|
|
<h4><a href="http://mlncn.withknown.com/" rel="author">benjamin melançon</a></h4>
|
|
<h5><a href="mailto:ben@agaric.com">ben@agaric.com</a></h5>
|
|
<h5><a href="https://twitter.com/mlncn">@mlncn</a></h5>
|
|
</section>
|
|
|
|
<section id="lorenz" style="text-align:center;padding-top:0;">
|
|
<canvas></canvas>
|
|
</section>
|
|
|
|
<section style="background-image: url(NetNeutralityFreakOut.png); background-size:contain; background-position: center; background-repeat: no-repeat;">
|
|
</section>
|
|
|
|
<section>
|
|
<h1><img src="klout.png" /></h1>
|
|
</section>
|
|
|
|
<section style="background-image: url(bizarro-stats.jpg); background-size:contain; background-position: center; background-repeat: no-repeat;">
|
|
</section>
|
|
|
|
<section>
|
|
<ul class="big">
|
|
<li>We are the network. We effect (create, cause, bring into being) the value.</li>
|
|
<li>Open platforms have disadvantages to closed: in making up-front investment (one entity controlling a platform can capture the value more easily), can be easier to make a good user experience</li>
|
|
<li>Open platforms have advantages over closed: more companies can try their ideas, more different needs can be served (long tail).</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section>
|
|
<p>Distributed data and processing</p>
|
|
Bitcoin minus mining equals the future we deserve.
|
|
</section>
|
|
|
|
<section>
|
|
<li>This results in viable business models for free data.</li>
|
|
</section>
|
|
|
|
<section style="background-image:url(gradeneuron_treeoflife4.png); background-size: contain; background-position: center; background-repeat: no-repeat;">
|
|
<cite><a href="http://www.gardeneuron.net/">Gardeneuron.net</a></cite>
|
|
</section>
|
|
|
|
<section style="background-image: url(content_seattle536403_585014608182994_1431750072_n.jpg); padding-top: 8em">
|
|
</section>
|
|
|
|
<script src="d3.v3.min.js"></script>
|
|
<script src="stack.v1.js"></script>
|
|
<script>
|
|
|
|
var mystack = stack()
|
|
.on("activate", activate)
|
|
.on("deactivate", deactivate);
|
|
|
|
var section = d3.selectAll("section"),
|
|
lorenz = d3.select("#lorenz"),
|
|
lorenzIndex = section[0].indexOf(lorenz.node());
|
|
|
|
function activate(d, i) {
|
|
if (i === lorenzIndex) startLorenz();
|
|
}
|
|
|
|
function deactivate(d, i) {
|
|
if (i === lorenzIndex) stopLorenz();
|
|
}
|
|
|
|
var lorenzInterval;
|
|
|
|
function startLorenz() {
|
|
var δτ = 0.003,
|
|
ρ = 28,
|
|
σ = 10,
|
|
β = 8 / 3,
|
|
x = .5,
|
|
y = .5,
|
|
z = 10,
|
|
n = 30;
|
|
|
|
var width = 1280,
|
|
height = 720;
|
|
|
|
var canvas = d3.select("canvas")
|
|
.style("position", "absolute")
|
|
.style("top", 0)
|
|
.style("left", 0)
|
|
.style("width", "100%")
|
|
.style("height", "100%")
|
|
.attr("width", width)
|
|
.attr("height", height);
|
|
|
|
var color = d3.scale.linear()
|
|
.domain([0, 20, 30, 50])
|
|
.range(["yellow", "orange", "brown", "purple"])
|
|
.interpolate(d3.interpolateHcl);
|
|
|
|
var context = canvas.node().getContext("2d");
|
|
|
|
context.lineWidth = .2;
|
|
context.fillStyle = "rgba(0,0,0,.03)";
|
|
|
|
d3.timer(function() {
|
|
context.save();
|
|
context.globalCompositeOperation = "lighter";
|
|
context.translate(width / 2, height / 2);
|
|
context.scale(12, 14);
|
|
context.rotate(30);
|
|
for (var i = 0; i < n; ++i) {
|
|
context.strokeStyle = color(z);
|
|
context.beginPath();
|
|
context.moveTo(x, y);
|
|
x += δτ * σ * (y - x);
|
|
y += δτ * (x * (ρ - z) - y);
|
|
z += δτ * (x * y - β * z);
|
|
context.lineTo(x, y);
|
|
context.stroke();
|
|
}
|
|
context.restore();
|
|
return !lorenzInterval;
|
|
});
|
|
|
|
lorenzInterval = setInterval(function() {
|
|
context.fillRect(0, 0, width, height);
|
|
}, 100);
|
|
}
|
|
|
|
function stopLorenz() {
|
|
lorenzInterval = clearInterval(lorenzInterval);
|
|
}
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|