Your browser doesn't support the features required by impress.js, so you are presented with a simplified version of this presentation.

For the best experience please use the latest Chrome, Safari or Firefox browser.

Introduction

Web 2.0 Technology Atelier

Prof. Cesare Pautasso
http://www.pautasso.info
cesare.pautasso@usi.ch
@pautasso

World Wide Web

  • On the Web anyone can access, publish, and share hyper-multi-media information
  • The Web is the next operating system platform for delivering software applications to users
  • The Web works thanks to open standards

Web Operating System

What is Web 2.0?

  • Web 2.0 is the business revolution in the computer industry caused by the move to the Internet as a platform

Main Web 2.0 Concepts

  • The Long Tail
  • Collective Swarm Intelligence
  • Network Effects from User Contributions
  • Software as a Service

Web 2.0 Technology?

  • Web 2.0 does not imply a new revision of the underlying Web technologies
Layer 1 Web 2.0 Read+Write Realtime Technology "New"

1.0 vs. 2.0

PublishingParticipation
HomepageBlog
Content ManagementWikis
Britannica OnlineWikipedia
DialupBroadband
AkamaiBitTorrent
Directories (Taxonomy)Tagging (Folksonomy)
ScreenscrapingWeb Services APIs
DoubleclickAdsense
Netscape IPOGoogle IPO

Web Development

Professional Web development requires to master technical computer science skills, the art of graphical design, and a good understanding of usability and user requirements

Web Technology Communication Usability Graphics Design

In this atelier you will learn the most important basic technologies related to Web development by exercising them on practical projects

Do not forget that the Web is a medium to deliver content to people

Never loose sight of the message
Always choose the most effective technique to deliver it

Web Architecture

Client/Server architecture with synchronous interaction

Thanks to open standards
any browser can talk to any Web server

Static Web

Dynamic Web

Standards

  • HyperText Transfer Protocol (HTTP 1.0, 1996 - 1.1, 1999)
  • HyperText Markup Language (HTML 1.0, 1989 - 2.0, 1994 – 3.2, 1997 – 4.0, 1998 - XHTML 1.0, 2000 – 1.1, 2001, - HTML5, ?))
  • eXtensible Markup Language (XML 1.0, 1998)
  • Cascading Style Sheets (CSS 1.0, 1996 - 2.0, 1998 - 3.0, ?)
  • Portable Network Graphics (PNG 1.0, 1996)
  • JavaScript (1995 - ECMA-262 Standard 5th edition 2009)

And their implementation history

Learning HTML

Beginner's tutorials:

by example: whenever you find an interesting page, Look at the source!

References

Use a spacebar or arrow keys to navigate