1. ‫‪W3C‬‬
‫תהליכים וטכנולוגיות‬
‫מכללת ספיר‬
‫2102/4/32‬
‫אייל סלע‬
‫מנהל פרויקטים, איגוד האינטרנט הישראלי ומשרד ה-‪ W3C‬הישראלי‬

2. ‫תוכנית‬
The Open web platform & W3C •
?)W3C recommendation( ‫תהליך יצירת‬ •
HTML5 and more •
W3C-‫עוד טכנולוגיות ב‬ •
‫דיון‬ •
2
2

3. ‫איגוד האינטרנט הישראלי‬
‫שלוחת האיגוד הבינלאומי‬
‫עמותה ללא מטרת רווח‬
‫קידום האינטרנט והטמעתו בישראל כתשתית‬
‫טכנולוגית, מחקרית, חינוכית, חברתית ועסקית‬
‫3‬

4. ‫מה אנחנו עושים‬
‫תשתית (שמות מתחם, ‪)IIX‬‬ ‫•‬
‫חברה (גלישה בטוחה, אוכלוסיות, קו חם ...)‬ ‫•‬
‫תוכן (מפגשים, פרסומים ....)‬ ‫•‬
‫משפט (צנזורה, ממשל, הסדרה עצמית, 6‪)...... ,IPV‬‬ ‫•‬
‫טכנולוגיה (‪ ,W3C ,STS‬קוד פתוח, אבטחת מידע)‬ ‫•‬
‫34:70 11/40/62‬
‫4‬

5. A NEW WAVE of
TRANSFORMATIONS
Just as the Web
has transformed
everything…
…It will
transform
everything again
5

6. W3C
&
The Open web platform
6

7. ‫‪W3C‬‬
‫ארגון בינלאומי‬
‫כ-053 ארגונים‬
‫פורום ניטראלי ליצירת תקני הווב‬
‫משימה:‬
‫להוביל את הרשת למיצוי הפוטנציאל על ידי פיתוח‬
‫פרוטוקולים וקווים מנחים שיאפשרו את צמיחתה‬
‫לטווח ארוך.‬
‫7‬ ‫7‬

8. Remote whiteboard
j.mp/w3cge1
8

9. ‫ווב )‪(web‬‬ ‫האינטרנט‬
‫ַ ָ‬
‫)המאֲרג(‬ ‫ִ ְ ֶׁ‬
‫)המרשֶׁ תת(‬
‫9‬
‫9‬

10. 10
bit.ly/g63C9F

11. ‫מי חבר?‬
‫11‬

12. 12
12

13. ‫המשרד הישראלי‬
‫הוקם ב-9991‬
‫משנת 8002 - איגוד האינטרנט הישראלי‬
‫מטרות :‬
‫1. להביא ליישום המלצות‬
‫2. ערוץ קשר‬
‫3. לוקליזציה ותקני עברית‬
‫31‬
‫31‬

14. ‫ בישראל‬W3C
W3C ‫תקני‬
w3.org/TR/
14

15. ‫תהליך יצירת תקן‬
)W3C recommendation(
15

16. • w3.org/Consortium/Process
16

17. World Wide Web Consortium Process Document
1 Introduction
2 Members, Advisory Committee, Team, Advisory Board, Technical
Architecture Group
3 General Policies for W3C Groups
4 Dissemination Policies
5 Activities
6 Working Groups, Interest Groups, and Coordination Groups
7 W3C Technical Report Development Process
8 Advisory Committee Reviews, Appeals, and Votes
9 Workshops and Symposia
10 Liaisons
11 Member Submission Process
12 Process Evolution
13 References
17 14 Acknowledgments

18. ‫נקודות עיקריות ביצירת תקן‬
1. Interest
– (Member Submissions , Team monitors , Workshops, community and
business group)
– (proposal, inside consensus)
2. new Activity / Group
– (working/ interest/ coordination)
– Charter
– Members, Invited Experts, and Team.
3. Recommendation track
18
18 j.mp/w3cdoc

19. Interest - Member Submissions
• w3.org/Submission/2011/01/
19

20. Interest - Workshops
20

21. Interest - (proposal, inside consensus)
...‫• שאלון לחברים‬
...‫• מציאת שותפים‬
21

22. New Activity / Group
•Working
• Interest
•Coordination
22

23. New Activity / Group
1. Members
2. Invited Experts
3. Team
23

24. 23 Activities
71 groups
j.mp/w3cgro
24
24

25. • w3.org/Consortium/activities
25

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

27. What we do
j.mp/w3cac
27
27

28. And more…
28

29. ‫5‪HTML‬‬ ‫4‪HTML‬‬
‫אפליקציות‬ ‫דפים‬
‫92‬

30. New & Improved:
SEMANTICS CSS3 DEVICE 3D, GRAPHICS
ACCESS & EFFECTS
OFFLINE & CONNECTIVITY MULTIMEDIA PERFORMANCE
STORAGE & INTEGRATION
30

31. 31
caniuse.com

32. w3.org/TR/html5 •
32

33. http://j.mp/sddsad •
33

34. In the charter
• Scope
• Deliverables
• Dependencies
• Participation
• Communication
• Decision Policy
• Patent Policy
• About this Charter
34

35. (official) HTML5 Deliverables
The following is a non-restrictive list of the documents that are part
of the deliverables of the Working Group:
HTML 5
HTML+RDFa
HTML Microdata
HTML Canvas 2D Context
HTML: The Markup Language
HTML5 diffs from HTML4
Polyglot Markup: HTML-Compatible XHTML Documents
HTML5: Techniques for providing useful text alternatives
35

36. 36

37. 37

38. • 425 group participants,
• 425 in good standing,
• 197 participants from 53 organizations
• 228 Invited Experts
38 )‫(חריג‬

39. Communication
• operate primarily by
• email (see public-html archive), supplemented by
• web-based surveys, casional
• teleconferences and up to two
• in-person meetings per year.
39

40. w3.org/html/wg •
40

41. • lists.w3.org/Archives/Public/public-html
41

42. remove @ping from HTML5?
• bit.ly/hn3GqF
42

43. Removing the aside Element?
43

44. • w3.org/html/wg/tracker/issues/91
44

45. j.mp/dfeasd2 •
45

46. ‫איסוף סוגי שימושים‬
http://www.w3.org/2009/dap/wiki/Bluetooth_Use_Cases
46

47. Face-to-Face Meetings
47

48. bit.ly/dOhme3 •
48

49. 49

50. Who’s using it?
50

51. Facebook
developers.facebook.com/html5
51

52. Scribd
Scribd CTO: "We Are Scrapping Flash And Betting
The Company On HTML5”
Erick Schonfeld, Techcrunch, May 5th, 2010
52

53. SlidhShare
“we wanted to reach the most
number of users…
Download… (is) not a pleasant user
experience.
We want presentations on mobile
devices to be accessible to as many
users as possible.”
53

54. Twitter
A better app for your mobile
browser
We want you to be able to access Twitter no
matter where you are; regardless of what
device you use; or, whether you prefer to
access Twitter through a mobile application
or the browser.
May 11, 2011
j.mp/oJruQ9
54

55. Amazon – Kindle Reader
“Amazon Releases Web-Based HTML5 Kindle Cloud Reader,
Skirts Apple's App Store”
Dan Rowinski, RWW, August 10, 2011
j.mp/o8f3Ln
55

56. ‫גוגל‬
....GOOGLE VOICE ‫המקרה של‬
http://j.mp/pgoaAI
56

57. Financial Times
“Financial Times Proves HTML5 Can Beat Native
Mobile Apps”
John Paul Titlow, RWW, September 23, 2011
m.ft.com
57

58. Zynga, Disney, Motorola
Zynga, Disney embrace Web game technology
Stephen Shankland, CNET, March 3, 2011
“Zynga has recently started investing
heavily into the open Web stack. While
most of our current games (CityVille,
FarmVille) still run on Flash, our
subsidiary in Germany is exclusively
focussing on JavaScript driven game
technology.”
j.mp/nhMjpr
58

59. ‫תמיכת דפדפנים‬
‫היצרנים מתחרים על רמת יישום התקן בדפדפנים‬
‫95‬

60. 60

61. Some Examples
61

62. Features presentations
Bleeding Edge HTML5
The Edge of HTML5
62

63. Lights - Ellie Goulding
lights.elliegoulding.com/
63

64. three.js - webgl dynamic cube reflection demo
http://j.mp/ocMabi
64

65. Streamie
streamie.org
65

66. Timeline Reader
html5.labs.ap.org •
66

67. smartusa.com
67

68. ‫גרפיקה‬
• Canvas
• offline
gregmurray.org/fish
68

69. CSS3-‫אפקטים ב‬
http://layerstyles.org/builder.html
69

70. 2011 ‫דיווח סיכום טוויטר‬
http://aworldoftweets.frogdesign.com/
70

71. Video players
praegnanz.de/html5video
71

72. ‫וידאו‬
http://j.mp/vidhtm •
72

73. Games
http://canvasrider.com/
73

74. More Games
Massively multiplayer online word game
it's like Words-with-Friends and World of Warcraft had an HTML5
baby.
http://wordsquared.com/
74

75. Painting
http://muro.deviantart.com/
75

76. HTML5FEST APP CONTEST
.w3c.org.il/news/272 76
76

77. ‫עוד טכנולוגיות ב-‪W3C‬‬
‫77‬

78. ‫מסמכים שפורסמו לאחרונה‬
‫‪j.mp/w3crct‬‬
‫87‬
‫87‬

79. 79
79

80. Standards for Web Applications on Mobile
j.mp/w3ckurt •
w3.org/2012/02/mobile-web-app-state/
80

81. Offline Technology •
(geolocation API) ‫• מיקום‬
Accelerometer / Orientation •
‫ לרשימת אנשי קשר‬API
‫ ליומן‬API •
‫ למדיה‬API •
)SMS, MMS, email) ‫ להודעות‬API •
‫ למידע מערכת‬API •
‫ לגלרייה‬API •
… •
81

