SlideShare a Scribd company logo
1 of 56
Download to read offline
Integrating with
Creative Commons
趙 柏強 / Po-chiang Chao
台灣創用 CC 計劃 / Creative Commons Taiwan

http://blog.bobchao.net
bobchao@iis.sinica.edu.tw




                                       bobchao@iis.sinica.edu.tw
CC & Business:
Showcases




                 bobchao@iis.sinica.edu.tw
Web Platform with CC contents
    Flickr
●


    eyeVio
●


    BSPs supports CC
●




                         bobchao@iis.sinica.edu.tw
bobchao@iis.sinica.edu.tw
Online Stores
    Jamendo
●


    YouTube
●




                bobchao@iis.sinica.edu.tw
bobchao@iis.sinica.edu.tw
bobchao@iis.sinica.edu.tw
Software
    ThinkFree office
●


    PowerDirector
●




                       bobchao@iis.sinica.edu.tw
Pre-loaded content
    …for device
●


           OpenMoko, EeePC
       –

    …for software
●


           authoring tool
       –
            with CC materials?
                                 bobchao@iis.sinica.edu.tw
CC & (Your) Business:
Web Platform Integration




                           bobchao@iis.sinica.edu.tw
CC Integration
    Web application
●


           usually UGC sites
       –

    Desktop application
●


           usually authoring / managing tool
       –


                                          bobchao@iis.sinica.edu.tw
CC Integration
    Web application
●


           LicenseChooser.js
       –

    Desktop application
●


           libLicense
       –


                               bobchao@iis.sinica.edu.tw
Focus: Web application
    It's popular!
●


    It's easy!
●




                         bobchao@iis.sinica.edu.tw
#1 Planning




              bobchao@iis.sinica.edu.tw
What's the default?




                      bobchao@iis.sinica.edu.tw
Default License
    (almost) always “all rights reserved”
●


    Special case: eyeVio
●




                                      bobchao@iis.sinica.edu.tw
Which is supported?




                  bobchao@iis.sinica.edu.tw
It's up to you     (or your boss)



    force users to select a CC license?
●


    supports the NC condition?
●


    supports the ND condition?
●


    supports the SA condition?
●


    supports different jurisdictions?
●



                                          bobchao@iis.sinica.edu.tw
#2 Implement   … the front-end part




                                      bobchao@iis.sinica.edu.tw
bobchao@iis.sinica.edu.tw
bobchao@iis.sinica.edu.tw
LicenseChooser.js
    1 line code in your HTML
●


    Highly customizable
●

    http://creativecommons.org/projects/LicenseChooser.js
●




                                                    bobchao@iis.sinica.edu.tw
DEMO
LicenseChooser.js




                    bobchao@iis.sinica.edu.tw
summary
    include the JavaScript file
●



    add arguments…
●



            for the Default license
         –
          – for the conditions you want/don't support

    (optional) write CSS for layout
●



    Send the data to back-end
●




                                                        bobchao@iis.sinica.edu.tw
issues
    Chinese?
●


    You have to connected.
●


           for offline web app, that's an issue.
       –




                                             bobchao@iis.sinica.edu.tw
