SlideShare ist ein Scribd-Unternehmen logo
1 von 40
Downloaden Sie, um offline zu lesen
CC 網站整合
 BobChao / 趙柏強
 創用 CC 社群發展



                 bobchao@iis.sinica.edu.tw
bobchao@iis.sinica.edu.tw
http://wiki.creativecommons.org/Integrate




                                 bobchao@iis.sinica.edu.tw
桌面程式整合   網站整合   bobchao@iis.sinica.edu.tw
●
    Desktop
       –   libLicense (for Python, Ruby)
●
    Web
       –   Partner Interface
       –   LicenseChooser.js
       –   Web Service (API)
●
    僅與 CC 挑選條款相關,但考量點其實更多



                                           bobchao@iis.sinica.edu.tw
創   使
作   用
授   利
權   用
3.   搜尋素材
                        站內站外資源、介面




2.   儲存授權資訊
     資料欄位切割、
     修改授權紀錄、
                                    4.   作品資訊揭露
                                         視覺揭露範圍、機讀格式

     附加資訊
               授                    利
               權                    用

1.
     選擇授權方式
     應用考量、資料複雜度、
     介面
                                    5.   姓名來源標示
                                         自動標示、介面




                   6.   再創作再授權
                        授權相容限制
3.   搜尋素材
                        站內站外資源、介面




2.   儲存授權資訊
     資料欄位切割、
     修改授權紀錄、
                                    4.   作品資訊揭露
                                         視覺揭露範圍、機讀格式

     附加資訊
               授                    利
               權                    用

1.
     選擇授權方式
     應用考量、資料複雜度、
     介面
                                    5.   姓名來源標示
                                         自動標示、介面




                   6.   再創作再授權
                        授權相容限制
選擇授權方式 - 考量
●   要提供哪些條款給使用者選擇?
●   通常是網站功能上的需求決策,例如
      –   就是不准商業利用
      –   單純化,只提供一個
●
    司法領域、顯示語言 ... 很多條件可選擇
                        bobchao@iis.sinica.edu.tw
bobchao@iis.sinica.edu.tw
bobchao@iis.sinica.edu.tw
選擇授權方式 - 介面
●
    協助使用者了解創用 CC
●   要怎麼挑選好?




                   bobchao@iis.sinica.edu.tw
http://soundcloud.com/upload#old-skool   bobchao@iis.sinica.edu.tw
bobchao@iis.sinica.edu.tw
CC 支援
●
    LicenseChooser.js
●
    Web Service (REST style)
●
    Partner Interface



                               bobchao@iis.sinica.edu.tw
LicenseChooser.js
●   全客戶端作業
●   介面也幫你畫好了(可調 CSS )
●   變化多端,十分有彈性



                        bobchao@iis.sinica.edu.tw
Partner Interface
●
    Call 過來、 Call 過去 (GET, callback)
●   歷史悠久的介面,有中文文件

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

                                  bobchao@iis.sinica.edu.tw
3.   搜尋素材
                        站內站外資源、介面




2.   儲存授權資訊
     資料欄位切割、
     修改授權紀錄、
                                    4.   作品資訊揭露
                                         視覺揭露範圍、機讀格式

     附加資訊
               授                    利
               權                    用

1.
     選擇授權方式
     應用考量、資料複雜度、
     介面
                                    5.   姓名來源標示
                                         自動標示、介面




                   6.   再創作再授權
                        授權相容限制
有哪些資訊?
●   一個網址、三種資訊
     –   授權元素 (by, nc, nd, sa)
     –   版本
     –   司法領域
●   切或不切都有好處

                                 bobchao@iis.sinica.edu.tw
還有哪些資訊?
●   圖示網址? ( 大圖、小圖 )
●
    CC REL 支援的其他附加資料
      –   作品名稱、作者姓名、作品網址
      –   原始著作網址、原始作者名稱
      –   需要更多權利時的聯絡方式
                           bobchao@iis.sinica.edu.tw
