Saturday, May 7, 2011

Embedding "non-iframe" versions of Screenr Screencasts on Wordpress

EduBlogs blogs run on Wordpress, and Wordpress does not like / does not accept "iframe" embed codes for all user types. If you stay in "HTML mode," don't switch your dashboard post view to "Visual" model, AND are an "administrator" on the blog to which you're posting, "iframe" code can work. For our class blog, however, to which all students are classified as "authors" rather than administrators, "iframe" embed code doesn't work.

For this reason, when embedding rich media in a blog post you need to use alternate embed code which does not use the "iframe" syntax. On Screenr, when you view a completed screencast and want to embed it, do NOT click the SHARE link over the screencast itself. Instead, click GET EMBED CODE to the right of the screencast.

Embed Screenr without iframe code

Next, click USE OLD EMBED CODE and copy the "non-iframe" version of the screencast embed code and copy it.

Screenr - Use Old Embed Code

This is the code you'll want to use on your Wordpress blog, and it should work fine to embed your Screenr screencasts.

Wednesday, March 16, 2011

Problems with Blog Captcha

Q: I'm having trouble leaving comments on our class blog, when I enter the captcha word it doesn't accept it. What can I do?

A: Here are a couple ideas to try:


  1. Try logging into our class blog first before commenting. You shouldn't have to enter login credentials, and you may not have to enter the Captcha.
  2. Try using a different web browser (like FireFox or Chrome) and see if that makes a difference.
  3. Try leaving a comment on one of the computers in the UCO college of education computer labs, and see if you have the problem again. This would identify the issue as something with your computer.
Let me know if any of these ideas help. Other comments are coming in on the blog so I'm not sure what your issue is, but these suggestions may help.

Friday, February 18, 2011

How to Subscribe to a Website as a Channel in Google Reader, and Categorize / Organize it in a Folder

The following three minute screencast demonstrates how to "subscribe" to a website as a new "channel" of information using Google Reader, and then organize or categorize that "feed" in a folder. Google Reader is a free news aggregator which can be used to create customized, digital newspapers. It integrates well into phenomenal applications like FlipBoard for iPad, but can be used on any mobile device as well as laptop/desktop computer with a modern web browser.

 

 Google just updated its Android-based app for Google Reader this week. This screencast was recorded for free using Screenr, and cross-posted to YouTube from Screenr. This was created for students enrolled in "Technology 4 Teachers" at the University of Central Oklahoma in Spring 2011.

Technorati Tags: , , , , , , , , , , , ,

Scratch Project Won't Open

Q: I can't seem to open projects from the Scratch website on my computer.

A: You may have to select the Scratch program as the one which should open the project.

Alternatively you can right click the download link for the project and save it to your desktop.

Save a Scratch Project

Then when you open Scratch, choose FILE - OPEN and navigate to the desktop and open the project from there.

Open a Scratch Project from the Desktop

If you just installed the application you may want to restart your computer too, and see if that helps.

Wednesday, February 16, 2011

Organize Google Reader Feeds in a Folder & Share a Bundle

For Quiz #2 in "Technology 4 Teachers" this term, you will need to:
  1. Organize the ten feeds you subscribed to in week 4 in a folder
  2. Share that folder as a bundle in Google Reader
Use the following screenshots to learn how to do both these things. Refer to our Google Reader Resource page if you need help subscribing to feeds - You'll need to subscribe to 10 feeds first before creating your bundle.

Click on a feed not in a folder

Put feed into a folder

Create a bundle

Copy bundle link

After you have copied your bundle link, you can submit it for Quiz 2 in WebCT.

Tuesday, February 15, 2011

Find the direct link to a KidBlog blog post

For our "checkpoint blog post quizzes" for class, and other assignments, you need to copy and paste the DIRECT URL or web link to the blog post you wrote for a specific class assignment. The following screenshot shows where you can click on our EduBlogs blog posts to get a particular blog posts' "permalink." Make sure you copy THAT link when you are viewing a post.

How to copy a direct link on KidBlog

Find the direct link to a EduBlogs blog post

