-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
393 lines (366 loc) · 16.5 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>社團介紹</title>
<link rel="icon" type="image/x-icon" href="images/favicon.ico">
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
<meta name="og:title" content="2016師大黃金雨季社團介紹">
<meta name="og:url" content="http://www.ntnucic.club/2016_fair_of_club/">
<meta name="og:description" content="2016臺灣師範大學黃金雨季社團博覽會社團介紹">
<meta name="og:image" content="images/cic.jpg">
<meta name="og:site_name" content="NTNUCIC">
<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, minimal-ui">
<link rel="stylesheet" href="css/reveal.css">
<link rel="stylesheet" href="css/theme/black.css" id="theme">
<!-- Code syntax highlighting -->
<link rel="stylesheet" href="lib/css/zenburn.css">
<style>
td{
border:0 !important;
}
h2 {
font-size: 1.8em !important;
}
#intro img{
height:15rem;
border-radius: 5%;
}
#review img{
height: 30rem;
}
#join img{
width:10rem;
margin:0;
}
.org img{
height: 10rem;
}
</style>
<!-- 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>
<!--[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>臺師大資訊研究社</h1>
<h3>2016 黃金雨季 社團博覽會</h3>
</section>
<section>
<section>
<h1>社團簡介</h1>
</section>
<section>
<h2>社團宗旨</h2>
<p>提供一個讓所有對資訊有興趣的人可以互相交流學習，<br>
並找到志同道合朋友的地方，<br>
也讓那些對資訊領域有興趣，<br>
卻不得其門而入者可以有一個加入我們的方法。</p>
</section>
<section>
<h2>社團主要活動</h2>
<ul>
<li class="fragment">資訊交流</li>
<li class="fragment">資訊學習</li>
<li class="fragment">資訊教學</li>
</ul>
</section>
<section>
<h2>社團幹部</h2>
<ul>
<li class="fragment">社長、副社長</li>
<li class="fragment">教學組</li>
<li class="fragment">公關組</li>
<li class="fragment">總務組</li>
<li class="fragment">文書組</li>
</ul>
</section>
</section>
<section id="review">
<section>
<h1>上學期回顧</h1>
</section>
<section>
<h2>迎新擺攤</h2>
<img src="images/review1.jpg">
</section>
<section>
<h2>第一次迎新茶會</h2>
<img src="images/review2.jpg">
</section>
<section>
<h2>社課-Javascript</h2>
<img src="images/js.png">
</section>
<section>
<h2>社課-HTML</h2>
<img src="images/html.png">
</section>
<section>
<h2>主題式社課</h2>
<img src="images/other_class.png">
</section>
<section>
<h2>校慶擺攤</h2>
<img src="images/review3.jpg">
</section>
<section>
<h2>第二次迎新茶會</h2>
<img src="images/review4.jpg">
</section>
<section>
<h2>講座 x 服務學習</h2>
<img src="images/webgl.jpg">
<img src="images/service_learning.png">
</section>
<section>
<h2>學生計算機年會</h2>
<p>SITCON 2016</p>
<img src="images/SITCON2016.png"><br>
擷取自:http://sitcon.org/2016/
</section>
<section>
<h2>學生計算機年會</h2>
<p>SITCON 2016</p>
<img src="images/SITCON.jpg" alt="阿哲">
</section>
<section>
<h2>社員成果作品</h2>
<ol>
<li><a href="http://web.ntnu.edu.tw/~40347905S/main/index.html" target="_blank">layout practice</a></li>
<li><a href="http://web.ntnu.edu.tw/~40147014S/" target="_blank">桌遊</a></li>
<li><a href="http://web.ntnu.edu.tw/~40247043S/WebQuest/" target="_blank">WebQuest</a></li>
<li><a href="http://web.ntnu.edu.tw/~40247043S/" target="_blank">HaneT</a></li>
<li><a href="http://server.ntnucic.club/database/" target="_blank">學習網站</a></li>
</ol>
</section>
</section>
<section>
<section>
<h1>本學期活動</h1>
</section>
<section>
<h2>本學期活動</h2>
<ul>
<li class="fragment">迎新</li>
<li class="fragment">社課</li>
<li class="fragment">服務學習</li>
<li class="fragment">講座</li>
</ul>
</section>
<section>
<h2>迎新</h2>
<ul>
<li>招募社員</li>
<li>社團介紹</li>
<li>社課介紹</li>
<li>服務學習宣傳</li>
<li>講座介紹</li>
</ul>
</section>
<section>
<h2>迎新</h2>
<img src="images/welcome.jpg" style="height: 30rem">
</section>
<section>
<h2>社課──Scratch</h2>
<ul>
<li class="fragment">由MIT終身幼稚園組開發</li>
<li class="fragment">圖像化程式組件</li>
<li class="fragment">學習程式運行邏輯</li>
<li class="fragment">易上手</li>
</ul>
</section>
<section>
<h2>社課──Scratch</h2>
<video controls height="450px">
<source src="images/scratch.ogv" type="video/ogg">
</video>
</section>
<section>
<h2>社課──Python</h2>
<ul>
<li class="fragment">高階動態語言</li>
<li class="fragment">大量函式庫</li>
<li class="fragment">強制縮排</li>
<li class="fragment">用途廣泛</li>
<li class="fragment">適合新手</li>
</ul>
</section>
<section>
<h2>社課──Python</h2>
<img src="images/python.png" height="450px">
</section>
<section>
<h2>社課──進度安排</h2>
<table style="font-size: 0.8em;">
<tr>
<td>3/14</td>
<td>Scratch入門</td>
</tr>
<tr>
<td>3/21</td>
<td>Scratch進階</td>
</tr>
<tr>
<td>3/28</td>
<td>Scratch專案設計</td>
</tr>
<tr>
<td>4/25</td>
<td>Scratch成果發表</td>
</tr>
<tr>
<td>5/2</td>
<td>Python基礎資料型態與運算</td>
</tr>
<tr>
<td>5/9</td>
<td>Python進階資料型態、輸入輸出與邏輯判斷</td>
</tr>
<tr>
<td>5/16</td>
<td>Python迴圈與常用函式</td>
</tr>
<tr>
<td>5/23</td>
<td>Python函式</td>
</tr>
<tr>
<td>5/30</td>
<td>Python進階應用</td>
</tr>
<tr>
<td>6/6</td>
<td>Python成果發表</td>
</tr>
</table>
</section>
<section>
<h2>服務學習</h2>
<ul>
<li class="fragment">合作單位：MozTW、Wikipedia、OSSACC</li>
<li class="fragment">服務時間：Anytime(每月聚會追蹤進度)</li>
<li class="fragment">服務內容：
<ul>
<li style="width: 30%; float: left;margin-left: 3%;">
MozTW<br>
翻譯技術文件<br>
FireFox外掛移植與撰寫<br>
Mozilla OS bug修復
</li>
<li style="width: 30%; float: left;margin-left: 3%;">
Wikipedia<br>
新增或修改條目內容<br>
翻譯外文條目
</li>
<li style="width: 30%; float: left;margin-left: 3%;">
OSSACC<br>
軟體翻譯<br>
系統bug修復<br>
教育系統推廣
</li>
</ul>
</li>
</ul>
</section>
<section class="org">
<h2>服務學習──MozTW</h2>
<div><a title="By Sean Martell for Mozilla [2] [3] [MPL 2 (https://www.mozilla.org/MPL/)], via Wikimedia Commons" href="https://commons.wikimedia.org/wiki/File%3AMozilla_Firefox_logo_2013.png"><img alt="Mozilla Firefox logo 2013" src="https://upload.wikimedia.org/wikipedia/commons/f/ff/Mozilla_Firefox_logo_2013.png"/></a></div>
<ul>
<li class="fragment">Mozilla 臺灣社群</li>
<li class="fragment">Mozilla 軟體中文化支援</li>
<li class="fragment">推廣自由文化課程與活動</li>
</ul>
</section>
<section class="org">
<h2>服務學習──Wikipedia</h2>
<div><a title="By version 1 by Nohat (concept by Paullusmagnus); Wikimedia. (File:Wikipedia-logo.svg as of 2010-05-14T23:16:42) [CC BY-SA 3.0 (http://creativecommons.org/licenses/by-sa/3.0)], via Wikimedia Commons" href="https://commons.wikimedia.org/wiki/File%3AWikipedia-logo-v2.svg"><img alt="Wikipedia-logo-v2" src="https://upload.wikimedia.org/wikipedia/commons/8/80/Wikipedia-logo-v2.svg"/></a></div>
<ul>
<li class="fragment">維基百科中文化支援</li>
<li class="fragment">維基百科詞條建置與擴充</li>
</ul>
</section>
<section class="org">
<h2>服務學習──OSSACC</h2>
<div><a href="http://ossacc.moe.edu.tw" target="_blank"><img src="http://ossacc.moe.edu.tw/uploads/img4b0b7adc086ce.png" alt="OSSACC"></a></div>
<ul>
<li class="fragment">教育部校園自由軟體數位資源推廣服務中心</li>
<li class="fragment">校園自由軟體使用、推廣及教育訓練</li>
<li class="fragment">建立自由合法的電腦使用環境</li>
</ul>
</section>
<section>
<h2>講座</h2>
<ul>
<li class="fragment">預計4月下旬舉行</li>
<li class="fragment">Python：配合本學期課程</li>
<li class="fragment">邀請資深業師演講</li>
</ul>
</section>
</section>
<section id="join">
<h2>更多社團資訊</h2>
<ul>
<li>
<a href="https://www.facebook.com/NTNUCIC/" target="_blank">FB粉絲頁</a>
</li>
<li>
<a href="https://www.facebook.com/groups/ntnucic/" target="_blank">FB社團</a>
</li>
<li>
<a href="http://www.ntnucic.club/" target="_blank">社團網頁(建置中)</a>
</li>
<li>
<a href="http://www.ntnucic.club/104/" target="_blank">課程網頁與錄影</a>
</li>
</ul>
</section>
</div>
</div>
<script src="lib/js/head.min.js"></script>
<script src="js/reveal.js"></script>
<script>
// Full list of configuration options available at:
// https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
controls: true,
progress: true,
history: true,
center: true,
transition: 'slide', // none/fade/slide/convex/concave/zoom
// Optional reveal.js plugins
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, condition: function() { return !!document.querySelector( 'pre code' ); }, callback: function() { hljs.initHighlightingOnLoad(); } },
{ src: 'plugin/zoom-js/zoom.js', async: true },
{ src: 'plugin/notes/notes.js', async: true }
]
});
</script>
</body>
</html>
Selector( '[data-markdown]' ); } },
{ src: 'plugin/highlight/highlight.js', async: true, condition: function() { return !!document.querySelector( 'pre code' ); }, callback: function() { hljs.initHighlightingOnLoad(); } },
{ src: 'plugin/zoom-js/zoom.js', async: true },
{ src: 'plugin/notes/notes.js', async: true }
]
});
</script>
</body>
</html>