Web Activity 3

Here is my attempt at a metaphorical image combining Baddley's Model of Working Memory (specifically Dual Task Paradigms) and Information Processing Theory. The relationship is depicted by the picture. With Dual Task Paradigms, simultaneous actions will complicate the acquisition of information. The motorcycle driving quickly down the road: the road is blurry, while the environment is hard to really focus on. The motorcyclist is responsible for many tasks and cannot focus on just one task at the time (As that would be extremely dangerous). As you look at the picture, you can see holes in the image and see the desktop to a computer. You can also see the frame and Keyboard of the laptop. This represents Information Processing Theory. This theory tells us that our brain is like a computer when analyzing information. Because this is a laptop displaying the image, the overarching theme is IPT and the portion of Baddeley's model of working memory (Dual Task Paradigms) is working within IPT.

Source for Motorcycle: Image:http://www.art.com/products/p13953552-sa-i2807646/first-person-perspective-of-a-motorcycle-ride.htm

Sarah Hagan- Visual Resume

Credit for Pictures:

JMU logo: http://misskatlynmarie.blogspot.com/2011/08/getting-there-is-all-fun.html

Ymca: http://citrusdaily.com/inverness/ymca-offering-summer-camp/2009/06/12/6463.html

PANERA: http://www.espiremarketing.org/panera-bread-company-case-study/

APO: http://www.uvm.edu/~aphio/

Web Activity 2: How to Make Hot Cocoa!

Web Activity 1: Effective Images

I apologize this is late, I joined the class late.

While I was searching for examples of universal instructional design that addresses performance, I came across many examples that apply to real life situations. I noticed how frequently we rely on visual representations and design for instruction with everyday actions. For example, there are visual demonstrations for how a child must sit safely in a shopping cart or how to use a fitness machine at the gym. I was searching for a example that no one in the class had discussed yet and then I remembered I time I had relayed on universal design for instruction when I was trying to figure out the settings on my new camera. I read the instruction book from the cover to the last page and it was full of representations and diagrams explaining the camera. I found it very helpful because there was an actual picture of the camera or the part of the camera that was being explained, so it was easy to understand. The representations also included lines pointing directly to the settings being explained. Most of the symbols for cameras are universal, but this was my first camera that included Manual and Automatic settings, and I found the instructions very helpful and easy to understand.

The Phenomenon that is Pinterest!

I came across an article on CNN about Pinterest - the virtual pinboard that allows users to organize their interests. I don't know about you, but I never really jumped on board with this new online obsession. Occasionally, I will visit Pinterest if I'm looking for a new DIY craft to try, but sometimes I get overwhelmed. Although, I do think Pinterest is a great example of visual literacy and display and after reading this article I think I am more inclined to give it a second chance to win my heart.

The article goes on to discuss different people and companies that frequently visit and use Pinterest. A stay-at-home Mom quoted in the article shares that she thinks Pinterest offers a way to make "your offline life easier." Meaning she has more time to spend with her family instead of having to sit and work at her desk all day. Pinterest has allowed online users to categorize and share their passions through the web via images.

Another part of the article that I found interesting (no pun intended) is that Pinterest is being called a modern day way to curate. For designers and social media experts, Pinterest "offers an easy way to digitally curate content without the pain of cutting clippings or saving endless web pages on your desktop," (said Marshall Kirkpatrick, ReadWriteWeb). Pinterest has allowed for millions of users to get new and creative ideas all in one place. The article wraps up with a short piece about using Pinterest to create 'your own aesthetic,' which further elaborates on this idea of visually displaying and sharing interests in different categories and on different virtual boards.

So, my questions for you all are do you use Pinterest? If so, what is your favorite thing about it? Has it been beneficial to you? For others who don't use it, have you heard of it? Would you consider using it?

Here is the link to the article http://www.cnn.com/2012/01/26/tech/web/pinterest-website/index.html -- there is also a video!

Christina Saunders- Web Activity 2

HOW TO MAKE HOT COCOA

Bradley Jones Visual Resume