For our "checkpoint blog post quizzes" for class, and other assignments, you need to copy and paste the DIRECT URL or web link to the blog post you wrote for a specific class assignment. The following screenshot shows where you can click on our EduBlogs blog posts to get a particular blog posts' "permalink." Make sure you copy THAT link when you are viewing a post.




Copy EduBlogs Direct Link

Monday, February 7, 2011

Web Browser Options

Q: What can I do if the webpage I'm visiting doesn't look right?

A: Sometimes different web browsers display content differently. View the links and resources on the "Web Browsers" resource page of our class wiki. Try downloading and using another web browser and see if that 'fixes' your problem with displayed webpage content.


Google Chrome Logophoto © 2008 Randy Z | more info (via: Wylio)

Friday, February 4, 2011

Linking and Embedding Video on Blog Posts

This screencast demonstrates how to create a link and embed a video in a post on a Kidblog site. (Like we are using for our 11 am section this term.) Run time is 11.5 minutes.



This second screencast demonstrates how to create a link and embed a video in a post on a free EduBlogs site. (Like we are using for our 9 am section this year.) Run time is 8.5 minutes.



Both these screencasts were recorded and lightly edited using Screenflow software for Mac. (It is $99 software.)

Tuesday, February 1, 2011

Suggestions for how to find and use Creative Commons licensed images in blog posts

Q: How can we find and use Creative Commons licensed images in our blog posts for class?

A: I created a 4 minute screencast answering this question. The links I referenced are Flickr Creative Commons Attribution-Online Search, Wylio.com, Compfight.com, and TalkWithMedia.com's Images page.

Guidelines for Video Reflections on our Class Blog

Q: Where are the guidelines we should follow when we write our blog posts, reflecting on different videos?

A: That webpage of guidelines is on wiki.wesfryer.com/t4t/resources/reflections. It's linked from our resources page on our class website, and from individual assignment pages too when the commenting guidelines are referenced.

I'm blogging this.photo © 2005 Jhayne | more info (via: Wylio)

Help Posting to Our EduBlogs Class Blog

Several students in my 9 am T4T class this semester have reported having problems posting to our EduBlogs class blog. Part of the reason for this, I think, is that some students have created INDIVIDUAL blogs on EduBlogs, and are posting there. It's fine to create and use your own blog on EduBlogs, but for our T4T class you need to post on our CLASS BLOG.

After logging into EduBlogs, 9 am T4T students can view our class blog "dashboard" by visiting http://t4tspring2011.edublogs.org/wp-admin/. THAT is where you want to post. This EduBlogs support page can help you in writing your posts.

Live Blogging at Woolfcampphoto © 2006 Sue Richards | more info (via: Wylio)

Saturday, December 11, 2010

What else can I add to my professional wiki?

Question: What else can I add to my professional wiki, in addition to the minimal requirements for our assignment?

Answer:

I recommend looking at some of the professional portfolio examples on our classroom wiki / professional portfolio resource page to get ideas for what else you might include in your professional portfolio.

Andrea Smith's professional portfolio is well organized and can give you some ideas. Under her "Administrative and Supplemental" category at the top of her wiki, she has pages for her summer school teaching experiences, her background, experiences and philosophy surrounding curriculum development, her experiences with WEB (Where Eveyone Belong,) and other supplemental positions she's held at schools where she's taught.  Andrea has done a good job of "chunking" the information she wants to share into six main categories, which are listed as navigational links at the top of the page:
  1. Introduction
  2. Documents and Videos
  3. Administrative and Supplemental
  4. Meeting the Standards
  5. Gallery
  6. Contact Me
As a pre-service education student, I recommend you draw on some of the projects and things you've learned in your other classes to date and considering sharing some of those on your professional wiki. Also consider sharing other experiences you've had working with children and developing your teaching skills on your site. In your career as you advance, you will make changes to this of course - but overall I'd think of your professional wiki as a space where you "tell your story" about who you are, what you've done, what matters to you, and gives others a clear picture of the kind of school and classroom you WANT to work in.

Rachel Boyd's professional wiki is another exemplar to consider and study. In addition to including links to other sites where she shares links and information, and builds her "professional learning community, she maintains an updated bio page as well as a page where she lists past presentations she's shared about education, learning, leadership, educational technology, and other topics.

