Week 10: Video Killed the Radio Star

The University of Mary Washington’s Digital Knowledge Center provides peer tutoring to all University students on digital projects and assignments. Students can schedule 50 minute, one-one-one tutorials with a trained peer tutor on any DS106 related projects.  Click Here to set up an appointment.

Finish Reading: Week 10: Video Killed the Radio Star

Week 9: Don’t believe anything you read on the net


Stories in/of the Web

All the work your groups have done the last two weeks pays off as your shows will be broadcast on ds106 radio Monday night this week. As the last part of our audio segment, your task this weel will be to evaluate the show from another team and also self-evaluate your own team’s show.

In addition, we move to a different kind of storytelling, one that uses the space of existing web sites as a place for you to assert your own stories into them.

Radio Shows Go Live

The recorded radio shows are done and now we will listen  which you all have had experience listening to back in week four.

Your final task will be to listen to the show from another group. You will then write a blog post in which you evaluate the show, offer advice, suggestions, or compliments (be sure to link to the show!). In addition, you will provide the same evaluation for your own show, after having completed the work and listened to other ones.

Show People Who Need To Review People Who Created the Show
Grumpy Desperados  Stephanie King  Andrew Boswell
 James Baylor  Miles Davis
 Benjamin Brady  Adam Hoff
 Ashlyn Runk  Sean Morris
 Jack Brooks  Kelsey Stanbro
Show People Who Need To Review People Who Created the Show
The Verge  Andrew Boswell  Stephanie King
 Justin Lawrence  Ashlyn Runk
 Mitchell Eubank  Emma Sax
 Miles Davis  Miranda Skinner
 Tori Lear  Amanda Wassenberg
Show People Who Need To Review People Who Created the Show
Digital Story Fellers  Adam Hoff  James Baylor
 Emma Sax  Jack Brooks
 Maryna Matorina  Justin Lawrence
 Chantel Moton  Caleb Snow
 Rachel Stanford  Christopher Zimmerman
Show People Who Need To Review People Who Created the Show
Wacky History  Sean Morris  Benjamin Brady
 Kelsey Stanbro  Mitchell Eubank
 Miranda Skinner  Tori Lear
 Amanda Wassenberg  Maryna Matorina
 Caleb Snow  Chantel Moton
 Christopher Zimmerman  Rachel Stanford

Some criteria you can use to do this includes:

  • Quality of audio sound -e.g. is the volume appropriate? are the levels even? Is the sound clear, and free of noises not needed (e.g. mouse clicks, background noise)?
  • Quality of audio editing – use of effects, transitions, are the edits clean?
  • Use of sound effects- how are they used? Is it effective?
  • Use of music- how is it used? Is it effective or distracting?
  • Does the show have a structure? Is it cohesive or does it feel stitched together?
  • Does it tell a story effectively? Is there a sense of drama, unknown? Does it draw you in to listen?
  • If you would rate this radio show, how many stars out of five would you give to the show

Remember to use this as well to self-evaluate your own team’s show.

Telling Stories Within The Web

This might be a subtle distinction, but so far you have been using media (so far images, design, and audio) to create stories in the web spaces you publish to- this is writing stories ON the web. In this week, we play with this idea in a way, in that you will be asked to use the affordances of other web sites to change their intent, meaning, or purpose to tell a story in those spaces.

This Web Storytelling idea was first done in ds106 in the Spring of 2011 where the description for what we are asking you to do is

Over the next week we’ll be playing with storytelling within the web. What does this mean? Well, Martha Burtis lays out the idea nicely in this post here about the idea behind this assignment (read it!), but to briefly summarize: you will be intervening in the code and design of a website of your choice to tell a story. You are not to photoshop the design of the site (if you can), but rather intervene in the actual html and CSS of the site—though you can photoshop particular images on the site.

Perhaps the most well known examples take place on Amazon pages such as The Mountain Three Wolf Moon Short Sleeve Tee where people have intervened just in the product comments to make this ordinary t-shirt have magical powers. It becomes a way of making a political statement as read in the comments of a children’s aircraft toy (hat tip to @bellekid). Or read how Phillippe Dubost’s resume modded to look like an Amazon product worked out pretty good for him. See more examples of Amazon Funniest Product Reviews – these are all ways in which an ordinary web page is fictionalized in a creative way simply through comments.

You are not being asked to code web pages; but we have tools that you can use in a web browser to modify the content of an existing web page, change the text, images, and links, so that it has different content and meaning. Some examples by previous ds106 students include:

