-
Notifications
You must be signed in to change notification settings - Fork 1
/
practices.html
459 lines (431 loc) · 24.8 KB
/
practices.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
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="application-name" content="SJTU-BioX-Shanghai">
<meta name="description" content="上海交通大学iGEM参赛队SJTU-BioX-Shanghai的社会实践">
<meta name="keywords" content="SJTU,Bio-X,合成生物学,生物学,iGEM,国际遗传工程机器大赛,上海交通大学">
<meta name="Author" Content="Wazon,Wazons@163.com">
<title>社会实践 - SJTU-BioX-Shanghai</title>
<link rel="icon" href="./favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="./favicon.ico" type=”image/x-icon”>
<link href="./css/bootstrap.min.css" rel="stylesheet">
<!-- Material Design Bootstrap -->
<link href="./css/mdb.min.css" rel="stylesheet">
<link href="./css/font-awesome.min.css" rel="stylesheet">
<link href="./css/site.css" rel="stylesheet">
<!--[if lt IE 10]>
<center>您使用的是过时的浏览器，浏览本网页可能会有异常。</center>
<center>You are using an outdated browser and this page may not display properly.</center>
<![endif]-->
<style>
.navbar {
background-color: #951016;
z-index: 100;
}
.sponsor .card-body {
padding-top: 0;
}
.sponsor .card-body hr {
margin-top: 0;
}
span {
white-space: nowrap;
display: inline-block;
}
.fa {
vertical-align: middle
}
@media only screen and (max-width: 768px) {
p,
.table th,
.table td {
font-size: 100%;
}
}
@media only screen and (min-width: 768px) {
p,
.table th,
.table td {
font-size: 105%;
}
}
#panel .active {
display: block;
}
.h4-responsive {
line-height: 1.25em;
}
.carousel-caption {
padding-top: 1.5rem;
padding-bottom: 2.5rem;
position: relative;
display: flex;
justify-content: center;
right: 0;
left: 0;
top: 0;
color: black;
}
.carousel {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)
}
.carousel-indicators li {
background-color: #CCCCCC;
}
.carousel-indicators .active {
background-color: #999999;
}
</style>
<script src="./js/analysis.js"></script>
</head>
<body class="grey lighten-5" data-spy="scroll" data-target="#navbar-right" data-offset="100">
<nav class="navbar navbar-expand-lg navbar-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="#"><img src="./img/png/logo.png" height="55" /></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav1" aria-controls="navbarNav1" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarNav1">
<ul class="navbar-nav mr-auto">
<li class="nav-item"><a href="./index.html" class="nav-link">首页</a></li>
<li class="nav-item"><a href="./intro.html" class="nav-link">团队介绍</a></li>
<li class="nav-item"><a href="./history.html" class="nav-link">参赛历程</a></li>
<li class="nav-item active"><a href="./practices.html" class="nav-link">社会活动<span class="sr-only">(current)</span></a></li>
<li class="nav-item"><a href="./outcomes.html" class="nav-link">衍生成果</a></li>
<li class="nav-item"><a href="./members.html" class="nav-link">往届队员</a></li>
</ul>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown"><a href="./practices-en.html" class="nav-link">ENGLISH</a></li>
</ul>
</div>
</div>
</nav>
<div class="container" style="margin-top:56px;">
<div class="divider-new">
<h2 class="h2-responsive wow fadeIn">访问与交流</h2>
</div>
<div id="carousel" class="carousel slide carousel-fade" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carousel" data-slide-to="0" class="active"></li>
<li data-target="#carousel" data-slide-to="1"></li>
<li data-target="#carousel" data-slide-to="2"></li>
<li data-target="#carousel" data-slide-to="3"></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="carousel-item active">
<div class="view">
<img class="d-block w-100" src="./img/jpg/Merck_kGaA_1.jpg" alt="">
</div>
<div class="carousel-caption">
<div class="card2 align-items-center">
<h3 class="h3-responsive">参观 Merck kGaA 美国总部</h3>
<p>2010/11</p>
</div>
</div>
</div>
<div class="carousel-item">
<div class="view">
<img class="d-block w-100" src="./img/jpg/Merck_kGaA_2.jpg" alt="">
</div>
<div class="carousel-caption">
<div class="card2 align-items-center">
<h3 class="h3-responsive">默克（上海）公司代表来访</h3>
<p>2011/03</p>
</div>
</div>
</div>
<div class="carousel-item">
<div class="view">
<img class="d-block w-100" src="./img/jpg/iGEM_HQ.jpg" alt="">
</div>
<div class="carousel-caption">
<div class="card2 align-items-center">
<h3 class="h3-responsive">iGEM 总部官员来访</h3>
<p>2015/05</p>
</div>
</div>
</div>
<div class="carousel-item">
<div class="view">
<img class="d-block w-100" src="./img/jpg/NCTU.jpg" alt="">
</div>
<div class="carousel-caption">
<div class="card2 align-items-center">
<h3 class="h3-responsive">新竹交通大学来访</h3>
<p>2016/12</p>
</div>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carousel" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div style="text-align:center;padding-top:2rem;"><button type="button" class="btn btn-info" id="btn-slide" data-state="0">展开新闻稿</button></div>
<div style="display: none;" id="panel">
<div class="divider-new">
<h2 class="h2-responsive wow fadeIn">默克公司代表来访</h2>
</div>
<div class="row">
<div class="col-12">
<p> 2011年3月18号下午，德国Merck kGaA公司创新发展与外部合作总监Volker Hilarius博士，北美创新发展与外部合作总监Shou C. Wong博士，中国战略及战略发展部总监朱曼曦博士及刘洋先生和陀妍妍女士一行对Bio-X研究院闵行分院进行了参观访问。研究院的马钢老师首先对闵行分院的现状进行了简单介绍，李保界教授则对研究院的整体情况做了详细介绍，郭熙志教授，李卫东教授和朱洪新教授等均与Merck人员就各自感兴趣的问题进行了广泛交流。随后，在各位老师的带领下，大家饶有兴趣地参观了研究院的各个实验室。最后，马钢老师召集了新一届iGEM团队成员，向Merck高级总监们展示了新队伍的充满创意的想法，并进行了激烈讨论，Volker
Hilarius博士和Shou C. Wong博士纷纷表示这些想法非常有新意，并提出了很多非常好的建议。这次访问为我们研究院与德国Merck kGaA公司在今后进一步开展合作打下基础。</p>
</div>
</div>
<div class="divider-new">
<h2 class="h2-responsive wow fadeIn">iGEM 总部官员来访</h2>
</div>
<div class="row">
<div class="col-12">
<p> 2015年5月21日下午，国际基因工程机器大赛总部（iGEM headquarter）委员会主席Randy Rettberg先生，副主席Meagan Lizarazo女士，执行官Richard Johnson先生及King L. Chow先生来到Bio-X研究院闵行分部参观访问。上海交大iGEM团队指导老师马钢副教授带领来宾参观了Bio-X研究院在闵行分部的研究大楼，介绍了Bio-X研究院近年来的研究方向及成果，着重介绍了合成生物学在交大的发展，交大iGEM团队取得的成绩及合成基因机器重点工作室的工作情况。iGEM总部来宾对闵行分部优美的研究环境赞叹不已，对交大iGEM队伍的发展和取得的成绩印象深刻。随后，各位专家与iGEM队伍的指导老师和队员进行了两个小时的交流，交流会还特别邀请了长期支持交大iGEM队伍的默克集团大中华区高级专员崔卫娜小姐，交大SJTU-Software的指导老师韦朝春教授及部分队员也一同参会。
</p>
<p> 委员会主席Randy Rettberg先生首先对iGEM比赛从去年开始取消分赛区比赛这一变化询问了指导老师们的意见，并就国内高校iGEM队伍运行的状况与面临的困难、Biobrick Kit的分发运输问题、亚洲区委员会的建立以及加强领队教授之间的合作与交流等问题与大家交换了意见并进行了充分的讨论。接下来，Rettberg先生亲切地询问了在座的iGEM队员对于iGEM比赛以及组委会的运行有什么意见，同学们争先恐后地发表了自己的感受，也提出了一些较为尖锐的问题。当被问及官网上信息更新滞后、咨询邮件得不到有效回复等问题时，组委会成员对他们工作上的不足表示了真诚的歉意，并表示他们也在不断努力提高和完善组委会的工作效率和管理模式，力求将iGEM这一为医疗、制药、能源及环境等领域提供源源不断的创意和设计的比赛做大做强，也为合成生物学的更快发展提供充沛的动力。
</p>
<p> 交流会临近结束之时，Rettberg先生真诚地鼓励在座的iGEM队员能够在今年的Giant Jaboree大赛中取得好成绩，并希望中国在合成生物学领域取得长足发展。此次短暂的交流让交大iGEM队伍得以深入地了解到iGEM官方的执行意愿与发展计划，对于我们在队伍的运行、管理以及谋求与院校、社会的合作与交流等方面都有很大的启发和帮助，也让我们进一步坚定了发展国内iGEM和合成生物学的决心和信念，相信交大人在未来的世界合成生物学舞台上能够取得更耀眼的成绩！ </p>
</div>
</div>
<div class="divider-new">
<h2 class="h2-responsive wow fadeIn">新竹交通大学来访</h2>
</div>
<div class="row">
<div class="col-12">
<p> 2016年12月28日上午，台湾新竹交通大学校友会执行长陈俊秀先生和生物科技系的陈文亮副教授莅临我院，与之同行的还有台湾交大国际基因机器设计大赛（iGEM）代表队的数位队员代表。此次访问由上海交通大学和新竹交通大学的校友会牵头，一行人在我院马钢副教授的带领下参观了实验室和合成基因机器科技创新工作室，上海交通大学校友会刘杰老师陪同。通过iGEM比赛，我院与新竹交通大学从2013年开始就展开了各层次的交流活动，建立了深厚的情谊，两校代表队在国际赛场上也屡创佳绩，为合成生物学在亚洲地区的飞速发展贡献了一己之力。</p>
</div>
</div>
</div>
<div class="divider-new">
<h2 class="h2-responsive wow fadeIn">社会实践活动</h2>
</div>
<div class="row">
<div class="col-12 d-flex flex-column justify-content-center">
<table class="table table-res table-res2 table-hover" align="center">
<thead class="blue darken-3">
<tr class="text-white">
<th>时间</th>
<th> 活动主题 </th>
<th>活动地点</th>
<th> 活动内容 </th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">2010.8</th>
<td>
<span>iGEM 2010 </span><span>中国大陆队伍交流会</span>
</td>
<td>Bio-X 研究院</td>
<td>
<span>促进大陆队伍间的交流，</span><span>互相学习 iGEM 及合成生物学经验</span>
</td>
</tr>
<tr>
<th scope="row">2012.8</th>
<td>大学三日行</td>
<td>上海交通大学</td>
<td>
<span>让高中生群体体验大学校园生活，</span><span>通过讲座形式传播 iGEM 和生物学知识，</span><span>并深入实验室参观学习</span>
</td>
</tr>
<tr>
<th scope="row">2012.9</th>
<td>华侨基金会主席采访</td>
<td>华侨基金会上海办</td>
<td>
<span>寻求科学型社团发展的建议</span><span>以及成为一名优秀领导者的艺术</span>
</td>
</tr>
<tr>
<th scope="row">2014.4</th>
<td>校园狂欢节</td>
<td>上海交通大学</td>
<td>
<span>设计了多个基于合成生物学知识</span><span>和生物实验仪器的小游戏，</span><span>面向在校生宣传 iGEM 和合成生物学</span>
</td>
</tr>
<tr>
<th scope="row">2015.8</th>
<td>
<span>参观杭州水处理</span><span>技术发展中心</span>
</td>
<td>
<span>杭州水处理</span><span>技术发展中心</span>
</td>
<td>
<span>了解污水处理技术现状和</span><span>反渗透膜过滤工作原理，</span><span>听取专家对项目意见</span>
</td>
</tr>
<tr>
<th scope="row">2015.8</th>
<td>上海科技馆公共活动</td>
<td>上海科技馆</td>
<td>
<span>以海报形式展示参赛项目，</span><span>向公众介绍 iGEM 和合成生物学</span>
</td>
</tr>
<tr>
<th scope="row">2015.8</th>
<td><span>访问上海市供水管理处</span></td>
<td>上海市供水管理处</td>
<td>
<span>了解上海市供水现状及</span><span>生活用水处理各个环节</span>
</td>
</tr>
<tr>
<th scope="row">2016.7</th>
<td>贵州山区小学支教</td>
<td>贵州黔南岚关乡小学</td>
<td>
<span>给当地孩子普及生物学知识，</span><span>调查中国贫困地区的医疗水平现状</span>
</td>
</tr>
<tr>
<th scope="row">2016.8</th>
<td>三甲医院探访</td>
<td>
<span>上海市瑞金医院</span><span>上海市第九人民医院</span>
</td>
<td>
<span>调查大型医院的诊疗现状，</span><span>通过对病人和医生的采访</span><span>了解家用辅助诊断设备的发展潜力<span>
</td>
</tr>
<tr>
<th scope="row">2017.4</th>
<td>交大人节</td>
<td>
<span>上海交通大学</span>
</td>
<td>
<span>通过自己的一个摊位</span><span>举办了生物知识竞赛、生物拼图</span><span>、密码子手链制作等活动<span><span>、密码子手链制作等活动<span>来宣传生物学知识</span>
</td>
</tr>
<tr>
<th scope="row">2017.8</th>
<td>云南洱源支教</td>
<td>
<span>南极完小</span>
</td>
<td>
<span>为那里的孩子们</span><span>带来了一堂有关生物，</span><span>有关合成生物学的课<span>
</td>
</tr>
<tr>
<th scope="row">2017.10</th>
<td>走进社区</td>
<td>
<span>闵行公园</span>
</td>
<td>
<span>向社区居民宣传合成生物学，</span><span>介绍本年的项目</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="divider-new">
<h2 class="h2-responsive wow fadeIn">赞助企业</h2>
</div>
<div class="row justify-content-center sponsor">
<div class="col-sm-3">
<div class="card wow fadeIn " data-wow-delay="0s">
<div class="view overlay hm-white-my-light">
<img src="./img/png/Merck.png" class="img-fluid" alt="默克商标">
<a target="_blank" href="https://www.merckgroup.com">
<div class="mask waves-effect waves-light"></div>
</a>
</div>
<div class="card-body text-center">
<hr>
<p class="h5-responsive">2010 - 2015</p>
</div>
</div>
<p> </p>
</div>
<div class="col-sm-3">
<div class="card wow fadeIn" data-wow-delay="0s">
<div class="view overlay hm-white-my-light">
<img src="./img/png/Genscript.png" class="img-fluid" alt="金斯瑞商标">
<a target="_blank" href="https://www.genscript.com/">
<div class="mask waves-effect waves-light"></div>
</a>
</div>
<div class="card-body text-center">
<hr>
<p class="h5-responsive">2010 - 2013</p>
</div>
</div>
<p> </p>
</div>
<div class="col-sm-3">
<div class="card wow fadeIn" data-wow-delay="0s">
<div class="view overlay hm-white-my-light">
<img src="./img/jpg/genewiz.jpg" class="img-fluid" alt="金唯智商标">
<a target="_blank" href="https://www.genewiz.com/">
<div class="mask waves-effect waves-light"></div>
</a>
</div>
<div class="card-body text-center">
<hr>
<p class="h5-responsive">2014 - 2015</p>
</div>
</div>
<p> </p>
</div>
<div class="col-sm-3">
<div class="card wow fadeIn" data-wow-delay="0s">
<div class="view overlay hm-white-my-light">
<img src="./img/png/ATGC.png" class="img-fluid" alt="解码生命图标">
<a target="_blank" href="http://www.decodinglife.cn/">
<div class="mask waves-effect waves-light"></div>
</a>
</div>
<div class="card-body text-center">
<hr>
<p class="h5-responsive">2016 - </p>
</div>
</div>
</div>
</div>
</div>
<div class="old-browser-warning">
<center>您使用的是过时的（不被支持的）浏览器，本网页可能无法正常展现。</center>
<center>You are using an outdated (unsupported) browser and this page may not display properly.</center>
</div>
<footer class="page-footer center-on-small-only" style="padding-top:0;margin-top:2rem">
<div class="footer-copyright">
<div class="container-fluid">
<p><a href="./copyright.html">版权信息</a> © 2018 SJTU-BioX-Shanghai</p>
</div>
</div>
</footer>
<script src="./js/jquery-3.1.1.min.js"></script>
<script src="./js/popper.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/mdb.min.js"></script>
<script src="./js/countUp.js"></script>
<script src="./js/site.js"></script>
<script>
$(document).ready(function() {
$("#btn-slide").click(function() {
$("#panel").slideToggle("slow", "easeInOutCubic", function() {
if ($("#btn-slide").attr("data-state") == "0") {
$("#btn-slide").attr("data-state", "1");
$("#btn-slide").text("收缩新闻稿");
} else {
$("#btn-slide").attr("data-state", "0");
$("#btn-slide").text("展开新闻稿");
}
});
$(this).toggleClass("active");
return false;
});
});
</script>
</body>
</html>