W3C - Intro and beyond

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

2. j.mp/w3cdoc

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

4. About W3C • Standards (and drafts…) • EmotionML • HTML 5 • Semantic web • WCAG 2.0 • Mobile Web Best Practices 1.0 • Some more • תמונה כוללת + What Can You Do?

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

6. XMLHTMLCSS RDF OWLXSLTPNG DOM WCAGSVG

7. מי חבר?

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

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

11. j.mp/w3cdoc • Interest • (Member Submissions ,  Team monitors ,  Workshops) • (proposal, inside consensus) • new Activity / Group • (working/ interest/ coordination/incubator) • Charter •  Members, Invited Experts, and Team. 3. Recommendation track 

12. Recommendation track appropriate for widespread deployment and promote • Review • implementation • interoperability. -sufficient implementation experience -sent to the Advisory Committee for review -feedback  - first implementation -Fulfill all requirements  -seeks technical review  bit.ly/w3cpro

13. What we do j.mp/w3cac

14. 23 Activities 71 groups j.mp/w3cgro

15. Into the rabbit hole…

16. EmotionML (draft)

17. טיפול במצבים רגשיים בעזרת מערכות טכנולוגיות דורש ייצוג מתאים Data Annotation (of video, voice, text) Emotion Recognition (by sensors, recordings facial expression) Emotion Generation (in syntactic speech, robots, light and sounds) 17

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

19. j.mp/w3ceml 19

20. HTML 5

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

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

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

24. Absent Elements basefont big center font s strike tt u “their effect is purely presentational and their function is better handled by CSS "

25. Custom Attributes  data-* Authors can define any attribute they want <div id="mydiv" data-brand="toyota" data-model="prius">

26. Forms Less JavaScript more built-in items. • <input type="date> and no code.

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

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

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

30. Growing support

31. Semantic web

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

33. ~CSS for meaning

34. The semantic technology stack + SKOS + PODER

35. 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] j.mp/w3cweb

36. RDF

37. The element of the Semantic Web Resource Description Framework (RDF) <http://www.productivewise.com/><http://creativecommons.org/ns#attributionName> "Eyal Sela" .

38. 38

39. RDFa

40. website license – in RDFa

41. j.mp/w3clet

44. Machines can read information about me

46. j.mp/w3ccal

47. j.mp/w3clet