-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
731 lines (709 loc) · 38.2 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
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="google-site-verification" content="303229JrEOKOLtpcXPu9HlOXOUBfY8xnv-UjtcXr9OU" />
<meta property="og:title" content="科技啓蒙 EDIT" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://edit.flipedu.tw" />
<meta property="og:image" content="http://edit.flipedu.tw/images/avatar.jpg" />
<title>NCKU EDiT 科技啓蒙 2014</title>
<link rel="stylesheet" type="text/css" href="static/components/normalize-css/normalize.css" />
<link rel="stylesheet" type="text/css" href="static/components/semantic-ui/build/packaged/css/semantic.min.css" />
<link rel="stylesheet" type="text/css" href="static/components/semantic-ui/build/minified/modules/dropdown.min.css" />
<link rel="stylesheet" type="text/css" href="static/components/semantic-ui/build/minified/modules/transition.min.css" />
<link rel="stylesheet" type="text/css" href="static/css/style.css" />
<script type="text/javascript" src="static/components/jquery/jquery.min.js"></script>
<script type="text/javascript" src="static/components/semantic-ui/build/packaged/javascript/semantic.min.js"></script>
<script type="text/javascript" src="static/components/semantic-ui/build/minified/modules/dropdown.min.js"></script>
<script type="text/javascript" src="static/components/semantic-ui/build/minified/modules/transition.min.js"></script>
<script type="text/javascript" src="static/components/semantic-ui/build/minified/modules/popup.min.js"></script>
<script type="text/javascript" src="static/js/main.js"></script>
</head>
<body>
<div class="ui fixed red inverted page grid main menu">
<div id="fix-menu-container" class="column">
<div id="dropdown-menu" class="ui right pointing dropdown link item">
<i class="list icon"></i>
<div class="menu">
<a class="item" href="#home"><i class="home icon"></i> EDiT</a>
<a class="item" href="#about"><i class="info icon"></i> 關於我們</a>
<a class="item" href="#bulletin"><i class="bullhorn icon"></i> 公告</a>
<!-- <a class="item" href="#call"><i class="bullhorn icon"></i> 徵稿訊息</a> -->
<a class="item" href="#schedule"><i class="basic calendar icon"></i> 重要日程</a>
<!-- <a class="item" href="#announcement"><i class="pin icon"></i> 公告</a> -->
<a class="item" href="#program"><i class="paint basic icon"></i> 議程</a>
<a class="item" href="#location"><i class="map marker icon"></i> 地點</a>
<a class="item" href="#staff"><i class="users icon"></i> 工作人員</a>
<!-- <a class="item" href="#sponsor"><i class="bullhorn icon"></i> 贊助</a> -->
<a class="link item" href="https://www.facebook.com/NCKU.EDIT.2014" target="_blank"><i class="facebook icon"></i> 粉絲專頁</a>
</div>
</div>
<div id="horizontal-menu" class="right menu">
<a class="item" href="#home"><i class="home icon"></i> EDiT</a>
<a class="item" href="#about"><i class="info icon"></i> 關於我們</a>
<a class="item" href="#bulletin"><i class="bullhorn icon"></i> 公告</a>
<!-- <a class="item" href="#call"><i class="bullhorn icon"></i> 徵稿訊息</a> -->
<a class="item" href="#schedule"><i class="basic calendar icon"></i> 重要日程</a>
<!-- <a class="item" href="#announcement"><i class="pin icon"></i> 公告</a> -->
<a class="item" href="#program"><i class="paint basic icon"></i> 議程</a>
<a class="item" href="#location"><i class="map marker icon"></i> 地點</a>
<a class="item" href="#staff"><i class="users icon"></i> 工作人員</a>
<!-- <a class="item" href="#sponsor"><i class="bullhorn icon"></i> 贊助</a> -->
<a class="link item" href="https://www.facebook.com/NCKU.EDIT.2014" target="_blank"><i class="facebook icon"></i> 粉絲專頁</a>
</div>
</div>
</div>
<div id="home" class="ui page grid">
<div id="header" class="column">
<h1 class="ui white center aligned textshadow header">NCKU EDiT 科技啓蒙</h1>
<h2 class="ui white center aligned textshadow header">對新手最友善的科技研討會</h2>
<p id="intro" class="ui white thin center aligned textshadow" >
05/24 國立成功大學 繁城講堂
</p>
<p id="news" class="ui white thin center aligned textshadow" >
05/24 正式登場!
</p>
</div>
</div>
<div id="about" class="ui page grid">
<div id="about-content" class="under-fix-menu column">
<h1 class="ui white thin huge textshadow header"><i class="info icon"></i> 關於我們</h1>
<div class="ui raised segment">
<p>我們是一群主要由成大資工的學生與系友組成的 EDIT 工作團隊,EDIT 的全名為 Enlightenment Day of Information Technology,我們稱之為「科技啓蒙」。顧名思義,我們計劃以資訊科技作為主題,舉辦一整天的活動,企圖以這樣的活動,為成大資工創造一個更有想法與活力的環境,也為同學們帶來一些不一樣的啟發。</p>
<p>這個活動,形式為整天的演講與交流,議題的主軸圍繞在各種資訊科技相關的議題,諸如各種新興程式語言、軟體開發、軟硬體整合、網頁相關技術、多媒體、資訊科技在生活中的應用,或是自由軟體文化等各種跟資訊科技有關係的議題等等。我們旨在將被動學習轉化主動分享,同學可以投稿發表、或選擇作為聽眾,在活動中盡情討論彼此有興趣的題材。我們希冀透過這樣的活動,激發出同學心中潛藏已久的求知慾。也利用這樣的舞台,進一步為整個大環境帶來更多活力。</p>
<p>我們相信,有很多珍貴的學習心得與研究成果埋藏在每位同學的身上,這些知識都非常值得被分享,然而現在的教育氛圍,並不特別鼓勵學生積極主動的進行分享與討論,這是相當可惜的事!在這種被動的學習環境中,往往只有極少數人會主動走出人群,站在舞台上針對主題進行演講、發表心得。而其他人身上同樣珍貴的經驗心得,就在不知不覺中被埋沒了!</p>
<p>胡適先生曾經說過:「發表是最好的記憶」。身為成大資工的學生,我們想從這個地方開始發起,提供同學們一個「發表」的舞台,同時也讓同學們接觸彼此的所知所學,藉以激盪出更多不同的火花。</p>
</div>
</div>
</div>
<div id="bulletin" class="ui page grid">
<div id="bulletin-content" class="under-fix-menu column">
<h1 class="ui white thin huge textshadow header"><i class="bullhorn icon"></i> 公告</h1>
<div class="ui raised segment">
<div class="ui relaxed big list">
<div class="item">
<i class="asterisk icon"></i>
<div class="content">
<div class="header">06/16 投影片釋出</div>
<div class="description">
<p>EDiT 的所有議程投影片已釋出!請至<a href="#program">議程</a>頁面查看。</p>
</div>
</div>
</div>
<div class="item">
<i class="asterisk icon"></i>
<div class="content">
<div class="header">05/25 回饋問卷調查</div>
<div class="description">
<p>為了讓未來的活動辦得更棒更精彩,我們需要大家的回饋,問卷連結:<a target="_blank" href="http://tinyurl.com/EDITTW2014">EDiT 回饋問卷</a>。</p>
</div>
</div>
</div>
<div class="item">
<i class="asterisk icon"></i>
<div class="content">
<div class="header">05/24 IRC 使用教學出爐</div>
<div class="description">
<p>詳見以下連結:<a target="_blank" href="/irc-tutorial.html">IRC 使用教學</a>。</p>
</div>
</div>
</div>
<div class="item">
<i class="asterisk icon"></i>
<div class="content">
<div class="header">05/19 議程更動</div>
<div class="description">
<p>「當資訊科技撞上臺南牛肉湯的那些事兒」與「自己的繪圖機自己作」時段對調!</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- <div id="call" class="ui page grid"> -->
<!-- <div id="call-content" class="under-fix-menu column"> -->
<!-- <h1 class="ui white thin huge textshadow header"><i class="bullhorn icon"></i> 徵稿訊息</h1> -->
<!-- <div class="ui raised segment"> -->
<!-- <h2 class="ui header">題目主題</h2> -->
<!-- <p>任何與電腦資訊相關之題目、課堂 project、研究主題、自己寫的小工具等皆歡迎投稿。</p> -->
<!-- <h2 class="ui header">發表形式</h2> -->
<!-- <p>發表時間為 40 分鐘,含 QA、討論等,除此之外並無其他限制,講者可以任意形式分享。大會提供講者獨立網路、投影機 (VGA 接頭)。</p> -->
<!-- <h2 class="ui header">報名方式</h2> -->
<!-- <p> -->
<!-- 投稿請附上下列資訊以「EDIT 投稿」為信件標題,寄到 cfp<i class="basic email icon"></i>edit.flipedu.tw。 -->
<!-- 如有疑問也歡迎來信詢問,或到<a href="http://goo.gl/MrG3xO">我們的粉絲頁</a>留言! -->
<!-- </p> -->
<!-- <div class="ui segment"> -->
<!-- <div class="ui red label">題目</div> -->
<!-- <p>15 字以內的標題 (若有必要可酌情增加字數)</p> -->
<!-- <div class="ui red label">稱謂</div> -->
<!-- <p>暱稱、ID 或本名</p> -->
<!-- <div class="ui red label">個人簡介</div> -->
<!-- <p>簡單自我介紹 50 - 100 字</p> -->
<!-- <div class="ui red label">摘要</div> -->
<!-- <p>針對題目的簡介 100 - 250 字</p> -->
<!-- <div class="ui red label">詳細說明</div> -->
<!-- <p>任何與題目相關內容(投影片、程式碼或參考資料等)有利於議程組審稿之內容</p> -->
<!-- <div class="ui red label">聯絡方式</div> -->
<!-- <p>手機、電子郵件及系級 (若為學生建議附上系級,有附有加分!)</p> -->
<!-- </div> -->
<!-- <h2 class="ui header">備註</h2> -->
<!-- <p>題目、稱謂、個人簡介及摘要將公佈於大會網站,詳細說明及聯絡資訊僅供大會審核及聯絡使用。若有多於一個主題想投稿請分開寄送,我們最慢將於收到投稿信一天內回覆確認,如果有任何與會議有關之問題或建議也歡迎在信中註明。</p> -->
<!-- </div> -->
<!-- </div> -->
<!-- </div> -->
<div id="schedule" class="ui page grid">
<div id="schedule-content" class="under-fix-menu column">
<h1 class="ui white thin huge textshadow header"><i class="basic calendar icon"></i> 重要日程</h1>
<div class="ui raised segment">
<div class="ui relaxed big list">
<div class="item">
<i class="calendar icon"></i>
<div class="content">
<div class="header">05/01</div>
<div class="description">投稿截止</div>
</div>
</div>
<div class="item">
<i class="calendar icon"></i>
<div class="content">
<div class="header">05/09</div>
<div class="description">議程表出爐</div>
</div>
</div>
<div class="item">
<i class="calendar icon"></i>
<div class="content">
<div class="header">05/12 20:14</div>
<div class="description">開放報名</div>
</div>
</div>
<div class="item">
<i class="calendar icon"></i>
<div class="content">
<div class="header">05/18 20:15</div>
<div class="description">再次開放報名</div>
</div>
</div>
<div class="item">
<i class="calendar icon"></i>
<div class="content">
<div class="header">05/24</div>
<div class="description">活動正式登場</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- <div id="announcement" class="ui page grid"> -->
<!-- <div id="annoucement-content" class="under-fix-menu column"> -->
<!-- <h1 class="ui white thin huge textshadow header"><i class="pin icon"></i> 公告</h1> -->
<!-- <div class="ui raised segment"> -->
<!-- <div class="ui vertical segment"> -->
<!-- <h2>2014/01/27</h2> -->
<!-- <p class="lipsum(1,100)"></p> -->
<!-- </div> -->
<!-- <div class="ui vertical segment"> -->
<!-- <h2>2014/01/25</h2> -->
<!-- <p class="lipsum(1,100)"></p> -->
<!-- </div> -->
<!-- <div class="ui vertical segment"> -->
<!-- <h2>2014/01/23</h2> -->
<!-- <p class="lipsum(1,100)"></p> -->
<!-- </div> -->
<!-- <div class="ui vertical segment"> -->
<!-- <h2>2014/01/22</h2> -->
<!-- <p class="lipsum(1,100)"></p> -->
<!-- </div> -->
<!-- </div> -->
<!-- </div> -->
<!-- </div> -->
<div id="program" class="ui page grid">
<div id="program-content" class="under-fix-menu column">
<h1 class="ui white thin huge textshadow header"><i class="paint basic icon"></i> 議程</h1>
<table class="ui center aligned celled table segment">
<thead>
<tr>
<th class="two wide">
<h2 class="ui center aligned header">時間</h2>
</th>
<th class="fourteen wide">
<h2 class="ui center aligned header">流程</h2>
</th>
</tr>
</thead>
<tbody>
<tr>
<td>09:00 ~ 09:10</td>
<td>
<div class="ui celled grid">
<div class="row">
<div class="ten wide column">
<h2 class="ui header">Opening</h2>
<!-- <p class="lipsum(1,100)"></p> -->
</div>
<div class="two wide column center aligned">
<!-- <img class="ui small circular speaker image" src="images/speaker_icon/hhh.jpg" data-title="HHH" data-content="學校要政治中立 ^.<~" /> -->
<h3 class="ui header">小畢 (CrBoy)</h3>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>09:10 ~ 09:45</td>
<td>
<div class="ui celled grid">
<div class="row">
<div class="ten wide column">
<h2 class="ui header">自己的繪圖機自己作</h2>
<p>這次的主題是使用 2 台光碟機加上 MSP430,製作一台高精度的繪圖機,並使用 Inkscape 繪圖,生成 G-Code 來控制他。一切的材料都是生活用品與垃圾,利用現成的機構省去麻煩的機械問題。</p>
<h4 class="ui header">詳細說明:</h4>
<div class="ui bulleted list">
<div class="item"><a target="_blank" href="http://sonicyang.github.io/CNC430/">http://sonicyang.github.io/CNC430/</a></div>
<div class="item"><a target="_blank" href="slides/1-CNC.pdf">投影片</a></div>
</div>
</div>
<div class="two wide column center aligned">
<!-- <img class="ui small circular speaker image" src="images/speaker_icon/hhh.jpg" data-title="HHH" data-content="學校要政治中立 ^.<~" /> -->
<h3 class="ui header">浪打 (Lambda)</h3>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>09:50 ~ 10:25</td>
<td>
<div class="ui celled grid">
<div class="row">
<div class="ten wide column">
<h2 class="ui header">自己的 OS 自己灌!ArchLinux!</h2>
<p>簡單,自由,輕量化!請選用 ArchLinux!</p>
<p>出發總要有個方向!走,我們灌 ArchLinux !</p>
<p>李組長眉頭一皺,竟然沒發現 Arch 並不單純…</p>
<p>超高自由度,超華麗養成,超級輕量化。</p>
<p>帶你『養』出自己的作業系統!</p>
<p>因為很重要,所以要說兩次!</p>
<p>簡單,自由,輕量化!請選用 ArchLinux!</p>
<h4 class="ui header">詳細說明:</h4>
<div class="ui bulleted list">
<div class="item"><a target="_blank" href="http://myweb.ncku.edu.tw/~f74019033">投影片</a></div>
</div>
</div>
<div class="two wide column center aligned">
<!-- <img class="ui small circular speaker image" src="images/speaker_icon/hhh.jpg" data-title="HHH" data-content="學校要政治中立 ^.<~" /> -->
<h3 class="ui header">Omar</h3>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>10:30 ~ 11:05</td>
<td>
<div class="ui celled grid">
<div class="row">
<div class="ten wide column">
<h2 class="ui header">成熟且易撰寫的程式語言: Tcl/Tk</h2>
<p>Tcl 為一種容易撰寫的腳本式語言,和 Ruby 與 Python 類似,同時可以以互動式的 shell 來執行,或是寫成一個檔案去編譯。</p>
<p>Tk 為 Tcl 提供了 GUI,例如按鈕、工作列等等。</p>
<p>而 Tclkit 能讓 Tcl application 不去依靠 Tcl envriroment 就能夠執行。</p>
<p>希望能夠讓大家感受到 Tcl/Tk 的簡潔和強大。</p>
<h4 class="ui header">詳細說明:</h4>
<div class="ui bulleted list">
<div class="item"><a target="_blank" href="https://www.tcl.tk/">Tcl/Tk 的主站</a></div>
<div class="item"><a target="_blank" href="http://www.tcl.tk/doc/">Tcl/Tk 的文件</a></div>
<div class="item"><a target="_blank" href="http://equi4.com/tclkit/">Tclkit 的主站</a></div>
<div class="item"><a target="_blank" href="slides/3-Tcl_Tk.pptx">投影片</a></div>
</div>
</div>
<div class="two wide column center aligned">
<!-- <img class="ui small circular speaker image" src="images/speaker_icon/hhh.jpg" data-title="HHH" data-content="學校要政治中立 ^.<~" /> -->
<h3 class="ui header">nickbanana (紀孟辰)</h3>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>11:20 ~ 11:55</td>
<td>
<div class="ui celled grid">
<div class="row">
<div class="ten wide column">
<h2 class="ui header">當資訊科技撞上臺南牛肉湯的那些事兒</h2>
<p>臺南乃牛肉湯之都,而我們的使命,就是喝過所有的牛肉湯,並且推薦給廣大網友。</p>
<p>牛肉湯更是一個不斷成長的產業,舊的店持續帶給人幸福,新的店漸漸露出,需要一個完整動態的報導與比較,我們最痛恨人家把牛肉湯當作牛肉麵,只因牛肉湯和牛肉麵天南地北,我們希望臺南牛肉湯能和臺北牛肉麵有著世界級的認可,親自走訪台南每一家牛肉湯,嘗試運用部落格、社群網路、iOS/Android App 等科技推廣牛肉湯,只因臺南是如此美好的地方,而牛肉湯又是如此令人難以忘懷,一起來征服牛肉湯吧!</p>
<h4 class="ui header">詳細說明:</h4>
<div class="ui bulleted list">
<div class="item"><a target="_blank" href="http://www.beefsouptn.com">官方網站</a></div>
<div class="item"><a target="_blank" href="http://www.beefsouptn.com/2012/07/blog-post_30.html#.U1S4JV7PElE">計劃介紹</a></div>
<div class="item"><a target="_blank" href="http://www.ctitv.com.tw/news_video_c148v105103.html">中天新聞採訪</a></div>
<div class="item"><a target="_blank" href="http://rebuzz.tw/2013/07/beefsouptn.html">深度團隊採訪 (Rebuzz/TechOrange)</a></div>
<div class="item"><a target="_blank" href="http://www.slideshare.net/ssuser968e8d/2014-ncku-edit">投影片</a></div>
</div>
</div>
<div class="two wide column center aligned">
<!-- <img class="ui small circular speaker image" src="images/speaker_icon/hhh.jpg" data-title="HHH" data-content="學校要政治中立 ^.<~" /> -->
<h3 class="ui header">BSTN</h3>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>11:55 ~ 13:10</td>
<td>
<div class="ui celled grid">
<div class="row">
<div class="ten wide column">
<h2 class="ui header">午休</h2>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>13:10 ~ 13:45</td>
<td>
<div class="ui celled grid">
<div class="row">
<div class="ten wide column">
<h2 class="ui header">Tip for Editors 給新手的測試入門課</h2>
<p>Tip - Testing (in Python)</p>
<p>Editors - 參與科技啓蒙的朋友們</p>
<p>「測試」在軟體開發當中扮演異常重要的角色,然而,這方面的知識與思考在大多數的學校教育當中是欠缺的。講者將以 Python 為例,結合自身的開發經驗,與聽眾一起探討測試這一個 big issue。</p>
<h4 class="ui header">參考資料:</h4>
<div class="ui bulleted list">
<div class="item">TDD by Example</div>
<div class="item">TDD with Python</div>
<div class="item">講者自身經驗</div>
<div class="item">許多投影片</div>
<div class="item">各大戰文(有關近期的 DHH 事件)</div>
<div class="item"><a target="_blank" href="http://www.slideshare.net/excusemejoe/tip-for-editors">投影片</a></div>
</div>
</div>
<div class="two wide column center aligned">
<!-- <img class="ui small circular speaker image" src="images/speaker_icon/hhh.jpg" data-title="HHH" data-content="學校要政治中立 ^.<~" /> -->
<h3 class="ui header">Joe</h3>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>13:50 ~ 14:25</td>
<td>
<div class="ui celled grid">
<div class="row">
<div class="ten wide column">
<h2 class="ui header">高中生與嵌入式 - 打造四軸飛行器</h2>
<p>作為高中生,我希望可以簡單敘述我這半年來左右如何透過大學資源向老師、大學生、研究生學習。同時我也將說明四軸飛行器的基本原理,並介紹一些軟體上面開發的歷程。</p>
<p>自高一開始,我深受肯。羅賓森爵士對於教育看法的影響,事實上,現存中學體制已經逐漸不敷使用,這是一個社會應該重新思考教育的時機。</p>
<p>深受開放思潮 (open source、hardware、data...) 影響的我,選擇走出校園,向世界學習。</p>
<p>至於四軸飛行器方面,這是一個相當具有挑戰性的題目,打造一台飛行器,需要進行的是系統整合,整合數學、物理、電機、資訊...</p>
<p>我將說明四軸的基本原理以及去年的課程中,我的夥伴們和我是如何一步步的將其建造出來。</p>
<h4 class="ui header">詳細說明:</h4>
<div class="ui bulleted list">
<div class="item"><a target="_blank" href="http://wiki.csie.ncku.edu.tw/embedded/team2013-7">成大2013年嵌入系系統課程秋季</a></div>
<div class="item"><a target="_blank" href="http://www.slideshare.net/fantasyboris/ss-30440689">組員黃大峯同學的演講投影片</a></div>
<div class="item"><a target="_blank" href="http://moon-bear.github.io/">四軸飛行器介紹網頁</a></div>
<div class="item"><a target="_blank" href="https://github.com/moon-bear/QuadcopterFlightControl">四軸飛行器原始碼於 Github</a></div>
<div class="item"><a target="_blank" href="http://www.slideshare.net/shengwen1997/ncku-e-di-t">投影片</a></div>
</div>
</div>
<div class="two wide column center aligned">
<!-- <img class="ui small circular speaker image" src="images/speaker_icon/hhh.jpg" data-title="聖文 (鄭聖文)" data-content="現任高中生,對電資領域有相當大的興趣。自七月左右聽聞資工系的 敬群前輩(Jserv)將於暑假在成功大學開課後,開啟了我於成大自學求學之旅。我是一個叛逆不願受傳統教育拘束的學生,自從去年開始嘗試走出學校,以自己身體力行進行學習,期間,參與了各式各樣的年會、講座、等活動......。而 敬群前輩的課與個人的人格特質更時時的影響我,令我收穫匪淺。"/> -->
<h3 class="ui header">聖文 (鄭聖文)</h3>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>14:40 ~ 15:15</td>
<td>
<div class="ui celled grid">
<div class="row">
<div class="ten wide column">
<h2 class="ui header">做遊戲,從 SDL 開始</h2>
<p>介紹 SDL (Simple DirectMedia Layer) 這套開發套件庫,簡介 SDL 基本的能力,能夠做到的事情,並以一個小程式作爲示範,讓大家知道寫遊戲不一定要從 OpenGL/DirectX 開始入門。同時,能夠寫程式和寫遊戲並重,既不會太偏重程式也不會偏重遊戲。</p>
<h4 class="ui header">詳細說明:</h4>
<div class="ui bulleted list">
<div class="item"><a target="_blank" href="http://www.libsdl.org/">SDL offcial site</a></div>
<div class="item"><a target="_blank" href="http://lazyfoo.net/tutorials/SDL/index.php">Lazy Foo's tutorial</a></div>
<div class="item"><a target="_blank" href="https://speakerdeck.com/thekk/zuo-you-xi-cong-sdlkai-shi">投影片</a></div>
</div>
</div>
<div class="two wide column center aligned">
<!-- <img class="ui small circular speaker image" src="images/speaker_icon/hhh.jpg" data-title="HHH" data-content="學校要政治中立 ^.<~" /> -->
<h3 class="ui header">KK (梁穎睿)</h3>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>15:20 ~ 15:55</td>
<td>
<div class="ui celled grid">
<div class="row">
<div class="ten wide column">
<h2 class="ui header">LuSer-自製 Server 引擎</h2>
<p>自己在寫小工具時,常常會想加上需要連線的小功能。網路上找到的 Server 引擎,有時候會大才小用。LuSer 是一個簡單、輕巧的伺服器引擎,它的目標只為了專注在「傳遞訊息」這件事,省下許多未必會用到的功能,也讓它更容易被擴充使用。這個程式的定位,是用在講求程式碼輕盈、簡約的小型程式,以及製作大型伺服引擎時的雛型,或是用來偵錯。</p>
<p>由於是使用 C 語言製作,效率上不會太差。未來會讓他更容易擴充、開發跨平台版本,也設計更多週邊的程式。</p>
<h4 class="ui header">詳細說明:</h4>
<p>LuSer 這個名字是結合我的英文名字 "Lu"is 和 "Ser"ver 的字首。取名時沒想太多,不過後來發現念起來很像魯蛇。反正我也還是個光棍魯蛇,所以中文名就是「魯蛇」程式分成 2 個部份,LuMain 是主要的部份,負責傳遞和廣播訊息。LuAuth 則是負責登入時檢查帳號密碼。</p>
<p>這兩個部份和客戶端,三者之間用一個使用者自訂的密碼做 Xor 加密,過濾掉不屬於這個程式的連線訊息。另外還有 2 個使用者自訂的密碼:管理員指令的密碼,以及 LuMain 和 LuAuth 之間溝通用的特殊密碼,用這 3 個密碼做最基本的防護。未來可能會使用更安全的加密法,所以程式設計時也保留擴充性。</p>
<p>Port 使用 5000~5002,Winsock2 的 UDP 協定。用 UDP 是因為一開始只是要作為聯機遊戲的網路核心,後來才變成通用的網路引擎。在這方面當然也宣告成 macro,保留修改的空間為了 debug 方便,在 source 裡也附上一些小工具,還有一個簡單的聊天室-LuChat,可供大家使用。</p>
<div class="ui bulleted list">
<div class="item"><a target="_blank" href="https://drive.google.com/folderview?id=0B5wpKDlf3-M1dmVJUGFCdVdYRU0&usp=sharing">https://drive.google.com/folderview?id=0B5wpKDlf3-M1dmVJUGFCdVdYRU0&usp=sharing</a></div>
<div class="item"><a target="_blank" href="slides/8-LuSer.pptx">投影片</a></div>
</div>
</div>
<div class="two wide column center aligned">
<!-- <img class="ui small circular speaker image" src="images/speaker_icon/hhh.jpg" data-title="HHH" data-content="學校要政治中立 ^.<~" /> -->
<h3 class="ui header">徐朝逸</h3>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>16:05 ~ 16:40</td>
<td>
<div class="ui celled grid">
<div class="row">
<div class="ten wide column">
<h2 class="ui header">程式設計 (二) 之不能說的祕密</h2>
<p>以程式設計 (二) 課程中的 bonus 網站 - Sudoku Tournament 為例子,探討簡易的網站攻防。</p>
<h4 class="ui header">詳細說明:</h4>
<p>目前有個架設到一半的 Sudoku Tournament 網站,但還有一些技術上的問題尚未解決。</p>
<div class="ui bulleted list">
<div class="item"><a target="_blank" href="http://anarchih.mollusca.cc/Tournament">http://anarchih.mollusca.cc/Tournament</a></div>
<div class="item"><a target="_blank" href="http://prezi.com/ap8gq09ketv8/buld-a-simple-judge-system/">投影片</a></div>
</div>
</div>
<div class="two wide column center aligned">
<!-- <img class="ui small circular speaker image" src="images/speaker_icon/hhh.jpg" data-title="HHH" data-content="學校要政治中立 ^.<~" /> -->
<h3 class="ui header">池昊頤</h3>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>16:40 ~ 17:10</td>
<td>
<div class="ui celled grid">
<div class="row">
<div class="ten wide column">
<h2 class="ui header">閃電秀</h2>
<!-- <p class="lipsum(1,100)"></p> -->
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>17:10 ~ 17:20</td>
<td>
<div class="ui celled grid">
<div class="row">
<div class="ten wide column">
<h2 class="ui header">Closing</h2>
<!-- <p class="lipsum(1,100)"></p> -->
</div>
<div class="two wide column center aligned">
<!-- <img class="ui small circular speaker image" src="images/speaker_icon/hhh.jpg" data-title="HHH" data-content="學校要政治中立 ^.<~" /> -->
<h3 class="ui header">小畢 (CrBoy)</h3>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div id="location" class="ui page grid">
<div id="location-content" class="under-fix-menu column">
<h1 class="ui white thin huge textshadow header"><i class="map marker icon"></i> 地點</h1>
<div class="ui two column stackable zero-padding grid">
<div class="column">
<div class="ui center aligned segment">
<h2 class="ui top attached red large label">國立成功大學 繁城講堂 (電機系館)</h2>
<p><img class="ui rounded image" src="images/location.png" /></p>
</div>
</div>
<div class="column">
<div class="ui center aligned segment">
<h2 class="ui top attached red large label">路線導航</h2>
<p>
台南火車站後站 → 沿大學路直行 → 經過勝利路、長榮路 → 左轉進入自強校區→ 進入左手邊第二棟建築物(電機系館) → 右手邊第二個講堂即為繁城講堂。
</p>
</div>
</div>
</div>
</div>
</div>
<div id="staff" class="ui page grid">
<div id="staff-content" class="under-fix-menu column">
<h1 class="ui white thin huge textshadow header"><i class="users icon"></i> 工作人員</h1>
<div class="ui four column stackable grid">
<div class="column">
<div class="ui red segment">
<div class="ui ribbon red label"><h3 class="ui header">總召</h3></div>
<img class="ui rounded staff image" src="images/staff_img/crboy.jpg" />
<div class="ui divider"></div>
<h2 class="ui header">小畢 (CrBoy)</h2>
</div>
</div>
<div class="column">
<div class="ui red segment">
<div class="ui ribbon red label"><h3 class="ui header">議程</h3></div>
<img class="ui rounded staff image" src="images/staff_img/float.jpg" />
<div class="ui divider"></div>
<h2 class="ui header">float</h2>
</div>
</div>
<div class="column">
<div class="ui red segment">
<div class="ui ribbon red label"><h3 class="ui header">場務</h3></div>
<img class="ui rounded staff image" src="images/staff_img/bassy.jpg" />
<div class="ui divider"></div>
<h2 class="ui header">Bassy</h2>
</div>
</div>
<div class="column">
<div class="ui red segment">
<div class="ui ribbon red label"><h3 class="ui header">場務</h3></div>
<img class="ui rounded staff image" src="images/staff_img/jingfei.jpg" />
<div class="ui divider"></div>
<h2 class="ui header">JingFei</h2>
</div>
</div>
<div class="column">
<div class="ui red segment">
<div class="ui ribbon red label"><h3 class="ui header">公關</h3></div>
<img class="ui rounded staff image" src="images/staff_img/loye.jpg" />
<div class="ui divider"></div>
<h2 class="ui header">Loye</h2>
</div>
</div>
<div class="column">
<div class="ui red segment">
<div class="ui ribbon red label"><h3 class="ui header">公關</h3></div>
<img class="ui rounded staff image" src="images/staff_img/omar.jpg" />
<div class="ui divider"></div>
<h2 class="ui header">Omar</h2>
</div>
</div>
<div class="column">
<div class="ui red segment">
<div class="ui ribbon red label"><h3 class="ui header">IT</h3></div>
<img class="ui rounded staff image" src="images/staff_img/kuoe0.jpg" />
<div class="ui divider"></div>
<h2 class="ui header">KuoE0</h2>
</div>
</div>
<div class="column">
<div class="ui red segment">
<div class="ui ribbon red label"><h3 class="ui header">行政</h3></div>
<img class="ui rounded staff image" src="images/staff_img/balloon.jpg" />
<div class="ui divider"></div>
<h2 class="ui header">Balloon</h2>
</div>
</div>
<div class="column">
<div class="ui red segment">
<div class="ui ribbon red label"><h3 class="ui header">記錄</h3></div>
<img class="ui rounded staff image" src="images/staff_img/lionking.jpg" />
<div class="ui divider"></div>
<h2 class="ui header">Lionking</h2>
</div>
</div>
<div class="column">
<div class="ui red segment">
<div class="ui ribbon red label"><h3 class="ui header">記錄</h3></div>
<img class="ui rounded staff image" src="images/staff_img/yChing.jpg" />
<div class="ui divider"></div>
<h2 class="ui header">yChing</h2>
</div>
</div>
</div>
</div>
</div>
<!-- <div id="sponsor" class="ui page grid"> -->
<!-- <div id="sponsor-content" class="under-fix-menu column"> -->
<!-- <h1 class="ui white thin huge textshadow header"><i class="bullhorn icon"></i> 贊助</h1> -->
<!-- <div class="ui raised segment"> -->
<!-- <div class="ui four column stackable grid"> -->
<!-- <div class="center aligned column"> -->
<!-- <h2 class="ui header">國立成功大學</h2> -->
<!-- <img class="ui image" src="images/ncku-logo.jpg" /> -->
<!-- </div> -->
<!-- <div class="center aligned column"> -->
<!-- <h2 class="ui header">國立成功大學</h2> -->
<!-- <img class="ui image" src="images/ncku-logo.jpg" /> -->
<!-- </div> -->
<!-- <div class="center aligned column"> -->
<!-- <h2 class="ui header">國立成功大學</h2> -->
<!-- <img class="ui image" src="images/ncku-logo.jpg" /> -->
<!-- </div> -->
<!-- <div class="center aligned column"> -->
<!-- <h2 class="ui header">國立成功大學</h2> -->
<!-- <img class="ui image" src="images/ncku-logo.jpg" /> -->
<!-- </div> -->
<!-- <div class="center aligned column"> -->
<!-- <h2 class="ui header">國立成功大學</h2> -->
<!-- <img class="ui image" src="images/ncku-logo.jpg" /> -->
<!-- </div> -->
<!-- <div class="center aligned column"> -->
<!-- <h2 class="ui header">國立成功大學</h2> -->
<!-- <img class="ui image" src="images/ncku-logo.jpg" /> -->
<!-- </div> -->
<!-- <div class="center aligned column"> -->
<!-- <h2 class="ui header">國立成功大學</h2> -->
<!-- <img class="ui image" src="images/ncku-logo.jpg" /> -->
<!-- </div> -->
<!-- <div class="center aligned column"> -->
<!-- <h2 class="ui header">國立成功大學</h2> -->
<!-- <img class="ui image" src="images/ncku-logo.jpg" /> -->
<!-- </div> -->
<!-- <div class="center aligned column"> -->
<!-- <h2 class="ui header">國立成功大學</h2> -->
<!-- <img class="ui image" src="images/ncku-logo.jpg" /> -->
<!-- </div> -->
<!-- <div class="center aligned column"> -->
<!-- <h2 class="ui header">國立成功大學</h2> -->
<!-- <img class="ui image" src="images/ncku-logo.jpg" /> -->
<!-- </div> -->
<!-- </div> -->
<!-- </div> -->
<!-- </div> -->
<!-- </div> -->
<div class="ui divider">
</div>
<div id="footer" class="ui page grid">
<div id="footer-container" class="ui center aligned column">
<p class="ui white">© 2014 NCKU EDiT</p>
<p class="ui white"><i class="mail icon"></i> contact<i class="basic email icon"></i>edit.flipedu.tw</p>
<p class="ui white"><i class="pencil icon"></i> Designed by KuoE0 <kuoe0.tw<i class="basic email icon"></i>gmail.com></p>
</div>
</div>
</body>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-48366570-1', 'flipedu.tw');
ga('send', 'pageview');
</script>
</html>