Google into Moodle

About a year ago, I shifted my course syllabi to Google Docs as a strategy for more nimbly handling the inevitable hiccups and improvisational changes to scheduled meetings during the semester: snow days; opportunistic class visits by colleagues and other scholars; newly published research addressing course topics; etc..  As a result, any updates to syllabi are immediately available to students and other course participants.  You can read more about this here.

For similar reasons, I’ve since shifted to using Google Docs for all of my lab and other assignment instructions.  Whenever I correct a typo or tweak an assignment parameter, the changes are rendered in real time, and I don’t have to convert the doc into a PDF, upload to Moodle, and delete or replace the old version.  Fewer steps, fewer keystrokes, fewer headaches. Huzzah.

I might even consider shifting my courses entirely to Google Drive – for example, check out Ari Rotramel’s approach – but I’m a huge fan of Moodle’s online submission tools, gradebook, and quickmail features; I find all indispensable to my pursuit of less paperwork, less email, and a streamlined workflow during the semester.  But Google Drive and Moodle can happily play together.  Links to Google Docs, Sheets, and Maps are easily curated on Moodle with other course content and, when properly framed, all of these apps facilitate and enhance student collaborations in ways that are seldom afforded by other software.

Recently, in a moment of glorious nerdiness, I figured out how to take this simpatico relationship one step further, or how to display the contents of a Google Doc in Moodle.  My simple goal was to have my Google Doc syllabus display – not as a link but, rather, the actual contents – near the top of a course Moodle page.  In effect, the syllabus becomes the digital center of all digital content and workflow while retaining its autonomy as a document that can be shared with colleagues or added to a tenure or promotion file.

The path to embedding the Google Doc into Moodle is not overly complicated, but it does require a dive into various menu commands and a minor tweak to some HTML code provided by Google.  For those who take the plunge, here’s a brief video tutorial as well as some step-by-step instructions and notes:

  1. Open up your Google Doc in one tab of your browser and your course Moodle page in another.
  2. Make sure that your Google Doc is shared or, at minimum, viewable by anyone who has the link.
  3. In your Google Doc app, select “File” from the menu bar, and then select “Publish to the web”.  (Make sure you’re selecting from the menu in the Google Docs app and not the upper menu bar that belongs to your browser.)
  4. Click on the “Embed” tab in the window that opens and copy the link. If no code is displayed, press the blue “Publish” button. Copy the code, and then close this window with the “X” in the upper right.
  5. In Moodle, turn editing on, and then select “Edit topic” for one of the major topic sections of your Moodle page.
  6. You might name this section “Syllabus”.
  7. In the Summary box below, select the “<>” button which allows you to edit the HTML source code.
  8. Paste the code you copied from Google.  

Some tips and code for making more screen real estate, making the document editable in Moodle, and for loading up on bookmarked pages in the embedded Google Doc below.

Advertisements

4 thoughts on “Google into Moodle

  1. reblack April 10, 2017 / 9:24 am

    At last, your secrets revealed! Thanks for this post. It is very helpful in a practical way. I had a link to my syllabus on Google Docs but I always wondered how to imbed it directly into Moodle. This will save a lot of work and make for a better student experience.

  2. Christine Chung August 23, 2017 / 8:47 am

    Look at you, A. Graesch! A coder after all. (The “glorious nerdiness” part was always clear though.)

    • Christine Chung August 23, 2017 / 8:48 am

      Seriously, though. Thanks for the helpful tips!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s