W3C תהליכים וטכנולוגיות

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

מכללת ספיר

23/4/2012

2

תוכנית•W3C & The Open web platform

?(W3C recommendation)תהליך יצירת •

•HTML5 and more

W3C-עוד טכנולוגיות ב•

דיון•

2

3

איגוד האינטרנט הישראלי

שלוחת האיגוד הבינלאומי

עמותה ללא מטרת רווח

קידום האינטרנט והטמעתו בישראל כתשתית

חברתית ועסקית, חינוכית, מחקרית, טכנולוגית

4

מה אנחנו עושים

(IIX, שמות מתחם)תשתית •

...(קו חם , אוכלוסיות, גלישה בטוחה)חברה •

....(פרסומים , מפגשים)תוכן •

......(, IPV6, הסדרה עצמית, ממשל, צנזורה)משפט •

(אבטחת מידע ,קוד פתוח, STS ,W3C)טכנולוגיה •

26/04/11 07:43

5

A NEW WAVE TRANSFORMATIONS

of

Just as the Web

has transformed

everything…

…It will

transform

everything again

6

W3C &

The Open web platform

7

W3C

ארגון בינלאומי

ארגונים 350-כ

פורום ניטראלי ליצירת תקני הווב

:משימה

להוביל את הרשת למיצוי הפוטנציאל על ידי פיתוח

פרוטוקולים וקווים מנחים שיאפשרו את צמיחתה

.לטווח ארוך

7

8

1cge3j.mp/w

Remote whiteboard

9

האינטרנט

9

(web) ווב

ת) ת (המארג) (המרש

10 bit.ly/g63C9F

11

? מי חבר

12

12

13

המשרד הישראלי

1999-הוקם ב

איגוד האינטרנט הישראלי - 2008משנת

:מטרות

להביא ליישום המלצות1.

ערוץ קשר2.

לוקליזציה ותקני עברית3.

13

14

W3C בישראל

W3Cתקני

.org/TR/3w

15

תהליך יצירת תקן

(W3C recommendation)

16

• w3.org/Consortium/Process

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

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 cdoc3j.mp/w

19

Interest - Member Submissions

• w3.org/Submission/2011/01/

20

Interest - Workshops

21

Interest - (proposal, inside consensus)

...שאלון לחברים•

...מציאת שותפים•

22

New Activity / Group

•Working

• Interest

•Coordination

23

New Activity / Group

1. Members

2. Invited Experts

3. Team

24

24

cgro3j.mp/w

23 Activities

71 groups

25

• w3.org/Consortium/activities

26

Recommendation track

bit.ly/w3cpro

26

• 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

27

What we do

27

cac3j.mp/w

28

And more…

29

HTML5 אפליקציות

HTML4 דפים

30

New & Improved:

SEMANTICS CSS3 DEVICE

ACCESS

3D, GRAPHICS

& EFFECTS

OFFLINE &

STORAGE

CONNECTIVITY MULTIMEDIA PERFORMANCE

& INTEGRATION

31 caniuse.com

32

•5.org/TR/html3w

33

•http://j.mp/sddsad

34

In the charter

• Scope

• Deliverables

• Dependencies

• Participation

• Communication

• Decision Policy

• Patent Policy

• About this Charter

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

36

37

38

• 425 group participants,

• 425 in good standing,

• 197 participants from 53 organizations

• 228 Invited Experts

(חריג)

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.

40

•.org/html/wg3w

41

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

42

remove @ping from HTML5?

• bit.ly/hn3GqF

43

Removing the aside Element?

44

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

45

•2j.mp/dfeasd

46

איסוף סוגי שימושים

http://www.w3.org/2009/dap/wiki/Bluetooth_Use_Cases

47

Face-to-Face Meetings

48

•3bit.ly/dOhme

49

50

Who’s using it?

51

Facebook

developers.facebook.com/html5

52

Scribd

Scribd CTO: "We Are Scrapping Flash And Betting The Company On HTML5”

Erick Schonfeld, Techcrunch, May 5th, 2010

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

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.

j.mp/oJruQ9

May 11, 2011

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

56

גוגל

....GOOGLE VOICEהמקרה של

http://j.mp/pgoaAI

57

Financial Times

“Financial Times Proves HTML5 Can Beat Native Mobile Apps”

John Paul Titlow, RWW, September 23, 2011

m.ft.com

58

Zynga, Disney, Motorola

Zynga, Disney embrace Web game technology Stephen Shankland, CNET, March 3, 2011

j.mp/nhMjpr

“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.”

59

תמיכת דפדפנים

היצרנים מתחרים על רמת יישום התקן בדפדפנים

60

61

Some Examples

62

Features presentations

5Bleeding Edge HTML

5Edge of HTMLThe

63

Lights - Ellie Goulding

lights.elliegoulding.com/

64

three.js - webgl dynamic cube reflection demo

http://j.mp/ocMabi

65

Streamie

streamie.org

66

Timeline Reader

•.labs.ap.org5html

67

smartusa.com

68

גרפיקה

• Canvas

• offline

gregmurray.org/fish

69

CSS3-אפקטים ב

http://layerstyles.org/builder.html

70

2011דיווח סיכום טוויטר

http://aworldoftweets.frogdesign.com/

71

Video players

praegnanz.de/html5video

72

וידאו

•http://j.mp/vidhtm

73

Games

http://canvasrider.com/

74

More Games Massively multiplayer online word game

http://wordsquared.com/

it's like Words-with-Friends and World of Warcraft had an HTML5

baby.

75

Painting

http://muro.deviantart.com/

76

HTML5FEST APP CONTEST

.w3c.org.il/news/272 76

77

W3C-עוד טכנולוגיות ב

78

מסמכים שפורסמו לאחרונה

78 crct3j.mp/w

79

79

80

Standards for Web Applications on Mobile

•ckurt3j.mp/w

w3.org/2012/02/mobile-web-app-state/

81

•Offline Technology

(geolocation API) מיקום •

•Accelerometer / Orientation API לרשימת אנשי קשר

• API ליומן

•API למדיה

•API להודעותSMS, MMS, email) )

•API למידע מערכת

•API לגלרייה

•…

82

HTML5FEST

w3c.org.il/HTML5fest/mobile 82

83

Web based GPS

m.maps.nokia.com

84

3D Explorer

2ca3j.mp/w

j.mp/uAjvj3

85

WCAG 2.0 Web Content Accessibility Guidelines

85

86

Layers

• Principles (4)

• Guidelines (12)

• Success Criteria

• Sufficient and Advisory Techniques (גם בעברית)•

86

87

Example guideline

87

93

Authoring HTML: Handling Right-to-left Scripts

93

94

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

95

TV

Car

hyperdevices

96

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/

97

Local Network Service Discovery

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

s

98

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

99

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

104

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

105

דיון.1HTML4 לHTML5

הדפדפן כמערכת הפעלה, מחשוב עננים2.

.ותוספים אחרים לטכנולוגיות הווב הפתוחות flashתחרות בין / יחסי הגומלין 3.

@longdescהסרת 4.

?להשתמש רק בהם? האם צריך לחכות לתקנים? יצירת תקנים בגוף גדול ומורכב5.

.6HTML5 video codac (פריסה, פתוח לעומת איכות)

?מהו תקן פתוח7.

נגישות8.

.9CSS vendor prefixes?

בעבר וכיום –נושאי תאימות דפדפנים 10.

מובייל ווב11.

.12....

106

אייל סלע

eyal@isoc.org.il

@isociltech @eyalsela