The story creation part means finding an existing web page to work with as raw material -good candidates are newspaper stories, product entries in sites like Amazon or eBay, movie/book reviews — in fact, simpler pages like a search result or Craigslist are easier to work with.

The tools you can use allow you to, in a web browser, actually modify the content. The trick is then to save it as a raw HTML web page, and upload it to your own web directory (this means returning to your UMW Domains control panel to upload files to your site). The end goal is to have both a screen shot image and an real working web page you created.

Here are a few approaches you can take for this project:

X-Ray Goggles

Mozilla X-Ray Googles tool is is meant to help you see (like an x-ray) how web content is structured:

X-Ray Goggles allow you to see the building blocks that make up websites on the internet. Activate the goggles to inspect the code behind any webpage, then remix elements with a single click, swapping in your own text, images and more.

What you should do is review the X-Ray Googles instructions and install the tool in your browser bar. (this will work in any modern web browser). This can be invoked directly on any web page you want to explore and change Goggles provides an overlay interface to change text, formatting, even images — essentially to rewrite any web page.

When you are done, you’ll need to save your changed code – click “P” in the bottom left when the X-Ray Googles are activated. The easy way is to publish it on the Hackasaurus site, from which you will get a URL, but if you want to go extra geeky, you can save the code and make it a page in your own site (this is by no means necessary).

  1. When you hit Publish in Hackasuarus, use the option to “download” your code which gives a display of HTML code. Copy that in its entirety.
  2. On your computer, open up the app that is a plain text editor- in Windows this is NotePad, on the Mac it is Text Edit. DO NOT USE MS WORD. DO NOT USE MS WORD. Did we say DO NOT USE MS WORD. IT WILL RUIN YOUR PROJECT!
  3. Paste all the stuff you copied.
  4. If you are using TextEdit on the Mac, Select “Make Plain Text” from the Format menu.
  5. Save it as a file that ends in .txt
  6. From your desktop, change the file name so its extension is “.html”
  7. Open this file (it should appear in your web browser)and make sure it looks like the page you redesigned. You may get weird warnings for things like flash, etc. Ignore them.
  8. Start editing your blog post. Click the “add media” button (It is one of the icons just above the editing tools, towards the left side.
  9. Upload the html file
  10. Edit the “title” field to be the text you want to make hyperlinked
  11. Make sure you use the option nest to Link URL for “File URL” This is the web address of your new page.
  12. Click insert

And now you have a link to a standalone web page on your own site.

Your work then is to do one Storytelling Within the Web assignment – write a blog post with the usual writeup components, and include both a screen shot of your reworked page and a link to a live web version of your retold web story page. This is a five star assignment.

Raw Code

If you are down and dirty with web code, you can save the raw source of a web page and reconstruct the content in HTML. This approach is not for the faint of hear! We recommend taking it ONLY if you have some experience with writing/editing HTML.

More Web Storytelling

We have a few more of these kinds of activities in the ds106 Web Assignments section – your task is to do 2 assignment worth at least 6 stars.

Daily Creates

You should be very deft now at doing the Daily Create assignments, so we are going to ask that you add a new component this week. You are to do at least four Daily Creates this week. When you have completed your four, look at them and find a way to connect them in a story. Re-edit your captions of your flickr photos, you tube videos, and soundcloud recordings so that there is a narrative that uses the media AND links them (via a hyperlink) between these media.

So your story might start with a flickr image, then link to a YouTube video, and then link back to another flickr image. The idea here is to construct a story that jumps across these media sites in a way that works as a single story.

Weekly Summary

Your weekly summary and personal reflection post is due by midnight on Sunday, October 25. Your post should include the following:

  • Evaluation of the other radio show you are assigned to review, as well as one for your own group.
  • Complete the Storytelling within the Web assignment
  • Complete 2 assignment worth at least 6 stars Web Assignments (other than the storytelling within the web one).
  • Complete 4 daily creates and connect them as one web based story.

Week 7 & 8 “Video Killed the Radio Star”

Audio and the Big Radio Show

radio_radio_logoWelcome to Weeks Seven & Eight of ds106. Somewhere in here is official half-way point for the class. Congratulations, you’re half-way to reclaiming your life again!   All work is to be summarized, except the radio show, in a single blog post for this stretch due midnight October 18th.

Its in your own and your groups interest to not let the work slide until the end (c.f.Recipe for Disaster) Finish Reading: Week 7 & 8 “Video Killed the Radio Star”