You Can Change The World (Wide Web) Mark Frydenberg Bentley College [email_address] 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 ?

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)

“ 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 a Web 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)

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 Pages Read Only View through Browser Need to know HTML Client / Server ? ? ? ? ?

Web 1.0 (1993-2003)

Web 2.0 (2004 - …)

Static Web Pages

Read Only

View through Browser

Need to know HTML

Client / Server

?

?

?

?

?

Web 2.0 By Example Web 1.0 Advertising Photos Music Encyclopedias Personal Web Sites Invitations/Events Content Management Web 2.0 ?? ? ? ? ? ? ? ?

Web 1.0

Advertising

Photos

Music

Encyclopedias

Personal Web Sites

Invitations/Events

Content 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 Web as platform Harnessing collective intelligence Data is the next “Intel inside” End of software release cycle – “perpetual beta” Lightweight programming models Software above the level of a single device Rich user experiences

Web as platform

Harnessing collective intelligence

Data is the next “Intel inside”

End of software release cycle – “perpetual beta”

Lightweight programming models

Software above the level of a single device

Rich user experiences

2 - SOCIAL MEDIA AND COLLABORATION

Social Media and Collaboration It’s not who you know, it’s who knows you. Social Networks Collaboration Tools Social Content MySpace FaceBook Linked In Blogs Wikis Google Docs (Zoho, Buzzword) Del.icio.us Digg CiteULike

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

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

User-provided keywords to help identify or describe an item Folksonomy (freely chosen keywords) Non-hierarchical organization scheme Tag Clouds Tagging

User-provided keywords to help identify or describe an item

Folksonomy (freely chosen keywords)

Non-hierarchical organization scheme

Tag Clouds

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?

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

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

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

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

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

Flickr Social Photo Sharing Acquired by Yahoo Sign up, post pix! Tag photos

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 !

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.

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

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

Where in the World?

Where in the World 3D

Discussion How can you use Popfly in your classroom?

How can you use Popfly in your classroom?

Questions?