Images and Graphics in MediaWiki, October 17, 2006

Primary tabs

    • 30 minute session
    • Introduction of instructors
    • Remind participants to enter their email addresses in 'Chat' box for evaluative purposes

    Contents

    Agenda - Slide 1

    • Session overview

    Using Graphics and Images - Slide 2

    • Pictures keep readers' attentions
    • Too many pictures/images can delay download for readers
    • Be sure that images support the educational content and are not just "eye candy"

    Intellectual Property Considerations - Slide 3

    • Go over points of slide
    • Goal is that we can syndicate all content so that states and counties can use it in their websites
    • Best copyrighted images to use are Public Domain images because there are no restrictions on use
    • Royalty Free can sometimes be misleading, be sure to read the fine print on use

    Finding Appropriate Graphics - Slide 4

    • Where to get graphics you can use: 
    - Creative Commons
- Flickr
- Wikimedia Commons
- USDA site at UMD (public domain)

    File/Image Considerations - Slide 5

    • Some images need to be resized
    • Smaller images should not be made bigger because they become distorted
    • Save images at resolution of 72 dpi, shoot for 300 x 225
    • Format images in either jpg or png

    Loading to the Wiki - Slide 6

    • Ask yourself these questions before uploading: 
    - Do I have the right to upload this image, is it copyrighted?
- Is it the appropriate size, format, and resolution?
    • If yes to these questions, then upload!
    • Go over additional points of the slide

    Linking to Images - Slide 7

    Show how to link, and go over points of slide

    Demonstration

    Go to: eXtension Main Page (wiki site)

    • Click on left toolbox 'Upload File'
    • Use the form at bottom to upload file 
    - 'Browse' through images on your computer to upload
    • Fill out form
    • You can edit uploaded picture by using tabs above it (File, Discussion, Edit, History, Watch, and Meta)
    • Do practice editing in the 'Sandbox' 
    - Imbed image using brackets
- Show difference between image:name.jpg and media:name.jpg
    • Show examples of how one can add additional perameters to image, such as: 
    - Moving image to left or right
- Adding borders
- Adding text
- Adding caption
- Etc.
    • Show that this is all done under 'Edit'
    • Instead of showing the file text name as the link, show how one can change the name to a sentence that still works as the link 
    - Example: Image:wagon.jpg changed to This is an image of a wagon in Hawaii

    • Visit Wikipedia Commons and CC websites to show how one can search for free and usable images

    End of demo... back to PowerPoint presentation

    Next Steps - Slide 8

    "Free" as in "freedom" to use image

    • Encourage participants to do the following:

    1. Search the web to find free images 2. Download and check image size and resolution 3. Upload to wiki and describe them 4. Practice using iamges in an article

    Question Time

    Open the floor for questions and comments

    • Question: Wikimedia Commons has licensing that requires you to repeat their license on your page. Can that just be put in meta date? Where do you put that?

    Answer: You can put that info on the upload form in the license information field, or you can use the meta tag to add more info if you want to.

    • Question: Where is the link to recorded sessions?

    Answer: Under Schedule of Professional Development Opportunities on the eXtension wiki

    Professional Development - Slide 9

    • Upcoming events, activities, sessions, announcements

    Thank you!

    Tags: 
    Professional Development