Dave & Mike demonstrate how to use free, online content and tools for educational purposes. They demonstrate how to build a blog, discuss copyright issues, and show off user-generated content sites like Flickr and YouTube.

1. Education Wants to Be Free
Dave Cooksey
Mike Zarro
Mayor’s Council on Literacy 2009 Technology Conference
Philadelphia Community College
May 8, 2009

2. Session Goals
‣ Have knowledge of various online resources
‣ Examine the use of other’s content
‣ Discuss copyright | Creative Commons
‣ Understand contributing content to social sites
‣ Create an e-learning resource

3. Dave Cooksey
Founder & Principal Consultant
saturdave UX Consulting
Affiliations
‣ Chair of PhillyCHI, the Philadelphia region’s chapter of the ACM SIGCHI
‣ Information Architecture Institute (IAI)
‣ American Society for Information Science & Technology (ASIS&T)
Education
‣ M.S. Information Systems, Drexel University
‣ M.A. Political Science, University of Illinois
Previous Work Experience
‣ GSI Commerce, Inc.: User Experience Lead; Information Architect
‣ LandAmerica Financial Group: (Web) Application Developer

4. Mike Zarro
Information Architect and Digital Librarian
gsi interactive
Affiliations
‣ PhillyCHI, the Philadelphia region’s chapter of the ACM SIGCHI
‣ Information Architecture Institute (IAI)
‣ American Library Association
Education
‣ M.S. Library & Information Systems, Drexel University
‣ B.A. History, The George Washington University
Previous Work Experience
‣ Bryn Mawr College: Web Developer and Designer
‣ Animation Technologies: User Experience Engineer
‣ University of Pennsylvania: Web Developer & Project Lead

5. Building a Web Site for Education
“Computers, B&W” by Kevin Zollman - Taken from Flickr on May 8, 2009: http://www.flickr.com/photos/36144637@N00/159627089/

6. Content & Tool Providers
A mix of corporate, educational, and government institutions:
‣ Google (YouTube, Blogger)
‣ Yahoo! (Delicious, Flickr)
‣ The Library of Congress (Photo sets)
‣ Open University (Learning Space)

7. Creating an E-Learning Resource
Over the course of this presentation, we will create this website:
http://mcol2009.blogspot.com
‣ Website
‣ Hosted at Blogger
‣ Content
‣ Open University (United Kingdom)
‣ Flickr
‣ YouTube
‣ Delicious

8. For the Educator
‣ Relatively simple tools
‣ Engaging
‣ New and fresh content
‣ Takes learning outside the classroom

9. For the Student
‣ Students are extremely comfortable on the Web (generally)
‣ Encourages collaboration & transparency
‣ Serendipity
‣ Fun?

10. The Four Cs of Online Content
‣ Compelling
‣ Creative
‣ Collaborative
‣ Cost-Free

11. Step 1: Create a Site

12. Blogger – Setup
1. Name Blog 2. Design Blog

13. Blogger – New Post
3. Compose
4. Edit HTML:
you can cut &
paste image and
video code.
5. Publish:
or save for
later editing

14. Step 2: Content

15. Flickr – Homepage
http://www.flickr.com/tour/

16. Flickr – Photostream
Search
Photo Sets
Copyright Info

17. Flickr – Photo Collections
Photo Sets

18. Flickr – Photo Sets
Select a Photo

19. Flickr – Photo
Share Photo
Things you
can do with
this photo
Notes &
Comments Tags

20. Flickr – Sharing a Photo
Copy &
paste to
your
website

21. YouTube - Video
Embed
Code

22. YouTube - Customization
Customization
Options

23. Delicious Join or Sign In
(with a Yahoo!
account)
Search

24. Delicious - RSS Feed RSS
Feed
User
submitted
links
Related
Tags

25. Blogger - Add RSS Feed
Click add
gadget to
show a
pop-up
page of
tools.

26. Blogger - Add RSS Feed from to the Menu
Add the
RSS
gadget

27. Open University
This is a class from the Learning Space. We will link to an article used in their readings for week 2.

28. Open University - Class

29. Altogether Now...

30. Putting It All Together - 1

31. Putting It All Together - 2

32. Putting It All Together - 3

33. A Word About Copyright...

34. ...and Creative Commons Licensing

35. Resources
“Computer Technology Fortune” by Dean Johnson - Taken from Flickr on May 8, 2009: http://www.flickr.com/photos/deanj/2398424227/

36. Resources
Blogger
‣ http://www.blogger.com/
Flickr
‣ http://www.flickr.com/
YouTube
‣ http://www.youtube.com/
Open University Learning Space
‣ http://openlearn.open.ac.uk/

37. More Resources
Google sites, create websites and wikis
‣ http://www.google.com/sites/help/intl/en/overview.html
MIT Opencourseware
‣ http://ocw.mit.edu/OcwWeb/web/home/home/index.htm
iTunes U
‣ http://www.apple.com/education/guidedtours/itunesu.html
TED talks on YouTube
‣ http://www.youtube.com/user/TEDtalksDirector

38. That’s All, Folks!
Mike Zarro Dave Cooksey
mikezarro.com saturdave UX Consulting
713 Pine Street 1R
Philadelphia, PA 19106
+1.215.219.8960
dave@saturdave.com
mzarro@gmail.com