-
Notifications
You must be signed in to change notification settings - Fork 0
/
shddar.html
168 lines (162 loc) · 6.76 KB
/
shddar.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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="shortcut icon" type="image/png" href="/lib/favicon.png"/>
<title>ScienceHackDayDar - #SHDDar2017</title>
<link rel="stylesheet" href="css/reveal.css">
<link rel="stylesheet" href="css/theme/white.css">
<link rel="stylesheet" href="css/twemoji-awesome.css">
<!-- Theme used for syntax highlighting of code -->
<link rel="stylesheet" href="lib/css/zenburn.css">
<link rel="stylesheet" href="lib/css/settings.css">
<!-- Printing and PDF exports -->
<script>
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
</script>
</head>
<body>
<div class="reveal">
<div class="header">
<a href="http://sciencehackday.org" class="brand-logo">
<img width="auto" height="200" src="lib/logo.png" alt="ScienceHackDay">
</a>
</div>
<div class="slides">
<section>
<h2>Science Hack Day Dar</h2>
<p>
<i class="twa twa-lg twa-bird"></i> @sciencehackday,
<i class="twa twa-lg twa-bird"></i> @shddar,
<i class="twa twa-lg twa-camera"></i> @shd_dar
</p>
<p>
#SHDDar, #SHDDar2017, #ScienceHackDay
</p>
<p>
<i class="twa twa-lg twa-earth-africa"></i> dar.sciencehackday.org
</p>
<p>
<small>Created by <a href="http://mtuchi.me">Emmanuel Evance</a> / <a href="http://twitter.com/mtuchidev">@mtuchidev</a></small>
</p>
</section>
<section>
<h2>Our sponsors</h2>
<br>
<a href="http://raha.co.tz/" class="anchor-fix">
<img width="auto" height="200" data-src="lib/new-raha.png" alt="Raha">
</a>
<a href="http://k15.photos" class="anchor-fix">
<img width="auto" height="200" data-src="lib/new-K15.png" alt="K15photos">
</a>
<a href="http://buni.or.tz/" class="anchor-fix">
<img width="auto" height="200" data-src="lib/buni.png" alt="Buni">
</a>
</section>
<section>
<h2>Data Science, machine learning, and AI</h2>
</section>
<section>
<h2>Disclaimer: <i class="twa twa-lg twa-warning"></i></h2>
<p>I am not an expert in Data Science,ML or Ai:</p>
<p class="fragment grow">Just an enthusiasm</p>
<p class="fragment shrink">And have little knowledge</p>
<p class="fragment fade-out">Will not use Big Words.</p>
<p class="fragment fade-up">Its Gonna Be Fun <i class="twa twa-lg twa-joker"></i></p>
</section>
<section>
<section>
<h2>What is data science, machine learning, and AI?</h2>
</section>
<section>
<p>There is a lot of confusion around the terms data science, machine learning, and artificial intelligence.</p>
<p>Often used <em>interchangeably</em>, but from a high level:.</p>
<br>
<i class="twa twa-lg twa-white-down-pointing-backhand-index-type-6"></i>
</section>
<section>
<h2>Data science</h2>
<p>A philosophy of thinking scientifically about data.</p>
<i class="twa twa-lg twa-white-down-pointing-backhand-index-type-6"></i>
</section>
<section>
<h2>Machine Learning</h2>
<p>A technique in which computers learn without explicitly being instructed to learn.</p>
<br>
<i class="twa twa-lg twa-white-down-pointing-backhand-index-type-6"></i>
</section>
<section>
<h2>Artificial Intelligence</h2>
<p>Intelligence exhibited by machines. (Machine learning is one example of an AI technique; another example is optimization.)</p>
<br>
<i class="twa twa-lg twa-white-up-pointing-backhand-index-type-6"></i>
</section>
</section>
<section>
<h1>True story.</h1>
<br />
<i class="twa twa-2x twa-laughing"></i>
<i class="twa twa-2x twa-rolling-on-the-floor-laughing"></i>
<i class="twa twa-2x twa-sweat-smile"></i>
</section>
<section>
<section data-transition="slide">
<h2>NotHotdog-Classifier</h2>
<p>
Do you watch HBO's Silicon Valley? Because I do and I was inspired by Mr. Jian-Yang to make my own not hotdog classifier.
</p>
<p>
<small>Credits to <a href="https://github.com/kmather73/NotHotdog-Classifier">kmather73/NotHotdog-Classifier</a></small>
</p>
<i class="twa twa-2x twa-white-down-pointing-backhand-index-type-6"></i>
</section>
<section data-background-transition="slide" data-background="lib/silicon-banner.jpg" data-background-repeat="no-repeat" data-background-size="auto">
<!-- <img data-src="lib/silcon-pg.png" alt="Parent Guide" style="align-items:bottom;"> -->
</section>
<section data-background-transition="zoom" data-background="lib/silcon-pg.png" data-background-repeat="no-repeat" data-background-size="auto">
<!-- <p>Parent Guide</p> -->
</section>
<section data-background="https://s3.amazonaws.com/hakim-static/reveal-js/image-placeholder.png" data-background-repeat="repeat" data-background-size="100px">
<h2>Tiled Backgrounds</h2>
<pre><code class="hljs" style="word-wrap: break-word;"><section data-background="image.png" data-background-repeat="repeat" data-background-size="100px"></code></pre>
</section>
<section data-background-video="https://s3.amazonaws.com/static.slid.es/site/homepage/v1/homepage-video-editor.mp4,https://s3.amazonaws.com/static.slid.es/site/homepage/v1/homepage-video-editor.webm" data-background-color="#000000">
<div style="background-color: rgba(0, 0, 0, 0.9); color: #fff; padding: 20px;">
<h2>Video Backgrounds</h2>
<pre><code class="hljs" style="word-wrap: break-word;"><section data-background-video="video.mp4,video.webm"></code></pre>
</div>
</section>
<section data-background="http://i.giphy.com/90F8aUepslB84.gif">
<h2>... and GIFs!</h2>
</section>
</section>
</div>
</div>
<script src="lib/js/head.min.js"></script>
<script src="js/reveal.js"></script>
<script>
// More info about config & dependencies:
// - https://github.com/hakimel/reveal.js#configuration
// - https://github.com/hakimel/reveal.js#dependencies
Reveal.initialize({
controls: true,
progress: false,
history: true,
center: true,
dependencies: [
{ src: 'plugin/markdown/marked.js' },
// Zoom in and out with Alt+click
{ src: 'plugin/zoom-js/zoom.js', async: true },
{ src: 'plugin/markdown/markdown.js' },
{ src: 'plugin/notes/notes.js', async: true },
{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } }
]
});
</script>
</body>
</html>