Only a few of your users know CC
                                       (that's true!)


    Add info. about CC near the Chooser
●


    Provide a like back to CC project
●

    (for more information)


                                    bobchao@iis.sinica.edu.tw
#2 Implement   … the back-end part




                                     bobchao@iis.sinica.edu.tw
Database schema
    You don't have to split everything.
●


    Keep the license URL
●


    Recording every single work
●




                                      bobchao@iis.sinica.edu.tw
Issue: change license
    “the license granted here is perpetual”
●


    license history with timestamp.
●




                                      bobchao@iis.sinica.edu.tw
#2 Implement   … show the license




                                    bobchao@iis.sinica.edu.tw
on web page
    license button with link
●


    short description
●


    ccREL code
●




                               bobchao@iis.sinica.edu.tw
DEMO
ccREL




        bobchao@iis.sinica.edu.tw
Example from last session…
<div xmlns:dc=quot;http://purl.org/dc/elements/1.1/quot;
   xmlns:cc=quot;http://creativecommons.org/ns#quot;>

  <span property=quot;dc:titlequot;
     href=quot;http://purl.org/dc/dcmitype/Textquot; rel=quot;dc:typequot;>
     柏強的城市探險記 </span> 文字部份除另有聲明外,

  係採用
  <a href=quot;http://creativecommons.org/licenses/by-sa/2.5/tw/quot;
     rel=quot;licensequot;> 創用 CC 姓名標示—相同方式分享 2.5 台灣版條款 </a> 授權公眾使用,

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

  其他使用範圍
      <a href=quot;http://example.com/getmorequot; rel=quot;cc:morePermissionsquot;> 請連絡我 </a> 。
</div>




                                                              bobchao@iis.sinica.edu.tw
different integrating
    SEARCH for CC contents
●


    IMPORT CC contents from other platform
●


    …or, help people to get morePermission?
●




                                  bobchao@iis.sinica.edu.tw
CC & (Your) Business:
CC Plus




                        bobchao@iis.sinica.edu.tw
CC+ is

NOT
a license.
CC+


 IS
a standard.
Example from last session…
<div xmlns:dc=quot;http://purl.org/dc/elements/1.1/quot;
   xmlns:cc=quot;http://creativecommons.org/ns#quot;>

  <span property=quot;dc:titlequot;
     href=quot;http://purl.org/dc/dcmitype/Textquot; rel=quot;dc:typequot;>
     柏強的城市探險記 </span> 文字部份除另有聲明外,

  係採用
  <a href=quot;http://creativecommons.org/licenses/by-sa/2.5/tw/quot;
     rel=quot;licensequot;> 創用 CC 姓名標示—相同方式分享 2.5 台灣版條款 </a> 授權公眾使用,

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

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



                                                              bobchao@iis.sinica.edu.tw
More information:
    http://wiki.creativecommons.org/CcPlus
●


    http://wiki.creativecommons.org.tw/cc-plus
●




                                    bobchao@iis.sinica.edu.tw
ccteldap09
go2.tw/
  For slides, URLs, and more information




                                       bobchao@iis.sinica.edu.tw
Thank you.
    創用 CC 姓名標示—-相同方式分享 2.5 台灣版 (CC:BY-SA 2.5
●

    TW)
    Slides' template and most of ccPlus slides from Jon Phillips,
●

    CC:by
    Please remove the logo of CC and 創用 CC when you remix the
●

    slides.




                                                       bobchao@iis.sinica.edu.tw
ccteldap09
go2.tw/
  For slides, URLs, and more information




                                       bobchao@iis.sinica.edu.tw

More Related Content

What's hot

High Performance Mobile Web
High Performance Mobile WebHigh Performance Mobile Web
High Performance Mobile WebMorgan Cheng
 
RESS: An Evolution of Responsive Web Design
RESS: An Evolution of Responsive Web DesignRESS: An Evolution of Responsive Web Design
RESS: An Evolution of Responsive Web DesignDave Olsen
 
NewBCamp08: Intro to Web Standards
NewBCamp08: Intro to Web StandardsNewBCamp08: Intro to Web Standards
NewBCamp08: Intro to Web StandardsAdam Darowski
 
Mobile Web Speed Bumps
Mobile Web Speed BumpsMobile Web Speed Bumps
Mobile Web Speed BumpsNicholas Zakas
 
Performance as UX with Justin Howlett
Performance as UX with Justin HowlettPerformance as UX with Justin Howlett
Performance as UX with Justin HowlettFITC
 
What a Back-end Java Developer Doesn't Know About the Modern Web Stack-final
What a Back-end Java Developer Doesn't Know About the Modern Web Stack-finalWhat a Back-end Java Developer Doesn't Know About the Modern Web Stack-final
What a Back-end Java Developer Doesn't Know About the Modern Web Stack-finalRikard Thulin
 
Imagesandvideo tallinn
Imagesandvideo tallinnImagesandvideo tallinn
Imagesandvideo tallinnDoug Sillars
 
Building High Performance Websites - Session-1
Building High Performance Websites - Session-1Building High Performance Websites - Session-1
Building High Performance Websites - Session-1Usama Nada
 
Its timetostopstalling sw_mobile_bristol
Its timetostopstalling sw_mobile_bristolIts timetostopstalling sw_mobile_bristol
Its timetostopstalling sw_mobile_bristolDoug Sillars
 
Advanced workflows for mobile web design and development
Advanced workflows for mobile web design and developmentAdvanced workflows for mobile web design and development
Advanced workflows for mobile web design and developmentbrucebowman
 
Dreamweaver CS6, jQuery, PhoneGap, mobile design
Dreamweaver CS6, jQuery, PhoneGap, mobile designDreamweaver CS6, jQuery, PhoneGap, mobile design
Dreamweaver CS6, jQuery, PhoneGap, mobile designDee Sadler
 
Speed is Essential for a Great Web Experience
Speed is Essential for a Great Web ExperienceSpeed is Essential for a Great Web Experience
Speed is Essential for a Great Web ExperienceAndy Davies
 
Tip from ConnectED 2015: How to Use Those Cool New Frameworks in Mobile Domin...
Tip from ConnectED 2015: How to Use Those Cool New Frameworks in Mobile Domin...Tip from ConnectED 2015: How to Use Those Cool New Frameworks in Mobile Domin...
Tip from ConnectED 2015: How to Use Those Cool New Frameworks in Mobile Domin...SocialBiz UserGroup
 
Imagesandvideo stockholm fastandbeautiful
Imagesandvideo stockholm fastandbeautifulImagesandvideo stockholm fastandbeautiful
Imagesandvideo stockholm fastandbeautifulDoug Sillars
 
Preconnect, prefetch, prerender...
Preconnect, prefetch, prerender...Preconnect, prefetch, prerender...
Preconnect, prefetch, prerender...MilanAryal
 
Web Directions South - Even Faster Web Sites
Web Directions South - Even Faster Web SitesWeb Directions South - Even Faster Web Sites
Web Directions South - Even Faster Web SitesSteve Souders
 
How fast are we going now?
How fast are we going now?How fast are we going now?
How fast are we going now?Steve Souders
 

What's hot (20)

High Performance Mobile Web
High Performance Mobile WebHigh Performance Mobile Web
High Performance Mobile Web
 
RESS: An Evolution of Responsive Web Design
RESS: An Evolution of Responsive Web DesignRESS: An Evolution of Responsive Web Design
RESS: An Evolution of Responsive Web Design
 
NewBCamp08: Intro to Web Standards
NewBCamp08: Intro to Web StandardsNewBCamp08: Intro to Web Standards
NewBCamp08: Intro to Web Standards
 
do u webview?
do u webview?do u webview?
do u webview?
 
Mobile Web Speed Bumps
Mobile Web Speed BumpsMobile Web Speed Bumps
Mobile Web Speed Bumps
 
Speed Index, explained!
Speed Index, explained!Speed Index, explained!
Speed Index, explained!
 
Performance as UX with Justin Howlett
Performance as UX with Justin HowlettPerformance as UX with Justin Howlett
Performance as UX with Justin Howlett
 
What a Back-end Java Developer Doesn't Know About the Modern Web Stack-final
What a Back-end Java Developer Doesn't Know About the Modern Web Stack-finalWhat a Back-end Java Developer Doesn't Know About the Modern Web Stack-final
What a Back-end Java Developer Doesn't Know About the Modern Web Stack-final
 
Imagesandvideo tallinn
Imagesandvideo tallinnImagesandvideo tallinn
Imagesandvideo tallinn
 
Building High Performance Websites - Session-1
Building High Performance Websites - Session-1Building High Performance Websites - Session-1
Building High Performance Websites - Session-1
 
#2 Html [know-how]
#2 Html [know-how]#2 Html [know-how]
#2 Html [know-how]
 
Its timetostopstalling sw_mobile_bristol
Its timetostopstalling sw_mobile_bristolIts timetostopstalling sw_mobile_bristol
Its timetostopstalling sw_mobile_bristol
 
Advanced workflows for mobile web design and development
Advanced workflows for mobile web design and developmentAdvanced workflows for mobile web design and development
Advanced workflows for mobile web design and development
 
Dreamweaver CS6, jQuery, PhoneGap, mobile design
Dreamweaver CS6, jQuery, PhoneGap, mobile designDreamweaver CS6, jQuery, PhoneGap, mobile design
Dreamweaver CS6, jQuery, PhoneGap, mobile design
 
Speed is Essential for a Great Web Experience
Speed is Essential for a Great Web ExperienceSpeed is Essential for a Great Web Experience
Speed is Essential for a Great Web Experience
 
Tip from ConnectED 2015: How to Use Those Cool New Frameworks in Mobile Domin...
Tip from ConnectED 2015: How to Use Those Cool New Frameworks in Mobile Domin...Tip from ConnectED 2015: How to Use Those Cool New Frameworks in Mobile Domin...
Tip from ConnectED 2015: How to Use Those Cool New Frameworks in Mobile Domin...
 
Imagesandvideo stockholm fastandbeautiful
Imagesandvideo stockholm fastandbeautifulImagesandvideo stockholm fastandbeautiful
Imagesandvideo stockholm fastandbeautiful
 
Preconnect, prefetch, prerender...
Preconnect, prefetch, prerender...Preconnect, prefetch, prerender...
Preconnect, prefetch, prerender...
 
Web Directions South - Even Faster Web Sites
Web Directions South - Even Faster Web SitesWeb Directions South - Even Faster Web Sites
Web Directions South - Even Faster Web Sites
 
How fast are we going now?
How fast are we going now?How fast are we going now?
How fast are we going now?
 

Viewers also liked

Viewers also liked (7)

Turismo Extremo
Turismo  ExtremoTurismo  Extremo
Turismo Extremo
 
Varios Temas
Varios TemasVarios Temas
Varios Temas
 
Trabajo CPCR 4
Trabajo CPCR 4Trabajo CPCR 4
Trabajo CPCR 4
 
@Ana Quiroga Grupo 53 @
@Ana Quiroga Grupo 53 @@Ana Quiroga Grupo 53 @
@Ana Quiroga Grupo 53 @
 
The Candidate Is Always Right - CLE/Knowledge Infusion Presentation (Feb 2009)
The Candidate Is Always Right - CLE/Knowledge Infusion Presentation (Feb 2009)The Candidate Is Always Right - CLE/Knowledge Infusion Presentation (Feb 2009)
The Candidate Is Always Right - CLE/Knowledge Infusion Presentation (Feb 2009)
 
tesoro 2005 Q1
tesoro 2005 Q1tesoro 2005 Q1
tesoro 2005 Q1
 
Cto2
Cto2Cto2
Cto2
 

Similar to Integrating with Creative Commons (TELDAP 2009)

CC tech-projects: overview (TELDAP 2009)
CC tech-projects: overview (TELDAP 2009)CC tech-projects: overview (TELDAP 2009)
CC tech-projects: overview (TELDAP 2009)Bob Chao
 
Web Components: The Future of Web Development is Here
Web Components: The Future of Web Development is HereWeb Components: The Future of Web Development is Here
Web Components: The Future of Web Development is HereJohn Riviello
 
Customize all the Things! How to customize Windows and Web applications.
Customize all the Things! How to customize Windows and Web applications.Customize all the Things! How to customize Windows and Web applications.
Customize all the Things! How to customize Windows and Web applications.Jason Conger
 
Web Development for UX Designers
Web Development for UX DesignersWeb Development for UX Designers
Web Development for UX DesignersAshlimarie
 
Basics of Rich Internet Applications
Basics of Rich Internet ApplicationsBasics of Rich Internet Applications
Basics of Rich Internet ApplicationsSubramanyan Murali
 
The Anchor Store: Four Confluence Examples to Root Your Deployment
The Anchor Store: Four Confluence Examples to Root Your DeploymentThe Anchor Store: Four Confluence Examples to Root Your Deployment
The Anchor Store: Four Confluence Examples to Root Your DeploymentAtlassian
 
Fast and Easy Website Tuneups
Fast and Easy Website TuneupsFast and Easy Website Tuneups
Fast and Easy Website TuneupsJeff Wisniewski
 
Scraping with Python for Fun and Profit - PyCon India 2010
Scraping with Python for Fun and Profit - PyCon India 2010Scraping with Python for Fun and Profit - PyCon India 2010
Scraping with Python for Fun and Profit - PyCon India 2010Abhishek Mishra
 
Documenting For Interactive Websites
Documenting For Interactive WebsitesDocumenting For Interactive Websites
Documenting For Interactive WebsitesPatrick Kennedy
 
Ensuring Design Standards with Web Components
Ensuring Design Standards with Web ComponentsEnsuring Design Standards with Web Components
Ensuring Design Standards with Web ComponentsJohn Riviello
 
Web Components: The Future of Web Development is Here
Web Components: The Future of Web Development is HereWeb Components: The Future of Web Development is Here
Web Components: The Future of Web Development is HereJohn Riviello
 
Progressive Enhancement 2.0 (Conference Agnostic)
Progressive Enhancement 2.0 (Conference Agnostic)Progressive Enhancement 2.0 (Conference Agnostic)
Progressive Enhancement 2.0 (Conference Agnostic)Nicholas Zakas
 
Diazo: Bridging Designers and Programmers
Diazo: Bridging Designers and ProgrammersDiazo: Bridging Designers and Programmers
Diazo: Bridging Designers and ProgrammersTsungWei Hu
 
Our application got popular and now it breaks
Our application got popular and now it breaksOur application got popular and now it breaks
Our application got popular and now it breaksColdFusionConference
 
Our application got popular and now it breaks
Our application got popular and now it breaksOur application got popular and now it breaks
Our application got popular and now it breaksdevObjective
 
3 coding101 fewd_lesson3_your_first_website 20210105
3 coding101 fewd_lesson3_your_first_website 202101053 coding101 fewd_lesson3_your_first_website 20210105
3 coding101 fewd_lesson3_your_first_website 20210105John Picasso
 
Webware - from Document to Operating System
Webware - from Document to Operating System Webware - from Document to Operating System
Webware - from Document to Operating System Channy Yun
 
Speak The Web: The HTML5 Experiments
Speak The Web: The HTML5 ExperimentsSpeak The Web: The HTML5 Experiments
Speak The Web: The HTML5 Experimentsguestd427df
 
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)Nicholas Zakas
 

