Transcript WEB 2.0 CONCEPTS AND APPLICATIONS @checkmark

WEB 2.0 CONCEPTS AND
APPLICATIONS
@checkmark
Agenda
1 – What is Web 2.0 ?
2 – Social Media and Collaboration
3 – 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
Create
Web 2.0
Collaborate
Investigate
Communicate
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 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)
Web 1.0 (1993-2003)










Static
Read Only
Browser
Need to know HTML
Client / Server
Advertising
Photos and Music
Authoritative
Personal Web Sites
Content Management
Web 2.0 (2004 - …)
?
?
?
?
?
?
?
?
What Happened?
Web 2.0 Concepts
The Web as a Platform
A Culture of Participation
VOIP (Voice Transfer)
SMTP (Email Transfer)
FTP (File Transfer)
Blog, Collaborate, Comment, Connect, Contribute, Rank, Share, Tag
Static Content
Personal Web
Pages
Text Documents
Browser
Technologies for a
Rich User
Experience
Images
Hyperlinks
HTML
Cascading Style
Sheets
Streaming Video
AJAX
Flash
Silverlight
Applications to
Collaborate,
Create, or
Publish
Content
Blogs
Wikis
Podcasts
Google Docs
RSS
Flickr
YouTube
Wikipedia
Social
Networking
Applications
Online
Communities
Facebook
Linked In
Twitter
MeetUp
Web 2.0
World Wide Web
Internet Services and Protocols
Networks
Servers
Routers
The Internet
O’Reilly’s Seven Principles of
Web 2.0
1. Web as platform
2. Harnessing collective intelligence
3. Data is the next “Intel inside”
4. End of software release cycle – “perpetual
beta”
5. Lightweight programming models
6. Software above the level of a single device
7. Rich user experiences
Favorite
Sites with
Feeds
Web (RSS) Feeds
2
Feed Reader
1
Google Reader
Displays a text box to
enter a feed’s URL or
search terms to find
feeds.
Number of unread
items in this feed.
Subscribed feeds
organized in
folders.
The currently displayed
feed.
New, unread items
appear in bold.
Downloads
subscribed items to
your computer for
offline browsing.
2 - Social Media and Collaboration
Social Media and
Collaboration Tools
Social Networks Collaboration
Social and
Tools
Shared Content
MySpace
Blogs
Del.icio.us
FaceBook
Wikis
Digg
Linked In
Google Sites
CiteULike
Google Docs
SlideShare.net
Twitter
& Spreadsheets
Jing Project
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
 Google Sites
 Class Portal
 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
Digital World
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
Tagging
 User-provided
keywords to help
identify or describe an
item
 Folksonomy (freely
chosen keywords)
 Non-hierarchical
organization scheme
 Tag Clouds
Creating a Folksonomy
boats
User 1
User 2
Photo 1 1
San
Francisco
sailing
Photo 2
bay
User 3
Photo 3
Social Bookmarking
How are tags different from folders?
Advantages
Disadvantages
 Access bookmarks anywhere
 No oversight on tags
 One site can have many tags
used
 The same tags might
mean different things
 Yet another place to
look
 Share bookmarks
 See which sites are popular
 Find related sites
 Know how to find it, not
where it is
 Non-hierarchical
Delicious
 Browser buttons
make it easy
 Tag Clouds
http://del.icio.us/username/
http://del.icio.us/username/tagname
for:username – share a bookmark
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
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
Software Development
 “Data is the next Intel





Inside”
 XML, RSS
 Web Services
 Service Oriented
Architecture
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-y
=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.c
om/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=UTF8&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
.