www.w3c.org.il 1

W3C - Intro and beyond

אייל סלע

מנהל פרויקטים, איגוד האינטרנט הישראלי W3Cהישראלי ומשרד ה-

www.w3c.org.il

j.mp/w3cdoc

www.w3c.org.il

סקירה והבנת החשיבות•הכרת תקנים קיימים•על מה עובדים•איך מוצאים לבד•איך משתתפים•

3

www.w3c.org.il

1. About W3C 2. Standards (and drafts…)

– EmotionML– HTML 5– Semantic web – WCAG 2.0 – Mobile Web Best Practices 1.0 – Some more

3. ?What Can You Do + תמונה כוללת

4

www.w3c.org.il 5

W3Cארגון בינלאומי •

ארגונים350כ-•

פורום ניטראלי ליצירת תקני רשת באינטרנט. •

משימה:•להוביל את הרשת למיצוי הפוטנציאל על ידי

פיתוח פרוטוקולים וקווים מנחים שיאפשרו את צמיחתה לטווח ארוך.

www.w3c.org.il

XML HTMLCSS

RDFOWLXSLTPNGDOM

WCAGSVG

6

www.w3c.org.il

מי חבר?

7

www.w3c.org.il 8

www.w3c.org.il 9

המשרד הישראלי

1999הוקם ב-•

-איגוד האינטרנט הישראלי2008משנת •

מטרות :•להביא ליישום המלצות1.

ערוץ קשר2.

לוקליזציה ותקני עברית3.

www.w3c.org.il

