一个月前我们在 Computex 2013 发表了 Firefox OS 在平板上的预览版，吸引了不少人的目光。(如果你还没看过，本文最后有精华短片。)
虽然只是展示机器，但是当拿在手里，身为工程师的我们，都会兴奋的想让它变成真的可以动的。
「那么就来试试看吧！」我们有四周的时间。
现在就把时光倒回去，来看看我们如何用不到一个月的时间，做出可以操作的实机展示版(非成品)。
Week 0 » UX 重新设计版面
首先，我们的 UX 设计师针对平板的画面大小以及平板不同于手机的使用方式，重新设计版面，包含：图片大小、解析度、版面配置、布景主题… 等等，也根据硬体规格，选择要删除的功能，以及要新增的功能，把更动范围预估到是四周内可能完成的。 下面是一张设计师的草稿：针对虚拟键盘的按键大小、间距重新做了调整，完全参考真实键盘的配置(听说他们精密测量了很久)，让使用者打字更顺手。
Week 1 » Milestone 1 大处着眼
后端工程师们拿到测试装置后，一键把 Firefox OS 系统刷进去，竟然就能动了！不过绘图速度有点慢，还有其他小细节需要调整。没关系！还有三周可以慢慢调整。 前端工程师们开了 branch，并根据设计列出 issues、切 milestones，方便讨论实作细节、掌握进度、回报新问题。这周我们的工作重点有几项：
把不需要的功能移除。 能够编译出符合平板解析度的版本。 先进行画面上比较大的版面更动，比如新的解锁画面、主画面上的 App 按钮变大且分散、设定变成双栏设计… 等等。利用 Firefox 的「适应式设计检视模式」工具 (Responsive Design View) 可以切换到平板的解析度，让手机版变平板版的工作简单许多！
同时设计师团队在制作各个 App 需要更动的设计稿图(spec)，以及绘制高解析度的图片。 这时候我们的画面还很阳春，看起来是这样：
Week 2 » Milestone 2 小处着手
后端工程师针对绘图晶片、萤幕触控感应器、以及其他硬体开始进行调整。这是一个困难的任务，要从 log 中找出一些蛛丝马迹，调整各种可能的设定，仔细地检查与测试。 前端工程师针对设计图稿开始细部的调整，比如图示大小与位置、系统视窗大小与置中、套用高解析度图片…等等。当然不免会有一些更动后所造成的问题，也要记得开 issue 把它修掉。
此时我们也拿着这个半成品给设计师团队看。这时候他们有了惊人之语：
「我觉得少了一点平板的特色… 我们加个数位相框功能吧！」
前端工程师们花了一个早上讨论是否能在死线 (deadline) 之前把数位相框的效果做出来，结果发现是可行的！(尖叫欢呼)
设计师团队当然也不是只出馊主意而已，他们马上开始设计使用流程和相关设定。同时还要绘制新的开机动画以及桌面背景。
这时候我们的画面看起来是这样：
Week 3 » Milestone 3 精雕细琢
后端工程师还埋首在 log 与设定调校之间，硬体开始表现得比较正常。
而前端工程师则开始精雕细琢每个 App 的细节，新的数位相框功能则由一位前端工程师开始实作。(没错，一人就可以。)新的解锁画面完成、令人眼睛为之一亮的俏皮狐狸开机动画也放上去了。
设计师团队一边补上所有高解析度图片、一边检视我们的成果，哪怕只是一个像素的误差，都难逃他们的法眼。
这时候我们的画面已经变成这样：
Week 4 » Milestone 4 大致底定
后端工程师把萤幕触控调整正常，绘图速度也达到一般水准。开始针对几台展示机做一次整体的校准，并检查是否有异常的机器。
前端工程师把数位相框实作完成、bug 们也通通修掉，其他 App 的细节也陆陆续续修改完毕。影片变成 3D 立体墙、桌面变成美丽大方的狐狸，也把展示时需要的资料放入。 「Firefox OS 平板展示机终于看起来有模有样了！」
设计师团队不停地把玩我们的成果，同时也开始录制展示影片。
死线就在眼前，其实我们还有一些想做的… 但先就这样吧！
2013年6月3日 » Computex 展示
最后列出平板预览版与手机版差异的项目，让大家参考。秉持着 Mozilla 开放原始码与公开讨论的精神，这一切的更动轨迹，有兴趣的人不妨到我们的 Github 上面去追寻。
原始码：github/gaia-local Issues (以 Milestone 分)：github/gaia-local/gaia/issues/milestones?state=closed 更动项目：
App 版面更动：系统、浏览器、主画面、设定、图库、音乐、影片、键盘 重新制作 & 新功能：解锁画面、数位相框、3D 影片墙 未展示功能：电信通话相关、蓝牙、相机