F17學期作業大全兼修課碎碎念

Stephanie Kuo

7 min readDec 14, 2017

這幾天連續大雪，航班大亂。底特律往紐約的班機被取消了兩次，預計會delay六個小時。幸好我是個只要有插座網路和座位就覺得像在家裡一樣的人XD

聽說候機時間總是最有效率的，讓我來整理一下這學期還來不及放上作品集的project們吧XD

How to start to observe Messier Objects

Information Visualization — Individual Project
http://stephanie-kuo.com/starchart/index.html

這其實也是我出於個人興趣寫的。自從被star party推坑之後，開始喜歡拿著望遠鏡對天上看。雖然密西根天氣很差，安納堡光害也很嚴重，但還是想看到深空星體，我甚至還有一本筆記本上面寫著這個季節有哪些比較亮的梅西爾星體可以觀測。

這個小玩具可以讓使用者依照自己的設備(i.e. 裸眼、雙筒望遠鏡、單筒望遠鏡)選擇自己適合觀察的天體，也可以選擇想要觀察的天體的類別(i.e.星團、星雲、銀河…etc.)。雖然還有些bug解不掉，像是無法同時選擇checkbox的條件和slider的亮度做篩選等等，但是算是我這學期最滿意的project之一。就算沒有星星可看，看著星圖隨時間變化也很治癒。

星圖當然不是自己畫的，是用別人的github改的 XD

Where’s the safest place in the U.S.?

Information Visualization — Group Project
https://usurvivemap.herokuapp.com/

同一門課的group project。這是個顯示美國各地遭受龍捲風、地震和槍擊威脅的危險程度的地圖。第一次跟其他組員全都是CS background的人合作，看著他們邊討論就邊把需要什麼功能、需要什麼變數通通都寫出來了。我在旁邊不過改個HTML，結果push的時候沒有先pull codes就被踢出contributor了 QQ 還是把coding交給專業吧 XD

我覺得這樣的合作方式滿理想的。先有草稿，他們把功能和框架做出來，我最後再上去修改顏色，調整CSS。像這種圖都在程式裡直接畫的，光用設計軟體有點難看出實際效果，不如直接在程式裡直接改會比較準確（前提是不要把程式搞爆）。最後push有conflict的話再碰面一起解掉。

重新溫習了一下github還不錯 Orz

INDIE

A better solution to support travelers to enjoy a smoother transportations
https://si612-group7.wixsite.com/project

本學期最痛苦的一門課之一。做了6個訪談，3個diary study，2個cultural probe，5個user enactment。除了訪談以外都是沒有學過的研究方法，這裡就不多談。幾乎每個禮拜都有相當期中報告的作業，每兩個禮拜就有一個相當於期末報告的作業，每一輪都要生出三個新的idea，非常的崩潰。

我們這組迷走了很久，最後選擇了解決室內導航的問題，結合beacon和eink dispay，讓交通卡可以依據beacon的訊號顯示即時的導航資訊。

CardMaster

An android application to help people to search and manage the credit cards for the best benefits

另外一門很崩潰的課。由敝校MBA開的mobile development的課，教導完全沒有coding background的MBA學生從零開始寫一支app，從介面設計到串資料庫全包。班上大概有一半的人都跟不上吧，但是另一半跟得上的人還是很厲害。最後每組都成功接了資料庫，做出了有基本功能的app。其中又大概有一半的組是在幫人配對，真的是夠了。我真的不想再看到更多幫助別人配對的app，或是可以顯示這個人想不想說話的裝置了，真的是夠了。

我們這組做的是幫助使用者選擇最適合用來在這間店消費的卡。美國人依賴信用卡的程度已經到了連自動販賣機都可以刷卡的程度了，人人手上大概都有五張以上的卡。因此這個app會依據使用者的所在位置，或是透過搜尋類別顯示優惠最多的卡。在設計上有個妥協，就是把按鈕放在home screen上，事實上這是很蠢的做法，因為事實上使用者可以很容易從nav bar移動到其他的頁面，不如把使用者最想要知道的資訊放在第一頁。但是在usability testing的時候使用者真的大量使用這個只有nav功能的home page，所以我也只能把他留下來了。還滿有趣的發現。除此之外，考量到時間、組員的能力，妥協的地方還有很多，不過就不多說了。

自己寫過app之後我終於明白為什麼以前合作過的工程師會罵我：不要把app想成web。app的自由度沒有那麼高，開發速度也沒有那麼快。很多design material都是被設定好的，同樣的，如果能有app用的bootstrap或許也能幫工程師更快設計出介面堪用的app吧。不過這門課也讓我明白把設計和工程分開是有必要的。自己在開發的時候就會覺得這好麻煩，跳過好了。工程師果然還是需要設計師來超越自己呢。

Law Library Catalog Redesign

After: http://umil.iii.com:2082/
Before: http://umil.iii.com/

這學期另外一個痛苦的來源。學校的圖書館是和Sierra的資料庫系統合作，很多介面都是已經被寫死的，要改非常麻煩，但是本來的介面又非常醜，因此得花很多時間研究要用什麼方法改。真的改不了的地方就得寫jQuery硬改，雖然效能很差也很醜，不過也只能這樣做了。接下來要開始規劃usablity testing，從research -> design -> develop全包，而且還只有一個人的Web Assistant。

新的版本裡比較得意的改動是把書的狀態加上顏色標示，available為綠色，被借出為紅色。另外讀者還可以在館藏地點的地方hover確認這本書在圖書館裡實際的位置，比起原本使用pdf慢慢查閱可以節省很多時間，也讓一般讀者更容易靠自己找到書，降低工作人員的工作量。雖然現在有些地方不太滿意（像是搜尋結果頁面的按鈕太多看起來很驚人），不過就在usability testing當中讓使用者說話吧。