the web, reloaded.

 I. What is Web 2.0?  II. Technologies and examples of applications  III. Building Web 2.0 applications

- Origins - What justify this name? - Comparison with Web The Web as a platform - Principles of Web 2.0

 Bursting of the.com bubble   In 2005: 9.5 million citations in Google

 New version?  New technology?  Revolution?  An hidden web?

 DoubleClick  Ofoto  Akamai  mp3.com  Britannica Online  Personal websites  CMS  Taxonomy  Google AdSense  Flickr  BitTorrent  Napster  Wikipedia  Blogging  Wikis  Folksonomy

Web 1.0 was about company, web 2.0 is about people.

Data is the next Intel inside.

People as an actor.

Software above the level of a single device.

Enhance user interface.

 XML: eXtensible Markup Language  Portable  Standard of communication  Tree representation

 XHTML: eXtensible HyperText Markup Language  XML + HTML  Fast to analyze by computers  Useful for mobile phones

Style1.css Style2.css

 Script language  Client-side  Good integration in recent web browsers  Many drawbacks

 AJAX: Asynchronous JavaScript And XML

 Rich Internet Application  Client-side  Time-oriented language  Plug-in needed

Presentation of a framework : Google Web Toolkit

 A Java to JavaScript compiler  A web-specific graphical Java API

 Don’t care about subtle incompatibilities between web browsers and platform  Avoid JavaScript errors  Reuse your components easily  Simple API

  HTML file   MyApplication  My First GWT demo. 

 public class MyApplication implements EntryPoint {  public void onModuleLoad() {  final Button button = new Button("Click me");  final Label label = new Label();   button.addClickListener(new ClickListener() {  public void onClick(Widget sender) {  if (label.getText().equals(""))  label.setText("Hello World!");  else  label.setText("");  }  });  RootPanel.get("slot1").add(button);  RootPanel.get("slot2").add(label);  }

Small XML JAVAHTML