Skip navigation
All Places > CCC Canvas Home Base > Blog

Canvas has some great new features!

 

Check out this Canvas screencast which explains these new features and updates.  These include the topics below. Enjoy!

 

April 23 New Features

  • Authentication
  • Calendar
  • External Apps
  • Global Announcements
  • Grades

 

April 23 Updates

  • Courses
  • Global Navigation
  • Grades
  • People

 

Watch Now: 2016-04-23 New Feature Screencast

You can also review the Comprehensive Release Notes here.

Looking for quicker and more efficient ways to conduct your Canvas course?


In this video, Leslie Stark, Canvas Product Engagement Specialist, shares her tips and tricks to gain back some of those minutes when you are designing and delivering a course, so you have more time to focus on your students and teaching. The main topics covered included the following:

 

  • Spicing up your announcements
  • Crucial converstations
  • Feedback is Key, and grades can speed this up!

 

Enjoy!


Watch Now: Time-Saving Tips: Stop Repeating Yourself (CanvasLIVE Session)

Did you know you can search YouTube specifically for videos with closed captioning?

 

This video explains how to best navigate Youtube for CC videos, gives tips on accessibility, and shares other useful information including great places to go for academic videos with closed captioning, such as:

 

  • Crash Course
  • Khan Academy
  • TED

 

Enjoy!

 

Watch Now: @ONE - How Do I Find CC Videos on YouTube

3C Media Solutions provides a free service to faculty and staff of the California Community College system, offering storage and sharing of educational video content and other media, as well as file storage, and much more. Some quick information about 3C Media:

 

  • Originally know as "CCSAT" (Existing since 2000)
  • Now part of the TTIP South Projects (with AONE and CCC Confer)
  • TTIP South is funded by the California Community College Chancellors Office
  • 3C Media Solutions offers services to CCCC System Faculty and Staff including -
    • Media on Demand
    • Podcasting
    • Event Coverage
    • Streaming Media

 

This webinar discusses 3C Media Solutions and its free service to faculty and staff of the California Community College system!

 

Watch Now! - Getting Started With 3C Media Solutions Webinar

This webinar covers how to create accessible PDFs with MS Word and Acrobat Pro.

 

It is the first part of a five-part webinar series called Taking a Closer Look at Accessibility. The video seminar is brought to you by @ONE, in partnership with the Online Education Initiative, and presented by Jayme Johnson, Director of Accessibility and User Experience. Below is an overview of the topics discussed. Enjoy!

 

  • Basic terms and required technology
  • Create an accessible document in MS Word
  • Save an accessible MS Word document as a PDF document
  • Use Acrobat Pro to enhance a PDF document for accessibility
    • Finding the PDF Tags
    • Accessibility Tools
    • Touch Up Reading Order Tool
    • Reading Order Panel
    • Accessibility Checker

 

Watch Now: Webinar @ONE: Creating Accessible PDFs with MS Word and Acrobat Pro

This webinar discusses 10 ways to kick your online course usability up a notch!

 

It is part of a five-part webinar series called Taking a Closer Look at Accessibility. The video seminar is brought to you by @ONE, in partnership with the Online Education Initiative, and presented by Rochelle Mojica and Katie Palacios. The topics covered include:

 

  • Write For The Web
  • Chunked and Sequences Content
  • Variety of Content
  • Students Contribute Content
  • Learner-Centered Content
  • Clear Expectations
  • Student-Student Interaction
  • Feedback & Revisions
  • Tool Accommodations
  • Support, Support, Support

 

Watch Now: @ONE Webinar: Online Course Usability, 10 Ways to Kick It up a Notch

The following is a video seminar on Evaluating Web Content for Accessibility. It is part of the five-part webinar series called Taking a Closer Look at Accessibility. The video seminar is brought to you by @ONE, in partnership with the Online Education Initiative, and presented by Jayme Johnson, Director of Accessibility and User Experience. This helpful seminar covers the topics below!

 

  • Key considerations for accessibility
  • What to look for
  • How to evaluate what you're looking at
  • A basic process for evaluating accessibility
  • Demonstration of tools
  • Resources for further study

 

Watch Now: @ONE Webinar - Evaluating Web Content for Accessibility

Resources, links to tools, and presentation are available at http://tinyurl.com/OEIaccessibility