Similar to Integrating with Creative Commons (TELDAP 2009) (20)

CC tech-projects: overview (TELDAP 2009)
CC tech-projects: overview (TELDAP 2009)CC tech-projects: overview (TELDAP 2009)
CC tech-projects: overview (TELDAP 2009)
 
Web Components: The Future of Web Development is Here
Web Components: The Future of Web Development is HereWeb Components: The Future of Web Development is Here
Web Components: The Future of Web Development is Here
 
Customize all the Things! How to customize Windows and Web applications.
Customize all the Things! How to customize Windows and Web applications.Customize all the Things! How to customize Windows and Web applications.
Customize all the Things! How to customize Windows and Web applications.
 
Web Development for UX Designers
Web Development for UX DesignersWeb Development for UX Designers
Web Development for UX Designers
 
Basics of Rich Internet Applications
Basics of Rich Internet ApplicationsBasics of Rich Internet Applications
Basics of Rich Internet Applications
 
The Anchor Store: Four Confluence Examples to Root Your Deployment
The Anchor Store: Four Confluence Examples to Root Your DeploymentThe Anchor Store: Four Confluence Examples to Root Your Deployment
The Anchor Store: Four Confluence Examples to Root Your Deployment
 
Fast and Easy Website Tuneups
Fast and Easy Website TuneupsFast and Easy Website Tuneups
Fast and Easy Website Tuneups
 
