The Web Content Tool in Courses (Powered by Sakai)

 

The Web Content Tool in Courses (Powered by Sakai)

By John Buckingham

A critical component of setting up a course site in Courses (Powered by Sakai) is directing students to the proper resources and tools they will need throughout the class. One such resource is an external website(s) like Adobe Connect where synchronous class sessions will be held. Enter the Web Content tool in Courses.

To add it, simply click on the Site Info tool in the desired course site.

There, select Edit Tools.

Scroll down and check the box next to the “Web Content” tool and then select Continue.

  At this point, you will be prompted to title this web content resource. In this example, I’ll title it “Adobe Connect.”

In the source field, I can supply the URL link to my Adobe Connect classroom. 

NOTE

To access this resource through a new browser tab, It is highly recommended to supply the link with the prefix “HTTP” (and NOT “HTTPS”). So if you copy and paste your Adobe Connect link, be sure to remove that S, as this will force Courses (Powered by Sakai) to open the Adobe Connect classroom in a new web browser tab. Don’t worry, connecting to Adobe Connect in this way is still secure.

 After you have supplied the correct URL, click Continue.

Then followed by Finish.

Now, you’ll have the new tool in the side toolbar titled appropriately.

And for the grand finale, when I click the Adobe Connect Web Content Tool, it opens up in a new browser tab, just as I wanted it to. Highlighted in red below is the Courses Tab, where I can click to return at any time.

See? That wasn’t so bad. Now you can add whatever external URL resources you wish to your course site and make sure that students can stay on Courses (Powered by Sakai) in their web browser.

If you have any questions, please don’t hesitate to contact us at Technology & Learning for a consultation!

Best,

John C. Buckingham III





 

Help! Firefox Ate TED! Why videos and websites may not appear in some browsers

My Video Disappeared!

Learn why Firefox 23 or IE 10 may be blocking your content

by Alan Regan

Not seeing an embedded video, image, or web page?  If you're using Firefox 23+ or Internet Explorer 10+, then this is because you're suffering from the "mixed content" blues.

Released in early August, Firefox 23 has a new security feature. It's called "mixed content blocking." The short description: if you are on a secure website (like Courses/Sakai, WaveNet, Digication, and almost every website that requires a login) and the page tries to load content from an outside website that is not a secure website, then the browser will block that content from appearing.  Another way to look at it is if you are on a website and the address begins with HTTPS and you're embedding content and the code references website addresses that begin with HTTP and not HTTPS, then you need to put in some fixes so that your audience sees the content.

So, what can you do?  First, you need to look at your class sites and see if any of your content is being blocked.  Open up your class site or website in Firefox 23 and see if the material loads.  If the page is blank -- then you need to correct the code or re-embed the content for a secure address.

Thankfully, YouTube makes it pretty easy now.  The latest embed code takes out the guesswork and helps professors, students, and everyday users embed with ease. Of course, this new YouTube code started mid-June 2013. So, if you embedded a YouTube video before that time, you need to go back, remove the old YouTube code, and embed the new code.

A ray of sunshine is that our new Sakai 2.9 service now supports the shorter "iframe" embed code! It's currently supported in Forums, Syllabus, and Lessons. (The Home tool does not support iframe yet, but we hope to correct this soon!) This should make the process of re-embedding videos a little easier than in the past. Also, with the new iframe code, mobile participants should be able to play the video.

1. Visit http://www.youtube.com
2. Find your video.
3. Below the video, click Share and then click Embed.
4. We recommend that you uncheck the box "Show suggested videos when the video finishes." This will prevent potentially unwanted or inappropriate video recommendations from displaying at the end.
5. Copy the code.
6. Go to your class site on http://courses.pepperdine.edu
7. Go to a supported tool like Forums, Lessons, or Syllabus (if a tool is not in the menu, use Site Info > Edit Tools to add it).
8. In the rich text editor, click Source at the top left.
9. Paste the YouTube embed code.
10. Click Source again and then finish the posting.
11. Your embedded video should display fine in all browsers and also on most tablets and smart phones.

NOTE: On the Home tool you will still need to check the box "Use old embed code" when copying code from YouTube. Again, you can use the newer iframe code with Forums, Lessons, and Syllabus.

There is a known issue with videos from the TED.com website, though.  This isn't an issue with the web browser or Sakai, WaveNet, etc.  The issue is squarely on the TED.com website.  As of this moment, the TED.com website is not a secure website.  If you link to a video, it only supports an HTTP connection and not an HTTPS connection.  The solution?  For the most part, almost every TED.com video can be found on YouTube.  Embed the video located on YouTube and you should be fine.

You may be asking, "Well, what if I don't use Firefox or Internet Explorer?" That's fine, but know that this security setting may soon be coming to your other web browsers like Chrome and Safari.  Web security is important, so don't rely on "use another web browser" as a fix.  Best practice is to embed content from a secure source when you're on a secure website.

So, now you know why some content may appear for some visitors, but not for others.  The likely culprit is "mixed content" blocking on some web browsers.  You also know the fix: update your web links or embed code to secure versions. We hope this helps you create better online experiences for your audiences!

Learn more:

• Firefox 23 Release Notes
• Mixed Content Blocking in Firefox
• "Only secure content is displayed" notification in Internet Explorer 9 or later
• Internet Explorer 8 Mixed Content Handling
• Embed videos and playlists (how to get the code from YouTube)