Who Let The Dogs Out?

My blog title/song title will make sense once you are done reading this blog post, trust me!

For my first web assignment, I chose to do the What they might have done in social media {***} one. When I was looking through the Web Assignment Bank, this one was the first one to spark my interest.

Because I’m a psychology major, it seems appropriate to chose Ivan Pavlov to create social media pages for. If you don’t already know, Pavlov is famous for classical conditioning. He found out that dogs can be classically conditioned to salivate when they hear a bell by simply teaching them that the sound of a bell means food is coming.

Here is his Fakebook:

pavlov fakebook

And here is his Twister:

pavlov twister

I had a lot of fun creating these pages and finding the right “friends” to go on Pavlov’s Fakebook. These are neat websites that I will definitely use in my classroom when I am a teacher. Students could use these websites to create Fakebooks and Twisters for historical figures and I can assess their knowledge by reading these fake pages. I love when I can connect DS106 work to my future classroom!

Now does it make sense that my blog title is the song, Who Let The Dogs Out – Baha Men?? :)

Storytelling Within the Web Assignment: How Cynics See UMW

Do you know anyone on campus who aaaallways has something negative to say about the school? In some cases what they say is true, but most of the time they just need something to complain about in front of their friends. It gets annoying. Wouldn’t it be simpler to transfer if you dont like the university? Apparently that concept is too complicated.

I created the How Cynics See UMW page by taking the original UMW homepage and editing the text to what is usually negatively said about the campus; “There’s no parties here!” “The food service here sucks!” ect. I do agree with a few of these, such as the small amount of diversity and the fact that our school’s slogan is cheesy, but I don’t complain about these aspects every waking moment! For the most part, I wouldn’t have selected any other college to attend.

Here’s the original UMW homepage

Picture 4

And here’s how cynics see it
Picture 1

I was unable to change the UMW logo and slogan just by typing over the text because the whole space was an image. This was the only place on the site where I had to use GIMP, since everything else was a basic editable text area.

Check out the main page to see the text a bit clearer. And for pete’s sake, don’t turn into one of these people!! People like these make the school more unbearable than what they actually claim.

My Dream College Experience

This may just be my favorite assignment yet! Anyone who knows me knows that I am not someone who picks favorites easily. Ever since I was little and someone asked me what my favorite part of vacation was or my favorite part of school, I simply responded with “everything”. I still do it to this day in fact. So when first brought upon the challenge to tell a story through a website I was a bit tentative. How am I going to do this? What website will I choose? What story will I tell?

I started thinking about different things that I could do. What do I use the Internet for? Well, recently it’s only been for Digital Storytelling and another class that I am in online. So, my top 8 visited websites mainly have to do with those, or Hulu since I watch way too much television. However, after looking at the top 8 visited websites I remembered something. Before this class took over my life (in a good way of course) I always had a number one visited site, umweagles.com. In fact, I visited that site so many times that it used to be my #1 AND my #6 most visited site. How that happened, I still have no idea. At first I started to dream really big, and I go onto ESPN’s website and put on my x-ray goggles and realized that I enjoyed having hair and didn’t want to pull it all out trying to even decode a thing. So I went to something that I thought would be simpler, NCAA. Once again I was wrong. I should have just stuck with my gut instinct and looked at UMW Eagles. Once I put on my goggles, I saw all the potential for manipulation.

At first I was going to make myself an All-American, then I was going to take the volleyball team onto some crazy trip. Then in a state of pure brilliance I decided to change things up a bit and make a new sport, dedicated to princesses. My mind started working at a million words per minute and I was just trying to gather everything together. A Princess sport. I first went right to equestrian, and I don’t mean riding horses, but I mean the competition style. There are different aspects that they get judged on, just like in gymnastics. So my idea is that the competitions would be more like a meet fashion rather than a game fashion. The criteria would be Magic Carpet racing, Archery, Sleeping Competition and finally a Math competition.

I loved being a college athlete. I came into this school lost and not knowing anyone, and it gave me a family right away. I wouldn’t trade my experience as an athlete for the world. I think it is a great way for students to really have a great college experience. So, why not open it up to Princesses? I would totally do all of these things if it was an option!

So I decided to “Pimp My Page” for lack of a better analogy. Using the x-ray goggles, I was able to change the pictures and the beginning of the stories as well as their titles. I even got to change the scores on the top!

Sadly, the main headlines do not rotate like they do on the main page, so it takes away a bit from the story that I wanted to tell. However I changed the stories anyway. So this is the order of the pages that I want you to view (to portray the switching from story to story). So just to make sure what I am saying is clear here is the deal. On the original website, the 5 most recent stories are rotated, starting with the most recent one.