Scraping with Python for Fun and Profit - PyCon India 2010
Scraping with Python for Fun and Profit - PyCon India 2010Scraping with Python for Fun and Profit - PyCon India 2010
Scraping with Python for Fun and Profit - PyCon India 2010
 
Using a CSS Framework
Using a CSS FrameworkUsing a CSS Framework
Using a CSS Framework
 
Documenting For Interactive Websites
Documenting For Interactive WebsitesDocumenting For Interactive Websites
Documenting For Interactive Websites
 
Ensuring Design Standards with Web Components
Ensuring Design Standards with Web ComponentsEnsuring Design Standards with Web Components
Ensuring Design Standards with Web Components
 
Web Components: The Future of Web Development is Here
Web Components: The Future of Web Development is HereWeb Components: The Future of Web Development is Here
Web Components: The Future of Web Development is Here
 
Progressive Enhancement 2.0 (Conference Agnostic)
Progressive Enhancement 2.0 (Conference Agnostic)Progressive Enhancement 2.0 (Conference Agnostic)
Progressive Enhancement 2.0 (Conference Agnostic)
 
Diazo: Bridging Designers and Programmers
Diazo: Bridging Designers and ProgrammersDiazo: Bridging Designers and Programmers
Diazo: Bridging Designers and Programmers
 
