Web 2.0

Web 2.0

Usage, Concepts, Technology

Presented byMartin Etzel

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

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

2. Community – a social web• Humans want to

communication• Present themselves

2.1 Social information exchange

• WikisMediaWiki Presentation

http://localhost:85/MyWiki/

• Blogs• Exchange of other medias

– Videos– Audio– Pictures– Texts

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

products

2.3 Internet based communication

• Real time messages• Chat• Instant Messaging • Internet telephony/VoIP• Videoconferencing

2.4 Social networks• Meet people and stay in

contact– MySpace– Xing– StudiVZ– Facebook– …

2.5 Browser based applications• Everywhere

available• Image

processing– Snipshot.com

• Text/Table– Goggle Docs

• …

Example browser based applications: Goggle docs

2.6 Summary of Web 2.0 Application

E-Mail, FTP

WebServices

© [Beck 2007] Beck, A.: Web 2.0: Konzepte, Technologie, Anwendungen. HMD – Praxis der Wirtschaftsinformatik, Heft 255, Juni 2007

3. The technical side• AJAX (Asynchronous JavaScript and XML)– JavaScript– XML

• Adobe Flash– ActionScript

• RSS feeds

3.1 AJAX Code example• HTML

– <input type="text" id="txt1" onkeyup="showHint(this.value)">

– <span id="txtHint"></span>

• JavaScript– Generate XMLHttpRequest Object

– xmlHttp.onreadystatechange=fReady;

– xmlHttp.open("GET",url,true);

– xmlHttp.send(null);

– function fReady()

– document.getElementById("txtHint")

.innerHTML=xmlHttp.responseText;

• Serverside e.g. PHP– Return a list of sugestions

(c) http://www.w3schools.com/ajax/ajax_source.asp

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

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…

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

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,

languagesSemantic Web?

Questions

Thanks for your attention!

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