40
[email protected] CC 網站整合 BobChao / 趙柏強 創用 CC 社群發展

CC Workshop: Web Integration

Embed Size (px)

Citation preview

Page 1: CC Workshop: Web Integration

[email protected]

CC 網站整合BobChao / 趙柏強

創用 CC 社群發展

Page 3: CC Workshop: Web Integration

[email protected]

http://wiki.creativecommons.org/Integrate

Page 4: CC Workshop: Web Integration

[email protected]桌面程式整合 網站整合

Page 5: CC Workshop: Web Integration

[email protected]

● Desktop– libLicense (for Python, Ruby)

● Web– Partner Interface– LicenseChooser.js– Web Service (API)

● 僅與 CC 挑選條款相關,但考量點其實更多

Page 6: CC Workshop: Web Integration

創作

使用

Page 7: CC Workshop: Web Integration

授權

利用

Page 8: CC Workshop: Web Integration

授權

利用

選擇授權方式1.應用考量、資料複雜度、介面

儲存授權資訊2.資料欄位切割、修改授權紀錄、附加資訊

搜尋素材3.站內站外資源、介面

作品資訊揭露4.視覺揭露範圍、機讀格式

姓名來源標示5.自動標示、介面再創作再授權6.授權相容限制

Page 9: CC Workshop: Web Integration

授權

利用

搜尋素材

作品資訊揭露

姓名來源標示選擇授權方式

儲存授權資訊

再創作再授權

1.

2.

3.

4.

5.

6.

應用考量、資料複雜度、介面

資料欄位切割、修改授權紀錄、附加資訊

站內站外資源、介面

視覺揭露範圍、機讀格式

自動標示、介面

授權相容限制

選擇授權方式1.應用考量、資料複雜度、介面

Page 10: CC Workshop: Web Integration

[email protected]

選擇授權方式 - 考量● 要提供哪些條款給使用者選擇?

● 通常是網站功能上的需求決策,例如

– 就是不准商業利用

– 單純化,只提供一個

● 司法領域、顯示語言 ... 很多條件可選擇

Page 13: CC Workshop: Web Integration

[email protected]

選擇授權方式 - 介面● 協助使用者了解創用 CC● 要怎麼挑選好?

Page 14: CC Workshop: Web Integration

[email protected]://soundcloud.com/upload#old-skool

Page 17: CC Workshop: Web Integration

[email protected]

LicenseChooser.js● 全客戶端作業

● 介面也幫你畫好了(可調 CSS )

● 變化多端,十分有彈性

Page 18: CC Workshop: Web Integration

[email protected]

Partner Interface● Call 過來、 Call 過去 (GET, callback)● 歷史悠久的介面,有中文文件

Web Service (API)● 伺服端, REST ,彈性無敵(因為都要自己來)

Page 19: CC Workshop: Web Integration

授權

利用

搜尋素材

作品資訊揭露

姓名來源標示選擇授權方式

儲存授權資訊

再創作再授權

1.

2.

3.

4.

5.

6.

應用考量、資料複雜度、介面

資料欄位切割、修改授權紀錄、附加資訊

站內站外資源、介面

視覺揭露範圍、機讀格式

自動標示、介面

授權相容限制

儲存授權資訊2.資料欄位切割、修改授權紀錄、附加資訊

Page 20: CC Workshop: Web Integration

[email protected]

有哪些資訊?● 一個網址、三種資訊

– 授權元素 (by, nc, nd, sa)– 版本

– 司法領域

● 切或不切都有好處

Page 21: CC Workshop: Web Integration

[email protected]

還有哪些資訊?● 圖示網址? ( 大圖、小圖 )● CC REL 支援的其他附加資料

– 作品名稱、作者姓名、作品網址

– 原始著作網址、原始作者名稱

– 需要更多權利時的聯絡方式

Page 23: CC Workshop: Web Integration

授權

利用

搜尋素材

作品資訊揭露

姓名來源標示選擇授權方式

儲存授權資訊

再創作再授權

1.

2.

3.

4.

5.

6.

應用考量、資料複雜度、介面

資料欄位切割、修改授權紀錄、附加資訊

站內站外資源、介面

視覺揭露範圍、機讀格式

自動標示、介面

授權相容限制

搜尋素材3.站內站外資源、介面

Page 24: CC Workshop: Web Integration

[email protected]

支援 CC 的網站,搜尋很重要!● 協助使用者找到符合利用情境的授權作品

● 搜尋介面設計

