Web 2.0 beta

28
Miroslav Juhos ([email protected]) BET A

description

Europen presentation

Transcript of Web 2.0 beta

Page 1: Web 2.0 beta

Miroslav Juhos ([email protected]) BETA

Page 2: Web 2.0 beta

What do you imagine as Web 2.0?

• Marketing term• Buzzword• Bubble• New trend• Future• Web applications• Social networks

• Gmail• Facebook• Dynamic pages• AJAX and Co.• Widgets• Anything• Sex

Page 3: Web 2.0 beta

What can you look forward to?

• Short trip to Internet history• Tim O’Reilly and his ideas• Web 2.0 developer view • Future of Web

Page 4: Web 2.0 beta
Page 5: Web 2.0 beta

Web 1.0

• Medium in traditional meaning – information broadcasting

• Content made only by authors• Weak user interactivity• HTML/CSS expert required

Page 6: Web 2.0 beta
Page 7: Web 2.0 beta

Tim O'Reilly

• Founder of O'Reilly Media• Conference producer• Coiner of Web 2.0

Page 8: Web 2.0 beta

O’Reilly’s ideas

Companies and their products which survived dot-com bubble has often some similar features

• Network Effect• Perpetual beta• The Long Tail

Page 9: Web 2.0 beta

Collective IntelligenceNetwork Effect

• Collaboration more users gets better results then work of one user (Wiki)

• Quality of service increases with count of users (Spam filters, Social Networks, Amazon)

• More links on page more important page (Google Page Rank)

Page 10: Web 2.0 beta

The Perpetual Beta

• Applications are online = Easy to update• Why create final versions?

Page 11: Web 2.0 beta

The Long Tail What is The Long Tail?

• Also known as 80-20 rule

The Long Tail

20% 80%

products

sales

Page 12: Web 2.0 beta

O’Reilly’s ideas some shift in using of Internet

Web 1.0 Web 2.0

Britannica WikipediaPersonal websites BlogsDirectories Tags Publishing Participation

Domain name speculation SEO

Netscape Google

Page 13: Web 2.0 beta
Page 14: Web 2.0 beta
Page 15: Web 2.0 beta

Web 2.0 developer view

• Usability• AJAX– JSON

• Web API’s• Mashups

Page 16: Web 2.0 beta

UsabilityWhy talk about usability?

• Spectrum of internet user has changed. • Internet isn’t only for geeks only anymore.

• 1995 - 16 mil. Internet users• 2008 - 1,4 bil. Internet users

Page 17: Web 2.0 beta

UsabilityWhy we want better usability?

• Better user experience • Simplest way to learn work with application• Competitors do the same.

Page 18: Web 2.0 beta

Rich Internet Applications (RIA)

• No difference between desktop and web application (in user’s view)– More interactivity– Better user experience

• Part of work is transferred to web client• Technologies:– Java, JavaFX– Flash, Flex, Silverlight– AJAX

Page 19: Web 2.0 beta

AJAX

• Asynchronous JavaScript and XML• Communication server-client is asynchronous

– it isn’t so time consuming yet.• XMLHttpRequest - XHR

Page 20: Web 2.0 beta

JSON

• Popular protocol used instead XML• Simpler than XML• Data are converted directly into JavaScript

Objects• http://json.org/

Page 21: Web 2.0 beta

JSONComparison with XML

XML<user>

<name>Miroslav Juhos

</name><email>

[email protected]<email>

</user>

JSON{user: {

name: “Miroslav Juhos”email: “[email protected]”}

}

Page 22: Web 2.0 beta

Web API’s

• Many web apps provides API– Data API

BackPack, BaseCamp, Google Data API– Platform API (widget platform)

Facebook, Google Widgets, Google Maps

• Main building block for Mashups

Page 23: Web 2.0 beta

Mashup

• Application combines data sources using– API’s– RSS, Atom

• Favorite mashups with Google Maps– Realties, hotels, prices, band tours

Page 24: Web 2.0 beta
Page 25: Web 2.0 beta

Mashupslinks

• http://www.programmableweb.com• http://mashupawards.com

• http://www.hrady.cz• http://www.nelso.cz/mapa-cen-piva-v-praze/• http://www.czechinfo.aero/map.aspx

Page 26: Web 2.0 beta
Page 27: Web 2.0 beta

What next?Future of web – Web 3.0?

• More applications uses Network effect• More Rich Internet Applications• Simple tools for creating own Mashups• Semantic Web - Microformats• Open ID

• New version of HTML,CSS and JavaScript• Higher browsers performance in JS code

Page 28: Web 2.0 beta

Miroslav Juhos ([email protected]) BETA