The document discusses using Web 2.0 technologies in computer science classes. It outlines the agenda for an evening workshop, which will include discussions on online participation, using Web 2.0 in education, mashups and examples, and using Web 2.0 in CS1 courses. Additional sections provide overviews and demonstrations of various social software tools and how they could be used for education, including Facebook, Twitter, YouTube, CiteULike and wikis. The implications of Web 2.0 for rethinking education are also addressed.

1. Using Web 2.0 Technologies
in Computer Science
Classes
Lillian (Boots) Cassel1, Manuel A. Pérez-Quiñones2,
Edward A. Fox2, Steven Edwards2, Manas Tungare2
1Department of Computing Sciences
Villanova University
2Department of Computer Science
Virginia Tech

2. Plans for the evening
• Online Participation (Cassel)
• Web 2.0 in Education (Pérez-Quiñones, Tungare)
• Mashup and other examples (Fox)
• Web 2.0 in CS 1 (Edwards)
All URLs in slides are off tinyurl.com.
Visit website for full URL.
2

3. Online Materials
• All materials for the workshop are available
at:
• http://syllabus.cs.vt.edu/web20/
• Also, we have a Facebook group for the
workshop
• http://tinyurl.com/279jf3
3

4. SIGCSE is a vibrant
community
• Common goals, cohesive
community, large
conference, active
mailing list
• Yet, online sharing of
educational materials has
not really flourished
4

5. Online participation
• Do you share pictures online? (e.g. flickr)
• Do you write comments in Amazon
products? Do you value the other opinions
there?
• How often do you participate in the
SIGCSE mailing list?
5

6. If we build it, will you come?
• How many of these do you use?
Why? Why not?
• ACM or IEEE DL
• CITIDEL
• SIGCSE education links
• NCSTRL, CoRR, NSDL, ETD...
6

7. NSDL
• NSF funded effort
• Collections of resources
and information for
multiple disciplines
(science, math,
engineering, technology)
• Support for all
educational levels
(K-gray)
7

8. http://tinyurl.com/2bnjdw
Web 2.0
The Machine is Us
by Michael Wesch
5 minute discussion on
what it means and its
implications for
Manuel and Manas will
do this section
8

9. http://tinyurl.com/2bnjdw
Web 2.0
The Machine is Us
by Michael Wesch
5 minute discussion on
what it means and its
implications for
Manuel and Manas will
do this section
8

10. Social Software...
• ...enables people to rendezvous, connect or
collaborate through computer-mediated
communication [Wikipedia]
• 55% of all American youth (ages 12-17) use
some form of social networking site [Pew
Internet & American Life Project, Lenhart
2007]
9

11. Features of Social SW
• Goals: identify friends, resources, staying in touch,
sharing interesting news...
• Commenting features... support discussion,
collaboration, exchange
• Social tagging
• Connections - friends, “following,” groups...
• Syndication and embedding...
• Mashups - use API to combine data into new apps10

12. Goals
• Identify friends (facebook, orkut, friendster)
• Education (citeulike, campusbug, carmun,
koofers, rateteachers)
• Share resources: movies (youtube),
pictures (flickr), status (twitter),
bookmarks (del.icio.us, stumbleupon),
news (digg, reddit), citations (citeulike),
exams (koofers), slides (slideshare)...
put site images/logos to
make more graphical
11

13. Social Tagging
• Free for all tagging, users
pick their own tags Joe Mary
• Social network gives
tag_x
meaning to tags tag_y tag_y
• Joe receives as a
url_a url_b
recommendation url_b
no ontology, no imposed classification, why it works
web2.0 video - who will organize this? you will.
12

14. Syndication & embedding
• Syndication of content from one site to
another
13

15. http://tinyurl.com/2xfrwb
Mashups...
• Combination of
multiple
applications
• Google maps is a
popular partner in
mashups
14

16. http://tinyurl.com/28hkgo no hands on, demo only
What is this group?

17. Facebook.com
• Social network connecting • Pros and Cons for use in
friends & groups classroom
• Close communication among • Hands on: go to facebook and
friends join the group for the
workshop “Using Web 2.0
• Recommendations Technologies in your
Computer Science Classes”
• Application platform - build
your own applications • http://tinyurl.com/279jf3
• Increases social capita of
participants
demo and join group
16

18. Twitter.com
• Status (what are you doing) • Has been used in courses to
service support “contextualized”
teaching (teaching in the
• Inform your friends, be moment)
informed about their status
• Hands on: Go to Twitter and
• “Follow” friends, famous create an account, follow
sigcseweb20
people, or single words
• Updates can be received via • Send direct message by
email, SMS (to your phone), d sigcseweb20 message
etc.
- no hands on
- discuss education uses
17

19. YouTube.com
• Video archiving and playback • HTML can be embedded in
for community supported another page
videos
• Embed videos in your
• TV, Movies clips, Seminars, lectures or website
other user provided content
• Example:
• Search and you will find: http://tinyurl.com/35sjgg
http://youtube.com/watch?
v=lXOyd68saIM • Hands on: Search YouTube.com
for a visualization of some data
• Add url to to facebook, structure (e.g. btree)
automatically recognized
- search for video of CS ed
- include in facebook
18

20. citeulike.org
• Bookmarking for references, • Example:
with support to export to http://citeulike.org
EndNote, bibtex, etc.
• Supports “bookmarking” from
popular cites, including ACM
DL
• Power of social browsing,
recommendations
- hands on
- search for ACM paper
- add to citeulike
- find other relevant papers
- add to our citeulike library papers by
fox, cassel, tungare, edwards, me
19

21. Koofers.com

22. Facebook Apps
- show cat-space
- key is to show
facebook as platforms
• Study groups
• We are exploring a few
possibilities...
21

23. Custom applications
• Syllabus collection
• Computing
News, as a result
of Google search
• Google COOP
22

24. Wikis
• Collaborative editing on the web without
the need of anything other than a web
browser
• Allows creation and linking of pages
• Give students the ability to collaborate on
the creation of materials for class
• Good uses in education, example:
http://collab.dlib.vt.edu/runwiki/wiki.pl
23

25. Mashups
• Are hybrid web applications that combine
information drawn from various web
sources
• Simple example:
• A library web page that includes a news
feed
• A professors page with list of books
24

26. Course Page Demo
• A professor wants to
offer a list of books on
his course page, along
with full bibliographic
and up-to-the-minute
holdings information
about each book
25

27. Second Life
• A 3D virtual world, created and maintained
by users
• Full economy, buy property, purchase
goods, sell stuff, all virtual
• Demo...
26

28. Steve will present this
part
Web 2.0 in CS 1
27

29. We need to rethink...
education
• Community of • Information spreads
learners that go faster than we can
beyond the classroom, control it
major, campus, town
• Collaboration take
• Community of different forms
educators ...
• social interaction
• Sharing of resources is exists both online
the norm and offline
28

30. Implications for Education
• the sky is falling, cheating is • Include social aspect in class
rampant, we are doomed projects
• Have a presence on facebook -
make students know you are
participating
• Post some pictures to flicker,
movies to YouTube, slides to
SlideShare, messages to Twitter
• Make use of embedded
content, rss
29

31. Implications for Education
• the sky is falling, cheating is • Include social aspect in class
rampant, we are doomed projects
• Have a presence on facebook -
make students know you are
participating
• Post some pictures to flicker,
movies to YouTube, slides to
SlideShare, messages to Twitter
• Make use of embedded
content, rss
29