MJ Making A Comeback???

Screen Shot 2014-10-26 at 12.24.38 PM

Woahhhhhh, Michael Jordan’s making a comeback??? Only kidding, this is the web page that I edited to create this post. I did this using the Firefox X-Ray Goggles tool. This tool is actually pretty nifty, it allows you to edit basically any web page to include the content you want. So I could’ve even edited this article to make it seem like I was going to play for the Bulls, which obviously isn’t true. But here are the full set of screen shots for my edited web page.

Screen Shot 2014-10-26 at 12.24.54 PMIt was pretty simple, I didn’t really feel the need to edit most of the recent stories on the sidebar of the page. I felt that I could tell a pretty good story simply with this article. I did so by implying that Michael Jordan was coming out of retirement to play for the Bulls. I simply then found some of his statistics, fabricated a quote from him, and WHALA! My webpage was complete. I know I was supposed to include a live version html version of this page, but when I created this I was unaware of this so I exited out of the page before downloading the html. I hope this suffices though.

For everyone’s information this assignment is Storytelling Within the WebThe premise is to simply take a webpage and edit it to tell a story, any story. I found this really interesting, I’ve always been interested in messing around with HTML and CSS, but I’ve never heard of the tool X-Ray Googles before. I really liked it, because it is a good mesh between the tech side of web development and the simple side of it. It caters both to web developers, who can edit the in depth HTML, and non developers, who can simply insert their texts and images. This will definitely be a tool I use in the future to further my knowledge about HTML, CSS, and Web Pages.

I hope everyone enjoyed this post and that everyone had a good week! Til next time everyone.

 

Storytelling within the Web

Chins for the Win: Chinchillas Could Dominate the World

For the Storytelling within the Web Assignment, I knew I wanted to re-make a news article of sorts. I wasn’t sure where to go from there, so it took a while to find some information. I thought I’d have time to think of something to write about while the x-ray goggles were downloading, but they didn’t even need to download! Getting access to the goggles and putting them on my bookmarks tab was the quickest online-thing I’ve ever done.

After that, I went to the Wall Street Journal and found a random article to mess with, and decided to talk about chinchillas. The man in the article “Mike Mikes” is actually my boyfriend, whose name I didn’t want to give away for privacy purposes, and the chinchillas he talks about are actually co-owned by me! I thought it’d be humorous to talk about how painfully adorable chinchillas are on such a serious platform as the Wall Street Journal. The article I wrote is basically just about how we came to find them, adopt them, and how it’s going so far. Funnily enough, as I write this, my boyfriend is crawling around on the floor trying to get one of the chinchillas, Pippin, who just jumped out of his hand and is running around on the floor and refuses to be picked up. Pretty hilarious.

Anyway, enjoy the fake article! I had a lot of fun with this.

NOT 4 DOGS (Internet Storytelling)

Okay, so, even though I’m really happy with my finished product for this assignment, getting to this point of satisfaction was NOT fun.

Homecoming weekend was this weekend, so after being awakened far too early on my Saturday morning by alums standing on Ball Circle singing jaunty tunes about beer (this was the actual song they were singing; I’m not even joking),  decided I should get started on my biggest project of the week.

Gathering up all of my electronics and coziest jacket, I went and sat in the sunlight and began. The Mozilla Goggles thankfully weren’t hard to learn how to use (and I had no idea Mozilla offered so many awesome web design tools/apps!), so the hardest part for me was to decide what sort of site I wanted to re-design.

I’m a huge fan of IMDB and LOVE to browse message boards of movies I’ve just finished watching (especially if the films have deep, whacky, open-to-interpretation endings and I’m confused and emotionally distraught and have to have someone explain the details or plot elements before I drive myself insane), but I wanted to work on a site that wasn’t provided in the examples for this week, so I decided on Buzzfeed–particularly, their Life section.

Buzzfeed is a super popular website with 20-somethings, and I myself spend far too much time taking their quizzes instead of sleeping. Therefore, I knew the website would be familiar to my audience, and the layout is rich with fun colors, text, and pictures that I could easily edit.

The twist was: instead of being aimed at humans, this Buzzfeed Life page would be aimed at pets! Featuring articles such as “Best DIY Exercises for Those Days When Your Human Won’t Take You for a Walk” and “Top Fashion Trends from the Latest Westminster Kennel Show,” the page was going to be über popular with humankind’s favorite friends.

I had half the page coded when…boom.

Or, rather–no boom. Nothing at all, actually. My entire screen went dark, Mozilla WebMaker Goggles stopped functioning, and I lost all of my work. I mentally debated screaming and throwing my laptop across the field, but decided against that, because there was a lovely family playing Frisbee nearby that didn’t need to see such a tantrum.

Rather than moan and groan and try and figure out what happened (I still don’t know what happened; I was at 74% charge, other apps would work, and the Mozilla Goggles just went kaput), I went inside to have a snack and take a breather.