bobchao@iis.sinica.edu.tw
3.   搜尋素材
                        站內站外資源、介面




2.   儲存授權資訊
     資料欄位切割、
     修改授權紀錄、
                                    4.   作品資訊揭露
                                         視覺揭露範圍、機讀格式

     附加資訊
               授                    利
               權                    用

1.
     選擇授權方式
     應用考量、資料複雜度、
     介面
                                    5.   姓名來源標示
                                         自動標示、介面




                   6.   再創作再授權
                        授權相容限制
支援 CC 的網站,搜尋很重要!
●   協助使用者找到符合利用情境的授權作品
●   搜尋介面設計
●   授權條款間的關係需充分了解
     –   例如,「相同方式分享」的,都可改作


                         bobchao@iis.sinica.edu.tw
搜尋站外資源(協助創作者拼貼)
●   Flickr API
●
    Google API




                 bobchao@iis.sinica.edu.tw
bobchao@iis.sinica.edu.tw
3.   搜尋素材
                        站內站外資源、介面




2.   儲存授權資訊
     資料欄位切割、
     修改授權紀錄、
                                    4.   作品資訊揭露
                                         視覺揭露範圍、機讀格式

     附加資訊
               授                    利
               權                    用

1.
     選擇授權方式
     應用考量、資料複雜度、
     介面
                                    5.   姓名來源標示
                                         自動標示、介面




                   6.   再創作再授權
                        授權相容限制
網頁上要顯示多少資訊?
●   至少需要「授權條款」,圖示+網址連結
●   進一步:作者等附加資訊( Flickr )
●   再進一步:略述利用方式( Jamendo )



                            bobchao@iis.sinica.edu.tw
bobchao@iis.sinica.edu.tw
網頁上要嵌入多少資訊?
●   有多少嵌多少
     –   不會顯示出來
     –   可幫助搜尋與資料連結




                      bobchao@iis.sinica.edu.tw
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>



                                                              bobchao@iis.sinica.edu.tw
Example:
                                                                METADATA!
<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>



                                                              bobchao@iis.sinica.edu.tw
3.   搜尋素材
                        站內站外資源、介面




2.   儲存授權資訊
     資料欄位切割、
     修改授權紀錄、
                                    4.   作品資訊揭露
                                         視覺揭露範圍、機讀格式

     附加資訊
               授                    利
               權                    用

1.
     選擇授權方式
     應用考量、資料複雜度、
     介面
                                    5.   姓名來源標示
                                         自動標示、介面




                   6.   再創作再授權
                        授權相容限制
關於姓名標示
●   所有核心授權條款都有的元素
●   禮貌、著作人格權
●   提供資料來源回溯
     –   URL
     –   原始授權方式

                    bobchao@iis.sinica.edu.tw
bobchao@iis.sinica.edu.tw
[flickr attribution]



    http://dig.ccmixter.org/free_music


                                         bobchao@iis.sinica.edu.tw
3.   搜尋素材
                        站內站外資源、介面




2.   儲存授權資訊
     資料欄位切割、
     修改授權紀錄、
                                    4.   作品資訊揭露
                                         視覺揭露範圍、機讀格式

     附加資訊
               授                    利
               權                    用

1.
     選擇授權方式
     應用考量、資料複雜度、
     介面
                                    5.   姓名來源標示
                                         自動標示、介面




                   6.   再創作再授權
                        授權相容限制
對「再創作者」可以額外提供的 ...
●   素材相容性自動過濾
●   自動原始標示著作來源




                 bobchao@iis.sinica.edu.tw
參考文件
●
    CC Wiki: 整合 ( 文件很完整 )
    http://wiki.creativecommons.org/Integrate

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




                                                        bobchao@iis.sinica.edu.tw
聯絡創用 CC
●
    http://creativecommons.org.tw/static/contact




                                            bobchao@iis.sinica.edu.tw

