You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
964 lines
31 KiB
964 lines
31 KiB
<?xml version="1.0" encoding="utf-8"?>
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
|
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<title>Changes in the Languages of the Web</title>
|
|
<meta name="generator" content="Amaya, see http://www.w3.org/Amaya/" />
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
|
<link rel="stylesheet" href="http://www.w3.org/Talks/Tools/Slidy/slidy.css"
|
|
type="text/css"
|
|
media="screen, projection, print" />
|
|
<link rel="stylesheet" href="http://www.w3.org/Talks/Tools/Slidy/w3c-blue.css"
|
|
type="text/css" media="screen, projection, print" />
|
|
|
|
<meta name="copyright" content="(c) W3C (MIT, Keio, ERCIM) $Date: 2009/02/25 18:29:40 $" />
|
|
<script src="http://www.w3.org/Talks/Tools/Slidy/slidy.js"
|
|
type="text/javascript">
|
|
</script>
|
|
|
|
<style type="text/css">
|
|
.footnote { font-size: smaller }
|
|
.figure { text-align: center }
|
|
pre b { color: blue }
|
|
blockquote { border-left: double; padding-left: 1em; font-style: italic; text-align: justify }
|
|
blockquote.tweet { font-style: roman; text-align: left; margin-left: 10em; margin-right: 10em }
|
|
blockquote.main { font-style: roman; text-align: left; margin-left: 10em; margin-right: 10em }
|
|
img.item_logo { text-align: center }
|
|
address.vcard { font-size: larger }
|
|
address { text-align: right; font-size: smaller }
|
|
.source { text-align: right; font-size: smaller }
|
|
.ack { text-align: right; font-size: smaller }
|
|
|
|
.dialog th { vertical-align: top; text-align: right }
|
|
.dialog td { vertical-align: top}
|
|
</style>
|
|
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="background">
|
|
<img alt="" id="head-icon"
|
|
src="http://www.w3.org/Talks/Tools/Slidy/icon-blue.png" />
|
|
<object id="head-logo"
|
|
data="http://www.w3.org/Talks/Tools/Slidy/w3c-logo-blue.svg"
|
|
type="image/svg+xml" title="W3C logo">
|
|
<a href="http://www.w3.org/"><img
|
|
alt="W3C logo" id="head-logo-fallback"
|
|
src="http://www.w3.org/Talks/Tools/Slidy/w3c-logo-blue.gif" /></a>
|
|
|
|
</object>
|
|
</div>
|
|
|
|
<div class="background slanty">
|
|
<img src="http://www.w3.org/Talks/Tools/Slidy/w3c-logo-slanted.jpg"
|
|
alt="slanted W3C logo" />
|
|
</div>
|
|
|
|
<div class="slide">
|
|
|
|
<h1>Changes in the Languages of the Web</h1>
|
|
|
|
<div class="figure">
|
|
<img
|
|
src="http://www.midwestwebsense.com/av/wordle-med.png"
|
|
alt="tag cloud: Web, Architecture, HTML, ..." class="cover" />
|
|
</div>
|
|
|
|
<address class="vcard" id="danc">
|
|
<span class="fn n">Dan
|
|
Connolly</span>,<br />
|
|
<a class="url"
|
|
href="http://www.w3.org/People/Connolly/">
|
|
<span class="org">W3C</span></a> /
|
|
<a class="url"
|
|
href="http://www.midwestwebsense.com/">
|
|
<span class="org">Midwest Web Sense</span></a>
|
|
<br />
|
|
<a rel="license" href="http://creativecommons.org/licenses/by/3.0/us/">
|
|
<img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by/3.0/us/88x31.png" /></a>
|
|
</address>
|
|
|
|
|
|
<p class="vevent">
|
|
<a class="summary url" href="http://north.webdirections.org/">Web Directions
|
|
North</a><br />
|
|
<span class="location adr"><span class="locality">Denver</span></span> <abbr
|
|
class="dtstart" title="2009-02-02">Feb 2009</abbr> </p>
|
|
|
|
|
|
<p class="footnote">Postscript: <a href="http://search.twitter.com/search?max_id=1180644122&page=20&q=%23wdn09">feedback tagged #wdn09 in twitter</a>,
|
|
<a href="http://raibledesigns.com/rd/entry/changes_in_the_languages_of">summary item in Raible Designs</a>, <a href="http://visitmix.com/Opinions/Web-Standards-Gone-Wild">Web Standards Gone Wild</a>
|
|
</p>
|
|
</div>
|
|
|
|
<div class="slide">
|
|
<h1>Web Languages are Influenced by Languages of the World</h1>
|
|
|
|
<blockquote>
|
|
<p>How long will it be before China catches up to the E.U. in total economic
|
|
might? Less than a generation, that much is pretty certain.</p>
|
|
<address>
|
|
<a href="http://prototypo.blogspot.com/2006/03/end-of-age.html">The End of
|
|
an Age</a> by David Wood, March 2006
|
|
</address>
|
|
</blockquote>
|
|
|
|
<div class="figure">
|
|
<img alt="English, French, ..." src="wikipedia-langs.png" width="597"
|
|
height="394" />
|
|
</div>
|
|
|
|
<p class="ack">image source: <a href="http://www.wikipedia.org/">wikipedia</a></p>
|
|
</div>
|
|
|
|
<div class="slide">
|
|
<h1>Web Languages, like Programming Languages, are Artificial</h1>
|
|
|
|
<ul>
|
|
<li>Learned and still use: C, perl, python, PHP, Java, C#, JavaScript
|
|
<pre>main() {
|
|
printf("hello, world");
|
|
}</pre>
|
|
|
|
<img align="right" src="lang-trends.png" alt="chart of programming language trends" />
|
|
|
|
</li>
|
|
<li>Learned and forgot: Pascal, COBOL</li>
|
|
<li>Web-native: PHP, JavaScript</li>
|
|
<li>Web content: JavaScript</li>
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<div class="slide">
|
|
<h1>What is a Web Language?</h1>
|
|
|
|
<ul>
|
|
<li>influenced by natural languages, but artificial</li>
|
|
<li>some overlap with programming languages, but some differences too</li>
|
|
<li>for example: HTML (99%+ of Web content)</li>
|
|
</ul>
|
|
|
|
<p>Meanwhile: let's consider how languages are created and changed and taught and learned...</p>
|
|
</div>
|
|
|
|
<div class="slide">
|
|
<h1>Learning Piano</h1>
|
|
|
|
<div class="figure">
|
|
<img alt="Kyle and our new (to us) piano, Jan 2006"
|
|
src="http://farm1.static.flickr.com/39/82516278_3e3f4bd309.jpg?v=0" />
|
|
|
|
<p>Kyle and the new (to us) piano, Jan 2006</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="slide">
|
|
<h1>How many of us learned to read music this way?</h1>
|
|
|
|
<div class="figure">
|
|
<img alt="some sheet music" src="http://dm93.org/2006improv/arpegd-4.png"
|
|
/>
|
|
|
|
<p>Sheet music in western music notation.</p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="slide">
|
|
<h1>How many are learning to read music from a video game?</h1>
|
|
|
|
<img align="right" alt="guitar hero screenshot"
|
|
src="http://farm4.static.flickr.com/3205/2518549163_1666e6a38c.jpg?v=0" />
|
|
|
|
<ul>
|
|
<li>peer to peer: no music teacher</li>
|
|
<li>central resources:
|
|
<ul>
|
|
<li>popular music</li>
|
|
<li>Wii/Xbox/PS3 game platforms</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
|
|
<br clear="all" />
|
|
<p class="ack">screenshot by <a
|
|
href="http://flickr.com/photos/marelles/2518549163/">Alphast</a></p>
|
|
</div>
|
|
|
|
<div class="slide">
|
|
<h1>A Web Language for Music?</h1>
|
|
|
|
<p>issues around <a href="http://meta.wikimedia.org/wiki/Music_markup">music
|
|
markup</a> in the Web:</p>
|
|
<ul>
|
|
<li>not mp3/ogg
|
|
<ul>
|
|
<li>That's like using a GIF/PNG image for a heading.</li>
|
|
<li>Web languages support editing, "view source" effect</li>
|
|
<li>see <a href="http://www.w3.org/TR/html-design-principles/#media-independence">Media Independence</a> in <cite><a href="http://www.w3.org/TR/html-design-principles/">HTML Design Principles</a></cite></li>
|
|
</ul>
|
|
</li>
|
|
<li>not Apple's GarageBand
|
|
<ul>
|
|
<li>It supports midi import, printing to western music notation, not to mention it's a blast.</li>
|
|
<li><strong>but</strong>: it's proprietary:
|
|
|
|
<blockquote>
|
|
The extraction of data created in GarageBand does not appear to be an
|
|
easy task. -- <cite><a
|
|
href="http://homepage.mac.com/beryrinaldo/ddm/">Dent du Midi
|
|
FAQ</a></cite></blockquote>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="slide">
|
|
<h1>The Instant Gig Collaboration Pattern</h1>
|
|
|
|
<div class="figure"><img alt="W3C TPAC geeks jamming at the hotel piano"
|
|
src="instant-gig.png"
|
|
/><a href="http://swordfish.rdfweb.org/photos/2004/03/02/index.html"></a>
|
|
|
|
<p>
|
|
<a href="http://esw.w3.org/topic/InstantGig">InstantGig</a>
|
|
at the
|
|
Royal Casino hotel in France, March 2004.</p>
|
|
</div>
|
|
|
|
<p class="ack">from
|
|
<a href="http://swordfish.rdfweb.org/photos/2004/03/02/index.html">
|
|
photos by Libby Miller</a></p>
|
|
|
|
|
|
</div>
|
|
|
|
<div class="slide">
|
|
<h1>A Web Language for Music? (cont)</h1>
|
|
|
|
<ul>
|
|
<li><a href="http://en.wikipedia.org/wiki/ABC_%28musical_notation%29">ABC
|
|
music notation</a> is close:
|
|
<pre>
|
|
% intro
|
|
[V:1]| z12|
|
|
[V:2]| DAd DAd DAd DAd |
|
|
</pre>
|
|
<ul>
|
|
<li>converts to midi for playing</li>
|
|
<li>converts to PDF sheet music</li>
|
|
<li><strong>but:</strong> it's obscure and aging</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<p class="footnote">See also Jan 2006 in the MIT DIG Breadcrumbs blog
|
|
item, <cite><a
|
|
href="http://dig.csail.mit.edu/breadcrumbs/node/66">Arpeggio in D, a
|
|
little three chord ditty</a></cite>, on improvisation and sharing
|
|
musical knowlege.</p>
|
|
</div>
|
|
|
|
<div class="slide">
|
|
<h1>A Web Language for Music? (cont)</h1>
|
|
<ul>
|
|
<li><a href="http://en.wikipedia.org/wiki/Fake_book">fake-book</a> style chords mostly work for me
|
|
<ul>
|
|
<li>popular: a search for <code>"The Gambler" Rogers chords</code>
|
|
usually works
|
|
<pre>
|
|
G G
|
|
You got to know when to hold 'em,
|
|
C G
|
|
Know when to fold 'em,
|
|
C G
|
|
Know when to walk away
|
|
G D
|
|
And know when to run.
|
|
</pre>
|
|
|
|
</li>
|
|
<li><strong>but:</strong> links break because this is grey-market
|
|
copyright practice</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
<div class="slide">
|
|
<h1>Freedom to Tinker and Free Culture</h1>
|
|
|
|
<p>Technology deployment rides on the practice of sharing media, culture...</p>
|
|
<ul>
|
|
<li><a class="http" href="http://www.w3.org/2000/12/drm-ws/">W3C DRM
|
|
Workshop</a> in Sophia-Antipolis, France in 2000
|
|
<ul>
|
|
<li><cite><a class="http"
|
|
href="http://research.hp.com/techreports/Compaq-DEC/SRC-TN-2001-002.htm">Why
|
|
Rights Management is Wrong (and What to Do Instead)</a></cite> by Mark
|
|
Manasse</li>
|
|
</ul>
|
|
</li>
|
|
<li><a class="http"
|
|
href="http://www.oreillynet.com/pub/a/policy/2002/08/15/lessig.html">Lawrence
|
|
Lessig at OSCON 2002</a>:
|
|
|
|
<blockquote>
|
|
<ul>
|
|
<li>Creativity and innovation always builds on the past.</li>
|
|
<li>The past always tries to control the creativity that builds upon
|
|
it.</li>
|
|
<li>Free societies enable the future by limiting this power of the
|
|
past.</li>
|
|
<li>Ours is less and less a free society.</li>
|
|
</ul>
|
|
</blockquote>
|
|
<p><a class="http"
|
|
href="http://randomfoo.net/oscon/2002/lessig/free.html">Must watch and
|
|
listen!</a></p>
|
|
|
|
<blockquote>
|
|
<strong>what have you done about it?</strong> </blockquote>
|
|
</li>
|
|
<li>Open standards preserve freedom to tinker, support cultural heritage</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="slide">
|
|
<h1>Convex encouraged participation in Free Software</h1>
|
|
|
|
<div class="figure">
|
|
<p>In 1991, some places would fire you for looking at code from the Net; not
|
|
this group:</p>
|
|
|
|
<img alt="my group at Convex"
|
|
src="http://dm93.org/1999/misc/convex.tiff.jpg" />
|
|
</div>
|
|
<ul>
|
|
<li>Convex did business with HP;
|
|
HP used SGML;
|
|
HTML was SGML, almost...</li>
|
|
</ul>
|
|
|
|
<p class="footnote">Tom Christiansen is one of the core perl
|
|
developers; Martin Streicher went on to become editor of Linux
|
|
Magazine.</p>
|
|
|
|
</div>
|
|
|
|
<div class="slide">
|
|
<h1>Formal Languages and Grammars</h1>
|
|
|
|
<p><img alt="parse tree"
|
|
src="http://upload.wikimedia.org/wikipedia/en/thumb/c/cb/Python_add5_parse.svg/396px-Python_add5_parse.svg.png"
|
|
style="float: right" />
|
|
Computer Science students and hackers learn <a
|
|
href="http://en.wikipedia.org/wiki/Backus-Naur_Form">BNF</a> and parse
|
|
trees:</p>
|
|
|
|
<br clear="all" />
|
|
<pre>expression ::= atom | list
|
|
atom ::= number | symbol
|
|
number ::= [+-]?['0'-'9']+
|
|
symbol ::= ['A'-'Z''a'-'z'].*
|
|
list ::= '(' expression* '</pre>
|
|
</div>
|
|
|
|
|
|
<div class="slide">
|
|
<h1>Toward a DTD for HTML</h1>
|
|
|
|
<p>SGML is a little funny looking, but works mostly like BNF:</p>
|
|
<pre><!ENTITY % heading "H1|H2|H3|H4|H5|H6" >
|
|
<!ENTITY % list " UL | OL | DIR | MENU ">
|
|
<!ENTITY % literal " XMP | LISTING ">></pre>
|
|
|
|
<p>Feedback loop:</p>
|
|
<ol>
|
|
<li>draft a DTD</li>
|
|
<li>run some tests: <em>ask the computer</em> whether it matches the test
|
|
cases</li>
|
|
<li>discover an issue; repeat</li>
|
|
</ol>
|
|
</div>
|
|
|
|
<div class="slide">
|
|
<h1>HTML Validation Service</h1>
|
|
|
|
<p>At Hal in Austin in 1994, while adding HTML support in products:</p>
|
|
<ul>
|
|
<li>Asked other HTML Working Group members to try James Clark's <tt>sgmls</tt> parser</li>
|
|
<li>Not many of them were in the habit of building software from source</li>
|
|
<li>
|
|
<a href="http://www.markgaither.com/"><img src="http://ww2.markgaither.com:8080/images/mark.jpg" alt="" align="right"/></a>
|
|
Mark Gaither and I installed <tt>sgmls</tt> as a CGI service</li>
|
|
<li>Feedback loop works over the Web!</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="slide">
|
|
<h1>Standardization of HTML 4</h1>
|
|
|
|
<p>First editor, then chair:</p>
|
|
<ul>
|
|
<li>Nov 1995: HTML 2.0 (IETF Proposed Standard RFC 1866)</li>
|
|
<li>Jan 1997: HTML 3.2 (W3C Recommendation)
|
|
|
|
<blockquote>
|
|
Netscape's blink element and Microsoft's marquee element were omitted due
|
|
to a mutual agreement between the two companies. </blockquote>
|
|
</li>
|
|
<li>Dec 1997: HTML 4.0 (W3C Recommendation)</li>
|
|
<li>Dec 1999: HTML 4.01 (W3C Recommendation)</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="slide"><h1>Browser marketplace explodes, stagnates</h1>
|
|
|
|
<ul>
|
|
<li>early 1990's: lots of little projects
|
|
|
|
<div>
|
|
See <a
|
|
href="http://upload.wikimedia.org/wikipedia/commons/7/74/Timeline_of_web_browsers.svg">Timeline
|
|
of web browsers</a> in wikipedia</div>
|
|
</li>
|
|
<li>1995: Netscape Navigator IPO re-writes business books</li>
|
|
<li>late 1990's: Microsoft Internet Explorer takes over from Netscape
|
|
Navigator</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="slide"><h1>HTML, XML, RDF, and the Semantic Web</h1>
|
|
|
|
<ul>
|
|
<li>Feb 1998: <cite>Extensible Markup Language (XML) 1.0</cite> W3C Recommendation</li>
|
|
<li>May 1998:
|
|
<a href="http://www.w3.org/MarkUp/future/">Shaping the Future of HTML</a>
|
|
W3C Workshop in San Francisco</li>
|
|
<li>Jan 1999: <cite>Namespaces in XML</cite> (W3C Recommendation)</li>
|
|
<li>Jan 2000: XHTML 1.0 (W3C Recommendation)</li>
|
|
<li>Feb 2004: RDF and OWL (W3C Recommendations, with test suites)</li>
|
|
<li>Apr 2006: SPARQL (W3C Candidate Recommendation)</li>
|
|
<li>Sep 2007: GRDDL (W3C Candidate Recommendation)</li>
|
|
</ul>
|
|
|
|
<p>Fun stuff, but...</p>
|
|
</div>
|
|
|
|
<div class="slide"><h1>W3C and Web 2.0</h1>
|
|
<ul>
|
|
<li>W3C fostered many of the technologies of Ajax and Web 2.0:
|
|
<ul>
|
|
<li>HTML, CSS, DOM, XML from W3C circa 2000</li>
|
|
<li>JavaScript from Netscape, ECMA in 1995</li>
|
|
<li>XmlHTTPRequest from Microsoft in 1999</li>
|
|
</ul>
|
|
</li>
|
|
<li>W3C's efforts since then lacked clear deployment paths:
|
|
|
|
<blockquote>
|
|
<p>XHTML is not the solution to a problem that concerns anybody except
|
|
the guys who have to write parsers that convert markup into DOM trees. It
|
|
turns out that XHTML put the validation on the wrong end of the network.
|
|
It turned out that the market didn't put much value in a document
|
|
delivery system that could decide to not display the document because
|
|
there was an unrecognized attribute on an invisible meta tag. -- <a
|
|
href="http://blog.360.yahoo.com/blog-TBPekxc1dLNy5DOloPfzVvFIVOWMB0li?p=736">Doug
|
|
Crockford Jan 2008</a></p>
|
|
</blockquote>
|
|
</li>
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<div class="slide">
|
|
<h1>Change in the scale and role of the Web</h1>
|
|
<ul>
|
|
<li>The Web is not just for computer geeks any more:
|
|
|
|
<blockquote>
|
|
<p>The software world currently corresponds to the Pre-Director stage in
|
|
movie-making (1893-1904).<img alt="director, actor, and camera"
|
|
src="http://upload.wikimedia.org/wikipedia/commons/thumb/7/78/Herbertbrenonandallanazimova.jpg/200px-Herbertbrenonandallanazimova.jpg"
|
|
style="float: right" /> During those years, when short films were already
|
|
being shown in theaters, the job of making the movie was given to the
|
|
cameraman—because he knew how to work the equipment. </p>
|
|
<p>That is how it is with software today. Today's software designers are
|
|
those who only understand the technicalities, and not—with rare
|
|
exceptions—those who understand how to integrate the
|
|
<strong>presentation of ideas to the mind and heart</strong>.</p>
|
|
<address><cite>The Future of
|
|
Information</cite> by <a
|
|
href="http://en.wikipedia.org/wiki/Ted_Nelson">Ted Nelson</a>, 1997
|
|
</address>
|
|
</blockquote>
|
|
</li>
|
|
<li>
|
|
The Web facilitates a shift from mass media to participatory culture.
|
|
<br />
|
|
<img align="right" src="ksudigg.png" alt=""/>
|
|
<strong>Worth watching:</strong>
|
|
<ul>
|
|
<li><a href="http://www.youtube.com/watch?v=TPAO-lZ4_hU">An
|
|
Anthropological Introduction to YouTube</a><br />
|
|
by Michael Wesch and the <a
|
|
href="http://mediatedcultures.net/ksudigg/">Digital Ethnography Working
|
|
Group</a><br />
|
|
Presentation at the Library of Congress, June 23rd 2008. </li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<div class="slide">
|
|
<h1>W3C HTML Working Group chartered March 2007</h1>
|
|
|
|
<div class="figure">
|
|
<p>Innovative use of W3C process invites hundreds of participants starting
|
|
March 2007:</p>
|
|
|
|
<img alt="chart of 400+ HTML WG participants" src="html-wg-chart.png"
|
|
width="714" height="474" />
|
|
</div>
|
|
|
|
<p class="footnote">Some don't respond to annual renewal invitation.</p>
|
|
</div>
|
|
|
|
<div class="slide"><h1>W3C and WHATWG</h1>
|
|
|
|
<ul>
|
|
<li>Jun 2004: <a href="http://www.w3.org/2004/04/webapps-cdf-ws/index.html">Web Applications and Compound Documents</a>
|
|
W3C Workshop in San Jose</li>
|
|
|
|
<li>Jun 2004: Web Applications 1.0 (WHATWG draft)</li>
|
|
|
|
<li>Nov 2007: HTML WG meeting at W3C Technical Plenary<br />
|
|
<a href="http://flickr.com/photos/hsivonen/2007683712/"><img src="http://farm3.static.flickr.com/2194/2007683712_0b7a032486_m.jpg" alt=""/>
|
|
</a>
|
|
|
|
<a href="http://flickr.com/photos/hsivonen/2007696918/"><img src="http://farm3.static.flickr.com/2129/2007696918_ce1b72d0c6_m.jpg" alt="Unconference schedule" />
|
|
</a>
|
|
|
|
|
|
</li>
|
|
<li>Jan 2008: HTML 5 (W3C Working Draft)</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="slide">
|
|
<h1>Some goals for HTML 5</h1>
|
|
<ul>
|
|
<li>Off-the-shelf parsers and tools for reading web pages like browsers
|
|
do, including <em>tag soup</em></li>
|
|
<li>Modern test materials</li>
|
|
<li>Standardize successful experiments in the Web Applications platform
|
|
to balance the attraction of proprietary approaches
|
|
<ul>
|
|
<li><video>, <audio></li>
|
|
<li>scripting details, security policies</li>
|
|
<li>offline storage</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
|
|
<p>co-chairs:
|
|
Chris Wilson (Microsoft), Sam Ruby (IBM)<br />
|
|
with W3C staff support from Mike Smith, Dan Connolly<br />
|
|
<img src="http://webdirections.org/images/speaker_c_wilson.jpg" alt=""/>
|
|
<a href="http://flickr.com/photos/92366800@N00/6541204/"><img src="http://farm1.static.flickr.com/4/6541204_60440cfaea_s.jpg" alt="" /></a>
|
|
<img src="http://webdirections.org/images/speaker_m_smith.jpg" alt="" />
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<div class="slide"><h1>W3C Validation Service Goals</h1>
|
|
|
|
<p>Some ideas from a <a
|
|
href="http://esw.w3.org/topic/CssValidator#head-5af29f77778fcf8e536ae2aa959b11753c380dae">CSS
|
|
validator roadmap</a>:</p>
|
|
<ul>
|
|
<li>javascript CSS parser</li>
|
|
<li>support for CSS 2.1 forward-compatible grammar</li>
|
|
<li>integrate tests-result data showing browser support</li>
|
|
</ul>
|
|
|
|
<p>Your ideas?</p>
|
|
|
|
<ul>
|
|
<li>How did the CSS validator save your bacon?</li>
|
|
<li>How does the CSS validator drive you buggy?</li>
|
|
</ul>
|
|
|
|
<p class="postscript">See also <a href="http://www.w3.org/QA/2009/01/valid_sites_work_better.html">Valid sites work better(?)</a> for discussion.</p>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="slide"><h1>Browser marketplace moving again</h1>
|
|
<ul>
|
|
<li>2003: Internet Explorer, Firefox, Safari, Opera</li>
|
|
<li>Apr 2006: <cite><a href="http://www.ipsos-na.com/news/pressrelease.cfm?id=3049">Mobile Phones Poised To Overtake The PC As The Dominate Internet Platform In Some Markets</a></cite></li>
|
|
<li>Aug 2007: <cite><a href="http://www.w3.org/QA/2007/08/iphone_developer_guidelines_pr.html">iPhone Developer Guidelines Promote One Web, Open Standards</a></cite></li>
|
|
<li>Sep 2008: <a
|
|
href="http://googleblog.blogspot.com/2008/09/fresh-take-on-browser.html">Official
|
|
Google Blog: A fresh take on the browser</a>, i.e Google Chrome</li>
|
|
<li>26 Jan 2009: Internet Explorer 8 release candidate</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="slide"><h1>How about authors?</h1>
|
|
|
|
<blockquote class="main">
|
|
<img class="item_logo" src="http://www.w3.org/Icons/w3c_main" alt="W3C" />
|
|
<h2>HTML 5 Receives Support for Authoring Materials</h2>
|
|
|
|
<p>2009-02-02: Dan Connolly, an active member of the HTML community
|
|
for many years, has received support from Adobe to work on HTML 5
|
|
materials for authors. The HTML Working Group Chairs have requested
|
|
additional resources to ensure that HTML 5 meets the needs of authors
|
|
and browser developers alike. As a provider of Web development and
|
|
authoring tools, W3C Member Adobe is not only participating in the
|
|
Working Group, they have also provided financial support for the open
|
|
standards process.</p>
|
|
</blockquote>
|
|
|
|
</div>
|
|
|
|
<div class="slide"><h1>Design Principles Last Through Change</h1>
|
|
|
|
<blockquote class="tweet">
|
|
<p>Client who saves $5,000 buying cut-rate non-semantic HTML will later spend
|
|
$25,000 on SEO consultant to compensate. </p>
|
|
|
|
<address>
|
|
<a href="http://twitter.com/zeldman/status/1137456194">
|
|
<img src="http://s3.amazonaws.com/twitter_production/profile_images/68890205/n548362954_1051320_5065_bigger.jpg" alt="" />
|
|
zeldman 4:14 PM Jan 21st</a>
|
|
</address>
|
|
</blockquote>
|
|
|
|
<p>There's still something to the notion behind XHTML+CSS Web design.</p>
|
|
|
|
<p>p.s. Kudos to whoever designed the <a
|
|
href="https://www.accesskansas.org/ssrv-webfile/index.html">Kansas tax
|
|
web site</a>.</p>
|
|
|
|
<p class="postscript">See also <a href="http://www.w3.org/QA/2009/01/valid_sites_work_better.html">Valid sites work better(?)</a> for discussion.</p>
|
|
</div>
|
|
|
|
<div class="slide"><h1>Sharing data in documents is one of the original goals</h1>
|
|
|
|
<div class="figure">
|
|
<img
|
|
src="http://www.w3.org/2007/07dc-lhr/g/semantic.jpg" alt="links between documents and corresponding relationships between the things they represent"/>
|
|
</div>
|
|
<blockquote class="main">
|
|
<p>To a computer, then, the web is a flat, boring world devoid of meaning...This is a pity, as in fact documents on the web describe real objects and imaginary concepts, and give particular relationships between them.</p>
|
|
|
|
<address>Tim Berners-Lee at the 1st Web Conference in 1994</address>
|
|
</blockquote>
|
|
</div>
|
|
|
|
<div class="slide"><h1>Microformats for common data idioms</h1>
|
|
|
|
<div class="figure">
|
|
<a href="http://www.flickr.com/photos/maguisso/106299140/" title="Microformats Panel at W3C Tech Plen by luisvilla, on Flickr"><img src="http://farm1.static.flickr.com/36/106299140_439cfc31e5_m.jpg" width="240" height="180" alt="Microformats Panel at W3C Tech Plen" /></a>
|
|
<img src="http://static.flickr.com/51/131626331_4d246d2ac0.jpg?v=0" alt="microformats test development" />
|
|
|
|
<p>March 2006 Microformats panel at W3C Technical Plenary<br />
|
|
<a href="http://dig.csail.mit.edu/breadcrumbs/node/127">April 2006 collaboration on microformats tests</a></p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="slide"><h1>XML and longevity</h1>
|
|
|
|
<p><a href="http://tantek.com/log/2006/06.html#d17t2231">Tantek Çelik,
|
|
June 2006:</a> XML formats in the long run are no better than
|
|
proprietary binary formats.</p>
|
|
|
|
<ul>
|
|
<li>XML, both in technology (namespaces...) and as a "technical culture" is too biased towards Tower of Babel outcomes.</li>
|
|
<li>A few XML formats may survive and converge (RSS, maybe Atom)</li>
|
|
<li>but for now XHTML is the only longterm reliable XML format<br />
|
|
That has more to do with it being based on HTML than it being XML.</li>
|
|
</ul>
|
|
|
|
<p><em>And if longevity is not a goal, try JSON. Yum.</em></p>
|
|
</div>
|
|
|
|
<div class="slide"><h1>Microformats for Mixtapes, feeds, calendars</h1>
|
|
|
|
<ul>
|
|
<li>XSPF: what if...
|
|
<ul>
|
|
<li>... media players had used an XHTML dialect a la
|
|
<a href="http://microformats.org/wiki/hmedia">hMedia</a></li>
|
|
<li>maybe they will...</li>
|
|
</ul>
|
|
</li>
|
|
<li>RSS and hAtom
|
|
<ul>
|
|
<li>Will feed readers grow native support for hAtom?</li>
|
|
</ul>
|
|
</li>
|
|
<li>hCalendar
|
|
<ul>
|
|
<li>Will calendar subscription clients grow native support for hCalendar?</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
|
|
</div>
|
|
<div class="slide"><h1>Long tail approaches: RDFa, data-*</h1>
|
|
|
|
<ul>
|
|
<li>data-* is a chaotic approach</li>
|
|
<li>RDFa is URI-based, which appeals to me
|
|
<ul>
|
|
<li>... but I picked SCSI over IDE too</li>
|
|
<li><em>worse is better</em> surprisingly often</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<div class="slide"><h1>The Personal Information Disaster</h1>
|
|
|
|
<blockquote>
|
|
<p>The bane of my existence is doing things I know the computer could do for me.</p>
|
|
<div class="source"><cite><a
|
|
href="http://www.nature.com/nature/webmatters/xml/xml.html">The XML Revolution</a></cite>, Nature Web Matters Oct 1998</div>
|
|
</blockquote>
|
|
|
|
<ul>
|
|
<li>How long have we been pre-web for data:
|
|
<dl>
|
|
<dt>Airline sends me email from their database</dt>
|
|
<dd>I copy/paste each of the data into my PDA</dd>
|
|
<dt>Soccer coach distributes a schedule</dt>
|
|
<dd>each players with an online calendar re-keys the data</dd>
|
|
</dl>
|
|
</li>
|
|
<li>Let's find ways to make it cost-effective record and share
|
|
knowledge <em>formally</em>, i.e. so that computers can manipulate
|
|
it.
|
|
<ul>
|
|
<li>Progress: Dopplr, Tripit, ...</li>
|
|
<li>Still to do: long tail of soccer teams, etc.</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<div class="slide"><h1>Sites vs. Protocols</h1>
|
|
|
|
<ul>
|
|
<li>flickr, facebook, and twitter demonstrate the attraction of hosted services</li>
|
|
<li>Identi.ca supports federation (OpenMicroBlogging)</li>
|
|
<li>Instant Messaging is still balkanized<br />
|
|
stuck in a local minimum?</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="slide"><h1>Is Internet Mail sustainable?</h1>
|
|
|
|
<blockquote>
|
|
<p>What makes the Internet so valuable to everyday people is that you can
|
|
reach anyone, on ANY email system, through it. There were many email
|
|
systems before the Internet, but they didn't catch the broad public
|
|
interest. If we continue the current process of anti-spam-driven
|
|
Balkanization (I can send email to Joe, and he can send to Nancy, but
|
|
I can't send to Nancy myself, because Nancy's ISP is filtering me), we
|
|
will destroy the value that we created when we linked all these
|
|
networks with a common email protocol. We might as well go back to
|
|
having separate un-linked networks, like MCI Mail and Compuserve and
|
|
AOL and UUCP and BITNET and FidoNet. You'd just have to become a
|
|
customer of that provider, and use its idiosyncratic interface, if you
|
|
want to send mail to its customers. Remember that world? If not,
|
|
you're lucky.
|
|
</p>
|
|
<address>
|
|
<a href="http://www.toad.com/grokmail/antispam.html">John Gilmore, 2002</a>
|
|
</address>
|
|
</blockquote>
|
|
|
|
<ul class="incremental">
|
|
<li>Next generation?</li>
|
|
<li><img src="wii-msg.png" alt="Wii msg from little one" /></li>
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
<div class="slide"><h1>Impact of the Web on the Free Press</h1>
|
|
|
|
<blockquote>
|
|
<p>There is no way to overstate what the dismemberment of The Star means,
|
|
adversely, to this metropolitan area.</p>
|
|
<address>
|
|
<a
|
|
href="http://www.kccommunitynews.com/articles/2008/09/03/wednesday_sun/opinion/doc48bd85165ead3109638357.txt">Sadly,
|
|
this event is of historic proportions</a><br />
|
|
By: Steve Rose, Publisher, KCCommunityNews.com Sep 3, 2008
|
|
</address>
|
|
</blockquote>
|
|
<ul class="incremental">
|
|
<li>Where do Newspapers get their revenue?
|
|
<ul class="incremental">
|
|
<li>Advertisements</li>
|
|
<li>Especially Classified Ads</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="slide">
|
|
<h1>Ads on the Web: Craigslist, Google</h1>
|
|
<ul class="incremental">
|
|
<li>Craigslist
|
|
<ul class="incremental">
|
|
<li>more than 30 million new classified ads each month</li>
|
|
<li>price: $0 <small>(with a few exceptions, e.g. New York real-estate)</small></li>
|
|
<li>
|
|
<blockquote>
|
|
<p>Popular community web site Craigslist, which launched in the
|
|
mid-1990s, has cost newspapers in the San Francisco Bay area from $50
|
|
million to $65 million in employment advertising revenue.</p>
|
|
<address>
|
|
<a
|
|
href="http://www.informationweek.com/news/showArticle.jhtml?articleID=56200498">InformationWeek
|
|
Dec 27 2004</a>
|
|
</address>
|
|
</blockquote>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>Google, Yahoo ads
|
|
<ul class="incremental">
|
|
<li>Newspaper ad price: $26 (per Thousand Impressions/ CPM)</li>
|
|
<li>Internet: $6</li>
|
|
<li>"Merrill Lynch expects a 2.6% gain in overall US advertising spend
|
|
this year [2007] <strong>but</strong> anticipates that newspaper
|
|
advertising will decline by 1.5%."</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="slide">
|
|
<h1>Web Economics and the Free Press</h1>
|
|
<ul class="incremental">
|
|
<li>What will become of our free press?</li>
|
|
<li>Citizen journalism is great, but is it enough?</li>
|
|
<li>Who will hire professional reporters?</li>
|
|
</ul>
|
|
|
|
<p class="postscript">See also: <a href="http://www.pbs.org/idealab/2008/04/journalism-will-survive-the-death-of-its-institutions005.html">Journalism Will Survive the Death of Its Institutions</a> Knight 2007 News Challenge Winner
|
|
Lisa Williams Apr 15 2008</p>
|
|
|
|
</div>
|
|
|
|
<div class="slide">
|
|
<h1>Web Economics and Campaign Finance</h1>
|
|
<ul class="incremental">
|
|
<li>First-time political candidate Sean Tevis needs "at least $26,000 to have
|
|
a shot" in the KS race</li>
|
|
<li>After two weeks of knocking on doors, he had collected only $25</li>
|
|
<li>
|
|
<img align="right" src="tevis.png" alt=""/>
|
|
<a
|
|
href="http://seantevis.com/kansas/3000/running-for-office-xkcd-style/">Web
|
|
comic</a> went live July 16, and in a week and a half, he reached the $26K
|
|
goal.</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="slide"><h1>Web Economics... Oops!</h1>
|
|
|
|
<p>Be careful not to delegate <em>too much</em> to machines!</p>
|
|
<ul>
|
|
<li>A United Airlines near-bankruptcy item from 2002 appeared as 2008 news via Google News</li>
|
|
<li>Syndication continued up to a Bloomberg news flash.</li>
|
|
<li>UAL stock cratered from $12 to $3 ($1.14 billion in market cap).</li>
|
|
<li>The stock recovered within the day to $10 (down $300M in market cap)</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="slide"><h1>SEC Interactive Data and XBRL</h1>
|
|
|
|
<blockquote>
|
|
<p>Three dozen companies, representing more than $1 trillion of market
|
|
value, have joined the SEC's test group</p>
|
|
<address>
|
|
<a href="http://www.sec.gov/spotlight/xbrl/interactivedata.htm">SEC Interactive Data</a> 2005-2008
|
|
</address>
|
|
</blockquote>
|
|
|
|
</div>
|
|
|
|
<div class="slide"><h1>Web Language Dynamics</h1>
|
|
|
|
<ul>
|
|
<li>Balance between proprietary risk/reward and open standards is delicate.</li>
|
|
<li>Media independence more important than ever as mobile emerges.</li>
|
|
<li>When content doesn't match specs, changing browsers is cheap compared to changing all the content, authors.</li>
|
|
<li>Web technology is deeply intertwingled with social, economic context.</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="slide"><h1>Excited to be here at Web Directions!</h1>
|
|
|
|
<ul>
|
|
<li>Conference program is loaded with goodies:
|
|
<ul>
|
|
<li>Accessibility</li>
|
|
<li>Ajax</li>
|
|
<li>Browsers</li>
|
|
<li>HTML 5</li>
|
|
<li>JavaScript</li>
|
|
<li>Location</li>
|
|
<li>Mobile</li>
|
|
<li>Performance</li>
|
|
<li>Progressive enhancement</li>
|
|
<li>RDFa</li>
|
|
<li>W3C</li>
|
|
<li>...</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="slide"><h1>Audience Participation (that's YOU!)</h1>
|
|
<ul>
|
|
<li>Questions? Comments?<br />
|
|
<img
|
|
src="http://www.midwestwebsense.com/av/wordle-med.png"
|
|
alt="tag cloud: Web, Architecture, HTML, ..." class="cover" />
|
|
|
|
</li>
|
|
</ul>
|
|
|
|
<p>Follow-up resources:</p>
|
|
<ul>
|
|
<li><a href="http://www.w3.org/People/Connolly/">Dan Connolly, W3C</a><br />
|
|
<tt>http://www.w3.org/People/Connolly/</tt></li>
|
|
<li><a href="http://www.w3.org/2009/Talks/02wdn/slides">Changes in the Languages of the Web</a> (this talk)<br />
|
|
<tt>http://www.w3.org/2009/Talks/02wdn/slides</tt></li>
|
|
<li><a href="http://www.midwestwebsense.com/">Midwest Web Sense</a>, my work in the KC area<br />
|
|
<tt>http://www.midwestwebsense.com/</tt></li>
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|