WEB 2.0 CONCEPTS AND APPLICATIONS @checkmark
Download
Report
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
.