home Featured, 妈妈咪呀, 职场妈咪 我的骇客松(Hackathon)初体验:能源自供应楼房

我的骇客松(Hackathon)初体验:能源自供应楼房

大概一个月前有位NUS学engineering的风哥(大家都这么叫的,其实比我小很多)跑来联系我说有几个项目在做,问我能不能加入帮帮忙。虽然我心想,我做设计和网页工程的如何帮忙做电子工程的呢?还是听了下他的几个idea。最初他和我讲了一个停车系统的idea已经赢了之前Hackathon的奖项了。这次他希望我能和这个团队一起去参加另一个Hackathon-Climate Innovation Challenge。这个Hackathon宗旨于建设我们的环境成为一个更加环保,更加节省能源,更绿色的环境。

为了争对这个命题,我们的项目就是要盖出一座绿色的大楼,通过地底和地表的温差来供电整座大楼。现有的许多绿色发电方法都还是有各种不足之处,比如太阳能供电成本高之类。所以这个听上去是一个很令人向往的项目,毕竟如果真的能做到的话那可是能够大大造福人类的项目啊。

(For the English version of this Hackathon journal, please click here)

当然我也有自己的保留之处。毕竟Hackathon是一件需要付出很多时间和精力的活动。说起Hackathon,本意就是Hack+marathon的意思(骇客马拉松),就是在很长的时间内集中精力和团队资源共同开发一个项目的雏形。这个CIC Hackathon从礼拜五晚上开始,一直要进行到礼拜天晚上结束。保留之处在于,第一,我家俩娃要怎么办,这等于两天看不到娘啊!第二,这个hachathon偏重于硬件和工程、工业设计方面,我们做软件和云端的,怎么做也不是项目的核心内容,最多就是锦上添花。

可是,就冲着拿奖和奖金(此处应该说,为了为人类的环保和绿化做贡献,为了过个充实又有意义的周末),我还是决定去啦!

在去Hackathon之前我还是对这玩意儿没太大研究,就因为要带娃也没法去主办方安排的两次pre-challenge workshop。到快要出发上阵收到主办方email的时候我才一惊,神马,带上锅碗瓢盆也就算了,还得带上洗浴用品?然后我才开始上网搜索一些资料,又发现,神马?原来Hackathon不仅仅是在那做东西,在那吃东西,还要在那洗碗,在那洗澡,在那睡觉?(尴尬脸)

(还好新加坡本身并不是很大,虽然Hackathon的地点发生在新加坡的另一端,但是因为队友的支持我也得以在中途多多回家陪娃,算是参赛陪娃俩不误了。)

在参赛之前的一个礼拜我们的队员们有在微信上开一个语音会议大概讲讲我们的idea。这也是我第一次和两位做前端的队友崔和齐(夫妇)接触。他俩都是在NUS Computer Science出来的高材生,说话那个思路清晰思维敏捷的啊,还各种正式正经正统。可是直到真正Hackathon见面了之后才发现,艾玛,这个组就是个逗比小组啊,各个都是段子手啊有没有!

Hackathon第一天(拜五)晚上只是个大概见面和组队的过程,大家兴致勃勃地讨论到了十点才回家。第二天我竟然兴奋、激动、紧张的六点就醒了然后就再也睡不着了,早早到达了Hackathon的场地。我觉得枯燥无味的制作过程也不详述了吧,给大家看看具体做了些什么。

项目介绍

软件部分:

网页页面必须提供的一些元素和数字
崔给俺画的网页页面必须提供的一些元素和数字
规划工具的界面设计
我基于工程师们的要求完成了规划工具的界面设计
Javascript拉数据和计算算法的未加工界面
崔写的Javascript拉数据和计算算法的未加工界面

基本上这个界面的对象用户是建筑工程部门,他们用这个工具的流程是:

  1. 在新加坡地图上先选出自己想要建筑房屋的地点,那么相应的数据都会出现,比如平均气温,土地松软度,以及建造能源自供应楼房的适合度。(这些都是崔找到的新加坡真实数据哦!)
  2. 选了地点之后,可以填写工程的具体数据,比如在一层楼上面有几个2房室,几个3房室,4房室,5房室等等……再填写总共的楼层数,就可以点击“立即估算”的按钮了。
  3. 经过计算后,所有的数据都会显示在结果页面上面,比如说这个房屋能够通过温差产生的电量,以及每个月大概消耗的电量,每个月通过这个系统而省下来的电费,建造这个系统能省下的巨额成本等等……
