Wylio – Embedding Creative Commons Images & Attribution Made Easy!

Introducing Wylio.com **** Updated scroll to bottom****

To use when you need to embed a Creative Commons image in a blog post.

This site is SO simple, so easy and only 4 steps from finding a creative commons image to embedding it in a post for your blog!!

Step 1

Free Pictures - Wylio.com

Step 2

Step 2

Step 3

step3

Step 4

step 4
All images uploaded with Skitch!

You can still use compfight – but wylio is so much easier for embedding creative commons images & the bonus is the attribution is done for you – all in only 4 EASY steps!

***Update****

Wylio.com - free pictures

Of course, in this ever changing world of technology – Wylio has changed slightly since I first posted about it!
Due to it’s growing popularity ….. Wylio now requires you to create a free account & login to use.  You can use your google account if you have one!

My advice, for classroom teachers would be to create a class google account for Wylio – one email address, one password – for the whole class to remember.
(A class google account can come in handy for all kinds of other things in the classroom – another blog post for later).

Using Compfight, Downloading Images & Giving Attribution

IMPORTANT NOTE:
These instructions are only if you need to download creative commons images to your desktop to use in another programme on your computer – such as KeyNote, PowerPoint, iMovie, Word, SMARTNotebook etc.

(These instructions refer specifically to PowerPoint, but can be applied to other programmes.)

If you are looking for Creative Commons images to use on your blog, (in a prezi or anything else that’s online and can take embed code) – check out this post with instructions instead.

  1. Open Firefox.  Type this URL in the address – compfight.com
  2. Microsoft Word-1
  3. Type in your search word (keyword) and click search
  4. VERY IMPORTANT! (see arrows for the settings)
    Make sure Creative Commons, Safe Search & Show originals are black (not blue)
    Don’t click on the Shutterstock images (on the right-hand side) they aren’t free!

  5. Click on the image you like (a new tab will open).

    Image search for white clouds | Compfight | A Flickr™ Search Tool

    Download Steps

  1. Click on the Action button; scroll down to View all sizes.
  2. Make sure the size is at least 600 x 600 (or bigger). Sometimes it’s called the Large or the Original size
    actions_allsizes
  3. Click on the Download link.
  4. All sizes | DSCN2106 | Flickr - Photo Sharing!-1

  5. VERY IMPORTANT STEP
    This dialogue box will open:

    saving

    Make sure the dot is in the “Open with” circle.  Click OKWAIT for the photo to open.

  6. Click File, scroll down to click on Save As …
  7. Rename the file (what is the photo?). Make sure you keep the .jpg (file extension).
    Save to Desktop.  Click Save.Save Image

    Close the photo file & the download box but DO NOT close Firefox

  8. Use the back button on Firefox.
  9. backbutton

  10. Highlight and copy (command c) the URL of the image you have used.
  11. url highlight

  12. Use the F3 key on the keyboard to find your PowerPoint.
    Paste the URL on the last slide. (Attribution Slide)
    Use the F3 key to go back to the flickr page.
    Find the name of the owner of the image. (top right hand side)
  13. Ever wondered why blue jeans and white shirt is such a timeless classic combination? | Flickr - Photo Sharing!

  14. Write that name on the PowerPoint slide too. (see below)

Remember – proper Attribution (giving credit to the owner of a piece of work) means:

  • Write down their Name (either Real Name or Online Name)
  • Include a link (URL) to where you found their work

You can download a PDF version of these instructions here:  Using Compfight

Embedding a YouTube Video

These are the steps for embedding YouTube videos from our school/class YouTube account.  Please log into the class/school YouTube Account first.   Many classrooms have their own YouTube account. (Ask your teacher for the class username and password)
Remember:
You can embed any other YouTube video in your blog without logging into the class/school account (as long as it is appropriate to your learning).  Skip steps 1-3 and begin at Step 4.
VERY IMPORTANT NOTE:
Do not use the URL that has an extra dot in the URL as it will not embed using the YouTube magic button.  (See the extra dot below)
http://www.youtu.be.com/watch?v=xyzxw4f4

Step 1: Log into YouTube account (in this case it’s *Ms Terry’s Class)YouTube - Broadcast Yourself.

YouTube

Step 2: Go to MyVideos
YouTube - techcoachisb's Channel

Step 3: Find the Video you want to embed

YouTube - Broadcast Yourself.

Step 4: Copy the URL

YouTube - Adding Flickr Badge to your Blog

Step 5: Embed Button for YouTube Videos

Edit Post ‹ Virtual Room 231 — WordPress
Step 6:  Check the code & Preview the Post
Add New Post ‹ Virtual Room 231 — WordPress

Step 7:  Close the preview tab, you should be back on your post, click Publish!


Learning to use Google Earth

Today in Grade 4, we’re learning to use the basics of Google Earth.

We will need to copy and paste this address into Google Earth for the quiz:
1600 Amphitheatre Parkway, Mountain View, CA

The following diagram describes some of the features available in the main window of Google Earth:

Overview of Google Earth

  1. Search panel – Use this to find places and directions and manage search results. Google Earth EC may display additional tabs here.
  2. 3D Viewer – View the globe and its terrain in this window.
  3. Toolbar buttons – See ‘Using the Navigation Controls’.
  4. Navigation controls – Use these to zoom, look and move around (see below).
  5. Layers panel – Use this to display points of interest.
  6. Places panel – Use this to locate, save, organize and revisit placemarks.
  7. Earth Gallery – Click this to import exciting content from the Earth Gallery
  8. Status bar – View coordinate, elevation, imagery date and streaming status here.
  9. Overview map – Use this for an additional perspective of the Earth.