I was too frustrated to try and re-do my Buzzfeed page (R.I.P. Buzzfeed Life For Pets 2014-2014), so I tried to think of something a bit simpler but still fun. I was inspired by the amusing Amazon.com Wolf T-Shirt reviews and decided to keep with my dog/pet theme and write a critique of some online item. Instead of choosing an actual analog product, though, I searched pet apps.

One of the top results was DoggyDatez. I thought it was a cute, unique way for dogs to meet other dogs in the neighborhood/town/city while their humans got to socialize, too, but then I tried thinking from a dog’s point-of-view. Sure, meeting new animals is a blast–especially for canines–but I would be mad if my mom or dad’s attention was suddenly on another person or their smartphone instead of me during our walks!

Therefore, my altered DoggyDatez: REVIEWED BY ACTUAL DOGS page was born.

DoggyDatez 1

DoggyDatez 2

If you can’t read the text super well, I apologize. My screen was being troublesome, so I had to zoom out, but hopefully you can zoom in on the screencaps or check out the live version.

I began by re-writing the description. Each detail/perk that the app company described I re-described as an angry pooch! Therefore, traveling to all sorts of different territories overseas or in different states (NO PLANES PLEASE says every dog ever) or marking/labeling territory with the touch of a finger instead of pee became cause for concern and sometimes outrage. The dogs have spoken, and they clearly prefer dog parks where THEIR socialization is the main focus–not their human’s–or one-on-one play time and fetch with their favorite person in the world AKA their owner.

Then, I edited user reviews by giving each Internet savvy dog a personality and username to match.

The first was a handsome, smooth–or trying to be smooth–perhaps over-eager Rottweiler that liked to lay on the charm.

Username “rott weiler.” What a ham.

The next was a precious, overactive golden retriever who was just really upset that her momma wasn’t paying as much attention to her because of this app. We are the center of our pets’ worlds, after all, so we should give them as much love and care as possible, right? Fetch > smartphone apps.

This shot really speaks to username “GOLDY RETRIEVE”‘s personality.

The last user to review happened to be the very same poodle with whom username rott weiler was so smitten. Clearly, the feelings weren’t reciprocated, and she officially prefers meeting dogs in person to “online dating.”

So much sass from “LittleMissPerfectPoodle.”

I then fiddled with details like the title/subtitles of the app (that also act as the title and subtitle for this post) and Compatibility.

The actual editing took forever, because X-Ray Goggles kept crashing/messing up on me, again! I’m not sure if there’s something wrong with my computer or it was just the app, but some text segments appeared completely deleted/empty after I’d just added them while others were in the wrong place or duplicated for no apparent reason. Maybe I should write Mozilla and let them know the Goggles have bugs. Do those crash/error reports ever actually help IT services and coders, anyway? I’ve always wondered.
Frustrations and app crashing aside, I had a lot of fun with this project. I’m such a dog lover that looking for material for this edit and my short-lived Buzzfeed page was a blast. The voices I have in my head for each dog are pretty funny, too, but I’ll let your imaginations run wild with those details rather than provide them, this time. (;

Enjoy & thanks!

X-Ray Google Storytelling 3-star

Here is the original webpage! Untitled

I decided to change the listing I found for a house for rent on Lake Landor (not even sure where this is in Fredericksburg, VA) and make a ridiculously cheap house for sale on Lake Anna. ;) I changed key words in the description to associate this with Lake Anna and a $15 house for sale instead of a $1595 house for rent (monthly price) I even changed the first picture to a picture of a random house on a Lake Anna Reality site. The work on this really wasn’t tooo hard all it really required was to install the X-ray bookmark and then use it on a site and I decided to use this instead of a story or anything else because I did want to keep it simple so I couldn’t mess it up!

Here is the Link to the Live Redone page

Having fun with PS3 Amazon Page!

Original Assignment

I went onto Amazon and I decided to play around with the PS3 product page. I also played around with some of the default promotional tabs on the page as well. I downloaded the X-Ray Goggles to help me this task and it was pretty fun playing around with it. Here is the original page:

Screen Shot 2014-10-26 at 2.30.49 PM

Playing around with the text parts was easy and I didn’t feel like there was necessary image editing due to the fact my assignment was centralized around the PS3 console itself. I chose to use the PS3 as my main idea because I have one myself and I wanted to see what the pricing was on Amazon and also had some input to the page itself. Here is after my X-Ray Goggles editing:

Screen Shot 2014-10-26 at 3.00.12 PM

I thought this assignment was pretty fun actually, considering how creative I could get by promoting a popular console and providing zesty information about the PS3 to convince a consumer. Although there isn’t much, I did my best to edit what I thought was the most important parts. You guys can also view the original and new live versions of this page here (the seller link changed for some reason so excuse the slight difference from my screenshot to the actual page):

Original Page

New Page

 

Storytelling Within the Web – NYT Edition

Screenshot (16)

New Webpage

When I first looked over this assignment and noticed the option to code I was a bit worried about how hard this would really be. However, after following the simple instructions on the Mozilla page, I was pleasantly surprised by the ease of changing a web page. I thought for quite a while on what site I should change and how to change it. I then thought of all those ridiculous National Enquirer headlines I used to see and decided to apply them to a reputable source such as the New York Times. In the end, I was happy with the way things turned out.