Bradley Jones Visual Resume Feel free to comment

Reference Links

Wood background

Source:

http://www.google.com/imgres?imgurl=http://fc05.deviantart.net/fs32/f/2008/227/4/a/Ibex_Wallpaper_by_willwill100.png&imgrefurl=http://superdit.com/2010/04/25/simple-and-beautifull-woode-texturefordesktopwallpaper/&h=1050&w=1680&sz=1077&tbnid=OT65vuhb3FK1iM:&tbnh=76&tbnw=121&prev=/search%3Fq%3Dwood%2Bbackground%26tbm%3Disch%26tbo%3Du&zoom=1&q=wood+background&docid=6kej9TwKrkLa-&sa=X&ei=K98aTD0NaH10gG89KHeCw&ved=0CDAQ9QEwAQ&dur=456

School House

Source:

http://photoshopgraphics.com/2011/07/free-house-psd-png-icon-isolated-picture/

Fishersville Computer

Source:

http://officialpsds.com/Apple_Computer_1-PSD24989.html

Fishersville Image

Source:

http://www.google.com/imgres?q=valley+southern+title+fishersville+va&um=1&hl=en&client=safari&sa=N&rls=en&biw=1193&bih=561&tbm=isch&tbnid=xZLSMhJmFTKM:&imgrefurl=http://www.vstitle.com/&docid=pRWZQPJFKkblVM&imgurl=http://www.vstitle.com/images/hdr_title.gif&w=442&h=93&ei=vkaT4vpGPKw0AHp_oCpCw&zoom=1&iact=hc&vpx=32&vpy=376&dur=2040&hovh=74&hovw=353&tx=172&ty=41&sig=118427734596985897737&page=1&tbnh=29&tbnw=137&start=0&ndsp=21&ved=1t:429,r:14,s:0

JMU Image

Source:

http://www.universitiesintheusa.com/james-madison-university.html

CMSS

Source

https://www.facebook.com/pages/JMU-Center-for-Multicultural-Student-Services/160099014009588

Capitol Building

Source:

http://www.osborneink.com/2011/12/warmongers-of-capitol-hill.html

Graduation

Source:

http://officialpsds.com/Grad-Man-PSD30704.html

JMU Bridgeforth

Source:

http://www.acentofante.com/index.php/workentry/jmu_bridgforth

Concrete

Source:

http://www.textureking.com/index.php/category/concrete

Grass

Source:

http://bestdesignoptions.com/?p=5250

Web Activity 3: Theories of Memory

I am not a psychologist and only have what I imagine is a cursory understanding of theories of memory, but here is what I get from reading Chapter 3 of the Lohr book:

Each of the theories presented in the book seem to add a new layer of description of how memory works. My visual would work well as a powerpoint presentation, adding new layers to the page as one goes through the features of each theory.

I like my visual for Information Processing Theory better than the one used by Lohr. Lohr's image (Creating Graphics for Learning and Performance, 54) looks to me like someone is suffering from hay fever not a representation of the flow of memory.

Christina Saunders- Visual Resume

This is my visual resume I completed using Inspiration 9. It was nice because you could add notes so the possible employer could get more information about specific things but it was not too cluttered. It is also nice because you can add links so the possible employer could get a better idea of the places you studied or worked. Any and all critiques are VERY welcomed!! Thanks guys

Web Activity One

Web Activity One

I apologize for my tardiness of my postings. I added this class late and because of this had some trouble joining the blog. 

Visual literacy and universal design seem to me to mean the ability of a visual representation to represent the instructions and for anyone to be able to understand and follow these directions. What I chose for my representation was the ATM. Immediately upon looking at the ATM you can see the exact direction in which to insert your bank card. The screen also gives continuous visual and literary directions for what exactly the directions are. They show a finger pushing in the numbers for the pin number and then show the user from where to take their cash and receipt. This example resonated with me a lot because I ALWAYS put my card in the wrong way in the printing systems around JMU. Although for the printing system, most people using it are likely to be able to read but it is less likely that the user of an ATM will be literate. Having full visual instructions is important for all persons to be able to use the ATM to withdraw money.

