מידע נוסף באתר www.w3c.org.il

1. ‫0102/01/21‬
‫טכנולוגיות אינטרנט מתפתחות: אפליקציות‬
‫ווב, מובייל, והווב הסמנטי‬
‫אייל סלע‬
‫מנהל פרויקטים, איגוד האינטרנט הישראלי‬
‫ומשרד ה-‪ W3C‬הישראלי‬
‫‪www.isoc.org.il‬‬
‫‪www.w3c.org.il‬‬ ‫1‬
‫‪eyal@isoc.org.il‬‬

2. j.mp/w3cdoc
www.isoc.org.il
www.w3c.org.il 2
eyal@isoc.org.il

3. ‫תוכן עניינים‬
‫מבוא - איגוד האינטרנט הישראלי ו-‪W3C‬‬ ‫•‬
‫טכנולוגיות ווב חדשות‬ ‫•‬
‫הווב הסמנטי‬ ‫•‬
‫הווב הנייד‬ ‫•‬
‫‪www.isoc.org.il‬‬
‫‪www.w3c.org.il‬‬ ‫3‬
‫‪eyal@isoc.org.il‬‬

4. ‫אודות: איגוד האינטרנט הישראלי‬
‫שלוחת האיגוד הבינלאומי:‬
‫עמותה ללא מטרת רווח‬
‫פועל לקידום האינטרנט והטמעתו בישראל‬
‫כתשתית טכנולוגית, מחקרית, חינוכית, חברתית‬
‫ועסקית.‬
‫‪www.isoc.org.il‬‬
‫‪www.w3c.org.il‬‬ ‫4‬
‫‪eyal@isoc.org.il‬‬

5. ‫‪W3C‬‬
‫ארגון בינלאומי‬
‫כ-053 ארגונים‬
‫פורום ניטראלי ליצירת תקני רשת באינטרנט.‬
‫משימה:‬
‫להוביל את הרשת למיצוי הפוטנציאל על ידי פיתוח‬
‫פרוטוקולים וקווים מנחים שיאפשרו את צמיחתה לטווח‬
‫ארוך.‬
‫‪www.isoc.org.il‬‬
‫‪www.w3c.org.il‬‬ ‫5‬
‫‪eyal@isoc.org.il‬‬

6. ‫הרשת (‪)web‬‬ ‫האינטרנט‬
‫*על פי האקדמיה ללשון: המרשתת הכלל‬
‫עולמית‬
‫‪www.isoc.org.il‬‬
‫‪www.w3c.org.il‬‬ ‫6‬
‫‪eyal@isoc.org.il‬‬

7. ‫אפליקציות ווב‬
‫היום ובעתיד‬
www.isoc.org.il
www.w3c.org.il 7
eyal@isoc.org.il

8. ‫מהדפדפן‬
‫יכולות חדשות – עוברים משלוחן העבודה > לרשת‬
‫‪www.isoc.org.il‬‬
‫‪www.w3c.org.il‬‬ ‫8‬
‫‪eyal@isoc.org.il‬‬

9. Offline applications
http://nils-dehl.de/m/
j.mp/w3cmo9 www.isoc.org.il
www.w3c.org.il 9
eyal@isoc.org.il

10. Drag and drop, files
www.isoc.org.il
www.w3c.org.il 10
eyal@isoc.org.il

11. ‫התאמה למכשירים שונים‬
j.mp/w3cil4 www.isoc.org.il
www.w3c.org.il 11
eyal@isoc.org.il

12. Notifications
www.isoc.org.il
j.mp/w3cil7 www.w3c.org.il 12
eyal@isoc.org.il

