Web Annotation With Hypothes.is In Canvas Training Session

This post is being used to document and distribute materials associated with a training I'm giving at the University of Oklahoma, which covers collaborative web annotation as a tool for engaging students.

“Writing in the margins” of books and journal articles (or any other texts) in collaboration with others is one way instructors seek to enhance learning experiences. Using collaborative web annotations, faculty on our campus are seeding their course discussions and engaging students in collaborative scholarship. Here’s an example of course that is using collaborative web annotations:

Website using hypothes.is to annotate Byron Readings

Tool Showcase

We’re going to dive deeper into collaborative web annotation as it’s one technology that’s being used across many disciplines. Here are several pieces of literature that are being annotated collaboratively by students:

If you’d like to create a Hypothes.is account and start collaboratively annotating the web, signup here.

Here’s a student blog post you can practice annotating now.

Additionally, here is what Hypothes.is looks like integrated into Canvas:

Canvas Course displaying hypothes.is content.

Discussion

  1. Why use collaborative web annotation in the classroom?
  2. What documents might be annotated by students?
  3. What does an assignment look like using web annotation? (Current ones)
  4. What other assignments could benefit from web annotation?
  5. How does feedback to student change with web annotation assignments?
  6. Why engage students in annotating materials publicly?
  7. Any other thoughts/ideas?

Resources

Perspective

Instructor Blog Post: Using Hypothes.is in the College Classroom

Technical

(Technical resources from here.)

The featured image is provided CC0 by Anastasia Zhenina via Unsplash.

How To Integrate Websites Into Canvas

I wanted to walkthrough one of my favorite Canvas integrations. Originally, I discovered this integration and used it in one of the early professional development courses I led for faculty transitioning (from D2L) to Canvas back in May 2016, which you can view here. My discovery of this integration was driven by the desire to replicate what Adam Croom had done with his PRPubs.us course website in D2L.

Anyways, this is the type of website integration into Canvas I’m referencing:

Mobile Blogging & Scholarship Canvas course shown with a Domain of One's Own website integrated inside the Canvas Course.
View from Canvas of an integrated website.
Canvas app on an android phone displaying the redirect tool+website integration.
View from Canvas App of the same integrated website.

What You Need

1. Website you control – If you have a DIY website through a web hosting company or use website companies like WordPress.com, then you are off to a great start. I use Reclaim Hosting for my website needs as Reclaim specializes in education. (Technically, any website can be used, but the one’s I’ve tried using have been hit or miss. Thus, I believe a website you control is ideal and should work perfectly.)

2. An encryption SSL certificate for your website – Your website will only be displayed within Canvas if the site is encrypted. In other words, your site needs to function using a https:// address (instead of http://). There are many ways to obtain an encryption certificate. I use Let’s Encrypt SSL which is offered for free by several web hosting companies (including Reclaim Hosting). Alternatively, you can use a service like Cloudflare to acquire a SSL certificate for your website.

Please note that many website companies like WordPress.com furnish https:// versions of websites to their users by default. In such case, you don’t need to acquire a SSL certificate for your website as it’s already present. If you’re unsure about whether your site meets this requirement, try visiting your website with https:// at the front of the URL (like so: https://example.com) and see if it loads normally.

3. Canvas Course – Use your institutions page to login to Canvas and create a new course or use an existing one. If you do not currently have access to Canvas, you can acquire a free account by selecting “Build It” on this page.

4. Redirect Tool – In your Canvas course, under “Settings>Apps” is the Redirect Tool (the best app!)—make sure it is available for your course. Refer to the screenshot below, under Step 1, as a guide.

Setup Steps

Step 1 – Navigate to Canvas course settings and find the Redirect Tool in the Apps Tab:

Image showing how to access the redirect tool in a Canvas course.

Step 2 – Click “Add App” to add the Redirect Tool:

Image showing how to add the redirect tool in a Canvas course.

Step 3 – Configure the Redirect Tool with your Website Name (will appear in Course Navigation), the https:// URL, and check “Show in Course Navigation:”

Image showing my configuration settings of the redirect tool in a Canvas course.

Zoomed into my configuration settings for the Redirect Tool:

Zoomed in image showing my configuration settings of the redirect tool in a Canvas course.

Step 4 – Refresh the course by clicking “Home” to see the fruits of your labor:

Image showing successful integration of the redirect tool in a Canvas course.

Image showing successful integration of the redirect tool in a Canvas course.

Step 5 – Enjoy:

Image showing successful integration of the redirect tool in a Canvas course.

Troubleshooting

If you’re experiencing any issues, they are typically caused by one of these two problems:

Problem 1 - Redirect Tool Configuration
Problem 2 - Don't have https:// URL for the Website

Integration Examples

I recently submitted proposals that included this website integration to the #Domains17 conference. As I shared then, I believe the best examples of this integration involve a course blog or research/course website.

