סקירת התפתחויות טכנולוגיות - דצמבר 2011

• פורסם: 05 בדצמבר 2011
• מאת: אייל סלע
• תחומים: HTML ואפליקציותCSS וגרפיקהנגישות
• מיומנות: מתקדם

בידיעה זו אסקור התפתחויות בטכנולוגיות והתקנים המפותחים ב-W3C. הסקירה כוללת נושאים חדשים שהתווספו בחודשים האחרונים לפעילות ה-W3C ועדכונים בפעילויות קיימות - כגון HTML5,  מכשירים, עיצוב וגרפיקה, ממשקי תכנות חדשים, ועוד. לעדכונים נוספים קראו את דף החדשות של ה-W3C העולמי.

חדש בתהליך פיתוח תקני ה-W3C - קבוצות קהילה ועסקים להאצת החדשנות ברשת

קבוצות הקהילה וקבוצות העסקים מאפשרות למפתחים ולעסקים ליצור טכנולוגיות בעזרת ה-W3C. כל אדם או ארגון יכולים לפתוח קבוצה ולהשתמש בפלטפורמה הטכנולוגית והארגונית של ה-W3C בכדי להתאגד ולפתח טכנולוגית ווב. קראו עוד אודות קבוצות קהילה וקבוצות עסקים ב-W3C.

פורסמה גרסה של תקן HTML5 המיועדת למפתחים

המסמך HTML5: Edition for Web Authors הוא נגזרת של תקן HTML5 המלא, ללא החלקים המיועדים ליישום בפיתוח דפדפנים. המסמך מיועד למפתחים וגורמים אחרים המעוניינים להתמקד בשימוש בשפת HTML ולפתח אפליקציות ווב. זאת לעומת התקן המלא, אשר כולל גם הנחיות ליצרני הדפדפנים ויצרני תוכנה אחרים אשר מיישמים את התקן.

מיקום (Geolocation)

API המיקום מתעדכן אפשרות לקבל מידע אודות הכתובת האזרחית בה נמצא המשתמש. הטיוטה Geolocation API Specification Level 2 מגדירה גישה למידע אודות כתובת, כגון ארץ, עיר, רחוב, מספר רחוב, ומיקוד. על מידע זה להיות ידוע למכשיר בכדי שניתן יהיה לקבל גישה אליו (מקורות המידע יכולים להיות IP, RFID, WiFi, נתוני GSM/CDMA וכדומה).

תקשורת זמן אמת בין דפדפנים

WebRTC 1.0: Real-time Communication Between Browsers יאפשר לבצע שיחות וידאו בין דפדפנים. התקן מגדיר APIים המאפשרים לקרוא למדיה מקומית ולשלוח אותה לדפדפנים במכשירים אחרים, וכן לעבד ולהציג מדיה אשר הגיעה מדפדפנים במכשירים אחרים.

הדוגמא הבאה, הלקוחה מתוך המסמך, מציגה כיצד צ'ט קולי מקבל גישה למיקרופון של המשתמש:

גישה למשאבי המכשיר

טיוטות ממשקים אלו עודכנו:

• Vibration API - פורסם כטיוטה ראשונה, מאפשר להשתמש במנגנון ההרעדה של המכשיר. ה-API נועד לענות על צרכים בעלי 'ערך גבוה' העולים בפיתוח משחקים, ולא כמנגנון גנרי להתרעות.
• Contacts API – גישה לקריאה של רשימת אנשי הקשר במכשיר – פורסם כטיוטה אחרונה.
  הדוגמא הבאה, הלקוחה מתוך המסמך, מציגה כיצד היישום מבקש גישה לאנשי הקשר של המשתמש:
  1.                 <input onclick="getContacts()" type="button" value="Share Contacts">
  2.  
  3.   <script>
  4.     function successContactFindCallback(contacts) {
  5.       // do something with resulting contact objects
  6.       for (var i in contacts) alert(contacts[i].name);
  7.       // ...
  8.     }
  9.  
  10.     function generalErrorCB(error) {
  11.       // do something with resulting errors
  12.       alert(error.code);
  13.       // ...
  14.     }
  15.  
  16.     function getContacts() {
  17.       // Perform an address book search. Obtain the 'name' and 'emails' properties
  18.       // and initially filter the list to Contact records containing 'Bob':
  19.       navigator.contacts( ['name', 'emails'],
  20.                           successContactFindCallback,
  21.                           generalErrorCB,
  22.                           { filter: 'Bob' } );
  23.       // is equivalent to: navigator.contacts.find(/* parameters */);
  24.     }
  25.   </script>
• The Network Information API – מספק מידע על סוג הרשת אליה מחובר המכשיר (והאם הוא מחובר) - ethernet, wifi, 2g, 3g, 4g וכדומה.

CSS

עדכונים בתקני CSS:

