1 web 2_lesson
- 1. C HA PTER 1 KEY C ONC EPTS
- 2. 2
- 3. WEB 1.0 VS. WEB 2.0 Web 1.0 Web 2.0 3
- 4. Static Dynamic Web pages Web pages 4
- 5. WEB 1.0 • Web pages connected together via hyperlinks. • Mostly static and very little interaction between the user and the webpage. • Focus is companies that create and own their content. 5
- 6. WEB 2.0 web 2. 0 is you not for you • Dynamic web pages that are data-driven and user- centric. • High level of interactivity with user-generated content (blogs, forums, social networks, video sharing, etc.) • You have the tools and applications at your fingertips to create, share, trade, collaborate, explore, and profit off your ideas, creativity, opinions, and talents. Not all the information on the web is reliable, why 6
- 7. Ajax Library Demo • Web 2.0 is better with AJAX. Rich interfaces made possible through AJAX Examples: http://webdevfoundations.net/css/ jQuery: http://jqueryui.com/ 7
- 8. SUMMARY web 2. 0 is you not for you 8
Editor's Notes
- #3: Ask students about their experience with Web 2.0 toolsWatch a short video: http://www.youtube.com/watch?v=LIHAFrBF7zo&feature=relatedThen discuss this photo with students.
- #4: What is web 1.0What is web 2.0
- #5: Static content X Dynamic content Web 2.0 >> A dynamic web page is a kind of web page that has been prepared with fresh information (content and/or layout), for each individual viewing. It is not static because it changes with the time (ex. a news content), the user (ex. preferences in a login session), the user interaction (ex. web page game), the context (parametric customization), or any combination thereof.
- #6: - Web 1.0 the web master is the only person who is responsible for updating information to keep visitors updated.However in Web 2.0 the webmaster shares the responsibly with website audience.
- #7: Examples of Web 2.0:FacebookFlickrWordpressLinkedinYoutubeBloggerTwitterMyspace
- #8: AJAX is a technique for creating fast and dynamic web pages.What is AJAXAsynchronous JavaScript and XMLAJAX is NOT a web technology but it is a group of interrelated web development methods (web applications) that utilizes a group of web technologies (specifically JavaScript and XML) to create interactive web applications. When extra data is being requested from web server, this data will be loaded in the background of the web page without the need to reload/refresh your web page. A good example is when you type in Google search box any keyword, you will observe that Google provides you with more possible keywords or phrases which are close to your search keyword.Very Basic Example:http://webdevfoundations.net/cssAnother example: http://www.youtube.com/watch?v=dtrWHL9AsecWhere is AJAX used?Flickr http://www.flickr.comDel.icio.ushttp://del.icio.usGoogle e-mailhttp:/google.com/gmail
- #9: http://www.youtube.com/watch?v=Bc0oDIEbYFc