For my final Web Assignment of the week, I am completing the required assignment Storytelling Within The Web:
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 olderFirebug Tutorial) Consider using news sites, social media profiles, product pages, movie review pages etc. The simpler the design of the page, the easier it will be (think Craig’s List).
To be honest, I was completely confused and scared by this assignment, so I saved it until today to complete. However, I found this incredible tutorial created by Daniel Adams, a past DS106 students. He made a video on his blog that is simple and easy to understand, which perfectly explains how to complete the assignment. I completed the assignment given the instruction he provides in the tutorial video.
In honor of Homecoming Weekend and school spirit, I decided to alter the content of my Instagram profile web page to resemble that of our new school mascot, Mandaalynnn the Eagle! Below is the original web page and then the altered webpage.
I made several changes to my original web page in order to achieve the final product. I will list them below:
- Change profile image to that on our Mary Wash eagle mascot.
- Change username from “mandaalynnn” to “mandaalynnn the eagle”.
- Edited the About Me/Bio section to reflect the new name, important dates and info. (1908- Year MWC/UMW was founded; Pro Deo Domo Patria– UMW’s motto; UMW main website)
- Alter the number of posts and followers (1908 total posts, and 5,000 followers for the approximate number of undergrad and graduate students that attend UMW).
- Change the three most recently posted images to UMW appropriate images (university seal and logo, Lee Hall).
For my second Web Assignment of the week, I decided to complete Google History Maps Story for 3 stars. This assignment asks you to tell the story of a literary or historical figure through Google Maps. The map itself, from its locations and directions should tell the story of the person/character you are talking about. It’s not a super complicated process, but I will give detailed instructions on how I created the Map below. I decided to tell the history of Anne Frank, a young Jewish girl killed in the concentration camps of Germany during World War II. Most of Anne Frank’s life is described through the popular diary that she kept which was later published in the United States after her death. I have always respected the great courage and sacrifice she gave as such a young woman in the concentration camps. Here is the map I created, detailing her life from birth to death in Nazi Germany. The green location is the starting point, Anne Frank’s birth, and the yellow location is the place of her death. The red locations represent different moments in her life. You can follow these different moments via the lines which are labeled Line 1, Line 2, etc. Each location also has a detailed description of what happened to Anne Frank at the time that she was in this location. By moving from one point to the next, you will get a story of the short-lived life of Anne Frank.
Here is how to complete the assignment:
- Go to Google Maps.
- Go to Menu—My Maps–Create Map
- At this point, you can title your map what you please and give it a description.
- Add locations to your map, documenting the life of the person you’ve chosen.
- Search for the specific location in the search bar (e.g. “Frankfurt, Germany”).
- After finding location, click Add to map.
- Edit the title and description of the location, as well as the icon/symbol and color to desired setting.
- Repeat step 4 until all desired locations are on the map.
- Add lines to your map, connecting all of the locations.
- Under the search bar, click on the symbol that looks like 3 dots connected by a line.
- Start with the cursor on the first location in the timeline (e.g. “Birth”), and drag the line to the second location.
- Press Enter on your keyboard. You will then be given the option to customize the appearance of the line as well as it’s title and description.
- Repeat step 5 until all desired lines are on the map.
- Drag your set locations and lines to the desired order via the left bar on the side. (I chose to place each line in between the separate events/locations.
- Your map automatically saves, so at this point you’re done! Congratulations on creating your own Google Map!
For my first web assignment this week, I decided to complete Create Your Dream Vacation on Pinterest for 3.5 stars! Super fun and exciting since I’m already an active user/participant in the Pinterest world. With PInterest, you can create boards on your profile for common topics/themes such as food, crafts, vacations, etc. Then you search through the search bar the specific items you want to find, or you can browse through the general sections available as well. After you find a picture you like, you can click on it and follow it to the original link/website, or pin it to your board for later! It’s a genius idea for finding and saving recipes and outfit ideas. I was already familiar with the layout of the website, so all that was left became deciding where I wanted to go on my dream vacation. For years now, I have always wanted to travel to Australia! Pictures from this place are gorgeous, and the area is filled with rich culture and delicious food. It also strikes me as a place teeming with endless amounts of activities and tourist destinations. I would find it hard to believe that upon visiting Australia, one would be bored and find nothing to do. Below, I will embed a link to the board I created for my virtual trip to Australia and all of the essential information one would need.
My Dream Vacation
- Culture of the Aboriginals (family life, art, etc.)
- Destinations & Traveling Tips
- the Outback
- the best beaches
- pink-colored Lake Hillier
- the Great Ocean Road
- National Parks
- Popular restaurants & recipes
- Fun/Unique Facts
- General Tips/Info
I feel that by looking at the Pinterest board I created, most people would be able to come away with a general sense of what a vacation to Australia would be like. Unfortunately, my board does not take into account the logistics of the vacation (save for the pin on traveling to Australia on a budget). But, the pins I compiled showcase the beautiful scenery and culture available to someone considering a vacation down-under! This was an incredibly fun assignment for DS106, and it only makes me want to travel to Australia even more than before!