ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
‫5‪ - HTML‬מבט על התקן‬
‫ממשקפי שמישות וקיימות‬
          ‫ד"ר ישע סיון‬
   ‫ר×ש משרד ×”-‪ W3C‬הישר×לי‬




     ‫‪www.w3c.org.il‬‬         ‫1‬
‫×ודות: ×יגוד ×”×ינטרנט הישר×לי‬
                    ‫• שלוחת ×”×יגוד הבינל×ומי:‬
                       ‫• עמותה ×œ×œ× ×ž×˜×¨ת רווח‬

    ‫פועל ×œ×§×™×“×•× ×”×ינטרנט והטמעתו בישר×ל‬
‫כתשתית טכנולוגית, מחקרית, חינוכית, חברתית‬
                                   ‫ועסקית.‬



              ‫‪www.w3c.org.il‬‬                 ‫2‬
‫טכנלוגיהâ¶Ä¬
                          ‫• תשתיות‬
                ‫– שמות ×ž×ª×—× ×•-‪IIX‬‬
                            ‫• קידו×‬
          ‫– ‪ - W3C‬המשרד הישר×לי‬
  ‫– ‪ - OPN‬מערכות פתוחות וקוד פתוח‬
‫– ‪ - STS‬מ×גר נתוני ×”×ינטרנט בישר×ל‬
                   ‫• נוש××™× × ×•×¡×¤×™×‬



 ‫‪www.w3c.org.il‬‬                      ‫3‬
‫â¶ÄªW3°ä‬â¶Ä¬
                            ‫×רגון בינל×ומי‬     ‫•‬
                           ‫כ-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

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

מכללת ספיר - W3C - ×ª×”×œ×™×›×™× ×•×˜×›× ×•×œ×•×’×™×•×ª
מכללת ספיר - W3C - ×ª×”×œ×™×›×™× ×•×˜×›× ×•×œ×•×’×™×•×ª×ž×›×œ×œ×ª ספיר - W3C - ×ª×”×œ×™×›×™× ×•×˜×›× ×•×œ×•×’×™×•×ª
מכללת ספיר - W3C - ×ª×”×œ×™×›×™× ×•×˜×›× ×•×œ×•×’×™×•×ª
Israeli Internet Association technology committee
Ìý
דמו××™×, הדגמות קוד ומסגרות פיתוח ×—×“×©× ×™×™× ×‘×˜×›× ×•×œ×•×’×™×•×ª ווב פתוחות
 דמו××™×, הדגמות קוד ומסגרות פיתוח ×—×“×©× ×™×™× ×‘×˜×›× ×•×œ×•×’×™×•×ª ווב פתוחות דמו××™×, הדגמות קוד ומסגרות פיתוח ×—×“×©× ×™×™× ×‘×˜×›× ×•×œ×•×’×™×•×ª ווב פתוחות