Course Blog – The course blog in Canvas is a fantastic use case of the Redirect tool combined with the FeedWordPress plugin to bring all of the students’ posts from their own websites into Canvas. This setup is inline with the POSSE publishing model and can be utilized to bring students’ course reflections into Canvas for easier access and to promote peer-peer scholarship.

Cours Blog inside of a Canvas Course using the Redirect Tool

Research/Course Website – If you have course contents published on websites outside Canvas, you can use this trick to bring those materials into your courses. I’ve used this to bring my Canvas Camp curriculum into Canvas courses, but you could use it for course wikis, Drupal or Omeka research websites, and beyond.

Canvas Camp website displaying a lit campfire inside of a Canvas Course

Anonymous Blogging Inside of Canvas – When I ran the Mobile Blogging and Scholarship Canvas training back in May 2016, I used all of these tool in addition to the AccessPress Anonymous Post plugin to allow instructors to blog directly within Canvas. Here’s some more information of the tools I used to accomplish this course design.

Canvas course with AccessPress Plugin configured to let students blog directly within Canvas.

There are many more use cases beyond what I’ve presented here, but I hope this post gives you the guidance and inspiration to integrate websites directly into Canvas.

The featured image is provided CC0 by Corinne Kutz via Unsplash.

Changing Domain For A WordPress Website in 3 Steps

Today, John and I moved the eXperiencePlay website from xp.keeganslw.com to experienceplay.education. I was worried this process would be cumbersome but I was pleasantly surprise when we succeeded after a few minutes of research and work.

Prerequisites

Before initiating the domain change process, I registered experienceplay.education on Namecheap, pointed the Name Servers at my Reclaim Hosting (OU Create) account, and used the “Addon Domains” section of the Reclaim Hosting cPanel to add the experienceplay.education domain and directory to my account. Let me know if you need some guidance with these preliminary steps.

Step 1 – Change the WordPress Address & Site Address

Screenshot of General Settings highlighting WordPress Address and Site Address fields

Under the Settings>General tab of your WordPress website are the WordPress Address (URL) and Site Address (URL) fields. You will need to change those fields from your old domain to your new domain. From our research, we referenced the “Via WordPress Dashboard” section from this website and the “Method II” section from this website.

Step 2 – Move All WordPress Site Files On Server

Folder view of my web server showing the eXperience Play Website files.

Next we moved all of the folders and files located in the xp.keeganslw.com directory over to the experienceplay.education directory including all of the .php files.

Notably, we didn’t have to alter the WordPress MySQL database. In fact, we never touched the database! 🙂

Step 3 – Disconnect & Reconnect Jetpack (& Other Cleanup)

eXperience Play website with new experienceplay.education domain.

To finalize our site transfer, we followed Jeremy Herve’s recommendation from this forum, allowing us to transfer our Jetpack site statistics from xp.keeganslw.com to experienceplay.education. Otherwise, the only remaining cleanup required was updating a few URLs to point to experienceplay.education and establish a redirect from the old domain to the new domain.

To upload additional images to your website, you’ll need to change the Media directory under Settings>Media. The field is titled “Store uploads in this folder” and needs to be replaced with file path for your new domain and directory. Here’s what that setting should look like:

Screenshot of Media Settings highlighting the directory where uploaded files go on a WordPress website.

Final Thoughts

This process was much simpler than I anticipated and I’m excited to maintain the eXperience Play website visitor statistics. Originally, we set out on this process to separate my domain from the eXperience Play program in preparation for OLCInnovate and to encourage other individuals to use our curriculum (similar to GOBLIN). Now, I’m trilled to have learned how effortless it is to change a WordPress website domain!

The featured image is provided CC0 by Денис Евстратов via Unsplash


Edit: Another paragraph and screenshot were added to step 3 to describe changing the media directory before you can upload additional photos to the website. This issue was discovered after this post was originally published.

Our Most Important Canvas Training

Last week was the 19th Canvas Camp hosted at the University of Oklahoma. Looking back on its evolution from May 2016 to today, the dozens of courses developed by participating instructors, and the feedback I’ve received, Canvas Camp is an ongoing success.

Background

Canvas Camp is intended to teach instructors how to use Canvas while they are producing their first Canvas course. Most of our time is spent exploring notable features, developing courses, and problem solving how to design courses in Canvas. All levels of expertise are welcome because Canvas Camp is flexible enough to scale and adapt to suit everyone’s needs—there’s always something to learn in our open-ended sessions! That being said, although this training is meant to teach several components of Canvas, there are many more pieces beyond what we introduce.

Canvas Camp occurs face-to-face in 2-hour sessions over 4 consecutive days. Demonstrations of Canvas, exploration of features, and discussions of course design all take place during this training, however the main focus is the development and completion of participants’ courses!

