Cheap Sunglasses

Our mandatory challenge this week, worth four stars when the teacher told us it was worth five, involved manipulating the website of our choice to, more or less, fit our mood that day.

I started my assignment by taking Ms. Polack’s advice, and downloading the Mozilla X-Ray Goggles application onto my computer; to be more specific, I just bookmarked the actual program onto my Mozilla Firefox account. After that was done, I experimented with it just a bit, if only to see where everything fits; from there, it would all come down to finding the site I needed to remix.

I ultimately chose an article about a recent episode of NBC’s The Today Show, where Matt Lauer interviewed three cast members from the Back to the Future movies, in honor of the thirtieth anniversary of the original film’s theatrical release. For my remix, I kept the Lauer interview intact, but treated the events of the first film as if they actually happened, while hinting at the themes of the sequels.

Keeping that in mind, I decided to use two remixes for this project; the first one would give me a blueprint of the original site to work with, and the second one would be the one with my edited story. The end result was an abridgement of the events of the first film, without the less important, or more embarrassing additions, to the script; this includes the likes of Marty tricking Biff Tannen into driving his car into the back of a manure truck, or George telling Lorraine that she was his “density.”

When all is said and done, however, I think this was one of my better performances this semester, next to inventing a comedy-based Audio Assignment that’s all about the joys of mixing signals, while learning how Audacity works. I hope you enjoyed the first “Back to the Future Day” on October 21st, 2015, but like my article points out, the celebration’s not over yet.

Here’s the original site, and here’s the remixed version.

Pocket Mac, now available;

Isn’t an iPhone basically a pocket computer? It can do everything a computer can: type emails, browse facebook, make word documents…Why not fix up the web page to reflect this? (and change some of the jumble-y mess Apple puts in to describe it. Only basic necessities for descriptions here)

iphone original

 

To do this, I first needed firefox (chrome, all the way). After downloading it, and downloading X-Ray Goggles, I had to decide which page I wanted to edit.

I am an avid apple fan. I watch live-blogs of the keynotes, every. single. time. I am thrilled that VZW now offers a yearly-upgrade plan because it means a new iPhone every time there is a new one.

Why not mess with it a little, get creative?

I pulled up the Apple iPhone site and got to work. I changed words around, mostly, but made it fit the theme I was going for. The most prevalent text was iphone, obviously, so I changed all those to Pocket Mac first. Then, I went through and changed some supporting texts (i.e., “accessories” to “gadgets and gizmos”). I published it, then realized the little carrots (“>”) showed up as errors in my published page. I went back, tried to change it, and the app crashed. Tried again after redoing all the work and, again, it crashed. So, third time’s the charm and here we have it.

The Pocket Mac 6s. Now available.

Time Machine

The Work Itself 

This assignment is titled “Storytelling Within The Web“. It is a required assignment for this week. Its instructions are to “install the X-Ray Googles in any browser and use it to re-cast the content of any web page. When you blog it, include both a screen capture in your post, but you will also need to upload the web files (HTML and media files) to your own site so it can exist as a stand alone URL. (see our older Firebug Tutorial) Consider using news sites, social media profiles, product pages, movie review pages etc. The simpler the design of the page, the easer it will be (think Craig’s List).” The difficulty of this assignment is four stars.

I used the example “Craigslist (Fredericksburg)“, specifically a “furniture” post of a  “Modern apartment sofa cream white” to alter. I changed the description content, title, and image using X-Ray goggles. Here is my edited version of this post and my “Time Machine” assignment.

Screen Shot 2015-10-21 at 11.26.44 AM

The Story Behind The Story

Time Machines have been regarded as mythical by the general population. Government officials have publicly stated that no such invention exists. However this another government conspiracy (again). In the basements of Yale University labs, a team of the most renowned and talented scientists, engineers, and mechanics came together to create a time machine. In 2000, they completed their first successful time machine as proven by documentation and the fact that I now have it. My father was one of the team members and so he came home with it one day in 2005 after the team had been disbanded. He taught me how to use it, and right away I traveled back to the past to the Revolutionary War era. That was incredible to meet George Washington. I also traveled to the future, 50 years from now. What I saw, no one would believe. People were vacationing to the moon, instead of cars there were hovercrafts. It was crazy.

The Process, Narrated

I searched X-Ray Goggles on Google. I clicked the first link, and activated X-Ray Goggles. Then I went to a furniture post on Craig’s List, “Modern apartment sofa cream white“. This is the post I chose to alter. To X-Ray a section, you just scroll over the specific section and click on it. An embedded text caption box will appear, and you can edit the text here. I did this for the description, title, and photo. For the photo instead of changing the text I just changed the image.

On the surface, this assignment seems difficult, but in reality it is pretty easy.

