-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·112 lines (103 loc) · 5.3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<!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>I've made you a webmap - now you can do it yourself!</title>
<meta name="author" content="Sam Drummond" />
<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/style.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="4">
<span class="above">I've made you a</span>
<h1>WebMap</h1>
<span class="below">...now you can do it yourself</span>
</div>
<div id="Question" class="step" data-x="850" data-y="3000" data-rotate="90" data-scale="5">
<span class='above'>How does municipality in a</span>
<b class='scaling'>growing district</b>
<p>with a <span class='fast'>rapidly changing</span></p>
<p>technological landscape help staff and customers make better decisions?</p>
</div>
<div id="Who" class="step" data-x="850" data-y="3000" data-z="-2500" data-rotate="245" data-scale="1">
<p>who <b>ARE</b> we?</p>
</div>
<div id="CurrentState" class="step" data-x="5500" data-y="2100" data-rotate="180" data-scale="6">
<p>If it ain't<b>broke</b> <span class="fix">don't fix it!</span></p>
</div>
<div id="FutureState" class="step" data-x="8500" data-y="3500" data-rotate="90" data-scale="6">
<p>The</p>
<p>Future</p>
<p>is</p>
<p>Now</p>
<span class='footnote'>*Spoiler Alert*</span>
</div>
<div id="Journey" class="step" data-x="6000" data-y="-1000" data-rotate="0" data-scale="8">
<p><span class="strikethrough">Life</span><span class="infoTech"> Information Technology</span> is a journey not a destination</p>
</div>
<div id="PhaseI" class="step" data-x="11000" data-y="-2500" data-rotate="0" data-scale="5">
<p>Phase I</p>
</div>
<div id="PhaseIGISCO" class="step" data-x="12400" data-y="-2900" data-rotate="0" data-scale='5'>
<p>GISCO</p>
</div>
<div id="PhaseIHighLevel" class="step" data-x="12400" data-y="-2500" data-rotate="0" data-scale="5">
<p>High Level Requirements</p>
</div>
<div id="PhaseIPlatform" class="step" data-x="12400" data-y="-2100" data-rotate="0" data-scale="5">
<p>Platform Implementation</p>
</div>
<div id="PhaseII" class="step" data-x="11000" data-y="-600" data-rotate="0" data-scale="5">
<p>Phase II</p>
</div>
<div id="PhaseIIWAB" class="step" data-x="12400" data-y="-1200" data-rotate="0" data-scale="5">
<p>Web Application Builder (Dev. Ed.)</p>
</div>
<div id="PhaseIIDetailedReq" class="step" data-x="12400" data-y="-800" data-rotate="0" data-scale="5">
<p>User Stories<p>
</div>
<div id="PhaseIIDetailedReqUserStories" class="step" data-x="16500" data-y="-800" data-rotate="90" data-scale="4">
<p>As a <span class="sentanceSubstitute">[role]</span> I want to <span class="sentanceSubstitute">[task]</span> so that <span class="sentanceSubstitute">[benefit]</span><p>
</div>
<div id="PhaseIIGapAnalysis" class="step" data-x="12400" data-y="-400" data-rotate="0" data-scale="5">
<p>Gap Analysis</p>
</div>
<div id="PhaseIICustomDev" class="step" data-x="12400" data-y="0" data-rotate="0" data-scale="5">
<p>Custom Development</p>
</div>
<div id="CaseStudy1" class="step" data-x="15000" data-y="5000" data-rotate="90" data-scale="10">
<p>Case Study: Water Unit Field Access<p>
</div>
<div id="CaseStudy2" class="step" data-x="13000" data-y="5000" data-rotate="90" data-scale="10">
<a href="http://waimakariri.maps.arcgis.com/apps/webappviewer/index.html?id=ffb240fdaa4e45bebe832ced7e5f753b" target="_blank">Cast Study: Cemetery Search</a>
</div>
<div id="CaseStudy3" class="step" data-x="11000" data-y="5000" data-rotate="90" data-scale="10">
<a href="http://waimakariri.maps.arcgis.com/apps/webappviewer/index.html?id=bb84a8659a5e478695ca71e7e5354102" target="_blank">Case Study Ward Boundary Review</a>
</div>
<div id="contact" class="step" data-x="9000" data-y="11000" data-z="-100" data-rotate-x="-45" data-rotate-y="-45" data-scale="4">
<h1 class="thanks">Questions?</h1>
<p class="email">[email protected]</p>
<a class="link" href="http://samdrummond.github.io/2015NZEUGConferenceWDCPresentation/">http://samdrummond.github.io</a>
<a class='source' href="https://github.com/SamDrummond/2015NZEUGConferenceWDCPresentation">https://github.com/SamDrummond</a>
</div>
<!--<div id="overview" class="step" data-x="7200" data-y="2000" data-scale="18">
</div>-->
</div>
<script>
if ("ontouchstart" in document.documentElement) {
document.querySelector(".hint").innerHTML = "<p>Tap on the left or right to navigate</p>";
}
</script>
<script src="js/impress.js"></script>
<script>impress().init();</script>
</body>
</html>