Mozilla’s X-Ray Goggles is a tool to learn how the web works by using it to inspect and re-edit a copy of any page on the web:

X-Ray Goggles allow you to see the building blocks that make up websites on the internet, and then remix them into new creations. X-Ray Goggles lets you poke around the elements of a web page and remix them into new creations. Learn how to swap images, text, and more.

Try a simple example on the demo site– activate the goggles, and follow instructions to see how you can change the background of the page. To do your own, follow the directions to install X-Ray Goggles in your web browser (this will not work on a mobile device).

The process for doing your own web maker over are:

  • Find a page on the web you want to modify with your own content (see below for instructions and examples for this Challenge).
  • Click the X-Ray Goggles on your bookmarks bar (after you have installed it).
  • Click on any element of the page- a headline, a paragraph, an icon, a menu button, then edit the portion of the HTML code to change the content (you can change the src="" value of an img tag to change an image to any other image on the web if you can find it’s URL). Here we will change the headline of an article in the Onion
edit-headlines

 

xray 2
  • Click Update to save that change.
  • Change as many elements on the page as you can to change it’s meaning.
  • When you are done, press P on your keyboard or click the Publish button in the lower right. If this is your first time using Googles, you will have to create an account on Mozilla; if you have an account you may need to log in. This will create a version of your re-written web page at a public URL- this is what you should use as the example of your response
    If you do not want to make an account, then just make a screenshot of your work to make an image. You can put it online in our UDG Image Pool so it has a URL you can use for your example.

Three Types of Challenges

You can, of course, use Mozilla Googles in any way you prefer- the goal is to give you an experience in the tool. For this challenge, we ask you to try one of the following sites to re-create them to reflect some aspect of Do It Yourself vs Do It For Me.

Transform a Coursera Course

Choose one of the MOOC courses offered by Coursera, and change the course description page to be related to something of interest to you. Below is a re-write of the Stanford University Machine Learning Course to be about Happiness For Edupunks:

happiness-edupunks

See the full version of the Happiness for EDUPUNKS Course


Change the Description of a YouTube Video

Find a YouTube Video and change all of it’s information (title, description, names of related videos, note the video remains the same, you are changing it’s context). This example adds a bit of EDUPUNK to a video about getting introduced to Blackboard Learn by making it seem the video is about a new feature on the tool.

bb edupunk

See the full version of the Busting Out Blackboard eduPUNK

Turn an Everyday Product on Amazon.Com into Something Good for DIY

Start with maybe the kitchen or household areas of Amazon.com to find an item that you can change it’s title an description to make it more interesting to someone interested in the DIY approach. The example below tries to add some EDUPUNK to a set of spatulas.

xray-spatula

See the full version of the EDUPUNK Spatula Set

Complete This Challenge

After you do this challenge, please share it so it can appear with other responses below. If your response exists at a public viewable URL, you can add the information directly to this site.

Add A Response

Resources for this Challenge

Have you created something or know of an external resource that might help others complete this challenge? If the resource is available at a public URL please share it.

Add a Resource

3 Responses Completed for this Challenge

  • EDUPUNK Spatulas (Alan Levine, @cogdog)

    Just any normal kitchem implement will not do for a proper EDUPUNK… Luckily Amazon.com has the perfect set (in black of course). This example probably does not take the EDUPUNKness to the most exteme level; there are a lot of part sof the Amazon page that can be changed. I am proud that Jim Groom is listed as the recipient.

  • Blackboard eduPUNK (Alan Levine, @cogdog)

    What could be more fitting for some EDUPUNK makeover than a YouTube video for a Blackboard feature? The source was a video about an orientation to Blackboard Learn, but in my universe, they have rolled out a new feature that will add a bit of “edupunkivity” to any course. I made the views and dislikes crazy high numbers. All of the related movies have had their titles tweaked.

  • Edupunks Can Learn Happiness with a Coursera Course (Alan Levine, @cogdog)

    An example made as a demo for this challenge. My remix is based on the Stanford Machine Learning Course— it is meant for companies who want to make their EDUPUNK employees more compliant happy. I used the URL for my twitter avatar to change the logo of Stanford! I stopped editing before I got to the syllabus (it’s a long page) but did change most of the buttons and menu names

    0 Resources for this Challenge

    Creative Commons License
    This work by Alan Levine is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.

    Leave a Reply

    Your email address will not be published. Required fields are marked *