Here are some photo (screenshots) documenting my process.

Screen Shot 2015-10-21 at 1.01.46 PM Screen Shot 2015-10-21 at 1.02.17 PM Screen Shot 2015-10-21 at 1.01.57 PM

 

Disney Takes Over: The Force Awakens

“From the Spring 2011 ds106 class came the idea of changing up an existing web page to tell a new story ” 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, but rather intervene in the actual html and CSS of the site—though you can photoshop particular images on the site. Essentially you alter the content of a web page (content, images) to make it tell a new story. Originally we recommended doing this using the Firebug extension in the Firefox browser, which does work, but is unfortunately easy to lose your work. We currently recommend Mozilla Hackasaurus — install the X-Ray Googles in any browser and use it to re-cast the content of any web page. When you blog it, include both a screen capture in your post, but you will also need to upload the web files (HTML and media files) to your own site so it can exist as a stand alone URL. (see our older Firebug Tutorial) Consider using news sites, social media profiles, product pages, movie review pages etc. The simpler the design of the page, the easer it will be (think Craig’s List).”

Wow, okay. So there is a lot here. I’m not going to lie, when I saw the work requirements for this week, and this assignment in particular, I was afraid. I know literally nothing about coding or reworking websites. I didn’t even know it was possible to do something like this. It definitely makes me think twice now about the validity of things we see on the internet.

Now that I’ve done the assignment, though, I’m feeling rather relived. It was much easier to do than I originally anticipated, and despite losing all of my work and having to start over when I accidentally backed out of my page, it didn’t take me long to have the entire thing completed.

The first step was picking a website to alter. I didn’t want to do something too simple like the instructions suggested, after all, the point is to learn new skills. You can only accomplish that by pushing yourself. I thought about some of the sites i enjoy visiting and decided to find a Buzzfeed news article to alter.

choosing the page

As I’m sure you all know by now, the official Star Wars trailer was released late last night and the internet has practically shut down due to excitement. It was the perfect article to tackle. Disney Studios recently bought out the rights to the Star Wars franchise which prompted this new episode in the first place. I’ve grown up watching Disney movies; I love them. But in all fairness, their a money grubbing machine. They dominate a huge portion of the cinematic market and are literally stupid rich. I can only imagine how much their about to make from this one movie.

I thought altering the article to poke fun at these tendencies would be funny and relevant, so that’s what I decided to do. I went ahead and downloaded the x-ray goggles needed to complete the assignment and got started.

Install

It was pretty easy to alter the web content. All you need to do is click on the text or image and change the wording between the code. To get rid of an image of text box, you simply hovered over it and hit backspace (I learned the hard way to only hit this once or you would be sent back to a previous page and lose everything, oops). I changed the text of the article, made myself the author, and changed the headlines on the side. I also removed some of the more serious articles and irrelevant noise that I couldn’t re-format to fit the Disney theme.

In progress

When that was done, I hovered my mouse in the bottom right corner and selected the option to publish my new page. I couldn’t find an option to download so I could go the geeky route, so I settled with just getting the new URL and posting it here. Sorry, guys!

Publishing

Below are the links to both the new and original articles, enjoy!

New:

http://arrunk491.makes.org/goggles/arrunk491s-remix-of-star-wars-the-force-awakens-shatters-hunger-games-sales-record-buzzfeed-news

Old:

http://www.buzzfeed.com/adambvary/star-wars-the-force-awakens-shatters-sales-record#.rfrglEqAqg

 

Trip Adviser – New York

This is for the “storytelling within the web” web assignment.  This was a really cool prompt for a web assignment; it lets you do pretty much anything you want to any site.  Of course I wanted to relate this to Jim Sardic and his version of New York, so I went to a trip adviser page for attractions in New York.  I used x-ray goggles, the extension for firefox, to edit the html on the page.  It was cool changing around things on the site, the extension was extremely intuitive.  You can just click on any portion of the page, and the highlighted code block will come up to let you change anything you want.  I didn’t go too crazy with it, changing links to other pages.  I mostly changed the text on the page to make sense with Sardic’s universe.  Here’s a link to the new version of the site I made.

http://savinmardon.makes.org/goggles/savinmardons-remix-of-top-30-things-to-do-in-new-york-united-states-new-york-attractions-find-what-to-do-today-this-weekend-or-in-april-tripadvisor

Here’s an image of my updated version.

alternate trip advisor

And here’s the original trip advisor page

original trip advisor

Jerry of Eastside for Sale on eBay

As the #noir106 cohort works on character development as collaborations and listens to their audio #ds106radio episodes over the next two weeks, I am opting for some creations based on the open course week 8 for this week. I am of course changing it up and adding my own little slice of the UMW Noir Cohorts to my mix.

