Using Web 2.0 Technologies
   in Computer Science
         Classes
  Lillian (Boots) Cassel1, Manuel A. Pérez-Quiñones2,
 ...
Plans for the evening

• Online Participation (Cassel)
• Web 2.0 in Education (Pérez-Quiñones, Tungare)
• Mashup and other...
Online Materials
• All materials for the workshop are available
  at:
  • http://syllabus.cs.vt.edu/web20/
• Also, we have...
SIGCSE is a vibrant
             community
•   Common goals, cohesive
    community, large
    conference, active
    mail...
Online participation

• Do you share pictures online? (e.g. flickr)
• Do you write comments in Amazon
  products? Do you va...
If we build it, will you come?
  • How many of these do you use?
    Why? Why not?
    • ACM or IEEE DL
    • CITIDEL
    ...
NSDL
•   NSF funded effort

•   Collections of resources
    and information for
    multiple disciplines
    (science, ma...
http://tinyurl.com/2bnjdw

                                Web 2.0
The Machine is Us
by Michael Wesch


       5 minute di...
http://tinyurl.com/2bnjdw

                                Web 2.0
The Machine is Us
by Michael Wesch


       5 minute di...
Social Software...
• ...enables people to rendezvous, connect or
  collaborate through computer-mediated
  communication [...
Features of Social SW
• Goals: identify friends, resources, staying in touch,
  sharing interesting news...
  • Commenting...
Goals
• Identify friends (facebook, orkut, friendster)
• Education (citeulike, campusbug, carmun,
  koofers, rateteachers)...
Social Tagging

             •     Free for all tagging, users
                   pick their own tags         Joe         ...
Syndication & embedding
 • Syndication of content from one site to
   another




                                        ...
http://tinyurl.com/2xfrwb

                  Mashups...

                            •   Combination of
                  ...
http://tinyurl.com/28hkgo   no hands on, demo only




         What is this group?
Facebook.com
•   Social network connecting      •   Pros and Cons for use in
    friends & groups                   classr...
Twitter.com
•   Status (what are you doing)   •   Has been used in courses to
    service                           suppor...
YouTube.com
•   Video archiving and playback   •   HTML can be embedded in
    for community supported            another ...
citeulike.org
•   Bookmarking for references,    •   Example:
    with support to export to          http://citeulike.org
...
Koofers.com
Facebook Apps
                             - show cat-space
                             - key is to show
                ...
Custom applications

             •   Syllabus collection

             •   Computing
                 News, as a result
 ...
Wikis
• Collaborative editing on the web without
  the need of anything other than a web
  browser
• Allows creation and l...
Mashups
• Are hybrid web applications that combine
  information drawn from various web
  sources
• Simple example:
 • A l...
Course Page Demo

•   A professor wants to
    offer a list of books on
    his course page, along
    with full bibliogra...
Second Life

• A 3D virtual world, created and maintained
  by users
• Full economy, buy property, purchase
  goods, sell ...
Steve will present this
part




                          Web 2.0 in CS 1


                                            27
We need to rethink...
               education
• Community of              • Information spreads
  learners that go       ...
Implications for Education
•   the sky is falling, cheating is   •   Include social aspect in class
    rampant, we are do...
Implications for Education
•   the sky is falling, cheating is   •   Include social aspect in class
    rampant, we are do...
Upcoming SlideShare
Loading in …5
×

Using Web 2.0 Technologies in Computer Science Classes

1,927 views

Published on

Published in: Business, Technology
  • Be the first to comment

  • Be the first to like this

Using Web 2.0 Technologies in Computer Science Classes

  1. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 14. Syndication & embedding • Syndication of content from one site to another 13
  15. 15. http://tinyurl.com/2xfrwb Mashups... • Combination of multiple applications • Google maps is a popular partner in mashups 14
  16. 16. http://tinyurl.com/28hkgo no hands on, demo only What is this group?
  17. 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. 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. 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. 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. 21. Koofers.com
  22. 22. Facebook Apps - show cat-space - key is to show facebook as platforms • Study groups • We are exploring a few possibilities... 21
  23. 23. Custom applications • Syllabus collection • Computing News, as a result of Google search • Google COOP 22
  24. 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. 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. 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. 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. 28. Steve will present this part Web 2.0 in CS 1 27
  29. 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. 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. 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

×