HTML/CSS/Javscript整合的网页前端示范用法
我整合过后的HTML/CSS/Javscript整合的网页前端示范用法

硬件部分:

这个就厉害啦,直接建造出来了一个设计原型。工程师们是用往下部浇热水的方式产生了温差然后使之发电,齐更是直接把模型连接到了电脑,实时输出了产电数据。包括两个波状图--一个是记录温度的波状图,一个是产电强度的波状图,每五秒钟产生一个新节点,实时观察数据。

工程师们做的设计原型
工程师们做的设计原型
实时记录产电波状图的界面
实时记录产电波状图的界面

解说部分:

为了清楚明白地介绍这个项目的概念,风哥让我帮他画个说明图更加视觉地描述。

风哥画的草图
风哥画的草图
我整合而成的效果图
我整合而成的效果图

所以解说的时候风同学可以直接利用这张图上面的不同部分更明了地做出解释。

做不做Slides(幻灯片),这是个问题。因为风同学之前已经参加过两次Hackathon,坚信Slides并不重要,只要极简就好。我们的重点应该放在示范温差产生电流以及我们的网页界面方面。我们示范的东西还挺多的,首先要倒热水让设计原型发电,再要显示实时产电图,最后要示范网页界面的用法和功能。我们一共只有3分钟时间啊……

插科打诨

介绍了我们做出了个啥项目,也来介绍下这三天来的笑点和欢乐吧。

突飞猛进的中文

这三天以来我说的中文感觉比过去三个月还要多啊!而且还是贼地道的中文(和本地人说的本地化中文不算哈),各种年轻人网络用语各种段子。很多词语我的确是打字出来过,但是一字一句这么从嘴巴里吐出来还是第一次啊! XD

好low
齐是computer science电脑方面的高材生,对于硬件不怎么来电。第一次他把sensor连到电源亮了之后,他惊叹道,“哇,亮了耶!”风哥默默地看着他,静静吐出:“这是我第一次觉得你好low啊……”

从此之后大家都不同程度地展现了自己的low…做硬件的看见做软件的各种效果和曲线,瞬间变low;做软件的看见做硬件的各种电线和模型,也瞬间变low。隔行如隔山啊,有木有!

累觉不爱

这是一个围绕着饭展开的故事。从第一天晚上注册组队开始我们就密切关注着吃饭的问题。队友老孟(大家都这么叫,其实也比我小更多)拜五下午就在微信群里面问了个关键性问题:有饭吃吗?哈哈。风哥就说:有的但是要自带餐具(因为支持环保)。于是老孟居然在公司找到了一个没有盖的碗,还说:“感觉自己好像是去化缘的”(对不起我没忍住)

去到那发现主办方根本有提供盘子啊!(逗我呢…)结果他们说:第二天就不会有了,必须自己带,必须自己洗碗!

于是第二天大家又背着餐具去了那里,我最早到的,发现还是提供了盘子,告知群里之后只见崔哀怨地回:“背了俩餐盒,累觉不爱…”

吐槽CityAll

风哥把自己的项目取名为CityAll,遭到大家的一致吐槽。觉得真的太正统了,又有山寨即视感。所以各种头脑风暴席卷而来,不顾风哥的强烈抗议啊!我们说取名要有大将之风,要有意义。风哥就说:那你们看这个one maker group也没什么意思嘛。我们说咋没意思啦,人家是取简写OMG!我们可以想类似的,比如说WOCA,TMD之类的啊!风:“你们是铁了心放弃中国市场了是吗?”

最后头脑风暴变成了各种pokemon的名字,logo变成了各种pokemon的形象,一发不可收拾…

逼格过高

从头到尾我们都对自己的项目充满自信,因为它的巨大的逼格已经藐视了其他的所有队伍的项目。当我存有疑问的时候,风哥总是会用充满自信的脸跟我说,我们这个概念绝对是最好的,都是经过大家认可的。齐也说,其他队伍做的东西不怎么样嘛,人家都说咱得奖没问题。

Hackathon里面还有一个步骤是counter proposal,就是互相挑战互相打击互相指出不足(可惜我因为回家带娃错过了这个环节),我问齐这个进行的如何,他侃侃而谈:“别人做的都不怎么样,都是很小很小的项目……”那音量之大,我好怕被周围的组给狂扁啊!最后证明,我们的逼格实在过高,把所有评委都给整懵逼了……

审美观