דמו××™×, הדגמות קוד ומסגרות פיתוח ×—×“×©× ×™×™× ×‘×˜×›× ×•×œ×•×’×™×•×ª ווב פתוחות
Israeli Internet Association technology committee
Ìý
מגמות וטכנולוגיות ב×ינטרנט ובווב
מגמות וטכנולוגיות ב×ינטרנט ובוובמגמות וטכנולוגיות ב×ינטרנט ובווב
מגמות וטכנולוגיות ב×ינטרנט ובווב
Israeli Internet Association technology committee
Ìý
×›×œ×™× ×•×©×™×˜×•×ª לבניית ×תר×™× ×ª×§× ×™×™×, × ×’×™×©×™× ×•×¢×©×™×¨×™× ×™×•×ª×¨
×›×œ×™× ×•×©×™×˜×•×ª לבניית ×תר×™× ×ª×§× ×™×™×, × ×’×™×©×™× ×•×¢×©×™×¨×™× ×™×•×ª×¨×›×œ×™× ×•×©×™×˜×•×ª לבניית ×תר×™× ×ª×§× ×™×™×, × ×’×™×©×™× ×•×¢×©×™×¨×™× ×™×•×ª×¨
×›×œ×™× ×•×©×™×˜×•×ª לבניית ×תר×™× ×ª×§× ×™×™×, × ×’×™×©×™× ×•×¢×©×™×¨×™× ×™×•×ª×¨
Israeli Internet Association technology committee
Ìý
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]
Israeli Internet Association technology committee
Ìý
סקירת טכנולוגיות W3C חדשות ×©×œ× ×ª×¨×ו ×פילו בגירס×ות ליליות - 12.2011
סקירת טכנולוגיות W3C חדשות ×©×œ× ×ª×¨×ו ×פילו בגירס×ות ליליות - 12.2011סקירת טכנולוגיות W3C חדשות ×©×œ× ×ª×¨×ו ×פילו בגירס×ות ליליות - 12.2011
סקירת טכנולוגיות W3C חדשות ×©×œ× ×ª×¨×ו ×פילו בגירס×ות ליליות - 12.2011
Israeli Internet Association technology committee
Ìý
W3C - מבו×
W3C - מבו×W3C - מבו×
W3C - מבו×
Israeli Internet Association technology committee
Ìý
HTML5, ווב נייד ×•×ª×§× ×™× ×¤×ª×•×—×™× ×‘×¨שת
HTML5, ווב נייד ×•×ª×§× ×™× ×¤×ª×•×—×™× ×‘×¨שת HTML5, ווב נייד ×•×ª×§× ×™× ×¤×ª×•×—×™× ×‘×¨שת
HTML5, ווב נייד ×•×ª×§× ×™× ×¤×ª×•×—×™× ×‘×¨שת
Israeli Internet Association technology committee
Ìý
שיטות לפיתוח ×פליקציות ווב למכשיר×™× × ×™×™×“×™× - מובייל מונדי 28 ביוני 2010
שיטות לפיתוח ×פליקציות ווב למכשיר×™× × ×™×™×“×™× - מובייל מונדי 28 ביוני 2010שיטות לפיתוח ×פליקציות ווב למכשיר×™× × ×™×™×“×™× - מובייל מונדי 28 ביוני 2010
שיטות לפיתוח ×פליקציות ווב למכשיר×™× × ×™×™×“×™× - מובייל מונדי 28 ביוני 2010
Israeli Internet Association technology committee
Ìý
HTML5, ווב נייד ×•×ª×§× ×™× ×¤×ª×•×—×™× ×‘×¨שת
HTML5, ווב נייד ×•×ª×§× ×™× ×¤×ª×•×—×™× ×‘×¨שתHTML5, ווב נייד ×•×ª×§× ×™× ×¤×ª×•×—×™× ×‘×¨שת
HTML5, ווב נייד ×•×ª×§× ×™× ×¤×ª×•×—×™× ×‘×¨שת
Israeli 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
Ìý
טכנולוגיות ×ינטרנט מתפתחות - הווב הסמנטי ויישומיו - ×ייל סלע
טכנולוגיות ×ינטרנט מתפתחות  - הווב הסמנטי ויישומיו - ×ייל סלעטכנולוגיות ×ינטרנט מתפתחות  - הווב הסמנטי ויישומיו - ×ייל סלע
טכנולוגיות ×ינטרנט מתפתחות - הווב הסמנטי ויישומיו - ×ייל סלע
Israeli Internet Association technology committee
Ìý
Semntic Web Intro Eyal Sela
Semntic Web Intro  Eyal SelaSemntic Web Intro  Eyal Sela
Semntic Web Intro Eyal Sela
Israeli Internet Association technology committee
Ìý
×œ×ž× ×”×œ×™× 2010 – ×™×™×©×•×ž×™× ×•×“×•×’×ž×ות Html5
 ×œ×ž× ×”×œ×™× 2010 – ×™×™×©×•×ž×™× ×•×“×•×’×ž×ות Html5  ×œ×ž× ×”×œ×™× 2010 – ×™×™×©×•×ž×™× ×•×“×•×’×ž×ות Html5
