2019 国际基因工程机器大赛

阅读量:38 字数:3110 阅读时间:7min

从今年八月刚知道这个比赛到现在比赛结束已经三个月了。这三个月不得不说是很充实的三个月,让我学到了很多东西,也见识到了很多东西。我想在这里写一写这三个月我都做了什么,收获了什么。

缘起

八月的一个下午,经学姐介绍进入了我们学校的 iGEM 队伍。由于我是“空降”队员,在进入队伍之初对这个比赛以及我们的项目一无所知。百度百科对于 iGEM 大赛的解释如下:

国际基因工程机器大赛,英文名称为 International Genetically Engineered Machine competition,简称 iGEM。

国际基因工程机器大赛是合成生物学领域的国际顶级大学生科技赛事,也是涉及数学、计算机、统计学等领域交叉合作的跨学科竞赛。由美国麻省理工学院于2003年创办,2005年发展成为国际赛事,于每年10月在麻省理工学院进行最终角逐。国际基因工程机器大赛赛况和研究成果每年都受到《科学》、《自然》、《科学美国人》、《经济学人》等顶级学术杂志、英国广播公司这样的传统媒体的关注并进行专题报道,具有广泛的国际影响力。

这个比赛听起来与我的专业格格不入,不过这并不是一个仅针对合成生物学这一门学科的比赛,而是要求各项学科相融合。每个参赛队伍围绕一个与合成生物学(Synthetic Biology)有关的项目,还需要其他方式来展现他,包括网页(wiki)、海报(poster)、幻灯片(ppt)和展示(presentation)等。这就需要化生、计算机、艺术设计等专业的学生共同参与。我在项目小组里的主要工作是完成 wiki 的设计和制作。关于 wiki 的制作小结我将在本文的后续内容中提到。

iGEM 2019

申请美国签证

比赛将在美国马萨诸塞州波士顿的 Hyens Convention Center 举行,所以如果要去现场参加开幕式、评审等环节,必须拥有美国签证(B1/B2,下同)。个人感觉这个签证是很好拿到的,千万不要去找第三方机构专门去帮你做材料,这不但会浪费很多钱,甚至会导致你被拒签(我们队伍里就有活生生的例子)。要想顺利拿到美国签证需要完成下面几点:

  • 护照,并确保护照有效期大于六个月
  • 拍摄符合美国签证要求的照片
  • 在线完成并提交 DS-160 表
  • 预约面签并缴费
  • 打印相关文书材料
  • 前往面签
  • 拿到签证

需要注意的有:

  1. 拍摄美国签证照片必须为正方形,尺寸为51毫米x51毫米或602x602像素;照片为彩色,背景要求必须为单一的白色或接近白色;拍摄签证照片时不允许戴眼镜。
  2. DS-160 表格需如实填写,填写完毕后需下载并打印带有条码的确认页,DS-160 表格的内容无需打印。
  3. 面签需要的文书材料包含:上述确认页、签证预约确认函,最好带上学籍证明、iGEM 官方出示的邀请函、往返程机票行程单等。

WIKI 制作

制作 wiki 其实就是制作简单静态页面,官方自带模版引擎,而且不需要做移动端适配,但也包含很多坑:

  • 网页内不得引入外链;
  • 上传的图片、视频等资源文件必须按要求命名;
  • 官方模版包含很多不太好看的样式,需要我们重写;
  • 在 wiki freeze 后禁止编辑 wiki;
  • ......

不过官方也支持版本控制,在 wiki tool 中列出了每一个页面的所有 submit,并可随时预览、比较和回滚到任一版本。

这里给出我们的解决方案:用两个模板文件做每个网页的总框架:TemplateBegin 和 TemplateEnd,分别为文档正文上部代码和正文下部代码。这样在创建一个新页面时可以这样写:

{{ TemplateBegin }}
<html>
<p>这里是正文内容</p>
<a href="#" target="_blank">链接</a>
</html>
{{ TemplateEnd }}

当保存页面时,系统会自动将 TemplateBegin 和 TemplateEnd 内容替换上面的占位标签。注意,在上传代码时,一切 HTML 代码内容需在 <html></html> 块内,这个 html 标签不同于一般网页上的 html 标签,他是用来告诉 wiki 模板引擎此段内容为 html 代码,否则会被按照文本格式显示而出错。

替换 wiki 自带样式首先可以引入以下文件以隐藏 wiki 自带的一些内容:

<link rel="stylesheet"
  href="https://2019.igem.org/wiki/index.php?title=Template:AHUT_China/default.css&amp;action=raw&amp;ctype=text/css">
<style>

使用 Chrome 开发者工具来修改默认样式十分便捷,注意使用 !important 语句强制样式覆盖,which is very important.

还需要注意的地方是 CSS 和 JavaScript 文件需要单独上传,与创建网页、上传资源文件不同;不要写 inline script,也不要把 script 标签直接写在网页里,在某些情况下 wiki 模板引擎会把你代码里的特殊字符(如 &&、|| 等)转义以文本输出。

修改网页图标可以通过 JS 动态修改。

下面是我们项目 wiki 的一些预览图:

wiki 预览图1

wiki 预览图2

wiki 预览图3

预览地址:https://2019.igem.org/Team:AHUT_China

Github:还没有上传,嘻嘻

Prensentation

Prensentation 真的是很重要的环节,我们团队今年就是因为 prensentation 做的太烂只拿了铜奖。由于 prensentation 这部分不是我参与所依也没什么好写的。不过比赛现场哪些做的很好的 prensentation,甚至有用话剧表演形式的,真的很夺人眼球。

其他

我们这次美国之行住的是民宿,所有队员和老师都住在一栋别墅里面,大家都很 nice!这种感觉贼棒!我人生中第一次下厨、第一次亲自买菜、洗碗居然都是因为这个比赛。然后房东家里的洗碗机、烘干机真的是非常实用。比赛结束之后我还偷偷溜到大苹果纽约玩了两天。

下面就讲讲在波士顿短期生活的 tips 吧:

  1. 美国餐厅需要付小费,一般的流程是服务员给你一张 receipt,然后你把 credit card 给他,等他一顿操作完毕后,会给你两张小费单,一般来说小费单上会有三个选项,分别是 15%、20% 和 25%。这时候你只要在相应的比例上打勾并签字即可。
  2. 到达洛干机场后可以乘坐免费的 Silver Line 到 South Sation 站下车,再转 Red Line。这一过程是不收钱的,可以省下很大一笔 Uber 费用。
  3. 如果需要多次乘坐波士顿地铁,可以在地铁站的售票机上购买七天有效的 7-Days Charlie Card 或 Charlie Ticket,Card 会比 Ticket,便宜一点,据说是为了提倡节约用纸。
  4. 可能是由于波士顿大学较多,居民的整体素质都很高,记得多说 thank you 和 sorry。

Photos

照片 1

照片 2

照片 3

照片 4

照片 5

上一篇:Website: PPT 大赛线上报名平台

这是为我校 PowerPoint 大赛第二次设计线上宣传与报名平台,响应式页面在宽屏及移动端均能良好显示。设计参考了苹果官网的部分元素。 演示地址 页面效果图

雁过留痕,风过留声

目 录