g0v grant - CMS for news

§ 請以 80 ~ 120 字簡短地說明這個專案

當你在書報攤買了一本經典雜誌,赫然發現裡面有許多前人留下的筆記。

by 文章 做 視覺設計 & by 段落 去 討論協作

從「單向輸出」的報章雜誌時代,來到了具有「雙向互動」功能的多媒體網際網路時代,我們希望保有過往編輯角色的使命,讓報導具有結構性的編排,使閱讀者更能夠深入了解報導的議題。而網友也成為社群時代對於報導新聞的重要貢獻者,透過「選取報導文字」再進行評論與補充的模式,期待閱讀者的參與可以讓報導後的討論創造更多的延伸價值。

Dippen + Space = DipSpace 是一個完全開源且不禁止商業使用的內容管理專案 for 新聞媒體。

§ 你過去參與過什麼開源開發計畫(open source project)?

YuTin 是一位從國小就在寫程式的傢伙,生活不算太差,相信人性本善,喜歡與更多人分享資源,生活的意義是讓生命有了價值 ( ̄▽ ̄)~ [] [] ~( ̄▽ ̄) #OpenSource #OpenGov freelance web/app developer (NodeJS, ReactNative, PHP, Python), and I love GraphQL.

/> join

- https://github.com/g0v/color (join)

- https://github.com/g0v/victim/ (join)

- https://github.com/g0v/vue.vtaiwan.tw (join)

- https://github.com/g0v/bMagic (join)

- https://github.com/g0v/npratio (join)

- https://github.com/inLiveTW (join)

/> contributor

- https://github.com/facebook/react-native (contributor)

- https://github.com/mapbox/react-native-mapbox-gl (contributor)

- https://github.com/facebook/jest (contributor)

- https://github.com/manuelbieh/Geolib (contributor)

- https://github.com/twreporter/twreporter-react (contributor)

§ 這個計畫要解決什麼問題?

編輯者:讓報導能夠有結構性的編排,使閱讀者更能夠深入了解報導的議題。

閱讀者:就像發現前人的筆記一樣,我們可以在閱讀後有更深一層的討論與補充。

我們希望讓每個人的貢獻都有價值,並讓其他閱讀者可以從一篇報導上:

- 看到不同面向的聲音而不是同溫層

- 更簡便的方式對於細項議題可深入了解

- 讓報導不會因為語言差異而造成屏障

§ 你為什麼要做這個計劃 ( 個人動機 )?

無物為真 - 對於 透明、協作、參與、多元 的未來有所期待。

§ 你預計用什麼方式解決此問題?

樣板設計(by 文章的視覺設計)

Sketch Plugin 工具,設計師可以下載 內容管理系統優化過後的 Sketch 樣板 ( Disktop & Mobile ) 檔進行創作,並透過 Plugin 輸出輸出符合 內容管理系統 格式的封裝檔。

報導協作(by 段落的討論協作)

WYSIWYG Editor https://yabwe.github.io/medium-editor/

編輯界面就是閱讀介面,編輯者不必學習 Markdown 格式,也不需要會 HTML/CSS 語法,即可在編輯的同時就確定閱讀者呈獻的內容。而貢獻者也會透過相同的工具操作,在閱讀的同時就可低成本的做出貢獻。

jsdiff Web端的文章版本比對 https://github.com/kpdecker/jsdiff

透過 diff 機制可以比對修改前後的差異,有助於貢獻者提出修正/補充的流程進行。

資料庫將以段落為儲存單位,有助於多人協作及多國語言翻譯,且資料使用 Markdown 儲存有助於資料維護。

# § 這個計畫的目標對象是誰?

1. 媒體/報導/評論/文章/文字 工作者

訪談紀錄(g0v.news、報導者、沃草):

https://paper.dropbox.com/doc/DipSpace-fwo6K8NfyOBzpM77zUv7w

# § 這個計畫預計跟什麼團體合作?

1. g0v.news http://g0v.news/

2. 沃草 watchout http://watchout.tw/

# § 過去有作過相關主題的計畫嗎?

1. inLive

2. twreporter

3. bbcode editer

# § 預計六個月內將花多少小時作這件事?需要多少經費?(30 萬到 50 萬)

資金分配原則:不以能力和資歷為依據,優先考量生活必要性成本再依貢獻度多與少分配。

