Oflta Web Tools For Wiki Use


Published on

Published in: Education
  • Be the first to comment

  • Be the first to like this

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

No notes for slide

Oflta Web Tools For Wiki Use

  1. 1. Using Web 2.0 Tools in Wikis Donna Shelton, PhD Northeastern State University
  2. 2. Introduction This is the bells and whistles part of the workshop If you would like to incorporate images, videos, maps, avatars or other types of rich media in your wiki, this is for you First we’ll talk about Creative Commons licensing, and then we’ll select applications to learn based on your interests
  3. 3. Web 2.0 apps for wikis YouTube videos Flickr CC-licensed photographs and slideshows Voki avatars SlideShare Google maps
  4. 4. Creative Commons licensing If your wiki is public, you must be very careful uploading materials created by others even if it’s for educational purposes Fair Use and the Teach Act allow educators some leeway on copyright, but there are rules, and the materials need to be protected from public access Using embedded media and Creative Commons licensed materials will help you avoid problems
  5. 5. Creative Commons licensing With a Creative Commons license, an author or photographer grants you certain rights to use his or her product Creative Commons ranges from Attribution Only to more restrictive licenses For more information and CC license images to place on your wiki, see www.creativecommons.org
  6. 6. http://creativecommons.org/
  7. 7. Embedding YouTube videos Video creators choose whether to allow you to obtain the embed code Embedding is not copying: the embed code “goes” to YouTube and “gets” the video to display on your page If the video is removed or the service is down, the video will not function Once you’ve learned to embed YouTube videos, you can embed anything
  8. 8. Embedding YouTube videos If your school blocks YouTube, the videos won’t play in your wiki on computers on your school network You could download a video using KeepVid.com, upload it to a private TeacherTube account, and embed it into your wiki from there TeacherTube, http://www.teachertube.com/, may be acceptable to your district TeacherTube can also be used for your own videos to avoid exceeding the memory limits on free wikis
  9. 9. Let’s say you want to embed this video. First, look for the <Embed> link.
  10. 10. When you click the <Embed> link, a lot of HTML code will appear. Copy it. You’re going to paste it into a plugin box in your wiki.
  11. 11. Go to your wiki page. Click Edit. Put your cursor where you want the video to go. Go to Insert, then Video, then YouTube. The Insert Plugin box will appear.
  12. 12. Paste your code in the Insert Plugin box. Click Next.
  13. 13. If the code worked properly, your video will appear in the Plugin box. Click Insert Plugin, and you’re done.
  14. 14. Your video will look like this in the Edit version of your wiki page. When you click Save, it will appear as it should.
  15. 15. If you want to download a YouTube video to your computer, copy and paste the URL in this space. http://keepvid.com/
  16. 16. Flickr photos and slideshows You may want to choose from the thousands of great CC-licensed photos available on Flickr You can use individual photos or photo slideshows You download the photos to your hard drive, then upload them to the wiki You’ll need to provide all required information for individual CC-licensed photos You embed the slideshows
  17. 17. Use the Search box to look for whatever you like. http://www.flickr.com/
  18. 18. Once the initial results appear, use the Advanced Search function to narrow selection to CC photos.
  19. 19. On the Advanced Search page, scroll down to the CC section. Check the first and third boxes and click Search.
  20. 20. You need the photographer’s name, the URL where the photo is, and…
  21. 21. …the link to the CC license. Copy the URL of the CC license page for use on your wiki.
  22. 22. Use the Action link above the photo to find and download the right size. For wikis, Medium is best.
  23. 23. If you prefer a slideshow, use the link to the right. Be sure to check out all the photos!
  24. 24. In the upper right corner of the slideshow, click Share, and copy the embed HTML.
  25. 25. In your wiki, in Edit mode, go to Insert. Choose HTML/JavaScript. Paste the code into the box that opens. Click Next and then Insert Plugin.
  26. 26. Speaking avatars from Voki You’ll need a microphone Some computers have a built-in mic Webcams often have mics Headset mics are not expensive Go to http://www.voki.com/ and set up an account Create an avatar There are lots of options for its appearance You can upload your own photo for the background
  27. 27. To set up your account, go to the Register button.
  28. 28. Design your avatar on this page.
  29. 29. Once you’ve published your avatar, you can obtain the embed code.
  30. 30. PowerPoints from SlideShare SlideShare, http://www.slideshare.net/, is a place to store and share presentations You decide if they are public or private You can embed SlideShare presentations Use SlideShare to create a gallery of photos without the possible issues of slideshow PowerPoints with text should be converted to PDF format for best results on SlideShare
  31. 31. Making PDFs for free http://sourceforge.net/projects/pdfcreator/
  32. 32. Set up an account, and then look for the Single Upload link. http://www.slideshare.net/
  33. 33. On the Single Upload link page, you can make your presentation private and also request the embed code.
  34. 34. Once your presentation is ready, you can obtain the code.
  35. 35. Here’s the code. Copy it for use in your wiki.
  36. 36. In Edit view in your wiki, go to Insert. Choose HTML/JavaScript. Paste your code into the box. Click Next, then Insert Plugin.
  37. 37. Embedding Google Maps Google Maps can also be embedded in your wiki You can have satellite and street maps When embedded, Google Maps can still be manipulated Go to Google Maps, and select your location
  38. 38. Once you have the map you want, click Link in the top right corner. Copy the embed code.
  39. 39. Once again, in Edit view in your wiki, go to Insert. Choose HTML/JavaScript. Paste your code into the box. Click Next, then Insert Plugin.
  40. 40. Thank you! Donna Shelton Northeastern State University sheltods@nsuok.edu