Closed captioning is a key part of accessibility. The following is a video seminar on Closed Captioning Considerations. It's the final part of the five-part webinar series called Taking a Closer Look at Accessibility. The video seminar is brought to you by @ONE, in partnership with the Online Education Initiative, and presented by Jayme Johnson, Director of Accessibility and User Experience. This helpful seminar covers the topics below!

 

  • Terms and FAQ's
  • Technology Requirements
  • Legal Requirements
  • Formatting Captions
  • Captioning Process (Generic)
  • Tools for Captioning Web-Based Video
  • Creating Captions with YouTube (DEMO)

 

Watch Now: Webinar @ONE: Closed Captioning Considerations

 

Captioning.jpg

Do you, or someone your know, want to sign up for an @ONE course? Maybe you would like to learn the process for future reference.

 

The process is easy and only a few steps.

 

The following 4-minute video will walk you through each step of signing up for an @ONE course.

 

Watch Now: Sign Up for an @ONE Course

Hello All;

 

For those who are interested in accessibility checking that integrate with Canvas, I would like to direct you to an ongoing discussion that is taking place in the larger Canvas Community about the Universal Design Online content Inspection Tool or UDOIT.

 

OEI & @ONE are currently working to test the functionality and usability of the tool to determine its usefulness to the CCC Community.  We'll be providing additional information about the tool in the near future, so keep an eye open for that future post. If you'd like some general information in the mean time, you can visit the UDOIT website.

Using separate tabs in your web browser can be beneficial and more efficient for a number of reason.

 

Rather than using the back button which can be inconvenient and time-consuming, tabs allow you to keep multiple pages open as-is, without having to navigate back to where you were, or wait for pages to reload.

 

Having multiple browser windows open can clutter your desktop space, and use more of your computer’s memory. Consolidating your pages into one window helps with both of these issues.

 

Using multiple tabs while browsing is so common now that many web designers will design their pages with tab browsing specifically in mind. So being familiar with tab browsing will also make web page designs make more sense to you.

 

The following videos explain how to create a new tab in each of the most popular web browsers.

 

Firefox Video Link - https://www.youtube.com/watch?v=Gspw5O-Ln4Y&index=5&list=PLx-VX3akOUVi-RqjvIg38hPnAksBDI7TB

Chrome Video Link - https://www.youtube.com/watch?v=VdZlC1s08TQ&index=1&list=PLx-VX3akOUVi-RqjvIg38hPnAksBDI7TB

Internet Explorer Video Link- https://www.youtube.com/watch?v=6L2VR2Ixgf4&index=3&list=PLx-VX3akOUVi-RqjvIg38hPnAksBDI7TB

Buttons with icons are a great way to add supplemental navigation links to your Canvas course that are visually appealing and easy for students to find. Although this is done in Canvas using CSS, you can create them with minimal CSS knowledge.


In the video below, the narrator will be referring to a Canvas guide. This guide has HTML code you can simply copy and paste as needed. You can access this guide at the following link:

 

Canvas Guide - https://canvas.instructure.com/styleguide

 

Although students have the default Canvas navigation menu in their courses, adding buttons with icons on your homepage can make it even easier for students to visit a page, or a tool that you want to give special attention to, or that they may have to access frequently. This could include buttons for Announcements, a Syllabus, Modules, etc.

 

The following video will walk you through creating buttons with icons in your Canvas course!

 

Video - https://www.youtube.com/watch?v=GdlcT2hf17Q&feature=youtu.be
Buttons.png

Video Link - Creating Tabs in Your Canvas Course

 

Utilizing tabs in your course may be a good idea for a variety or reasons.

 

  • Aesthetics – Tabs can improve your course design by making your course more visually appealing and look more organized.
  • You may be looking for a way to avoid using multiple pages for chunked content
  • Tabs can help keep similar content together without creating a longer page that looks overwhelming to students

 

The benefits of using headers within your tabs / fragments -

  • Design – Using headers within your tabs helps to visually organize and separate your content, and can improve the overall look of your page, especially if you have a large number of tabs.
  • Accessibility – visually impaired students who use screen readers can more easily select a desired section of the content, without having to wait for their reader to read through an entire page, which could be very long and inefficient.
  • It is important to repeat the title/header of the tab with the <h2> html code and also use the <h3> html code for sub headers within the tabs / fragments

 

