Thoughts, stories and ideas.

我们参加了 GeekParty Hackathon,并获得了一等奖

浓缩版

  • Hackathon 的举办方是 百姓网LeanCloudStrikingly一熊科技;一共有十二支队伍参加;地点在上海;
  • 我们有四个人参赛,做出来的项目叫 Carbonium,通过这个工具可以让多个屏幕组成一个大屏幕;这个项目被大家认可获得了一等奖;
  • Carbonium 可以在线上使用,也可以在 GitHub 上面看到或者 fork GitHub-Carbonium,而且更美妙的是,你还可以在白板的 Carbonium 设计讨论 上看到整个项目的不同版本设计过程;
  • 你知道么?和 Carbonium 一样,一熊白板也是在 Hackathon 中产生的;
  • 全部开发过程是在 BearyChat 中进行讨论和进行开发的;

这是整个参加的过程

接到邀请

公司 xtang 接收到了 Hackathon 的邀请,四个人约好一起参加,分别是 xtang、loddit、xudifsd、sheldonrrr。接到邀请后到参加中间有大概两星期的时间,可是直到坐在从北京到上海的高铁上,大家都还沒有特别的想法

出发前两星期,趁着吃过饭的间隙,曾聊了一些不成形的想法,有的是因为朋友的经历,有的是自己工作时发现的需求,本来有三个,只记得两个:

  • 让一个队员在后台做反馈,其他人參加 Hackathon ,然后公布已经开发出了一個智能机器人,他能进行初级的逻辑判断,问一个不算太大难度的问题,他都可以回答出來;(震惊!!这样真的大丈夫??)
  • 数据图形化。一时间没有想到好例子,但是 loddit 用火车站点的数据演示了一下,鼠标悬停在任何一個站点,只要是有经过的火车路线都会亮起來。
火车一夜

大家一起商量决定在火车上睡一觉,第二天到达上海。在火车上聊了好久,又蹦出来好多想法,列在下面:

  • 随机的卡片式信息提醒,尤其是在不是常住城市的時候。xtang 非常喜欢读 Wikipedia,他觉得新闻很没有营养。所以呢,想要在一個随机的时刻,让手机把随机信息(经过提前设定好的知识区域)推送給自己。后来又延伸了一下,设定了一个场景:当我抵达到一个新的地方,手机会推送給我一个关于这个地方的信息,让用户本人从时间流上面感知周围的世界。——非常适用于旅游场景;
  • 真实地图版的口袋妖怪。結合 sheldonrrr 曾经玩过一段时间的 Ingress 和 xtang 一直很喜欢玩的口袋妖怪推演出来的。但是考虑到 Google Map 曾经做过一次的活动 “在世界地图中找到xx只虚拟妖怪”,就暂时不再考虑;
  • 手机屏幕组成一个大屏幕合到一块展示;xtang 一直想做的想法,但是没有把握是否能保证最后的完成度;
  • 买不到回家的火车票,智能推荐其他路线帮你回家。这是源自 loddit 一个朋友的需求,因为过年回家买不到票,他就帮忙看了下,结果发现能通过转车就有很多可行的其他解决方案;
  • 数据可视化,根据数据源提供的数据绘制成各种由 svg 矢量图片组成的图像,并定期 Post 到 Webhook 上面;
  • 格式转换。例如把 GitHub 的推送树状结构定制挑选订制自己的格式。好处是把只有开发人员能做的,重复做的东西,做到普通人员沟通后就能顺利操作的可视化拖拽操作界面;这个是源自 BearyChat 项目的需求;
  • 拍照的时候实时分享屏幕让别人看。

聊到 10 点左右,xudifsd 同学就因为体力不支睡去了。loddit 提及自己第一次学 Meteor 练习写的项目多人数独。于是三人又开始玩起了这个游戏。

多人联机 sudoku

浏览器右边的小窗口就是当时用 Notes 来记录能想到的想法。直到睡的时候,我们仍然还没有决定要做什么。

到达-Uber-生煎-直接进入高能状态

D313 在早上七点到达上海站。上海站距离活动的地点 “徐汇区上海交大” 不远。下车前预订了一辆 Uber ,车上看到司机给自己配备了三部手机,两部 iPhone 4s ,一部另外忘了什么牌子的大屏手机。

