CSCI E-12 - May 5, 2010 - Grab Bag, Part 2 http://tomcat.localhost/cocoon/course_webdev/slides/20100505/handout.html CSCI E‐12 Fundamentals of Website Development Table of Contents | All‐in‐One | Link List | Lecture Notes Home | CSCI E‐12 Home A form for lecture feedback is available from the course web site. Please take two minutes to fill it out after you have seen the lecture. May 5, 2010 Harvard University Extension School Course Web Site: http://cscie12.dce.harvard.edu/ Instructor email: [email protected] Course staff email: [email protected] 1 of 69 5/5/2010 1:27 PM CSCI E-12 - May 5, 2010 - Grab Bag, Part 2 http://tomcat.localhost/cocoon/course_webdev/slides/20100505/handout.html ©opyright Semantic Web (Microformats and RDFa) Security and Privacy (SSL, XSS, Phishing, PICS) Web Content Management Systems (CMS, WCM) Mobile Web HTML 5 Where to go from here? 2 of 69 5/5/2010 1:27 PM CSCI E-12 - May 5, 2010 - Grab Bag, Part 2 http://tomcat.localhost/cocoon/course_webdev/slides/20100505/handout.html US Copyright Office Copyright and Fair Use (Stanford University Libraries) Copyright and Fair Use (Harvard OGC) Copyright Crash Course (Univeristy of Texas OGC) Lawrence Lessig has written many interesting books about technology, copyright & public domain and culture. Lawsuit over website links in spotlight Copyright violation or fair use to be decided By Robert Weisman Globe Staff / January 23, 2009 3 of 69 5/5/2010 1:27 PM CSCI E-12 - May 5, 2010 - Grab Bag, Part 2 http://tomcat.localhost/cocoon/course_webdev/slides/20100505/handout.html Creative Commons Creative Commons is a nonprofit corporation dedicated to making it easier for people to share and build upon the work of others, consistent with the rules of copyright. Creative Commons provides free licenses and other legal tools to mark creative work with the freedom the creator wants it to carry, so others can share, remix, use commercially, or any combination thereof. The Creative Commons Licenses: Attribution This license lets others distribute, remix, tweak, and build upon your work, even commercially, as long as they credit you for the original creation. This is the most accommodating of licenses offered, in terms of what others can do with your works licensed under Attribution. View License Deed | View Legal Code Attribution Share Alike This license lets others remix, tweak, and build upon your work even for commercial reasons, as long as they credit you and license their new creations under the identical terms. This license is often compared to open source software licenses. All new works based on yours will carry the same license, so any derivatives will also allow commercial use. View License Deed | View Legal Code Attribution No Derivatives This license allows for redistribution, commercial and non‐commercial, as long as it is passed along unchanged and in whole, with credit to you. View License Deed | View Legal Code Attribution Non‐Commercial 4 of 69 5/5/2010 1:27 PM CSCI E-12 - May 5, 2010 - Grab Bag, Part 2 http://tomcat.localhost/cocoon/course_webdev/slides/20100505/handout.html This license lets others remix, tweak, and build upon your work non‐commercially, and although their new works must also acknowledge you and be non‐commercial, they don't have to license their derivative works on the same terms. View License Deed | View Legal Code Attribution Non‐Commercial Share Alike This license lets others remix, tweak, and build upon your work non‐commercially, as long as they credit you and license their new creations under the identical terms. Others can download and redistribute your work just like the by‐nc‐nd license, but they can also translate, make remixes, and produce new stories based on your work. All new work based on yours will carry the same license, so any derivatives will also be non‐commercial in nature. View License Deed | View Legal Code Attribution Non‐Commercial No Derivative This license is the most restrictive of our six main licenses, allowing redistribution. This license is often called the "free advertising" license because it allows others to download your works and share them with others as long as they mention you and link back to you, but they can’t change them in any way or use them commercially. View License Deed | View Legal Code 5 of 69 5/5/2010 1:27 PM CSCI E-12 - May 5, 2010 - Grab Bag, Part 2 http://tomcat.localhost/cocoon/course_webdev/slides/20100505/handout.html Digital Right Management from Wikipedia Digital Rights Management information from Electronic Freedom Foundation (EFF) 6 of 69 5/5/2010 1:27 PM CSCI E-12 - May 5, 2010 - Grab Bag, Part 2 http://tomcat.localhost/cocoon/course_webdev/slides/20100505/handout.html News story: Family Surprised At Czech Meaning Of 'Say Cheese' Lower‐resolution Hacks and Obfuscations Watermarks Visible Obtrusive Unobtrusive Invisible Resources: Watermark.com How to protect your digital images with watermarks and without watermark: comparison of methods from Watermarker.com AiS Watermark Picture Protector Digimarc for Images 7 of 69 5/5/2010 1:27 PM CSCI E-12 - May 5, 2010 - Grab Bag, Part 2 http://tomcat.localhost/cocoon/course_webdev/slides/20100505/handout.html W3C Semantic Web The Semantic Web In addition to the classic "Web of documents" W3C is helping to build a technology stack to support a "Web of data," the sort of data you find in databases. The ultimate goal of the Web of data is to enable computers to do more useful work and to develop systems that can support trusted interactions over the network. The term "Semantic Web" refers to W3C's vision of the Web of linked data. Semantic Web technologies enable people to create data stores on the Web, build vocabularies, and write rules for handling data. Linked data are empowered by technologies such as RDF, SPARQL, OWL, and SKOS. Linked Data Vocabularies Query Inference Vertical Applications Semantic Web, 2001 The Semantic Web Tim Berners‐Lee, James Hendler and Ora Lassila Scientific American, May 2001. A new form of Web content that is meaningful to computers will unleash a revolution of new possibilities. Revisited, 2006 The semantic web revisited 8 of 69 5/5/2010 1:27 PM CSCI E-12 - May 5, 2010 - Grab Bag, Part 2 http://tomcat.localhost/cocoon/course_webdev/slides/20100505/handout.html Human‐Centric Web Application‐Centric Web 9 of 69 5/5/2010 1:27 PM CSCI E-12 - May 5, 2010 - Grab Bag, Part 2 http://tomcat.localhost/cocoon/course_webdev/slides/20100505/handout.html What is RDF? on XML.com (updated July 2006) Built around subject predicate object RDF Example English version: Scott Brown is a senator from Massachusetts. RDF representations: XML syntax: <rdf:Description rdf:about="http://senate.gov/Scott_Brown"> <foaf:name>Scott Brown</foaf:name> <pol:Senator rdf:resource="http://states.gov/MA"/> </rdf:Description> Notation 3 (N3): <http://senate.gov/Scott_Brown> foaf:name "Scott Brown" ; pol:Senator <http://states.gov/MA> . 10 of 69 5/5/2010 1:27 PM CSCI E-12 - May 5, 2010 - Grab Bag, Part 2 http://tomcat.localhost/cocoon/course_webdev/slides/20100505/handout.html Dublin Core Metadata Initiative Dublin Core Metadata Element Set, Version 1.1 15 metadata elements of "Dublin Core" contributor coverage creator date description format identifier language publisher relation rights source subject title type 11 of 69 5/5/2010 1:27 PM CSCI E-12 - May 5, 2010 - Grab Bag, Part 2 http://tomcat.localhost/cocoon/course_webdev/slides/20100505/handout.html RDFa Primer (W3C) RDFA in XHTML: Syntax and Processing RDFa.info RDFa Primer Bridging the Human and Data Webs W3C Working Group Note 14 October 2008 Today's web is built predominantly for human consumption. Even as machine‐readable data begins to appear on the web, it is typically distributed in a separate file, with a separate format, and very limited correspondence between the human and machine versions. As a result, web browsers can provide only minimal assistance to humans in parsing and processing web data: browsers only see presentation information. We introduce RDFa, which provides a set of XHTML attributes to augment visual data with machine‐readable hints. We show how to express simple and more complex datasets using RDFa, and in particular how to turn the existing human‐visible text and links into machine‐readable data without repeating content. 12 of 69 5/5/2010 1:27 PM CSCI E-12 - May 5, 2010 - Grab Bag, Part 2 http://tomcat.localhost/cocoon/course_webdev/slides/20100505/handout.html Rendered: This work is licensed under a Creative Commons Attribution‐Noncommercial‐Share Alike 3.0 License . Markup ( rel=license ): <p> <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/"> <img alt="Creative Commons License" style="border-width: 0" src="http://i.creativecommons.org/l/by-nc-sa/3.0/88x31.png"/> </a> <br/>This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/"> Creative Commons Attribution-Noncommercial-Share Alike 3.0 License </a>. </p> RDF Triple <http://example.com/documents/1234> license <http://creativecommons.org/licenses /by-nc-sa/3.0/> 13 of 69 5/5/2010 1:27 PM CSCI E-12 - May 5, 2010 - Grab Bag, Part 2 http://tomcat.localhost/cocoon/course_webdev/slides/20100505/handout.html Examples from the RDFa Primer: <div xmlns:dc="http://purl.org/dc/elements/1.1/"> <h2 property="dc:title">The trouble with Bob</h2> <h3 property="dc:creator">Alice</h3> </div> <div about="http://example.com/bob/photos/sunset.jpg"> <img src="http://example.com/bob/photos/sunset.jpg"/> <span property="dc:title">Beautiful Sunset</span> by <span property="dc:creator">Bob</span>.