Using Google Drive as a file server

Have you ever been in a situation where you need to host several files on the Web? Did you need for those files to have a dedicated URL? Personally, I have had few situations where this was the case, but today I encountered a learning activity that required students to quickly upload images they just captured so they could add them to a Google Map. After some searching around, I found that the Google Drive hosting API is perfect for this sort of thing. Here is what I did ...

Create Drive Folders

The first thing I had to do was create a set of Google Drive folders for students to put the images they just captured. For this activity, students were running around our university taking pictures of some of the landmarks. They were then going to use these images to create an interactive map of the campus with the My Places tool in Google Maps. I created several folders in a Google account I use only for this class. My TA's and I connected a class set of iPads to this account so the students could load their images directly into Drive, which is what they did as soon as they got back to the classroom.

An important step in this process is to set the permissions for the folders to Public. You can do this directly through Drive. You will find the folder, right-click and choose Get Link.

You will then need to change the permissions. Google has a great explanation for how to do that right here.

Set Up the Hosted Site

This part is actually much easier than you might think. The first thing you need to do is grab this little URL:

http://googledrive.com/host/<folderID>/

Not sure where to find the folderID? I discuss it in this post. The URL will end up looking something like this:

http://googledrive.com/host/0B5YVN51uO5e_WGtSc2tBDB2bUk/ (don't worry, it doesn't work)

Google will add some characters to this URL as soon as you hit enter, but don't worry. It will work just fine. Here is an example of the files my students uploaded today. Once students have found the image they need for their project, they will need to copy the URL so they can paste it (above).

Note: The only files that will show up in the hosted folder are image, video, document (Word, PDF, etc.), and HTML (and other web-authoring files). Google Docs, Slides, Sheets and Drawing files will NOT show up in the hosted folder.

In my case, the students were pasting these URLs into a Google Map placemark so their images would show up when the placemark was clicked. Several of them held the iPad the wrong way, so their images are sideways. (Sigh.) Here is the map we created in class.

So, that's it. Students can take images, quickly upload them to a Google Drive folder, and they are instantly hosted on the Web with a dedicated URL. No logging in, no FTP, clunky photo albums. Just my files and their URLs. I don't think I will need this functionality all that often, but it sure will be handy when I do.

Update on embedding Google Drive folders

As I have written about before, embedding Google Drive folders is a great way to manage content on your LMS. Rather than logging in, uploading, and waiting, you simply copy files into a folder on your computer, and they magically show up in your LMS for students to view.The only drawback was that last year Google blocked iFrame embedding on all Google Drive folders and Google Sites pages.

Thankfully, Wes Fryer posted about this same thing and I was able to get back on track using the following code.

List view <iframe src="https://drive.google.com/embeddedfolderview?id=FOLDER-ID#list" width="800" height="600" frameborder="0"></iframe> Grid view <iframe src="https://drive.google.com/embeddedfolderview?id=FOLDER-ID#grid" width="800" height="600" frameborder="0"></iframe>

Finding the Folder ID can be a pain, especially if you are trying to embed a folder within a folder within a folder. I tend to create folders for everything, so I have to make sure I use the correct Folder ID. For example, here is the URL for one of my folders that is nested 4 folders deep. I have color-coded each level of the URL (which has been slightly altered to keep the folder private).

https://drive.google.com/drive/u/0/#folders/0B5YVN51uO5e_ZHZlc3Zxd09pU3M/0B5YVN51uO5e_VlhYN1Q3MVoydjA/0B5YVN51uO5e_ei1aYmdFcW9EUWc/0B5YVN51uO5e_TFJkYzFhZ0ltbWs

The last sting of characters is for the folder I actually want to embed. I just need to copy that code and paste into the URL above where it says FOLDER-ID, like I did below:

<iframe src="https://drive.google.com/embeddedfolderview?id=0B5YVN51uO5e_TFJkYzFhZ0ltbWs#grid" width="800" height="600" frameborder="0"></iframe>

You can always change the width and height to make the folder fit the space on your page. The process is pretty simple, and once you have done it a few times, it's actually quite easy. Good luck!

Are You a Technology Ninja or Samurai?

I will start by stating the obvious: There is a HUGE difference between learning to use technology for yourself and using it effectively in the student learning process. Both applications of technology have specific skill sets, they inform each other, and they are both important. In the educational technology world, you might see this dichotomy through various lenses: digital media literacy, TPACK, SAMR, or some other framework you're fond of presenting at conferences.

My awareness of the massive difference between these technology applications came when I began encouraging the students in my large, 100-person education course to bring their laptops, tablets, and phones. OK, I don't have to actually encourage college students to bring their phones to class. Pry them out of their hands? That's more like it. Anyway, once I began infusing my class with activities that require technology, I realized I am not as good as teaching with it as I thought I was. Yes, I knew how to do some cool things to present information to my class, but when it came to using technology in real time with 100 students in a way that kept them active and engaged, I had a lot to learn. This is when I decided I was a pretty good Technology Ninja, but I had a long way to go until I was a Technology Samurai.

What do these two terms mean? Let me explain.

Technology Ninja

Ninja were covert agents who specialized in espionage, assassination, sabotage, and infiltration. They were skilled at disguising themselves as servants, camouflaging themselves with trees and other objects, and scaling the walls of buildings like Spider-Man. Their objective was to infiltrate enemy dwellings without being seen. In fact, there is probably a ninja in your pantry right now, scooping out your peanut butter with a Chinese Throwing Star.

As a Technology Ninja, I have gotten really good at using technology in ways that my students hardly know it's there. My most recent set of posts about Outsmarting the LMS is a good illustration of ways to be a Technology Ninja. You can embed documents and web pages, install scripts, and set up forms to make your job easier, and the people actually using these tools have no idea about the magic you have worked on the back end. They just know it works.

While these ninjutsu techniques save me a lot of time and energy in the long run, they do very little to influence the lived experience of my class meetings. Most of the work is done in the background, usually in the form of tinkering, testing, and modifying. It wasn't until I told my entire class of 100+ students that I wanted them to bring their devices to class that I realized these skills were not sufficient for me to reach the level of technology greatness I have always aspired to achieve.

Technology Samurai

When I first began thinking through these ideas, I wrote this out as SAMRi. Get it? SAMR with a lower-case i, like Apple does, only at the end of the word instead of the beginning. Because I am aiming for the R (redefinition) in SAMR, and after I achieve the R in my technology integration skills/knowledge, then I will be a technology SAMRi! Uh ... yeah. Anything that needs that much explanation is not as clever as I initially thought it was. Also, SAMRi would direct a lot of traffic to my blog by people looking for Saudi Arabian folk music.

So, what is a Technology Samurai? The traditional samurai were an elite class of noble Japanese warriors, dedicated to protecting their culture, leaders, and territory. Unlike those stealth and sneaky ninjas, they were skilled at hand-to-hand combat and infantry tactics. Their weapons of choice were swords, kama, longbows, daggers, and armor. They were skilled horsemen, and they were also known to use rifles and cannons in the latter years of their existence. Samurai were also governed by a strict honor code, characterized by discipline and loyalty. In a word, they were fearless.

You know what else is fearless? Telling your class to BYOD. Unless you have thought through the details of your activity, you will have students knee deep in Pinterest or Facebook before you can say, "OK, let me just try one more thing to get this to work." Students love technology, but not in the way nerds like me think they love it. They love that technology connects them to the things they love.

So, after having done this for a semester, I have started coming up with a few essential skills that every Technology Samurai must master. These skills/tools are focused primarily on teaching in a BYOD or 1:1 environment. I will address being a Technology Samurai in the areas of digital media projects, collaboration, research, etc. in the coming weeks.

Sync your class

You must have a way to get every student in the same place and keep them there. Your class LMS page won't work. Neither will a Facebook group or Schoology or Edmodo. Why? There are too many other features to look at. Grades, assignments, forums, friends. Too many distractors. You need to keep them all in the same place at once. I recommend a tool like Apollo or Top Hat. If all of your students are on iPads, you may consider NearPod. Each of these tools has something in common: they put your content on every screen in the room at the same time. Yes, students can stray away, but not as much as you might think.

Reduce Friction

This is something that took me awhile to figure out. Personally, I do not like logging in to things. I would much rather log in once and then have the tool remember me. Google, Facebook, Pinterest, Twitter .... they are great at this. My school's LMS? It's like Guy Pearce in Memento every time I close the browser window. Whenever possible, I try to minimize the number of times students have to log in to do class activities. Once is ideal, twice is acceptable, three times is just getting to be plain annoying.

Collect student responses

In addition to getting all of the students in one place, virtually speaking, you want to keep them engaged. A good way to do this is to involve them in activities that make them think then require a response. There are several tools that will let you do this. Apollo and Top Hat have built-in student response features. Socrative and Infuselearning provide another way for students to respond, and they do not have to set up an account to do it. They just enter the class code, and they automatically receive a prompt every time the teacher posts a question.

Deploy links

Another important tool to have in your arsenal if you are going to teach like a samurai is to be able to deploy links to the class. By deploy links, I mean send the student out from your synced content to other content (videos, web pages, forms, etc.). Apps like Apollo and Infuselearning have a built-in link tool that will send a URL to every student logged into your class page or presentation. This is really handy if you want students to spend a few minutes reading and discussing an article, blog post, video, or image. You can also send the students to an editable Google Doc, Sheet, or Presentation if you want to give them a place to discuss or share ideas.

An acceptable alternative to sending links to students is using a URL shortening tool, like bit.ly or goo.gl. Just remember to use a serif font so the students can tell the different between capital I and lower-case L. You may also want to consider if this is appropriate based on the size of the room and projection system, the age of the students, and number of times you are having them key in shortened URLs. If you have a bunch of these on the board, it may get confusing to the students.

Facilitate group work

Another skill to master as a Technology Samurai is to keep students engaged in group activities with their computers. I mean, the students have lugged their computers to class and followed along up to this point, so why not do some things with computers that computers are uniquely good at doing. Maybe that involves editing the same document at the same time, or adding slides to a common presentation. You can have them pin and explain places on a map.  Annotate or draw images using the drawing quiz tool in Apollo or Infuselearning. Create a 5-picture story, or capture a 30-second explanation on Educreations. I'm not trying to exhaust the possibilities here. If you went to the trouble to have the students bring their computers to class (or went to the extreme trouble of providing a device for every student in the school), then leverage the capabilities of a computer. Don't use it like a pencil then complain that students just want to look at Pinterest.

Showcase the students

Now that you have had the students doing some activities on the computer during class, showcase their work. Display their annotations and diagrams. Flip through the presentation and let each group present their page. Show the 5-pic stories and see if the students can guess the topic. Watch the 30-second explanations. This part of the BYOD learning environment is more than the payoff. It's the point in the lesson in which you communicate to your students whether you, as the chief learner in the room, value this activity as a real learning endeavor or just a hi-tech time filler. If you truly value the work they are doing, then devote time to acknowledging, praising, critiquing, and sharing the fruits of their labor. If you blow past the showcase, don't be surprised if the students show less enthusiasm and engagement the next time around.

You should strive to be both a ninja and a samurai. A samja. A ninjurai. A SAMuRinja. Both skill sets are important for teachers these days, for different reasons. One will keep you learning, the other will help you focus on student learning. The way of the ninja and samurai is not easy. They involve risk, uncertainty, failures, faith, persistence, patience, creativity, and problem solving. There is great cost in becoming a lifelong learner, but it's not nearly as costly as settling in and ceasing to grow and develop as a teacher.

So, what are your examples of being a Technology Ninja or Samurai? I will follow up on this, and I would love to hear your ideas.

Outsmarting the LMS: Creating a DIY Learning Module

Everyone is talking about the "flipped classroom." I just attended a conference where this term was used approximately 57 times every hour for 4 days. My first response to this term was positive when I heard it a few years ago.  The flipped classroom is a teaching approach where teachers provide resources for students to build their background knowledge outside of class and use class time on activities that leverage face-to-face interaction, such as discussion, group problem-solving, and collaboration. This contrasts with the "traditional" model, where instructors spend class time transmitting information, and then require students to engage in the aforementioned higher-level learning tasks on their own outside of class. This concept has so much curb appeal because students, generally speaking, don't like lectures, and instructors don't really like the behaviors associated with lecturing (e.g., falling asleep, playing on phones, doing homework for other classes). Once you strip away the buzz words, the descriptions of "kids these days and their mobile computer thingies," and a mish-mash of learning theories, you realize the basic premise is the same model teachers have used for years. My teachers assigned reading outside of class, my coaches required me to lift weights and do endurance runs (yes, I'm a runner) on my own, and my music teachers expected me to practice my part so that group rehearsals were about dynamics, tempo, and other music terms I can't seem to recall. The difference, of course, is that technological innovations have changed the variety and delivery method of learning materials being pushed to students before they come to class. Teachers can compile videos, readings, simulations, quizzes, games, and other media to communicate the same concepts that were traditionally transmitted in class via lecture.

There are many tools on the web that help an instructor facilitate a flipped lesson. EdPuzzle, eduCanon, and Ted-Ed come to mind. Each of these tools has its unique affordances, but they require students to have an account and to sign in. What if you want to avoid that part and skip straight to the learning module? This is where Google Drive comes in. I will briefly demonstrate how to build a DIY learning module with Google tools and add-ons.

Step 1: Create a Google Form

Google Forms is an excellent tool for creating web-based surveys. Users can add a variety of questions, from simple text to a grid. There are also some simple media and layout tools, such as adding images and video, page breaks and section headers. These are all great tools if you want to manage the flow of the survey. Google has created some excellent tutorials on how to create and use their forms. Below is an example of one of my forms I created a for a learning module in my college. The videos were created by a state agency for the purposes of a required training that is no longer supported by said agency. In other words, they gave us the videos and want us to handle the training in-house.

Step 2: Set up the spreadsheet

The results from this form will automatically feed into a Google Spreadsheet. This is a great way to keep track of who has completed the training, but by itself a spreadsheet is not very useful for grading the quiz. Using a simple script for Google Sheets called Flubaroo, you can create a key and automatically grade the results. The scored quizzes are put in a new sheet within the spreadsheet, and it will also e-mail the results to each student, if you choose that option. I have the spreadsheet set up so I am notified every time there is a change. Here is a example of a graded quiz.

Step 3: Create a certificate of completion

In my case, the students and faculty who complete this training need a certificate. The state agency used to do this automatically through their training module, but now we have to do it. Since there are so many people completing this training, I needed a tool to automate most of the process. My tool of choice is the Google Docs add-on Merge by MailChimp. To do this, you first add the add-on to your Drive account. You then create a merge template, like the one below:

Next, you open the Merge by MailChimp panel.

You will need to do some clicking to merge your two documents by:

1. Choosing the spreadsheet you will use as your data source
2. Choosing the sheet from within your spreadsheet
3. Identifying the header row (which will determine the names of the merge tags)
4. Identifying the column with e-mail addresses, where the merged documents will be sent

You will also need to add merge fields to the document, which will pull data from the spreadsheet and input it into the template. You do this from the Merge Tags section in the MailChimp panel by simply placing the cursor in the document where you want the merge tag and clicking  the merge tag in the panel.

The form that is mailed to each person in your spread sheet will look something like the screenshot below. Notice, the person's e-mail client may strip out some of the formatting, such as fonts or colors. The details at the bottom of the merged document were added from the Email Info tab in the MailChimp panel. Also, the merge fields in the actual e-mail will not have brackets.

And there you have it. Yes, it is pretty involved, but not much more than doing the same thing through SoftChalk or iSpring or any other eLearning tool, and it is totally FREE! This method could be used to give students survey or test results with feedback, digital badges, or progress reports. I should add one final word, which is that there will be some tinkering along the way. Each tool I presented here has a learning curve, and unless you have used mail merge in MS Word before, this will take some patience and repetition. Coming from someone who has done this using just about every possible method and tool, this process is pretty slick once you get used to it.

So, what tools do you use for this type of learning object? Is there a step I am missing or an easier way to do this? Let me hear from you.

Outsmarting the LMS: Download Links for Google Docs

As I have stated before, embedding a Google Doc in your LMS is infinitely more efficient than yo-yoing documents up and down from the server every time you must edit the document. You paste the embed code one time, make a couple of minor modifications, and every edit from that point on is made directly to the Google Doc. It really is that simple. The main downside to this method is that students have a hard time printing the document. Remember printing? Paper? That strange material formed from mushed up trees that can tear, slice your finger and never seems to run out of battery? Yes, many students still like to use it, and unfortunately the method I described in my previous post does not lend itself to printing at all. In fact, it is quite frustrating for the students, not to mention wasteful. Basically, your browser will print the entire web page as it displays on the screen, not just the document.

So, how does an instructor address this? Well, you could always upload a PDF or Word version of the document to the LMS that students can download and print. But wait? Doesn't that put you back in the same dilemma of uploading a new version of the document every time you make a change to the Google Doc. That actually seems like DOUBLE the amount of work!

Wouldn't it be great if you could create a link for students that lets them download the most recent version of the document in a format that is easy to print? Thankfully it is possible, and I will show you how.

Step 1: Locate the Document ID

Each file hosted in Google Drive is given a unique (ungodly) ID, which can be found in the URL of the file. See the example below:

Step 2: Create a download link on the document

You will need to create a link on the document that students can click to download a print-friendly version. I put the link at the top of the document because students ... well, many of them aren't fond of scrolling. Here is an example of the download link. I tend to type the text first, then I add the URL next.

Step 3: Add download URL to the link

Now that you have a link for students to click, you need to add a URL that will prompt the browser to download the most recent version of the document. This URL will vary based on the type of Google file you are working with (e.g., spreadsheet, document, drawing, presentation). The code for each type of URL is below:

• Google Document : https://docs.google.com/document/d/[FILE_ID]/export?format=[FORMAT]
  • FORMAT : docx, odt, rtf, pdf, txt, html
• Google Presentation : https://docs.google.com/presentation/d/[FILE_ID]/export?format=[FORMAT] 
  • FORMAT : pptx, pdf, svg, png, jpg
• Google Drawings : https://docs.google.com/drawings/d/[FILE_ID]/export?format=[FORMAT]
  • FORMAT : pdf, svg, png, jpg

You will modify the text in bold to fit your particular situation. For example, if I want students to download a PDF of my example document, the URL would be:

• https://docs.google.com/document/d/1Srfb6GX2SqTyMqioS81a-aK88EHUNIExGMap5BYxu6s/export?format=pdf

In case you are new to this, here is how you add the URL to the download link you created:

This may seem like a lot of steps, but it is pretty easy once you have done a couple of them. As always, you only have to do this once for every document, and the link the link and document ID will stay the same. Let me know if you have any other helpful tricks for embedding Google Docs in your LMS, and happy coding!

Outsmarting the LMS: Embedding Google Docs

I generally love all things Web-related: social media, digital media, coding, learning management systems. You name it. But there are two things I absolutely hate and will avoid whenever possible. Uploading and logging in. I hate them both. They use up valuable time. They're obnoxious. So, I'm left with two options. I can either bite the bullet and just put up with both of those feudal tasks, or I can find a way around it.

Obviously, I chose the second option.

I have been doing this for a few years now, and it really has saved me a lot of time and frustration. This is why I would like to pass on the golden nugget known as embedding Google Docs in your LMS.

Step One: Convert to Google Docs

Before you can embed a Google Doc in your course shell, you have to have a Google Doc to embed. Most of the docs I  use in my class (e.g., assignment descriptions, syllabi, tutorials and FAQs) originally existed as Word docs. Google makes it really easy to convert Word docs into Google Docs. You simply to go your Google Drive, click upload, and choose to convert the document (see below)

In the event you want to create a Google Doc from scratch, you can read this help document directly from Google. They've already done the work so I don't have to!

Step 2: Grab the Code

After you have created your Google Doc, you will need to grab the HTML code to add to eCollege. You can see this process in the images below:

Step 3: Paste and Modify the Code

Now that you have the code in your clipboard, you need to go to the page in your LMS where you want to embed the Google Doc. The following screenshots are taken in eCollege, but there is probably a similar feature in all LMS products.

Notice the extra code I added to the original iFrame code in order to make sure the entire document displays in the LMS. If you do not add the width and height code, it will show up as a small box on the LMS page you created. The width should always be 100%, but the height may vary to ensure the whole document will fit in the frame without extra scrolling.  The end result looks like this below:

The beauty of this technique is that when I make a change to the Google Doc, it immediately shows up in eCollege! No uploading and replacing old documents each semester. When I copy my course shell each semester, the HTML is still there so I only have to modify the original Google Doc. I don't think I will ever go back! So, give this a try and see how it works for you. You can also watch an archive of this Google Hangout where I showed this technique to some colleagues. Good luck!

Outsmarting the LMS: Creating Drag and Drop Folders

Update! Since posting this several months ago, Google has disabled embedding a Google Site. It's nice to know my Technology Ninja skills are being noticed (which is the exact opposite of what a ninja actually wants to do). I will leave this tutorial in case Google decides to start playing nice again.

Software developers must have a really distorted view of how professors use their time. Maybe they think we teach a few times per week and spend the rest of our time playing golf or drinking coffee while we complain about students. Maybe they think we enjoy spending hours each semester staring at progress bars while our files upload. Who knows. What I do know is that over the last 10+ years in higher education, I have developed a love/hate relationship with every LMS I have been forced to use. I love them because it is the best way to communicate with my students. When they want to know something, this is where they look first. I can post grades quickly, give feedback on their work, and create a safe place to share information.

I also hate the LMS because most of them are outdated, not very attractive (though that is not really such a big deal), and require redundant work from semester to semester. My goal the last few years has been to outsmart the LMS and find ways to work efficiently despite its limitations. I will spread these ideas out over several posts, which may take me several weeks to work through. The first topic I would like to address is creating drag-n-drop folders for documents and other media.

Step One: Creating Folders in Google Drive

The first step is to download and install the Google Drive desktop app. This is a pretty easy step, and the program runs unnoticeably on your computer. Once you have this installed, it will sync your Google Drive from the cloud to your computer. Anything you create from the computer (folders, files, etc.) will also be instantly synced to the cloud. I like to stay organized, so I created folders for each class, and then created folders within each class folder for the different things I would be sharing with students. This includes assigned readings, PPT files, assignment descriptions, etc. I already had some of my files ready for the new semester, so I copied them into the appropriate folders.

Step Two: Embed Folders into Google Sites

This is the step that might be a deal breaker for some people. As you may know, you can share a Google Drive folder with anyone with the link, which is a pretty handy feature when you want to share a bunch of stuff that might exceed the e-mail attachment limit. Unfortunately, Google has blocked the folder view in Drive from being embedded using the iframe tag in HTML. If you do this, you will be met with a blank box in the middle of your webpage. The only way to embed dynamic content from a Google Drive folder is to embed it in a Google Sites page. Sites has a widget for embedding an entire folder. So, for every folder you want to share with students, you will have to create a webpage for that folder. In order to keep myself organized, I structured the Google Site exactly like the folders in Google Drive. For example, I created a page for each class, then I made a page under that page for each folder I want to share. This took some time, but I should only have to do this once. I can always make more pages and folders, but the basic structure is there.

Step Three: Embed the Google Sites Pages

The final step is pretty straight forward. You do not need to know a lot of HTML to embed the Google Sites pages into your LMS. My institution uses Pearson LearningStudio, which allows me to directly edit the HTML. First, I created a tab, or Unit as they call it, for each folder. I then used the following code to embed the webpage on that tab:

<iframe src="http://www.somepage.com" width="100%" height="1000"></iframe>

You may need to adjust the settings of your Google Sites page so the embedded folder will stand out, but that is an easy fix. It should look something like this:

The beauty of this system is two-fold. First, any time I want to add or delete files from a folder, I just do it from the Google Drive folder on my computer and the changes are immediately synced anywhere the folder is embedded. I can also edit files and the changes are immediately synced. Second, this code is preserved anytime I copy a course to a new semester. So, I only have to do this once and all of my content follows.

What hacks have you come up with to make the LMS easier to deal with? I would love to hear your ideas.