Los organismos públicos y las administraciones publican cada día más datos en la Web. Compartir estos datos facilita lograr una mayor transparencia, permite ofrecer un mejor servicio público, y fomenta un mayor uso y reutilización tanto pública como comercial de los mismos. Algunas administraciones incluso han creado catálogos o portales que los datos sean más fáciles de encontrar y utilizar. Aunque las razones varían de caso en caso, la problemática y logística de publicar dichos datos es la misma.
Para ayudar a las administraciones a abrir y compartir sus datos, el Grupo de Interés sobre eGovernment en W3C ha desarrollado un conjunto de pautas. Estos sencillos pasos enfatizan estándares y métodos que fomentan la publicación de datos del sector público, permitiendo su reutilización de maneras nuevas e innovadoras.
Esta ponencia repasará las pautas anteriormente mencionadas y los modos de publicar datos del sector público, poniendo el énfasis en el mejor método existente: Linked Government Data, así como mostrará casos y aplicaciones reales de la aplicación de dichos métodos en proyectos desarrollados por la Fundación CTIC para diversas administraciones, así como de otras partes del mundo.
Los organismos públicos y las administraciones publican cada día más datos en la Web. Compartir estos datos facilita lograr una mayor transparencia, permite ofrecer un mejor servicio público, y fomenta un mayor uso y reutilización tanto pública como comercial de los mismos. Algunas administraciones incluso han creado catálogos o portales que los datos sean más fáciles de encontrar y utilizar. Aunque las razones varían de caso en caso, la problemática y logística de publicar dichos datos es la misma.
Para ayudar a las administraciones a abrir y compartir sus datos, el Grupo de Interés sobre eGovernment en W3C ha desarrollado un conjunto de pautas. Estos sencillos pasos enfatizan estándares y métodos que fomentan la publicación de datos del sector público, permitiendo su reutilización de maneras nuevas e innovadoras.
Esta ponencia repasará las pautas anteriormente mencionadas y los modos de publicar datos del sector público, poniendo el énfasis en el mejor método existente: Linked Government Data, así como mostrará casos y aplicaciones reales de la aplicación de dichos métodos en proyectos desarrollados por la Fundación CTIC para diversas administraciones, así como de otras partes del mundo.
ה-Mobile Web Application Best Practices
הוא מסמך קווים מנחים של ה-W3C, המועמד להפוך להמלצה רשמית (Candidate Recommendation). במהלך הסדנא נעבור באופן מפורט על 35 הסעיפים המופיעים במסמך, המתארים שיטות לשיפור חווית המשתמש באפליקציות ווב למכשירים ניידים, ומזהיר מפני אלו הנחשבות למזיקות
Accessible Design with HTML5 - HTML5DevConf.com May 21st San Francisco, 2012 ...Raj Lal
Learn how to design an HTML5 application which supports people with disabilities, and know why its a good business decision. An accessible web application gives maximum reach to your application's information, functionalities and benefits, by allowing multiple input methods, different interaction models, and customization based on special needs and limited device supports. The four major disabilities that effect user capabilities are visual, hearing, mobility (difficulty in using the mouse), and cognitive disabilities, which are related to learning abilities. Know how to use the latest technologies to accommodate these users in the user interface.
What is hot on the web right now - A W3C perspectiveArmin Haller
HTTP and HTML and the Web itself enter their third decade of existence. Still, the Web continues to transform human communication, information sharing, commerce, education, and entertainment. Social networking, cloud computing, and the convergence of Web, television, video and online gaming are among the phenomena stretching the Web in exciting new directions. In this talk, Armin will present what the World Wide Web Consortium (W3C), overlooking and steering the development of new Web standards is up to for the third decade of the Web. The W3C community is building an Open Web Platform that will enable the Web to grow and foster future innovation. This presentation present technology highlights of 2011 for advancing the Web platform. Focus topics of this talk will be the new HTML5 standard, the Data for Web Applications initiative which includes the next generation of RDF, and standards that allow people to create Semantic Web enabled Web Apps that have access to data from a variety of sources, including data-in-documents (RDFa) and data-from-databases (W3C's RDB2RDF).
¿Por qué los servicios electrónicos se usan tan poco? cómo hacer frente a la ...Open Data @ CTIC
En el actual panorama nacional e internacional de administración electrónica el impulso de los servicios electrónicos se ha realizado en base a una premisa: incrementar el número de servicios electrónicos online con el mayor grado de sofisticación posible. Pero esta premisa no ha dado el rendimiento esperado. A pesar de que varias administraciones ya superan los mil servicios online con el máximo grado de sofisticación, el uso de los mismos es bajo y, en algunos casos, preocupantemente bajo. ¿Cuáles son las causas? ¿Cómo hacerles frente? ¿Cómo optimizar la inversión en servicios electrónicos, aumentar el rendimiento y el número de usuarios? En esta ponencia, José Manuel Alonso hace un breve repaso al panorama actual, a las contradictorias asunciones, y da algunas recetas sobre como optimizar las inversiones, reducir los costes y maximizar el impacto de los servicios públicos.
These slides were originally a tutorial presented for the SIG preceding the May 2009 meeting of the PRISM Forum.
They attempt to give a survey of the technologies, tools, and state of the world with respect to the Semantic Web as of the first half of 2009.
HTML5, הגרסה הבאה של HTML, יאפשר לתאר תוכן אתרים בצורה טובה יותר, סוגי תוכן מורכבים יותר, יתמוך במדיה ואפליקציות רשת מתקדמות וישפר את התאימות של מסמכי HTML. הגרסה החדשה באה לענות הצורך הגדל בתוכן מגוון ומורכב יותר ברשת. בהרצאה, אשר נבנתה יחד עם ראש קבוצת העבודה המפתחת את HTML 5, Michael(tm) Smith, יצגו עקרונות פיתוח הגרסה החדשה, דוגמאות למאפיינים חדשים ויוסבר כיצד תוכלו לשלב אותה בפיתוח אתרים.
W3Cהינו ארגון בינלאומי המאגד כ-350 ארגונים מכל העולם לכדי יצירת פורום ניטראלי ליצירת תקני רשת באינטרנט. משימת ה-W3C היא להוביל את הרשת למיצוי הפוטנציאל על ידי פיתוח פרוטוקולים וקווים מנחים שיאפשרו צמיחה של הרשת לטווח ארוך. ה-W3C הישראלי הוקם בשנת 1999, ומופעל משנת 2008 על ידי איגוד האינטרנט הישראלי. נלמד כיצד פועל הגוף שמפתח את תקני הרשת, כיצד למצוא את התקנים והקווים המנחים הרלוונטיים לנו וכיצד נוכל להשפיע על הפיתוחים.
אייל עובד כמנהל פרויקטים בתחום הטכנולוגי באיגוד האינטרנט ומפעיל את משרד ה-W3C הישראלי.
ב-24 במרץ 2010 התקיים המפגש השני של פורום מפתחי ה-W3C הישראלי (W3C Developers Forum - W3CDF). המפגש עסק בפיתוח אפליקציות ואתרים למכשירים ניידים (Mobile Web).
ה-Mobile Web Application Best Practices
הוא מסמך קווים מנחים של ה-W3C, המועמד להפוך להמלצה רשמית (Candidate Recommendation). במהלך הסדנא נעבור באופן מפורט על 35 הסעיפים המופיעים במסמך, המתארים שיטות לשיפור חווית המשתמש באפליקציות ווב למכשירים ניידים, ומזהיר מפני אלו הנחשבות למזיקות
Accessible Design with HTML5 - HTML5DevConf.com May 21st San Francisco, 2012 ...Raj Lal
Learn how to design an HTML5 application which supports people with disabilities, and know why its a good business decision. An accessible web application gives maximum reach to your application's information, functionalities and benefits, by allowing multiple input methods, different interaction models, and customization based on special needs and limited device supports. The four major disabilities that effect user capabilities are visual, hearing, mobility (difficulty in using the mouse), and cognitive disabilities, which are related to learning abilities. Know how to use the latest technologies to accommodate these users in the user interface.
What is hot on the web right now - A W3C perspectiveArmin Haller
HTTP and HTML and the Web itself enter their third decade of existence. Still, the Web continues to transform human communication, information sharing, commerce, education, and entertainment. Social networking, cloud computing, and the convergence of Web, television, video and online gaming are among the phenomena stretching the Web in exciting new directions. In this talk, Armin will present what the World Wide Web Consortium (W3C), overlooking and steering the development of new Web standards is up to for the third decade of the Web. The W3C community is building an Open Web Platform that will enable the Web to grow and foster future innovation. This presentation present technology highlights of 2011 for advancing the Web platform. Focus topics of this talk will be the new HTML5 standard, the Data for Web Applications initiative which includes the next generation of RDF, and standards that allow people to create Semantic Web enabled Web Apps that have access to data from a variety of sources, including data-in-documents (RDFa) and data-from-databases (W3C's RDB2RDF).
¿Por qué los servicios electrónicos se usan tan poco? cómo hacer frente a la ...Open Data @ CTIC
En el actual panorama nacional e internacional de administración electrónica el impulso de los servicios electrónicos se ha realizado en base a una premisa: incrementar el número de servicios electrónicos online con el mayor grado de sofisticación posible. Pero esta premisa no ha dado el rendimiento esperado. A pesar de que varias administraciones ya superan los mil servicios online con el máximo grado de sofisticación, el uso de los mismos es bajo y, en algunos casos, preocupantemente bajo. ¿Cuáles son las causas? ¿Cómo hacerles frente? ¿Cómo optimizar la inversión en servicios electrónicos, aumentar el rendimiento y el número de usuarios? En esta ponencia, José Manuel Alonso hace un breve repaso al panorama actual, a las contradictorias asunciones, y da algunas recetas sobre como optimizar las inversiones, reducir los costes y maximizar el impacto de los servicios públicos.
These slides were originally a tutorial presented for the SIG preceding the May 2009 meeting of the PRISM Forum.
They attempt to give a survey of the technologies, tools, and state of the world with respect to the Semantic Web as of the first half of 2009.
HTML5, הגרסה הבאה של HTML, יאפשר לתאר תוכן אתרים בצורה טובה יותר, סוגי תוכן מורכבים יותר, יתמוך במדיה ואפליקציות רשת מתקדמות וישפר את התאימות של מסמכי HTML. הגרסה החדשה באה לענות הצורך הגדל בתוכן מגוון ומורכב יותר ברשת. בהרצאה, אשר נבנתה יחד עם ראש קבוצת העבודה המפתחת את HTML 5, Michael(tm) Smith, יצגו עקרונות פיתוח הגרסה החדשה, דוגמאות למאפיינים חדשים ויוסבר כיצד תוכלו לשלב אותה בפיתוח אתרים.
W3Cהינו ארגון בינלאומי המאגד כ-350 ארגונים מכל העולם לכדי יצירת פורום ניטראלי ליצירת תקני רשת באינטרנט. משימת ה-W3C היא להוביל את הרשת למיצוי הפוטנציאל על ידי פיתוח פרוטוקולים וקווים מנחים שיאפשרו צמיחה של הרשת לטווח ארוך. ה-W3C הישראלי הוקם בשנת 1999, ומופעל משנת 2008 על ידי איגוד האינטרנט הישראלי. נלמד כיצד פועל הגוף שמפתח את תקני הרשת, כיצד למצוא את התקנים והקווים המנחים הרלוונטיים לנו וכיצד נוכל להשפיע על הפיתוחים.
אייל עובד כמנהל פרויקטים בתחום הטכנולוגי באיגוד האינטרנט ומפעיל את משרד ה-W3C הישראלי.
ב-24 במרץ 2010 התקיים המפגש השני של פורום מפתחי ה-W3C הישראלי (W3C Developers Forum - W3CDF). המפגש עסק בפיתוח אפליקציות ואתרים למכשירים ניידים (Mobile Web).
המצגת עוסקת בנגישות לאינטרנט ע"פ התקן הישראלי להצגת תכנים נגישים באתרי אינטרנט המבוסס על הנחיות ה Wcag 2.0 של משרד ה W3C הבינלאומי. מציגה את עיקרי התקן, דוגמאות לבעיות נגישות באתרי אינטרנט וטיפים להנגשת אתרים.
ליאור שיאון, CTO GetTaxi, מספר בכנס איגוד האינטרנט "פיתוח וניו מדיה תחת אש" על יוזמת הפיתוח האישית שלו שהובילה ליצירת "מפת המקלטים".
http://www.isoc.org.il/conf_heb/under_fire.html
טל גלילי, סטטיסטיקאי ואקטביסט רשת, מספר בכנס "פיתוח וניו מדיה תחת אש" של איגוד האינטרנט, על פרויקט הקוד , פתוח "אושאידי" ועל היוזמה שלו לתרגם אותה לעברית ולנצל אותה לטובת אסונות עתידיים
אמרי באומר, יוזם האקתון החירום "חוסן לאומי" מספר בכנס איגוד האינטרנט "פיתוח וניו מדיה תחת אש" על היוזמה שלו לגיבוש קבוצת מפתחים להאקתון חירום
http://www.isoc.org.il/conf_heb/under_fire.html
אופיר בן אבי, מנהל ממשל זמין, מספר בכנס איגוד האינטרנט "פיתוח וניו מדיה תחת אש" על יוזמות הפיתוח של ממשל זמין. http://www.isoc.org.il/conf_heb/under_fire.html
יובל טיסונה, מנכל זברהאפס, מספר בכנס איגוד האינטרנט "פיתוחוניו מדיה תחת אש" על האפליקציה שפיתחה החברה שלו "המלחמה הבאה"
http://www.isoc.org.il/conf_heb/under_fire.html
בן לנג בכנס איגוד האינטרנט "פיתוח וניו מדיה תחת אש" מספר על הפעילות שלו במדיה החברתית בזמן המבצע הצבאי, עמוד ענן
http://www.isoc.org.il/conf_heb/under_fire.html
המצגת ניתנת לשימוש באופן חופשי, ללא תשלום או תנאים מגבילים למעט ייחוס לאיגוד האינטרנט הישראלי, כפי שמופיע ב"רישון ייחוס 2.5 ישראל (CC BY 2.5)"מידע נוסף על רישיון השימוש: creativecommons.org/licenses/by/2.5/ilהנ"ל אינו תקף לתמונות וחומרים מממקורות חיצוניים.
המצגת מציגה פרקטיקות לשיפור אבטחת המידע של עובדים בארגונים. היא מבוססת על המלצות של ארגונים ברחבי העולם, כולל מרכזי CERT ופרוייקטים ייעודיים לשיפור אבטחת המידע במדינות שונות. המצגת מיועדת לעובדים עצמם (ולא לצוות ה-IT), ומציגה נושאים כגון אבטחת מידע אישי, מודעות לפישינג ושיטות פריצה, ססמאות, מסירת ואיבוד מידע, ועוד.
15. DOCTYPE 1. הגדירו
:- מנחה את הדפדפן כיצד יש לקרוא את הדף
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
...HTML5-- ב
j.mp/w3av5 www.isoc.org.il
www.w3c.org.il 15
eyal@isoc.org.il
32. מהו אתר נגיש?
אתר המאפשר לאנשים עם מוגבלות לגלוש באותה רמה
של יעילות והנאה ככל הגולשים.
סוגי מוגבלויות:
ראייה, שמיעה, קוגניציה, מוטוריקה
www.isoc.org.il
www.w3c.org.il 23
eyal@isoc.org.il
37. עקרון 1: נתפס
ניתן 'לתפוס' מבחינה חושית ( ) perceiveאת תוכן האתר.
חלופה טקסטואלית (תיאור תמונה, חלופה ל-, CAPTCHAכתוביות לוידאו וקול)
תוכן הניתן להתאמה (תגיות נכונות וסמנטיות, הפרדת תוכן מעיצוב, קרבה בין
אלמנטים קשורים, זיהוי כותרות ורשימות)
בר הבחנה (הפרדת חזית מרקע – אי שימוש בצבע בלבד למשמעות, גודל אותיות
בר הגדלה, אי שימוש בתמונה כטקסט, ניגודיות, )
www.isoc.org.il
www.w3c.org.il 73
eyal@isoc.org.il
38. שימוש בצבע
אין להשתמש בצבע כאמצעי החזותי היחיד להעברת
מידע.
הדגישו גם באמצעות עיבוי, הוספת מסגרת, שינוי רקע
8j.mp/w3ad www.isoc.org.il
www.w3c.org.il 83
eyal@isoc.org.il
39. ניגוד-צבעים
יחס-ניגוד של לפחות 1:5.4
כי קשה לקרוא כאשר אין מספיק
ניגודיות
)השתמשו בבודק ניגודיות: 9)j.mp/w3ad
www.isoc.org.il
www.w3c.org.il 93
eyal@isoc.org.il
41. עקרון 2: ניתן להפעלה
המרכיבים והניווט ניתנים להפעלה.
תפקוד מלא ממקלדת (הגעה לכל הניווט, עקיפת בלוקים החוזרים על
עצמם, סדר פוקוס נכון, פוקוס נראה לעין, אין מלכודות מקלדת)
קלות ניווט (מספר דרכים לאותו תוכן, דפים מובנים עם כותרות נכונות,
קישורים ברורים )
מניעת התקפים (עצירת תזוזה, מעת הבהובים וחלקים זזים )
www.isoc.org.il
www.w3c.org.il 14
eyal@isoc.org.il
42. עקרון 3: ניתן להבנה
הטקסט ניתן לקראה ולהבנה
טקסט בר הבנה ( רמת הטקסט, זיהוי מכונה של השפה בדף
כולו ובחלקיו, פירוש קיצורים וז'רגון )
תפעול צפוי ( אי שינוי ההקשר בפוקוס או בלי שהמשתמש
ביקש, ניווט עקבי)
תמיכה בהזנה (הסבר מדויק לטעיות, הסבר על מה צריך להזין,
ולידציה, טקסט עזרה)
www.isoc.org.il
www.w3c.org.il 24
eyal@isoc.org.il
43. דוגמא - אין שינוי במסך ללא התראה, קפיצה
לתוכן, קישורים מובנים מההקשר
www.w3c.org.il
34
44. עקרון 4 - יציבות
תאימות מרבית עם דפדפנים, תוכנות וכדומה
( Parsingתג פתיחה וסגירה, קינון נכון, אי כפילות IDs are , attributes
)unique
שם-תפקיד-ערך ברורים (שימוש בפקדים רגילים פותר את זה)
www.isoc.org.il
www.w3c.org.il 44
eyal@isoc.org.il
45. : שמֹו: "קראתי את תנאי השימוש", מצבוcheckbox לדוגמה: זהו
ְׁ
.""לא מסומן
<input type="checkbox" id="markuplang" name="computerskills"
checked="checked“ /> <label for="markuplang"> קראתי את תנאי
/<השימושlabel>
j.mp/w3addd www.isoc.org.il
www.w3c.org.il 45
eyal@isoc.org.il
47. כתוביות בסרטונים •
Altבתמונות •
Skipלתוכן ראשי •
אין תמיכה מלאה במקלדת (בתפריט עליון ) •
לא תקני •
שימוש יפה בכותרות - אם כי לא מושלם (4 •
כותרות 1h
whitehouse.gov הצבעים לא כל כך קונטרסטים •
לא ניתן לעצור תוכן מתחלף •
www.isoc.org.il
www.w3c.org.il 74
eyal@isoc.org.il
51. Some practices…
• [TESTING] Carry out testing on actual
devices as well as emulators.
• [URIS] Keep the URIs of site entry points
short.
www.w3c.org.il
51
52. Some practices…
• [NAVBAR] Provide only minimal navigation
at the top of the page.
• [BALANCE] Take into account the trade-off
between having too many links on a page
and asking the user to follow too many links
to reach what they are looking for.
• [NAVIGATION] Provide consistent navigation
mechanisms.
www.w3c.org.il
52
53. Some practices…
• [ACCESS_KEYS] Assign access keys to links in
navigational menus and frequently accessed
functionality.
• [LINK_TARGET_FORMAT] Note the target
file's format unless you know the device
supports it.
• [POP_UPS] Do not cause pop-ups or other
windows to appear and do not change the
current window without informing the user.
www.w3c.org.il
53
54. Some practices…
• [AUTO_REFRESH] Do not create periodically
auto-refreshing pages, unless you have
informed the user and provided a means of
stopping it.
• [SUITABLE] Ensure that content is suitable
for use in a mobile context.
• [CLARITY] Use clear and simple language.
www.w3c.org.il
54
63. 2. השתמשו בטכנולוגיות המתאימות לאחסון מידע בצד הלקוח
?מה
עדיף להשתמש במנגנונים בצד לקוח לאחסון
.מידע, בעיקר בכמויות גדולות
) Responsiveness , start-up time (מועיל ב
?איך
BONDI •
- HTML5 •
Offline - j.mp/w3coff
Opera Widgets •
by Remy Sharp - remysharp.com/demo/rubiks/
2. Use Appropriate Client-Side Storage Technologies for Local Data
j.mp/w3cmo7 www.isoc.org.il
www.w3c.org.il 63
eyal@isoc.org.il
64. 31. צמצמו שימוש במקורות חיצוניים
למה?
כל קובץ סקריפט, , CSSתמונה = = HTTP requestטיול לשרת
איך?
CSSו- JavaScriptכל אחד בקובץ אחד בלבד
OR
או שהם ישולבו לפני שהעמוד מוגש ללקוח
13. Minimize External Resources
www.isoc.org.il
www.w3c.org.il 46
eyal@isoc.org.il
65. 26. Ensure Paragraph Text Flows
מה?
מנע גלילה אנכית •
ואפשר קריאה בשינוי אוריאנטציה •
איך?
בקונטיינרים :
כן: באחוזים / יחידות מידה יחסיות
לא יחידות מוחלטות או פיקסלים
Image by: curiouslee
דוגמא...
26. Ensure Paragraph Text Flows
www.isoc.org.il
www.w3c.org.il 56
eyal@isoc.org.il
67. דוגמא - הגדרת גודל תצוגה
Viewport
Offlines
Data URI
http://nils-dehl.de/m/
j.mp/w3cmo9 www.isoc.org.il
www.w3c.org.il 67
eyal@isoc.org.il
68. 35. Consider Canvas or SVG For
Dynamic Graphics
?מה
canvas
מאפשר לצייר גרפיקה פשוטה
JavaScript באמצעות
SVG
להגדרת אלמנטים שלXML שפת
-גרפיקה וקטורית המתווספים ל
, וניתנים לשינוי בעזרתDOM
http://www.mozilla.com/en-US/firefox/stats/ JavaScript
...דוגמא
35. Consider Use Of Canvas Element or SVG For Dynamic Graphics
www.isoc.org.il
www.w3c.org.il 68
eyal@isoc.org.il
69. SVG and canvas demos
• Bomomo.com
• zwibbler.com
• www.iconza.com
j.mp/w3cmo16 j.mp/w3cmo14
Video - Cool mobile apps with SVG and other Web technologies - j.mp/w3cmo13
www.isoc.org.il
www.w3c.org.il
eyal@isoc.org.il