作为一个设计师和前端工程师,我经常是被appreciated的对象,但崇拜之强烈,焦点之闪耀,从来没有到这几天Hackathon的地步啊。做啥都能受到大家的表扬和赞美,其实真的就是随便做了点东西。(要不就是工程部门太缺有点审美观的人,要不就是这帮孩子实在太假了)

其实我现在都不敢标榜我自己为设计师了,因为在Salesforce做的东西基本是全编程和网站管理……额……可是这个Hackathon又让我找到了作为一个设计师的知识分子的清高。崔甚至还说:“我们和小白姐的审美观差了几百个老孟……”
(让我害羞滴躲一躲)

做Hackathon感觉错过了几百条大新闻
整个做Hackathon的过程中,齐简直就像个奥运和娱乐八卦滚动题词器,时时刻刻更新我们所有新闻的最新消息。
一下子又是新加坡第一枚奥运金牌产生了。一下又是奖金一百万新币了。
一下子又是王宝强被出轨了。一下子又是网络都沸腾了……
大家做的过程中也经历了头脑被烧焦的状态。

比如当齐说:

“奥运一万米破了王军霞的记录了,只跑了29分17秒……”

我当下:
一脸懵比

一万米?!一万米……一万米这是个什么东西?!听上去好远!!不是应该跑一天一夜的吗?不是应该跑二十多个小时的吗?为何只跑了29分17秒?!!

这时候崔仿佛看出了我眼里的疑惑,说:“就是10公里。”

我:……

风哥也有和我一样抽了的时候。奥运知识小能手齐说:“第二届奥运会居然从头到尾举办了六个月……哈哈哈。“

风哥:所以那是长还是短啊?

一脸懵比

我们:

我已无法控制住体内的洪荒之力

正好前几天是“洪荒之力”因为游泳队网红傅园慧大红大紫的时刻。于是我们也把这个词汇强而有力地用到了我们的presentation之前……大家在“小黑屋”里面等的都快缺氧了……真的无法控制住洪荒之力啊!

好吧,段子实在太多了,还有包括呵呵,+1,怪我咯,我竟无言以对……等种种种种相关的逗比事件也不一一列举了……下面说说presentation吧……

Presentation - 项目展示

项目做好了,段子也讲完了,大概说说presentation的形式。一共有两轮,第一轮是筛选出最好的12只队伍进入决赛;第二轮则是正儿八经在最后的judge和全部team面前做最终的presentation。我们第一轮发挥还是不错的,有带我们的模型和两个电脑进去,一个电脑放幻灯片,一个电脑做demo,一气呵成。虽然3分钟时间有些短但是我们还是讲了个完整的故事,圆满完成任务。

讲完结束之后所有队伍都被带到大厅,大家都不知道会发生啥事的时候,主持人说:进入第二轮的队伍的队长会接到电话。于是组员们都纷纷提醒风哥必须做出“接电话状”……后来风哥去厕所了的当下,我们突然在微信群里面接到他的微信:“我们入选了,我在小黑屋等排序”。大家心里兴奋的呢,还没来得及庆祝,他就又发来一条“带家伙进来”……贼神秘……

进去之后我们经历了漫长的等待……因为我们是倒数第三组讲解的。这时候风哥已经开始激(紧)动(张)得汗如雨下,全身抽搐……而做前端讲解的崔,反而非常的轻松,淡定……中间工作人员还进来和我们说:“要告诉你们一下讲解的时间很严格地卡在了三分钟,你们一定要把材料压缩在3分钟之内演示完毕。”这时候我们的心里又咯噔一下,觉得三分钟时间真的太紧张了……于是轮到我们的时候我们一冲出去,还没调好各种设备呢,风哥就一拿麦克风开始侃侃而谈……而我根本没办法操作到电脑(因为要顾及到摄像的手机以及投影仪的光),各种扭曲的姿势……然后我觉得我们的绝对亮点就是通过温差发电的实时曲线图!应该是整个演讲过程中的高潮……一出现大家都应该被震慑到的……结果,结果,因为只能带一个电脑上场在各屏幕之间切换,完全没显示出来,只挣扎着闪了零点零一秒……关键是风哥完全还没注意到,直接说:“我们的产电数据是可以实时通过界面显示出来的……”而屏幕上根本什么也没有,什么也没有,也没有,没有……

