SlideShare a Scribd company logo
‫עתיד ה- ‪ WEB‬ותקניו‬

       ‫ד"ר ישע סיון‬
‫ראש משרד ה-‪ W3C‬הישראלי‬



   ‫‪www.w3c.org.il‬‬        ‫1‬
‫אודות: איגוד האינטרנט הישראלי‬
                    ‫• שלוחת האיגוד הבינלאומי:‬
                       ‫• עמותה ללא מטרת רווח‬

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



              ‫‪www.w3c.org.il‬‬                 ‫2‬
‫טכנלוגיה‬
                          ‫• תשתיות‬
                ‫– שמות מתחם ו-‪IIX‬‬
                            ‫• קידום‬
          ‫– ‪ - W3C‬המשרד הישראלי‬
  ‫– ‪ - OPN‬מערכות פתוחות וקוד פתוח‬
‫– ‪ - STS‬מאגר נתוני האינטרנט בישראל‬
                   ‫• נושאים נוספים‬



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


            ‫‪www.w3c.org.il‬‬                     ‫4‬
‫המשרד הישראלי‬
                      ‫• הוקם ב-9991‬
‫• משנת 8002 -איגוד האינטרנט הישראלי‬
                           ‫• מטרות :‬
            ‫1. להביא ליישום המלצות‬
                        ‫2. ערוץ קשר‬
            ‫3. לוקליזציה ותקני עברית‬




     ‫‪www.w3c.org.il‬‬                    ‫5‬
HTML5 For VPs
   Dr. Yesha Sivan, Head W3C Office Israel
 Michael(tm) Smith: W3C HTML Activity Lead




          www.w3c.org.il                     6
HTML 5 – in 1 min
1. 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                                 7
HTML 5 Design Principles
1.       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                     8
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                    9
Forms
• Less JavaScript more built-
  in items.
  – <input type="date> and no
   code.




                www.w3c.org.il   10
Video




        www.w3c.org.il   11
Canvas Demo




http://htmlfive.appspot.com/


                               www.w3c.org.il   12
More abilities
•   drag-and-drop
•   Geolocation API
•   Accesskey
•   Spellcheck (one can ask for
    spellcheck).
          <textarea spellcheck="false"> <textarea spellcheck="true">




                    www.w3c.org.il                                     13
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                                       14
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”

                 www.w3c.org.il                  15

More Related Content

PPTX
Pitch
PPT
Critica Thinking
PDF
Study: The Future of VR, AR and Self-Driving Cars
PDF
Hype vs. Reality: The AI Explainer
PDF
Html 5 Usability UPA 2009 - Dr. Yesha Sivan
PDF
מכללת ספיר - W3C - תהליכים וטכנולוגיות
PDF
הערך הטכנו-עסקי של HTML5
PDF
מגמות וטכנולוגיות באינטרנט ובווב
Pitch
Critica Thinking
Study: The Future of VR, AR and Self-Driving Cars
Hype vs. Reality: The AI Explainer
Html 5 Usability UPA 2009 - Dr. Yesha Sivan
מכללת ספיר - W3C - תהליכים וטכנולוגיות
הערך הטכנו-עסקי של HTML5
מגמות וטכנולוגיות באינטרנט ובווב

Similar to Html 5 For V Ps (20)

PDF
דמואים, הדגמות קוד ומסגרות פיתוח חדשניים בטכנולוגיות ווב פתוחות
PDF
Mobile Web Best Practices Eyal Sela [Hebrew]
PDF
כלים ושיטות לבניית אתרים תקניים, נגישים ועשירים יותר
PDF
סקירת טכנולוגיות W3C חדשות שלא תראו אפילו בגירסאות ליליות - 12.2011
PDF
HTML5, ווב נייד ותקנים פתוחים ברשת
PDF
HTML5, ווב נייד ותקנים פתוחים ברשת
PDF
שיטות לפיתוח אפליקציות ווב למכשירים ניידים - מובייל מונדי 28 ביוני 2010
PDF
מכשירים חדשים - עתיד הווב הנייד
PDF
טכנולוגיות אינטרנט מתפתחות - הווב הסמנטי ויישומיו - אייל סלע
PDF
שיטות לפיתוח אפליקציות ווב למכשירים ניידים על פי Mobile Web Application Best...
PDF
למנהלים 2010 – יישומים ודוגמאות Html5
PPTX
ISUG 101 Nir Tentzer
PDF
כלים ושיטות להנגשת אתרי אינטרנט על פי WCAG 2.0
PDF
טכנולוגיות אינטרנט מתפתחות הווב הסמנטי ויישומיו - אייל סלע - אוניברסיטת בר...
PDF
טכנולוגיות אינטרנט מתפתחות - הווב הסמנטי ויישומיו - מידע2011
PDF
דמואים, הדגמות קוד ומסגרות פיתוח חדשניים בטכנולוגיות ווב פתוחות
Mobile Web Best Practices Eyal Sela [Hebrew]
כלים ושיטות לבניית אתרים תקניים, נגישים ועשירים יותר
סקירת טכנולוגיות W3C חדשות שלא תראו אפילו בגירסאות ליליות - 12.2011
HTML5, ווב נייד ותקנים פתוחים ברשת
HTML5, ווב נייד ותקנים פתוחים ברשת
שיטות לפיתוח אפליקציות ווב למכשירים ניידים - מובייל מונדי 28 ביוני 2010
מכשירים חדשים - עתיד הווב הנייד
טכנולוגיות אינטרנט מתפתחות - הווב הסמנטי ויישומיו - אייל סלע
שיטות לפיתוח אפליקציות ווב למכשירים ניידים על פי Mobile Web Application Best...
למנהלים 2010 – יישומים ודוגמאות Html5
ISUG 101 Nir Tentzer
כלים ושיטות להנגשת אתרי אינטרנט על פי WCAG 2.0
טכנולוגיות אינטרנט מתפתחות הווב הסמנטי ויישומיו - אייל סלע - אוניברסיטת בר...
טכנולוגיות אינטרנט מתפתחות - הווב הסמנטי ויישומיו - מידע2011
Ad