Weitere ähnliche Inhalte

Mehr von Bob Chao

OpenSource 新手上路
OpenSource 新手上路OpenSource 新手上路
OpenSource 新手上路
Bob Chao
 
網站分析 我小的時候以為自己會
網站分析 我小的時候以為自己會網站分析 我小的時候以為自己會
網站分析 我小的時候以為自己會
Bob Chao
 
FUParty - Mozilla Taiwan 2012 Events
FUParty - Mozilla Taiwan 2012 EventsFUParty - Mozilla Taiwan 2012 Events
FUParty - Mozilla Taiwan 2012 Events
Bob Chao
 
Firefox Mobile: Designing Ideas
Firefox Mobile: Designing IdeasFirefox Mobile: Designing Ideas
Firefox Mobile: Designing Ideas
Bob Chao
 

Mehr von Bob Chao (20)

簡報規劃與設計
簡報規劃與設計簡報規劃與設計
簡報規劃與設計
 
數位教材公眾授權資源蒐集與創用 CC 資源網站
數位教材公眾授權資源蒐集與創用 CC 資源網站數位教材公眾授權資源蒐集與創用 CC 資源網站
數位教材公眾授權資源蒐集與創用 CC 資源網站
 
Vidyo: How to Record and Broadcast your meeting
Vidyo: How to Record and Broadcast your meetingVidyo: How to Record and Broadcast your meeting
Vidyo: How to Record and Broadcast your meeting
 
Mozilla Community
Mozilla CommunityMozilla Community
Mozilla Community
 
開源人生指南 - 如何不慎豐富人脈與經驗
開源人生指南 - 如何不慎豐富人脈與經驗開源人生指南 - 如何不慎豐富人脈與經驗
開源人生指南 - 如何不慎豐富人脈與經驗
 
Firefox OS Add-on in 10 minutes
Firefox OS Add-on in 10 minutesFirefox OS Add-on in 10 minutes
Firefox OS Add-on in 10 minutes
 
Build your own COSCUP
Build your own COSCUPBuild your own COSCUP
Build your own COSCUP
 
COSCUP: What, Why, and How
COSCUP: What, Why, and HowCOSCUP: What, Why, and How
COSCUP: What, Why, and How
 
OCF 募款餐會: 開放文化影展
OCF 募款餐會: 開放文化影展OCF 募款餐會: 開放文化影展
OCF 募款餐會: 開放文化影展
 
8 個重回 Firefox 的理由 8 reasons back to Firefox
8 個重回 Firefox 的理由  8 reasons back to Firefox8 個重回 Firefox 的理由  8 reasons back to Firefox
8 個重回 Firefox 的理由 8 reasons back to Firefox
 
Webmaker Workshop: Popcorn maker in 60mins
Webmaker Workshop: Popcorn maker in 60minsWebmaker Workshop: Popcorn maker in 60mins
Webmaker Workshop: Popcorn maker in 60mins
 
Webmaker Workshop: Appmaker in 60mins
Webmaker Workshop: Appmaker in 60minsWebmaker Workshop: Appmaker in 60mins
Webmaker Workshop: Appmaker in 60mins
 
Google Analytics 網站分析: 學習心得分享
Google Analytics 網站分析: 學習心得分享Google Analytics 網站分析: 學習心得分享
Google Analytics 網站分析: 學習心得分享
 
Mozilla Webmaker: Brief Intro.
Mozilla Webmaker: Brief Intro.Mozilla Webmaker: Brief Intro.
Mozilla Webmaker: Brief Intro.
 
OpenSource 新手上路
OpenSource 新手上路OpenSource 新手上路
OpenSource 新手上路
 
給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例
給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例
給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例
 
網站分析 我小的時候以為自己會
網站分析 我小的時候以為自己會網站分析 我小的時候以為自己會
網站分析 我小的時候以為自己會
 
