Rad van persuasion: presentatie en spelshow Bart Schutz op Emerce Conversion ...Online Dialogue
Voor de uitleg over en promotie van http://www.wheelofpersuasion.com hield Bart een interactieve spelshow rondom dit het thema persuasion op Emerce Conversion 2012 te Amsterdam #conversion12 Dit zijn de slides zijn presentatie en van de quizvragen
Rad van persuasion: presentatie en spelshow Bart Schutz op Emerce Conversion ...Online Dialogue
Voor de uitleg over en promotie van http://www.wheelofpersuasion.com hield Bart een interactieve spelshow rondom dit het thema persuasion op Emerce Conversion 2012 te Amsterdam #conversion12 Dit zijn de slides zijn presentatie en van de quizvragen
ה-Mobile Web Application Best Practices
הוא מסמך קווים מנחים של ה-W3C, המועמד להפוך להמלצה רשמית (Candidate Recommendation). במהלך הסדנא נעבור באופן מפורט על 35 הסעיפים המופיעים במסמך, המתארים שיטות לשיפור חווית המשתמש באפליקציות ווב למכשירים ניידים, ומזהיר מפני אלו הנחשבות למזיקות
ב-24 במרץ 2010 התקיים המפגש השני של פורום מפתחי ה-W3C הישראלי (W3C Developers Forum - W3CDF). המפגש עסק בפיתוח אפליקציות ואתרים למכשירים ניידים (Mobile Web).
Responsiove E-Learning Design של Kineo
כולנו מדברים על למידה ניידת ו-mLearning, אך האם אנחנו צריכים להתייחס בנפרד ללמידה על מכשירים ניידים כאשר אנחנו מדברים על פיתוח תכנים? האם לא ניתן לתכנן ולפתח פתרון למידה אשר מתאים עצמו בצורה דינמית לכל מכשיר ממנו יצרוך הלומד את התוכן, מבלי שנצטרך לפתח גרסה שונה עבור כל מכשיר?
תפישת ה-Responsive E-Learning Design של Kineo נותנת מענה לכך.
HTML5, הגרסה הבאה של HTML, יאפשר לתאר תוכן אתרים בצורה טובה יותר, סוגי תוכן מורכבים יותר, יתמוך במדיה ואפליקציות רשת מתקדמות וישפר את התאימות של מסמכי HTML. הגרסה החדשה באה לענות הצורך הגדל בתוכן מגוון ומורכב יותר ברשת. בהרצאה, אשר נבנתה יחד עם ראש קבוצת העבודה המפתחת את HTML 5, Michael(tm) Smith, יצגו עקרונות פיתוח הגרסה החדשה, דוגמאות למאפיינים חדשים ויוסבר כיצד תוכלו לשלב אותה בפיתוח אתרים.
מחקר של גרטנר שנערך ב-2010 מראה שעד סוף 2013 רוב הכניסות לאתרים בעולם כולו יהיו דרך סמארטפונים ומכשירים מובילים אחרים בעלי דפדפנים.
בשנים האחרונות הושקו מאות אלפי אפליקציות סלולריות למכשירים השונים. בשנה האחרונה התגלתה דרך חדשה להגיע אל ציבור המשתמשים - אתר מותאם לגלישה סלולרית.
מה היתרונות של אתר סלולרי אל מול אפליקציה? מתי נכון להתאים אתר לסמארטפון ומתי נכון ליצר אפליקציה חדשה? מה ההבדלים ביניהם? איך ניתן לייצר חווית שימוש טובה באתר המותאם למכשירי הסלולר?
על זאת ועוד נדבר בהרצאה.
המצגת ניתנת לשימוש באופן חופשי, ללא תשלום או תנאים מגבילים למעט ייחוס לאיגוד האינטרנט הישראלי, כפי שמופיע ב"רישון ייחוס 2.5 ישראל (CC BY 2.5)"מידע נוסף על רישיון השימוש: creativecommons.org/licenses/by/2.5/ilהנ"ל אינו תקף לתמונות וחומרים מממקורות חיצוניים.
W3Cהינו ארגון בינלאומי המאגד כ-350 ארגונים מכל העולם לכדי יצירת פורום ניטראלי ליצירת תקני רשת באינטרנט. משימת ה-W3C היא להוביל את הרשת למיצוי הפוטנציאל על ידי פיתוח פרוטוקולים וקווים מנחים שיאפשרו צמיחה של הרשת לטווח ארוך. ה-W3C הישראלי הוקם בשנת 1999, ומופעל משנת 2008 על ידי איגוד האינטרנט הישראלי. נלמד כיצד פועל הגוף שמפתח את תקני הרשת, כיצד למצוא את התקנים והקווים המנחים הרלוונטיים לנו וכיצד נוכל להשפיע על הפיתוחים.
אייל עובד כמנהל פרויקטים בתחום הטכנולוגי באיגוד האינטרנט ומפעיל את משרד ה-W3C הישראלי.
המצגת עוסקת בנגישות לאינטרנט ע"פ התקן הישראלי להצגת תכנים נגישים באתרי אינטרנט המבוסס על הנחיות ה Wcag 2.0 של משרד ה W3C הבינלאומי. מציגה את עיקרי התקן, דוגמאות לבעיות נגישות באתרי אינטרנט וטיפים להנגשת אתרים.
ליאור שיאון, CTO GetTaxi, מספר בכנס איגוד האינטרנט "פיתוח וניו מדיה תחת אש" על יוזמת הפיתוח האישית שלו שהובילה ליצירת "מפת המקלטים".
http://www.isoc.org.il/conf_heb/under_fire.html
ה-Mobile Web Application Best Practices
הוא מסמך קווים מנחים של ה-W3C, המועמד להפוך להמלצה רשמית (Candidate Recommendation). במהלך הסדנא נעבור באופן מפורט על 35 הסעיפים המופיעים במסמך, המתארים שיטות לשיפור חווית המשתמש באפליקציות ווב למכשירים ניידים, ומזהיר מפני אלו הנחשבות למזיקות
ב-24 במרץ 2010 התקיים המפגש השני של פורום מפתחי ה-W3C הישראלי (W3C Developers Forum - W3CDF). המפגש עסק בפיתוח אפליקציות ואתרים למכשירים ניידים (Mobile Web).
Responsiove E-Learning Design של Kineo
כולנו מדברים על למידה ניידת ו-mLearning, אך האם אנחנו צריכים להתייחס בנפרד ללמידה על מכשירים ניידים כאשר אנחנו מדברים על פיתוח תכנים? האם לא ניתן לתכנן ולפתח פתרון למידה אשר מתאים עצמו בצורה דינמית לכל מכשיר ממנו יצרוך הלומד את התוכן, מבלי שנצטרך לפתח גרסה שונה עבור כל מכשיר?
תפישת ה-Responsive E-Learning Design של Kineo נותנת מענה לכך.
HTML5, הגרסה הבאה של HTML, יאפשר לתאר תוכן אתרים בצורה טובה יותר, סוגי תוכן מורכבים יותר, יתמוך במדיה ואפליקציות רשת מתקדמות וישפר את התאימות של מסמכי HTML. הגרסה החדשה באה לענות הצורך הגדל בתוכן מגוון ומורכב יותר ברשת. בהרצאה, אשר נבנתה יחד עם ראש קבוצת העבודה המפתחת את HTML 5, Michael(tm) Smith, יצגו עקרונות פיתוח הגרסה החדשה, דוגמאות למאפיינים חדשים ויוסבר כיצד תוכלו לשלב אותה בפיתוח אתרים.
מחקר של גרטנר שנערך ב-2010 מראה שעד סוף 2013 רוב הכניסות לאתרים בעולם כולו יהיו דרך סמארטפונים ומכשירים מובילים אחרים בעלי דפדפנים.
בשנים האחרונות הושקו מאות אלפי אפליקציות סלולריות למכשירים השונים. בשנה האחרונה התגלתה דרך חדשה להגיע אל ציבור המשתמשים - אתר מותאם לגלישה סלולרית.
מה היתרונות של אתר סלולרי אל מול אפליקציה? מתי נכון להתאים אתר לסמארטפון ומתי נכון ליצר אפליקציה חדשה? מה ההבדלים ביניהם? איך ניתן לייצר חווית שימוש טובה באתר המותאם למכשירי הסלולר?
על זאת ועוד נדבר בהרצאה.
המצגת ניתנת לשימוש באופן חופשי, ללא תשלום או תנאים מגבילים למעט ייחוס לאיגוד האינטרנט הישראלי, כפי שמופיע ב"רישון ייחוס 2.5 ישראל (CC BY 2.5)"מידע נוסף על רישיון השימוש: creativecommons.org/licenses/by/2.5/ilהנ"ל אינו תקף לתמונות וחומרים מממקורות חיצוניים.
W3Cהינו ארגון בינלאומי המאגד כ-350 ארגונים מכל העולם לכדי יצירת פורום ניטראלי ליצירת תקני רשת באינטרנט. משימת ה-W3C היא להוביל את הרשת למיצוי הפוטנציאל על ידי פיתוח פרוטוקולים וקווים מנחים שיאפשרו צמיחה של הרשת לטווח ארוך. ה-W3C הישראלי הוקם בשנת 1999, ומופעל משנת 2008 על ידי איגוד האינטרנט הישראלי. נלמד כיצד פועל הגוף שמפתח את תקני הרשת, כיצד למצוא את התקנים והקווים המנחים הרלוונטיים לנו וכיצד נוכל להשפיע על הפיתוחים.
אייל עובד כמנהל פרויקטים בתחום הטכנולוגי באיגוד האינטרנט ומפעיל את משרד ה-W3C הישראלי.
המצגת עוסקת בנגישות לאינטרנט ע"פ התקן הישראלי להצגת תכנים נגישים באתרי אינטרנט המבוסס על הנחיות ה 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
המצגת מציגה פרקטיקות לשיפור אבטחת המידע של עובדים בארגונים. היא מבוססת על המלצות של ארגונים ברחבי העולם, כולל מרכזי CERT ופרוייקטים ייעודיים לשיפור אבטחת המידע במדינות שונות. המצגת מיועדת לעובדים עצמם (ולא לצוות ה-IT), ומציגה נושאים כגון אבטחת מידע אישי, מודעות לפישינג ושיטות פריצה, ססמאות, מסירת ואיבוד מידע, ועוד.
לקראת העירייה הדיגיטלית - השירותים המקוונים של עירית תל-אביב-יפו זוהר שרון
HTML5, ווב נייד ותקנים פתוחים ברשת
1. 1102/3/1
5 ,HTMLווב נייד
ותקנים פתוחים
ברשת
file:///H:/Erase/mob
ileOK.png
אייל סלע
מנהל פרויקטים, איגוד האינטרנט הישראלי ומשרד ה- W3Cהישראלי
1
2. תוכנית
• MOBILE
• Native vs web
• 5 HTMLושות'
• יכולות ואפליקציות
• מי משתמש
2
3. איגוד האינטרנט הישראלי
שלוחת האיגוד הבינלאומי
עמותה ללא מטרת רווח
פועל לקידום האינטרנט והטמעתו בישראל כתשתית
טכנולוגית, מחקרית, חינוכית, חברתית ועסקית
3
4. W3C
• ארגון בינלאומי
• כ-053 ארגונים
• פורום ניטראלי ליצירת תקני הווב
• משימה:
להוביל את הרשת למיצוי הפוטנציאל על ידי פיתוח
פרוטוקולים וקווים מנחים שיאפשרו את צמיחתה לטווח
ארוך.
4
24. Design for Multiple Interaction Methods
?מה
שלושה סוגי אינטראקציה עיקריים
?איך
Focus Based: (focus "jumps" from link to link)
.
Pointer Based: (Key-based navigation + pointer )
Selectable elements that are associated with each other need to be close
Selectable elements need to be large enough (pointer often moves in steps)
Selectable elements should have rollovers
Image by: Dennis Bournique
Touch Based: (finger )
Selectable elements may be widely spaced since the user can select them directly
Selectable elements must be large enough to be easily selected (list items - at least
30px)
24
27. Minimize Perceived Latency
?איך
• Incremental Rendering: Place JavaScript at the
bottom of the page+ configure the page so that any
useful information that might be available is
viewable while the main content of the application
is still loading.
• Keep the User Informed of Activity (progress bars)
• Avoid Page Reloads (To reflect changes in state or
show different views)
• Preload Probable Next Views
MapQuest.com
27
28. משתמש ממוקד
• Immediate
• goal-directed
• specific pieces of information
• relevant to context.
• less interested in lengthy documents
or in browsing.
bit.ly/egXfIx
30. מגבלות ובעיות
• keyboard and the screen
• limited processing power
• processing uses more power as does
communication
• limited memory
• …
bit.ly/egXfIx
31. אל תכבידו על משאבי המכשיר
זיכרון
עיבוד
רוחב פס
Latency
Interaction method
Data consistency
---
Caching
31
32. להתחיל צ'יק צ'ק
Optimize For Application Start-up Time
?איך
• Use Offline Technology (e.g. AppCache) –
Resources (HTML, JavaScript, CSS) stored
locally.
• Use Local Storage: store a snapshot of last state -
display it immediately on start-up
• Minimize Number of Local Storage Queries before
http://www.flickr.com/photos/66475767@N00/4333416050/ the first view can be displayed.
32
44. Use Device Classification to
Simplify Content Adaptation
Class 1: Basic XHTML support, no or very basic scripting.
Class 2: Full AJAX and JavaScript support.
Class 3: Advanced device APIs
Class 1: Pointer Based.
Class 2: Touch Based.
45