לקראת העירייה הדיגיטלית - השירותים המקוונים של עירית תל-אביב-יפו זוהר שרון
HTML5, ווב נייד ותקנים פתוחים ברשת
1. 5 ,HTMLווב נייד ותקנים
פתוחים ברשת
ביה"ס הגבוה לטכנולוגיה (מכון לב) ירושלים
1102/21/82
אייל סלע
מנהל פרויקטים, איגוד האינטרנט הישראלי ומשרד ה- W3Cהישראלי
2. תוכנית
MOBILE
• Native vs web
5 HTMLושות'
• יכולות ואפליקציות
• מי משתמש
יותר רחוק...
2
3. איגוד האינטרנט הישראלי
שלוחת האיגוד הבינלאומי
עמותה ללא מטרת רווח
קידום האינטרנט והטמעתו בישראל כתשתית
טכנולוגית, מחקרית, חינוכית, חברתית ועסקית
3
4. W3C
ארגון בינלאומי
כ-053 ארגונים
פורום ניטראלי ליצירת תקני הווב
משימה:
להוביל את הרשת למיצוי הפוטנציאל על ידי פיתוח
פרוטוקולים וקווים מנחים שיאפשרו את צמיחתה לטווח
ארוך.
4
5. A NEW WAVE of
TRANSFORMATIONS
Just as the Web
has transformed
everything…
…It will
transform
5 everything again
28. Minimize Perceived Latency
?איך
• Incremental Rendering
• Keep the User Informed of Activity
(progress bars)
• Avoid Page Reloads
• Preload Probable Next Views
MapQuest.com
28
28
29. משתמש ממוקד
• Immediate
• goal-directed
• specific pieces of information
• relevant to context
• less interested in lengthy documents
or in browsing
bit.ly/egXfIx
29
30. Eg.
schedules for a journey they are
currently undertaking.
30
31. מגבלות ובעיות
• Input
• processing power
• Battery
• Small screen
• …
bit.ly/egXfIx
31
32. אל תכבידו על משאבי המכשיר
זיכרון
עיבוד
רוחב פס
Latency
Interaction method
Data consistency
Caching
32
33. להתחיל צ'יק צ'ק
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.
33
33
40. validator.w3.org/mobile/ bit.ly/w3cmbp
הבדל מאתר רגיל
include locally executable elements of interactivity and
persistent state.
:למשל
e-resistible.co.uk/public/eres/ bbc.co.uk/1xtra/touch/
40
70. Scribd
Scribd CTO: "We Are Scrapping Flash And
Betting The Company On HTML5”
Erick Schonfeld, Techcrunch, May 5th, 2010
70
71. SlidhShare
“we wanted to reach the most
number of users…
Download… (is) not a pleasant
user experience.
We want presentations on
mobile devices to be accessible
to as many users as possible.”
71
72. Twitter
A better app for your mobile
browser
We want you to be able to access Twitter no
matter where you are; regardless of what
device you use; or, whether you prefer to
access Twitter through a mobile application
or the browser.
May 11, 2011
j.mp/oJruQ9
72
75. Financial Times
“Financial Times Proves HTML5 Can Beat Native
Mobile Apps”
John Paul Titlow, RWW, September 23, 2011
m.ft.com
75
76. Zynga, Disney, Motorola
Zynga, Disney embrace Web game technology
Stephen Shankland, CNET, March 3, 2011
“Zynga has recently started investing
heavily into the open Web stack. While
most of our current games (CityVille,
FarmVille) still run on Flash, our
subsidiary in Germany is exclusively
focussing on JavaScript driven game
technology.”
j.mp/nhMjpr
76
77. תמיכת דפדפנים
היצרנים מתחרים על רמת יישום התקן בדפדפנים
77
80. Requirements for Home Networking
Scenarios
access to services and
content provided by
home network devices
on other devices
(from traditional broadcast
media and internet based
services but also from the
home network.)
w3.org/TR/hnreq/
80
81. Object Memory Modeling - smart labels
Barcodes, RFID, sensor nodes, …
object memory format - events or other information about
individual physical artifacts, ideally over their lifetime
• Event Logging for Process Documentation
• Collecting Instructions for Future Processes
• Object Assembly History
81