Gamification 遊戲化是在 Play 蝦米 Game
Gamification 遊戲化是在 Play 蝦米 GameGamification 遊戲化是在 Play 蝦米 Game
Gamification 遊戲化是在 Play 蝦米 Game
 
FUParty - Mozilla Taiwan 2012 Events
FUParty - Mozilla Taiwan 2012 EventsFUParty - Mozilla Taiwan 2012 Events
FUParty - Mozilla Taiwan 2012 Events
 
Firefox Mobile: Designing Ideas
Firefox Mobile: Designing IdeasFirefox Mobile: Designing Ideas
Firefox Mobile: Designing Ideas
 

CC Workshop: Web Integration

  • 1. CC 網站整合 BobChao / 趙柏強 創用 CC 社群發展 bobchao@iis.sinica.edu.tw
  • 3. http://wiki.creativecommons.org/Integrate bobchao@iis.sinica.edu.tw
  • 4. 桌面程式整合 網站整合 bobchao@iis.sinica.edu.tw
  • 5. Desktop – libLicense (for Python, Ruby) ● Web – Partner Interface – LicenseChooser.js – Web Service (API) ● 僅與 CC 挑選條款相關,但考量點其實更多 bobchao@iis.sinica.edu.tw
  • 6. 使 作 用
  • 7. 利 權 用
  • 8. 3. 搜尋素材 站內站外資源、介面 2. 儲存授權資訊 資料欄位切割、 修改授權紀錄、 4. 作品資訊揭露 視覺揭露範圍、機讀格式 附加資訊 授 利 權 用 1. 選擇授權方式 應用考量、資料複雜度、 介面 5. 姓名來源標示 自動標示、介面 6. 再創作再授權 授權相容限制
  • 9. 3. 搜尋素材 站內站外資源、介面 2. 儲存授權資訊 資料欄位切割、 修改授權紀錄、 4. 作品資訊揭露 視覺揭露範圍、機讀格式 附加資訊 授 利 權 用 1. 選擇授權方式 應用考量、資料複雜度、 介面 5. 姓名來源標示 自動標示、介面 6. 再創作再授權 授權相容限制
  • 10. 選擇授權方式 - 考量 ● 要提供哪些條款給使用者選擇? ● 通常是網站功能上的需求決策,例如 – 就是不准商業利用 – 單純化,只提供一個 ● 司法領域、顯示語言 ... 很多條件可選擇 bobchao@iis.sinica.edu.tw
  • 13. 選擇授權方式 - 介面 ● 協助使用者了解創用 CC ● 要怎麼挑選好? bobchao@iis.sinica.edu.tw
  • 14. http://soundcloud.com/upload#old-skool bobchao@iis.sinica.edu.tw
  • 16. CC 支援 ● LicenseChooser.js ● Web Service (REST style) ● Partner Interface bobchao@iis.sinica.edu.tw
  • 17. LicenseChooser.js ● 全客戶端作業 ● 介面也幫你畫好了(可調 CSS ) ● 變化多端,十分有彈性 bobchao@iis.sinica.edu.tw
  • 18. Partner Interface ● Call 過來、 Call 過去 (GET, callback) ● 歷史悠久的介面,有中文文件 Web Service (API) ● 伺服端, REST ,彈性無敵(因為都要自己來) bobchao@iis.sinica.edu.tw
  • 19. 3. 搜尋素材 站內站外資源、介面 2. 儲存授權資訊 資料欄位切割、 修改授權紀錄、 4. 作品資訊揭露 視覺揭露範圍、機讀格式 附加資訊 授 利 權 用 1. 選擇授權方式 應用考量、資料複雜度、 介面 5. 姓名來源標示 自動標示、介面 6. 再創作再授權 授權相容限制
  • 20. 有哪些資訊? ● 一個網址、三種資訊 – 授權元素 (by, nc, nd, sa) – 版本 – 司法領域 ● 切或不切都有好處 bobchao@iis.sinica.edu.tw
  • 21. 還有哪些資訊? ● 圖示網址? ( 大圖、小圖 ) ● CC REL 支援的其他附加資料 – 作品名稱、作者姓名、作品網址 – 原始著作網址、原始作者名稱 – 需要更多權利時的聯絡方式 bobchao@iis.sinica.edu.tw
  • 23. 3. 搜尋素材 站內站外資源、介面 2. 儲存授權資訊 資料欄位切割、 修改授權紀錄、 4. 作品資訊揭露 視覺揭露範圍、機讀格式 附加資訊 授 利 權 用 1. 選擇授權方式 應用考量、資料複雜度、 介面 5. 姓名來源標示 自動標示、介面 6. 再創作再授權 授權相容限制
  • 24. 支援 CC 的網站,搜尋很重要! ● 協助使用者找到符合利用情境的授權作品 ● 搜尋介面設計 ● 授權條款間的關係需充分了解 – 例如,「相同方式分享」的,都可改作 bobchao@iis.sinica.edu.tw
  • 25. 搜尋站外資源(協助創作者拼貼) ● Flickr API ● Google API bobchao@iis.sinica.edu.tw
  • 27. 3. 搜尋素材 站內站外資源、介面 2. 儲存授權資訊 資料欄位切割、 修改授權紀錄、 4. 作品資訊揭露 視覺揭露範圍、機讀格式 附加資訊 授 利 權 用 1. 選擇授權方式 應用考量、資料複雜度、 介面 5. 姓名來源標示 自動標示、介面 6. 再創作再授權 授權相容限制
  • 28. 網頁上要顯示多少資訊? ● 至少需要「授權條款」,圖示+網址連結 ● 進一步:作者等附加資訊( Flickr ) ● 再進一步:略述利用方式( Jamendo ) bobchao@iis.sinica.edu.tw
  • 30. 網頁上要嵌入多少資訊? ● 有多少嵌多少 – 不會顯示出來 – 可幫助搜尋與資料連結 bobchao@iis.sinica.edu.tw
  • 31. 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> bobchao@iis.sinica.edu.tw
  • 32. Example: METADATA! <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> bobchao@iis.sinica.edu.tw
  • 33. 3. 搜尋素材 站內站外資源、介面 2. 儲存授權資訊 資料欄位切割、 修改授權紀錄、 4. 作品資訊揭露 視覺揭露範圍、機讀格式 附加資訊 授 利 權 用 1. 選擇授權方式 應用考量、資料複雜度、 介面 5. 姓名來源標示 自動標示、介面 6. 再創作再授權 授權相容限制
  • 34. 關於姓名標示 ● 所有核心授權條款都有的元素 ● 禮貌、著作人格權 ● 提供資料來源回溯 – URL – 原始授權方式 bobchao@iis.sinica.edu.tw
  • 36. [flickr attribution] http://dig.ccmixter.org/free_music bobchao@iis.sinica.edu.tw
  • 37. 3. 搜尋素材 站內站外資源、介面 2. 儲存授權資訊 資料欄位切割、 修改授權紀錄、 4. 作品資訊揭露 視覺揭露範圍、機讀格式 附加資訊 授 利 權 用 1. 選擇授權方式 應用考量、資料複雜度、 介面 5. 姓名來源標示 自動標示、介面 6. 再創作再授權 授權相容限制
  • 38. 對「再創作者」可以額外提供的 ... ● 素材相容性自動過濾 ● 自動原始標示著作來源 bobchao@iis.sinica.edu.tw
  • 39. 參考文件 ● CC Wiki: 整合 ( 文件很完整 ) http://wiki.creativecommons.org/Integrate ● Partner Interface 中文資訊 http://creativecommons.org.tw/static/technology/webintegration bobchao@iis.sinica.edu.tw
  • 40. 聯絡創用 CC ● http://creativecommons.org.tw/static/contact bobchao@iis.sinica.edu.tw