419 lines
15 KiB
HTML
419 lines
15 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(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>
|
|
</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(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(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 style="background-image:url(thegrid-io-own-not-rent-2015-07-31.png);">
|
|
</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</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);">
|
|
</section>
|
|
|
|
<section style="background-image:url(building-disturbing-prospect-park.jpg);">
|
|
</section>
|
|
|
|
<section style="background-image:url(140605-bp-oil-spill-rig-1321_29ac02f087e8f1e6d66c32b28ee5e801.jpg);">
|
|
</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(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(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 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(NetNeutralityFreakOut.png); background-size:contain; background-position: center; background-repeat: no-repeat;">
|
|
</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(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="background-image:url(indiewebcamp_logo_1600px.png); background-size: contain; background-position: center; background-repeat: no-repeat;">
|
|
</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>
|
|
<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>
|