More from Israeli Internet Association technology committee (20)

PPS
נגישות באינטרנט לאנשים עם מוגבלות, הלכה למעשה
PDF
ליאור שיאון - מפת מקלטים
PDF
טל גלילי - אושאידי
PPTX
אמרי באומר - האקתון חוסן לאומי
PPS
אורי סגל - מרחב מוגן
PDF
אופיר בן אבי - ממשל זמין
PPTX
יובל טיסונה - המלחמה הבאה
PDF
PDF
PDF
יחידת לימוד – תכנון ופיתוח אפליקציות ווב למכשירים ניידים
PDF
האם ויקיפדיה מונגשת לאנשים עם מוגבלויות?
PDF
IPv6 - Global Adoption - Ran Liberman
PPT
implementing IPv6 in an ISP network, case study and lessons learned - Amos Ro...
PDF
IPv6 training guide - Yuval Shaul
PDF
פתיחה - יום השקת IPv6 בישראל
PDF
How I learned to stop writing CSS and start writing SASS
PDF
אבטחת מידע לעובדים בארגון
PPTX
The Open Web Platform and You! [Executive version]
PDF
HTML5 וממשל - לבנות את האתרים של המחר היום - גיל פינק
PDF
לקראת העירייה הדיגיטלית - השירותים המקוונים של עירית תל-אביב-יפו זוהר שרון
נגישות באינטרנט לאנשים עם מוגבלות, הלכה למעשה
ליאור שיאון - מפת מקלטים
טל גלילי - אושאידי
אמרי באומר - האקתון חוסן לאומי
אורי סגל - מרחב מוגן
אופיר בן אבי - ממשל זמין
יובל טיסונה - המלחמה הבאה
יחידת לימוד – תכנון ופיתוח אפליקציות ווב למכשירים ניידים
האם ויקיפדיה מונגשת לאנשים עם מוגבלויות?
IPv6 - Global Adoption - Ran Liberman
implementing IPv6 in an ISP network, case study and lessons learned - Amos Ro...
IPv6 training guide - Yuval Shaul
פתיחה - יום השקת IPv6 בישראל
How I learned to stop writing CSS and start writing SASS
אבטחת מידע לעובדים בארגון
The Open Web Platform and You! [Executive version]
HTML5 וממשל - לבנות את האתרים של המחר היום - גיל פינק
לקראת העירייה הדיגיטלית - השירותים המקוונים של עירית תל-אביב-יפו זוהר שרון
Ad

Html 5 For V Ps

  • 1. ‫עתיד ה- ‪ WEB‬ותקניו‬ ‫ד"ר ישע סיון‬ ‫ראש משרד ה-‪ W3C‬הישראלי‬ ‫‪www.w3c.org.il‬‬ ‫1‬
  • 2. ‫אודות: איגוד האינטרנט הישראלי‬ ‫• שלוחת האיגוד הבינלאומי:‬ ‫• עמותה ללא מטרת רווח‬ ‫פועל לקידום האינטרנט והטמעתו בישראל‬ ‫כתשתית טכנולוגית, מחקרית, חינוכית, חברתית‬ ‫ועסקית.‬ ‫‪www.w3c.org.il‬‬ ‫2‬
  • 3. ‫טכנלוגיה‬ ‫• תשתיות‬ ‫– שמות מתחם ו-‪IIX‬‬ ‫• קידום‬ ‫– ‪ - W3C‬המשרד הישראלי‬ ‫– ‪ - OPN‬מערכות פתוחות וקוד פתוח‬ ‫– ‪ - STS‬מאגר נתוני האינטרנט בישראל‬ ‫• נושאים נוספים‬ ‫‪www.w3c.org.il‬‬ ‫3‬
  • 4. ‫‪W3C‬‬ ‫ארגון בינלאומי‬ ‫•‬ ‫כ-053 ארגונים‬ ‫•‬ ‫פורום ניטראלי ליצירת תקני רשת באינטרנט.‬ ‫•‬ ‫משימה:‬ ‫•‬ ‫להוביל את הרשת למיצוי הפוטנציאל על ידי פיתוח‬ ‫פרוטוקולים וקווים מנחים שיאפשרו את צמיחתה‬ ‫לטווח ארוך.‬ ‫‪www.w3c.org.il‬‬ ‫4‬
  • 5. ‫המשרד הישראלי‬ ‫• הוקם ב-9991‬ ‫• משנת 8002 -איגוד האינטרנט הישראלי‬ ‫• מטרות :‬ ‫1. להביא ליישום המלצות‬ ‫2. ערוץ קשר‬ ‫3. לוקליזציה ותקני עברית‬ ‫‪www.w3c.org.il‬‬ ‫5‬
  • 6. HTML5 For VPs Dr. Yesha Sivan, Head W3C Office Israel Michael(tm) Smith: W3C HTML Activity Lead www.w3c.org.il 6
  • 7. HTML 5 – in 1 min 1. 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 7
  • 8. HTML 5 Design Principles 1. 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 8
  • 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 9
  • 10. Forms • Less JavaScript more built- in items. – <input type="date> and no code. www.w3c.org.il 10
  • 11. Video www.w3c.org.il 11
  • 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 13
  • 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 14
  • 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” www.w3c.org.il 15

Editor's Notes

  • #9: http://www.w3.org/2009/Talks/05-20-smith-html5-xhtml2/