Html 5 For V Ps

15
www.w3c.org.il 1 עתיד ה- WEB ותקניו ד" ר ישע סיון ראש משרד ה- W3C הישראלי

description

HTML5, הגרסה הבאה של HTML, יאפשר לתאר תוכן אתרים בצורה טובה יותר, סוגי תוכן מורכבים יותר, יתמוך במדיה ואפליקציות רשת מתקדמות וישפר את התאימות של מסמכי HTML. הגרסה החדשה באה לענות הצורך הגדל בתוכן מגוון ומורכב יותר ברשת. בהרצאה, אשר נבנתה יחד עם ראש קבוצת העבודה המפתחת את HTML 5, Michael(tm) Smith, יצגו עקרונות פיתוח הגרסה החדשה, דוגמאות למאפיינים חדשים ויוסבר כיצד תוכלו לשלב אותה בפיתוח אתרים.

Transcript of Html 5 For V Ps

www.w3c.org.il 1

ותקניו WEB-עתיד ה

ר ישע סיון"ד

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

www.w3c.org.il 2

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

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

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

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

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

.ועסקית

www.w3c.org.il 3

טכנלוגיה

תשתיות•

IIX-שמות מתחם ו–

קידום•

–W3C - המשרד הישראלי

–OPN - מערכות פתוחות וקוד פתוח

–STS - מאגר נתוני האינטרנט בישראל

נושאים נוספים•

www.w3c.org.il 4

W3C

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

ארגונים 350-כ•

. פורום ניטראלי ליצירת תקני רשת באינטרנט•

:משימה•

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

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

www.w3c.org.il 5

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

1999-הוקם ב•

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

:מטרות •

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

ערוץ קשר2.

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

www.w3c.org.il 6

HTML 5 For VPsDr. Yesha Sivan, Head W3C Office Israel

Michael(tm) Smith: W3C HTML Activity Lead

www.w3c.org.il 7

HTML 5 – in 1 min1. Vision: Runtime environments (like Flash, Java J2ME/MIDP,

Silverlight).• No downloads, in the browser.

2. W3C stewardship -- integrating a lot of work into common platform (e.g., SVG, CSS, HTML, JavaScript) – stewardship.

3. Growing support• Google, Microsoft, Opera, Firefox, Apple Safari.

4. Promise– New elements build in – video.– Easy of deployment: web, TV, mobile.– The rise of SVG, Canvas: HTML for graphics (The no-flash Iphone

example).– Keyboard Input– Off line (like Google gears).

www.w3c.org.il 8

HTML 5 Design Principles1. Support existing content

• Maintain prior investment.

2. Ensure interoperability• Web, Mobile, Many browsers.

• Difference between format and engine (flash example).

3. Precisely define browser behavior• Example: how “table” or “form” should act.

• Detailed specs for the outcome.

4. Handle errors (non-draconically)• Today 90% of the web is not “correct”

• So… we support graceful dealing with errors.

5. Evolution not revolution• Keep the past.

• Enable the future.

www.w3c.org.il 9

History• 1989 – First HTML idea.• 1994 – W3C founded.• 1995 – HTML 2.• 1998 – HTML 4.• ~~ XHTML (now part of HTML) [dark ages]• 2007 – Start New HTML working group.• 2009 (now) – Mature HTML 5 [600 pages].

– Example working: video. Canvas.– Rate of acceptance is scary! (too fast for us).

• 2011 – Final HTML 5.

www.w3c.org.il 10

Forms

• Less JavaScript more built-in items.

– <input type="date> and no code.

www.w3c.org.il 11

Video

www.w3c.org.il 12

Canvas Demo

http://htmlfive.appspot.com/

www.w3c.org.il 13

More abilities

• drag-and-drop

• Geolocation API

• Accesskey

• Spellcheck (one can ask for spellcheck).

<textarea spellcheck="false"> <textarea spellcheck="true">

www.w3c.org.il 14

Supporters

There is a value for the different players as market share is now divided.

They will compete:

• Speed.

• Added value (like bookmarks, addons).

• Stability.

• BUT keep the standard look & feel.

www.w3c.org.il 15

What should I do?

1. Follow the updates and changes [where].

2. Examine sites with several browsers.

3. Use HTML 5 in internal/external marketing.

4. Use validators [where, what?].

5. Remember – web is progressing from showing information – to an operating system that run applications and services. As W3C calls it: “open web platform”