Open Music: Old Shanghai

In December 2012, Beck Hansen released an album called Song Reader in an extremely traditional way: on sheet music.  Best known for genre-bending songs such as Loser and Where It’s At, Beck is going blazing another new trail by reaching back to a format that predates recorded audio.  But, why?

Well, in an age of Instructables, MakerBots, and GarageBand, making things has never seemed less intimidating.  And with YouTube, you’ve got a way to share your creations whether you’ve played a song on your piano or mashed up a couple of hit songs into something new.

Beck talks about the audience involvement aspect of this album in an interview on the publisher’s website:

These songs are meant to be pulled apart and reshaped. The idea of them being played by choirs, brass bands, string ensembles, anything outside of traditional rock-band constructs—it’s interesting because it’s outside of where my songs normally exist. I thought a lot about making these songs playable and approachable, but still musically interesting. I think some of the best covers will reimagine the chord structure, take liberties with the melodies, the phrasing, even the lyrics themselves. There are no rules in interpretation.

In education, we talk about Massively Open Online Courses (MOOCs). Beck has released an album that is completely open to interpretation and assembly by the user. By trusting and empowering his listeners to participate in his music, Beck has created something much larger than just twenty songs.  He has created a community.

Anyone can post their version of one of these songs to Song Reader.net via YouTube or Soundcloud.  As more songs are performed and uploaded, each work will form a kind of dialog and interaction with each one influencing the next.

Why mention this on ESL Technology.com?  There are some parallels between this open approach to making an album and the open education movement.  Trusting your students and empowering them to make decisions can be very scary — for both teachers and students. Letting students choose their own projects and then working with them to make sure the projects fit the curriculum is more difficult and time consuming, but it’s a process that can really infuse students with a sense of ownership over their work. Being responsible for their own learning is an important lesson for all students.

Opening your classroom to the real world (by making student videos and blog posts public, for example) can also be a scary, but rewarding, opportunity. Teaching in an open environment also means preparing students for the challenges in that real world — teaching strategies for dealing with griefers and phishing attacks, for example — which is probably some of the most useful learning they can carry forward from your classroom.  They all have to join the real world eventually.

Is Song Reader a model that can guide your teaching? Not directly. But the novel way that this album has been conceptualized relates to some interesting ideas that relate to how many are re-thinking traditional approaches to teaching.

For more on Beck’s album, visit Song Reader.net.  Some of my favorite interpretations of “Old Shanghai”, the single that was released before the rest of the album was available, are below.  If you’ve played “Old Shanghai” or anything else from Song Reader, please post a link to your work in the comments.

Piano only, with a beautiful video:

Ukulele only:

The staff of the New Yorker:

A more fully-produced trio, Contramano:

Two guys named Dave and Ted:

Making Engaging YouTube Videos: A Workshop

As part of Innovate at OSU, I present a hands-on workshop on Making Engaging YouTube Videos.  Although YouTube has been around since 2005, it remains the most popular place to watch videos on the internet. Not only can these YouTube videos be embedded almost everywhere, but annotations allow increasing levels of interactivity that can make videos more engaging by enabling viewers to navigate to different points within a video or to different videos entirely.

Getting Started

You will need a (free) Google, Google+ or YouTube account, and a laptop with some video files to upload.  It would be helpful to have some video editing software on the laptop, but it is not completely necessary.

Examples

Ronald has a spider on his head – more than two choices per fork

Haircut (a choose-your-own-adventure song) – note organization of nodes

The Time Machine: A Chad, Matt & Rob Interactive Adventure! – branching or non-branching choices?

Youtube Street Fighter – Lots of buttons to choose from

BooneOakley.com – Home Page – Annotations as website menu buttons

Annotations

There are 5 different types of Annotations:

Speech bubbles include a pointer that you can drag to point in any direction.

Notes are like speech bubbles without the pointer.

Titles are like notes but without the background color.  Available fonts are largest for Titles.

Spotlights are for highlighting an area to be clicked on.  Text is optional and appears transparent when the mouse is over the highlighted area.

Labels are like spotlights, but the border is bolder and text appears in a white box within the border when the mouse is over the highlighted area.

Annotations can be customized with different colors and font sizes. In addition to Annotations, users can also apply many Instagram-like filters with the Enhancements tab, add music with the Audio tab, and upload a caption file or transcript with the Captions tab.

Links within Annotations

Every kind of Annotation can be linked to a point within the same video, a point within another video, a YouTube channel or playlist, or a subscribe button.  (Note: Linking within a video used to be almost instantaneous, but has since become a bit clunky due to the video reloading.) Links can also be set to open in a new window when clicked, which is useful if you want to be able to come back to the original video.

To configure the link, set the start time and end time and check the link box.  Paste the link to the video to link to a different point within the same video, or a link to a different video to link to something else one.