13. )geolocation( ‫זיהוי מיקום‬
m.radiustalk.com www.isoc.org.il
www.w3c.org.il 13
eyal@isoc.org.il

14. ...‫עוד אפליקציות‬
www.isoc.org.il
www.w3c.org.il 14
eyal@isoc.org.il

15. Aardvark
....‫דוגמא‬
www.isoc.org.il
vark.com www.w3c.org.il 15
eyal@isoc.org.il

16. www.isoc.org.il
www.w3c.org.il 16
eyal@isoc.org.il

17. Augmented Reality
combine a view of the physical world with information
...‫דוגמא‬
j.mp/w3il70 www.isoc.org.il
www.w3c.org.il 17
eyal@isoc.org.il

18. j.mp/w3il82 www.isoc.org.il
www.w3c.org.il 18
eyal@isoc.org.il

19. ?‫בעיות‬
www.isoc.org.il
www.w3c.org.il 19
eyal@isoc.org.il

20. foursquare.com www.isoc.org.il
www.w3c.org.il 20
eyal@isoc.org.il

21. www.isoc.org.il
www.w3c.org.il 21
eyal@isoc.org.il

22. ....‫מילואים‬
www.isoc.org.il
www.w3c.org.il 22
j.mp/w3il74 eyal@isoc.org.il

23. www.isoc.org.il
www.w3c.org.il 23
j.mp/w3il72 eyal@isoc.org.il

24. + Face Recognition
www.isoc.org.il
www.w3c.org.il 24
eyal@isoc.org.il

25. ‫מעדכנים סטטוס? תשלמו יותר על ביטוח‬
‫תכולת הדירה‬
j.mp/iscd45 www.isoc.org.il
www.w3c.org.il 25
eyal@isoc.org.il

26. Social Web
• Identity (Usernames and Passwords)
• Profiles (Describe Yourself)
• Social Media (Fined for Consuming Social Media)
• Privacy (Violation of Privacy)
• Activity (Can't Integrate Conversations)
j.mp/w3il71 www.isoc.org.il
www.w3c.org.il 26
eyal@isoc.org.il

27. Semantic Web
Web of Data
www.isoc.org.il
www.w3c.org.il 27
eyal@isoc.org.il

28. ‫דף אינטרנט רגיל בנוי באופן שבני אדם יכולים‬
‫להבין את תוכנו‬
‫4‪j.mp/w3cyd‬‬
‫‪www.isoc.org.il‬‬
‫‪www.w3c.org.il‬‬ ‫82‬
‫‪eyal@isoc.org.il‬‬

29. www.isoc.org.il
www.w3c.org.il 29
eyal@isoc.org.il

30. ‫אבל המחשב יודע רק להציג את המידע.‬
‫הוא אינו מבין איזה תוכן קיים בו.‬
‫‪www.isoc.org.il‬‬
‫‪www.w3c.org.il‬‬ ‫03‬
‫‪eyal@isoc.org.il‬‬

31. j.mp/w3cyd4
www.isoc.org.il
www.w3c.org.il 31
eyal@isoc.org.il

32. ‫מטרת הווב הסמנטי היא לגשר את הפער‬
www.isoc.org.il
www.w3c.org.il 32
eyal@isoc.org.il

33. Semantic web is about…
machine interpretability of Web
content
applications can
process the content of information
instead of just
presenting it to humans
j.mp/w3cowl
www.isoc.org.il
www.w3c.org.il 33
eyal@isoc.org.il

34. ‫תאור מידע, ברמת הקוד (כלומר, הוספת‬
‫משמעות, סמנטיקה), כך שמכונות‬
‫יכולות להבין את תוכנו.‬
‫‪www.isoc.org.il‬‬
‫‪www.w3c.org.il‬‬
‫‪eyal@isoc.org.il‬‬

35. Machines can read information about me
www.isoc.org.il
www.w3c.org.il 35
eyal@isoc.org.il

36. www.isoc.org.il j.mp/b7cIO9
www.w3c.org.il 36
eyal@isoc.org.il

37. ‫או את זכויות היוצרים באתר שלי‬
www.isoc.org.il
www.w3c.org.il 37
eyal@isoc.org.il

38. www.isoc.org.il
www.w3c.org.il 38
eyal@isoc.org.il

39. www.isoc.org.il
www.w3c.org.il 39
eyal@isoc.org.il

40. ‫זהו בעצם מנגנון מוסכם (סטנדרט) לייצוג נתונים.‬
‫‪www.isoc.org.il‬‬
‫‪www.w3c.org.il‬‬
‫‪eyal@isoc.org.il‬‬

41. ‫הרשת הופכת מאוסף של מסמכים (שרק בני אדם‬
‫מבינים)‬
‫למאגר נתונים (שמכונות יכולות "להבין").‬
‫‪www.isoc.org.il‬‬
‫‪www.w3c.org.il‬‬
‫14‬
‫‪eyal@isoc.org.il‬‬

42. ‫אפליקציות‬
‫אבסטרקציה‬
‫נתונים‬
‫נתונים ב-‪RDF‬‬ ‫‪XML‬‬ ‫דפי אינטרנט‬ ‫מאגרי נתונים‬
‫‪j.mp/w3civan‬‬
‫‪www.isoc.org.il‬‬
‫‪www.w3c.org.il‬‬
‫‪eyal@isoc.org.il‬‬

43. ....‫למשל‬
www.isoc.org.il
www.w3c.org.il 43
eyal@isoc.org.il

44. ‫בוגר אוניברסיטאות שכתבו עליהם‬
‫בניו-יורק טיימס‬
Who Went Where
1. colleges and
universities
from DBpedia.
2. queries DBpedia for
the NYT identifiers of
all the alumni
3. identifiers are then
used to query the
New York Times
Article Search API
j.mp/w3cbar4
www.isoc.org.il
www.w3c.org.il 44
eyal@isoc.org.il

45. RDF ‫איך מבטאים את המידע בעזרת‬
there is a Person identified by http://www.w3.org/People/EM/contact#me, whose
name is Eric Miller, whose email address is em@w3.org, and whose title is Dr.
j.mp/w3crdf
www.isoc.org.il
www.w3c.org.il 45
eyal@isoc.org.il

46. Decentralization: The Future of Online Social Networking
you (will) have a
personal Website, with
your photos, your
family tree, your
business details, and
aggregators then (will)
turn this into added
value by finding the
links across the whole
web.
]Economist 2008[ )illustration by David Simonds(
j.mp/w3cweb
www.isoc.org.il
www.w3c.org.il 46
eyal@isoc.org.il

47. j.mp/w3civn
j.mp/w3cfoafe
www.isoc.org.il
www.w3c.org.il 47
eyal@isoc.org.il

48. Facebook…
Google….
www.isoc.org.il
www.w3c.org.il 48
eyal@isoc.org.il

49. Facebook
RDFa ‫יש‬
RDFa ‫אין‬
www.isoc.org.il
www.w3c.org.il 49
eyal@isoc.org.il

50. !‫וגם אתם יכולים להשתמש במידע הזה‬
querying RDFa from rotten tomatos :
SELECT ?z ?i ?o
FROM NAMED <http://www.w3.org/2007/08/pyRdfa/extract?uri=http://www.rottentomatoes.com/m/karate_kid_2010/>
FROM NAMED <http://www.w3.org/2007/08/pyRdfa/extract?uri=http://www.rottentomatoes.com/m/a_team/>
FROM NAMED <http://www.w3.org/2007/08/pyRdfa/extract?uri=http://www.rottentomatoes.com/m/prince_of_persia_sands_of_time/>
FROM NAMED <http://www.w3.org/2007/08/pyRdfa/extract?uri=http://www.rottentomatoes.com/m/sex_and_the_city_2/>
FROM NAMED <http://www.w3.org/2007/08/pyRdfa/extract?uri=http://www.rottentomatoes.com/m/1208173-splice/>
WHERE { GRAPH ?dummy {
?x <http://rdf.data-vocabulary.org/#name> ?z .
?x <http://rdf.data-vocabulary.org/#summary> ?i .
?w <http://opengraphprotocol.org/schema/image> ?o .
}
}
http://dbpedia.org/sparql
www.isoc.org.il
www.w3c.org.il 50
eyal@isoc.org.il

51. ?Linked Data ‫מי מפרסם‬
New York Times
Newsweek
dbPedia
Data.gov.uk
Tesco
Best Buy
BBC
LOD
www.isoc.org.il
www.w3c.org.il 51
eyal@isoc.org.il

52. dbrec
http://dbrec.net
www.isoc.org.il
www.w3c.org.il 52
eyal@isoc.org.il

53. j.mp/w3cben1
www.isoc.org.il
www.w3c.org.il 53
eyal@isoc.org.il

54. RelFinder
j.mp/w3cda2
www.isoc.org.il
www.w3c.org.il 54
eyal@isoc.org.il

55. ThisWeKnow
j.mp/w3cda3
www.isoc.org.il
www.w3c.org.il 55
eyal@isoc.org.il

56. Faceted browsing
wiki.dbpedia.org/FacetedSearch
www.isoc.org.il
www.w3c.org.il 56
eyal@isoc.org.il

57. Mobile
www.isoc.org.il
www.w3c.org.il 57
eyal@isoc.org.il

58. mobile's share of web consumption
www.isoc.org.il
www.w3c.org.il
eyal@isoc.org.il

59. ‫מגבלות והבדלים – מכשירים ניידים לעומת שולחניים‬
‫• תצוגה‬
‫• הזנת תוכן‬
‫• רוחב פס ועלות‬
‫• מטרות המשתמש‬
‫• מגבלות המכשיר‬
‫‪bit.ly/w3cmbp‬‬
‫95‬
‫‪www.w3c.org.il‬‬

60. Applications –
Web vs native
www.isoc.org.il
www.w3c.org.il
eyal@isoc.org.il

61. www.isoc.org.il
www.w3c.org.il 61
eyal@isoc.org.il

62. Web Application
Web page(s) that provide an "application-like" experience
within a Web browser.
www.isoc.org.il
www.w3c.org.il 62
eyal@isoc.org.il

63. validator.w3.org/mobile/ bit.ly/w3cmbp
)BP1( ‫הבדל מאתר רגיל‬
include locally executable elements of interactivity and
persistent state.
:‫למשל‬
nextbus.com/webkit/ app.clichespotting.com m.jobscentral.com.sg
www.isoc.org.il
www.w3c.org.il 63
eyal@isoc.org.il

64. nextbus.com/webkit/ www.nsofinsite.com/iphone/
+ User Agent Switcher
j.mp/w3cmo1 www.isoc.org.il
www.w3c.org.il 64
eyal@isoc.org.il

65. ‫כשאי אפשר אפליקציה במכשיר – אפליקציה‬
‫וובית‬
j.mp/w3il80 www.isoc.org.il
www.w3c.org.il 65
eyal@isoc.org.il

66. Associated Press app
www.isoc.org.il
www.w3c.org.il 66
html5.labs.ap.org eyal@isoc.org.il

67. kiva - ‫דוגמא‬
j.mp/w3cmo10 www.isoc.org.il
www.w3c.org.il 67
eyal@isoc.org.il

68. touchsolitaire.mobi/app
j.mp/w3cmo15 www.isoc.org.il
www.w3c.org.il
eyal@isoc.org.il

69. So what does it all give us?
www.isoc.org.il
www.w3c.org.il 69
eyal@isoc.org.il

70. DBpedia Mobile
‫פריטים מוויקיפדיה על‬
‫מפה‬
:‫טכנולוגיות‬
‫- סמנטי‬
‫- מובייל‬
‫- זיהוי מקיום‬
beckr.org/DBpediaMobile
www.isoc.org.il
www.w3c.org.il 70
eyal@isoc.org.il

71.  ‫תודה‬
‫אייל סלע‬
eyal@isoc.org.il
@isociltech @eyalsela
www.isoc.org.il
www.w3c.org.il 71
eyal@isoc.org.il