a small overview of w3c
DESCRIPTION
A small overview of W3C. Ivan Herman, W3C. A bit of history…. The Web was created in 1990 Technically, it was a combination of a few concepts: a network protocol (HTTP) universal naming on the Internet (URI) a markup language for documents with hyperlinking (HTML) - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/1.jpg)
A small overview of W3C
Ivan Herman, W3C
![Page 2: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/2.jpg)
(2) (2)
A bit of history… The Web was created in
1990 Technically, it was a
combination of a few concepts: a network protocol (HTTP) universal naming on the
Internet (URI) a markup language for
documents with hyperlinking (HTML)
Around 1993 it caught up like bushfire…
![Page 3: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/3.jpg)
(3) (3)
Technically, it was the right set of choices The technology was free for everyone
does anyone knows what gopher is? There were vendor neutral standards for each
of the technology pieces developers could rely on independent specifications,
without any vendor lock-in
Why?
![Page 4: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/4.jpg)
(4) (4)
The standard text itself should be freely available an ISO document may cost many hundred of dollars!
The technology in the standard should be royalty free implementers can work without a fear of being sued…
Free and open standards are important…
![Page 5: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/5.jpg)
(5) (5)
And this is exactly what W3C is all about! Goal: be the place where international, free
and open standards for the World Wide Web are developed
So: development of the Web needsfree and open standards
![Page 6: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/6.jpg)
(6) (6)
W3C is a membership organization it has members (cca. 340) from all over the globe
• companies, universities, public institutions, …• standards are developed in cooperation with them
W3C itself has only a small staff (cca. 60)
W3C is a membership organization
![Page 7: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/7.jpg)
(7) (7)
Membership from all over the World…
![Page 8: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/8.jpg)
(8) (8)
Three “hosts” (in the US, France, and Japan) 16 “offices”
W3C is international
![Page 9: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/9.jpg)
(9) (9)
W3C staff is also international…
![Page 10: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/10.jpg)
(10) (10)
In the old days, it was simple HTTP + HTML + URI = Web
But the Web has evolved a lot graphics, XML documents, multimedia, voice, Web2.0,
Semantic Web, Mobile Web, security,… W3C technologies cover many of these areas
So what are the technologies at W3C?
![Page 11: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/11.jpg)
(11) (11)
To impress you: the (incomplete) W3C Technology stack
One Web
URI/IRI, HTTP
Web Architectural Principles
XML Infoset, RDF(S) Graph
XML, Namespaces, Schemas, XQuery/XPath, XLink, DOM, XML Base, XPointer, RDF/XML, SPARQL
Web Applications
HTML
CSS
Web Services Semantic WebUbiquitous Web Social Web
SVG
XHTML
Web Apps
XForms
XMLHTTPRequest
MathML CDF
MWI
SSML PLS
SMIL
Video
VoiceXML
Geolocation
EMMA InkML
SOAP
MTOM
WSDL
WS-CDL
WS-A
OWL
SKOS
GRDDL
RDFa
POWDER
RIF
eGovt
MW4D
P3P
APPEL
XML Sig
XML Enc
Life Sciences XKMS
SRGS
Web Accessibility / Internationalization / Device Independence / Mobile Access
Internet
![Page 12: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/12.jpg)
(12) (12)
I will say a few words about “Interaction”: HTML, graphics, video.… Internationalization Mobile Web Semantic Web
There are of course more, but we have no time…
Some areas of interest for today…
![Page 13: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/13.jpg)
(13) (13)
HTML5 & Co.
![Page 14: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/14.jpg)
(14) (14)
(X)HTML has not been updated for a long time Features are needed to handle new
interaction methods: inclusion of video and audio harmonization with graphics (SVG, Canvas) and
maths elements for dialogues, navigation, ... additional features for forms better specifications of corresponding Javascript API-s
HTML5
![Page 15: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/15.jpg)
(15) (15)
There are still too many differences among browsers when it comes to rendering
A very precise and detailed processing description is added to HTML5 to reduce these
Caveat: it will still take 1-2 years before this is final…
HTML5
![Page 16: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/16.jpg)
(16) (16)
A future HTML5 page
![Page 17: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/17.jpg)
(17) (17)
A future HTML5 page
![Page 18: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/18.jpg)
(18) (18)
A future HTML5 page
![Page 19: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/19.jpg)
(19) (19)
The Web became a global collaborative communications medium through shared video
In April 2008: 84.4 million videos! These videos can be on just about anything…
Video on the Web
![Page 20: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/20.jpg)
(20) (20)
… politics …
![Page 21: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/21.jpg)
(21) (21)
… music …
![Page 22: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/22.jpg)
(22) (22)
… or even full movies
![Page 23: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/23.jpg)
(23) (23)
Video in HTML4 is complex essentially, using <object>, which is complicated
Using the new <video> element in HTML5 should be as simple as using <img>! caveat: the encoding format may not always be
royalty free that is, alas!, outside of control of W3C…
But there are some additional technical issues to handle media addressing media annotation
Video in HTML
![Page 24: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/24.jpg)
(24) (24)
Standard ways should be provided to identify
spatial fragment temporal fragment
Video and audio addressing
![Page 25: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/25.jpg)
(25) (25)
There are many ways to annotate the content of, say, an image
A standard way should be defined…
Linking and annotating media content
![Page 26: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/26.jpg)
(26) (26)
HTML5 + CSS3 are only elements of a general “Open Web Platform”
A number of API-s are also defined to provide a general, Web based application environment Web sockets, Web storage, Widgets, …
“Open Web Platform”
![Page 27: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/27.jpg)
(27) (27)
Internationalization
![Page 28: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/28.jpg)
(28) (28)
Web technologies tend to be biased towards “Western” habits
But the Web is International! That means:
it should work with all kinds of character sets (Arabic, Chinese, Mongolian, Thai, Japanese, Russian, …)
one should be able to create document following local customs:• bulleted lists• emphasis style• writing directions• …
Internationalization
![Page 29: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/29.jpg)
(29) (29)
Internationalization at W3C W3C has a separate
“activity” on internationalization (I18N)
checks and influences all other specifications for possible problems
provides tutorials, small articles on how to design Web sites properly for this
29
![Page 30: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/30.jpg)
(30) (30)
First of all: use Unicode!
![Page 31: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/31.jpg)
(31) (31)
Is automatically generated by:
Unicode takes care of a lot of things…
<p>bahrain <span lang="ar" xml:lang="ar" title="Means egypt">مصر</span> kuwait</p>
![Page 32: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/32.jpg)
(32) (32)
Need better control for: vertical writing and directions bidirectional situations non-Latin list styling ruby
Some of these are already part of HTML4 and CSS2
Some of these are being worked on for HTML5 and CSS3
…but not everything
![Page 33: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/33.jpg)
(33) (33)
Vertical texts
![Page 34: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/34.jpg)
(34) (34)
Vertical texts
![Page 35: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/35.jpg)
(35) (35)
Bullet styles
![Page 36: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/36.jpg)
(36) (36)
Ruby (markup and styling)
![Page 37: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/37.jpg)
(37) (37)
International typography: first letter
![Page 38: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/38.jpg)
(38) (38)
International typography: mathematics
![Page 39: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/39.jpg)
(39) (39)
International typography
![Page 40: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/40.jpg)
(40) (40)
Mobile Web
![Page 41: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/41.jpg)
(41) (41)
Mobile Web
Everybody talks about it
But… everybody knows it can be frustrating
![Page 42: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/42.jpg)
(42) (42)
Mobile Web: the ugly
![Page 43: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/43.jpg)
(43) (43)
Mobile Web: the acceptable
![Page 44: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/44.jpg)
(44) (44)
It requires some “education” to construct proper web sites for mobile devices
the content should be the same and the rendering should be well separated
MWI develops: education materials,
test cases, “MobileOK” trustmarks, guides, …
Mobile Web Initiative
![Page 45: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/45.jpg)
(45) (45)
MWI Best Practices
![Page 46: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/46.jpg)
(46) (46)
MobileOK Checker
![Page 47: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/47.jpg)
(47) (47)
MobileOK Checker
![Page 48: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/48.jpg)
(48) (48)
The social context: mobile for developing society
Track the social impact of mobile web in the developing world
Ensure that standards are o.k.
![Page 49: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/49.jpg)
(49) (49)
Standard ways to describe devices vocabulary, like display sizes, colour, input devices an API to construct device description vocabularies
Geolocation API
Mobile Web: there is also specification work
![Page 50: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/50.jpg)
(50) (50)
Semantic Web
![Page 51: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/51.jpg)
(51) (51)
The Music site of the BBC
![Page 52: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/52.jpg)
(52) (52)
The Music site of the BBC
![Page 53: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/53.jpg)
(53) (53)
Site editors roam the Web for new facts may discover further links while roaming
They update the site manually And the site gets soon out-of-date
How to build such a site 1.
![Page 54: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/54.jpg)
(54) (54)
Editors roam the Web for new data published on Web sites
“Scrape” the sites with a program to extract the information Ie, write some code to incorporate the new data
Easily get out of date again…
How to build such a site 2.
![Page 55: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/55.jpg)
(55) (55)
Editors roam the Web for new data via API-s Understand those…
input, output arguments, datatypes used, etc Write some code to incorporate the new data Easily get out of date again…
How to build such a site 3.
![Page 56: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/56.jpg)
(56) (56)
Use external, public datasets Wikipedia, MusicBrainz, …
They are available as data not API-s or hidden on a Web site data can be extracted using, eg, HTTP requests or
standard queries
The choice of the BBC
![Page 57: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/57.jpg)
(57) (57)
Use the Web of Data as a Content Management System
Use the community at large as content editors
In short…
![Page 58: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/58.jpg)
(58) (58)
And this is no secret…
![Page 59: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/59.jpg)
(59) (59)
There are more an more data on the Web government data, health related data, general
knowledge, company information, flight information, restaurants,…
More and more applications rely on the availability of that data
Data on the Web
![Page 60: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/60.jpg)
(60) (60)
But… data are often in isolation, “silos”
Photo credit “nepatterson”, Flickr
![Page 61: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/61.jpg)
(61) (61)
A “Web” where documents are available for download on the Internet but there would be no hyperlinks among them
Imagine…
![Page 62: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/62.jpg)
(62) (62)
And the problem is real…
![Page 63: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/63.jpg)
(63) (63)
We need a proper infrastructure for a real Web of Data data is available on the Web
• accessible via standard Web technologies data are interlinked over the Web ie, data can be integrated over the Web
This is where Semantic Web technologies come in
Data on the Web is not enough…
![Page 64: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/64.jpg)
(64) (64)
I.e.,… connect the silos
Photo credit “kxlly”, Flickr
![Page 65: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/65.jpg)
(65) (65)
So What is the Semantic Web?
![Page 66: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/66.jpg)
(66) (66)
It is a collection of standard technologies to realize a Web of Data
![Page 67: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/67.jpg)
(67) (67)
A huge amount of data (“information”) is available on the Web
Sites struggle with the dual task of: providing quality data providing usable and attractive interfaces to access
that data
Why is all this good?
![Page 68: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/68.jpg)
(68) (68)
Semantic Web technologies allow a separation of tasks:
1. publish quality, interlinked datasets2. “mash-up” datasets for a better user experience
Why is all this good?
“Raw Data Now!” Tim Berners-Lee, TED Talk, 2009http://bit.ly/dg7H7Z
![Page 69: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/69.jpg)
(69) (69)
But standards are boooring…
![Page 70: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/70.jpg)
(70) (70)
Wrong!!
![Page 71: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/71.jpg)
(71) (71)
… a synthesis on what is happening out there in terms of a R&D
… a synthesis on what is possible in an industrial setting
And that requires lots of knowledge and experience!
A standard is...
![Page 72: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/72.jpg)
(72) (72)
It requires reaching a consensus among conflicting parties
Sometimes, it requires accepting majority opinions...
And that is not easy…
Standard writing is also a social process
![Page 73: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/73.jpg)
(73) (73)
It is done by groups, with members delegating experts
Altogether, we are talking about 1000 experts from around the globe
Each group has at least one W3C staff member to help the process and contribute to the technology there is a formal process that has to be followed the price to pay…
Standard creation at W3C
![Page 74: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/74.jpg)
(74) (74)
![Page 75: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/75.jpg)
(75) (75)
The public can comment at specific points in the process
Groups must take all comments into account the number of comments can be in the hundreds...
There is also a public scrutiny
![Page 76: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/76.jpg)
(76) (76)
Regular telecons (usually once a week) Possible 1-2 face-to-face meetings a year Lots of email discussions Editorial to get everything properly written
down Average life-span: 2-3 years
Life of a group
![Page 77: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/77.jpg)
(77) (77)
W3C is the place where open standard technologies are developed for the Web
Work on standards involves lots of challenging issues related to the future evolution of the Web
Anybody can participate on a certain level, by commenting, implementing… so join the club!
Summary
![Page 78: A small overview of W3C](https://reader036.vdocuments.mx/reader036/viewer/2022070500/56816858550346895dde81f3/html5/thumbnails/78.jpg)
(78) (78)
Thank you for your attention!