I’ve included some example HTML code. You can simply copy and paste this code into your HTLM editor. To make editing it easier, I’ve bolded the areas you would want to replace with your own content. You can also add additional tabs by duplicating the relevant coding, or delete any extra tabs, or content by removing the corresponding code.

 

To show you exactly how I added these tabs, you can follow along in the video

 

Thank you for watching.

 

______________________________

Tabs - HTML Code

 

<div class="enhanceable_content tabs">

 

<ul>

 

<li><a href="#fragment-1"><span>TAB 1 NAME</span></a></li>

<li><a href="#fragment-2"><span>TAB 2 NAME</span></a></li>

<li><a href="#fragment-3"><span>TAB 3 NAME</span></a></li>

<li><a href="#fragment-4"><span>TAB 4 NAME</span></a></li>

<li><a href="#fragment-5"><span>TAB 5 NAME</span></a></li>

 

</ul>

 

<div id="fragment-1">

 

<p><em>

 

Intro to what is presented in the tabs:

 

</em><span style="font-weight: 400;">

 

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

 

</span></p>

 

<h3><span style="color: #800000;">

 

Section Name in "Heading 3" for Accessibility

 

</span></h3>

 

<p><span style="font-weight: 400;">

 

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

 

</span></p>

 

<h3><span style="color: #800000;">Section Name in "Heading 3" for Accessibility</span></h3>

 

<ul>

 

<li><span style="font-weight: 400;">

 

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

 

</span></li>

 

<li>

 

Embed YouTubes within Tabs:


</li>

 

<ul>

 

<li><a class="" href="

 

https://youtu.be/kOjOr1ionic">https://youtu.be/kOjOr1ionic

 

</a> </li>

 

</ul>

 

<li>

 

<p>

 

Resource:

 

<a id="" class="" title=""

 

href="http://oei.onefortraining.org/videos/

 

" target="_blank">Captions for Videos</a></p>

 

</li>

 

</ul>

 

<h2><span style="color: #800000;"><span lang="EN"></span></span></h2>

 

<p> </p>

 

</div>

 

<div id="fragment-2">

 

<h2><span style="color: #800000;">TAB 2 NAME</span></h2>

 

<p><iframe src="https://www.youtube.com/embed/DrqIm31TE40" width="420" height="315" allowfullscreen="allowfullscreen"></iframe></p>

 

<p><span>

 

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

 

</span></p>

<hr />

<h3><span style="color: #800000;">

 

Section Name in "Heading 3" for Accessibility

 

</span></h3>

 

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

 

<br />

<h3><span style="color: #800000;">

 

Section Name in "Heading 3" for Accessibility

 

</span></h3>

<p><span>

 

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

 

</span></p>

<h3><span style="color: #800000;">

 

Section Name in "Heading 3" for Accessibility

 

</span></h3>

<p><span>

 

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

 

</span></p>

<h3><span style="color: #800000;">

 

Section Name in "Heading 3" for Accessibility

 

</span></h3>

<p><span>

 

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

 

</span></p>

<h3><span style="color: #800000;">

 

Section Name in "Heading 3" for Accessibility

 

</span></h3>

<ul>

<li><span>

 

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

 

</span></li>

</ul>

<p><strong>

 

Links to Related Articles

 

</strong></p>

<ul>

<li><a title="

 

Formatting Text (On webpage/LMS)

 

" href="

 

http://oei.onefortraining.org/text/">Formatting Text (on webpage/LMS)

 

</a></li>

</ul>

<p class="">

 

Resource:

 

<a id="" class="" title="" href="

 

http://oei.onefortraining.org/text-in-microsoft-word-or-powerpoint-document/

 

" target="_blank">

 

Formatting Text (Word and PowerPoint)

 

</a> </p>

</div>

<div id="fragment-3">

<h2><span style="color: #800000;">TAB 3 NAME</span></h2>

<p><iframe src="https://www.youtube.com/embed/ZrbiqsqtStY" width="420" height="315" allowfullscreen="allowfullscreen"></iframe></p>

<p><span>

 

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

 

</span></p>

<p><span>Resources:</span></p>

<ul>

<li><a id="" class="" title=""

 

href="http://oei.onefortraining.org/text-in-microsoft-word-or-powerpoint-document/" target="_blank">Formatting Text (Word and PowerPoint)

 

</a></li>

<li><a id="" class="" title=""

 

href="http://oei.onefortraining.org/videos/

 

" target="_blank">

 

Captions for Videos

 

