SlideShare una empresa de Scribd logo
1 de 15
Descargar para leer sin conexión
‫5‪ - HTML‬מבט על התקן‬
‫ממשקפי שמישות וקיימות‬
          ‫ד"ר ישע סיון‬
   ‫ראש משרד ה-‪ 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

Más contenido relacionado

Similar a Html 5 Usability UPA 2009 - Dr. Yesha Sivan

דמואים, הדגמות קוד ומסגרות פיתוח חדשניים בטכנולוגיות ווב פתוחות
 דמואים, הדגמות קוד ומסגרות פיתוח חדשניים בטכנולוגיות ווב פתוחות דמואים, הדגמות קוד ומסגרות פיתוח חדשניים בטכנולוגיות ווב פתוחות
דמואים, הדגמות קוד ומסגרות פיתוח חדשניים בטכנולוגיות ווב פתוחותIsraeli Internet Association technology committee
 
כלים ושיטות לבניית אתרים תקניים, נגישים ועשירים יותר
כלים ושיטות לבניית אתרים תקניים, נגישים ועשירים יותרכלים ושיטות לבניית אתרים תקניים, נגישים ועשירים יותר
כלים ושיטות לבניית אתרים תקניים, נגישים ועשירים יותרIsraeli Internet Association technology committee
 
סקירת טכנולוגיות W3C חדשות שלא תראו אפילו בגירסאות ליליות - 12.2011
סקירת טכנולוגיות W3C חדשות שלא תראו אפילו בגירסאות ליליות - 12.2011סקירת טכנולוגיות W3C חדשות שלא תראו אפילו בגירסאות ליליות - 12.2011
סקירת טכנולוגיות W3C חדשות שלא תראו אפילו בגירסאות ליליות - 12.2011Israeli Internet Association technology committee
 
שיטות לפיתוח אפליקציות ווב למכשירים ניידים - מובייל מונדי 28 ביוני 2010
שיטות לפיתוח אפליקציות ווב למכשירים ניידים - מובייל מונדי 28 ביוני 2010שיטות לפיתוח אפליקציות ווב למכשירים ניידים - מובייל מונדי 28 ביוני 2010
שיטות לפיתוח אפליקציות ווב למכשירים ניידים - מובייל מונדי 28 ביוני 2010Israeli Internet Association technology committee
 
שיטות לפיתוח אפליקציות ווב למכשירים ניידים על פי Mobile Web Application Best...
 שיטות לפיתוח אפליקציות ווב למכשירים ניידים על פי Mobile Web Application Best... שיטות לפיתוח אפליקציות ווב למכשירים ניידים על פי Mobile Web Application Best...
שיטות לפיתוח אפליקציות ווב למכשירים ניידים על פי Mobile Web Application Best...Israeli Internet Association technology committee
 
טכנולוגיות אינטרנט מתפתחות - הווב הסמנטי ויישומיו - אייל סלע
טכנולוגיות אינטרנט מתפתחות  - הווב הסמנטי ויישומיו - אייל סלעטכנולוגיות אינטרנט מתפתחות  - הווב הסמנטי ויישומיו - אייל סלע
טכנולוגיות אינטרנט מתפתחות - הווב הסמנטי ויישומיו - אייל סלעIsraeli Internet Association technology committee
 

Similar a Html 5 Usability UPA 2009 - Dr. Yesha Sivan (20)

מכללת ספיר - W3C - תהליכים וטכנולוגיות
מכללת ספיר - W3C - תהליכים וטכנולוגיותמכללת ספיר - W3C - תהליכים וטכנולוגיות
מכללת ספיר - W3C - תהליכים וטכנולוגיות
 
הערך הטכנו-עסקי של HTML5
הערך הטכנו-עסקי של HTML5הערך הטכנו-עסקי של HTML5
הערך הטכנו-עסקי של HTML5
 
דמואים, הדגמות קוד ומסגרות פיתוח חדשניים בטכנולוגיות ווב פתוחות
 דמואים, הדגמות קוד ומסגרות פיתוח חדשניים בטכנולוגיות ווב פתוחות דמואים, הדגמות קוד ומסגרות פיתוח חדשניים בטכנולוגיות ווב פתוחות
דמואים, הדגמות קוד ומסגרות פיתוח חדשניים בטכנולוגיות ווב פתוחות
 
מגמות וטכנולוגיות באינטרנט ובווב
מגמות וטכנולוגיות באינטרנט ובוובמגמות וטכנולוגיות באינטרנט ובווב
מגמות וטכנולוגיות באינטרנט ובווב
 
כלים ושיטות לבניית אתרים תקניים, נגישים ועשירים יותר
כלים ושיטות לבניית אתרים תקניים, נגישים ועשירים יותרכלים ושיטות לבניית אתרים תקניים, נגישים ועשירים יותר
כלים ושיטות לבניית אתרים תקניים, נגישים ועשירים יותר
 
Mobile Web Best Practices Eyal Sela [Hebrew]
Mobile Web Best Practices   Eyal Sela [Hebrew]Mobile Web Best Practices   Eyal Sela [Hebrew]
Mobile Web Best Practices Eyal Sela [Hebrew]
 