I started using my dad as my character. He really doesn’t interact with any of the Noir characters, but the time period I am focusing on now starts during that era. As others create Twitter personas for their characters and will develop stories and interactions I realized these assignments are the updated version of ds106 and Storytelling within the Web.

I began with this first assignment – WebAssignment713. Story telling within the web. I chose an eBay page for this first attempt. I searched for 1955 and came up with some great auction items. I chose to replace the first 9 items with some of my work and other photos of Jerry across his life – just some samples. You can see the screen shot below and go to a working html page by clicking this link: Jerry Eastside on eBay

Story in Web

The eBay story should help in identifying different parts of Jerry’s life and things that happened to him. Marriage, activities, love, etc.

I used X-Ray Goggles to reconstruct the eBay page. I even changed some of the text to #ds106. :-) At first I thought I had to change all the parts to go to a page that would just explain that this was all a story and not go to the original products. When I was finished, it produces a page, but the links do not go anywhere – so that step can be eliminated. That makes this more of a one layer kind of presentation which is a lot easier to think out than the multiple branches and side trips that could be created and make this a far deeper and complex assignment.

I can see using this for different characters in search pages, IMD, and maybe even Facebook or LinkedIn so that you can tell the story but not have to create an account and set up etc. to support. It reminds me of prior to Photoshop and other remixes having a magazine cover with your own photo inserted.

Building a portfolio for a character could easily be accomplished using this method to tell a story.Threading a full trail “in” the web for a character will add dimensions and interaction for readers. This first attempt has sprouted many tangents and ideas of how to use the web as the story for telling. I want to also explore further into how to work with the CSS of a page to alter the content to my choosing.

ds106.ioAnimatedNewOldFriend_290NOTE: Listen in M-Th the weeks of March 8 and March 15, 2015 to #noir106 radio shows.
9pm EST at ds106radio and
Tweet along with other listeners and the creators using hashtags:-#ds106radio, #noir106, #ds106.

Part #5: Finale and Weekly Summary 15

*I forgot that I had to do all of this in one single blog post and by the time I finished my third part of my project, it was too late. So I’m going to combine my finale (Part 5) and my weekly summary into this post, as well as the previous four parts I did in order.*

The story starts out with Popeye and him promoting his favorite thing ever, spinach. Spinach gives him the power and strength to overwhelm his enemies and makes him unstoppable. He actually runs a worldwide spinach company that provides for every nation on Earth.

Popeye

Popeye’s fame and power would not last forever though. Spinach supplies would slowly decrease and Popeye would not notice it until it was too late. By the time Popeye got around and trying to address the issue, farmers around the world have had enough with consumers pushing them to their outmost limits, especially Popeye. The farmers stated that  the constant demand and persistence and their reasonings of not being able to produce enough was their reason in protesting. Violence is a very possible outcome if demands are not met. Arguably, it could be said that Popeye was accounted for the majority percentage of consumption of overall spinach in the world. Global news outlets have already begun reporting this situation, such as CNN.

Screen Shot 2014-12-10 at 8.28.23 PM

Even with all of this going on, Popeye refused to resort to any form of action in an attempt to clear his name or to fix the many problems that are occurring. Granted, he’s not the world police, but at least he could have made some form of effort to help ease a lot of the tensions going on around him. As a result of this, all of the world’s leaders (or those present at the recent United Nations’ conference), agreed to file a lawsuit against Popeye himself. The Supreme Court of the United Nations deemed Popeye’s lack of actions during a critical period astonishing and unacceptable.

Screen Shot 2014-12-10 at 10.11.01 PM

They awaited several months for a response from Popeye until many leaders agreed that enough was enough. They all issued bounties and wanted posters throughout their respective countries, hoping to capture Popeye and end his greedy lifestyle. The lack of a response fueled this decision and enraged many.

wantedposter

Regarding Popeye’s future after these terrible moments, it was rumored he was hiding in his secret hideout somewhere in jungles Brazil, along with the rest of the spinach that was left. Turns out, he had built a underground complex so that only him and some of his most trusted advisors only knew the true location and had access too. He had arrived and has lived there right being filed an injunction against, probably deeming that he doesn’t care about what other people think. Once his spinach supply was all gone, he went crazy and into a deep depression and betrayed all his close advisors by poisoning them.


As for final weekly summary of this semester, there was a lot going on this year. It had its ups and downs, this class, and honestly, I learned a great deal of material and techniques each week. This class has made me much more confident in using lots of different software and applications to help me create various digital assignments. I was familiar with some of the techniques and technology that I needed to use for this class, but I did not know I would become this comfortable with them by semester’s end.

This particular week was actually pretty fun, and it has been while where a week was enjoyable to say the least. The only tough part about this week’s project was coming up with ideas, but other than that, everything else was pretty simple and fun. I basically had to choose any type of character I thought was significant enough for this particular assignment, and I ended up choosing Popeye the Sailor and his beginning and demise through his favorite food, spinach.

