Skip navigation
All People > Laura Gibbs > Laura Gibbs' Blog > 2018 > September > 23

Sharing this semester with my students by "being" a student in the class has been such a great experiment so far: yay for the #TotalCoLearner hashtag! It is now the end of Week 5, and to my own surprise, I've ended up with over 200 points so far... because I'm doing work for this class just for fun. On the one hand, that should not be surprising since, doh, I am the one who designed the class with the goal of making it fun. But it's good to know that it really IS fun, at least for a geek/nerd like me. For my colearning post today, I want to write something about doing tech stuff together with my students.

 

I was prompted to pick this theme today because of a post that one of my students just shared: 

Growth Mindset: The Path to Genius

I don't think that kind of embedding is allowed here, but it's cute even as a screenshot (see bottom of post). If you click on the circles at the "live" version, you see a message pop up for each one. Erin's post has more details.

 

So, how cool is that??? It's an extra-credit growth mindset thing, but instead of just making a meme, Erin has used Genially to create an interactive infographic! I had never heard of Genially before meeting Erin but in her project planning assignment last week, she had mentioned that she was looking at this tool or maybe Prezi for creating some interactive feature in her project. I know Prezi, but not Genially... now, though, I have seen Genially in action.

 

Even better, I noticed that it had that share icon down at the bottom... and there is even an iframe embed share option. Just copy and paste! So I just had to try to see if I could embed this great thing inside a blog post in my blog for class... and it worked: Tech Tip: Testing Genially.

 

This would also work in Canvas too (at least it should), since this is a typical iframe type of embedding. For more about iframes and Canvas, see Sean Nufer's work, like his presentation from IsntCon about all-things-embedded:

Embedding Content in Canvas, or: How I Learned to Stop Being Bland and Make My Content Amazing 

 

This is the kind of back-and-forth with my students today is something I have benefited so much from as a teacher using  tools outside the LMS. I'm a more advanced blogger than most of my students, but every semester there are also students who are way ahead of me with technology and get me to up my game. The work I did with Twine this semester is the result of Twine experiments by students in the class last year for example (see my latest: Twine in Canvas!).

 

So, I've always been doing colearning and connected learning in my classes. What's different about this colearning experiment where I am a student in the class is the range of new kinds of connections I can make with the students because I am spending my time different this semester. Admittedly, I am not doing as much content creation as I normally do... but I've created so much content for my classes that, honestly, I'm not really in need of new content right now. Creating my own class blog side by side, week by week, with the students is turning out to be a really good way to use my time instead. I am excited for what the next 10 weeks will bring! :-)

 

(for the interactive version, go to Erin's blog or my blog)

 

Path to Genius graphic

This morning I wrote up a bunch of Tech Tips for my students about using Twine to create interactive, non-linear stories that they could publish in their blog posts or webpages... and then of course I got curious about whether it would work in Canvas. And glory hallelujah, Twine works PERFECTLY in Canvas. So, I thought I would write up a quick step-by-step guide. To get a sense of the result, here's a story I wrote earlier this semester: The Mouse-Bride (for notes about that story, see where I included it in my class project here: Chain Tales Portfolio).

 

THE MOUSE-BRIDE: Choose-Your-Own-Adventure in Canvas

 

screenshot of twine game in canvas

 

Here's a step by step of how to get started with Twine and then publish your Twine file in Canvas:

 

1. Create a simple story. I've got a step by step guide here for my students. You can find lots more information about creating Twine stories at the Twinery.org site.

 

2. Download the HTML file. In the lower right-hand corner of the Twine editing screen, there is an up-arrow that pops open a menu. Choose "Publish to File".

 

3. Upload HTML to Files in Canvas. Now just upload the file to the Files are in Canvas. Honestly, that's all you have to do! Your Twine game is right there, ready to play!

 

4. Embed the File. If you want to give the game some context, though, you should take one more step and embed the File in a Canvas Page. To do that, you just need this iframe snippet:

 

<iframe src="https://___/courses/___/files/___/download" width="100%" height="600"></iframe>

 

Fill in the blanks with your Canvas domain, course number, and file number, and adjust the width and height if you want. Create your Page, and then just type TWINE where you want to embed the file; switch to the HTML editor, and replace where you typed the word TWINE with the iframe snippet. You're done!

 

So........... go wild, people! You could have your students build their own stories, or you could do that collaboratively, working with post-it notes on the wall, and then transferring that to a Twine file.

 

I had so much fun building my Mouse-Bride story. Here's a screenshot of my Twine editing board; this is the most complex story I have ever done. :-)

 

twine storytelling board

 

Happy storytelling........!!!