So my here is my first page, second page, third pagefourth page, and fifth page.

Now that you have seen the result, it’s time for the down and dirty part. How the heck did I pull this off? Magic of course.

It actually was not too hard at all!! X-ray goggles really do help a lot. The stories were all very easy to fix, and the big pictures were easy to put in. In order to fix the big pictures, you had to type in the link for a picture that you found. This was easily done using google image search and hitting view original image and typing in that link to replace the one previously there.

Where I had the most trouble was the pictures on the bottom. The coding revealed that there was more than just the link because the picture had to be resized to be smaller.

Here was the basic format of the smaller picture:

thumbnail

Compare that to the basic format of the large picture:

Big_Picture_Basic

There was clearly a difference. It wasn’t until a bit of researching later that I realized something interesting. The part of the code that I could not change in the basic format (the gray part) was what was throwing me off. So I ventured into the advanced section to see what I could find. And I really liked what I got to.

Here is the advanced format for the small picture:

Thumbnail_Advanced

Here is the advanced format for the big picture:

Big_Picture_Advanced

 

The big picture’s advanced box has a nice clean simple way of putting dimensions in it! Which is why all the photos are the same size. However, the small picture has a weird complex and cryptic way that I did not want to figure out.

So simply all that I did for the small pictures code was change the dimensions to by 98 by 60 (which I figured out from the cryptic code).

As a final touch I decided to change some of the scores in the top. Just to keep things interesting.

I chose not to change all of the stories because that is not realistic on this website. Instead, I decided to show the announcement of the sport, the fundraising for the sport, and then one competition of the sport. I hope you enjoyed looking at it as much as I did!

Thanks for reading!

Princess Karissa

 

Where I have lived….

This is my attempt at a Google map showing all the places, in order, that I have lived in my life for a month or more.

The Best Day Ever on Facebook

What if Spongebob and Patrick could use Facebook?  To document the Best Day Ever, I’m using the What They Might Have Done In Social Media Web Assignment.

I followed the instructions on the Fakebook page to build the foundations (name Spongebob’s page, fill out his profile, give him friends, etc).  Then I started to type in the story via conversation.  :)

I came to some frustration when I tried to change the photo in my soundcloud widget to reflect that Patrick supposedly made this for Spongebob.  It worked on my Soundcloud page, but I still had my photo showing up within Fakebook. :(   I’m not sure why.  But then, as the page crashed occasionally (I learned to hit the save button (again) meticulously), and reloaded, the Patrick picture appeared in one soundcloud widget, and the entire widget disappeared and turned to a dysfunctional link instead.  And of course, you can’t just edit anymore (where did that edit button go that was there before?!), and you can’t rearrange comments once they’re made. So I had to delete the comments below it and that post, re-insert the widget code and the comments following it, and save again.

And it’s a good thing I saved.  When I went to embed flickr photos next, it threw the entire page off.  Fakebook wouldn’t allow me to delete the post once it was made, it told me instead to contact the webmaster.  I had to reload the page to the last saved version.  So, the only thing I can do with photos in Fakebook, unfortunately, is to link to them.  That’s kinda lame, but it’s what I had to do.  At least the links work (or did at the time when I made this).  Hopefully none of my previously-working widgets or links break again on a reload. :P

So I finished embedding all of my media that I intended to use for the day of (12/10/12), and was about to post a few follow-up comments and posts for the day after, including the Google History map to show that Patrick and Spongebob got off of Facebook for the rest of the day, but wanted to show everybody the next day all the places they had been.  I also wanted to post a few videos and clips with some more dialog just for fun.  It remains to be seen if I’ll be able to do that or not, since the entire site crashed, and crashed my entire web browser (thank God I saved this summary in progress this time and my work in Fakebook).  Either way, assuming the site is working when anybody goes to check it out, here is Spongebob’s Facebook page.  I haven’t had a chance to take screenshots yet, but I will come back and add them if the page comes back up any time soon.  Enjoy!

I figured it out.  Since I needed a fake Twitter also, I used that as Spongebob’s day after post.  Kinda lame that I can’t embed the media again, or even make the link clickable, but if you copy and paste the link within the tweet, it works, and takes you to the Google History Map I created. :)   Score.

Twister Post

And I’m back into Fakebook.  Remember that you have to read it from the bottom to the top in terms of thread, top to bottom within each thread, because this is old style Facebook.  :)   Here’s the shots. I put them in order the best I could – preferably, though, the link above will work and you can just read it through it the way it’s intended. :)

Fakebook 1 Fakebook 2 Fakebook 3 Fakebook 4 Fakebook 5 Fakebook 6

Hail, Quiz-Bearer!