×œ×ž× ×”×œ×™× 2010 – ×™×™×©×•×ž×™× ×•×“×•×’×ž×ות Html5
Israeli Internet Association technology committee
Ìý
ISUG 101 Nir Tentzer
ISUG 101 Nir TentzerISUG 101 Nir Tentzer
ISUG 101 Nir Tentzer
sqlserver.co.il
Ìý
×›×œ×™× ×•×©×™×˜×•×ª להנגשת ×תר×™ ×ינטרנט על פי WCAG 2.0
×›×œ×™× ×•×©×™×˜×•×ª להנגשת ×תר×™ ×ינטרנט על פי  WCAG 2.0×›×œ×™× ×•×©×™×˜×•×ª להנגשת ×תר×™ ×ינטרנט על פי  WCAG 2.0
×›×œ×™× ×•×©×™×˜×•×ª להנגשת ×תר×™ ×ינטרנט על פי WCAG 2.0
Israeli Internet Association technology committee
Ìý
מכללת ספיר - W3C - ×ª×”×œ×™×›×™× ×•×˜×›× ×•×œ×•×’×™×•×ª
מכללת ספיר - W3C - ×ª×”×œ×™×›×™× ×•×˜×›× ×•×œ×•×’×™×•×ª×ž×›×œ×œ×ª ספיר - W3C - ×ª×”×œ×™×›×™× ×•×˜×›× ×•×œ×•×’×™×•×ª
מכללת ספיר - W3C - ×ª×”×œ×™×›×™× ×•×˜×›× ×•×œ×•×’×™×•×ª
Israeli Internet Association technology committee
Ìý
דמו××™×, הדגמות קוד ומסגרות פיתוח ×—×“×©× ×™×™× ×‘×˜×›× ×•×œ×•×’×™×•×ª ווב פתוחות
 דמו××™×, הדגמות קוד ומסגרות פיתוח ×—×“×©× ×™×™× ×‘×˜×›× ×•×œ×•×’×™×•×ª ווב פתוחות דמו××™×, הדגמות קוד ומסגרות פיתוח ×—×“×©× ×™×™× ×‘×˜×›× ×•×œ×•×’×™×•×ª ווב פתוחות
