1. Web 2.0
Usage, Concepts,
Technology
Presented by
Martin Etzel

2. Table of contains
• 1 What is Web 2.0?
• 2 Community – a social web
– 2.1 social Information exchange
– 2.2 Collective Indexing
– 2.3 Internet based Communication
– 2.4 social networks
– 2.5 Browser based Applications
• 3 Technical side of Web 2.0
– 3.1 AJAX Code example
– 3.2 Advantages, Disadvantages
– 3.3 AJAX Frameworks
• 4 Economical aspects of Web 2.0
• 5 Future of the web
• 6 References

3. 1. What is Web 2.0?
• Indicates a change in Web
usage
– Two-way communication
– Users can change pages
User become editors
• A terms for a combination
of many (new)
technologies

4. 2. Community – a social web
• Humans want to
communication
• Present themselves

5. 2.1 Social information exchange
• Wikis
MediaWiki Presentation
http://localhost:85/MyWiki/
• Blogs
• Exchange of other medias
– Videos
– Audio
– Pictures
– Texts

6. 2.2 Collective Indexing
• Social book marking
• User tag content
• Recommending of
products

7. 2.3 Internet based communication
• Real time messages
• Chat
• Instant Messaging
• Internet telephony/VoIP
• Videoconferencing

8. 2.4 Social networks
• Meet people and stay in
contact
– MySpace
– Xing
– StudiVZ
– Facebook
– …

9. 2.5 Browser based applications
• Everywhere
available
• Image
processing
– Snipshot.com
• Text/Table
– Goggle Docs
•…

10. Example browser based
applications: Goggle docs

11. 2.6 Summary of Web 2.0
Application
WebServices
E-Mail, FTP
© [Beck 2007] Beck, A.: Web 2.0: Konzepte, Technologie, Anwendungen. HMD – Praxis der Wirtschaftsinformatik, Heft 255, Juni 2007

12. 3. The technical side
• AJAX (Asynchronous JavaScript
and XML)
– JavaScript
– XML
• Adobe Flash
– ActionScript
• RSS feeds

13. 3.1 AJAX Code example
• HTML
– <input type=quot;textquot; id=quot;txt1quot;
onkeyup=quot;showHint(this.value)quot;>
– <span id=quot;txtHintquot;></span>
• JavaScript
– Generate XMLHttpRequest Object
– xmlHttp.onreadystatechange=fReady;
– xmlHttp.open(quot;GETquot;,url,true);
– xmlHttp.send(null);
– function fReady()
– document.getElementById(quot;txtHintquot;)
.innerHTML=xmlHttp.responseText;
• Serverside e.g. PHP
– Return a list of sugestions
(c) http://www.w3schools.com/ajax/ajax_source.asp

14. 3.2 Advantages, Disadvantages
• Faster response to actions
• Less bandwidth needed
• Separation of data and
format
• Missing integration in
Browser (no back button)
• No Bookmarks
• Unknown loading time

15. 3.3 AJAX Frameworks
• ASP.NET
– ASP.NET AJAX (Atlas)
• PHP
– AjaxAC
• Java
– DWR Direct Web Remoting
– GWT Google Web Toolkit
• Only Client side
– Prototype
• More than 150…

16. 4. Economical aspects of Web 2.0
• Marketing
– let your customers work
– Fan article for blogs
– New places for PR
• Communication in/of
enterprises
– Wikis
– Blogs
– Xing

17. 5. Future of the web
• More and more use of
Web 2.0
• Let costumers design your
product
• Other medias use web for
response
• Virtual reality
• Witch frameworks,
languages
Semantic Web?

18. Questions
Thanks for your attention!

19. 6 References/Literature
• http://www.exforsys.com/tutorials/aja
x/advantages-and-disadvantages-of-
ajax.html (accessed 15.12.07)
• [O’Reilly 05] O’Reilly, T.: What Is Web
2.0. Design Patterns and Business
Models for the Next Generation of
Software
• [Beck 07] Beck, A.: Web 2.0: Konzepte,
Technologie, Anwendungen. HMD –
Praxis der Wirtschaftsinformatik, Heft
255, Juni 2007
• [Peters 07] Peters, I., Stock,W.: Web 2.0
im Unternehmen.
Wissensmanagement, Nr. 4/07, S. 22-
25, Juni 2007