186 lines
8.1 KiB
HTML
186 lines
8.1 KiB
HTML
|
<!doctype html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<meta name="viewport" content="width=1024" />
|
||
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||
|
|
<title>Mapping Community by Jeremy Kidwell</title>
|
||
|
|
|
||
|
|
<meta name="description" content="Mapping Community by Jeremy Kidwell" />
|
||
|
|
<meta name="author" content="Jeremy Kidwell" />
|
||
|
|
|
||
|
|
<link href="http://fonts.googleapis.com/css?family=Open+Sans:regular,semibold,italic,italicsemibold|PT+Sans:400,700,400italic,700italic|PT+Serif:400,700,400italic,700italic" rel="stylesheet" />
|
||
|
|
|
||
|
|
<link href="css/impress-demo.css" rel="stylesheet" />
|
||
|
|
|
||
|
|
<link rel="shortcut icon" href="favicon.png" />
|
||
|
|
<link rel="apple-touch-icon" href="apple-touch-icon.png" />
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body class="impress-not-supported">
|
||
|
|
|
||
|
|
<div class="fallback-message">
|
||
|
|
<p>Your browser <b>doesn't support the features required</b> by impress.js, so you are presented with a simplified version of this presentation.</p>
|
||
|
|
<p>For the best experience please use the latest <b>Chrome</b>, <b>Safari</b> or <b>Firefox</b> browser.</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="impress">
|
||
|
|
|
||
|
|
<div id="title" class="step" data-x="0" data-y="0" data-scale="2">
|
||
|
|
<h1>Mapping Community<sup></sup></h1>
|
||
|
|
<span class="footnote">by <a href="http://twitter.com/kidwellj">@kidwellj</a></span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="slide1" class="step" data-x="2800" data-y="2000" data-z="-3000" data-rotate="300" data-scale="1">
|
||
|
|
<p><b>We have social problems.</b></p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="slide1a" class="step" data-x="2800" data-y="2325" data-z="-3000" data-rotate="240" data-scale="1">
|
||
|
|
<p><b>The recession</b></p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="slide1b" class="step" data-x="2800" data-y="2325" data-z="-3000" data-rotate="180" data-scale="1">
|
||
|
|
<p><b>Climate change</b></p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="slide1c" class="step" data-x="2800" data-y="2325" data-z="-3000" data-rotate="120" data-scale="1">
|
||
|
|
<p><b>Donald trump</b></p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="slide2" class="step" data-x="3800" data-y="2325" data-z="-3000" data-rotate="280" data-scale="1">
|
||
|
|
<p>These all require creative solutions</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="slide3" class="step" data-x="3600" data-y="1300" data-z="-2500" data-rotate="280" data-scale="0.5" style="width: 600px;"><p>And far too often, we look in vain to experts "out there" for solutions</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="slide4" class="step" data-x="3000" data-y="500" data-z="-2500" data-rotate="260" data-scale="1">
|
||
|
|
<p>All around us there are community level solutions that are:</p>
|
||
|
|
- innovative<br />
|
||
|
|
- impactful<br />
|
||
|
|
- sustainable<br />
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="slide5" class="step" data-x="3300" data-y="250" data-z="-3500" data-rotate="260" data-scale=".5">
|
||
|
|
<p style="margin-top: 200px; margin-left: -2px; margin-right: 100px; left: -106px; position: relative;">
|
||
|
|
...but community groups go un-noticed
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="slide6" class="step" data-x="3500" data-y="150" data-z="-4000" data-rotate="260" data-scale=".4">
|
||
|
|
<p style="margin-top: 200px; margin-left: -2px; margin-right: 100px; left: -106px; position: relative;">
|
||
|
|
This is a visibility problem
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="slide7" class="step" data-x="3500" data-y="0" data-z="-3750" data-rotate="260" data-scale=".4">
|
||
|
|
<p style="margin-top: 200px; margin-left: -2px; margin-right: 100px; left: -106px; position: relative;">
|
||
|
|
which impedes funding, collaboration, and multiplication
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="slide8" class="step" data-x="850" data-y="3000" data-rotate="90" data-scale="3">
|
||
|
|
<p>We want to be visible!</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="slide8b" class="step" data-x="850" data-y="4000" data-rotate="90" data-scale="3">
|
||
|
|
<img src="images/group_map.png" alt="picture of a map with lots of dots" style="max-width:120%;">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="slide9" class="step" data-x="250" data-y="3000" data-rotate="90" data-scale="2">
|
||
|
|
<p>And maps are a fantastic way <br /> to communicate this significance visually.</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="slide10" class="step" data-x="-1250" data-y="3000" data-rotate="90" data-scale="2">
|
||
|
|
<p>And we know this - </p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="slide11" class="step" data-x="-1650" data-y="3000" data-rotate="90" data-scale="1">
|
||
|
|
<p>Everyone has a map on their website - </p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="slide12" class="step" data-x="-1500" data-y="4500" data-rotate="90" data-scale="1">
|
||
|
|
<p>Development Trust Association Scotland</p>
|
||
|
|
<img src="images/dtas_map.png" alt="picture of dtas website" style="max-width:100%;">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="slide13" class="step" data-x="-1500" data-y="5500" data-rotate="90" data-scale="1">
|
||
|
|
<p>Scottish Communities Climate Action Network</p>
|
||
|
|
<img src="images/sccan_map.png" alt="picture of dtas website" style="max-width:100%;">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="slide14" class="step" data-x="-1500" data-y="6500" data-rotate="90" data-scale="1">
|
||
|
|
<p>Eco-Congregation Scotland</p>
|
||
|
|
<img src="images/ecs_map.png" alt="picture of dtas website" style="max-width:100%;">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="slide15" class="step" data-x="-2500" data-y="4500" data-rotate="90" data-scale="5">
|
||
|
|
<p>And these maps are all hosted by google.</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="slide16" class="step" data-x="-3500" data-y="4500" data-rotate="90" data-scale="5">
|
||
|
|
<p>This is a bad thing.</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="slide17" class="step" data-x="-5500" data-y="4500" data-rotate="90" data-scale="4">
|
||
|
|
<p>- The Google interface is user friendly<br />
|
||
|
|
- But in exchange for this "free" service,</br you agree to some pretty predatory Terms of Service<br />
|
||
|
|
- They can (and probably will) cancel your service at any time without warning<br />
|
||
|
|
- You get no analytics<br />
|
||
|
|
- And the data is stuck in a black box that doesn't interconnect<br /></p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="slide18" class="step" data-x="-7500" data-y="6500" data-rotate="90" data-scale="3">
|
||
|
|
<p>Let's recap:</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="slide19" class="step" data-x="-8500" data-y="6500" data-rotate="90" data-scale="3">
|
||
|
|
<p>
|
||
|
|
- Community groups are providing innovation and value<br />
|
||
|
|
- This is going un-noticed<br />
|
||
|
|
- and lack of knowledge impedes funding and collaboration<br />
|
||
|
|
- We can address this problem cartographically<br />
|
||
|
|
- But our options stink<br />
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="slide20" class="step" data-x="-6000" data-y="10000" data-rotate="90" data-scale="3">
|
||
|
|
<p>We are working on a solution to these problems:</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="slide21" class="step" data-x="-8500" data-y="11000" data-scale="3">
|
||
|
|
<p>- By improving public knowledge of community groups</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="slide22" class="step" data-x="-8500" data-y="12250" data-scale="3">
|
||
|
|
<p>- By enabling location-based analytics for groups and their umbrella organisations</p>
|
||
|
|
<img src="images/simd_jitterplot.png" alt="picture of dtas website" style="max-width:50%">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="slide23" class="step" data-x="-8500" data-y="13250" data-scale="3">
|
||
|
|
<p>- By providing sustainable and open data to social policy researchers</p>
|
||
|
|
</div>
|
||
|
|
<div id="slide23a" class="step" data-x="-8500" data-y="14500" data-scale="3">
|
||
|
|
<iframe src="https://zenodo.org/communities/mapping-community/?page=1&size=20" height="480" width="600"></iframe>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="slide24" class="step" data-x="-8500" data-y="15500" data-scale="3">
|
||
|
|
<p>- By documenting best-practices for local cross-network collaborations</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="slide25" class="step" data-x="-8500" data-y="16500" data-scale="3">
|
||
|
|
<p>- By providing an industry-leading digital mapping platform for free to community groups</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="slide26" class="step" data-x="-7500" data-y="17500" data-scale="5">
|
||
|
|
<h2><a href="http://mapping.community">Now Let's Demo!</a></h2>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script src="js/impress.js"></script>
|
||
|
|
<script>impress().init();</script>
|
||
|
|
</body>
|
||
|
|
</html>
|