Before I jump into the design of this training, be aware that my curriculum for Canvas Camp is openly shared using a Creative Commons license and you are welcome to take, adapt, use, repurpose, etc. all of the materials without permission as long as you abide by the license. Additionally, feel free to reach out to me on twitter or via email—I’m always up for a video chat.

Canvas Camp website annotated Gif of home page

Canvas Camp Design

Canvas Camp was built around five main components:

  1. Teaching the technical skills to use Canvas
  2. Engaging faculty in course development
  3. Producing Canvas courses
  4. Reflecting on why the University switched to Canvas
  5. Learning Canvas as part of a community

1. Technical Skills

As with any new tool or software, there are varying degrees of digital literacy and technical expertise of the Canvas Campers. For individuals who possess high technical skills, the Canvas Camp website aims to empower them to progress through the Canvas Camp curriculum at their own pace. For participants who have just started to learn Canvas, the face-to-face sessions provide them with a safe space to ask questions, learn, and experiment on their own or in community with others (including the facilitator).

Canvas Camp is intentionally flexible in design to serve the needs of a wide range of technical expertise.

2. Course Development

Working with instructors over several days offers the opportunity to engage them in course design and discuss the pedagogical implications of their Canvas course decisions. This aspect of instructional design is intertwined with learning the technical skills of Canvas as the camp facilitators explain and discuss the ramifications of decisions made while developing courses. Depending on the feature or design in question these interactions might occur on a one-on-one basis, however there also opportunities to draw on the collective expertise of the instructors present—this often yields rich discussion.

As an example of how course development takes place, a significant shift in organizing course materials has occurred, in part, due to the popularity of Canvas Camp. I see many more instructors organize their course materials chronologically than topically like they did in the previous learning management system (LMS). Granted, both types of organization offer their own benefits and shortcomings. However, now faculty are being more intentional in this design decision. They are engaging with each other and the camp facilitators to pursue what is best for their students. For example, most of the faculty that participate in Canvas Camp opt to use the Modules feature of Canvas to arrange their content by week, unit, chapter, etc. This chronological presentation of material is intended to give their students greater levels of context for the materials they are studying during the semester.

3. Producing A Course

The notable draw to Canvas Camp is the promise to come away with a course, built and finalized. In most cases, we see faculty members complete 75-100% of their course. Sometimes instructors have completed more than one course during this professional development. Regardless, this is heavily marketed to bring people into Canvas Camp.

4. Why Switch To Canvas?

Arguably the most important aspect of Canvas Camp is engaging in discussion with the participants throughout the week. For example, after faculty members have wrestled with Canvas—learned and experienced its strengths and shortcomings—we ask them to tell us why they think the University decided to switch to Canvas. Inevitably, someone always brings up the monetary aspect, but after several minutes of discussion, faculty often suggest the change was made because “Canvas is better for the students,” “easier to use,” and/or “nicer to look at.” All of these reasons are recorded on the whiteboard at the front of the room to highlight positive aspects of Canvas. This reflection is crucial. If you hope to change perspectives about Canvas, give instructors meaningful experiences with the tool and follow up with reflection and discussion. In other words, Canvas Camp also functions a primer (and potentially a model) to tackle larger digital literacy questions related to educational technology and learning management systems.

5. Learning Canvas Together

Training is always more fun together! Canvas Camp benefits from diversity of disciplines, types of teachers, and the people present. The community aspect of this training is integral since participants must turn to one another when they have questions or need recommendations. In particular, this occurs when the facilitators are assisting other attendees. Overall, Canvas Camp is a wonderful learning environment to engage faculty in technological and pedagogical practices of Canvas, but this training shines when it empowers faculty to become both students and teachers to one another.

Reflection

The reason Canvas Camp is our most important training at the University of Oklahoma is not only because it’s our most comprehensive, face-to-face training, but because it’s our most fun.

I know that sounds weird. I realize building courses can be tedious and far from fun. There’s just something special about Canvas Camp that I hope to bring into every other training program I build/facilitate. The comradely of learning Canvas in community paired with the feelings of accomplishment from completing courses is fun. The energetic discussion and informal instructional design that occurred during each session is fun. The creative challenge that coincides with building engaging courses is fun. There’s a lively spirit present with each cohort of instructors at Canvas Camp, and yes you guessed it, that makes it fun!

Beyond the fun of Canvas Camp, this professional development strives to do more than teach software. Canvas Camp aims to shift the culture of the University. Yes, there are many more components to such a process than a single training, but as of January 12th, 143 instructors now have greater confidence to build courses in Canvas (and you have to start somewhere)!

The discussion that happens on the final day of Canvas Camp is crucial for shifting culture. During every Canvas Camp, participants openly express their apprehension and frustrations with switching learning management systems. Giving instructors time to interact with Canvas and see how their courses look and behave in the system affords them the opportunity to naturally grow knowledgeable and comfortable with the change. Highlighting this perspective change during discussion while reflecting on the week of Canvas Camp, emphasizes and reinforces the cultural shift.