סקירת טכנולוגיות W3C חדשות שלא תראו אפילו בגירסאות ליליות - 12.2011
סקירת טכנולוגיות W3C חדשות שלא תראו אפילו בגירסאות ליליות - 12.2011סקירת טכנולוגיות W3C חדשות שלא תראו אפילו בגירסאות ליליות - 12.2011
סקירת טכנולוגיות W3C חדשות שלא תראו אפילו בגירסאות ליליות - 12.2011
 
W3C - מבוא
W3C - מבואW3C - מבוא
W3C - מבוא
 
HTML5, ווב נייד ותקנים פתוחים ברשת
HTML5, ווב נייד ותקנים פתוחים ברשת HTML5, ווב נייד ותקנים פתוחים ברשת
HTML5, ווב נייד ותקנים פתוחים ברשת
 
Mobile web design Eyal Sela
Mobile web design   Eyal SelaMobile web design   Eyal Sela
Mobile web design Eyal Sela
 
שיטות לפיתוח אפליקציות ווב למכשירים ניידים - מובייל מונדי 28 ביוני 2010
שיטות לפיתוח אפליקציות ווב למכשירים ניידים - מובייל מונדי 28 ביוני 2010שיטות לפיתוח אפליקציות ווב למכשירים ניידים - מובייל מונדי 28 ביוני 2010
שיטות לפיתוח אפליקציות ווב למכשירים ניידים - מובייל מונדי 28 ביוני 2010
 
HTML5, ווב נייד ותקנים פתוחים ברשת
HTML5, ווב נייד ותקנים פתוחים ברשתHTML5, ווב נייד ותקנים פתוחים ברשת
HTML5, ווב נייד ותקנים פתוחים ברשת
 
שיטות לפיתוח אפליקציות ווב למכשירים ניידים על פי Mobile Web Application Best...
 שיטות לפיתוח אפליקציות ווב למכשירים ניידים על פי Mobile Web Application Best... שיטות לפיתוח אפליקציות ווב למכשירים ניידים על פי Mobile Web Application Best...
שיטות לפיתוח אפליקציות ווב למכשירים ניידים על פי Mobile Web Application Best...
 
מכשירים חדשים - עתיד הווב הנייד
מכשירים חדשים - עתיד הווב הנייד מכשירים חדשים - עתיד הווב הנייד
מכשירים חדשים - עתיד הווב הנייד
 
טכנולוגיות אינטרנט מתפתחות - הווב הסמנטי ויישומיו - אייל סלע
טכנולוגיות אינטרנט מתפתחות  - הווב הסמנטי ויישומיו - אייל סלעטכנולוגיות אינטרנט מתפתחות  - הווב הסמנטי ויישומיו - אייל סלע
טכנולוגיות אינטרנט מתפתחות - הווב הסמנטי ויישומיו - אייל סלע
 
Semntic Web Intro Eyal Sela
Semntic Web Intro  Eyal SelaSemntic Web Intro  Eyal Sela
Semntic Web Intro Eyal Sela
 
למנהלים 2010 – יישומים ודוגמאות Html5
 למנהלים 2010 – יישומים ודוגמאות Html5  למנהלים 2010 – יישומים ודוגמאות Html5
למנהלים 2010 – יישומים ודוגמאות Html5
 
ISUG 101 Nir Tentzer
ISUG 101 Nir TentzerISUG 101 Nir Tentzer
ISUG 101 Nir Tentzer
 
HTML5FEST - פתיחה
HTML5FEST - פתיחהHTML5FEST - פתיחה
HTML5FEST - פתיחה
 
כלים ושיטות להנגשת אתרי אינטרנט על פי WCAG 2.0
כלים ושיטות להנגשת אתרי אינטרנט על פי  WCAG 2.0כלים ושיטות להנגשת אתרי אינטרנט על פי  WCAG 2.0
כלים ושיטות להנגשת אתרי אינטרנט על פי WCAG 2.0
 

Más de Israeli Internet Association technology committee

יחידת לימוד – תכנון ופיתוח אפליקציות ווב למכשירים ניידים
יחידת לימוד – תכנון ופיתוח אפליקציות ווב למכשירים ניידיםיחידת לימוד – תכנון ופיתוח אפליקציות ווב למכשירים ניידים
יחידת לימוד – תכנון ופיתוח אפליקציות ווב למכשירים ניידיםIsraeli Internet Association technology committee
 
לקראת העירייה הדיגיטלית - השירותים המקוונים של עירית תל-אביב-יפו זוהר שרון
 לקראת העירייה הדיגיטלית - השירותים המקוונים של עירית תל-אביב-יפו זוהר שרון  לקראת העירייה הדיגיטלית - השירותים המקוונים של עירית תל-אביב-יפו זוהר שרון
לקראת העירייה הדיגיטלית - השירותים המקוונים של עירית תל-אביב-יפו זוהר שרון Israeli Internet Association technology committee
 

Más de Israeli Internet Association technology committee (20)