Let’s Try It!

(This video was annotated during the workshop.)

Other Resources

KeepVid.com – One of many tools that allows you to download YouTube videos.  Be sure to respect all copyrights, etc. but know also that mashups that are “transformative” are generally considered protected under “fair use“.

Download YouTube Videos as MP4 (Firefox extension) – This extension puts a download button into the YouTube interface on any video you view on Firefox.

Where do we go from here?

There are lots of potential uses for Annotations in YouTube videos.  By giving viewers an opportunity to interact with a video, rather than just passively watching it, they become more engaged.  We will discuss some of these in the workshop, but feel free to list more in the comments below.

EDIT: Thanks to everyone who came to this presentation at Innovate. I really like taking existing, stable technologies with low barriers to entry like YouTube and pushing the limits of what can be done with them. I hope you found this session useful. If you have any comments, or questions, or want to share a video you’ve created and annotated, please leave a comment.  Thanks!

Know Your Meme

Have you ever encountered an internet meme like Success Kid, above?  Memes like these are spreading across the interwebs, fueled by websites where you can make variations of them in seconds.

If you come across many variants of the same meme, you can start to tease out some of the social rules that have evolved to govern their creation.  Success Kid, for example, is usually used to celebrate the mudane successes in life.

You can view many, many more examples at quickmeme.com, memegenerator.net, any of the other ubiquitous meme generating websites, or on a Google image search.  Before you click on these links, you should know that some of the content way contain profanity or otherwise be NSFW (not safe for work.)

So, you can get a read on popular memes, and even contribute to them by creating your own.  But, do you know that Success Kid is based on a picture of a boy named Sammy that was uploaded to Flickr in 2007?  No?  Maybe you don’t really know your meme after all.  That’s where KnowYourMeme.com can help.

Taking Success Kid as an example again, Know Your Meme traces the origin of the meme through several twists and turns (as I Hate Sandcastles, for example) before arriving at what we now know as Success Kid.  This website is usually where I start when I first notice a new meme flashing across my screens.  (And, when you Google any meme, the link to KnowYourMeme is typically right near the top of the results.)

Another, more current example is the Harlem Shake, which is hard to avoid on Facebook and other social media as your alma mater, favorite sports teams, and other random groups of people each create their own version.

How can this website be useful to ESL students?  Given the pace at which these memes evolve, learning about their background and meaning could help non-native students better understand and interact with their peers who use memes and reaction GIFs as conversational shorthand in social media.

A teacher could also have her students put their anthropologist hats on and track the meaning and development of their own favorite memes.  They could then compare their conclusions to the “expert” information in KnowYourMeme to see how much they were able to deduce on their own.

Either way, this website is an excellent resource that provides students and teachers with well documented information on emerging trends in popular culture.

Writing MOOC

Recently, the Rhetoric, Composition, and Literacy Studies program in the Department of English at Ohio State was awarded a $50,000 grant from the Bill & Melinda Gates Foundation to create a “Writing II: Rhetorical Composition” MOOC.  Read more details on the OSU Department of English website.

What’s a MOOC? MOOC stands for Massively Open Online Course. So, imagine an online course that is open and (typically) free to anyone who wants to register. In essence, MOOCs bring information technology’s promise of exponential scalability to education.  And, obviously, there are some administrative challenges inherent to this kind of teaching.  The recent spectacular failure of the “Fundamentals of Online Education: Planning and Application” brought MOOCs attention from mainstream media, in part because the course topic made the failure irresistibly ironic.

Can anything be taught in an online classroom with tens of thousands of students?  Apparently, yes.  I have friends who have learned programming languages this way.  Of course, programming languages are much simpler and easy to test (Does your program do this?  Good!  You pass the quiz!) than most human languages and particularly the advanced rhetoric of a language.

MOOCs frequently crowdsource some of the evaluation of student assignments — think peer editing — which may work well for advanced writing.  But, students who enroll with the expectation that they will receive 1/20th of the instructors attention, which they might receive in a traditional classroom, might be surprised by some of these techniques.

This is truly the cutting edge / Wild West of online learning.  The good news is, if you’re interested in learning more, you (and all of your friends) can sign up for the course yourself via Coursera, a “social entrepreneurship company” that has partnered with OSU and many other universities to offer MOOCs.

So, maybe the question is, can everything be taught with MOOCs?  It’s too early to answer that question.  But lots of people are asking it.

Will MOOCs eventually replace traditional brick-and-mortar institutions?  New technologies rarely replace old ones completely. For example, you have a television, but you probably still listen to the radio sometimes (in your car, when your iPod battery dies, say.)  But, if even moderately successful, it will be difficult for every school to compete with a free course offered by Harvard, MIT, or Stanford.  Or Ohio State.