• Selectors Level 4 – טיוטה ראשונה של סלקטורים גרסה 4!
• CSS Flexible Box Layout Module – מודל קופסא המותאם לעיצוב ממשקי משתמש (user interface). שימוש בפריסת flexbox מאפשרת להגדיר שהילדים של קופסא יהיו מסודרים באופן אנכי או אופקי, ושמקומות ריקים יוקצו לילד מסוים או יתחלקו באופן שווה בין הילדים. זאת, על ידי הגדרת רמת ה-flex של הילדים.
• CSS Template Layout Module – שיטות לפריסה של רכיבי ממשק (וויג'טים) בממשק המשתמש או בגריד העיצוב בדף אינטרנט.
• CSS Regions Module Level 3 – עיצוב תוכן כך שייפרס על פני מספר אזורים (regions). האזורים אינם חייבים להיות צמודים זה לזה במבנה המסמך.
  
  דוגמא לפריסת טקסט על פני מספר איזורים. (תיאור מילולי של התמונה).
• CSS Generated Content for Paged Media Module – הגדרות הקשורות למראה המסמך המודפס.

נגישות

כיצד לפתח ולעצב אתר אינטרנט נגיש? דפי ההדגמה האינטראקטיביים -  Before and After Demonstration (BAD) - מציגים דוגמאות לדפי אינטרנט לא נגישים, מסבירים מהן בעיות הנגישות בהם, ומציגים את הפתרונות והחלופות הנגישות. מקור מצוין למבקשים ללמוד על נגישות באינטרנט.

סימפוזיון מקוון בנושא 'שיטות להערכת נגישות באינטרנט' התקיים ב-5 בדצמבר, בדף ההזמנה ניתן לקרוא את דפי העמדה שהוגשו ולצפות במצגות. בין דפי העמדה שהוגשו:

• Paper 1: Integration of Web Accessibility Metrics into a Semi-Automatic evaluation process
• Paper 2: Measuring accessibility barriers on large scale sets of pages (Slides)
• Paper 3: A Template-aware Web Accessibility metric

כמו כן החל פרויקט חדש , WAI-ACT, למחקר והערכת נגישות ברשת.

אבטחת מידע ופרטיות

Content Security Policy – מנגנון המאפשר להפחית את הסיכון ל-Cross-site scripting (XSS) על ידי הגדרת המקורות מהם מותר לטעון משאבים.

W3C פרסם שתי טיוטות המגדירות כיצד משתמשים יוכלו להביע את העדפותיהם לגבי מעקב התנהגות מקוון (online tracking). המסמכים נכתבים במסגרת W3C Tracking Protection Working Group.

1. Tracking Preference Expression (DNT) – מנגנון בעזרתו מגדיר המשתמש את העדפותיו אודות מעקב חוצה אתרים, ובעלי האתרים מצהירים האם הם מכבדים את ההעדפות האלו.

2. Tracking Compliance and Scope Specification – מגדיר את המשמעות של העדפות אי המעקב (Do Not Track) ומציע לבעלי אתרים כיצד לעמוד בהם.

ווב סמנטי

• פורסמו שתי טיוטות של SPARQL 1.1

בדיקות

שתי קבוצות חדשות יפתחו טכנולוגיות ותקנים בתחום הבדיקות:

• Browser Testing and Tools Working Group – יאפשרו אבחון יישומים בעזרת טכנולוגיות לבדיקה, מציאת כשלים בקוד (debugging), ופיתרון בעיות (troubleshooting).
• Web Testing Interest Group – יפתחו בדיקות של יישום טכנולוגיות ווב על מכשירים שונים (שולחן עבודה, מכשירים ניידים, טלוויזיה וכדומה).

מדיה

מדיה מסוג אודיו ווידאו נחשבת כיום לאובייקט זר אשר ניתן לשבץ (embed) בדפי אינטרנט רק בעזרת תוספים. לרוב נדרשים שרתים מיוחדים בכדי לבצע פעולות כגון גישה לנקודת זמן מסוימת בוידאו (מבלי להוריד את כולו לפני כן). התקן Media Fragments URI 1.0 מגדיר כיצד להתייחס לחלקים של מדיה (למשל פרק או מיקום פיזי של פיקסלים) ללא תלות בפורמט המדיה, וכך ניתן יהיה בעתיד לעשות שימושים מורכבים יותר במדיה ישירות מהדפדפן ללא תלות בתוספים ורכיבים חיצוניים.

Requirements for Home Networking Scenarios הוא מסמך סיכום של 'קבוצת אינקובטור' אשר מגדיר את הדרישות לגישה לתוכן ושירותים של מכשירים ביתיים המחוברים לרשת, כגון טלוויזה, מחשב, שרת תוכן ביתי, מכשירים ניידים וכדומה.

פורסם דוח מסכם של הסדנא השלישית אודות השילוב בין ווב וטלוויזיה.