Library Web Site 20


Published on

Published in: Technology, Design
1 Like
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Library Web Site 20

  1. 1. Library Web Site 2.0 Easy Tools For Creating Interactive Sites Miranda Doyle Library Media Teacher Martin Luther King Middle School San Francisco Unified School District
  2. 2. What is Web 2.0? <ul><li>The “social” web – creating communities (MySpace, Facebook, iMeem) </li></ul><ul><li>Interactivity – users participate and have conversations (comments on blogs, etc.) </li></ul><ul><li>Users contribute and create the content (Flickr, Wikipedia, podcasts) </li></ul><ul><li>Users organize the Web for themselves (, Bloglines, social tagging) </li></ul>
  3. 3. What does it mean for library web sites? <ul><li>A site that tries to “catalog the web” – and hardly ever changes – is unappealing </li></ul><ul><li>Users want to “do something” on a website – fill out a form, take a quiz, submit a book review, play a game, post a message, chat with a librarian, etc. </li></ul><ul><li>Users want to see their comments and original work published online </li></ul>
  4. 4. Levels of Interactivity -- 1 <ul><li>Provides static information </li></ul><ul><li>Is the site primarily to provide information about the school or public library’s services to teens? Many Web sites serve this function. They simply give the library a presence on the Web, and present facts, addresses, hours, contacts, and so on. Users are not invited to contribute or easily able to give feedback. There is no sense of community or interaction. </li></ul>
  5. 5. Levels of Interactivity -- 2 <ul><li>Provides opportunities for interaction </li></ul><ul><li>This type of site has all the basic information about the library, plus it offers opportunities for the user to interact with the Web site and with library staff. Users can reserve books, check their library records, use a feedback form for comments and suggestions, submit reviews, fill out online applications, e-mail a librarian with a reference question, etc. Communication is generally initiated by the users and moves only one way, between Web site users and library staff. </li></ul>
  6. 6. Levels of Interactivity -- 3 <ul><li>Creates a community </li></ul><ul><li>This type of site is fully interactive. Teens are able to contribute their comments, opinions, book suggestions, artwork, and much more. They are able to start a conversation with each other, not just with the adults who run the library. Librarians may provide content through blogs or online forums, but users have a chance to add their voices. Because the site changes daily, users visit often to see what’s new. </li></ul><ul><li>Boosting your Web site to this level requires work, regular maintenance, and a certain degree of risk. </li></ul>
  7. 7. Objection #1: But Who Has That Kind of Time? <ul><li>Use quick, easy tools like Blogger,, Flickr, PBWiki, etc. – update your site in minutes (though avoid sites with ads) </li></ul><ul><li>Allow students to email items directly to your blog, or post comments (but you will approve them first) </li></ul><ul><li>Put your students to work! Train student assistants to post items, moderate comments, and update the web site for you </li></ul>
  8. 8. Objection #2: But People Will Post Inappropriate Things! <ul><li>Decide how much risk you can tolerate; talk to students about what’s allowed </li></ul><ul><li>Set up blogs so that you (or student helpers) moderate all comments and posts before they appear </li></ul><ul><li>Don’t use wikis without passwords (try </li></ul><ul><li>Set Flickr accounts so that only you can add comments, notes, and tags </li></ul>
  9. 9. My library web site –
  10. 10. Idea #1: Blogs, Blogs, Blogs <ul><li> + enabled (moderated) comments + email posting = book reviews, discussions, class projects and more </li></ul><ul><li>Sign up for a Blogger account – you can set up multiple blogs </li></ul><ul><li>Go to settings for each blog and enable comments, but moderated – you must approve them first </li></ul><ul><li>Under settings for each blog, click “email” and create a unique email address. Important: If you give this address to students, choose “Save emails as draft posts” so that you can approve them before publication </li></ul>
  11. 11. Student book review blog
  12. 12. Idea #2: All the news. . . . <ul><li> + email + RSS2Java= </li></ul><ul><li>Instant news updates -- or newest book reviews -- on your home page automatically! </li></ul><ul><li>Sign up for Blogger and create blog </li></ul><ul><li>Find your RSS feed -- </li></ul><ul><li>Go to </li></ul><ul><li>Paste or type your RSS feed; choose options (I say yes to all, but you may want only subject lines) </li></ul><ul><li>Get your Javascript code; copy and paste into your home page </li></ul><ul><li>Next time you post to your blog (try posting by email; it’s faster), your post also appears on your web site. </li></ul>
  13. 13. Latest News by RSS Feed
  14. 14. Idea #3: Talk to me! <ul><li>Weebly contact form or Meebo chat widget = instant communications from your students, no accounts or sign-in needed. </li></ul><ul><li>Create an account at </li></ul><ul><li>Drag “contact form” element onto page </li></ul><ul><li>All messages go directly to your email account </li></ul><ul><li>OR </li></ul><ul><li>Create an account at, then go to to get your widget. Customize the appearance, then copy and past code into your web site </li></ul><ul><li>Sign in at to appear as online or to pick up messages sent while you weren’t signed in </li></ul>
  15. 15. Weebly Contact Form
  16. 16. Meebo Widget
  17. 17. Idea #4: Picture this <ul><li>Flickr badge or Flickrshow embedded in web page = a different photo every visit, or an animated slide show. </li></ul><ul><li>Create a Flickr account for library-related photos (or book covers – I do “featured books” this way) </li></ul><ul><li>Go to </li></ul><ul><li>Choose HTML or Flash; choose the photos to display; customize size and colors </li></ul><ul><li>Copy and paste your code into your web page </li></ul><ul><li>OR </li></ul><ul><li>Go to to create an animated Javascript slide show (warning: may be annoying!) </li></ul>
  18. 18. Flickr Book Reviews
  19. 19. Idea #5: Fast lists of links <ul><li> account + tagging buttons = assignment resources in minutes </li></ul><ul><li>Sign up for a delicous account </li></ul><ul><li>Download the buttons – they appear on your browser bar </li></ul><ul><li>Bookmark sites, using a unique tag for each assignment </li></ul><ul><li>Click on that tag, then copy the URL as your link for the assignment </li></ul><ul><li>Add to resource list as questions come up in class; create a student account and have students add their own favorites as a group project </li></ul>
  20. 20. Delicious Resource List
  21. 21. Idea #6: Just for fun <ul><li>Polldaddy + your home page = instant polls </li></ul><ul><li>Create an account at (or other polling/survey site – is great creating online surveys). </li></ul><ul><li>Enter your question, name of your web site, possible answers, etc. Customize the look of your poll. </li></ul><ul><li>Copy the javascript created and paste it into your web page. </li></ul>
  22. 22. Instant Poll Results
  23. 23. Getting to Level 3 <ul><li>True community requires instant, unmoderated discussion and posting. This is often difficult in a school, where you may need more control over posts and content </li></ul><ul><li>If you can’t create your own, consider directing students to existing book discussion communities on Amazon, MySpace, etc. </li></ul><ul><li>Any suggestions? Ideas? What do you do? </li></ul>
  24. 24. For more information. . . . <ul><li>101+ Great Ideas for Teen Library Web Sites , Neal-Schuman, 2007, 1-55570-593-6 </li></ul><ul><li>Email me: </li></ul><ul><li>mirandadoyle at </li></ul><ul><li>Call me: </li></ul><ul><li>415-330-1500 </li></ul>