Our application got popular and now it breaks
Our application got popular and now it breaksOur application got popular and now it breaks
Our application got popular and now it breaks
 
Our application got popular and now it breaks
Our application got popular and now it breaksOur application got popular and now it breaks
Our application got popular and now it breaks
 
3 coding101 fewd_lesson3_your_first_website 20210105
3 coding101 fewd_lesson3_your_first_website 202101053 coding101 fewd_lesson3_your_first_website 20210105
3 coding101 fewd_lesson3_your_first_website 20210105
 
Webware - from Document to Operating System
Webware - from Document to Operating System Webware - from Document to Operating System
Webware - from Document to Operating System
 
Speak The Web: The HTML5 Experiments
Speak The Web: The HTML5 ExperimentsSpeak The Web: The HTML5 Experiments
Speak The Web: The HTML5 Experiments
 
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)
 

More from Bob Chao

簡報規劃與設計
簡報規劃與設計簡報規劃與設計
簡報規劃與設計Bob Chao
 
開放社群,啊是多開放?
開放社群,啊是多開放?開放社群,啊是多開放?
開放社群,啊是多開放?Bob Chao
 
數位教材公眾授權資源蒐集與創用 CC 資源網站
數位教材公眾授權資源蒐集與創用 CC 資源網站數位教材公眾授權資源蒐集與創用 CC 資源網站
數位教材公眾授權資源蒐集與創用 CC 資源網站Bob Chao
 
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 meetingBob Chao
 