אורי סגל - מרחב מוגן
אורי סגל - מרחב מוגןאורי סגל - מרחב מוגן
אורי סגל - מרחב מוגן
 
אופיר בן אבי - ממשל זמין
אופיר בן אבי - ממשל זמיןאופיר בן אבי - ממשל זמין
אופיר בן אבי - ממשל זמין
 
יובל טיסונה - המלחמה הבאה
יובל טיסונה - המלחמה הבאהיובל טיסונה - המלחמה הבאה
יובל טיסונה - המלחמה הבאה
 
עמוס גבע - StandWithUs
עמוס גבע - StandWithUsעמוס גבע - StandWithUs
עמוס גבע - StandWithUs
 
בן לנג - Iron Dome Count
בן לנג - Iron Dome Countבן לנג - Iron Dome Count
בן לנג - Iron Dome Count
 
יחידת לימוד – תכנון ופיתוח אפליקציות ווב למכשירים ניידים
יחידת לימוד – תכנון ופיתוח אפליקציות ווב למכשירים ניידיםיחידת לימוד – תכנון ופיתוח אפליקציות ווב למכשירים ניידים
יחידת לימוד – תכנון ופיתוח אפליקציות ווב למכשירים ניידים
 
האם ויקיפדיה מונגשת לאנשים עם מוגבלויות?
האם ויקיפדיה מונגשת לאנשים עם מוגבלויות? האם ויקיפדיה מונגשת לאנשים עם מוגבלויות?
האם ויקיפדיה מונגשת לאנשים עם מוגבלויות?
 
IPv6 - Global Adoption - Ran Liberman
IPv6 - Global Adoption - Ran LibermanIPv6 - Global Adoption - Ran Liberman
IPv6 - Global Adoption - Ran Liberman
 
implementing IPv6 in an ISP network, case study and lessons learned - Amos Ro...
implementing IPv6 in an ISP network, case study and lessons learned - Amos Ro...implementing IPv6 in an ISP network, case study and lessons learned - Amos Ro...
implementing IPv6 in an ISP network, case study and lessons learned - Amos Ro...
 
IPv6 training guide - Yuval Shaul
IPv6 training guide - Yuval ShaulIPv6 training guide - Yuval Shaul
IPv6 training guide - Yuval Shaul
 
פתיחה - יום השקת IPv6 בישראל
פתיחה - יום השקת IPv6 בישראלפתיחה - יום השקת IPv6 בישראל
פתיחה - יום השקת IPv6 בישראל
 
How I learned to stop writing CSS and start writing SASS
How I learned to stop writing CSS and start writing SASSHow I learned to stop writing CSS and start writing SASS
How I learned to stop writing CSS and start writing SASS
 
אבטחת מידע לעובדים בארגון
אבטחת מידע לעובדים בארגוןאבטחת מידע לעובדים בארגון
אבטחת מידע לעובדים בארגון
 
The Open Web Platform and You! [Executive version]
The Open Web Platform and You! [Executive version]The Open Web Platform and You! [Executive version]
The Open Web Platform and You! [Executive version]
 
HTML5 וממשל - לבנות את האתרים של המחר היום - גיל פינק
HTML5 וממשל - לבנות את האתרים של המחר היום - גיל פינקHTML5 וממשל - לבנות את האתרים של המחר היום - גיל פינק
HTML5 וממשל - לבנות את האתרים של המחר היום - גיל פינק
 
לקראת העירייה הדיגיטלית - השירותים המקוונים של עירית תל-אביב-יפו זוהר שרון
 לקראת העירייה הדיגיטלית - השירותים המקוונים של עירית תל-אביב-יפו זוהר שרון  לקראת העירייה הדיגיטלית - השירותים המקוונים של עירית תל-אביב-יפו זוהר שרון
לקראת העירייה הדיגיטלית - השירותים המקוונים של עירית תל-אביב-יפו זוהר שרון
 
srael's participation in the US's Open Government Initiative
srael's participation in the US's Open Government Initiativesrael's participation in the US's Open Government Initiative
srael's participation in the US's Open Government Initiative
 
אחסון מידע - ל-websql ו-indexdb רן בר-זיק
אחסון מידע - ל-websql ו-indexdb רן בר-זיקאחסון מידע - ל-websql ו-indexdb רן בר-זיק
אחסון מידע - ל-websql ו-indexdb רן בר-זיק
 
מידע פתוח בארץ ובעולם - אייל לוין
מידע פתוח בארץ ובעולם - אייל לויןמידע פתוח בארץ ובעולם - אייל לוין
מידע פתוח בארץ ובעולם - אייל לוין
 
מבט לעתיד – האינטרנט בשירות ההנגשה
מבט לעתיד – האינטרנט בשירות ההנגשהמבט לעתיד – האינטרנט בשירות ההנגשה
מבט לעתיד – האינטרנט בשירות ההנגשה
 

Html 5 Usability UPA 2009 - Dr. Yesha Sivan

  • 1. ‫5‪ - HTML‬מבט על התקן‬ ‫ממשקפי שמישות וקיימות‬ ‫ד"ר ישע סיון‬ ‫ראש משרד ה-‪ 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