Visual Resume

PLEASE GIVE ANY FEEDBACK YOU HAVE.

Web Activity 2- How to Make Hot Cocoa!

Visual Resume

http://vizualize.me/JTaylor?r=JTaylor

I used vizualize.me to create my visual resume. It is a work in progress; any and all feedback is greatly appreciated! Vizualize is a pretty cool site, so I recommend that you guys check it out if you're interested in trying something new!

Also, Internet Explorer does not support the graphics involved in Vizualize. Chrome, Firefox, and Safari support the graphics used.

Visual Resume

Image Citing

http://media.glassdoor.com/m/22071/james-madison-university-office.jpg

http://jmuhabitat.org/

http://www.frankssteaks.com/rockville-centre-image-gallery/

http://uptake-mu-blogs.s3.amazonaws.com/blog/attractions.uptake.com/files/2010/03/l.jpeg

http://insidetheclassroomoutsidethebox.wordpress.com/2012/01/08/overview-from-stem-science-technology-engineering-and-math/

https://twitter.com/#!/glammatoys

http://www3.baldwinschools.org/shs?reloaded=true

http://www.firewise.org/Information/Who-is-this-for/Educators/Curricula-and-lesson-plans.aspx

How to Make Hot Cocoa

Images Taken From:

http://balticreports.com/wp-content/uploads/2010/06/smiley460.jpg

http://photos1.fotosearch.com/bthumb/UNC/UNC002/u19443880.jpg

http://www.imageenvision.com/150/17250-one-red-coffee-mug-clipart-by-djart.jpg

http://www.freestockphotos.biz/pictures/5/5112/milk.png

Web Activity 2

My instructional image is showing up a lot smaller than intended. Even when I try to scale the image differently, it still appears the same. Does anyone have any idea how I can fix this for next time? Any help is appreciated! :)

Draft visual resume-- Matt Dingo

Here is a link to my visual resume created by Adobe's new web design beta software Muse:

http://student.coe.jmu.edu/educ570k/dingomt/visual-resume.html

There are 4 tabs that feature different aspects of my resume. I have not yet completed the 'Music Career' tab yet as I will have to spend much time uploading .mp3's.

As Muse is still in its beta stage, there are many small format glitches when one renders a site to html such as text not appearing exactly where you place it and alignment being off by a few pixels.

Despite these bugs, I find Muse a promising program for designers who are code-o-phobic but want to design dynamic web sites.

Thanks, Matt Dingo

Web Activity 2

 http://www.cookingconversions.org/cupmeasurements.htm

http://www.wellsphere.com/wellpage/5-microwave-food-facts

http://clipart-for-free.blogspot.com/2008/08/coffee-cup-clipart.html

http://www.clipartguide.com/_search_terms/spoon.html

http://www.webstaurantstore.com/nestles-instant-hot-chocolate-cocoa-mix-no-sugar-added-30-bx/110X4442524.html

http://www.clipsahoy.com/webgraphics4/as5798.htm

Visual Resume

Like Eric, I am using re.vu to post a visual resume. If you have a LinkedIn account, your information can be transferred right over to the re.vu site. You can upload a photo of yourself, write a short biography, upload a traditional resume, show a timeline of your work experience, change the background, list education, upload a portfolio, and show examples of your work. The most interesting part of the site is the Infographics tab, which allows you to personalize your page. You can include information such as number of clients you have, how many languages you speak, favorite quotes, and so much more. Here's a link to my site as it currently looks: http://re.vu/slhammack. It's pretty bare at the moment, but I'll add more information throughout the week as I think of interesting things to add.

image cites from my visual resume

http://saxo.highschoolsports.net/article/20120111/HSSPORTS/301110001/Quentin-Basil-Westfield-Defeat-Robinson-58-40?Washington&Avis=PG

http://www.dolleymadisonpreschool.org/

http://fairfaxfamily.com/2009/07/2009-student-registration/

