Web 2.0 & Ajax

COSCUP 2006

Transcript

1. Web 2.0 & Ajax ৷ਃࣸ
2. ІҢʧୗ • ৷ਃࣸ€othree • http://blog.othree.net • ˂ɽήɽ̨߅ɽ • ጳሳjɽ௅΅ঐ͜ᓭᚎኜකٙ؇Г • OpenVanilla Bookmarkletو
3. Outline • Web 2.0 beta • Ajax
4. ᅰЗࣛ˾ 15ʱᙒพᏑWeb 2.0
5. • 15ʱᙒ ‎ Web 2.0 • 20ʱᙒ ‎ Web 2.0 & Ajax
6. ʡჿ݊ Web 2.0 k
7. ࠅᐝ༆ Web 2.0
8. Ңࡁცࠅ΋ᐝ༆
9. Web 8.0
10. Web 8.0 Resurgence of The Web • A new and improved Web emerges and it looks almost exactly like the one that was predicted at the 1st Annual Web 8.0 Conference, which was held in 2007 http://www.webeightpointoh.com/
11. Web 2.0 ݊ʡჿk • อҦஔk • БቖΤ൚k • Ajaxk • Blogk • RSSk • Wikik
12. http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html
13. Web 2.0 ٙ20΁ԫ • ɓ΁ԫᑺɓʱᙒ࡝࡝λ http://www.ithome.com.tw/plog/index.php?op=ViewArticle&articleId=3868&blogId=410
14. ɓԊᗭး
15. Web 2.0 ݊ • WebԴ͜˙όٙҷᜊ • Webਠุᅼόٙҷᜊ
16. WebԴ͜˙όٙҷᜊ • Reader to writer • blog • Web OS • Google Docs • Store data on Web • Gmail
17. Webਠุᅼόٙҷᜊ • ڗ҈ଣሞ • Google • C2C • ebay • Open API • Դ͜٫౤Զʫ࢙
18. Դ͜٫౤Զʫ࢙ • del.icio.us • flickr • Դ͜٫↑ ‎ ʫ࢙↑
19. ה˸ Web 2.0 ݊
20. ה˸ Web 2.0 ݊ • ၣ༩Бމᅼόٙҷᜊ • ၾҦஔೌᗫ
21. ה˸ Web 2.0 ݊ • ၣ༩Бމᅼόٙҷᜊ • ၾҦஔೌᗫ • ਠุɹ໮
22. Tim Berners-Lee on Web 2.0 http://arstechnica.com/news.ars/post/20060901-7650.html nobody even knows what it means
23. ԈɛႭɛ༑ Ԉ৺Ⴍ৺༑
24. Ajax Asynchronous Javascript + XML
25. http://www.adaptivepath.com/publications/essays/archives/000385.php
28. Ajax ݊ ... • Web Application Model • XHTML & CSS • DOM • XML & XSLT • XMLHttpRequest • JavaScript
29. XMLHttpRequest
30. XMLHttpRequest • Microsoft Internet Explorer 5 @ 2000 • An AcriveX object • var req = new ActiveXObject(Microsoft.XMLHTTP); • var req = new ActiveXObject(Msxml2.XMLHTTP); http://en.wikipedia.org/wiki/Xmlhttprequest http://www.xml.com/pub/a/2005/02/09/xml-http-request.html
31. XMLHttpRequest • Firefox, Safari, Opera ...etc after 2002 • req = new XMLHttpRequest(); • W3C Working Draft @ 2006 http://en.wikipedia.org/wiki/Xmlhttprequest http://www.xml.com/pub/a/2005/02/09/xml-http-request.html http://www.w3.org/TR/XMLHttpRequest/
32. Ajax Showcase
38. Ajax Technologies ࡡ֐˙ࣩ ಁ˾˙ࣩ XML JSON HTML XMLHttpRequest hidden iframe JavaScript VBScript
39. Ѣᗭ • ᓭᚎኜ኷ن • More and more codes • Ajax Frameworks • ၣ१ፋձɢ
40. Ajax Frameworks • ڢ੬ε....
41. For PHP http://ajaxpatterns.org/PHP_Ajax_Frameworks
42. For PHP • ॆٙܘε • My-BIC • ௰ଉ @ digg.com • FirefoxeIEeOperaeSafari • Debugʧࠦ http://phpshot.org/blog/archives/2006/10/phpajax_1.html http://www.litfuel.net/mybic/
43. For ASP.NET • Ajax ASP.NET • ฆழ̈ۜ http://ajax.asp.net/
44. For ...... • JavaScript • C++, C#, ColdFusion, Eiffel, .Net, Java, Lisp, Lotus, Perl, Python, Ruby, Smalltalk http://ajaxpatterns.org/Framework
45. ၣ१ፋձɢ • ɪɓࠫeɨɓࠫeࣣᜀ • Screen ReaderʔึءจՑၣࠫٙһҷ
46. ɪɓࠫɨɓࠫၾࣣᜀ • windows.location • # (fragment identifier) • http://mail.othree.net/#inbox • http://mail.othree.net/#sent • Really Simple History framework (RSH) http://www.onjava.com/pub/a/onjava/2005/10/26/ajax-handling-bookmarks-and-back-button.html http://dev2dev.bea.com/pub/a/2006/01/ajax-back-button.html
47. Screen Reader • ᜫԴ͜٫ٝ༸ၣࠫһอə • alert • location • focus • .... http://www.sitepoint.com/article/ajax-screenreaders-work
48. Ajaxٙ͊Ը • OpenAjax Alliance • JSONRequest
49. OpenAjax Alliance • AppleeMozillaeGoogle...ഃ63࢕ʮ̡ • ӚϞMicrosoft • Atlas http://ajax.asp.net/
50. JSONRequest • XML • ልᕏe༟ࣘඎɽe࿔ • JSON (JavaScript Object Notation) • ᔊఊe༟ࣘඎʃeҞ • ٜટԴ͜JSONЪމ༟ࣘෂ፩ࣸό http://www.json.org/JSONRequest.html
51. http://www.json.org/example.html
54. http://www.json.org/JSONRequest.html JSONRequest
55. http://www.json.org/JSONRequest.html JSONRequest
56. ชᑽ΢Зٙ୩ᛓ m(_ _)m
57. ҳᅂ˪બᛆgamma • Creative Commons by-sa • ֑Τᅺͪ ޴Ν˙όʱԮ