w3c - intro and beyond
DESCRIPTION
W3C - Intro and beyond. אייל סלע מנהל פרויקטים, איגוד האינטרנט הישראלי ומשרד ה- W3C הישראלי. j.mp/w3cdoc. סקירה והבנת החשיבות הכרת תקנים קיימים על מה עובדים איך מוצאים לבד איך משתתפים. About W3C Standards (and drafts…) EmotionML HTML 5 Semantic web WCAG 2.0 - PowerPoint PPT PresentationTRANSCRIPT
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