-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
397 lines (376 loc) · 17.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
396
397
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>AI;DB Workshop</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="vendor/font-awesome/css/all.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Muli" rel="stylesheet">
<link href="css/bootcamp.css" rel="stylesheet">
<link href="css/timeline.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<link rel="shortcut icon" href="img/nthu.png" />
</head>
<body id="page-top">
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top">AI;DB Workshop</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false"
aria-label="Toggle navigation">
選單
<i class="fa fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#features">Workshop 特色</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#info">Workshop 資訊</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#schedule">重要時程</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#teachers">指導老師</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#qa">常見問題</a>
</li>
</ul>
</div>
</div>
</nav>
<header class="masthead">
<div class="container h-100">
<div class="row h-100">
<div class="col-lg-12 my-auto">
<div class="header-content mx-auto">
<h1 class="mb-10">AI;DB Workshop</h1>
<h2 class="mb-10">給您接近完成或是曾被拒絕的研究一個新能量</h2>
<br>
<a target="_blank" rel="noopener noreferrer" href="https://forms.gle/bGf2GgtE1ah2Esr16"
class="btn btn-outline btn-lg js-scroll-trigger">研究團隊報名</a>
<a target="_blank" rel="noopener noreferrer" href="https://forms.gle/mtUwwdkzRy7kT6DG8"
class="btn btn-outline btn-lg js-scroll-trigger">一般與會者報名</a>
<div class="btn btn-secondary btn-sm bottom-right explore wow fadeInDown" style="margin-bottom:10px;">
<i class="fa fa-arrow-down"></i><br />
了解更多
</div>
</div>
</div>
</div>
</div>
</header>
<section style="display:none;">
</section>
<section class="" id="features">
<div class="container">
<div class="section-heading text-center">
<h2>研討會特色</h2><br>
<h4><em>Q: 論文快發了，可是不知道還有哪裡需要改進？</em></h4><br>
<h4><em>Q: 論文被拒絕了，有新想法可是卻沒有人力繼續往下做？</em></h4><br>
<p>AI;DB Workshop 為期一至三天，讓國內做 AI 或 DB
的研究團隊密集地交換彼此快要完成或是曾被拒絕的研究，使得每個研究都可以獲得回饋而增加登上知名國際會議與期刊的機會。此外，如果您某個研究的成員陸續畢業而人力不足， AI;DB Workshop
也提供一個人力媒合的平台，讓不同團隊互相支援，創造雙贏！</p>
<!-- <p class="alert alert-danger" role="alert">Q: 論文快發了，可是不知道還有哪裡需要改進？</p>
<p class="alert alert-danger" role="alert">Q: 論文被拒絕了，有新想法可是卻沒有人力繼續往下做？</p>
<p class="alert alert-success" role="alert">Ans: AI;DB Workshop 為期兩至三天，讓國內做 AI 或 DB
的研究團隊密集地交換彼此快要完成或是曾被拒絕的研究，使得每個研究都可以獲得回饋而增加登上知名國際會議與期刊的機會。此外，如果您某個研究的成員陸續畢業而人力不足， AI;DB Workshop
也提供一個人力媒合的平台，讓不同團隊互相支援，創造雙贏！</p> -->
<!-- <hr> -->
</div>
<!-- <div class="row">
<div class="col-lg-12 my-auto">
<div class="container-fluid">
<div class="row">
<div class="col-lg-3">
<div class="feature-item">
<i class="wow fadeInDown fa fa-database"></i>
<h3>深入資料庫架構</h3>
<p class="text-muted">不同於一般大學的資料庫課程，深入介紹 DBMS 的內部運作原理。</p>
</div>
</div>
<div class="col-lg-3">
<div class="feature-item">
<i class="wow fadeInDown fa fa-file-code"></i>
<h3>開源程式碼實作</h3>
<p class="text-muted">配合 Open Source 資料庫系統<a target="_blank" rel="noopener noreferrer" href="http://www.vanilladb.org/">Vanilla DB</a> 與 <a target="_blank" rel="noopener noreferrer" href="http://www.elasql.org/">ElaSQL</a>，實際練習所習得的知識。</p>
</div>
</div>
<div class="col-lg-3">
<div class="feature-item">
<i class="wow fadeInDown fa fa-robot"></i>
<h3>結合AI技術</h3>
<p class="text-muted">搭上近期 AI 的熱潮，重新思考如何將最新的技術結合進 DBMS 的架構中。</p>
</div>
</div>
<div class="col-lg-3">
<div class="feature-item">
<i class="wow fadeInDown fa fa-book"></i>
<h3>為研究做準備</h3>
<p class="text-muted">給予學生精實的訓練，在課程結束後即可開始進行 DBMS 相關研究。</p>
</div>
</div>
</div>
</div>
</div>
</div> -->
</div>
</section>
<section class="info bg-primary" id="info">
<div class="wow bounceInLeft container">
<div class="section-heading text-center">
<h2>研討會資訊</h2>
<hr>
</div>
<p>舉辦地點：清華大學</p>
<p>預計舉辦時間：9/2 ~ 9/6 (預計一至三天，視報名情況而定)</p>
<p>研討會進行方式：每組研究人員上台發表研究成果，然後與會教授與同學將提供修改意見</p>
<p>報名費每人 300，並提供午餐</p>
<p>若營期超過一天，我們會視情況為每個<em>研究團隊</em>提供最多兩人份的住宿補助</p>
<br>
<!-- <p>課程表</p>
<img class="col-md-12" src="img/new_schedule.png" alt="課表"> -->
</div>
</section>
<section class="schedule text-center" id="schedule">
<div class="container text-center">
<div class="section-heading">
<h2>重要時程</h2>
<hr>
</div>
<div class="row wow fadeIn">
<ul class="timeline timeline-horizontal">
<li class="timeline-item">
<div class="timeline-badge primary"></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4 class="timeline-title">8/1 ~ 8/25</h4>
</div>
<div class="timeline-body">
<p>開放報名</p>
</div>
</div>
</li>
<li class="timeline-item">
<div class="timeline-badge success"></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4 class="timeline-title">8/25 ~ 8/31</h4>
</div>
<div class="timeline-body">
<p>報名結果與會議資訊通知</p>
</div>
</div>
</li>
<li class="timeline-item">
<div class="timeline-badge info"></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4 class="timeline-title">9/2 ~ 9/6</h4>
</div>
<div class="timeline-body">
<p>營期</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</section>
<section class="bg-primary" id="teachers">
<div class="section-heading text-center">
<h2>指導老師 (陸續增加中)</h2>
<hr>
</div>
<div class="container">
<div class="row d-flex justify-content-center wow fadeIn card-columns">
<div class="col-md-3 card">
<img class="card-img-top" src="img/Tony.jpg" alt="Card image cap">
<div class="card-body">
<h4 class="card-title">陳偉松</h4>
<p class="card-text">台灣大學資訊工程學系</p>
<p class="card-text">助理教授</p>
</div>
</div>
<div class="col-md-3 card">
<img class="card-img-top" src="img/Shwu.jpg" alt="Card image cap">
<div class="card-body">
<h4 class="card-title"><strong>吳尚鴻</strong></h4>
<p class="card-text">清華大學資訊工程學系</p>
<p class="card-text">副教授</p>
</div>
</div>
<div class="col-md-3 card">
<img class="card-img-top" src="img/Peng.png" alt="Card image cap">
<div class="card-body">
<h4 class="card-title">彭文志</h4>
<p class="card-text">交通大學資訊工程學系 </p>
<p class="card-text">教授暨多媒體研究所所長</p>
</div>
</div>
<div class="col-md-3 card">
<img class="card-img-top" src="img/yileh.JPG" alt="Card image cap">
<div class="card-body">
<h4 class="card-title">吳怡樂</h4>
<p class="card-text">台灣科技大學資訊工程系</p>
<p class="card-text">副教授</p>
</div>
</div>
<div class="col-md-3 card">
<img class="card-img-top" src="img/jlhuang.jpg" alt="Card image cap">
<div class="card-body">
<h4 class="card-title">黃俊龍</h4>
<p class="card-text">交通大學資訊工程學系</p>
<p class="card-text">教授</p>
</div>
</div>
<div class="col-md-3 card">
<img class="card-img-top" src="img/teacher24.jpg" alt="Card image cap">
<div class="card-body">
<h4 class="card-title">高宏宇</h4>
<p class="card-text">成功大學資訊工程學系 </p>
<p class="card-text">教授暨系主任</p>
</div>
</div>
<div class="col-md-3 card">
<img class="card-img-top" src="img/jerry.jpg" alt="Card image cap">
<div class="card-body">
<h4 class="card-title">周志遠</h4>
<p class="card-text">清華大學資訊工程學系</p>
<p class="card-text">副教授</p>
</div>
</div>
<div class="col-md-3 card">
<img class="card-img-top" src="img/scya.jpg" alt="Card image cap">
<div class="card-body">
<h4 class="card-title">沈之涯</h4>
<p class="card-text">清華大學資訊工程學系</p>
<p class="card-text">助理教授</p>
</div>
</div>
<div class="col-md-3 card">
<img class="card-img-top" src="img/oshin.jpg" alt="Card image cap">
<div class="card-body">
<h4 class="card-title">洪智傑</h4>
<p class="card-text">淡江大學資訊工程學系</p>
<p class="card-text">助理教授</p>
</div>
</div>
</div>
</div>
</section>
<section class="qa text-center" id="qa">
<div class="container">
<div class="section-heading">
<h2>常見問題</h2>
<hr>
</div>
<div>
<h4>Q: 我的研究會不會一拿出來就被人模仿或者搶先發表？</h4><br>
<p>
Ans：這就是為什麼我們希望與會者拿出接近完成或者是被拒絕的研究，因為這些研究距離發表通常只有幾步之遙，只需要稍作修改就可以投稿。因此其他人難以在短時間之內實作出相同的成果。不過報名者在報名前仍需要考慮有這樣的風險存在。
</p>
<hr><br>
</div>
<div>
<h4>Q: 如何提供媒合研究人力的機會？</h4><br>
<p>
Ans：我們讓研究團隊發表研究的題目與現階段的成果，並讓團隊開出對想要招募的人才的需求。而想要參與研究的與會者則會在台下伺機等待，聆聽研究內容。若有興趣的話就可以互相討論。
</p>
<hr><br>
</div>
<div>
<h4>Q: 請問「研究團隊報名」跟「一般與會者報名」差在哪裡？</h4><br>
<p>
Ans：研究團隊需要準備上台進行研究發表，因此需要事前進行報告的準備。報名的時候研究團隊只需要一人代表報名即可。一般與會者則只是單純前來參與討論，以及作為研究人力與研究團隊媒合。
</p>
<hr><br>
</div>
<div>
<h4>Q: 研究團隊大概要準備甚麼？</h4><br>
<p>
Ans：研究團隊需要準備一份上台報告的投影片，內容涵蓋研究的背景、主題與近況。報告的時間長度與環境等資訊會在會前公布。
</p>
<hr><br>
</div>
<div>
<h4>Q: 這個活動對一般與會者來說有什麼好處？</h4><br>
<p>
Ans：AI;DB Workshop 主要是提供一個場合供研究人員交流，並讓具有研究潛力的團隊發表想法。因此一般參與者前來可以獲得與頂尖研究團隊近距離的交流機會。另一方面，也能夠藉由聆聽研究題目與方向掌握 AI 與 DB
領域的最新知識。最重要的是，若實際與團隊接洽，參與研究的話，可以獲得實地動手把想法落實的經驗。若研究成功發表，還能增加研究著作的紀錄，對未來申請研究相關的教職或學程也會有幫助。
</p>
<hr><br>
</div>
<div>
<h4>Q: 我沒有研究題目，但是仍想來看看可以嗎？</h4><br>
<p>
Ans：沒有研究題目的話，仍可以以研究人力的身分報名。研究團隊會在報告後提供需要的人力需求，若對研究題目有興趣，可以自行向研究團隊接洽。
</p>
<hr><br>
</div>
<div>
<h4>Q: 請問報名費如何繳交？</h4><br>
<p>
Ans：填寫完報名表後，我們會連絡您提供繳交方式。
</p>
<hr><br>
</div>
<div>
<h4>Q: 我還有其他問題，請問該連絡誰？</h4><br>
<p>
Ans： 有任何問題歡迎寄信到 <a class="text-primary" href="mailto:[email protected]">[email protected]</a> ，我們會盡快回覆。
</p>
</div>
</div>
</section>
<section class="host text-center bg-primary" id="host">
<div class="section-heading text-center">
<h2>主辦單位</h2>
<hr>
</div>
<h3>清華大學資訊工程學系 DataLab 實驗室</h3>
<br /><br />
<div class="section-heading text-center">
<h2>協辦單位</h2>
<hr>
</div>
<h3>AI 創新研究中心</h3>
<h3>人工智慧技術暨全幅健康照護聯合研究中心</h3>
<br /><br />
<div class="section-heading text-center">
<a target="_blank" rel="noopener noreferrer" href="https://forms.gle/bGf2GgtE1ah2Esr16"
class="btn btn-info btn-lg js-scroll-trigger">研究團隊報名</a>
<a target="_blank" rel="noopener noreferrer" href="https://forms.gle/mtUwwdkzRy7kT6DG8"
class="btn btn-info btn-lg js-scroll-trigger">一般與會者報名</a>
</div>
</section>
<footer>
<div class="container">
<p>© 2019 AI;DB Workshop</p>
<p>清華大學資訊工程學系 DataLab 實驗室</p>
</div>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Custom scripts for this template -->
<script src="js/bootcamp.js"></script>
<script src="js/wow.min.js"></script>
<script>
new WOW().init();
</script>
</body>
</html>