דמו××™×, הדגמות קוד ומסגרות פיתוח ×—×“×©× ×™×™× ×‘×˜×›× ×•×œ×•×’×™×•×ª ווב פתוחות
Israeli Internet Association technology committee
Ìý
מגמות וטכנולוגיות ב×ינטרנט ובווב
מגמות וטכנולוגיות ב×ינטרנט ובוובמגמות וטכנולוגיות ב×ינטרנט ובווב
מגמות וטכנולוגיות ב×ינטרנט ובווב
Israeli Internet Association technology committee
Ìý
×›×œ×™× ×•×©×™×˜×•×ª לבניית ×תר×™× ×ª×§× ×™×™×, × ×’×™×©×™× ×•×¢×©×™×¨×™× ×™×•×ª×¨
×›×œ×™× ×•×©×™×˜×•×ª לבניית ×תר×™× ×ª×§× ×™×™×, × ×’×™×©×™× ×•×¢×©×™×¨×™× ×™×•×ª×¨×›×œ×™× ×•×©×™×˜×•×ª לבניית ×תר×™× ×ª×§× ×™×™×, × ×’×™×©×™× ×•×¢×©×™×¨×™× ×™×•×ª×¨
×›×œ×™× ×•×©×™×˜×•×ª לבניית ×תר×™× ×ª×§× ×™×™×, × ×’×™×©×™× ×•×¢×©×™×¨×™× ×™×•×ª×¨
Israeli Internet Association technology committee
Ìý
סקירת טכנולוגיות W3C חדשות ×©×œ× ×ª×¨×ו ×פילו בגירס×ות ליליות - 12.2011
סקירת טכנולוגיות W3C חדשות ×©×œ× ×ª×¨×ו ×פילו בגירס×ות ליליות - 12.2011סקירת טכנולוגיות W3C חדשות ×©×œ× ×ª×¨×ו ×פילו בגירס×ות ליליות - 12.2011
סקירת טכנולוגיות W3C חדשות ×©×œ× ×ª×¨×ו ×פילו בגירס×ות ליליות - 12.2011
Israeli Internet Association technology committee
Ìý
HTML5, ווב נייד ×•×ª×§× ×™× ×¤×ª×•×—×™× ×‘×¨שת
HTML5, ווב נייד ×•×ª×§× ×™× ×¤×ª×•×—×™× ×‘×¨שת HTML5, ווב נייד ×•×ª×§× ×™× ×¤×ª×•×—×™× ×‘×¨שת
HTML5, ווב נייד ×•×ª×§× ×™× ×¤×ª×•×—×™× ×‘×¨שת
Israeli Internet Association technology committee
Ìý
שיטות לפיתוח ×פליקציות ווב למכשיר×™× × ×™×™×“×™× - מובייל מונדי 28 ביוני 2010
שיטות לפיתוח ×פליקציות ווב למכשיר×™× × ×™×™×“×™× - מובייל מונדי 28 ביוני 2010שיטות לפיתוח ×פליקציות ווב למכשיר×™× × ×™×™×“×™× - מובייל מונדי 28 ביוני 2010
שיטות לפיתוח ×פליקציות ווב למכשיר×™× × ×™×™×“×™× - מובייל מונדי 28 ביוני 2010
Israeli Internet Association technology committee
Ìý
HTML5, ווב נייד ×•×ª×§× ×™× ×¤×ª×•×—×™× ×‘×¨שת
HTML5, ווב נייד ×•×ª×§× ×™× ×¤×ª×•×—×™× ×‘×¨שתHTML5, ווב נייד ×•×ª×§× ×™× ×¤×ª×•×—×™× ×‘×¨שת
HTML5, ווב נייד ×•×ª×§× ×™× ×¤×ª×•×—×™× ×‘×¨שת
Israeli 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
Ìý
טכנולוגיות ×ינטרנט מתפתחות - הווב הסמנטי ויישומיו - ×ייל סלע
טכנולוגיות ×ינטרנט מתפתחות  - הווב הסמנטי ויישומיו - ×ייל סלעטכנולוגיות ×ינטרנט מתפתחות  - הווב הסמנטי ויישומיו - ×ייל סלע
טכנולוגיות ×ינטרנט מתפתחות - הווב הסמנטי ויישומיו - ×ייל סלע
Israeli Internet Association technology committee
Ìý
×œ×ž× ×”×œ×™× 2010 – ×™×™×©×•×ž×™× ×•×“×•×’×ž×ות Html5
 ×œ×ž× ×”×œ×™× 2010 – ×™×™×©×•×ž×™× ×•×“×•×’×ž×ות Html5  ×œ×ž× ×”×œ×™× 2010 – ×™×™×©×•×ž×™× ×•×“×•×’×ž×ות Html5
×œ×ž× ×”×œ×™× 2010 – ×™×™×©×•×ž×™× ×•×“×•×’×ž×ות Html5
Israeli Internet Association technology committee
Ìý
ISUG 101 Nir Tentzer
ISUG 101 Nir TentzerISUG 101 Nir Tentzer
ISUG 101 Nir Tentzer
sqlserver.co.il
Ìý
×›×œ×™× ×•×©×™×˜×•×ª להנגשת ×תר×™ ×ינטרנט על פי WCAG 2.0
×›×œ×™× ×•×©×™×˜×•×ª להנגשת ×תר×™ ×ינטרנט על פי  WCAG 2.0×›×œ×™× ×•×©×™×˜×•×ª להנגשת ×תר×™ ×ינטרנט על פי  WCAG 2.0
×›×œ×™× ×•×©×™×˜×•×ª להנגשת ×תר×™ ×ינטרנט על פי WCAG 2.0
Israeli Internet Association technology committee
Ìý