I don't think I have a professional wiki which is as high quality as either Andrea or Rachel, but I use several sites to represent my "professional digital footprint." I use my professional wiki now (wiki.wesfryer.com) to primarily share links to my presentation and workshop resources. I also use that site to share information about past grant projects I've worked on (like TxTIP) and other resources. I have a more "traditional" website (created with an HTML editor, not a wiki tool - Kompozer) where I maintain my biovitae, a contact page, and other personal information. (www.wesfryer.com) I do think it's important to include a way for others to contact you. I use ClaimID (claimid.com/wfryer) to share the different websites I use and update. Until recently I didn't list my resume on a public website, but I do now using the free service Emurse. (wfryer.emurse.com) I like the way Emurse takes care of all the formatting, and provides multiple options to download and share a current resume copy. I've added the embedded "badge" for my Emurse-powered resume to my public vitae page. You might consider building a resume (for free) on Emurse and including / embedding it on your professional wiki.

Dr. Helen Barrett is a "guru" of ePortfolios for teaching and learning. Her website, electronicportfolios.com, has links to a variety of other resources related to ePortfolios that may be of interest.

Saturday, November 27, 2010

Find the direct link to a 21classes.com blog post

For our "checkpoint blog post quizzes" for class, and other assignments, you need to copy and paste the DIRECT URL or web link to the blog post you wrote for a specific class assignment. The following screenshot shows where you can click on our 21classes.com blog posts to get a particular blog posts' "permalink." Make sure you copy THAT link, instead of the link that happens to be at the top of your web browser when you are viewing a post.

21classes permalink

This is similar to the way you need to copy the direct link of a Google Map in a specific place. (See this FAQ post for more on that.)

Thursday, November 25, 2010

How should I give image attribution in a VoiceThread?

VoiceThread provides a great way for students to provide "clickable" links to the websites where they originally found images used in their interactive digital stories. When editing an image in VoiceThread, click below the image in the thumbnail in the left column of the screen to add a title and link:

Click to add a VoiceThread title and link

Then add the desired title and link. You'll want to copy the link first from a web browser. It's a best-practice for students to copy down the web addresses / URLs of websites where they find images they are using in projects AS they find them during the research process.

Add VoiceThread title and links

The final VoiceThread will show the image title and link when a visitor mouses over the lower right corner of thumbnail images in the VoiceThread.

Links to VoiceThread images

Saturday, October 9, 2010

Entering websites in Moodle Quiz

Q: Where do we enter our blog post websites / URLs in the Moodle checkpoints quizzes?

A: Enter each website / URL in the blank field after each question, as shown below. Make sure you copy the "permalink" address which is included near the bottom of each post.

Thursday, September 2, 2010

Create a new post on our 21classes.com blog

These are the steps to follow to create a NEW POST on your own blog, which is part of the class blog portal we're using this semester on 21classes.com. Remember the web address to our site (which you'll use to login) is untcic.21classes.com. Some instructions about using your blog are also available on the 21classes support site.

STEP 1:

Blogging Step 1

STEP 2:
Blogging Step 2

STEP 3:

Blogging step 3

Wednesday, September 1, 2010

Thursday, May 6, 2010

Make a custom Google Map

Beth Helm created the following 3 minute, 30 second screencast explaining how to create a custom Google Map. The only things I'd add to this excellent overview are:

  1. Remember you can use the Google Maps search bar FIRST before dropping a placemark and editing it. You can also pan and zoom within the displayed map view, so you can get the exact place you want to mark.
  2. Remember to click the RICH TEXT option when editing a placemark if you want to add a hyperlink or image, as Beth demonstrated.
  3. Remember to copy the direct link or embed code for a specific map by clicking the LINK button in the upper right corner of you map, instead of just copying the website shown in your web browser's address bar at the top as you work on your map.



Great job Beth!

Make a PowerPoint with 20 photos FAST

Kylee Woodard created this 1 min, 50 second screencast showing how to create a PowerPoint presentation VERY quickly using all the images in a single folder. In this case she used 20 pictures which she had downloaded/saved for her Pecha Kutcha presentation. Great demo Kylee!