Creating a New Placemark

[youtube]http://www.youtube.com/watch?v=FB1EseH7jzs[/youtube]

How to add a new placemark to any spot in the viewer

Position the 3D viewer to contain the spot you want to placemark. Consider zooming into the best viewing level for the desired location. Choose any one of the following methods:

  • Select Placemark from the ‘Add’ Menu.
  • Click the Placemark icon on the toolbar menu at the the top of the screen

Pushpin icon
The ‘New Placemark’ dialog box appears and a ‘New Placemark’ icon is centered in the viewer inside a flashing yellow square. Position the placemark. To do this, position the cursor on the placemark until the cursor changes to a pointing finger and drag it to the desired location. The cursor changes to a finger pointing icon to indicate that you can move the placemark.

Position the placemark
You can also lock the placemark position or set advanced coordinates for its position. Set the following properties for the new placemark:

  • Name for the placemark
  • Description, including HTML text (see Writing Descriptions)
  • Style, Color – Choose a color, scale (size) and opacity for the placemark icon
  • View – Choose a position for the placemark. For explanation of terms in this tab, mouse over each field. Click Snapshot current view to apply the current view (altitude and camera angle) to this placemark.
  • Altitude – Choose the height of the placemark as it appears over terrain with a numeric value or the slider. Choose ‘Extend to ground’ to show the placemark attached to a line anchored to the ground.
  • (Icon) – Click the icon for the placemark (top right corner of the dialog box) to choose an alternate icon.

Click OK to apply the information you entered in the placemark dialog box.

Your placemark appears in the 3D viewer and as an entry in the selected folder. Once you save this placemark, you can always change its position and properties. See Editing Places and Folders for more information.

(taken from: Google Earth Support)

Typing PAL Online

Our Grade 3 – 5 students are enrolled in Typing PAL Online.  We’re using it as a home learning task rather than a specific time task in the classroom.

Typing Pal Online is a 100% web-based keyboarding tutor tailored to students and teachers needs. All Grade 3, 4 & 5 classes are set up and students are registered.  You can use Typing Pal online whenever you are ready to.  As this typing practice is online, students can complete their typing courses at home.  The advantage of using Typing Pal is that you can track your progress.  It’s very easy to use and the teachers can adjust the program to meet the needs of their students.

Student Login: your Student ID

Student Password: student

Welcome to Typing Pal School

Searching Creative Commons Images

Just because it is there, does not mean you have the right to take it and use it!

We’ve been talking about using other people’s work in our work.  Our Enduring Understanding is based on the quote above.  So how do you know if you can use someone else’s image?  We must assume that all work that does not belong to us is copyrighted.  That means it belongs to someone else and you don’t have the right to use it unless you are granted permission.

The internet is a great thing though and there are some sites that search only for “works” that very generous people have granted us permission to use – otherwise known as “Creative Commons”.

Compfight is a great search engine that, if told too, will only search flickr for “creative commons” images.  These are the images that we are allowed to use – but there are some conditions sometimes.  We have been learning about those conditions.  Each condition has a specific symbol:

Licenses - Creative Commons

You can find out more about the 6 different creative commons licenses here.

Here’s how compfight works and how you can then embed the image into your blog post without downloading and reuploading the image to your blog.

Compfight | A Flickr2122 Search Tool

Compfight will search for images tagged with the words you have entered in the search box. Sometimes you might come across an image that isn’t appropriate, even though you have the safe search on – you know what to do – click away, and tell an adult what happened.

Image search for freedom | Compfight | A Flickr2122 Search Tool

Another tab will pop open – it will be the flickr page that stores the image you have chosen. You want the html code of the image so that you can embed it in your post. (Using the html code eliminates the need for the image file to be uploaded to your blog). Make sure you chose the size you want (Most blog themes have a post size of 500pixels – so the medium sized image is usually big enough to fit inside your post – you can always make your image smaller once it’s inside your post BUT you cannot make it bigger, so don’t choose a too small size).

FREE BIRD! | Flickr - Photo Sharing!

Next you need to paste the html code into your blog post. Make sure you are on the html tab NOT the visual tab. See the picture below:

Add New Post 2039 Room 231 2014 WordPress

Once you’ve pasted the html code inside your post, click on the Visual tab to see the image. If you want to embed another image, remember to change back to the html tab.

Add New Post 2039 Room 231 2014 WordPress

All that is left to do now is to attribute the image.

FREE BIRD! | Flickr - Photo Sharing!

Image attribution is often found at the bottom of a blog post. It should look like this:

Image Attribution: robinn

or it could look like this:

Image Attribution: robinn: http://www.flickr.com/photos/21107552@N06/2958531182/

Either way, the person’s name is included and there is a link back to where you found the actual image. Make sure that you don’t have .jpg at the end of the link – that’s not the right link!

Did you notice that you have to do a lot of switching back and forth from one website to another?   That’s why it’s so good to use the tabs in Firefox.  Have the backend of your blog open on one tab, and compfight open on another tab.

Add New Post 2039 Room 231 2014 WordPress

Creative Commons Licenses Information taken from: http://creativecommons.org/about/licenses/