More from Israeli Internet Association technology committee (20)

×ור×™ סגל - מרחב מוגן
×ור×™ סגל - מרחב מוגן×ור×™ סגל - מרחב מוגן
×ור×™ סגל - מרחב מוגן
Israeli Internet Association technology committee
Ìý
×ופיר בן ×בי - ממשל זמין
×ופיר בן ×בי - ממשל זמין×ופיר בן ×בי - ממשל זמין
×ופיר בן ×בי - ממשל זמין
Israeli Internet Association technology committee
Ìý
יובל טיסונה - המלחמה הב××”
יובל טיסונה - המלחמה הב×היובל טיסונה - המלחמה הב××”
יובל טיסונה - המלחמה הב××”
Israeli Internet Association technology committee
Ìý
עמוס גבע - StandWithUs
עמוס גבע - StandWithUsעמוס גבע - StandWithUs
עמוס גבע - StandWithUs
Israeli Internet Association technology committee
Ìý
בן לנג - Iron Dome Count
בן לנג - Iron Dome Countבן לנג - Iron Dome Count
בן לנג - Iron Dome Count
Israeli Internet Association technology committee
Ìý
יחידת לימוד – תכנון ופיתוח ×פליקציות ווב למכשיר×™× × ×™×™×“×™×
יחידת לימוד – תכנון ופיתוח ×פליקציות ווב למכשיר×™× × ×™×™×“×™×יחידת לימוד – תכנון ופיתוח ×פליקציות ווב למכשיר×™× × ×™×™×“×™×
יחידת לימוד – תכנון ופיתוח ×פליקציות ווב למכשיר×™× × ×™×™×“×™×
Israeli Internet Association technology committee
Ìý
×”×× ×•×™×§×™×¤×“×™×” מונגשת ל×× ×©×™× ×¢× ×ž×•×’×‘×œ×•×™×•×ª?
×”×× ×•×™×§×™×¤×“×™×” מונגשת ל×× ×©×™× ×¢× ×ž×•×’×‘×œ×•×™×•×ª? ×”×× ×•×™×§×™×¤×“×™×” מונגשת ל×× ×©×™× ×¢× ×ž×•×’×‘×œ×•×™×•×ª?
×”×× ×•×™×§×™×¤×“×™×” מונגשת ל×× ×©×™× ×¢× ×ž×•×’×‘×œ×•×™×•×ª?
Israeli Internet Association technology committee
Ìý
IPv6 - Global Adoption - Ran Liberman
IPv6 - Global Adoption - Ran LibermanIPv6 - Global Adoption - Ran Liberman
IPv6 - Global Adoption - Ran Liberman
Israeli Internet Association technology committee
Ìý
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...
Israeli Internet Association technology committee
Ìý
IPv6 training guide - Yuval Shaul
IPv6 training guide - Yuval ShaulIPv6 training guide - Yuval Shaul
IPv6 training guide - Yuval Shaul
Israeli Internet Association technology committee
Ìý
פתיחה - ×™×•× ×”×©×§×ª IPv6 בישר×ל
פתיחה - ×™×•× ×”×©×§×ª IPv6 בישר×לפתיחה - ×™×•× ×”×©×§×ª IPv6 בישר×ל
פתיחה - ×™×•× ×”×©×§×ª IPv6 בישר×ל
Israeli Internet Association technology committee
Ìý
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
Israeli Internet Association technology committee
Ìý
×בטחת מידע ×œ×¢×•×‘×“×™× ×‘×רגון
×בטחת מידע ×œ×¢×•×‘×“×™× ×‘×רגון×בטחת מידע ×œ×¢×•×‘×“×™× ×‘×רגון
×בטחת מידע ×œ×¢×•×‘×“×™× ×‘×רגון
Israeli Internet Association technology committee
Ìý
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]
Israeli Internet Association technology committee
Ìý
HTML5 וממשל - לבנות ×ת ×”×תר×™× ×©×œ המחר ×”×™×•× - גיל פינק
HTML5 וממשל - לבנות ×ת ×”×תר×™× ×©×œ המחר ×”×™×•× - גיל פינקHTML5 וממשל - לבנות ×ת ×”×תר×™× ×©×œ המחר ×”×™×•× - גיל פינק
HTML5 וממשל - לבנות ×ת ×”×תר×™× ×©×œ המחר ×”×™×•× - גיל פינק
Israeli Internet Association technology committee
Ìý
לקר×ת העיר×™×™×” הדיגיטלית - השיר×•×ª×™× ×”×ž×§×•×•× ×™× ×©×œ עירית תל-×ביב-יפו זוהר שרון
 לקר×ת העיר×™×™×” הדיגיטלית - השיר×•×ª×™× ×”×ž×§×•×•× ×™× ×©×œ עירית תל-×ביב-יפו זוהר שרון  לקר×ת העיר×™×™×” הדיגיטלית - השיר×•×ª×™× ×”×ž×§×•×•× ×™× ×©×œ עירית תל-×ביב-יפו זוהר שרון