Mozilla Community
Mozilla CommunityMozilla Community
Mozilla CommunityBob Chao
 
開源人生指南 - 如何不慎豐富人脈與經驗
開源人生指南 - 如何不慎豐富人脈與經驗開源人生指南 - 如何不慎豐富人脈與經驗
開源人生指南 - 如何不慎豐富人脈與經驗Bob Chao
 
開放文化基金會可以幫你什麼?
開放文化基金會可以幫你什麼?開放文化基金會可以幫你什麼?
開放文化基金會可以幫你什麼?Bob Chao
 
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 minutesBob Chao
 
Build your own COSCUP
Build your own COSCUPBuild your own COSCUP
Build your own COSCUPBob Chao
 
COSCUP: What, Why, and How
COSCUP: What, Why, and HowCOSCUP: What, Why, and How
COSCUP: What, Why, and HowBob Chao
 
OCF 募款餐會: 開放文化影展
OCF 募款餐會: 開放文化影展OCF 募款餐會: 開放文化影展
OCF 募款餐會: 開放文化影展Bob Chao
 
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 FirefoxBob Chao
 
Webmaker Workshop: Popcorn maker in 60mins
Webmaker Workshop: Popcorn maker in 60minsWebmaker Workshop: Popcorn maker in 60mins
Webmaker Workshop: Popcorn maker in 60minsBob Chao
 
Webmaker Workshop: Appmaker in 60mins
Webmaker Workshop: Appmaker in 60minsWebmaker Workshop: Appmaker in 60mins
Webmaker Workshop: Appmaker in 60minsBob Chao
 
Google Analytics 網站分析: 學習心得分享
Google Analytics 網站分析: 學習心得分享Google Analytics 網站分析: 學習心得分享
Google Analytics 網站分析: 學習心得分享Bob Chao
 
Mozilla Webmaker: Brief Intro.
Mozilla Webmaker: Brief Intro.Mozilla Webmaker: Brief Intro.
Mozilla Webmaker: Brief Intro.Bob Chao
 
OpenSource 新手上路
OpenSource 新手上路OpenSource 新手上路
OpenSource 新手上路Bob Chao
 
給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例
給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例
給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例Bob Chao
 
網站分析 我小的時候以為自己會
網站分析 我小的時候以為自己會網站分析 我小的時候以為自己會
網站分析 我小的時候以為自己會Bob Chao
 
Gamification 遊戲化是在 Play 蝦米 Game
Gamification 遊戲化是在 Play 蝦米 GameGamification 遊戲化是在 Play 蝦米 Game
Gamification 遊戲化是在 Play 蝦米 GameBob Chao
 

More from 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
 

Recently uploaded

Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdfVirtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdfErwinPantujan2
 
Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17
Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17
Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17Celine George
 
Karra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptxKarra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptxAshokKarra1
 
What is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERPWhat is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERPCeline George
 
Student Profile Sample - We help schools to connect the data they have, with ...
Student Profile Sample - We help schools to connect the data they have, with ...Student Profile Sample - We help schools to connect the data they have, with ...
Student Profile Sample - We help schools to connect the data they have, with ...Seán Kennedy
 
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTSGRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTSJoshuaGantuangco2
 
Culture Uniformity or Diversity IN SOCIOLOGY.pptx
Culture Uniformity or Diversity IN SOCIOLOGY.pptxCulture Uniformity or Diversity IN SOCIOLOGY.pptx
Culture Uniformity or Diversity IN SOCIOLOGY.pptxPoojaSen20
 
Choosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for ParentsChoosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for Parentsnavabharathschool99
 
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdfLike-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdfMr Bounab Samir
 
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptxAUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptxiammrhaywood
 
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...Nguyen Thanh Tu Collection
 
ENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomnelietumpap1
 
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptxMULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptxAnupkumar Sharma
 
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITYISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITYKayeClaireEstoconing
 
Concurrency Control in Database Management system
Concurrency Control in Database Management systemConcurrency Control in Database Management system
Concurrency Control in Database Management systemChristalin Nelson
 
Transaction Management in Database Management System
Transaction Management in Database Management SystemTransaction Management in Database Management System
Transaction Management in Database Management SystemChristalin Nelson
 
Barangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptxBarangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptxCarlos105
 
Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxProudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxthorishapillay1
 
Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Celine George
 

Recently uploaded (20)

Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdfVirtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
 
Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17
Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17
Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17
 
Karra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptxKarra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptx
 
What is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERPWhat is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERP
 
Student Profile Sample - We help schools to connect the data they have, with ...
Student Profile Sample - We help schools to connect the data they have, with ...Student Profile Sample - We help schools to connect the data they have, with ...
Student Profile Sample - We help schools to connect the data they have, with ...
 
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTSGRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
 
Culture Uniformity or Diversity IN SOCIOLOGY.pptx
Culture Uniformity or Diversity IN SOCIOLOGY.pptxCulture Uniformity or Diversity IN SOCIOLOGY.pptx
Culture Uniformity or Diversity IN SOCIOLOGY.pptx
 
Choosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for ParentsChoosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for Parents
 
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdfLike-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
 
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptxAUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptx
 
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
 
ENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choom
 
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptxMULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
 
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptxYOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
 
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITYISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
 
Concurrency Control in Database Management system
Concurrency Control in Database Management systemConcurrency Control in Database Management system
Concurrency Control in Database Management system
 
Transaction Management in Database Management System
Transaction Management in Database Management SystemTransaction Management in Database Management System
Transaction Management in Database Management System
 
Barangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptxBarangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptx
 
Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxProudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptx
 
Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17
 

