You Can Change The World (Wide Web)

Mark Frydenberg

Bentley College

mfrydenberg@bentley.edu

http://cis.bentley.edu/mfrydenberg

What do you suppose she is looking at?

Agenda

1 – What is Web 2.0 ?

2 – Social Media and Collaboration

3 – Mashups

1 – WHAT IS WEB 2.0 ?

The Machine is Us(ing Us)

How did I get the video to play within PowerPoint 2007?

Web 2.0

What is Web 2.0?

“Could it be that the dot-com collapse marked some kind of turning point for the Web, such that a call to action such as “Web 2.0” might make sense? We agreed that it did, and so Web 2.0 … was born.”

Tim O’Reilly (2004)

Living in aWeb 2.0 World

What Web 2.0 companies do you recognize?

What are their products?

“While the first wave of the Web was closely tied to the browser, the second wave extends applications across the web and enables a new generation of services and business opportunities.” (O’Reilly, 2004)

Web 2.0: A Read/Write Web

Web 1.0 (1993-2003) Web 2.0 (2004 - …)

Static Web PagesRead OnlyView through BrowserNeed to know HTML Client / Server

?????

Web 2.0 By Example

Web 1.0

AdvertisingPhotosMusicEncyclopediasPersonal Web SitesInvitations/EventsContent Management

Web 2.0 ??

???????

What is Web 2.0?

Author: Luca Cremonini Source: http://www.railsonwave.it/railsonwave/2007/1/2/web-2-0-map

O’Reilly’s Seven Principles of Web 2.0

1. Web as platform2. Harnessing collective intelligence3. Data is the next “Intel inside”4. End of software release cycle – “perpetual

beta”5. Lightweight programming models6. Software above the level of a single device7. Rich user experiences

2 - SOCIAL MEDIA AND COLLABORATION

Social Media and Collaboration

Social Networks Collaboration Tools

Social Content

MySpaceFaceBookLinked In

BlogsWikisGoogle Docs(Zoho, Buzzword)

Del.icio.usDiggCiteULike

It’s not who you know, it’s who knows you.It’s not who you know, it’s who knows you.

Social Bookmarking Sites

Physical World

One book, one shelf

Now, for the first time in history, we are able to arrange our concepts without the silent limitations of the physical. How might our ideas, organizations, and knowledge itself change?

David Weinberger, Harvard University

Digital World

• User-provided keywords to help identify or describe an item

• Folksonomy (freely chosen keywords)

• Non-hierarchical organization scheme

• Tag Clouds

Tagging

Advantages

• Access bookmarks anywhere

• One site can have many tags

• Share bookmarks

• See which sites are popular

• Find related sites

• Know how to find it, not where it is

• Non-hierarchical

Disadvantages

• No oversight on tags used

• The same tags might mean different things

• Yet another place to look

Social Bookmarking

How are tags different from key words?

• Founded in 2003, acquired by Yahoo 2005

• Social Bookmarking

• Store bookmarks online

• Who else bookmarked the same article as you?

• Browser buttons make it easy

• Tag Clouds

http://del.icio.us/username/http://del.icio.us/username/tagname  for:username – share a bookmark

• News, video, podcast ranking

• Social bookmarking, blogging, RSS

• Users submit stories for review

• Most popular make it to the top

• DiggNation Podcast• Categories

• Organize academic papers

• Tag content

• Store references

• See what others tagged similarly

Other Social Bookmarking Sites

Flickr

• Social Photo Sharing

• Acquired by Yahoo

• Sign up, post pix!

• Tag photos

3 - MASHUPS

What is a Mashup?

• Build mashups visually

• Share on web site, blog, or Facebook

• Developed by Microsoft non-professional products division

• Beta, Oct. 17, 2007• I was in the New York Times !

Images Mashup

• The Live Image Search block uses Windows Live! (Microsoft’s search engine) to search for images that match a query.

•Specify the search query and the number of images to return.

• The PhotoStack block displays photos in a stack.

How does it work?

• Many Popfly operations obtain data from external sources by invoking web services (methods running on other computers)

• Data returned from web services is in XML

• Popfly processes the XML data

• Example: Windows Live Image Search

Inside the Box: XML

Where in the World?

Where in the World 3D

Discussion

• How can you use Popfly in your classroom?

Questions?