新聞連連看 story-tracer

CAASI H視覺化呈現新聞與新聞間的關聯

 

ET B來龍去脈（想解決什麼問題）

CAASI H起源

• 最初是從 Muser 與 ETBlue 的 討論 中得到靈感。

 

IPA C主旨

• CAASI H希望能藉由使用者自己建立的，文章與文章間的關係，表現該使用者的思考脈絡。並讓他能將此脈絡與討論分享給其他人。

 

• 有鑑於自己相信程式爬文建出來的網路，多少會有錯誤或是不完善，我認為如果想表現閱讀一則文章時，聯想到的其他主題，最後還是將「建立連結」這件事情，交給人們手動處理，才能保證成果可以表現建立該關聯的人的思考脈絡。

 

• 加上純粹 HTML 超連結在一般情況下，沒有被視覺化，也無法協作，故開始此專案。

 

ET B牽涉領域

• CAASI H新聞

 

CHIA-LIANG K現有類似專案

• CAASI H人物關係圖（連線部份）
• Microsoft Live Labs Pivot（操作部份）

 

ET B相關組織單位

• CAASI H無

 

ET B相關專案

• CAASI Hnews-diff：希望未來可以以其當文章來源

 

IPA C授權方式

• CAASI H程式碼：MIT
• 資料來源：按來源的規定

 

IPA C使用資料

• CAASI HMoreText

 

ET B專案目前狀態

• CAASI H雛型：http://story-tracer.herokuapp.com/

 

 

IPA C目標與功能（要如何解決）

ET B預定使用者

• CAASI H看文章時，希望把聯想到的事情記起來的人。

ET B預定功能

• CAASI H加入新文章
• 分析並呈現新聞文章
• 表現版本差異
• 選取文字
• 製造連結
• 描述連結關係
• 調整文章大小
• 縮放整個關係圖
• 註解與留言

 

ET B使用方式

• CAASI H製作自己的文章關係圖
• 修改別人的關係圖
• 對別人的關係圖發表意見

 

 

ET B實做細節（非技術背景可跳填）

ET B使用技術

• node
• CAASI Hexpress
• LiveScript
• request
• entities
• cheerio
• bower
• web
• ember
• font-awesome

 

ET B協作工具

• github repo：https://github.com/caasi/story-tracer
• hackfoldr 工作資料夾網址：尚無
• google drive 共用資料夾網址：尚無

 

進度與 TODO

ET Blue僅供參考

• product planning（recommanded procedure from justin lee / 李易修）
• strategy
• scope
• structure
• wireframe
• visual
• web front-end
• web back-end
• ui / visual design

 

CAASI H技術問題

• 如何取得一個字的 bounding-box
• 如何縮放各個 story 與整個 board 又不影響效能
• ember.js v.s. canvas v.s. WebGL

 

ET B開發者

ET B分工與成員

• NeedsDesigner: 需要介面設計
caasi Huang現在只套了個 Flat 的配色。
• NeedsData: 需要資料
caasi Huang從來源得到文章 html 後，我還得處理過才行。
• NeedsTech: 需要技術支援
caasi Huang如上節的技術問題。

• NeedsProcess: 需要幫忙設計作業流程

ET Blue設定成 project registry 中的 tags，需要幫忙的會自動 promote 到 g0v project hub