My final thoughts regarding this class are that I really enjoyed the majority of the semester but at times I was just so annoyed and frustrated with some assignments because of my unfamiliarity and toughness of specific assignments. However, I managed to pull myself through these obstacles, and even though I didn’t get grades I wanted, I was happy with myself that I was able to create something other than nothing, and I learned a lot about certain applications such as iMovie, using Pixlr, etc. This class at times made me stressed because I was already taking four math classes on top of the workload for this class and being a math major while taking this was sometimes overwhelming to say the least. Other than that however, I enjoyed this class and I am grateful I learned all these techniques that I can possibly use in my near future.


I wasn’t sure if I was allowed to post my blog links or not, since I originally did separate posts for each part of my story. However, I thought it would be safe to just link my posts because they also explain how I created and did my media pieces and I felt like it would be best if I shared my techniques and strategies I used. Since I’m so used to explaining how I did my assignments throughout this semester, I thought it wouldn’t hurt to share the posts I created explaining said explanations on my work.

Part One – Promotion Poster

Part Two – Edited website using X-Ray Goggles

Part Three – My creation of an injunction letter

Part Four – Wanted Poster

I also tagged the appropriate assignments I used in those parts, but I’ll go ahead and tag them here as well.

 

DS106 Final Project: New Professor Wanted

As we have seen today during our investigation of Professor Jackson, things have gone downhill for him at the University of Mary Washington.  Due to the amount of pressure and stress that Professor J. has been under, he has been forced to resign by the Dean of university.  The professor has been receiving complaints from both his students and colleagues about his poor attitude, and will now be stepping down.

Now that professor Jackson is gone, the university needs to fill his position.  What better place to find a professor of philosophy than on Craig’s List?  My inspiration for this assignment comes from a web assignment from several weeks back, Storytelling Within the Web.  I already created an assignment for this web assignment back in week 9, so I was comfortable with the assignment already.  To keep things fresh though, I edited a Craig’s List page instead of an Amazon page like I did previously.


I began this assignment by finding a pre-existing Craig’s List add under the Jobs section.  I selected an advertisement at random

Craiglist ad How-to Pt. 1

With this ad as my template, I opened up the X-Ray Goggles app and began editing.  I used an actual seeking-professor advertisement (not from Craig’s List!) that I found at random as a guide for the beginning of my advertisement.

Craiglist ad How-to Pt. 2

I included several references to films that Samuel L. Jackson was part of.  I also included a miniature wanted ad at the bottom of the Craig’s List post, implying that maybe what Professor Jackson did to lose his job was not so harmless.  After I made all of my edits, I published the completed web page.

Craiglist ad How-to Pt. 3

Click here to see edited web page.  I also included a screenshot below.

Professor Ad Screenshot


This web assignment was worth: H_3 and a Half Stars Wht

 

 

Part #2: Major Problem

In Popeye’s next part of his adventure, he encounters a major obstacle that was shaped in the form of a web assignment. How dangerous right? The web assignment that immediately came into my mind is the “Storytelling Within the Web” and revisiting this assignment provided some great creativity for me.

For this assignment, I had to revisit the X-Ray Goggles, which I had a really fun time playing with the last time I used it. This was my main tool in editing my chosen webpage to match my project’s theme and my specific situation Popeye is dealing with. Since I was already scrolling through CNN, I decided to go ahead and use the CNN website as my basis because I really liked the simplicity and style of the site. Other sites I visited were too complex and had way too many effects and unnecessary add-ons.

Here’s the original site:

Screen Shot 2014-12-10 at 8.15.28 PM

And here is my edited version:

Screen Shot 2014-12-10 at 8.28.23 PM

As you can see, there is a global spinach crisis where farmers have had enough with consumers pushing them to their outmost limits, especially Popeye. The farmers have had it with the constant demand and persistence and their reasonings of not being able to produce enough has gone way over the line. Violence is a very possible outcome if demands are not met.

Part 2: The Crisis

The second part of Winnie’s journey involves a very serious crisis in the form of a web assignment. For this, I revisited Storytelling Within the Web and made a few edits to the front page of CNN.

Screenshot (73)

As you can tell, there this a worldwide honey crisis which has been brought on by the bees who have had enough of bears and humans stealing their most precious product. Most worrisome, is that they have stated they will resort to violence if their demands are not met. This could bring a little forecasting about things to come.

For this assignment, I used the X-Ray Goggles by Hackasaurus to edit the html of the webpage and add in my own content. The page originally had another breaking news story so it fit well with the sense of urgency that I wanted to display for this assignment.

Original Web Page:

Screenshot (80)