好啦,最终结果我们的确没有得奖,大家都很意志消沉,低落,刚开始的时候也有觉得是评委没眼光,也有觉得是主办方的设想不够大胆只敢赏识小一点地项目,可是在回家的路上,我已经慢慢有点总结一下我们这次真正值得改进的几个方面了:

  1. 规模与可行性。因为这个Hackathon的名字叫做“Climate Innovation Challenge”(气候革新挑战),我们自动把他设想了无穷大的规模。而观看真正得奖的队伍,他们的点子很多都是通过一些小事来达到环保的结果,从小开始,从我做起……因为我们的规模太大,从模型到真实运用上难免有条鸿沟,这点就容易被人质疑。
  2. 演说环节。我们做的项目还是很美好的;我们在两天之内得到了很多的好评;我们也让第一轮的评委们爱上了我们;可是,最后一轮的演说我们并没有很好地展现我们的项目。
    1. 很难将这么多细节压缩到三分钟的演讲示范环节内。
    2. 我们在调节设备的时候就已经把东西搞乱了,所以后面才会一直手忙脚乱,非常赶。
    3. 我们在演说的时候没办法把很复杂的概念讲得简单,清晰,明了。我们在演讲的过程中并没有很放松,反而太着重于“快”,整个气氛都很紧张。我们也是我观察到的很少的没有让观众发笑的团队……
    4. 我们的幻灯片没有起到辅助作用。我们应该把我们之所以要做这个项目的背景和思路过程清晰地列出来;我们应该用大大的图标和简短的字句清晰明了地展现出这个项目的各种好处;我们应该写出所有数据的来源和算法的过程因为他们都来自于非常真实可靠的数据,不然整个演示看起来也很像只是假装出来的数据一般……

所以为了对应上面的这些问题我也计划了一下个人的发展学习计划。比如争对第一点,我就想说这个是工程工业的Hackathon,项目比较不在我的掌握之内,于是一定要想办法去参加个纯软件或纯UX/设计的Hackathon,感受一下。争对第二点,这也是对presentation skills的wake up call吧!一个项目的解说和演示实在太重要了!你要有本事把复杂的工程简化到清晰明了,你要有本事说出个带有幽默感又引人入胜的故事。今后我一定要争对这些再多加练习。

本来来参加骇客松几乎没告诉什么人,想说赢了奖之后再庆祝……整个进行过程中也都一直在拍照啊什么的……结果没得奖,啥照也不想放了,就这样吧。觉得连写博客的心情也没有了,好心酸……可是我又想,真的勇士,敢于正视淋漓的鲜血!我要做打不死的小强,以后大家看到啥Hackathon记得通知我哦!非赢一次不可(呵呵)。对这个项目有啥意见和反馈也欢迎在评论里提出!

最后总结以及学到的东西

遇到一群这么逗比、可爱又有才华的队友还是我最大的收获啊!真的整个做项目的过程中肚子都笑疼了。第一,这是我进入工作以来第一次和中国人一起合作做技术项目!(虽然我是中国人,但是很讽刺的是,我加入的技术团队中从来没有过其他中国人……)这种感觉和我之前和一个中国小弟一起上PMP课的时候异曲同工,那就是各种赏识,各种交流起来的轻松愉快,各种心领神会……第二,作为一个网络前端设计工程师,我能肩并肩地和后端工程师一起做项目已经是个很神奇很迅速的过程了,因为我一般设计和改良的东西,后端都已经编程好了……这是我第一次从草图开始和后端的编程师一起把东西做出个雏形来……第三,这也是我第一次做离工业工程如此紧密相连的项目,这种感觉是在实实在在对世界做出改变啊有没有!

所以在过去的这几天内我学到了可能在工作期间几个月都学不到用不到的技术。这种环境之下,你就会被推着前进,推着学新东西,推着直接把新知识运用出来。在这个Hackathon中我学到的运用到的新技术有:Google Map API,AI的pattern creation和应用,Google Charts,Bootstrap,Javascript解bug和算法等等……(看着崔和齐对于后端的运用和debug的迅速真的是各种崇拜)

我们可爱的团队
我们可爱的团队,怎么着也算挺进12强了吧!哈哈

 

 

4 thoughts on “我的骇客松(Hackathon)初体验:能源自供应楼房

  1. 虽然没得奖,但是收获了好多段子,洒家这次值了。话说那个“差了几百个老孟”我怎么没听到,居然偷偷的黑姐,哼!

    Reply

Leave a Reply to 小白姐 Cancel reply

Your email address will not be published. Required fields are marked *