http://www.best-masters.com/ranking-master-in-malta/master-sustainable-development-and-environmental-management/university-of-malta-msc-sustainable-environmental-resources-management.html?PHPSESSID=188a472e441b0d45e8b84ca97d72a2df

http://aeer.cisat.jmu.edu/wfs.html

http://tw.rpi.edu/web/org/JMU

http://www.featurepics.com/online/Algebra-Formulas-Close-1517505.aspx

http://olc.wvsd.org/modules/cms/pages.phtml?pageid=214531&sessionid=&sessionid=

http://www.metrotech.edu/majors/STEM.html

Kelsey Cochran's Visual Resume

Web Activity 2

For this exercise, I made the images larger in some stages than others to hopefully catch the eye of a younger individual.

Sources:

http://www.sxc.hu/photo/1210425

http://www.sxc.hu/photo/1210423

http://tammysrecipes.com/hot_chocolate_mix

http://justdelicious.wordpress.com/

Web Activity 2 - How to Make Cocoa

Renee's Visual Resume Draft

Morgan's Visual Resume

Here is what I'm thinking so far for my visual resume.  Feedback please :)


Morgan McMullin

Jessica's Visual Resume

Visual Resume

I'm looking for as much feedback with this as possible! My visual resume is composed of framed milestones since I began my College Career. I tried using gimp, but wasn't very successful, did any of you have success with Gimp? Thanks in advance for your suggestions!

Web Activity Two

I decided to use images of my own (with the exception of the pot [flicker.com - cc]).

Activity 2 - Hot Cocoa

  I found all images using Google. 

http://images.clipartof.com/thumbnails/95770-Royalty-Free-RF-Clipart-Illustration-Of-A-Cute-Little-Girl-Stirring-A-Giant-Cup-Of-Hot-Cocoa.jpg

http://brighteyeslearning2.tripod.com/sitebuildercontent/sitebuilderpictures/mspoon.gif

http://fycs.ifas.ufl.edu/foodsafety/Clip%20art/eh409f1.gif

http://www.americansweets.co.uk/ekmps/shops/statesidecandy/images/american-swiss-miss-milk-chocolate-cocoa-mix-with-marshmallows-207g-540-p.jpg

Morgan McMullin

Activity 2-Hot Cocoa

For activity 2 I used PPT and its features. All images were found on Google.

Draft Of Visual Resume

This is a screen shot of my Visual Resume Draft. I developed the frame in Photoshop and then moved it to InDesign to add some other elements.

Eric - Visual resume draft

This is a screen capture of my visual resume. I used a program called re.vu. I think I'll be using this for my job hunting this spring for new teaching jobs too! To view the full site please click on the following link: http://re.vu/ejacobs

Hot chocolate

Cherelle's Visual Resume

How To Make Hot Cocoa
Image by Matt Dingo with help from Jakub Dingo

I choose to make this visual based instruction to make hot cocoa for a second grader. This was a bit of a challenge as I do not want my son, who is in first grade, to use the stove. To alleviate my and many parents' concern about using a stove, I developed instructions on how to do it in the microwave with the 'beverage' button which makes a perfectly hot cup of liquid without boiling it. I added a note to this step which you might not be able to read in this post: "Ask an adult for help in setting the time if your microwave does not have a beverage button." I also added a graphic of what that button looks on our microwave.

My son read the instructions out loud to test if he could understand them. Then i photographed him performing each step after he read each instruction again.

When I saved the image as a .jpg, my computer added a stroke on the top and left of the page and a dashed box around my second picture. This was not visible on the original.

Kendra's Visual Resume

After I saved my visual resume as a jpeg I saw that the borders were cut off (and didn't fully extend to the edge of the Word document). It doesn't look like that in the Word format! Erg.

Any comments and feedback is welcomed! I also have it saved as a pdf and Word document.

Thanks everyone!

Steps to making Hot Chocolate
Pictures came from ClipArt
The last picture of the tea cup came from:
http://www.cooksrecipes.com/recipe_beverage_pics/hot_cocoa+pumpkin.jpg