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

  • 912 views
Uploaded on

 

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
912
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
2
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. ‫‪W3C‬‬ ‫תהליכים וטכנולוגיות‬ ‫מכללת ספיר‬ ‫2102/4/32‬ ‫אייל סלע‬‫מנהל פרויקטים, איגוד האינטרנט הישראלי ומשרד ה-‪ W3C‬הישראלי‬
  • 2. ‫תוכנית‬ The Open web platform & W3C • ?)W3C recommendation( ‫תהליך יצירת‬ • HTML5 and more • W3C-‫עוד טכנולוגיות ב‬ • ‫דיון‬ • 22
  • 3. ‫איגוד האינטרנט הישראלי‬ ‫שלוחת האיגוד הבינלאומי‬ ‫עמותה ללא מטרת רווח‬ ‫קידום האינטרנט והטמעתו בישראל כתשתית‬ ‫טכנולוגית, מחקרית, חינוכית, חברתית ועסקית‬‫3‬
  • 4. ‫מה אנחנו עושים‬ ‫תשתית (שמות מתחם, ‪)IIX‬‬ ‫•‬ ‫חברה (גלישה בטוחה, אוכלוסיות, קו חם ...)‬ ‫•‬ ‫תוכן (מפגשים, פרסומים ....)‬ ‫•‬ ‫משפט (צנזורה, ממשל, הסדרה עצמית, 6‪)...... ,IPV‬‬ ‫•‬ ‫טכנולוגיה (‪ ,W3C ,STS‬קוד פתוח, אבטחת מידע)‬ ‫•‬ ‫34:70 11/40/62‬‫4‬
  • 5. A NEW WAVE ofTRANSFORMATIONS Just as the Web has transformed everything… …It will transform everything again5
  • 6. W3C & The Open web platform6
  • 7. ‫‪W3C‬‬ ‫ארגון בינלאומי‬ ‫כ-053 ארגונים‬ ‫פורום ניטראלי ליצירת תקני הווב‬ ‫משימה:‬ ‫להוביל את הרשת למיצוי הפוטנציאל על ידי פיתוח‬ ‫פרוטוקולים וקווים מנחים שיאפשרו את צמיחתה‬ ‫לטווח ארוך.‬‫7‬ ‫7‬
  • 8. Remote whiteboard j.mp/w3cge18
  • 9. ‫ווב )‪(web‬‬ ‫האינטרנט‬ ‫ַ ָ‬ ‫)המאֲרג(‬ ‫ִ ְ ֶׁ‬ ‫)המרשֶׁ תת(‬ ‫9‬‫9‬
  • 10. 10 bit.ly/g63C9F
  • 11. ‫מי חבר?‬‫11‬
  • 12. 1212
  • 13. ‫המשרד הישראלי‬ ‫הוקם ב-9991‬ ‫משנת 8002 - איגוד האינטרנט הישראלי‬ ‫מטרות :‬ ‫1. להביא ליישום המלצות‬ ‫2. ערוץ קשר‬ ‫3. לוקליזציה ותקני עברית‬ ‫31‬‫31‬
  • 14. ‫ בישראל‬W3C W3C ‫תקני‬ w3.org/TR/14
  • 15. ‫תהליך יצירת תקן‬ )W3C recommendation(15
  • 16. • w3.org/Consortium/Process16
  • 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. ‫נקודות עיקריות ביצירת תקן‬ 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. Interest - Member Submissions • w3.org/Submission/2011/01/19
  • 20. Interest - Workshops20
  • 21. Interest - (proposal, inside consensus) ...‫• שאלון לחברים‬ ...‫• מציאת שותפים‬21
  • 22. New Activity / Group •Working • Interest •Coordination22
  • 23. New Activity / Group 1. Members 2. Invited Experts 3. Team23
  • 24. 23 Activities71 groups j.mp/w3cgro 2424
  • 25. • w3.org/Consortium/activities25
  • 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. What we do j.mp/w3cac 2727
  • 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 & INTEGRATION30
  • 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 Charter34
  • 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
  • 37. 37
  • 38. • 425 group participants, • 425 in good standing, • 197 participants from 53 organizations • 228 Invited Experts38 )‫(חריג‬
  • 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-html41
  • 42. remove @ping from HTML5? • bit.ly/hn3GqF42
  • 43. Removing the aside Element?43
  • 44. • w3.org/html/wg/tracker/issues/9144
  • 45. j.mp/dfeasd2 •45
  • 46. ‫איסוף סוגי שימושים‬http://www.w3.org/2009/dap/wiki/Bluetooth_Use_Cases46
  • 47. Face-to-Face Meetings47
  • 48. bit.ly/dOhme3 •48
  • 49. 49
  • 50. Who’s using it?50
  • 51. Facebookdevelopers.facebook.com/html551
  • 52. Scribd Scribd CTO: "We Are Scrapping Flash And Betting The Company On HTML5” Erick Schonfeld, Techcrunch, May 5th, 201052
  • 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, 2011j.mp/oJruQ954
  • 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. ‫גוגל‬ ....GOOGLE VOICE ‫המקרה של‬http://j.mp/pgoaAI56
  • 57. Financial Times “Financial Times Proves HTML5 Can Beat Native Mobile Apps” John Paul Titlow, RWW, September 23, 2011m.ft.com57
  • 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. ‫תמיכת דפדפנים‬ ‫היצרנים מתחרים על רמת יישום התקן בדפדפנים‬‫95‬
  • 60. 60
  • 61. Some Examples61
  • 62. Features presentations Bleeding Edge HTML5 The Edge of HTML562
  • 63. Lights - Ellie Gouldinglights.elliegoulding.com/63
  • 64. three.js - webgl dynamic cube reflection demohttp://j.mp/ocMabi64
  • 65. Streamie streamie.org65
  • 66. Timeline Reader html5.labs.ap.org •66
  • 67. smartusa.com67
  • 68. ‫גרפיקה‬ • Canvas • offlinegregmurray.org/fish68
  • 69. CSS3-‫אפקטים ב‬http://layerstyles.org/builder.html69
  • 70. 2011 ‫דיווח סיכום טוויטר‬http://aworldoftweets.frogdesign.com/70
  • 71. Video playerspraegnanz.de/html5video71
  • 72. ‫וידאו‬ http://j.mp/vidhtm •72
  • 73. Gameshttp://canvasrider.com/73
  • 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. Paintinghttp://muro.deviantart.com/75
  • 76. HTML5FEST APP CONTEST.w3c.org.il/news/272 7676
  • 77. ‫עוד טכנולוגיות ב-‪W3C‬‬‫77‬
  • 78. ‫מסמכים שפורסמו לאחרונה‬ ‫‪j.mp/w3crct‬‬ ‫87‬‫87‬
  • 79. 7979
  • 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 8282
  • 83. Web based GPS m.maps.nokia.com83
  • 84. 3D Explorer j.mp/w3ca2 j.mp/uAjvj384
  • 85. WCAG 2.0 Web Content Accessibility Guidelines 8585
  • 86. Layers • Principles (4) • Guidelines (12) • Success Criteria • Sufficient and Advisory Techniques ) ‫(גם בעברית‬ • 8686
  • 87. Example guideline 8787
  • 88. Authoring HTML: Handling Right-to-left Scripts 9393
  • 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. TV Car hyperdevices95
  • 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 DiscoverySource: use case "Push Play“ via Sony Mobile Communication j.mp/J1fxDAs97
  • 93. Source: use case "Push Play“ via Sony Mobile Communication j.mp/J1fxDA98
  • 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. 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. ‫דיון‬ ‫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 @eyalsela106