</a></li>

<li><a id="" class="" title="" href="

 

http://oei.onefortraining.org/formatting-images-webpage-lms/

 

" target="_blank">

 

Formatting Images </a>(Webpage/LMS)

 

</li>

<li><a id="" class="" title="" href="

 

http://oei.onefortraining.org/color-contrast/

 

" target="_blank">Color Contrast</a></li>

<li><a id="" class="" title="" href="

 

http://oei.onefortraining.org/link-text-associated-with-a-universal-resource-locator-url/

 

" target="_blank">

 

URL Link Text

 

</a></li>

</ul>

<p class="p1"> </p>

</div>

<div id="fragment-4">

<h2><span style="color: #800000;">TAB 4 NAME</span></h2>

<p><iframe src="https://www.youtube.com/embed/p9yszeopMZU" width="420" height="315" allowfullscreen="allowfullscreen"></iframe></p>

<span>

 

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

 

</span></div>

<div></div>

<div></div>

<div id="fragment-5">

<h2><span style="color: #800000;">TAB 5 NAME</span></h2>

<p><iframe src="https://www.youtube.com/embed/jTogzQ9bsTY" width="420" height="315" allowfullscreen="allowfullscreen"></iframe></p>

<p><span>

 

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

 

</span></p>

<p>

 

Resources:

 

</p>

<ul>

<li><a id="" class="" title="" href="

 

http://oei.onefortraining.org/text-in-microsoft-word-or-powerpoint-document/

 

" target="_blank">Formatting Text (Word and PowerPoint)</a></li>

<li><a id="" class="" title="" href="

 

http://oei.onefortraining.org/videos/

 

" target="_blank">

 

Captions for Videos

 

</a></li>

<li><a id="" class="" title="" href="

 

http://oei.onefortraining.org/formatting-images-webpage-lms/

 

" target="_blank">Formatting Images </a>(Webpage/LMS)</li>

<li><a id="" class="" title="" href="

 

http://oei.onefortraining.org/color-contrast/

 

" target="_blank">Color Contrast</a></li>

<li><a id="" class="" title="" href="

 

http://oei.onefortraining.org/link-text-associated-with-a-universal-resource-locator-url/

 

" target="_blank">

 

URL Link Text

 

</a></li>

</ul>

<p class="p1"></p>

</div>

</div>

Hi all,

I am new here, but I wanted to share with you a concern I have. We chose Canvas for several key reasons, one of which was its simplicity. I am looking over the wish list of feature add and it scares me. Most of us are coming from Blackboard and Moodle, but of which do wonderful things, but are complex. If we try to duplicate what we have we may ruin a main attraction of Canvas.

 

We and Canvas have to ask ourselves the hard questions of "do we really need this?" Anything is possible, but at what cost to ease of use?

 

Most of the Canvas users on our campuses will be basic feature users. If they don't need it, why do we want it. Obviously if there are Accessibility issues, they need to be addressed. We should be designing our Canvas implementation for the 80% of the users, not us 20 % power users

The idea of an example home page has been discussed multiple times during the Faculty support calls @ONE has been facilitating for OEI Full Launch Pilot colleges.  In an effort to support the conversation and those looking for a template to use @ONE has designed a simple, yet functional home page that can be customized by each individual user.  The example home page relies on the default Canvas styles available for use and explained in the Canvas Style Guide.

ExampleHomePage.png

If you are familiar with HTML you will be able to use the information provided in the style guide and the foundation example home page to create a highly personalized home page.  Attached you will find a .txt file with the HTML code (with comments) needed to re-create the homepage. *Please note: The banner included in this design is just an image, it is not based on built in styles and is not responsive for mobile viewing.

 

However, the great news is that you don't have to know HTML to make basic edits to the example home page provided.

To get started:

  1. Copy all of the text from the included file
  2. Switch to HTML editor and paste the text from the file
  3. Switch back to the Rich Content Editor

*Please note: When you are in the Rich Content Editor view you will NOT see the buttons.  Your page will look like this:

ExampleHomePage2.png

You can edit the text of each button or link by editing the text information on this page.  To change the location of where the link goes, click on the text, select the insert link icon and add the correct link for your course.  Once you save the page; the styles will take effect, and you will see the buttons and the list of links that show as a vertical list will display as a horizontal list.

 

If you have questions about using this template, please feel free to post them as a comment to this blog.