Communication Goes Visual

You know that feeling that you can’t put into words?  Like when your mind reels with an overwhelming realization.  Or when you’re too tired to do anything except stare blankly.  These sentiments, and thousands of others, are being expressed across various social media a GIF.

What was once just a snappy way to let visitors know your newfangled website was still under construction, the GIF has been embraced for its ability to compress not just a single image into a manageable file size, but also several frames of animation.  Though these images are not high quality, they look fine online and load relatively quickly due to their small size.

These simple animations can be created using desktop software such as Photoshop or in any number of newer online services.  (Google it.)  So now, when you’re looking for the perfect way to express something like the feeling you get when you do something clever but no one is around to notice, you can do it with one perfectly succinct animated image.

How do these GIFs relate to ESL learners and ESL teaching?  Well, if your students are venturing out into the wilderness that is the Internet, they are likely already encountering this form of communication.  Do they understand it?  Many of these animated images express universal sentiments such as surprise / exasperation, not wanting to hear what someone has to say, or that awkward moment when no one has anything more to say.  But, as you can see from this list alone, some of the meaning is somewhat complex and layered.  Also, many of the images are taken from popular culture which some students may not be attuned to as well as a native speaker.

But, perhaps we’re not giving our ESL learners enough credit.  They could very well be communicating with GIFs regularly because they appreciate the ease with which they can communicate complex ideas which they may not have words for in English.  Ask them.  Or ask students to describe these emotions as a classroom exercise.  You might be pleasantly surprised by what they say.

For lots more animated GIFs, visit reddit.com/r/reactiongifs.

Tumblr

In the world of social media, Tumblr lies somewhere between Twitter and a full-blown blog with interactive social elements that are similar to Facebook.  This combination has lead to exponential growth.

To learn more, I created a Tumblr.  So far, I’ve been using it to post links to relevant stuff I’m looking at, but may not be ready to create a long form blog post here at ESL Technology.com.  (As an aside, remember when blog posts were considered brief? #solongago)  Some of my posts there will develop into longer posts here, but many will not.  You can follow my posts to both on Twitter: @eslchill.

So far, I’m not a full-blown, hardcore Tumblrer.  Perhaps it’s because I haven’t sought out a network there, which is a potent part of the allure for most users.  By reposting the posts of people you follow, Tumblr creates an echo chamber that allows popular media to spread exponentially.

One feature I like is the ability to queue Tumblr posts and release them a day at a time.  I can post several items at once and release them one per day — thereby always having something “in the hopper.”  In this way, I am contributing to the constant stream of consumable media and helping to build my brand, neither of which I’m sure I want to do, but Tumblr sure makes it easy.

As you would expect from a popular technology like this one, setup is free and easy, the interface is relatively straightforward, and there are lots of themes available so that you can change the look of your Tumblr.

Will Tumblr revolutionize language teaching?  Probably not.  Just about anything you’ve been doing with WordPress and Blogger, and even Twitter, can be done with Tumblr.  The difference?  If your students are keeping up with the latest online trends, they likely consider traditional blogs to be passé and already have a Tumblr.

Choose Your Own Visualization

Like many kids who grew up in the ’80s and ’90s, I discovered Choose Your Own Adventure (CYOA) books in my school library and later at my local public library.  I read and re-read many of them and eventually owned a few of them.

For those not familiar with the genre of gamebooks, the reader reads the first couple of pages at which point she is faced with a decision.  For example, after passing through an antimatter storm, do you keep your spaceship on course or do you return to your home planet?  Depending on the choice, the reader is directed to another page where that branch of the story continues.  More choices follow every page or two and the story branches off into several directions with many possible endings.

For young readers, the challenge of finding successful endings can spur multiple readings of the story.  For young authors (I wrote a CYOA story as a writing project in highschool,) the process of creating and managing multiple story lines can be an interesting challenge.  For ESL students, both reading and writing CYOA stories can be a compelling way to practice English.

The branching structure means the story can grow exponentially.  To see just how complex these stories can quickly become, take a look at some of these visualizations of CYOA stories.

The first example, pictured above, is from seanmichaelragan.com.  This graph clearly illustrates how the stories branch and, in some cases, reattach.  Each node represents the page number of each choice.

The second example orients the graph horizontally and uses color to denote critical plot points as well as happy or tragic endings.

The third example fans the story out from the center, but includes even more information.  Happy endings, cliffhanger endings, and reader death endings are noted, but additional text pops up when you mouseover each node describing each decision.

As a fan of both Choose Your Own Adventure stories and data visualizations, I’ve really enjoyed looking through these images.  If you’re not familiar with Choose Your Own Adventure stories, I recommend to try to track a couple of them down for you and for your students.  Students could enjoy reading, writing, and analyzing these stories, which are accessible to high intermediate readers.