82. HTML5FEST
w3c.org.il/HTML5fest/mobile
82
82

83. Web based GPS
m.maps.nokia.com
83

84. 3D Explorer
j.mp/w3ca2
j.mp/uAjvj3
84

85. WCAG 2.0
Web Content Accessibility Guidelines
85
85

86. Layers
• Principles (4)
• Guidelines (12)
• Success Criteria
• Sufficient and Advisory Techniques
) ‫(גם בעברית‬ •
86
86

87. Example guideline
87
87

88. Authoring HTML: Handling Right-to-left Scripts
93
93

89. 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.
94
94

90. TV
Car
hyperdevices
95

91. Requirements for Home Networking
Scenarios
access to services and content
provided by home network
devices on other devices
(from traditional broadcast media and
internet based services but also from
the home network.)
w3.org/TR/hnreq/
96

92. Local Network Service Discovery
Source: use case "Push Play“ via Sony Mobile Communication j.mp/J1fxDA
s97

93. Source: use case "Push Play“ via Sony Mobile Communication j.mp/J1fxDA
98

94. Object Memory Modeling - smart labels
Barcodes, RFID, sensor nodes, …
object memory format - events or other information about
individual physical artifacts, ideally over their lifetime
• Event Logging for Process Documentation
• Collecting Instructions for Future Processes
• Object Assembly History
99

95. What Can You Do?
– Public review (drafts, last calls…)
– Mailing lists & newsletter
– Implementations
– Writing tests!
– Community and business groups
– Interest groups
– Through us
– Join as a member
:‫בארץ‬
‫• תרגם‬
‫• הרצאות‬
‫• שת"פ איתנו‬
.‫• מפגשים, פיתוח‬
104
104

96. ‫דיון‬
‫1. 4‪ HTML‬ל 5‪HTML‬‬
‫2. מחשוב עננים, הדפדפן כמערכת הפעלה‬
‫3. יחסי הגומלין / תחרות בין ‪ flash‬ותוספים אחרים לטכנולוגיות הווב הפתוחות.‬
‫4. הסרת ‪@ longdesc‬‬
‫5. יצירת תקנים בגוף גדול ומורכב? האם צריך לחכות לתקנים? להשתמש רק בהם?‬
‫6. ‪( HTML5 video codac‬פתוח לעומת איכות, פריסה )‬
‫7. מהו תקן פתוח?‬
‫8. נגישות‬
‫9. ‪? CSS vendor prefixes‬‬
‫01. נושאי תאימות דפדפנים – בעבר וכיום‬
‫11. מובייל ווב‬
‫21. ....‬
‫501‬

97. ‫אייל סלע‬
eyal@isoc.org.il
@isociltech @eyalsela
106