[簡報] Sketching with code@JSDC2013

2013/05/19 Sketching with code@JSDC2013 from Justin Lee

這是昨天在JSDC上演講的投影片,題目是Sketching with code 用程式碼「畫」草圖。

在App或網站的開發流程當中,總有一些細節是必須由設計師與工程師的緊密配合才有辦法完成,比如Amazon的選單設計。而在探索某個頁面、操作的設計時,設計師會用紙筆畫草圖的方式來思考,而工程師則必須一一驗證這些設計的可行性或提出其他替代方案,而直接寫程式做prototype是最好的做法之一。我稱之為用程式碼「畫」草圖。

TiSnippet -A collaborative version of TiShadow 在這種跨職能的協作當中,提升prototyping的效率非常重要。prototype的效率越高,探索和溝通的效果就越好。在這場演講當中我展示了我自己正在開發的一個Titanium的快速prototyping工具TiSnippet。這套工具是基於David Bankier所開發的TiShadow。TiShadow能夠讓Titanium開發者可以快速的預覽程式碼在手機上的執行結果,減少每次更新程式碼之後重新編譯所需要的時間。我的TiSnippet則是在TiShadow的基礎上加上自動存檔、多人協作的功能,只要用瀏覽器連上TiSnippet,就可以直接撰寫Titanium程式,透過手機的client掃描網頁上的QRCode,將手機連上server,再由網頁端發送程式碼到手機,就可以在手機上測試執行後的結果。

如果你也有興趣試試看的話,請到我的github上下載原始碼,重新編譯app安裝到你自己的手機上(支援iPhone, Android)。如果不想自己編譯,請下載Android App安裝檔

PS: 需要自行安裝Barcode Scanner module

comments powered by Disqus