איך נולד תקן )המלצה(?

10

www.w3c.org.il

1.Interest – (Member Submissions , Team monitors , Workshops) – (proposal, inside consensus)

2.new Activity / Group- (working/ interest/ coordination/incubator)- Charter- Members, Invited Experts, and Team.

3. Recommendation track

11

j.mp/w3cdoc

www.w3c.org.il 12

bit.ly/w3cpro

Recommendation track

•Review•implementation •interoperability.

-Fulfill all requirements -seeks technical review 

-feedback - first implementation

-sufficient implementation experience-sent to the Advisory Committee for review

appropriate for widespread deployment and promote

www.w3c.org.il 13

j.mp/w3cac

What we do

www.w3c.org.il 14

j.mp/w3cgro

 23 Activities  71 groups

www.w3c.org.il

Into the rabbit hole…

15

www.w3c.org.il

EmotionML(draft)

www.w3c.org.il

טיפול במצבים רגשיים בעזרת מערכות טכנולוגיות דורש ייצוג מתאים

• Data Annotation (of video, voice, text)

• Emotion Recognition (by sensors, recordings facial expression)

• Emotion Generation (in syntactic speech, robots, light and sounds)

17

www.w3c.org.il

טכנולוגיות קיימות:

רובוטים 'חברתיים' המשמשים כמדריכים במרכזי מבקרים•

קול סינטטי )המיוצר באופן מלאכותי על ידי מחשב( המביע רגשות שמחה ועצב•

אפליקציות המזהות רגשות של אנשים, תמיכה רגשית באנשים בעלי מוגבלויות כגון •אוטיזם הדורש.

EmotionML -שימושים אפשריים שונים ל 39

www.w3c.org.il 19

j.mp/w3ceml

www.w3c.org.il

HTML 5

www.w3c.org.il

HTML 4 = static pages

HTML 5 = Runtime environments - (like Flash, Java J2ME/MIDP, Silverlight).- No downloads, in the browser.

www.w3c.org.il 22

Design Principles1. Support existing content2. Ensure interoperability

Web, Mobile, Many browsers.

3. Precisely define browser behaviorExample: how “table” or “form” should act.

4. Handle errorsToday 90% of the web is not “correct”

5. Evolution not revolutionKeep the past.Enable the future.

j.mp/w3cml5

www.w3c.org.il

תגיות עם משמעות סמנטית

נגיש•

סמנטי•

j.mp/w3cmnt

www.w3c.org.il

Absent Elements

• basefont• big• center• font• s• strike• tt• u

“their effect is purely presentational and their function is better handled by CSS "

www.w3c.org.il

Custom Attributes

data-*

Authors can define any attribute they want

<div id="mydiv" data-brand="toyota" data-model="prius">

www.w3c.org.il 26

Forms

Less JavaScript more built-in items.– <input type="date>

and no code.

www.w3c.org.il 27

Video – built in, no plugins

www.youtube.com/html5

www.w3c.org.il 28

Canvas Demo

http://htmlfive.appspot.com/

HTMLיצירת גרפיקה בעזרת קוד

www.w3c.org.il 29

More abilities

• drag-and-drop • Off line (like Google gears).• Geolocation API• Accesskey • Spellcheck (one can ask for spellcheck).

www.w3c.org.il

Growing support

www.w3c.org.il

Semantic web

31

www.w3c.org.il32

machine interpretability of Web content.

applications will

process the content of information instead of just

presenting it to humans.

j.mp/w3cowl

Is about…

www.w3c.org.il

~CSS for meaning

www.w3c.org.il34

+ SKOS

+ PODER

The semantic technology stack

www.w3c.org.il

Web 2.0 web 3.0you (will) have a personal Website, with your photos, your family tree, your business details, and aggregators then (will) turn this into added value by finding the links across the whole web.

(illustration by David Simonds )[Economist 2008]

j.mp/w3cweb

www.w3c.org.il

RDF

www.w3c.org.il37

The element of the Semantic Web

Resource Description Framework )RDF(

<http://www.productivewise.com/< <http://creativecommons.org/ns#attributionName< "Eyal Sela . "

www.w3c.org.il 38

www.w3c.org.il

RDFa

www.w3c.org.il40

website license – in RDFa

www.w3c.org.il

j.mp/w3clet

www.w3c.org.il

www.w3c.org.il

www.w3c.org.il

Machines can read information about me

44

www.w3c.org.il 45

www.w3c.org.ilj.mp/w3ccal

www.w3c.org.ilj.mp/w3clet

www.w3c.org.il

www.w3c.org.il

www.w3c.org.il

www.w3c.org.il

Validation?

51

www.w3c.org.il

www.w3c.org.il

www.w3c.org.il

YAY!

www.w3c.org.il

The RDFa wiki

j.mp/w3crdfa

www.w3c.org.il

RDFa and Drupal

www.w3c.org.il

POWDER

www.w3c.org.il

POWDERProtocol for Web Description Resources —mechanism to describe and discover Web resources and helps the users to make a decision whether a given resource is of interest.

58

Profile matchingGroupingData retrieval efficiencySemantic Annotation

www.w3c.org.ilj.mp/w3cmok

www.w3c.org.il

SKOS

www.w3c.org.il

skos Many knowledge organization systems share a similar structure, and are used in similar applications. SKOS captures much of this similarity and makes it explicit, to enable data and technology sharing across diverse applications.

classification TaxonomiesThesauri

www.w3c.org.il

OWL

www.w3c.org.il63

Now:have complex data + willing to

learn

Future (years): all organizations and professionals

who produce/consume data

j.mp/w3cowld

OWL use?

www.w3c.org.il

WCAG 2.0Web Content Accessibility Guidelines

www.w3c.org.il

Layers

• Principles (4)• Guidelines (12)• Success Criteria • Sufficient and Advisory Techniques

)גם בעברית(•

www.w3c.org.il

Example guideline

www.w3c.org.il

Example ‘How to meet’ page

www.w3c.org.il

1 Perceivable

1.1 Provide text alternatives for any non-text content so that it can be changed into other forms people need, such as large print, braille, speech, symbols or simpler language.

1.2 Provide alternatives for time-based media.1.3 Create content that can be presented in

different ways (for example simpler layout) without losing information or structure.

1.4 Make it easier for users to see and hear content including separating foreground from background.

www.w3c.org.il

2 Operable

2.1 Make all functionality available from a keyboard.2.2 Provide users enough time to read and use

content.2.3 Do not design content in a way that is known to

cause seizures.2.4 Provide ways to help users navigate, find content,

and determine where they are.

www.w3c.org.il

3 Understandable

3.1 Make text content readable and understandable.

3.2 Make Web pages appear and operate in predictable ways.

3.3 Help users avoid and correct mistakes.

www.w3c.org.il

4 Robust

4.1 Maximize compatibility with current and future user agents, including assistive technologies.

www.w3c.org.il

Alternate taxt

www.w3c.org.il

www.w3c.org.il

אין שינוי במסך ללא התראה, קפיצה לתוכן, קישורים מובנים מההקשר

www.w3c.org.il

ניתן לנווט עם המקלדת, יש מקש הפעלה, יש טקסט חלופי

www.w3c.org.il

Accessibility validator

j.mp/w3cacs

www.w3c.org.il

Mobile Web Best Practices 1.0

www.w3c.org.il

Some practices…

• [CAPABILITIES] Exploit device capabilities to provide an enhanced user experience.

• [TESTING] Carry out testing on actual devices as well as emulators.

• [URIS] Keep the URIs of site entry points short.

www.w3c.org.il

Some practices…

• [NAVBAR] Provide only minimal navigation at the top of the page.

• [BALANCE] Take into account the trade-off between having too many links on a page and asking the user to follow too many links to reach what they are looking for.

• [NAVIGATION] Provide consistent navigation mechanisms.

www.w3c.org.il

Some practices…

• [[ACCESS_KEYS] Assign access keys to links in navigational menus and frequently accessed functionality.

• [LINK_TARGET_FORMAT] Note the target file's format unless you know the device supports it.

• [POP_UPS] Do not cause pop-ups or other windows to appear and do not change the current window without informing the user.

www.w3c.org.il

Some practices…

• [AUTO_REFRESH] Do not create periodically auto-refreshing pages, unless you have informed the user and provided a means of stopping it.

• [SUITABLE] Ensure that content is suitable for use in a mobile context.

• [CLARITY] Use clear and simple language.

www.w3c.org.il

Mobile OK checker

j.mp/w3cmbl

www.w3c.org.il

j.mp/w3cmox

www.w3c.org.il

Some more

notesgroups drafts

www.w3c.org.il

Multimodal Interaction

input :speech, handwriting, motion, keystrokes

Output: displays, pre-recorded & synthetic speech, audio, tactile mechanisms

85

www.w3c.org.il

Authoring HTML: Handling Right-to-left Scripts

www.w3c.org.ilj.mp/w3catag

www.w3c.org.il

Authoring Tool Accessibility Guidelines )ATAG( 2.0

• Ensure that automatically generated content is accessible.

• Guide authors to create accessible content.

• Assist authors in checking for accessibility problems.

• Assist authors with managing alternative content for non-text content.

www.w3c.org.il

Further into the future not intended for implementation yet

Geolocation API Specification define a secure and privacy-sensitive interface for using client-side location information in location-aware Web applications

Voice Extensible Markup Language (VoiceXML) 3.0 interactive media dialogs that feature synthesized speech, recognition of spoken and DTMF key input, telephony, mixed initiative conversations, and recording and presentation of a variety of media formats including digitized audio, and digitized video.

User Agent Accessibility Guidelines (UAAG) 2.0

XML Signature Best Practices best practices for implementers and users of the XML Signature specification

89

www.w3c.org.il

Interesting Interest group (13) you can participate

• Internationalization• Mobile Web For Social Development (MW4D) • Semantic Web• Semantic Web Health Care and Life Sciences • Web Accessibility Initiative• Research and Development• eGovernment Interest Group• ...

90

j.mp/w3cac

www.w3c.org.il

Incubator groups

• Social Web

• Rich Web Application Backplane ( a set of common building blocks for web applications.)

• Open Web Education Alliance

• Semantic Sensor Network

91

j.mp/w3cin

www.w3c.org.il

תמונה כוללת

92

www.w3c.org.il

מסמכים שפורסמו לאחרונה

93

j.mp/w3crct

www.w3c.org.il 94

www.w3c.org.il

What Can You Do?– Public review (drafts, last calls…)– Mailing lists & newsletter– Implementations– Interest &incubator groups– Through us– Join as a member

בארץ:תרגם•הרצאות•שת"פ איתנו•

95

www.w3c.org.il

טיפים• Cheatsheet [bit.ly/w3ccsh]• Look for the Charter• Documents has abstract

96

www.w3c.org.il 97

j.mp/w3cch

www.w3c.org.il

www.w3c.org.il

מה אנחנו עושים

Mailing listI18nUPAנציג

99

12

3

456

www.w3c.org.il

הירשמו לידיעון•

צרו קשר•

100

j.mp/w3ccon @isociltech @eyalsela