-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
182 lines (171 loc) · 11.8 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
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
<html>
<!doctype html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Putting it all together</title>
<link rel="stylesheet" href="presentation/css/reveal.css">
<link rel="stylesheet" href="presentation/css/theme/canva.css">
<style>
.reveal .iframe {
background: rgba(255, 255, 255, 0.12);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
margin: 20px auto;
width: 80%;
height: 50%;
}
</style>
<!-- Theme used for syntax highlighting of code -->
<link rel="stylesheet" href="presentation/lib/css/zenburn.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/3.6.0/js/reveal.min.js"></script>
</head>
<body>
<div class="reveal">
<div class="slides">
<section data-background="linear-gradient(90deg,#00a99d,#7d2ae8)" data-background-size="cover">
<div class="has-dark-background">
<h2>SmartCourse</h2>
<p style="font-size: 0.6em">Travis Britton | Alex Hinds | Nuno Das Neves | Luke Papandrea</p>
</div>
</section>
<section>
<section data-markdown>
## What and Why?
</section>
<section data-markdown>
## Proven use cases
* Absence of existing products.
* Success of other community driven platforms.
* Basic market research
</section>
</section>
<section>
<section data-background-size="cover">
<div style="height: 250px; margin: auto; padding: 10px;">
<img style="display: inline-block;" class="plain" src="http://logo.kenh.net/logo/zenhub.svg.thumb.jpg">
<img style="display: inline-block;" class="plain" src="https://assets-cdn.github.com/images/modules/logos_page/GitHub-Mark.png">
<img style="display: inline-block;" class="plain" src="data:image/png;base64,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">
</div>
<h2>Project Management</h2>
</section>
<section data-markdown>
## Github
* 250+ Pull Requests and Issues
* Rigorous code review process
* `master` branch protected to ensure quality, stability.
</section>
<section>
<div style="height: 500px; margin: auto; padding: 10px;">
<img style="display: inline-block; border: none;" src="presentation/images/github-1.png">
</div>
</section>
<section>
<div style="height: 250px; margin: auto; padding: 10px;">
<img style="display: inline-block;" class="plain" src="https://travis-ci.org/images/logos/TravisCI-Mascot-1.png">
</div>
<h2>Travis CI</h2>
<p>
Test Driven Development
</p>
</section>
<section data-markdown>
## Travis CI
* 1000+ builds
* All PR builds run through CI
* Only green builds merged
</section>
<section>
<div style="height: 500px; margin: auto; padding: 10px;">
<img style="display: inline-block; border: none;" src="presentation/images/travis-1.png">
</div>
</section>
<section>
<div style="height: 250px; margin: auto; padding: 10px;">
<img style="display: inline-block;" class="plain" src="https://azurecomcdn.azureedge.net/cvt-c60cab6169f73da82eef6c280ea607926d9f0e10d18c5abf9f1fed8d939fe747/images/shared/social/azure-icon-250x250.png">
</div>
<h2>Microsoft Azure</h2>
<p>Deployment and hosting</p>
</section>
<section data-markdown>
### Three environments
1. Development (localhost, dummy data)
2. Staging (hosted on azure, dummy data)
3. Production (hosted on azure, persistent data)
</section>
<section>
<h2>Production</h2>
<code>smartcourse.me</code>
<iframe class="iframe" src="https://smartcourse.me/subject"></iframe>
</section>
<section>
<div style="height: 250px; margin: auto; padding: 10px;">
<img style="display: inline-block;" class="plain" src="http://logo.kenh.net/logo/zenhub.svg.thumb.jpg">
</div>
<h2>Zenhub</h2>
</section>
<section data-markdown>
### Github++
1. Sprint by Sprint analysis with velocity tracking,
2. Targeted releases and progression on MVP, Final Product
</section>
<section>
<h3>MVP Burnup</h3>
<div style="height: 500px; margin: auto; padding: 10px;">
<img style="display: inline-block; border: none;" src="presentation/images/mvp.png">
</div>
</section>
<section>
<h3>Velocity</h3>
<div style="height: 500px; margin: auto; padding: 10px;">
<img style="display: inline-block; border: none;" src="presentation/images/velocity.png">
</div>
</section>
</section>
</section>
<section>
<section data-markdown>
## Reflections
</section>
<section data-markdown>
## Successes
* Target for MVP was achieved within targeted deadline
* Adjustments to scope allowed us to focus on important features
* Iterative approach
* Hosted and Deployed App with Mobile and Desktop support
</section>
<section data-markdown>
## Difficulties
* Rapidness of early progression complicated extensions
* Work and study commitments
* Some features weren't prioritised correctly
* CI only as good as tests provided
</section>
</section>
<section>
<h1>DEMO</h1>
</section>
</div>
</div>
<script data-cfasync="false" src="presentation/lib/js/head.min.js"></script>
<script data-cfasync="false">
// More info about config & dependencies:
// - https://github.com/hakimel/reveal.js#configuration
// - https://github.com/hakimel/reveal.js#dependencies
Reveal.initialize({
history: true,
center: true,
dependencies: [
{ src: 'presentation/plugin/markdown/marked.js' },
{ src: 'presentation/plugin/external/external.js' },
{ src: 'presentation/plugin/markdown/markdown.js' },
{ src: 'presentation/plugin/sampler/sampler.js' },
{
src: 'presentation/plugin/highlight/highlight.js', async: true, callback: function () {
hljs.initHighlightingOnLoad();
}
}
]
});
</script>
</body>
</html>