Browser Plugin

2011-05-12T18:15:24Z

Fungu77: /* Mozilla */

{{Challenge
|related_to=RDFa,
|challenge_type=Developer
|tags=search, metadata, rdfa
|is_complete=No
}}
You've probably seen our "some rights reserved" and "no rights reserved" (for public domain works) buttons on many web pages, but there's more. Whenever a user copies HTML generated by our [http://creativecommons.org/license/ license selection application] they get the button and also a block of metadata describing the licensed work and the license it is offered to the public under. You can't normally see that information without viewing the web page's source. A toolbar or plugin that exploited this hidden information could take many forms. One possibility: If a page has valid license metadata, place a (cc) icon on the toolbar. Mousing over the icon brings up a transient window which displays the [http://creativecommons.org/learn/licenses/ license characteristics] associated with the license and any descriptive metadata also present.

== Mozilla ==

* [[MozCC]]: Extension for [http://mozilla.org Mozilla]-based browsers that adds relevant license characteristic icons to the status bar as you surf and adds a button to the toolbar which allows you to explore associated metadata.
* [http://mycroft.mozdev.org/download.html?name=creativecommons&submitform=Find%20search%20plugins Mycroft CC Search Plugin]: Adds the [http://search.creativecommons.org Creative Commons search engine] to the list available from [http://www.mozilla.org/products/firefox/ Mozilla Firefox's] toolbar. This plugin is bundled with Firefox 1.0. You can [http://www.creativecommons.org/tools/firefox-search-chooser switch between engines in the Firefox search bar].
<a rel="license" href="http://creativecommons.org/licenses/by/3.0/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by/3.0/88x31.png" /></a><br /><span xmlns:dct="http://purl.org/dc/terms/" href="http://purl.org/dc/dcmitype/StillImage" property="dct:title" rel="dct:type">Art</span> by <a xmlns:cc="http://creativecommons.org/ns#" href="facebook.com/laurencemcvea" property="cc:attributionName" rel="cc:attributionURL">Laurence Mcvea,aka Laurence LeForte Metis Indian</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 Unported License</a>.

== Epiphany ==

* [[Epiphany CC Extension]]: Extension for the [http://www.gnome.org/projects/epiphany/ Epiphany] browser that detects embedded license information and adds a CC license icon to the status bar if a license is present.

== All Browsers ==

Too few Creative Commons plugins for other browsers currently exist. We [http://www.creativecommons.org/technology/challenges#challenge_entry_3848 invite you] to write one. However, these sites will be useful with any browser:

* [http://thewebdesignjournal.com/services/browser-panels/ CC Search Browser Panel]: Adds a panel / sidebar for the [http://search.creativecommons.org/ Creative Commons search engine] to any modern Web browser. Such as [http://opera.com/ Opera], [http://getfirefox.com/ Firefox], [http://browser.netscape.com/ Netscape] and others. More [http://thewebdesignjournal.com/services/browser-panels/help/ info on panels].</li>
* [http://search.creativecommons.org Creative Commons Search Engine]: Allows you to search the web for works that match your licensing and media requirements, mirroring the options available from our [http://www.creativecommons.org/license/ license chooser].
* [http://yergler.net/projects/ccvalidator/ ccValidator]: Inspects and displays license metadata associated with any page.

== Implementations ==

* Nathan Yergler has created [http://www.yergler.net/projects/mozcc/ mozCC], a browser extension for Mozilla-based browsers. It's a start, but we know there are other browser in use.
* Robert Litzke has written [http://www.ug.cs.sunysb.edu/~litzker/scripts/greasemonkCC.user.js greasemonkCC], a Greasemonkey script for all Greasemonkey-enabled browsers. It displays a customizable bar at the top of Creative Commons-tagged pages. GreasemonkCC requires the [https://addons.mozilla.org/firefox/748/ Greasemonkey] extension for Mozilla browsers. Internet Explorer requires a plugin, [http://www.reifysoft.com/turnabout.php Turnabout], for instance, to run Greasemonkey.
* Jaime Frutos Morales has created [http://wiki.creativecommons.org/Epiphany_CC_Extension Creative Commons license viewer], an extension for the Epiphany browser. You can download it from [http://www.geocities.com/textoplano/cc-license-viewer.tar.gz here].
* So how about similar plugins for IE, Safari, Opera, Konqueror or something else?
* Please add your implementation here :)

== Examples ==

* Please add you example, screenshot, mockup, etc here :)

== TODO ==

* Please add your TODO here :)

[[Category:Technology]]
[[Category:Developer]]
[[Category:Developer Challenges]]
[[Category:web]]

Web Integration

2011-05-12T18:13:54Z

Fungu77: /* Developer Challenges Related to Web Integration */

[[Category:Integration]]
[[Category:Documentation]]
[[Category:Guide]]
[[Category:Developer]]
{{Best Practice}}
__NOTOC__

<div style="font-size:125%; line-height:1.75em; margin-bottom:1.75em;">
This is a page describing ''everything'' a web-based (media) hosting site could do to integrate CC and CC-related features. From simple blogs to elaborate user-generated content communities, there are easy ways to share website content by publishing it under a Creative Commons license. Below we provide a basic overview of how you may integrate Creative Commons licensing into your website.
</div>

<div style="padding:1.25em 1em; margin-left:-1em; margin-right:-1em; -moz-border-radius:5px; -webkit-border-radius:5px; background-color: #eaeaea; overflow: auto;">
== Tools of the Trade ==
{{PageColumn|
== [[Web Integration/HowTo | HowTo Guide]] ==
While knowing about the various tools Creative Commons provides to integrate CC licenses in your web application, seeing examples of implementations is even better!

== [[LicenseChooser.js]] ==

LicenseChooser.js provides a lightweight method for integrating license selection into web applications. The widget is used by TypePad, as well as WpLicense.

== [[Partner Interface]] ==
This interface provides another method of integrating CC license choice in your web application using an <code>iframe</code> or HTML popup.

}}

{{PageColumn|
== [[Web Services | Web Services (API)]] ==
The web services are designed to be a more flexible option for building a custom, fully integrated solution.

== ThirdParty Tools ==
* [[ActsAsLicensed]] is a Ruby on Rails plugin that allows for integrating of CC license choice in your Rails web application as a server application building tool.
}}

<br clear="all"/>

== Underlying Technology ==

{{PageColumn|
=== [[RDFa]] ===

RDFa is a way of expressing RDF in XHTML. Creative Commons uses RDFa to express license and other information about works for the semantic web.
}}

{{PageColumn|
=== [[CcREL]] ===
A specification describing how license information may be described and attached to works.
}}

<br clear="all"/>

== [[Developer Challenges]] Related to Web Integration ==
{{#ask:
[[Category:Challenge]] [[Has Challenge Type::Developer]] [[Is Complete::false]] [[Has Tag::web]]
| ?Related To
| ?Has Tag
}}

</div>
<a rel="license" href="http://creativecommons.org/licenses/by/3.0/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by/3.0/88x31.png" /></a><br /><span xmlns:dct="http://purl.org/dc/terms/" href="http://purl.org/dc/dcmitype/StillImage" property="dct:title" rel="dct:type">Art</span> by <a xmlns:cc="http://creativecommons.org/ns#" href="facebook.com/laurencemcvea" property="cc:attributionName" rel="cc:attributionURL">Laurence Mcvea,aka Laurence LeForte Metis Indian</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 Unported License</a>.

Creative Commons - User contributions [en]

Browser Plugin

Web Integration