Check it out! I created YET ANOTHER assignment, and for this one you get to make your own online quiz. Pretty nifty, huh?

Surprisingly, this turned out to be one of the easier projects I completed for my final portfolio. The website I used to create the quiz, PollSnack, is exceedingly user-friendly, quite unlike some of the other online quiz services I used way back when.

The goal behind using this quiz as part of my project, and for the assignment as a whole, is to give anybody who takes the quiz a taste of what the characters are like without revealing too much about the overall plot. It’s supposed to function as a fun little taste of the story in a really easily digestable format. Each question reflects an important plot point or theme—Morgon actually does get attacked on the trader’s road, and his greatest struggle is reconciling his idea of himself with his destiny—and each answer gives you little hints about the characters. The most fun answers to write were definitely for Lyra, the headstrong young guard captain who relies on little more than her spear and her belligerence to get her through any situation she encounters.

If completed thoughtfully, this assignment could be used to tell stories in any number of ways. Students could take the route I chose, and reveal just enough about the source material for their quiz to get people interested, or they could use the progression of questions and answers to tell a completely unique story, like each question and set of answers slowly making less and less sense to convey a character who’s going insane. It’ll be interesting to watch this assignment from afar to see what students do with it, and how they incorporate it into bigger projects.

Youtube it Your Way! Tutorial

To begin this assignment first go on Youtube and choose the video page that you want to alter. Next go to this webpage and follow the directions on how to add and use X-ray Goggles on your computer. (This is the tool that will help you alter the webpage):

X-Ray Goggles

After completing this go back to the Youtube page and begin editing the page to confuse viewers. In my example I changed the name of the video, its description, and the comments. I left the rest of the page the same so that viewers would be confused on about what they were actually looking at.

After you have completed this, open a new browser and pull up the original webpage with the unaltered Youtube video.Next open another new browser and look online for a tool to use to take a screen shot of your two webpages. I use Google Chrome, so the tool that I used is called Webpage Screenshot.
Here is the link to the webpage I got it from:

Tool

Once you have found one install it so that it is saved as a tool in your preferred Web Browser. Take a screenshot of each webpage and save both images to your computer and upload both of the images to Flickr.Make sure you take a screenshot of the whole page for each of your photos!

Viola and you are done!

Here is the link to my example of this assignment:

YoutubeitYourWay!

Google Map History of The Best Day Ever

To help summarize Spongebob’s Best Day Ever, we’re using the all-powerful magic of Google through the Google History Maps Story Web Assignment.

I simply went to the site and followed the tutorial, and used a bit of creative license, and TADA!  Spongebob’s Travels on his Best Day Ever. :)


View Spongebob’s Best Day Ever in a larger map

Travel Hippy Style With Ozmomatics

As part of a ds106 final project story I am doing based on the Wizard of Oz, I have a part where Dorothy decides to go back to Oz. Not knowing how to find another tornado to whip her house (no one in Liberal, Kansas could explain how the house that was whipped to Oz was back in Kansas in tact. Continuity issues at the tourist trap).

I decided to to the Storytelling Within the Web assignment hoping to find a travel agency with a hippy theme:

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.

But I failed it surface anything useful. I did find that the authoritative hippy.com site is sporting HTML vintage 1997 (tables, baby, it’s all tables and no CSS),

The Tecnomadics site seemed to come close enough to give me something to play with – the “hippies on http? banner drew me in. I set about in Hackasaurus to bend the text and media to my story. The one place I could not edit was the slider widget the have below the main header. Once I had saved the HTML from Hackasaurus, I opened it in a text editor, and deleted the DIV that contained they slider widget (as well as the fraebook iframe). I also got rid of a few lower blocks of content; the page was already long and I have enough for my purpose.

You (and Dorothy) can find my web edited version of this site at http://cogdogblog.com/stuff/gotooz/ozmomatics.html- its pretty heavily edited, all text and menus.

The idea is that it appears as this cool kind of travel site for hippies, but when Dorothy reads it, the content shifts to match her own personality and desires.

In fact, if you go under the “Take a trip” menu there is a link to “oz”, a page that uses the earlier animated gif I made of the ruby slippers, and I set up that page when clicked to go to an embedded version of my backwards video.

The story pieces are getting more connected!

Pinterest Peaks Interest

Storytelling within the Web

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.”

You can see my site here

This is part one to my final story:

My story starts with a girl, named Eliza, who is soon to graduate from college. She, like most other college girls, is looking at her Pinterest in hopes the answers to all her finals will magically be “pinned” :) . She is looking at the Travel section and searched Italy. She HAS to go! Part 2

I made this web remix by intervening the the code with the program X-Ray Goggles.