1. www.w3c.org.il 1 W3C - Intro and beyond אייל סלע מנהל פרויקטים, איגוד האינטרנט הישראלי ומשרד ה -W3C הישראלי

2. www.w3c.org.il j.mp/w3cdoc

3. www.w3c.org.il סקירה והבנת החשיבות הכרת תקנים קיימים על מה עובדים איך מוצאים לבד איך משתתפים 3

4. 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

5. www.w3c.org.il 5 W3C ארגון בינלאומי כ -350 ארגונים פורום ניטראלי ליצירת תקני רשת באינטרנט. משימה : להוביל את הרשת למיצוי הפוטנציאל על ידי פיתוח פרוטוקולים וקווים מנחים שיאפשרו את צמיחתה לטווח ארוך.

6. www.w3c.org.il XML HTMLCSS RDFOWLXSLT PNGDOM WCAGSVG 6

7. www.w3c.org.il מי חבר ? 7

8. www.w3c.org.il 8

9. 9 המשרד הישראלי הוקם ב -1999 משנת 2008 - איגוד האינטרנט הישראלי מטרות : 1. להביא ליישום המלצות 2. ערוץ קשר 3. לוקליזציה ותקני עברית

10. www.w3c.org.il איך נולד תקן (המלצה)? 10

11. 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

12. 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

13. www.w3c.org.il 13 j.mp/w3cac What we do

14. www.w3c.org.il 14 j.mp/w3cgro 23 Activities 71 groups

15. www.w3c.org.il Into the rabbit hole… 15

16. www.w3c.org.il EmotionML (draft)

17. 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

18. www.w3c.org.il טכנולוגיות קיימות : רובוטים ' חברתיים ' המשמשים כמדריכים במרכזי מבקרים קול סינטטי ( המיוצר באופן מלאכותי על ידי מחשב ) המביע רגשות שמחה ועצב אפליקציות המזהות רגשות של אנשים, תמיכה רגשית באנשים בעלי מוגבלויות כגון אוטיזם הדורש. 39 שימושים אפשריים שונים ל - EmotionML

19. www.w3c.org.il 19 j.mp/w3ceml

20. www.w3c.org.il HTML 5

21. www.w3c.org.il HTML 4 = static pages HTML 5 = Runtime environments -(like Flash, Java J2ME/MIDP, Silverlight). -No downloads, in the browser.

22. www.w3c.org.il 22 Design Principles 1.Support existing content 2.Ensure interoperability Web, Mobile, Many browsers. 3.Precisely define browser behavior Example: how “table” or “form” should act. 4.Handle errors Today 90% of the web is not “correct” 5.Evolution not revolution Keep the past. Enable the future. j.mp/w3cml5

23. www.w3c.org.il תגיות עם משמעות סמנטית נגיש סמנטי j.mp/w3cmnt

24. 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 "

25. www.w3c.org.il Custom Attributes data-* Authors can define any attribute they want

26. www.w3c.org.il 26 Forms Less JavaScript more built- in items. – and no code.

27. www.w3c.org.il 27 Video – built in, no plugins www.youtube.com/html5

28. www.w3c.org.il 28 Canvas Demo http://htmlfive.appspot.com/ יצירת גרפיקה בעזרת קוד HTML

29. www.w3c.org.il 29 More abilities drag-and-drop Off line (like Google gears). Geolocation API Accesskey Spellcheck (one can ask for spellcheck).

30. www.w3c.org.il Growing support

31. www.w3c.org.il Semantic web 31

32. www.w3c.org.il 32 machine interpretability of Web content. applications will process the content of information instead of just presenting it to humans. j.mp/w3cowl Is about…

33. www.w3c.org.il ~CSS for meaning

34. www.w3c.org.il 34 + SKOS + PODER The semantic technology stack

35. www.w3c.org.il Web 2.0  web 3.0 you (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][Economist 2008] j.mp/w3cweb

36. www.w3c.org.il RDF

37. www.w3c.org.il 37 The element of the Semantic Web Resource Description Framework (RDF) "Eyal Sela".

38. www.w3c.org.il 38

39. www.w3c.org.il RDFa

40. www.w3c.org.il 40 website license – in RDFa

41. www.w3c.org.il j.mp/w3clet

42. www.w3c.org.il

44. Machines can read information about me 44

45. www.w3c.org.il 45

46. www.w3c.org.il j.mp/w3ccal

