Frydenberg Web20 Scu09
description
Transcript of Frydenberg Web20 Scu09
![Page 2: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/2.jpg)
Agenda
1 – What is Web 2.0 ?2 – Social Media and Collaboration3 – Google!4- Cool Stuff for your classroom
![Page 3: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/3.jpg)
1 – What is Web 2.0 ?
![Page 4: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/4.jpg)
The Machine is Us(ing Us)
How did I get the video to play within PowerPoint 2007?
![Page 5: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/5.jpg)
What is Web 2.0?
Author: Luca Cremonini Source: http://www.railsonwave.it/railsonwave/2007/1/2/web-2-0-map
![Page 6: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/6.jpg)
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.
![Page 7: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/7.jpg)
Information Technology Through the Lens of Web 2.0
Appreciate
Participate
Investigate
Communicate
Collaborate
Create
Web 2.0
![Page 8: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/8.jpg)
Web 2.0
Social
Web
Web
Apps
Tech
Web 2.0
![Page 9: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/9.jpg)
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
![Page 10: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/10.jpg)
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)
![Page 11: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/11.jpg)
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)
![Page 12: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/12.jpg)
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
????????
![Page 13: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/13.jpg)
What Happened?
![Page 14: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/14.jpg)
Web 2.0 Concepts
![Page 15: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/15.jpg)
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
![Page 16: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/16.jpg)
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
![Page 17: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/17.jpg)
Web (RSS) Feeds
1
2Feed Reader
Favorite Sites with Feeds
![Page 18: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/18.jpg)
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.
![Page 19: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/19.jpg)
2 - Social Media and Collaboration
![Page 20: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/20.jpg)
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.
![Page 21: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/21.jpg)
Teach with Wikis
Collaborative Community
Building Students learn
from each other Learner Centered Living Syllabus Class Portal
Google Sites PBWorks.com WetPaint.com
![Page 22: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/22.jpg)
Twitter.com Twhirl Twittervision Wiffiti Laura’s Story Twitter Homework Twitter is my Village
Follow me: @checkmark
![Page 23: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/23.jpg)
Social Bookmarking Sites
![Page 24: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/24.jpg)
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
![Page 25: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/25.jpg)
Tagging
User-provided keywords to help identify or describe an item
Folksonomy (freely chosen keywords)
Non-hierarchical organization scheme
Tag Clouds
![Page 26: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/26.jpg)
Creating a Folksonomyboats
San Francisco
sailing
bay
User 1
User 2
User 3
Photo 1 1
Photo 2
Photo 3
![Page 27: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/27.jpg)
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?
![Page 28: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/28.jpg)
Browser buttons make it easy
Tag Clouds
Delicious
http://del.icio.us/username/http://del.icio.us/username/tagname for:username – share a bookmark
![Page 29: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/29.jpg)
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
![Page 30: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/30.jpg)
Flickr
Social Photo Sharing Acquired by Yahoo Sign up, post pix! Tag photos
![Page 31: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/31.jpg)
4 – Collaboration and Cool Stuff
![Page 32: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/32.jpg)
3 - All Things
![Page 33: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/33.jpg)
Teaching with Google Docs and Spreadsheets Collaborative lab reports,
assignments, final exams! Simple online forms Very cool
![Page 34: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/34.jpg)
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
![Page 35: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/35.jpg)
What is a Mashup?
![Page 36: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/36.jpg)
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
![Page 37: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/37.jpg)
=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
![Page 38: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/38.jpg)
![Page 39: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/39.jpg)
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))
![Page 40: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/40.jpg)
![Page 41: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/41.jpg)
![Page 42: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/42.jpg)
![Page 43: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/43.jpg)
More Collaboration Tools
Live Blogging (CoverItLive) Desktop Sharing (YuuGuu or
Crossloop) Conferencing (DimDim)
![Page 44: Frydenberg Web20 Scu09](https://reader034.fdocuments.us/reader034/viewer/2022052505/555492f0b4c905186d8b48d3/html5/thumbnails/44.jpg)
Questions?
Install the plugin http://skp.mvps.org/liveweb.htm to include Live Web content in your PowerPoint.