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

CC Workshop: Web Integration

  • 1.
    CC 網站整合 BobChao/ 趙柏強 創用 CC 社群發展 bobchao@iis.sinica.edu.tw
  • 2.
  • 3.
  • 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
  • 11.
  • 12.
  • 13.
    選擇授權方式 - 介面 ● 協助使用者了解創用 CC ● 要怎麼挑選好? bobchao@iis.sinica.edu.tw
  • 14.
    http://soundcloud.com/upload#old-skool bobchao@iis.sinica.edu.tw
  • 15.
  • 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
  • 22.
  • 23.
    3. 搜尋素材 站內站外資源、介面 2. 儲存授權資訊 資料欄位切割、 修改授權紀錄、 4. 作品資訊揭露 視覺揭露範圍、機讀格式 附加資訊 授 利 權 用 1. 選擇授權方式 應用考量、資料複雜度、 介面 5. 姓名來源標示 自動標示、介面 6. 再創作再授權 授權相容限制
  • 24.
    支援 CC 的網站,搜尋很重要! ● 協助使用者找到符合利用情境的授權作品 ● 搜尋介面設計 ● 授權條款間的關係需充分了解 – 例如,「相同方式分享」的,都可改作 bobchao@iis.sinica.edu.tw
  • 25.
    搜尋站外資源(協助創作者拼貼) ● Flickr API ● Google API bobchao@iis.sinica.edu.tw
  • 26.
  • 27.
    3. 搜尋素材 站內站外資源、介面 2. 儲存授權資訊 資料欄位切割、 修改授權紀錄、 4. 作品資訊揭露 視覺揭露範圍、機讀格式 附加資訊 授 利 權 用 1. 選擇授權方式 應用考量、資料複雜度、 介面 5. 姓名來源標示 自動標示、介面 6. 再創作再授權 授權相容限制
  • 28.
    網頁上要顯示多少資訊? ● 至少需要「授權條款」,圖示+網址連結 ● 進一步:作者等附加資訊( Flickr ) ● 再進一步:略述利用方式( Jamendo ) bobchao@iis.sinica.edu.tw
  • 29.
  • 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
  • 35.
  • 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