לקר×ת העיר×™×™×” הדיגיטלית - השיר×•×ª×™× ×”×ž×§×•×•× ×™× ×©×œ עירית תל-×ביב-יפו זוהר שרון
Israeli Internet Association technology committee
Ìý
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
Israeli Internet Association technology committee
Ìý
×חסון מידע - ל-websql ו-indexdb רן בר-זיק
×חסון מידע - ל-websql ו-indexdb רן בר-זיק×חסון מידע - ל-websql ו-indexdb רן בר-זיק
×חסון מידע - ל-websql ו-indexdb רן בר-זיק
Israeli Internet Association technology committee
Ìý
מידע פתוח ב×ר×¥ ×•×‘×¢×•×œ× - ×ייל לוין
מידע פתוח ב×ר×¥ ×•×‘×¢×•×œ× - ×ייל לויןמידע פתוח ב×ר×¥ ×•×‘×¢×•×œ× - ×ייל לוין
מידע פתוח ב×ר×¥ ×•×‘×¢×•×œ× - ×ייל לוין
Israeli Internet Association technology committee
Ìý
מבט לעתיד – ×”×ינטרנט בשירות ההנגשה
מבט לעתיד – ×”×ינטרנט בשירות ההנגשהמבט לעתיד – ×”×ינטרנט בשירות ההנגשה
מבט לעתיד – ×”×ינטרנט בשירות ההנגשה
Israeli Internet Association technology committee
Ìý
יובל טיסונה - המלחמה הב××”
יובל טיסונה - המלחמה הב×היובל טיסונה - המלחמה הב××”
יובל טיסונה - המלחמה הב××”
Israeli Internet Association technology committee
Ìý
יחידת לימוד – תכנון ופיתוח ×פליקציות ווב למכשיר×™× × ×™×™×“×™×
יחידת לימוד – תכנון ופיתוח ×פליקציות ווב למכשיר×™× × ×™×™×“×™×יחידת לימוד – תכנון ופיתוח ×פליקציות ווב למכשיר×™× × ×™×™×“×™×
יחידת לימוד – תכנון ופיתוח ×פליקציות ווב למכשיר×™× × ×™×™×“×™×
Israeli Internet Association technology committee
Ìý
×”×× ×•×™×§×™×¤×“×™×” מונגשת ל×× ×©×™× ×¢× ×ž×•×’×‘×œ×•×™×•×ª?
×”×× ×•×™×§×™×¤×“×™×” מונגשת ל×× ×©×™× ×¢× ×ž×•×’×‘×œ×•×™×•×ª? ×”×× ×•×™×§×™×¤×“×™×” מונגשת ל×× ×©×™× ×¢× ×ž×•×’×‘×œ×•×™×•×ª?
×”×× ×•×™×§×™×¤×“×™×” מונגשת ל×× ×©×™× ×¢× ×ž×•×’×‘×œ×•×™×•×ª?
Israeli Internet Association technology committee
Ìý
פתיחה - ×™×•× ×”×©×§×ª IPv6 בישר×ל
פתיחה - ×™×•× ×”×©×§×ª IPv6 בישר×לפתיחה - ×™×•× ×”×©×§×ª IPv6 בישר×ל
פתיחה - ×™×•× ×”×©×§×ª IPv6 בישר×ל
Israeli Internet Association technology committee
Ìý
×בטחת מידע ×œ×¢×•×‘×“×™× ×‘×רגון
×בטחת מידע ×œ×¢×•×‘×“×™× ×‘×רגון×בטחת מידע ×œ×¢×•×‘×“×™× ×‘×רגון
×בטחת מידע ×œ×¢×•×‘×“×™× ×‘×רגון
Israeli Internet Association technology committee
Ìý
HTML5 וממשל - לבנות ×ת ×”×תר×™× ×©×œ המחר ×”×™×•× - גיל פינק
HTML5 וממשל - לבנות ×ת ×”×תר×™× ×©×œ המחר ×”×™×•× - גיל פינקHTML5 וממשל - לבנות ×ת ×”×תר×™× ×©×œ המחר ×”×™×•× - גיל פינק
HTML5 וממשל - לבנות ×ת ×”×תר×™× ×©×œ המחר ×”×™×•× - גיל פינק
Israeli Internet Association technology committee
Ìý
לקר×ת העיר×™×™×” הדיגיטלית - השיר×•×ª×™× ×”×ž×§×•×•× ×™× ×©×œ עירית תל-×ביב-יפו זוהר שרון
 לקר×ת העיר×™×™×” הדיגיטלית - השיר×•×ª×™× ×”×ž×§×•×•× ×™× ×©×œ עירית תל-×ביב-יפו זוהר שרון  לקר×ת העיר×™×™×” הדיגיטלית - השיר×•×ª×™× ×”×ž×§×•×•× ×™× ×©×œ עירית תל-×ביב-יפו זוהר שרון
