מגמות וטכנולוגיות באינטרנט ובווב

  • Published on
    31-Oct-2014

  • View
    8

  • Download
    6

Embed Size (px)

DESCRIPTION

 

Transcript

<ul><li> 1. 1102/3/1 file:///H:/Erase/mobileOK.png , - W3C 1</li></ul> <p> 2. - -W3C Mobile 2 3. )(web ) ( ) ( 3 4. , , , 5. ) , (IIX ) , , ...( ), ....( ), , 6(...... ,IPV ) ,W3C ,STS (34:70 11/40/62 6. ISOCInternet related standards educationand policy(IETF), the Internet Architecture Board (IAB), the InternetEngineering Steering Group (IESG), and the Internet ResearchTask Force (IRTF)IPV6. 26/04/11 07:43 7. What Will The Internet LookLike In 10 Years?shttp://www.isoc.org/tools/blogs/scenarios/ 26/02/11 16:00 8. W3C -053 : .8 9. www.isoc.org.ilwww.w3c.org.ilbit.ly/g63C9F eyal@isoc.org.il 10. Recommendation track appropriate for widespreadReviewdeployment and promoteimplementationinteroperability. -sufficient implementation experience -sent to the Advisory Committee for review-feedback - first plementation -Fulfill all requirements-seeks technical review bit.ly/w3cpro 10 11. What we doj.mp/w3cac 11 12. HTML5 12 13. 5HTML4HTML 31 14. ? 41 15. And its all free! 16. The Open web platformcaniuse.com 16 17. 71 18. 81 19. 91 20. Video element Audio elementvideojs.com www.isoc.org.ilwww.w3c.org.il 20eyal@isoc.org.il 21. Offline web applications 21 22. (geolocation) m.radiustalk.com www.isoc.org.il www.w3c.org.il22 eyal@isoc.org.il 23. Drag and drop, files www.isoc.org.il www.w3c.org.il 23 eyal@isoc.org.il 24. Web Notifications24 25. File API 25 26. contenteditable attribute aloha-editor.com 26 27. Web Sockets Streamie Notifications streamie.org 27 28. Web Workers28 29. SVG29 30. canvas 30 31. Timeline Reader Canvas html5.labs.ap.org 31 32. Canvasofflinegregmurray.org/fish32 33. CSS33 34. touchsolitaire.mobi/appj.mp/w3cmo15www.isoc.org.ilwww.w3c.org.ileyal@isoc.org.il 35. touchstyle.mobi/app/ 35 36. 63 37. 73 38. 38 39. VideoGeolocationWeb StorageWebSocketsJanuary 26, 2011: Facebook to empower its massive mobile platform with HTML5 39 40. Drag and drop40 41. 41 42. ... TV 43. Build once deploy everywhere 44. ?44 45. 5HTML 54 46. MOBILE 46 47. Mobile vs deskop internt userprojection 2007-2015j.mp/dsafaa Source: thenextweb.com 47 48. : Cisco 62 5102http://bit.ly/eP3OWQ 49. : - 1102 " http://bit.ly/hZK3Gm 50. In 2015, tablets will generate asmuch traffic as the entire global mobile network of 2010http://bit.ly/g2Twdf 51. The average amount of trafficper smartphone doubled in2010http://bit.ly/g2Twdf 52. Via StatCounter:http://gs.statcounter.com/#mobile_os-ww-monthly-200812-201105 53. mobiles share of web consumption 54. ? ( ) 1. ) , ,)... 2. ( , ,)3.( ,/ ,/) 4. .5. . 6. . 7.Native vs web 8. 55. Iphone/android/nokia/win LaptopTablets Mobile phone / PDA(Wearable computer) 56. , , ,GPS , , ... 57. LBS = Location bases services : 23/12/10 12:44http://gigaom.com/2010/02/09/everything-you-ever-wanted-to-know-about- 58. Waze -GPS 44:21 01/21/32 59. How The iPhone Became TheWorlds Most Popular CameraVia thenextweb.com23/12/10 12:44tnw.co/muiwbB 60. Google GogglesUse pictures to search the web 60googlemobile.blogspot.com 61. Facebook placesgowallafoursquare.com61 62. Augmented Realitycombine a view of the physical world with informationj.mp/w3il7062 63. - AR 21j.mp/adfeg36 64. DBpedia Mobile :- - - beckr.org/DBpediaMobile 46 65. by: Amber Case 26/02/11 16:00 66. by: Amber Case 26/02/11 16:00 67. 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 rolloversImage 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) 67 68. ( , /, /) 69. 70. Minimize Perceived Latency ? Incremental Rendering: Place JavaScript at thebottom of the page+ configure the page so that anyuseful information that might be available isviewable while the main content of the applicationis still loading. Keep the User Informed of Activity (progress bars) Avoid Page Reloads (To reflect changes in state orshow different views) Preload Probable Next Views MapQuest.com70 71. Immediate goal-directed specific pieces of information relevant to context. less interested in lengthy documentsor in browsing.bit.ly/egXfIx 72. Eg.schedules for a journey they arecurrently undertaking. 73. keyboard and the screen limited processing power processing uses more power as doescommunication limited memory bit.ly/egXfIx 74. Latency Interaction methodData consistency--- Caching74 75. Optimize For Application Start-up Time? Use Offline Technology (e.g. AppCache) Resources (HTML, JavaScript, CSS) storedlocally. Use Local Storage: store a snapshot of last state -display it immediately on start-up Minimize Number of Local Storage Queries beforehttp://www.flickr.com/photos/66475767@N00/4333416050/ the first view can be displayed.75 76. 77. Smartphone market share - Q1 2010(Q1 10:23% of mobileconsumers havea smartphone)bit.ly/h755vK 77 78. 78 79. ?. 80. Native vs web80 81. Web ApplicationWeb page(s) that provide an "application-like" experiencewithin a Web browser. www.isoc.org.il www.w3c.org.il 81 eyal@isoc.org.il 82. validator.w3.org/mobile/bit.ly/w3cmbp (BP1) include locally executable elements of interactivity andpersistent state.:e-resistible.co.uk/public/eres/bbc.co.uk/1xtra/touch/www.isoc.org.ilwww.w3c.org.ileyal@isoc.org.il 83. Kivaj.mp/w3cmo10 83 84. j.mp/w3il80www.isoc.org.il www.w3c.org.il 84 eyal@isoc.org.il 85. API )(geolocation API API API API API) )SMS, MMS, email API API DeviceOrientation 86. Mobile Web Application BestPractices Cards j.mp/thecards 87. Use Device Classification toSimplify Content AdaptationClass 1: Basic XHTML support, no or very basic scripting.Class 2: Full AJAX and JavaScript support.Class 3: Advanced device APIsClass 1: Pointer Based.Class 2: Touch Based.88 88. frameworks89 89. Mobile web application frameworks Sencha Touch jQuery MobileInto native PhoneGap Titaniumj.mp/mob24490 90. Jquery mobile phone/browser supportjquerymobile.com/gbs/ 91 91. isoc.org.il/conf2011/mobile92 92. 93. ? 49 94. 1801/- ranh.co.il 95. ? 54j.mp/iscd69 96. Air Force issues warning to troopsconcerning Facebook Placesj.mp/9kWt3q 97 97. : " -Waze : http://bit.ly/i71Esb 89 98. 99. : http://gs.statcounter.com 100. - - 101. . " , . tele medicine ) ) 102. ) , ( "" . 103. ) - ( ) ( ) - ( ) , ( 104. : 4002 7 "" : ?... 105. eyal@isoc.org.il j.mp/eyalprs : 106 106. Q&amp;A - ? - ?- - , , ... </p>