There are plenty more aspects of Canvas Camp I could touch on, but this is enough from me for now (feel free to reach out with questions). Instead, here’s a few testimonies from the participants of Canvas Camp:

Testimony

What was the most valuable/useful aspect of this session?

gaining familiarity through doing.

Overall, the camp was terrific. I enjoyed engaging with faculty from other departments.

Very hands on and practical–lots of time to work directly on courses.

The balance of some delivered content, and some ‘free time’ for us to explore Canvas and explore our own content in it. But the free time had the facilitator present to answer questions. That was very helpful.

The most valuable aspect for me was learning the basic mechanics of Canvas. It is overwhelming for anyone trying to self-teach. I also like that the canvas instructors gave specific recommendations for how to optimize course use (ex: enter rubrics directly to use Speed Grader instead of uploading files, etc.)

No doubt: it was the instructor. A truly exceptional educator. He took his time, making sure everyone was able to keep up, yet kept things moving along. Very nice, articulate delivery, good organization.

The featured image is provided CC0 by Carsten Thomsen via Pixabay.

Snow Day! – Canvas Camp?

This post was originally published on the Canvas Camp website.

Since we missed our final session of Canvas Camp, I’ve recorded a video as an overview of our session. At times, I move through some of the content quickly, so feel free to pause and watch at your own pace:

Additionally, I encourage you to refer to the other materials on the Canvas Camp website as needed. Here are a few items I want to highlight, in particular:

Goals

Complete your Canvas Course – Finish adding and organizing all the contents and assignments of your course in the Modules section. Ideally, all course content appears in at least one Module. Additionally, make sure to complete the Syllabus, double check all due dates in the Calendar, and review your course materials are correct.

Add TAs to the course – In the People section of your course, add your TAs.

Publish the course! – The final step! Make sure all of your content is in the “Published” status by referring to the green, check-marked clouds next to each of your materials in the Modules section. All content that has a gray, x-marked cloud is currently in the “Unpublished” draft form and not visible to students. Lastly, on the home page, change the Course Status from “Unpublished” to “Published.”

S’more ( Abbreviated, refer to day 4 page for full list)

Grades – The Canvas Gradebook is automatically generated from the Assignments in a course. First, checkout this overview video:

Then read through this guide to see how to interact with the Canvas Gradebook. You can set default grades (i.e. zeros for missing work), curve grades, and message students who make certain grades from the Gradebook. Additionally, I recommend muting assignments while grading if you prefer to release all grades and feedback to students all at once. Otherwise, students will receive notifications as you make changes at your grading pace. Lastly, you are able to download and upload scores to the Canvas Gradebook using CSV files if you prefer.

Use Speedgrader – The easiest way to grade assignments in Canvas is the Speedgrader. This video introduces its power when grading in Canvas:

The Speedgrader supports documents (.doc/.docx), slides (.ppt/.pptx), and PDF files, media recordings, website URLs, and more. This guide demonstrates the specifics of using Speedgrader, including how to enable anonymous grading, leave feedback for students, and use a rubric in Speedgrader. Additionally, you can grade Canvas assignments from the Speedgrader app on a tablet if desired.

Submitting your Grades – Our University aims to make submitting grades through Canvas simple. Checkout either the video guide or the text guide to learn how to complete this task at the conclusion of your semester.

Messaging students using the Canvas Inbox – You can communicate with your all of your students through Conversations in the Canvas Inbox. This feature allows you to message individual students, your TAs, or the entire class. This video guide is a great place to start learning how to use this tool in Canvas.

Publishing Content – In the Modules section of Canvas, you can use the published state of contents to hide materials from students as needed. Unpublished materials are in a draft state and will not be accessible to students. Before you finalize your course, make sure all the content you want visible to students is marked as Published with the checkmark/green cloud icon.

Crosslisting in Canvas – You can combine sections from multiple courses into a single course. Before you do this, read this entire guide and view the cross-listing video because you want to make sure you understand how this works. I recommend experimenting and practicing with nonofficial Canvas courses first.

Get Canvas Assistance – The first place I go to get Canvas help are the Canvas Guides, in particular using the search bar on this page. The broader Canvas Community is a great place to get ideas and interact with other Canvas Users from across the world. Our University has its own Canvas Group on the Community website if you’d like to join us. Finally, there are more materials available for instructors on our campus ranging from OU’s Canvas Tutorials, to the resources on the Center for Teaching Excellence’s website.

If you’re hoping to get feedback on your Canvas course, I recommend asking the students in your courses and being open with them about trying new things. Students will be able to give you great feedback on how Modules are setup, etc. At the end of the day, we are all in this Canvas learning process together.

Happy course building, campers!