Integrating with Creative Commons (TELDAP 2009)

  • 2. 趙 柏強 / Po-chiang Chao 台灣創用 CC 計劃 / Creative Commons Taiwan http://blog.bobchao.net bobchao@iis.sinica.edu.tw bobchao@iis.sinica.edu.tw
  • 3. CC & Business: Showcases bobchao@iis.sinica.edu.tw
  • 4. Web Platform with CC contents Flickr ● eyeVio ● BSPs supports CC ● bobchao@iis.sinica.edu.tw
  • 6. Online Stores Jamendo ● YouTube ● bobchao@iis.sinica.edu.tw
  • 9. Software ThinkFree office ● PowerDirector ● bobchao@iis.sinica.edu.tw
  • 10. Pre-loaded content …for device ● OpenMoko, EeePC – …for software ● authoring tool – with CC materials? bobchao@iis.sinica.edu.tw
  • 11. CC & (Your) Business: Web Platform Integration bobchao@iis.sinica.edu.tw
  • 12. CC Integration Web application ● usually UGC sites – Desktop application ● usually authoring / managing tool – bobchao@iis.sinica.edu.tw
  • 13. CC Integration Web application ● LicenseChooser.js – Desktop application ● libLicense – bobchao@iis.sinica.edu.tw
  • 14. Focus: Web application It's popular! ● It's easy! ● bobchao@iis.sinica.edu.tw
  • 15. #1 Planning bobchao@iis.sinica.edu.tw
  • 16. What's the default? bobchao@iis.sinica.edu.tw
  • 17. Default License (almost) always “all rights reserved” ● Special case: eyeVio ● bobchao@iis.sinica.edu.tw
  • 18. Which is supported? bobchao@iis.sinica.edu.tw
  • 19. It's up to you (or your boss) force users to select a CC license? ● supports the NC condition? ● supports the ND condition? ● supports the SA condition? ● supports different jurisdictions? ● bobchao@iis.sinica.edu.tw
  • 20. #2 Implement … the front-end part bobchao@iis.sinica.edu.tw
  • 23. LicenseChooser.js 1 line code in your HTML ● Highly customizable ● http://creativecommons.org/projects/LicenseChooser.js ● bobchao@iis.sinica.edu.tw
  • 24. DEMO LicenseChooser.js bobchao@iis.sinica.edu.tw
  • 25. summary include the JavaScript file ● add arguments… ● for the Default license – – for the conditions you want/don't support (optional) write CSS for layout ● Send the data to back-end ● bobchao@iis.sinica.edu.tw
  • 26. issues Chinese? ● You have to connected. ● for offline web app, that's an issue. – bobchao@iis.sinica.edu.tw
  • 27. Only a few of your users know CC (that's true!) Add info. about CC near the Chooser ● Provide a like back to CC project ● (for more information) bobchao@iis.sinica.edu.tw
  • 28. #2 Implement … the back-end part bobchao@iis.sinica.edu.tw
  • 29. Database schema You don't have to split everything. ● Keep the license URL ● Recording every single work ● bobchao@iis.sinica.edu.tw
  • 30. Issue: change license “the license granted here is perpetual” ● license history with timestamp. ● bobchao@iis.sinica.edu.tw
  • 31. #2 Implement … show the license bobchao@iis.sinica.edu.tw
  • 32. on web page license button with link ● short description ● ccREL code ● bobchao@iis.sinica.edu.tw
  • 33. DEMO ccREL bobchao@iis.sinica.edu.tw
  • 34. Example from last session… <div xmlns:dc=quot;http://purl.org/dc/elements/1.1/quot; xmlns:cc=quot;http://creativecommons.org/ns#quot;> <span property=quot;dc:titlequot; href=quot;http://purl.org/dc/dcmitype/Textquot; rel=quot;dc:typequot;> 柏強的城市探險記 </span> 文字部份除另有聲明外, 係採用 <a href=quot;http://creativecommons.org/licenses/by-sa/2.5/tw/quot; rel=quot;licensequot;> 創用 CC 姓名標示—相同方式分享 2.5 台灣版條款 </a> 授權公眾使用, 利用時請於合理位置標示 <a href=quot;http://blog.bobchao.netquot; rel=quot;cc:attributionURLquot;> 本站網址 </a> 。 其他使用範圍 <a href=quot;http://example.com/getmorequot; rel=quot;cc:morePermissionsquot;> 請連絡我 </a> 。 </div> bobchao@iis.sinica.edu.tw
  • 35. different integrating SEARCH for CC contents ● IMPORT CC contents from other platform ● …or, help people to get morePermission? ● bobchao@iis.sinica.edu.tw
  • 36. CC & (Your) Business: CC Plus bobchao@iis.sinica.edu.tw
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 44. Example from last session… <div xmlns:dc=quot;http://purl.org/dc/elements/1.1/quot; xmlns:cc=quot;http://creativecommons.org/ns#quot;> <span property=quot;dc:titlequot; href=quot;http://purl.org/dc/dcmitype/Textquot; rel=quot;dc:typequot;> 柏強的城市探險記 </span> 文字部份除另有聲明外, 係採用 <a href=quot;http://creativecommons.org/licenses/by-sa/2.5/tw/quot; rel=quot;licensequot;> 創用 CC 姓名標示—相同方式分享 2.5 台灣版條款 </a> 授權公眾使用, 利用時請於合理位置標示 <a href=quot;http://blog.bobchao.netquot; rel=quot;cc:attributionURLquot;> 本站網址 </a> 。 其他使用範圍 <a href=quot;http://www.ozmo.com/frproduct/1068quot; rel=quot;cc:morePermissionsquot;> 請連絡我 </a> 。 </div> bobchao@iis.sinica.edu.tw
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53. More information: http://wiki.creativecommons.org/CcPlus ● http://wiki.creativecommons.org.tw/cc-plus ● bobchao@iis.sinica.edu.tw
  • 54. ccteldap09 go2.tw/ For slides, URLs, and more information bobchao@iis.sinica.edu.tw
  • 55. Thank you. 創用 CC 姓名標示—-相同方式分享 2.5 台灣版 (CC:BY-SA 2.5 ● TW) Slides' template and most of ccPlus slides from Jon Phillips, ● CC:by Please remove the logo of CC and 創用 CC when you remix the ● slides. bobchao@iis.sinica.edu.tw
  • 56. ccteldap09 go2.tw/ For slides, URLs, and more information bobchao@iis.sinica.edu.tw