Images

Really Cool Image Tools!

 * Students will think creatively, construct knowledge and develop innovative products using technology**
 * use technology for creative self-expression
 * Students will demonstrate a sound understanding of technology concepts, systems, and operations.**
 * transfer current knowledge to learning of new technologies


 * In this learning block** you will have an opportunity to play with a number of online tools that you can use to add images to your blogs and wiki pages.
 * 1) add photos from your hard drive to your blog and/or wiki
 * 2) upload, store, organize and share your photos using flickr, bubbleshare and/or rockyou
 * 3) use the notes, comments, slide effects, etc of the tools
 * 4) embed your photos on your blog or the school's wiki site
 * 5) generate images for your blog and the school wiki
 * 6) add video and slideshows to your blog and/or wiki page

Part I: Online photosharing tools
You will need to have photos on your computer to use these tools. If you need access to a digital camera and help downloading photos to your computer let me know. I have cameras available for loan and am more than willing to help you download photos. media type="custom" key="96105" //Portugal: Framed by [|fd's flickr toys]// While one can easily add photos from your local computers hard drive to a blog (except for Classblogmeister) or wiki by using the image button it is very handy to know how to use an online photostorage tool such as [|flickr] because once your photos are online you can easily add them to any site from any computer. You do not have to have access to your own computer.

Once you know how to embed photos from flickr on your blog or wiki page you will know how to add media from just about any site photo storage or widget site.

You will need to know how to upload images to a web photo tool to be able to put them on a classblogmeister blog. This is a skill you will also want your students to acquire. In this section you will complete the following activities:

1. Explore and examine the different tools below: sign-up for accounts (use a password that you will remember!) 2. Upload pictures from your computer to Flickr. Look for the upload button when you log-in to flickr and follow the instructions. Once you have your photos online you will be able to embed them on your blog or wiki. 3. Follow these instructions to embed photos on your blog or wiki. 4. Upload photos and create and embed a slideshow from Bubbleshare, RockYou or VoiceThread. Experiment with the options to add voice, caption bubbles, clipart, and the different types of slideshows. **//Have fun! I look forward to seeing your creations!//** Note: When you embed the photo in edit view on a wiki page you will see a grey box. You will not see the actual slideshow until you save the wiki page.
 * Of Note:**[| The Newbies Guide to Flickr] is an excellent site that clearly explains all the features. Well worth a read!


 * [|Flickr:] is a web site that allows you to upload and share your photos. //Classroom example//: A series of photos from an [|applied math class] in Winnipeg. Note the 'notes' added to several of the photos to illustrate probability.
 * [|Bubbleshare]
 * [|RockYou]See how [|Brenda Sparrow and][|Susan Harrison]have used RockYou slide shows on their classroom blogs
 * [|Animoto] (I could not paste code into the wiki page but was able to post it into [|Classblogmeister])

Need to edit a photo and don't have a program on your computer... try...
 * [|Picnik] An online photo editing application which lets you fix crop, resize, fix red-eye and add special effects.


 * Classroom Connection:**


 * NEW** (July 10) - Just found this great [|site] on Flickr... photos used to demonstrate vocabulary words... toooo cooool! Could you use this idea in the classroom??

[[image:http://img1.imagechef.com/w/070625/anm081f24ec5c3a039e.gif align="left"]]Part II: Online Image generators
These are very simple little tools that allow you to add instant coolness to your blog or wiki page. They are also very easy for students to use. See how a [|grade one student] from Mr. Gutek's class copied the html code into her blog

1. Explore the following user-friendly image generation tools tools. 2. select one and create an image to add pizzaz to you wiki or blog. 3. Follow the instructions to copy the code and add the image to your blog or wiki page.
 * [|ImageChef]This tool allows you to add your own words to pre-made graphics. See the star above. **NOTE -** I found it easier to place these image using the image button and pasting the 'external image URL' rather then the code. I could then place image to the left, the right or the centre of the page. [[image:learning.jpg width="186" height="149" align="right"]]
 * [|Image Generator]This tool allows you add words to pre-animated graphics. See the wizard text at the top of this page.
 * f[|d's flickr toys] Check the really cool things that you can do with your photos... frames, movie posters, motivational posters, trading cards, etc, etc, etc...
 * [|Cool Text Generator] A great tool for creating banners. It has many, many different fonts.
 * [|Photograph Puzzle Maker]... just too cool. Upload a photo and generate a puzzle. You then copy the code and paste it into your blog, wiki or web page. Here is an example... who do you see when you finish the puzzle?

Here is a totally optional activity... but its kinda cool! An avatar is a representation of yourself-- whatever you want that self to be! Go to http://avatars.yahoo.com/, design an avatar (You will have to set up an account if you don't use Yahoo!) Save your avatar and export to your blog.
 * **Create an avatar**

Here's how to export your avatar. When your on your Avatars.Yahoo.com page, go to "home" tab and look to the right column. One of the options is: //"EXPORT: Use your avatar in web pages and blogs and more."// Click there. Then, in the center of the page, 0ne option is your avatar's HTML code. Copy the code, go to your blog.
 * Instructions for Wordpress (Sign in. Click on presentation, click on widgets. You may need to add a second text widget. Create on and then add it to your widget box. Open it and paste in the html. Close the window.) When you view site you will see your avatar in the side bar of your blog.]
 * Instructions for Classblogmeister: (example: Donna's test [|blog])simply copy the code and paste it into your article. If you want the image to be in the right sidebar copy the code into the 'about you' field in the control panel.

Please note that I have made a slight change here... I have moved the sharing stories section to the digital story telling section.

**Write a brief post** on your blog about your observations, ideas, thoughts and suggestions for using these tools for your own blog and wiki writing and how you would have students use them. Remember to keep the conversation going by commenting on the posts of others.

Summer Workshop Home | Introduction | Blogging | RSS and Start Pages | Online Safety | Image Tools | Digital Storytelling
 * Menu**