לקר×ת העיר×™×™×” הדיגיטלית - השיר×•×ª×™× ×”×ž×§×•×•× ×™× ×©×œ עירית תל-×ביב-יפו זוהר שרון
Israeli Internet Association technology committee
Ìý
×חסון מידע - ל-websql ו-indexdb רן בר-זיק
×חסון מידע - ל-websql ו-indexdb רן בר-זיק×חסון מידע - ל-websql ו-indexdb רן בר-זיק
×חסון מידע - ל-websql ו-indexdb רן בר-זיק
Israeli Internet Association technology committee
Ìý
מידע פתוח ב×ר×¥ ×•×‘×¢×•×œ× - ×ייל לוין
מידע פתוח ב×ר×¥ ×•×‘×¢×•×œ× - ×ייל לויןמידע פתוח ב×ר×¥ ×•×‘×¢×•×œ× - ×ייל לוין
מידע פתוח ב×ר×¥ ×•×‘×¢×•×œ× - ×ייל לוין
Israeli Internet Association technology committee
Ìý
מבט לעתיד – ×”×ינטרנט בשירות ההנגשה
מבט לעתיד – ×”×ינטרנט בשירות ההנגשהמבט לעתיד – ×”×ינטרנט בשירות ההנגשה
מבט לעתיד – ×”×ינטרנט בשירות ההנגשה
Israeli Internet Association technology committee
Ìý

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. ‫â¶ÄªW3°ä‬â¶Ä¬ ‫×רגון בינל×ומי‬ ‫•‬ ‫כ-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