‫‪W3C‬‬             ‫תהליכים וטכנולוגיות‬                        ‫מכללת ספיר‬                        ‫2102/4/32‬          ...
‫תוכנית‬         The Open web platform & W3C      •    ?)W3C recommendation( ‫תהליך יצירת‬     •                     HTML5...
‫איגוד האינטרנט הישראלי‬                       ‫שלוחת האיגוד הבינלאומי‬                         ‫עמותה ללא מטרת רווח‬     ...
‫מה אנחנו עושים‬                                ‫תשתית (שמות מתחם, ‪)IIX‬‬      ‫•‬              ‫חברה (גלישה בטוחה, אוכלו...
A NEW WAVE ofTRANSFORMATIONS          Just as the Web          has transformed             everything…                …It ...
W3C             &    The Open web platform6
‫‪W3C‬‬                                      ‫ארגון בינלאומי‬                                      ‫כ-053 ארגונים‬        ...
Remote whiteboard                  j.mp/w3cge18
‫ווב )‪(web‬‬    ‫האינטרנט‬        ‫ַ ָ‬      ‫)המאֲרג(‬      ‫ִ ְ ֶׁ‬                  ‫)המרשֶׁ תת(‬                     ...
10     bit.ly/g63C9F
‫מי חבר?‬‫11‬
1212
‫המשרד הישראלי‬                            ‫הוקם ב-9991‬     ‫משנת 8002 - איגוד האינטרנט הישראלי‬                         ...
‫ בישראל‬W3C     W3C ‫תקני‬     w3.org/TR/14
‫תהליך יצירת תקן‬     )W3C recommendation(15
• w3.org/Consortium/Process16
World Wide Web Consortium Process Document     1 Introduction     2 Members, Advisory Committee, Team, Advisory Board, Tec...
‫נקודות עיקריות ביצירת תקן‬ 1. Interest     – (Member Submissions , Team monitors , Workshops, community and       busines...
Interest - Member Submissions             • w3.org/Submission/2011/01/19
Interest - Workshops20
Interest - (proposal, inside consensus)                             ...‫• שאלון לחברים‬                            ...‫• מ...
New Activity / Group •Working • Interest •Coordination22
New Activity / Group 1. Members 2. Invited Experts 3. Team23
23 Activities71 groups j.mp/w3cgro                2424
• w3.org/Consortium/activities25
Recommendation track• Review               appropriate for widespread                       deployment and promote• Implem...
What we do j.mp/w3cac                           2727
And more…28
‫5‪HTML‬‬      ‫4‪HTML‬‬ ‫אפליקציות‬   ‫דפים‬‫92‬
New & Improved:     SEMANTICS      CSS3          DEVICE     3D, GRAPHICS                                 ACCESS       & EF...
31     caniuse.com
w3.org/TR/html5 •32
http://j.mp/sddsad •33
In the charter •   Scope •   Deliverables •   Dependencies •   Participation •   Communication •   Decision Policy •   Pat...
(official) HTML5 Deliverables The following is a non-restrictive list of the documents that are part of the deliverables o...
36
37
•   425 group participants, •   425 in good standing, •   197 participants from 53 organizations •   228 Invited Experts38...
Communication •   operate primarily by •   email (see public-html archive), supplemented by •   web-based surveys, casiona...
w3.org/html/wg •40
• lists.w3.org/Archives/Public/public-html41
remove @ping from HTML5?                     • bit.ly/hn3GqF42
Removing the aside Element?43
• w3.org/html/wg/tracker/issues/9144
j.mp/dfeasd2 •45
‫איסוף סוגי שימושים‬http://www.w3.org/2009/dap/wiki/Bluetooth_Use_Cases46
Face-to-Face Meetings47
bit.ly/dOhme3 •48
49
Who’s using it?50
Facebookdevelopers.facebook.com/html551
Scribd Scribd CTO: "We Are Scrapping Flash And Betting The Company On HTML5”                    Erick Schonfeld, Techcrunc...
SlidhShare        “we wanted to reach the most        number of users…        Download… (is) not a pleasant user        ex...
Twitter              A better app for your mobile              browser              We want you to be able to access Twitt...
Amazon – Kindle Reader “Amazon Releases Web-Based HTML5 Kindle Cloud Reader, Skirts Apples App Store”                     ...
‫גוגל‬                     ....GOOGLE VOICE ‫המקרה של‬http://j.mp/pgoaAI56
Financial Times “Financial Times Proves HTML5 Can Beat Native   Mobile Apps”                  John Paul Titlow, RWW, Septe...
Zynga, Disney, Motorola Zynga, Disney embrace Web game technology                   Stephen Shankland, CNET, March 3, 2011...
‫תמיכת דפדפנים‬     ‫היצרנים מתחרים על רמת יישום התקן בדפדפנים‬‫95‬
60
Some Examples61
Features presentations         Bleeding Edge HTML5          The Edge of HTML562
Lights - Ellie Gouldinglights.elliegoulding.com/63
three.js - webgl dynamic cube reflection demohttp://j.mp/ocMabi64
Streamie     streamie.org65
Timeline Reader           html5.labs.ap.org •66
smartusa.com67
‫גרפיקה‬                      • Canvas                      • offlinegregmurray.org/fish68
CSS3-‫אפקטים ב‬http://layerstyles.org/builder.html69
2011 ‫דיווח סיכום טוויטר‬http://aworldoftweets.frogdesign.com/70
Video playerspraegnanz.de/html5video71
‫וידאו‬             http://j.mp/vidhtm •72
Gameshttp://canvasrider.com/73
More Games Massively multiplayer online word game    its like Words-with-Friends and World of Warcraft had an HTML5       ...
Paintinghttp://muro.deviantart.com/75
HTML5FEST APP CONTEST.w3c.org.il/news/272                   7676
‫עוד טכנולוגיות ב-‪W3C‬‬‫77‬
‫מסמכים שפורסמו לאחרונה‬     ‫‪j.mp/w3crct‬‬                                      ‫87‬‫87‬
7979
Standards for Web Applications on Mobile                                       j.mp/w3ckurt •w3.org/2012/02/mobile-web-app...
Offline Technology •             (geolocation API) ‫• מיקום‬        Accelerometer / Orientation •             ‫ לרשימת אנש...
HTML5FEST     w3c.org.il/HTML5fest/mobile                                   8282
Web based GPS      m.maps.nokia.com83
3D Explorer                                 j.mp/w3ca2     j.mp/uAjvj384
WCAG 2.0 Web Content Accessibility Guidelines                                        8585
Layers •   Principles (4) •   Guidelines (12) •   Success Criteria •   Sufficient and Advisory Techniques                 ...
Example guideline                         8787
Authoring HTML: Handling Right-to-left Scripts                                                  9393
Authoring Tool Accessibility Guidelines             (ATAG) 2.0 • Ensure that automatically generated content is   accessib...
TV         Car     hyperdevices95
Requirements for Home Networking Scenarios access to services and content provided by home network devices on other device...
Local Network Service DiscoverySource: use case "Push Play“ via Sony Mobile Communication j.mp/J1fxDAs97
Source: use case "Push Play“ via Sony Mobile Communication j.mp/J1fxDA98
Object Memory Modeling - smart labels Barcodes, RFID, sensor nodes, … object memory format - events or other information a...
What Can You Do?      –   Public review (drafts, last calls…)      –   Mailing lists & newsletter      –   Implementations...
‫דיון‬                                                                ‫1. 4‪ HTML‬ל 5‪HTML‬‬                              ...
‫אייל סלע‬         eyal@isoc.org.il      @isociltech @eyalsela106
Upcoming SlideShare
Loading in …5
×

מכללת ספיר - W3C - תהליכים וטכנולוגיות

1,203 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,203
On SlideShare
0
From Embeds
0
Number of Embeds
238
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

מכללת ספיר - W3C - תהליכים וטכנולוגיות

  1. 1. ‫‪W3C‬‬ ‫תהליכים וטכנולוגיות‬ ‫מכללת ספיר‬ ‫2102/4/32‬ ‫אייל סלע‬‫מנהל פרויקטים, איגוד האינטרנט הישראלי ומשרד ה-‪ W3C‬הישראלי‬
  2. 2. ‫תוכנית‬ The Open web platform & W3C • ?)W3C recommendation( ‫תהליך יצירת‬ • HTML5 and more • W3C-‫עוד טכנולוגיות ב‬ • ‫דיון‬ • 22
  3. 3. ‫איגוד האינטרנט הישראלי‬ ‫שלוחת האיגוד הבינלאומי‬ ‫עמותה ללא מטרת רווח‬ ‫קידום האינטרנט והטמעתו בישראל כתשתית‬ ‫טכנולוגית, מחקרית, חינוכית, חברתית ועסקית‬‫3‬
  4. 4. ‫מה אנחנו עושים‬ ‫תשתית (שמות מתחם, ‪)IIX‬‬ ‫•‬ ‫חברה (גלישה בטוחה, אוכלוסיות, קו חם ...)‬ ‫•‬ ‫תוכן (מפגשים, פרסומים ....)‬ ‫•‬ ‫משפט (צנזורה, ממשל, הסדרה עצמית, 6‪)...... ,IPV‬‬ ‫•‬ ‫טכנולוגיה (‪ ,W3C ,STS‬קוד פתוח, אבטחת מידע)‬ ‫•‬ ‫34:70 11/40/62‬‫4‬
  5. 5. A NEW WAVE ofTRANSFORMATIONS Just as the Web has transformed everything… …It will transform everything again5
  6. 6. W3C & The Open web platform6
  7. 7. ‫‪W3C‬‬ ‫ארגון בינלאומי‬ ‫כ-053 ארגונים‬ ‫פורום ניטראלי ליצירת תקני הווב‬ ‫משימה:‬ ‫להוביל את הרשת למיצוי הפוטנציאל על ידי פיתוח‬ ‫פרוטוקולים וקווים מנחים שיאפשרו את צמיחתה‬ ‫לטווח ארוך.‬‫7‬ ‫7‬
  8. 8. Remote whiteboard j.mp/w3cge18
  9. 9. ‫ווב )‪(web‬‬ ‫האינטרנט‬ ‫ַ ָ‬ ‫)המאֲרג(‬ ‫ִ ְ ֶׁ‬ ‫)המרשֶׁ תת(‬ ‫9‬‫9‬
  10. 10. 10 bit.ly/g63C9F
  11. 11. ‫מי חבר?‬‫11‬
  12. 12. 1212
  13. 13. ‫המשרד הישראלי‬ ‫הוקם ב-9991‬ ‫משנת 8002 - איגוד האינטרנט הישראלי‬ ‫מטרות :‬ ‫1. להביא ליישום המלצות‬ ‫2. ערוץ קשר‬ ‫3. לוקליזציה ותקני עברית‬ ‫31‬‫31‬
  14. 14. ‫ בישראל‬W3C W3C ‫תקני‬ w3.org/TR/14
  15. 15. ‫תהליך יצירת תקן‬ )W3C recommendation(15
  16. 16. • w3.org/Consortium/Process16
  17. 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 References17 14 Acknowledgments
  18. 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 1818 j.mp/w3cdoc
  19. 19. Interest - Member Submissions • w3.org/Submission/2011/01/19
  20. 20. Interest - Workshops20
  21. 21. Interest - (proposal, inside consensus) ...‫• שאלון לחברים‬ ...‫• מציאת שותפים‬21
  22. 22. New Activity / Group •Working • Interest •Coordination22
  23. 23. New Activity / Group 1. Members 2. Invited Experts 3. Team23
  24. 24. 23 Activities71 groups j.mp/w3cgro 2424
  25. 25. • w3.org/Consortium/activities25
  26. 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 reviewbit.ly/w3cpro 2626
  27. 27. What we do j.mp/w3cac 2727
  28. 28. And more…28
  29. 29. ‫5‪HTML‬‬ ‫4‪HTML‬‬ ‫אפליקציות‬ ‫דפים‬‫92‬
  30. 30. New & Improved: SEMANTICS CSS3 DEVICE 3D, GRAPHICS ACCESS & EFFECTS OFFLINE & CONNECTIVITY MULTIMEDIA PERFORMANCE STORAGE & INTEGRATION30
  31. 31. 31 caniuse.com
  32. 32. w3.org/TR/html5 •32
  33. 33. http://j.mp/sddsad •33
  34. 34. In the charter • Scope • Deliverables • Dependencies • Participation • Communication • Decision Policy • Patent Policy • About this Charter34
  35. 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 alternatives35
  36. 36. 36
  37. 37. 37
  38. 38. • 425 group participants, • 425 in good standing, • 197 participants from 53 organizations • 228 Invited Experts38 )‫(חריג‬
  39. 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. 40. w3.org/html/wg •40
  41. 41. • lists.w3.org/Archives/Public/public-html41
  42. 42. remove @ping from HTML5? • bit.ly/hn3GqF42
  43. 43. Removing the aside Element?43
  44. 44. • w3.org/html/wg/tracker/issues/9144
  45. 45. j.mp/dfeasd2 •45
  46. 46. ‫איסוף סוגי שימושים‬http://www.w3.org/2009/dap/wiki/Bluetooth_Use_Cases46
  47. 47. Face-to-Face Meetings47
  48. 48. bit.ly/dOhme3 •48
  49. 49. 49
  50. 50. Who’s using it?50
  51. 51. Facebookdevelopers.facebook.com/html551
  52. 52. Scribd Scribd CTO: "We Are Scrapping Flash And Betting The Company On HTML5” Erick Schonfeld, Techcrunch, May 5th, 201052
  53. 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. 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, 2011j.mp/oJruQ954
  55. 55. Amazon – Kindle Reader “Amazon Releases Web-Based HTML5 Kindle Cloud Reader, Skirts Apples App Store” Dan Rowinski, RWW, August 10, 2011j.mp/o8f3Ln55
  56. 56. ‫גוגל‬ ....GOOGLE VOICE ‫המקרה של‬http://j.mp/pgoaAI56
  57. 57. Financial Times “Financial Times Proves HTML5 Can Beat Native Mobile Apps” John Paul Titlow, RWW, September 23, 2011m.ft.com57
  58. 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/nhMjpr58
  59. 59. ‫תמיכת דפדפנים‬ ‫היצרנים מתחרים על רמת יישום התקן בדפדפנים‬‫95‬
  60. 60. 60
  61. 61. Some Examples61
  62. 62. Features presentations Bleeding Edge HTML5 The Edge of HTML562
  63. 63. Lights - Ellie Gouldinglights.elliegoulding.com/63
  64. 64. three.js - webgl dynamic cube reflection demohttp://j.mp/ocMabi64
  65. 65. Streamie streamie.org65
  66. 66. Timeline Reader html5.labs.ap.org •66
  67. 67. smartusa.com67
  68. 68. ‫גרפיקה‬ • Canvas • offlinegregmurray.org/fish68
  69. 69. CSS3-‫אפקטים ב‬http://layerstyles.org/builder.html69
  70. 70. 2011 ‫דיווח סיכום טוויטר‬http://aworldoftweets.frogdesign.com/70
  71. 71. Video playerspraegnanz.de/html5video71
  72. 72. ‫וידאו‬ http://j.mp/vidhtm •72
  73. 73. Gameshttp://canvasrider.com/73
  74. 74. More Games Massively multiplayer online word game its like Words-with-Friends and World of Warcraft had an HTML5 baby.http://wordsquared.com/74
  75. 75. Paintinghttp://muro.deviantart.com/75
  76. 76. HTML5FEST APP CONTEST.w3c.org.il/news/272 7676
  77. 77. ‫עוד טכנולוגיות ב-‪W3C‬‬‫77‬
  78. 78. ‫מסמכים שפורסמו לאחרונה‬ ‫‪j.mp/w3crct‬‬ ‫87‬‫87‬
  79. 79. 7979
  80. 80. Standards for Web Applications on Mobile j.mp/w3ckurt •w3.org/2012/02/mobile-web-app-state/80
  81. 81. Offline Technology • (geolocation API) ‫• מיקום‬ Accelerometer / Orientation • ‫ לרשימת אנשי קשר‬API ‫ ליומן‬API • ‫ למדיה‬API • )SMS, MMS, email) ‫ להודעות‬API • ‫ למידע מערכת‬API • ‫ לגלרייה‬API • … •81
  82. 82. HTML5FEST w3c.org.il/HTML5fest/mobile 8282
  83. 83. Web based GPS m.maps.nokia.com83
  84. 84. 3D Explorer j.mp/w3ca2 j.mp/uAjvj384
  85. 85. WCAG 2.0 Web Content Accessibility Guidelines 8585
  86. 86. Layers • Principles (4) • Guidelines (12) • Success Criteria • Sufficient and Advisory Techniques ) ‫(גם בעברית‬ • 8686
  87. 87. Example guideline 8787
  88. 88. Authoring HTML: Handling Right-to-left Scripts 9393
  89. 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. 9494
  90. 90. TV Car hyperdevices95
  91. 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. 92. Local Network Service DiscoverySource: use case "Push Play“ via Sony Mobile Communication j.mp/J1fxDAs97
  93. 93. Source: use case "Push Play“ via Sony Mobile Communication j.mp/J1fxDA98
  94. 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 History99
  95. 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 :‫בארץ‬ ‫• תרגם‬ ‫• הרצאות‬ ‫• שת"פ איתנו‬ .‫• מפגשים, פיתוח‬ 104104
  96. 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. 97. ‫אייל סלע‬ eyal@isoc.org.il @isociltech @eyalsela106

×