Canva and Canvas - Better together!

GideonWilliams
Community Champion
7
176

Last week I was planning for a training session with staff to look at making more interactive and engaging Canvas pages. One suggestion I gave was using Canvas as part of a Treasure Hunt (see - Scavenger Hunts in Canvas - My Light Bulb Moment! - Instructure Community - 601989 for more details). So, Rule 1 of CPD, if you mention something, you should pretty much have an example to back it up!

When I create treasure Hunts with students, I try to include some puzzles that are not all subject specific. A particular favourite is the find the link in the 'snowstorm', where I make a text link, change the text colour to white and hide it somewhere on the page. It can be found by hit or miss but the best way is to highlight the whole page eg: (see bottom right!)

snow.png

Having nailed my 'alleged' creative colours to the mast, I wanted to start the quiz by making an engaging Welcome page designed in Canvas. I went to Canva to look for inspiration. Canva is free for teachers and what's more, you get access to the premium version - amazing!

Anyway, I found this:

pic2.png

It looked brilliant, and short of time, I thought I could get away with using the template, changing some of it and then importing it into a blank page and then adding an invisible button below:

To be honest, I didn't do much to change it!

poster.png

I went over to the Share section to download the image as a png. I thought I'd have a look at the interesting See all options, just to see what was about:

options.png

 

When WHAMMO 

There on the next page was......

embed.png

Clicking on it gave me the option to Live embed via DIV (so much better than iframe):

live.png

Instead of a static link, I now have one that I can update, improve, change and all users have to do is refresh the page.

So that got me thinking that if the poster was a web feature, then maybe I could add (invisible) hotspots to it instead of my snowstorm link.

Sure enough, using the Elements feature, I could create an unfilled circle over part of my poster (in this case the compass):

compass.png

I could then go to Position > Layers and my invisible frame was handily highlighted in blue:

layer.png

I could then drag it all the way to the top so the image frame sat on top of the poster. Clicking on the dots at the end revealed a drop down menu where I could add a Link to the frame!

link.png

It was then a simple matter of copying and pasting the link to the 1st Clue page in Canvas.

I now had an invisible hotspot that acted as the Start button for my quiz:

And of course, being an embedded file, I could move this around at any stage, so if my Treasure Hunt meant they had to go back to this place, I could alter the original position.

I do like HotSpots and I can think of lots of times I would want to use them in work such as identifying links to other locations on a map or mindmap or even a printscreen of a Canvas feature I am explaining.

Anyway, embedding with Canva has now opened up a HUGE RANGE of options and not simply static images.

If I can do this, then why not have students embed resources on Canvas pages (as they get a free account too).

If anyone is doing anything similar or probably better! Please add some comments below..

7 Comments
YunRuTan
Community Member

Brilliant! I have a worksheet that asks students to spot the mistakes. I could probably upload the image to Canva and create hotspots on the image. Thank you for your idea! 

GideonWilliams
Community Champion
Author

Please share it!

I know that Canvas Quizzes is about to go to multiple hotspots but this would be a good interim.

Plus, I'm guessing, and perhaps you could try this, but I wonder if you can copy and paste the hotspots from one design to another?

The other thing to consider could be a mind map with links to additional explanations like YouTube videos or pop-up messages..

ryan_corris
Community Coach
Community Coach

I love this @GideonWilliams! So easy to make too.  I must admit that I had a "C'mon now Gideon" moment until I read further.  When you were talking about a link in a snowstorm, I read the part that said, "It can be found by hit or miss..."  At that point I stopped, hit Command+A on my keyboard and told myself that's all they need to do.  Then I continued reading and it stated, " ...but the best way is to highlight the whole page."  It's like you knew what I was thinking.  🤣

I look forward to seeing what types of things I will use this concept for in the future.  Thanks so much for sharing!

GideonWilliams
Community Champion
Author

@ryan_corris Like to keep you on your toes!

ryan_corris
Community Coach
Community Coach

@GideonWilliams Well played my friend!

One thing that I found out while exploring is that if the institution you work for has you log into Canva through their organization, you may get a message like this depending on the settings:

embed.png

I am hoping that my district will be willing to change the Canva settings to allow for the embed link.  If not, it is still possible to use a personal Canva account to create an embed link, you just won't be able to use Canva's premium content.

GideonWilliams
Community Champion
Author

Good to know and of course with embedding, you still need the person to be at the school for the link to remain...!

GemsK12HypeGirl
Community Novice

Where was this when I was back at school? I would have stayed engaged.... Is this something you can assist me with in my everyday life please? 😉