frydenberg web20 scu09
DESCRIPTION
Presentation on Web 2.0 Concepts and Applications for Teachers, Shelly Cashman University, Bloomingon INTRANSCRIPT
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
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.