● 授權條款間的關係需充分了解

– 例如,「相同方式分享」的,都可改作

Page 25: CC Workshop: Web Integration

[email protected]

搜尋站外資源(協助創作者拼貼)● Flickr API● Google API

Page 27: CC Workshop: Web Integration

授權

利用

搜尋素材

作品資訊揭露

姓名來源標示選擇授權方式

儲存授權資訊

再創作再授權

1.

2.

3.

4.

5.

6.

應用考量、資料複雜度、介面

資料欄位切割、修改授權紀錄、附加資訊

站內站外資源、介面

視覺揭露範圍、機讀格式

自動標示、介面

授權相容限制

作品資訊揭露4.視覺揭露範圍、機讀格式

Page 28: CC Workshop: Web Integration

[email protected]

網頁上要顯示多少資訊?● 至少需要「授權條款」,圖示+網址連結

● 進一步:作者等附加資訊( Flickr )

● 再進一步:略述利用方式( Jamendo )

Page 30: CC Workshop: Web Integration

[email protected]

網頁上要嵌入多少資訊?● 有多少嵌多少

– 不會顯示出來

– 可幫助搜尋與資料連結

Page 31: CC Workshop: Web Integration

[email protected]

Example:

<div xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#">

<span property="dc:title" href="http://purl.org/dc/dcmitype/Text" rel="dc:type">柏強的城市探險記 </span> 文字部份除另有聲明外,

係採用<a href="http://creativecommons.org/licenses/by-sa/2.5/tw/"

rel="license"> 創用 CC 姓名標示—相同方式分享 2.5 台灣版條款 </a> 授權公眾使用,

利用時請於合理位置標示<a href="http://blog.bobchao.net" rel="cc:attributionURL"> 本站網址 </a>。

其他使用範圍<a href="http://www.ozmo.com/frproduct/1068" rel="cc:morePermissions"> 請連絡我</a>。

</div>

Page 32: CC Workshop: Web Integration

[email protected]

Example:

<div xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#">

<span property="dc:title" href="http://purl.org/dc/dcmitype/Text" rel="dc:type">柏強的城市探險記 </span> 文字部份除另有聲明外,

係採用<a href="http://creativecommons.org/licenses/by-sa/2.5/tw/"

rel="license"> 創用 CC 姓名標示—相同方式分享 2.5 台灣版條款 </a> 授權公眾使用,

利用時請於合理位置標示<a href="http://blog.bobchao.net" rel="cc:attributionURL"> 本站網址 </a>。

其他使用範圍<a href="http://www.ozmo.com/frproduct/1068" rel="cc:morePermissions"> 請連絡我</a>。

</div>

METADATA!

Page 33: CC Workshop: Web Integration

授權

利用

搜尋素材

作品資訊揭露

姓名來源標示選擇授權方式

儲存授權資訊

再創作再授權

1.

2.

3.

4.

5.

6.

應用考量、資料複雜度、介面

資料欄位切割、修改授權紀錄、附加資訊

站內站外資源、介面

視覺揭露範圍、機讀格式

自動標示、介面

授權相容限制

姓名來源標示5.自動標示、介面

Page 34: CC Workshop: Web Integration

[email protected]

關於姓名標示● 所有核心授權條款都有的元素

● 禮貌、著作人格權

● 提供資料來源回溯

– URL– 原始授權方式

Page 36: CC Workshop: Web Integration

[email protected]

[flickr attribution]

http://dig.ccmixter.org/free_music

Page 37: CC Workshop: Web Integration

授權

利用

搜尋素材

作品資訊揭露

姓名來源標示選擇授權方式

儲存授權資訊

再創作再授權

1.

2.

3.

4.

5.

6.

應用考量、資料複雜度、介面

資料欄位切割、修改授權紀錄、附加資訊

站內站外資源、介面

視覺揭露範圍、機讀格式

自動標示、介面

授權相容限制再創作再授權授權相容限制6.

Page 38: CC Workshop: Web Integration

[email protected]

對「再創作者」可以額外提供的 ...● 素材相容性自動過濾

● 自動原始標示著作來源

Page 39: CC Workshop: Web Integration

[email protected]

參考文件● CC Wiki: 整合 ( 文件很完整 )

http://wiki.creativecommons.org/Integrate

● Partner Interface 中文資訊http://creativecommons.org.tw/static/technology/webintegration

Page 40: CC Workshop: Web Integration

[email protected]

聯絡創用 CC● http://creativecommons.org.tw/static/contact