47. www.w3c.org.il j.mp/w3clet

48. www.w3c.org.il

51. Validation? 51

52. www.w3c.org.il

54. YAY!

55. www.w3c.org.il The RDFa wiki j.mp/w3crdfa

56. www.w3c.org.il RDFa and Drupal

57. www.w3c.org.il POWDER

58. www.w3c.org.il POWDER Protocol 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 matching Grouping Data retrieval efficiency Semantic Annotation

59. www.w3c.org.il j.mp/w3cmok

60. www.w3c.org.il SKOS

61. 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 Taxonomies Thesauri

62. www.w3c.org.il OWL

63. www.w3c.org.il 63 Now: have complex data + willing to learn Future (years): all organizations and professionals who produce/consume data j.mp/w3cowld OWL use?

64. www.w3c.org.il WCAG 2.0 Web Content Accessibility Guidelines

65. www.w3c.org.il Layers Principles (4) Guidelines (12) Success Criteria Sufficient and Advisory Techniques ( גם בעברית )

66. www.w3c.org.il Example guideline

67. www.w3c.org.il Example ‘How to meet’ page

68. 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.

69. 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.

70. 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.

71. www.w3c.org.il 4 Robust 4.1 Maximize compatibility with current and future user agents, including assistive technologies.

72. www.w3c.org.il Alternate taxt

73. www.w3c.org.il

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

75. www.w3c.org.il ניתן לנווט עם המקלדת, יש מקש הפעלה, יש טקסט חלופי

76. www.w3c.org.il Accessibility validator j.mp/w3cacs

77. www.w3c.org.il Mobile Web Best Practices 1.0

78. www.w3c.org.il Some practices… [CAPABILITIES] Exploit device capabilities to provide an enhanced user experience.CAPABILITIES [TESTING] Carry out testing on actual devices as well as emulators.TESTING [URIS] Keep the URIs of site entry points short.URIS

79. www.w3c.org.il Some practices… [NAVBAR] Provide only minimal navigation at the top of the page.NAVBAR [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.BALANCE [NAVIGATION] Provide consistent navigation mechanisms.NAVIGATION

80. www.w3c.org.il Some practices… [[ACCESS_KEYS] Assign access keys to links in navigational menus and frequently accessed functionality.ACCESS_KEYS [LINK_TARGET_FORMAT] Note the target file's format unless you know the device supports it.LINK_TARGET_FORMAT [POP_UPS] Do not cause pop-ups or other windows to appear and do not change the current window without informing the user.POP_UPS

81. 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.AUTO_REFRESH [SUITABLE] Ensure that content is suitable for use in a mobile context.SUITABLE [CLARITY] Use clear and simple language.CLARITY

82. www.w3c.org.il Mobile OK checker j.mp/w3cmbl

83. www.w3c.org.il j.mp/w3cmox

84. www.w3c.org.il Some more notes groups drafts

85. www.w3c.org.il Multimodal Interaction input :speech, handwriting, motion, keystrokes Output: displays, pre-recorded & synthetic speech, audio, tactile mechanisms 85

86. www.w3c.org.il Authoring HTML: Handling Right-to-left Scripts

87. www.w3c.org.il j.mp/w3catag

88. 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.

89. www.w3c.org.il Further into the future not intended for implementation yet Geolocation API Specification 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 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 XML Signature Best Practices best practices for implementers and users of the XML Signature specification 89

90. 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

91. www.w3c.org.il Incubator groups Social Web Rich Web Application Backplane ( a set of common building blocks for web applications.) Rich Web Application Backplane Open Web Education Alliance Semantic Sensor Network 91 j.mp/w3cin

92. www.w3c.org.il תמונה כוללת 92

93. www.w3c.org.il מסמכים שפורסמו לאחרונה 93 j.mp/w3crct

94. www.w3c.org.il 94

95. 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

96. www.w3c.org.il טיפים Cheatsheet [bit.ly/w3ccsh]bit.ly/w3ccsh Look for the Charter Documents has abstract 96

97. www.w3c.org.il 97 j.mp/w3cch

98. www.w3c.org.il

99. מה אנחנו עושים Mailing list נציג I18nUPA 99 1 2 3 4 5 6

100. www.w3c.org.il הירשמו לידיעון צרו קשרצרו קשר 100 j.mp/w3ccon @isociltech @isociltech @eyalsela@eyalsela