Making Of:

I started of by going to the X-Ray Goggles page by Mozilla and followed the instructions and learned fairly quickly. I then uploaded the application to the Bookmarks Toolbar on Firefox and went to the New York times page. I then clicked on a few headers and pictures and simply added what I was replacing them with. I then clicked the publish icon which gave me the final results.

Examples:

Changing text

Screenshot (17)

Publishing button in green

Screenshot (18)

 

Storytelling Within The Web-3 Stars

In this assignment,  we had to use the X-Ray Goggles Software and change a website to tell a different story. The process to create to do this was a lot easier now that I understand how to use X-Ray Goggles. I was able to take an image from Google and place as the front pic of the NBA site. Then I was able to change what is said on the front article.

All the NBA has talked about this off-season is LeBron James heading back to Cleveland, and the trade they made to get Kevin Love. To be honest I am getting sick of hearing about LeBron coming back to Cleveland. They are also talking about how the Miami Heat are going to bounce back after losing LeBron. Everything about the NBA has to do with LeBron’s decision, so I decided to make the front cover of the NBA website about my Celtics. I talked about the bright future that the Celtics are going to have.

NBA Remix Website

NBA Original Website:

nba original

NBA Remix Website:

remix website

 

Storytelling Within the Web: Repurposed Faucet

I knew from the start that for my Storytelling Within the Web assignment that I wanted to re-purpose an ordinary object into something unusual and completely unrelated.  I searched Amazon.com under the “Today’s Deals” section until I came across an object that I thought I could re-purpose, a sink faucet.

webstory original

When I first chose this item, it was not for any particular reason except for that fact that it looked rather odd for a sink faucet.  After staring at the picture for a few more moments, I realize that the faucet reminded me of some kind of fiendish device a dentist might use to perform surgery on a patient’s mouth.  For these reasons, I decided this would be the Amazon item that I would edit!  As there is essentially no self-dental care products on the market apart from toothbrushes and floss, this product intends to give those who are unable to afford regular dental checkups a cheaper alternative for emergency dental care.  Using the X-ray Goggles app, I began making subtle edits to the product’s Amazon.com page.

webstory pt1

 

 

Notable changes I made include: the product’s name, descrption, and category it is located in.  Here is the finished edit of the product page:

webstory completed


This Web Assignment was worth: 3 out of 5

 

 

 

Red Sox make the World Series again!

The Red Sox had a slow start this year but really were able to turn it around. They overcame a rough season, trading away players, and injury to make it to the World Series against the San Francisco Giants. It was definitely a rough year but it is exciting to see them up in the series 2-1 against the Giants. It would be really cool to see the Sox win back to back World Series. What’s that you say? The Royals are in the World Series? Then why did I find this?

Red Sox World Series

Alright you guys caught me. I actually was doing the Storytelling within the Web Assingment. The Red Sox were having a woeful year so I decided to fix up the page a little to cheer myself up. Using the X-ray Goggles tool I was able to change the text and images. It was a little bit tougher than I thought it would be actually. Changing text was simple because all I had to was delete certain words and add new ones but for images I had to figure out what mlb.com used for coding and switch. An example was when I was switching the the starting pitcher from Jason Vargas to Clay Buchholz I had to switch the code so that the image would display Clay Buchholz instead. Also when changing the Royals logo to the Red Sox I had to figure out what they used for the image code. Overall it was a fun assignment but definitely challenged me. If only the Red Sox had actually done well this year then I would have to change websites to make them good but oh well I can’t complain since they won last year.

Down below is what the page originally looked like.Real World Series

So there were quite a few things I had to change. Obviously every time it said Royals I had to switch that to Red Sox as well as pitchers name, logos, the radio station, the video thumb nail as well as additional things within the paragraph. You can view the whole new page below as well as the original.

New page

Original Page

PacMan the Ultimate Maze Runner

In this Web Assignment, we were to edit a current webpage in a way to create a new story. I chose to edit the webpage for the movie The Maze Runner on IMDb.com. I decided to turn the webpage to PacMan being the focus of the movie. I kept Maze Runner as the title of the movie, because it fit the idea of PacMan perfectly. The webpage now tells the story of a new movie in theaters based on the popular game PacMan. It describes him as the hero of the movie trying to escape the maze he’s been trapped in by the four ghosts. The plot follows his quest to retrieve all the dots and collect the cherry, which is powerful enough to set him free.

To edit the page I used X-Ray Goggle. I really like this tool its very user friendly and makes it simple to change a webpage. Using the goggles I changed the movie poster to a picture of the PacMan game. I also edited the summary of the movie, as well as the director to be the company who produced the game and the directors to the game’s creator and console. Finally I edited the cast list to reflect the characters of PacMan as playing themselves in the movie.

Here’s a link to the live web version: http://jtwhipple.makes.org/goggles/usernames-remix-of-the-maze-runner-2014-imdb

Screenshots:

Webdesign screenshot1

webdesign screenshot4