Canvas But Cool: Embedding Announcements

I hope to start a series of posts here on things I’m doing in Canvas, but that are cool anyway. Some will be workarounds, some ideas for making things look better, some techniques born out of utter frustration.

None will be as brilliant as what Laura Gibbs is doing at the University of Oklahoma  – she’s got LOL Cats rotating through her Canvas pages using a cool javascript. But her work inspires me and encourages me to find things that are Canvas…But Cool.

My first concerns Announcements. In Moodle (many of my posts will start “In Moodle”, an approach dreaded by many in the Canvas Community) I could just paste Announcements in at the top of the main page, and copy or adapt them into Latest News for instant emailing to all. In Canvas, the Announcements page is decidedly a separate thing. If I don’t want announcements to be the main Home page, they won’t be obvious except by email or other notifications.

But I don’t want to post twice, once in Announcements and once by editing the Home Page. I want the Announcements to dynamically appear on the Home page, where I want them to. So I followed the wonderful instructions posted halfway down this page at the Canvas Community (I’d love to link directly to the post, but you can’t do that there), posted by Sharmaine Regisford with thanks to others.

Instructions:

1. First, post an Announcement in your class (I just did a welcome message).

2. Grab the feed URL for the announcements by going to the Announcements page and right-clicking on the RSS symbol (it won’t be there if you didn’t post a first Announcement).

The URL should end with .atom.

3. Go to FeedWind at http://feed.mikle.com.

4. In the spot, paste in the feed URL.

5. Choose your settings. I like 1 feed height, scrollbar on, autoscroll off, text-only, max length 132 characters.

6. Grab the regular code from the right side, not the iframe code.

7. Start a new text document on your computer and paste the code.

8. Save the file as .html.  

9. Go to Canvas and open Files. Upload the .html file you just created to your Canvas course files. Once it’s there, mouse over the name of it to find the document number – write it down somewhere.

10. Go to the page where you want the Announcements to appear. Switch to HTML editor.

11. Paste this in:

<iframe title=”Course Announcements” src=”/courses/#######/files/#########/download” width=”100%” height=”112″></iframe>

In this example the first ####### is your course number and the second ######### is the file number.

The course number is in the URL of your Canvas course:

So for this example, that would be:

<iframe title=”Course Announcements” src=”/courses/6660/files/57294/download” width=”100%” height=”112″></iframe>

The result is an iframe on your page that will always show the most recent announcement (so long as you chose that on the settings at FeedWind).

Update: As of this week, Canvas provides the option to add announcements to the top of your home page. Not as pretty, but it works:

Comments are closed.