WEB 2.0 CONCEPTS AND APPLICATIONS

@checkmark

Agenda

1 – What is Web 2.0 ?2 – Social Media and Collaboration3 – Google!4- Cool Stuff for your classroom

1 – What is Web 2.0 ?

The Machine is Us(ing Us)

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

What is Web 2.0?

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

Teaching IT Concepts Through the Lens of Web 2.0

Computer maintenance Windows Operating

System Spreadsheets Web Pages Internet / Networking Multimedia / Graphics /

Video Current Events, Apps, and

Trends.

Information Technology Through the Lens of Web 2.0

Appreciate

Participate

Investigate

Communicate

Collaborate

Create

Web 2.0

Web 2.0

Social

Web

Web

Apps

Tech

Web 2.0

Learn By Experience

Technologies

XML RSS Web Services API JavaScript Servers Distributed Applications Compile

Application Development

Software Design / Requirements

Abstraction Data Logic Iteration Objects Algorithmic Thinking Methods Parameters

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 WebWeb 1.0 (1993-2003)

Web 2.0 (2004 - …)

StaticRead OnlyBrowserNeed to know HTML Client / ServerAdvertisingPhotos and MusicAuthoritativePersonal Web SitesContent Management

????????

What Happened?

Web 2.0 Concepts

A Culture of ParticipationBlog, Collaborate, Comment, Connect, Contribute, Rank,

Share, Tag

The InternetNetwork

s

The Web as a Platform

Internet Services and Protocols

Social Networkin

gApplicatio

ns

Online Communitie

s

FacebookLinked InTwitterMeetUp

Applications to

Collaborate, Create, or

Publish Content

BlogsWikis

PodcastsGoogle Docs

RSSFlickr

YouTubeWikipedia

Servers

Browser Technologies

for a Rich User

Experience

HTMLCascading Style

SheetsStreaming Video

AJAXFlash

SilverlightFTP

(File

Tra

nsf

er)

SM

TP

(Em

ail

Tran

sfer)

VO

IP

(Voic

e T

ran

sfer)

Web 2.0

World Wide Web

Routers

Static Content

Personal Web Pages

Text Documents

Images

Hyperlinks

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

Web (RSS) Feeds

1

2Feed Reader

Favorite Sites with Feeds

Google Reader

Subscribed feeds

organized in folders.

New, unread items appear in

bold.

Number of unread items in this feed.

Displays a text box to enter a feed’s

URL or search terms to find feeds.

The currently displayed feed.

Downloads subscribed items to your computer

for offline browsing.

2 - Social Media and Collaboration

Social Media and Collaboration Tools

Social Networks

Collaboration Tools

Social and Shared Content

MySpaceFaceBookLinked In

Twitter

BlogsWikisGoogle SitesGoogle Docs& SpreadsheetsJing Project

Del.icio.usDiggCiteULikeSlideShare.net

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

Teach with Wikis

Collaborative Community

Building Students learn

from each other Learner Centered Living Syllabus Class Portal

Google Sites PBWorks.com WetPaint.com

Twitter.com Twhirl Twittervision Wiffiti Laura’s Story Twitter Homework Twitter is my Village

Follow me: @checkmark

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

Tagging

User-provided keywords to help identify or describe an item

Folksonomy (freely chosen keywords)

Non-hierarchical organization scheme

Tag Clouds

Creating a Folksonomyboats

San Francisco

sailing

bay

User 1

User 2

User 3

Photo 1 1

Photo 2

Photo 3

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 folders?

Browser buttons make it easy

Tag Clouds

Delicious

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

4 – Collaboration and Cool Stuff

3 - All Things

Teaching with Google Docs and Spreadsheets Collaborative lab reports,

assignments, final exams! Simple online forms Very cool

Web 2.0 To Teach IT Concepts

Web 2.o Concepts

“Data is the next Intel Inside”

XML, RSS Web Services Service Oriented

Architecture

Software Development

Computer Programming Application Development Input, Output,

Processing Parameters Application Programming

Interface (API) Tools focus on Data

Flow, Not Syntax

What is a Mashup?

Data Mashups with Google Spreadsheets

Google Sets (ctrl and drag) =GoogleFinance(“symbol”,

“attribute”) =GoogleLookup(“entity”, “value”) =ImportFeed(“url”, paramters) =ImportXML(url, Xpath expression) =ImportHTML(“url”) =ImportData(“url”)

http://googlesystem.blogspot.com/2007/09/google-spreadsheets-lets-you-import.html

=GoogleLookup(entity, value) Countries and Territories (like "Burkina Faso"): population, capital, largest city,

gdp U.S. States (like "Tennessee"): area, governor, nickname, flower Rivers (like "Amazon River"): origin, length Cities and Towns (like "Chicago"): state, mayor, elevation Musicians (like "John Lennon"): date of birth, place of birth, nationality Actors (like "Audrey Hepburn"): date of birth, place of birth, nationality Politicians (like "Anwar Al-Sadat"): date of birth, place of birth, nationality U.S. Presidents (like "Zachary Taylor"): date of birth, place of birth, political party Baseball Players (like "Wade Boggs"): games, at bats, earned run average,

position Chemical Elements (like "Helium"): atomic number, discovered by, atomic weight Chemical Compounds (like "Isopropyl Alcohol"): chemical formula, melting point,

boiling point, density Stars (like "Betelgeuse"): constellation, distance, mass, temperature Planets (like "Saturn"): number of moons, length of day, distance from sun,

atmosphere Dinosaurs (like "Velociraptor"): height, weight, when it lived Ships (like "USS Chesapeake"): length, displacement, complement, commissioned Companies (like "Hewlett-Packard"): employees, ceo, ticker

Tech Companies Info Mashup =hyperlink(ImportFeed("http://

news.google.com/news?hl=en&ned=us&q=" & A2 & "&ie=UTF-8&output=rss", "items url", "false", 1),ImportFeed("http://news.google.com/news?hl=en&ned=us&q=" & A2 & "&ie=UTF-8&output=rss", "items title", "false", 1))

More Collaboration Tools

Live Blogging (CoverItLive) Desktop Sharing (YuuGuu or

Crossloop) Conferencing (DimDim)

Questions?

Install the plugin http://skp.mvps.org/liveweb.htm to include Live Web content in your PowerPoint.