到达活动地点附近,发现满大街都是生煎的早点,估计在上海生煎就是一个早餐标配。

吃完到达会场已经是 8 点左右(事先收到的信息是 8 点左右开始签到),但是没有几个人,只有一个女孩在门口接待。算是到达会场的第一支队伍。

大约一个小时后,活动就开始了。开始前,经过讨论,确定去做“多个设备屏幕组成一个大屏幕”的想法。开发开始前,在会议室每个队伍大概都讲了一下自己要做什么。

熬夜开发-一觉醒来发现另外三人在旁边 Coding

到了之后先占领了一个会议室。结果几乎两天都是在这个会议室度过。由于活动开始后根据记录的 Notes 迅速敲定了要做多个屏幕拼成一个屏幕的想法,开始后,在会议的黑板上写了实现的功能,敲定通过 Web 方式来实现、通过图片来展示、可以在任一设备上拖动、图片的四点对齐。

黑板上面都是讨论过程

中间吃了顿午饭和晚饭,开发几乎没有停顿,在晚上的时候已经在手机上展示拖动的时候,图片在 3 部手机上移动的效果了,也就是功能都 work 了。当时看到的一瞬间,都没有想象到效果能做到这么棒,不自禁地同时 “喔” 了一下。设计上做了三次版本的修改,基本上全部是为了照顾展示效果,把细节优化到我们觉得展示最佳。

第二天早上醒来的时候,发现其他三人在旁边 Coding。当前早餐又是生煎解决,因为熬夜做开发的只有三个团队,主办方来的也不早。不久之后我司的评委 otbzi 也过来了。边聊边实现,瞬间到了 12 点。

国产凌凌漆的背景声中加速实现-遇到 Bug 怎么办-笑声不断的 Demo

因为觉得应该是下午 3 点左右 demo ,所以第二天 loddit 就开始实现了另外一个想法——数据图形化。xtang 来实现界面和搞定遇到的 bug ,后端同学 xudifsd 因为昨天搞定上传的前端时候头疼不已,上午开始刷起了 b 站,点开了国产凌凌漆。

11 点左右,主办方过来说下午两点开始 Demo 。

于是,我们就在国产凌凌漆的背景声中加速实现。

从 11 点左右开始,loddit 写了一部分界面、xtang 实现了部分界面和解决一个 Bug ,这个 Bug 造成了设备画面的不对齐。评委 otbzi 在旁边准备一直到会议结束都没有用到的 PPT 。

到下午两点的时候,开发已经基本结束。还抽出一点时间在会议室的屏幕上面调试了一下。

开始 Demo

demo 的项目有几个比较有意思:

  • 有两个团队都做了弹幕有关的项目,一个的展示很巧妙,PPT 上面的介绍从法文名字“Danni Laumiel”跳到“弹你老幕”,整个展示过程效果非常好;另外一个弹幕界面有些简单,但是 Demo 的时候很明显功能做完了,而且都能 work ,大家扫描二维码进入后发现都可以用弹幕聊的很嗨;
  • 之前预测的一个很有商业潜力的项目(因为我们做的项目商业潜力几乎为 0 )在展示时并没有取得很好的效果,是专门为星巴克工作人员订制的时间安排和闹钟设置工具(Android 应用);
  • 另外一个团队的想法比较有意思,传播效果可能会很好。他们爬了一点百度百科的名人介绍数据,然后做了一个本地的 App,添加照片和自己的信息,能直接替换已经爬下来的特定关键字产生一个网址或者文章。但事后聊觉得会是一个当时觉得特别好玩,但是玩过一次就不会再碰的应用。

Demo 结束后,主办方和评委们算了一下分,大家休息了一下重新返回会议室。

整个 Demo 过程笑声不断,“多个屏幕组成一个屏幕” Carbonium 获得了评委评出的一等奖。之后还有大家评选的人气奖,Carbonium 又一次获得。也就是说,做出來的 Carbonium ,获得了大家的一致认可。

後記

第一天吃过晚饭后,在上海交大的校园逛了一下,老建筑都很漂亮。补几张照片:上海交大的老建筑、百姓网的桌球、一熊为每个活动参加者准备的小礼物。

百姓网提供了场地,偷拍了他们的桌球

一熊为每个参加者准备的小礼物

comments powered by Disqus