This repository has been archived by the owner on Jan 16, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
395 lines (334 loc) · 14.1 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
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>NUSWhispers: The Creation Story</title>
<meta name="description" content="Slides for our talk on the story of NUSWhispers on NUS Hackers Welcome Tea 2015">
<meta name="author" content="Tay Yang Shun, Melvin Lee">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="css/reveal.min.css">
<link rel="stylesheet" href="css/theme/night.css" id="theme">
<link rel="stylesheet" href="css/style.css">
<!-- For syntax highlighting -->
<link rel="stylesheet" href="lib/css/zenburn.css">
<!-- If the query includes 'print-pdf', include the PDF print sheet -->
<script>
if( window.location.search.match( /print-pdf/gi ) ) {
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = 'css/print/pdf.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
}
</script>
<!--[if lt IE 9]>
<script src="lib/js/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div class="reveal">
<!-- Any section element inside of this container is displayed as a slide -->
<div class="slides">
<section>
<h1>NUSWhispers:<br>The Creation Story</h1>
<p>
By <a href="http://yangshun.im" target="_blank">Yang Shun</a> / <a href="https://github.com/yangshun" target="_blank">yangshun</a> and<br><a href="http://zy.sg" target="_blank">Melvin Lee</a> / <a href="https://github.com/zyml" target="_blank">zyml</a>
</p>
</section>
<section>
<h2>Hi, I'm Yang Shun and<br>this is Melvin</h2>
</section>
<section>
<h2>We created NUSWhispers</h2>
<p>Together with many others</p>
</section>
<section>
<h2>Why</h2>
<ul>
<li>School life can be made more fun if we got to interact with peers from other faculties</li>
<li>NUS Confessions is dead. The founders of NUS Confessions have graduated and didn’t bother about the platform anymore</li>
</ul>
</section>
<section>
<h2>What</h2>
<iframe class="stretch" src="http://nuswhispers.com/"></iframe>
<p><a href="http://nuswhispers.com">http://nuswhispers.com</a></p>
</section>
<section>
<h2>Why "Whispers"?</h2>
<img src="images/definition.png">
</section>
<section>
<h2>Why "Whispers"?</h2>
<img class="fragment" src="images/whisper-pad.jpg" width="60%">
</section>
<section>
<h2>Building NUSWhispers</h2>
</section>
<section>
<h2>How It Started</h2>
<img src="images/steven-halim.jpg" height="375" width="375">
<p>Dr Steven Halim</p>
<p><a href="http://www.comp.nus.edu.sg/~stevenha/cs3226.html" target="_blank">CP3101B Web Programming and Applications (Recoded to CS3226)</a></p>
</section>
<section>
<h2>NUS Confessions</h2>
<ul>
<li class="fragment">No indexing of confessions</li>
<li class="fragment">No categorization</li>
<li class="fragment">Moderation process is a hassle</li>
<li class="fragment">Most importantly: IT IS DEAD</li>
</ul>
</section>
<section>
<h2>Leveraging Technology</h2>
<p class="fragment">We can build a custom platform that addresses the problems faced by NUS Confessions</p>
</section>
<section>
<h2>Features</h2>
<ul>
<li class="fragment">Indexing, categorizing and searching through confessions</li>
<li class="fragment">Streamlined moderation process</li>
</ul>
</section>
<section>
<h2>Design</h2>
<img src="images/ui-admin.png" width="40%">
<img src="images/ui-site.png" width="40%">
</section>
<section>
<h2>Tech Stack</h2>
<ul>
<li class="fragment">Back-end MVC Framework: Laravel 5</li>
<li class="fragment">Single Page Application: AngularJS</li>
</ul>
</section>
<section>
<h2>Admin Dashboard</h2>
<img src="images/ui-admin.png">
</section>
<section>
<h2>Launching NUSWhispers</h2>
</section>
<section>
<h2>Initial Launch</h2>
<ul>
<li class="fragment">Launched on April 7th 2015</li>
<li class="fragment">Got 500 likes within the first day</li>
</ul>
</section>
<section>
<img src="images/whisper-nus-confessions-is-back.png">
</section>
<section>
<h2>Chicken and Egg Problem</h2>
<ul>
<li class="fragment">Content-heavy application</li>
<li class="fragment">No content -> no users</li>
<li class="fragment">No users -> no content</li>
</ul>
</section>
<section>
<h2>Do things that don't scale</h2>
<ul>
<li class="fragment">Article by Paul Graham, Co-founder of Y Combinator</li>
<li class="fragment"><a href="http://paulgraham.com/ds.html" target="_blank">http://paulgraham.com/ds.html</a></li>
<li class="fragment">Don't underestimate the power of compound growth</li>
</ul>
</section>
<section>
<h2>Manual Labour</h2>
<ul>
<li class="fragment">Took turns to moderate</li>
<li class="fragment">Seeding (self-generate initial content)</li>
<li class="fragment">Self-commenting</li>
<li class="fragment">Shamelessly self-bump posts by liking<br>and asking friends to like and share</li>
</ul>
</section>
<section class="ys-images">
<img class="fragment" src="images/ys/1.png">
<img class="fragment" src="images/ys/2.png">
<img class="fragment" src="images/ys/3.png">
<img class="fragment" src="images/ys/4.png">
<img class="fragment" src="images/ys/5.png">
</section>
<section>
<h2>Too Annoying :(</h2>
<img class="fragment" src="images/flame-yangshun.png">
</section>
<section>
<h2>NUSMods Publicity</h2>
<img src="images/publicity-nusmods.png" width="80%">
<p>Help from major school platforms</p>
</section>
<section>
<h2>SoC Publicity</h2>
<img src="images/publicity-soc.png" width="60%">
<p>Help from the faculty</p>
</section>
<section>
<h2>Facebook</h2>
<ul>
<li class="fragment">Updates mirrored on NUSWhispers Facebook page</li>
<li class="fragment">Convenient liking, sharing and commenting</li>
<li class="fragment">Periodic updates via scheduling</li>
</ul>
</section>
<section>
<h2>Some Numbers</h2>
<ul>
<li class="fragment">Facebook Likes: 5,800+</li>
<li class="fragment">MAU: 16,900+ (this month)</li>
<li class="fragment">Whispers Received: 7300+</li>
<li class="fragment">Whispers Impressions on FB: 3.2M+</li>
</ul>
</section>
<section>
<h2>What People are Sharing</h2>
<ul>
<li class="fragment">Stories</li>
<li class="fragment">Questions</li>
<li class="fragment">Interesting Memes</li>
</ul>
</section>
<section>
<h2>What People are Sharing</h2>
<img src="images/meme-just-in-time.png" width="60%">
</section>
<section>
<h2>What People are Sharing</h2>
<img src="images/meme-mib.jpg">
</section>
<section>
<h2>What People are Sharing</h2>
<img src="images/whisper-most-popular.png" width="50%">
<p>Most Popular Whisper (3500+ likes!)</p>
</section>
<section>
<h2>Evolving Trends</h2>
<ul>
<li class="fragment">Sex Part 1</li>
<li class="fragment">Exams</li>
<li class="fragment">LGBT</li>
<li class="fragment">CS3216/7 Debate</li>
<li class="fragment">Politics (GE2015)</li>
<li class="fragment">Orientation Camps</li>
<li class="fragment">Sex Part 2 (Pre-marital Sex and Virginity)</li>
</ul>
</section>
<section>
<h2>Challenges Faced</h2>
<ul>
<li class="fragment">Getting into trouble with NUS</li>
<li class="fragment">Trolls</li>
<li class="fragment">Reposts</li>
<li class="fragment">Too popular! (attract audience from outside NUS)</li>
</ul>
</section>
<section>
<h2>Community Effort</h2>
<ul>
<li class="fragment">
<a href="http://yangshun.im/nuswhispers-leaderboard" target="_blank">NUSWhispers Leaderboard</a>
</li>
<li class="fragment">
<a href="https://www.facebook.com/nuswhispersbot" target="_blank">NUSWhispers Bot</a>
</li>
<li class="fragment">
<a href="https://www.facebook.com/events/490332571133940" target="_blank">NUSWhispers Commenters Meetup!</a>
</li>
</ul>
</section>
<section>
<h2>Future Development</h2>
<ul>
<li class="fragment">iOS App Sneak Peek</li>
<li class="fragment">Anonymous replying to comments</li>
<li class="fragment">More NUSWhispers Commenters Meetups!</li>
</ul>
</section>
<section>
<h2>People</h2>
<p>A big THANK YOU to the people who<br>have made NUSWhispers possible!</p>
<ul>
<li class="fragment">Founding Team: Melvin, Erin, Yichen</li>
<li class="fragment">Moderator Team: Nicholette, Yen Ling, Waihon</li>
<li class="fragment">iOS Team: Jingwen, Nicholette, Jing Rong</li>
<li class="fragment">and our readers (:</li>
</ul>
</section>
<section>
<h2>Advice to Freshmen</h2>
<ul>
<li class="fragment">Melvin:
<ul>
<li><em>Start deciding where you want to be after you graduate. It really depends on much you like developing stuff.</em></li>
</ul>
</li>
<li class="fragment">Yang Shun:
<ul>
<li><em>University is the best time to try out new things and find out what you want to do in life. Go forth and explore!</em></li>
</ul>
</li>
<li class="fragment">Erin:
<ul>
<li><em>Don't care too much about CAP. Challenge yourself: take modules that you think are interesting, not modules you think are easy. Or do your own project. Make friends, be open-minded, and don't be intimidated by all the pro people around you. Also, read "Clean Code".</em></li>
</ul>
</li>
</ul>
</section>
<section>
<h2>Advice to Freshmen</h2>
<ul>
<li class="fragment">Yichen:
<ul>
<li><em>Do not be restricted by the materials taught in the modules. Try to make use of online resources to learn beyond the syllabus. Make good use of the holidays to explore new things. Do not be shy to ask for help as many students and profs from SoC are very friendly and approachable.</em></li>
</ul>
</li>
<li class="fragment">Nicholette:
<ul>
<li><em>Hi everyone! If you see anything interesting, fun and most of all, enriching, just join and make the best out of it. Don't think too much :D!</em></li>
</ul>
</li>
</ul>
</section>
<section>
<h1>Q & A</h1>
</section>
<section>
<h1>Thank You!</h1>
<p><a href="https://github.com/nusmodifications/nuswhispers" target="_blank">https://github.com/nusmodifications/nuswhispers</a></p>
</section>
</div>
</div>
<script src="lib/js/head.min.js"></script>
<script src="js/reveal.min.js"></script>
<script>
// Full list of configuration options available here:
// https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
controls: true,
progress: true,
history: true,
center: true,
previewLinks: true,
theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
transition: Reveal.getQueryHash().transition || 'default', // default/cube/page/concave/zoom/linear/fade/none
// Parallax scrolling
// parallaxBackgroundImage: 'https://s3.amazonaws.com/hakim-static/reveal-js/reveal-parallax-1.jpg',
// parallaxBackgroundSize: '2100px 900px',
// Optional libraries used to extend on reveal.js
dependencies: [
// { src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
// { src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
// { src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } }
// { src: 'plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
// { src: 'plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
]
});
</script>
</body>
</html>