w3 c intro and beyond - eyal sela
Post on 18-Oct-2014
4.711 views
DESCRIPTION
TRANSCRIPT
www.w3c.org.il 1
W3C - Intro and beyond
אייל סלע
איגוד האינטרנט , מנהל פרויקטיםהישראלי W3C-הישראלי ומשרד ה
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
cdoc3j.mp/w
www.w3c.org.il 12
cpro3bit.ly/w
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 14
cgro3j.mp/w
23 Activities
71 groups
www.w3c.org.il
Into the rabbit hole…
15
www.w3c.org.il
EmotionML(draft)
16
www.w3c.org.il
טיפול במצבים רגשיים בעזרת
מערכות טכנולוגיות דורש ייצוג מתאים
:טכנולוגיות קיימות
המשמשים כמדריכים במרכזי מבקרים' חברתיים'רובוטים •
המביע רגשות שמחה ועצב( המיוצר באופן מלאכותי על ידי מחשב)קול סינטטי •
תמיכה רגשית באנשים בעלי מוגבלויות כגון אוטיזם , אפליקציות המזהות רגשות של אנשים•.הדורש
EmotionML-שימושים אפשריים שונים ל 39
17
www.w3c.org.il
קטגוריות שימוש 3
• Data Annotation (of video, voice, text)
• Emotion Recognition (by sensors, recordings facial expression)
• Emotion Generation (in syntactic speech, robots, light and sounds)
1818
www.w3c.org.il
HTML 5
20
www.w3c.org.il
HTML 4 = static pages
HTML 5 = Runtime environments - (like Flash, Java J2ME/MIDP, Silverlight).
- No downloads, in the browser.
21
www.w3c.org.il 22
Design Principles
1. Support existing content
2. Ensure interoperabilityWeb, 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.
5cml3j.mp/w
www.w3c.org.il
תגיות עם משמעות סמנטית
נגיש•
סמנטי•
cmnt3j.mp/w
23
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 "
24
www.w3c.org.il
Custom Attributes
data-*
Authors can define any attribute they want
<div id="mydiv" data-brand="toyota" data-model="prius">
25
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
5www.youtube.com/html
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
www.w3c.org.il
Growing support
30
www.w3c.org.il
Semantic web
31
www.w3c.org.il32
machine interpretability of Web
content.
applications will
process the content of informationinstead of just
presenting it to humans.
cowl3j.mp/w
Is about…
www.w3c.org.il33
+ SKOS
+ PODER
The semantic technology stack
www.w3c.org.il
RDF
34
www.w3c.org.il
~CSS for meaning
35
www.w3c.org.il36
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 3737
www.w3c.org.il
RDFa
38
www.w3c.org.il39
website license – in RDFa
www.w3c.org.il 41
www.w3c.org.il 42
www.w3c.org.il
Machines can read information about me
43
www.w3c.org.il 44
www.w3c.org.il 47
www.w3c.org.il 48
www.w3c.org.il 49
www.w3c.org.il
Validation?
50
www.w3c.org.il 51
www.w3c.org.il 52
www.w3c.org.il
YAY!
53
www.w3c.org.il
The RDFa wiki
crdfa3j.mp/w
54
www.w3c.org.il
RDFa and Drupal
0WgTRIRoa4http://www.youtube.com/watch?v=r
55
www.w3c.org.il
POWDER
56
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.
57
Profile matching
Grouping
Data retrieval efficiency
Semantic Annotation
www.w3c.org.il
SKOS
59
www.w3c.org.il
skosMany 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
Taxonomies
Thesauri
60
www.w3c.org.il
OWL
61
www.w3c.org.il62
Now:
have complex data + willing to
learn
Future (years):
all organizations and professionals
who produce/consume data
cowld3j.mp/w
OWL use?
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 aggregatorsthen (will) turn this into added value by finding the links across the whole web.
(illustration by David Simonds) [2008Economist ]
cweb3j.mp/w
63
www.w3c.org.il
WCAG 2.0Web Content Accessibility Guidelines
64
www.w3c.org.il
Layers
• Principles (4)
• Guidelines (12)
• Success Criteria
• Sufficient and Advisory Techniques(גם בעברית)•
65
www.w3c.org.il
Example guideline
66
www.w3c.org.il
Example ‘How to meet’ page
67
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 contentincluding separating foreground from background.
68
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.
69
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.
70
www.w3c.org.il
4 Robust
4.1 Maximize compatibility with current and future user agents, including assistive technologies.
71
www.w3c.org.il
Alternate taxt
72
www.w3c.org.il 73
www.w3c.org.il
קפיצה , אין שינוי במסך ללא התראה
קישורים מובנים מההקשר, לתוכן
74
www.w3c.org.il
, יש מקש הפעלה, ניתן לנווט עם המקלדת
יש טקסט חלופי
75
www.w3c.org.il
Accessibility validator
cacs3j.mp/w 76
www.w3c.org.il
Mobile Web Best Practices 1.0
77
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.
78
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.
79
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.
80
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.
81
www.w3c.org.il
Mobile OK checker
cmbl3j.mp/w
82
www.w3c.org.il
Some more
notes
groups
drafts
84
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
86
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.
88
www.w3c.org.il
Further into the futurenot 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
cac3j.mp/w
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
crct3j.mp/w
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 98
www.w3c.org.il
מה אנחנו עושים
Mailing list
I18nUPAנציג
99
12
3
4
56
www.w3c.org.il
הירשמו לידיעון•
צרו קשר•
100
ccon3j.mp/w @isociltech @eyalsela
www.w3c.org.il
המצגת
bit.ly/w3cint
101