總計需要「40萬」

# § 打算如何讓社群參與以及回饋意見?

Sketch、ui guideline、wireflow、user story 皆會放在 repository,協助任何人容易了解專案進而參與貢獻。

貢獻者公約:[網址待補]

黑客松(6個月內舉辦4次黑客松)

於 6個月內 至少舉辦 4次小松 for 專案開發,鼓勵任何人的參與,並於小松現場簡單報告進度與 TODO 的項目,流程會是 進度報告 > TODO項目 > 自由提案 > 動工 > 簡單報告。

微型獎勵(重要 task 都會有微型獎勵金)

透過測試驅動開發 ( TDD ) 的原則去規劃系統架構,並將多數的 todo issue 標上獎勵金,只要 test case 通過且 pull request 被 merge,即可獲得獎勵金(包含但不限於專案主要成員)。

參考資料:https://18f.gsa.gov/2015/10/26/micro-purchase-criteria-announcement/

線上協作(隨時非同步的參與貢獻)

  1.  g0v slack 會有 #DipSpace 可供即時的討論。
  2. Repository 會放在 github g0v/DipSpace 上, 因此鼓勵 issue / pull request 。
  3. 看板方式 https://help.github.com/articles/about-projects/ 協調工作進度。
  4. 任何人都可以在 https://productpains.com/product/dipspace 許願, 票數高的可能就會是下個 release 的目標。

§ 請說明專案結束時,會產出的開源軟體套件或開放授權文件(請條列個別元件的輸入輸出或其功能)?

內容管理系統 - MIT License

Sketch Plugin - MIT License

未來專案運作會鼓勵社群貢獻 內容管理系統 的 Plugin 與 Template,此類衛星專案將由各個提供者自行設定授權。

§ 請自行定義計畫的工作里程碑與最後的驗收標準 (若沒有達成這些標準的話,我們會不給你錢喔!)

第2個月 - 文章發佈機制,以段落為儲存單位

[Story 上稿]  編輯者於網址列輸入自訂網址,當文章不存在時自動建立新文章,反之則呈現已編輯的文章內容,編輯過程中可以持續儲存草稿於伺服器,按下發佈後才會進行修改前後的比對,確認無誤按下確認發佈後,才會讓閱讀者可以觀看。

[Story 會員] 訪客可以透過 Twitter OAuth 進行登入無須註冊,第一次登入成功後會顯示服務條款,當用戶拒絕服務條款即立即登出,反之則成功登入,服務條款可於網站建置時透過設定檔修改。

第4個月 - 修訂請求機制,以文章為修訂單位

[Story 樣板] 設計師可以下載 “.sketch” 的 sample 檔進行視覺設計,完成後透過 Sketch plugin 將樣板匯出成封裝檔並上傳至平台,編輯即可透過後台介面指定報導所要使用的樣板,且不同的報導可以使用不同的樣板

[Story 協作]  閱讀者在閱讀報導時,可以點選進入修訂模式,在修訂模式下可以新增與刪除文字,也可以補上連結或修改樣式,在修訂完成後可以查看前後差異並提出修訂請求,等待編輯後台同意修訂請求後,將會把修訂內容更新至已發佈的文章並留下紀錄。

第6個月 - 多語協作機制,並不會對討論進行語言篩選

[Story 翻譯]  編輯者在編輯文章時,可以將某個語言設定為預設語言,接著對不同的語言進行不同內容的編輯,也可對不同的語言選擇不同的樣板,閱讀者也可以透過修訂請求機制,對於文章的不同語言進行協作翻譯。

[Story 討論] 閱讀者在選取單一段落內的文字後,介面會提示可以對選取的文字進行重點標記,也可以將選取的文字作為引言在社群直接分享,或於平台上直接評論,評論的內容會以發文者或段落為單位進行呈現,並不會直接顯示於文章上。

工作看板:[網址待補]

§ 未來可能進一步的發展?

§ 本計畫目前是否已有、或正在申請其他的資金來源?若有,請說明申請本獎助的內容與原計畫的差異。

§ 若有專案介紹的投影片,請提供:

專案發想:g0v.news 

技術討論:https://paper.dropbox.com/doc/DipSpace-QkCgWwG1oIwyxlEOnzCP7

流程規劃:https://sketch.cloud/s/Q40Y

視覺準則:[網址待補]