Skip to content

Instantly share code, notes, and snippets.

@talllguy

talllguy/index.html

Last active April 16, 2018 13:49
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save talllguy/feb947b7b2d0c007157232ffd075cf80 to your computer and use it in GitHub Desktop.
Save talllguy/feb947b7b2d0c007157232ffd075cf80 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<title>Foo</title>
<meta charset='utf-8' />
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' />
<style type='text/css'>
body {
font-family: 'Helvetica';
letter-spacing:-5px;
background:#000;
background-size:100%;
color:#fff;
margin:0;
padding:0;
font-weight:bold;
}
h1, h2, h3, p {
margin:0;
}
em, a {
font-style:normal;
color:#8dbd0c;
}
a {
background: #34d0e7;
color:#000;
text-decoration:none;
}
img {
width:100%;
}
div {
cursor:pointer;
cursor:hand;
position:absolute;
top:0;
left:0;
}
</style>
<script type='text/javascript'>
window.onload = function() {
var s = document.getElementsByTagName('div'), cur = 0, ti;
if (!s) return;
function go(n) {
cur = n;
var i = 1e3, e = s[n], t;
document.body.className = e.dataset.bodyclass || '';
for (var k = 0; k < s.length; k++) s[k].style.display = 'none';
e.style.display = 'inline';
e.style.fontSize = i + 'px';
if (e.firstChild && e.firstChild.nodeName === 'IMG') {
document.body.style.backgroundImage = 'url(' + e.firstChild.src + ')';
e.firstChild.style.display = 'none';
if ('classList' in e) e.classList.add('imageText');
} else {
document.body.style.backgroundImage = '';
document.body.style.backgroundColor = e.style.backgroundColor;
}
if (ti !== undefined) window.clearInterval(ti);
t = parseInt(e.dataset.timeToNext || 0, 10);
if (t > 0) ti = window.setTimeout(fwd, (t * 1000));
while (
e.offsetWidth > window.innerWidth ||
e.offsetHeight > window.innerHeight) {
e.style.fontSize = (i -= 2) + 'px';
if (i < 0) break;
}
e.style.marginTop = ((window.innerHeight - e.offsetHeight) / 2) + 'px';
if (window.location.hash !== n) window.location.hash = n;
document.title = e.textContent || e.innerText;
}
document.onclick = function() { go(++cur % (s.length)); };
function fwd() { go(Math.min(s.length - 1, ++cur)); }
function rev() { go(Math.max(0, --cur)); }
document.onkeydown = function(e) {
if (e.which === 39 || e.which === 34 || e.which === 40) fwd();
if (e.which === 37 || e.which === 33 || e.which === 38) rev();
};
document.ontouchstart = function(e) {
var x0 = e.changedTouches[0].pageX;
document.ontouchend = function(e) {
var x1 = e.changedTouches[0].pageX;
if (x1 - x0 < 0) fwd();
if (x1 - x0 > 0) rev();
};
};
function parse_hash() {
return Math.max(Math.min(
s.length - 1,
parseInt(window.location.hash.substring(1), 10)), 0);
}
if (window.location.hash) cur = parse_hash() || cur;
window.onhashchange = function() {
var c = parse_hash();
if (c !== cur) go(c);
};
go(cur);
};
</script></head><body>
<div><p>Field Data Collection Method</p>
</div>
<div><p><em>Case Study</em> Landscape Operations Division</p>
</div>
<div><p>Elliott Plack</p>
<font color=gray>Geospatial Business Analyst</font>
<p><em>Consultant for MDOT</em></p>
<font color=blue>KCI Technologies</font>
</div>
<div><p>Why collect data?</p>
</div>
<div><ul>
<li>Reporting</li>
<li>Audits</li>
<li>Verification</li>
<li>Maps</li>
</ul>
</div>
<div><p>How?</p>
</div>
<div><p>Paper or Digital</p>
</div>
<div><p><img src="https://i.imgur.com/YJ2goSg.jpg" alt="Imgur">
Paper</p>
</div>
<div><p>Paper takes time!</p>
<ol>
<li>Making maps</li>
<li>Making paper forms</li>
<li>Filling it all out</li>
<li>Bringing it back to enter into system</li>
</ol>
</div>
<div><p>Digital</p>
</div>
<div><p><img src="https://i.imgur.com/RyXI7O6.png" alt="Imgur"></p>
</div>
<div><ol start="4">
<li>Bringing it back to enter into system</li>
</ol>
</div>
<div><p>The only step</p>
</div>
<div><p><img src="https://i.imgur.com/GYaK9B5.jpg" alt="Imgur"></p>
</div>
<div><p>field system <em>is the system</em></p>
</div>
<div><p>Collector for ArcGIS</p>
</div>
<div><p>Included in the platform</p>
</div>
<div><p>Collect data in the field</p>
</div>
<div><p>mobile devices</p>
<ul>
<li>iPhone</li>
<li>iPad</li>
<li>Android</li>
<li>Windows</li>
</ul>
</div>
<div><p>Fill out GIS data model</p>
</div>
<div><p>Add data</p>
</div>
<div><p>Update data</p>
</div>
<div><font color=red>Immediate data</font>
</div>
<div><p>Maps</p>
</div>
<div><p><img src="https://i.imgur.com/KXhZQQd.jpg" alt="Imgur"></p>
</div>
<div><p>Dashboards</p>
</div>
<div><p><img src="https://i.imgur.com/21Q7kly.jpg" alt="Imgur"></p>
</div>
<div><p>Derivative products</p>
</div>
<div><p><img src="https://i.imgur.com/eCiI5xL.png" alt="Imgur"></p>
</div>
<div><p>Case Study</p>
</div>
<div><p>LOD</p>
</div>
<div><font color=green>Green assets</font>
</div>
<div><p><img src="https://i.imgur.com/Dm88npI.png" alt="imgur"></p>
</div>
<div><p>Highway medians</p>
<ul>
<li>grass</li>
<li>trees</li>
<li>plant bed</li>
</ul>
</div>
<div><p>Data needs</p>
<ul>
<li>geometry (location and boundary)</li>
<li>information (attributes)</li>
<li>inspections (related data)</li>
<li>photos (attachments)</li>
</ul>
</div>
<div><p><img src="https://i.imgur.com/fhQuDBc.jpg" alt="Imgur"></p>
</div>
<div><p>Collector can capture all four</p>
</div>
<div><p>Field users edit boundary</p>
</div>
<div><p><img src="https://i.imgur.com/2fQ2hs7.jpg" alt="Imgur"></p>
</div>
<div><p>map location of trees with GPS</p>
</div>
<div><p><img src="https://i.imgur.com/6PEcU5x.jpg" alt="Imgur"></p>
</div>
<div><p>update data they could only get in the field</p>
</div>
<div><p><img src="https://i.imgur.com/WL0TqjZ.jpg" alt="Imgur"></p>
</div>
<div><p>inspect after workers</p>
</div>
<div><p><img src="https://i.imgur.com/Lv61CJJ.jpg" alt="Imgur"></p>
</div>
<div><p>take photos</p>
</div>
<div><p><img src="https://i.imgur.com/NMx6aaI.jpg" alt="Imgur"></p>
</div>
<div><p>view it all on the web map</p>
</div>
<div><p><img src="https://i.imgur.com/KXhZQQd.jpg" alt="Imgur"></p>
</div>
<div><p><em>use the data</em></p>
</div>
<div><p>DGD set this up</p>
</div>
<div><p>Developed model and deployed in a <em>few weeks</em></p>
</div>
<div><p>Bottom line</p>
</div>
<div><p>start gathering data now, directly</p>
</div>
<div><p>Demo</p>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment