Getting Pics From Drive to Blogger, on a Chromebook

If you’ve ever tried to get pictures from your Google Drive to your (Google-owned) Blogger blog, you know that it can be a hassle. All the Google apps seem to play well together, except Blogger.

But on a Chromebook, it’s super-easy.

On the New/Edit Post page click the Insert Image icon.

photo 1

Then make sure you’re on Upload and click Choose Files.

photo 2

Make sure Google Drive is selected on the left, and you’ve got easy access to your entire Drive. You can even get to the Shared With Me (Incoming) and Recent sections.

photo 3

Find your picture, select it, click Open, select it after it loads, and click Add Selected.

With a Chromebook, it treats your Google Drive just like it’s your own hard drive. So anywhere online where you can upload a file/image, the Chromebook allows you to easily pull directly from your Google Drive.

One Space or Two?

origin_2593463316In high school, when I learned to type, I was told that a period (or any punctuation) at the end of a sentence MUST be followed by exactly two spaces. Ten years later when I was writing curriculum units for publication I was told that a period (or any punctuation) at the end of a sentence MUST be followed by exactly one space. What happened?

The Abreviated Story:

First there were books…

Variable space typing has been part of printing for, well, basically forever. This meant that not all letters were the same width. A lower-case i didn’t take up as much space as a lower-case m, and making spaces of different sizes was easy. And at the end of a sentence a slightly longer space (though not as big as two spaces) was generally used.

Then came the typewriter…

origin_12149305295When most of us learned to type (or when our teachers learned to type) we learned on typewriters. Typerwriters are great, but they have an important limitation: every character has exactly the same width. Sentences look like this.  The i and the m were the same width. To add some extra clarity to the end of sentence, an extra space was added; so we all used two spaces.

Then came computers…

Then with affordable computers, the average person at home had access to variable space typing, letters and spaces of different widths; the computer took care of this automatically. Since then, the push for two spaces has been less common; many have gone back to one space. What do the style guides say now?

  • US Government Printing Office: One space between sentences.
  • Oxford Style Manual: One space between sentences.
  • Chicago Manual of Style: One space between sentences.
  • Modern Language Association (MLA): One space between sentences.
  • American Psychological Association (APA): Two spaces between sentences, for draft manuscripts. One space between sentences for published or final versions.
  • Style Manual for Political Science: One space between sentences.
  • Associated Press Stylebook: One space between sentences.

Oh, and now the Internet…

If you’re writing something that will end up on a webpage (like this blog post), it doesn’t matter what you do. HTML is programmed to ignore multiple spaces. No matter how many you put; one, two, three, four; it will be rendered as only one. Sorry. (That means in the “typewriter” text above I had to dig into the code to get the HTML to create a second space.)

What should we teach our students?

One space.


 

If you’re interested in longer versions of the history of sentence spacing you can find them here and here. For more specifics on what the style guides say about sentence spacing, that’s here.

photo credit 1: Cybjorg via photopin cc
photo credit 2: Marinw. via photopin cc

Embedding a PDF From Drive into a Blog

Embedding PDFs in a blog can be a great way to share information, especially with parents and the community. These days Google Drive makes this easy: when you’re viewing a PDF you can easily get the embed code and drop it into you blog. But, the code includes a preview pane and no options for zooming, so it’s not idea. The default Google Drive PDF embed code ends up creating this:

Getting the embed code is easy, but the result is in no way ideal. In fact you’ll notice that most of the first page of the PDF you can’t even see. Fortunately, there’s a better way. It take a little code (really, just a little), but it’s very doable.

The embed code Drive gives you looks like this (it’s what I used above):

<iframe src="https://docs.google.com/a/bpsk12.org/file/d/0B3xoQi_oa7_hU2J5S1RQbFdqS3c/preview" width="580" height="480"></iframe>

What we need to do though, is to use this code instead (it’s way better, for lots of reasons):

<iframe src="https://docs.google.com/viewer?srcid=[put your file id here]&pid=explorer&efh=false&a=v&chrome=false&embedded=true" width="580px" height="480px"></iframe>

I know, the code looks a little intimidating, but most if it we can ignore.

There are only three things in the code we need to worry about:

  1. The file id.
  2. The height of the frame.
  3. The width of the frame.

The file ID for your PDF (one that is already in Google Drive) can be found in the PDFs web address. When you open a PDF, it’s the garbage-looking piece of the URL (it will be between forward-slashes, “/”).

The file ID is highlighted in yellow.

The file ID is highlighted in yellow.

In this case it’s the 0B3xoQi_oa7_hU2J5S1RQbFdqS3c

That id will need to be placed into the code in place of the “[insert your file id here]”. Make sure to get rid of the square brackets in the sample code.

Height and width are exactly that, height and width. You can change these numbers (they’re measured in pixels) to change the size of the frame that you’re PDF is enclosed in.

And what does it look like? If we take this code (notice that I’ve inserted my file ID)

<iframe src="https://docs.google.com/viewer?srcid=0B3xoQi_oa7_hU2J5S1RQbFdqS3c&pid=explorer&efh=false&a=v&chrome=false&embedded=true" width="580px" height="480px"></iframe>

and put it into a blog (remember, when you’re embedding html code you have to use the HTML window of the editor, not the Compose window), you get this:

This is so much better. It zooms out so that the PDF is displayed page-width. There’s no preview pane. You can scroll down if there are multiple pages. There are zoom options if you want to zoom in. All the things we want when we embed a PDF.

A little code, and all the sudden that PDF becomes so much more user-friendly. But don’t forget, in Drive if you’re embedding a PDF you need to make the file public first, otherwise it won’t embed correctly. 

Note: I didn’t put this code together myself. I found it on a Google forum post here, from 2013, from user Yajeng.

iMovie Trailers and Coloring Books

iMovie-2.0-for-iOS-app-icon-smalliMovie on the iPad is pretty awesome. And the Trailer function is a great starting point (you can find my iMovieTrailer storyboards here). But remember, it’s just that – it’s just a starting point. Most of the teachers I know who have used it for a student project come away from the experience saying, “that was great, but now that I get it I wish it could do more.” Fortunately, you can.

photo (2)

You see, the Trailer function is a lot like a coloring book; all you can do is color in the lines. Sure, you can assign a project to your students using the Trailers and they’ll all come out different, but they’ll also all kind of be the same. It’s like a coloring book: each kid can use different colors, but they all kind of end up with the same picture.

So use the Trailers, and then grow out of them. Start using the Movie function. Start drawing with a blank piece of paper. There’s so much more you can do.

And here’s a generic iMovie Movie storyboard. I think it’s a good idea to have students do some planning before they get a camera in their hands.

Why I Always Follow [my students] Back

ios_homescreen_iconThe first time it happened it was kind of alarming. I had been using my Twitter account to share ideas with other technology-minded educators when two of my former third graders (then in sixth grade) started following me. At first I wasn’t sure how I felt about it. Granted I am the kind of educator who shares the appropriate parts of my personal life with my students, but being followed by former students now in another school seemed different.

About the same time, I heard Greg Kulowic of EdTechTeacher talk about his similar experiences with his high school students. I came away in agreement that the things I post on my Twitter account (which is public) are not scandalous and are the kinds of things I’d share with my students anyway, so there’s no harm in them reading my tweets. I don’t tweet things I wouldn’t want my grandparents or boss or students to read.

But to follow back?

After some back and forth, I decided to follow my students back. In the end I saw it as them experimenting with a new technology, and having a trusted educator keeping an eye out for them isn’t a bad thing. These days, our students are using a lot of technologies their parents may not understand so if we can have other caring adults help them navigate these technologies, that’s a good thing. And it soon paid off for one of them. origin_8484119632

A few months later one of my former students’ Twitter accounts was hacked and started sending out spammy direct messages. I tweeted her to let her know she needed to change her password. She responded that she had, but that the messages kept sending and that she didn’t know what to do; she needed help – at 7pm on a Tuesday evening. So me in my kitchen and my former student (not sure where) worked together on how disable all the apps that she’d given access to her Twitter account and then add back only the trusted ones. Ten minutes Later: crisis averted.

Kevin Honeycutt talks about our students being on a digital playground where there is no one on recess duty. He’s absolutely right; our students need us to be a part of their online lives.

We need to be at recess with our students, showing them how to play safely and helping them if they get into trouble.

Note: Instagram is a a bit of a sticky wicket for me since most of my students (current and former) are under the age of 13, the age Instagram requires for an account. But at the end of the day, Instagram still part of that digital playground.

photo credit: kjetikor via photopin cc

Embedding a Video in Blogger (without YouTube)

UPDATE: Currently (10/31/2014) this does not work in the new Google Drive. The new Drive won’t allow you to open a video in the Google Drive viewer. You’ll need to revert back to the old Google Drive to get the embed code (Step 2 below). To get back the old Drive, click on the gear icon in the upper right corner of the Drive screen and select “Leave the new Drive.”

More and more teachers these days are blogging as a way to communicate with parents and the community about what they are up to. And more and more teachers are using handheld devices (smartphones and tablets) to record what happens in their classroom. Embedding from YouTube is a great way to share videos, but what if you don’t want to (or can’t) use YouTube? There’s another way:

You’ll need to:

  1. Store the video in Google Drive
  2. Get the embed code
  3. Embed the video in Blogger

Step 1: Storing a Video in Google Drive

Storing videos to share in your Google Drive is all well and good, but you have to make sure you don’t (ever, ever) delete them or they’ll disappear from your blog. Because of this, I suggest creating a folder for blog files. Be sure to set the Sharing settings so others can see the contents of that folder.

How? Once you’ve created your blog folder, select it and click the sharing button.

Select your blog folder, and change the sharing settings.

Change the privacy settings for the folder.

Change the privacy settings for the folder.

Select “Anyone with the link” and save.

Screen_Shot_2014-01-30_at_1_58_42_PM-2

Now anythings that goes in this folder will be available for anyone on the web to see (if they have a direct link; they won’t be able to search for it). And since everything for you blog is going to be stored in a folder together you don’t have to worry about accidentally deleting something.

Step 2: Getting the Embed Code

Once your video is in Drive, open it up. It will default to a preview window. Click the Open button at the bottom. Screen_Shot_2014-01-30_at_2_14_21_PM-3

When the video truly opens, open the File menu and select “Embed this video..”

Screen_Shot_2014-01-30_at_2_15_02_PM-2

Then copy the code it displays to the clipboard.

Screen_Shot_2014-01-30_at_2_15_21_PM-5

Step 3: Embedding Your Video in Blogger

Now, over to blogger.

When you are creating/editing a post you have the option of the Compose view and the HTML view. You’re probably used to the Compose view.

Switch over to the HTML view.

Screen_Shot_2014-01-30_at_2_29_29_PM-2

Paste the Embed Code. You can ignore the rest of the code; we’re just here to drop off the embed code.

Screen_Shot_2014-01-30_at_2_30_42_PM-5

And switch back to the Compose view. A video window will appear in your post.

Screen Shot 2014-01-30 at 2.31.12 PM

Your blog post has a video and you’re ready to publish!


Note 1: Yes, Blogger does have an option to upload a video directly to them, but I have yet to have consistent luck with that. It either doesn’t work, or the processing takes a prohibitive amount of time.

Note 2: This same embedding process also allows you to embed Google Drive documents, spreadsheets, PDFs etc in Blogger. However, instead of File -> Embed this video, you’re looking for File -> Publish to the web. From there you can grab the Embed Code.

Smartphones, Photos, and Metadata

We all know some vague, detail-less version of this story:

amber alert logoSomewhere, a loving parent takes a picture of their child with a smartphone and posts the picture online. Some nefarious individual gets a hold of the picture and hacks into it to figure out exactly where the picture was taken. The region finds itself in the grips of an Amber Alert.

Technology is supposed to help us? Can this really happen? And how can I share photos of my kids (they’re so cute after all) and fell safe doing it?

Understanding Digital Photos

If you’re old enough to remember film, you know that a film picture doesn’t carry a whole lot of data with it. It’s basically just a picture. On the back (depending on where you got it developed) may be a printed date, but that was the developing date not the date the photo was taken. The obsessive-compulsive among us found ways to keep track of dates and locations, but that information was not inherently a part of the picture.

xsi_1_l

Enter digital photographs. A digital photo file is much more than a physical photograph, so much more. Each file contains a picture, but it also contains something called “metadata,” or data about data. If I dust of my old digital Canon Rebel XSi and take a picture, this is the metadata it records (in addition to the picture itself):

  • Date/time the photo was taken
  • Photo dimensions
  • Color mode
  • Focal length
  • Which lens was on the camera
  • Whether the flash fired
  • Metering mode
  • White balance
  • Aperture and shutter speed
  • Film speed (ISO)
  • My camera’s serial number

And you thought it was just a mere picture. Also, there’s space in the metadata for me to add things like:

  • My name/address/website
  • Copyright information
  • Description
  • Keywords for searching
  • and lots more…

Now there are lots of reasons why this is great data to have access to. As the owner of the photo I have lots of very useful information about each photo (such as all the camera settings). As an end user I can easily find the owner and copyright information of each digital photograph (if that information is filled in). Having all this information on a film-based picture would be highly impracticable, if not impossible.

What About Smartphones

iphone5sSmartphones have one key feature that my Canon digital camera doesn’t have: access to GPS. There’s a space in the metadata for that information too (even the direction you’re facing too). And your GPS is pretty reliable – it can probably tell you what room of your house you are in. Try it now: open the maps app on your phone, switch to satellite view, and zoom in as far as you can. Your phone has a pretty good sense of where on the planet it is (which is pretty amazing if you think about it).

Also, wireless routers know where they are too. So if you connect a non-GPS tablet to the internet via a wireless network (which we all do all the time) you can get some pretty good location data. So just because you don’t have GPS on your device, the capability to get location data is still there.

Now this location data is not inherently bad. As a photographer, being able to tag the location of where I took a photograph is great. How many times have you asked yourself, “Where did I take this picture?” Of course if you’re making the photo public you might not want that information attached to the photo.

The good thing is that as a user, you have the ability to decide which apps have access to your GPS/location data. For things like weather and maps, having those apps know my exact location is a good thing; I want them to know where I am. But maybe not for photos.

Smartphone Settings

photo

For iOS users (iPhones, iPod Touches, iPads), go into your Settings App. Select the Privacy section and then select Location Services. Here, you can select which apps you want to have access to your location, or you can turn all location data off.

For Android users, go to Settings and select the Location option. Here you’ll be able to manage your Location Services.

How Do I Know What Data is There?

Photo metadata is often referred to as “exif data.” For iOS users, there’s a simple free app called ExifWizard that allows you to view all the metadata for the photos on your camera roll. It also will show positions on a map if that data is provided.

What About Uploading to Social Media?

These days, for better or for worse, most social media sites strip all the metadata out of pictures you upload. Pictures going to places like Twitter, Facebook, or Flickr take all the metadata out. Google+ on the other hand, leaves it intact. WordPress blogs seem to leave the metadata intact as well. There’s a quick article about this here; information about specific social media sites it here. Be aware, these were written from a photographer’s standpoint, so the author wants his metadata kept on his photos so people knows he owns them.

It Doesn’t Have to be Scary

Smartphones are really powerful devices. They do some pretty amazing things. But if we’re going to use them responsibly and safely we need to understand what they’re capable of and how to control them.

We Are All Teachers of Technology

desksIt was about 10 years ago that I first started hearing workshop leaders pushing the idea that “we are all teachers of reading.” I was teaching kindergarten at the time, so teaching reading was already a big pat of what I was doing anyway so suggesting that we all needed to teach reading wasn’t a big deal to me. Though some of my content-specific colleagues (math, science, and social studies teachers) were less than thrilled. “We didn’t sign up to be reading teachers,” they argued. The profession pushed on, indeed the profession had changed, and (like it or not) we all became teachers of reading.

Since then, the world has continued to change. Technology now plays an increasingly large and important role in the world and the classroom (hopefully); it doesn’t matter whether it’s desktops, laptops, tablets, phones, or something in between. Because of that, we all need to be teachers of technology. I know that many of us did not sign up to be technology teachers, but we don’t have a choice; we are (in addition to all the other things we do). Of course with this it is imperative that teachers receive the support and professional development they need to become effective teachers of technology.

The world is changing.

Our roles as teachers are changing.

Today, we are all teachers of technology.

photo credit: dcJohn via photopin cc

iMovie Trailer Storyboards (UPDATED)

imovieappThe new iOS iMovie app that premiered with OS X Mavericks and the iPad Air came with a few new features including two new trailer templates. A couple of months ago I posted about using the trailers, and posted links to PDF templates.

I’ve created single-page storyboards for the new trailers, and separated the old ones into individual files. They’re PDFs, so they’re easy to use in apps like Notability if you really want to go paperless.

Some of these I created, some are from the TeachingParadox blog (which has been taken down).

Enjoy!

I’ve Stopped Using Automatic Update for Apps in iOS 7

20131016-204835.jpgIt sounded so great when I first heard about it: having apps automatically update. Fantastic! No more having to go into the App Store to “update all.” No more having those  red numbers on the App Store icon, nagging me to take care of them.

20131016-204258.jpg

Blue dot indicating update.

So as soon as I could I turned on automatic updates, and for a couple weeks it was great. All my apps updated on their own. The red numbers on the app icon never appeared. All seemed good.

But then I realized I was missing something. When apps updated, I found I wasn’t always noticing the little blue dot indicating they had updated. And more so, I had no idea what had been updated.

Okay; at this point I need to admit something. When I update apps, I am one of the few people who actually reads the update notes. I want to know if the update is just “bug fixes” or if a new feature actually been added. With automatic updates I found I never knew. With automatic updates I was missing out on things.

20131016-204308.jpg

Update notes.

So I’ve given up on automatic updates. I still make sure my apps are updated, and now I always know what features have been added and which bugs have been fixed.

Note: For students, I still strongly advocate for automatically updating apps.