Wednesday, May 23, 2012

Wednesday, May 2, 2012

Submit Post for May 2 (Article Comparison #5)

Please add a comment to this post with a direct link to your FINAL Article Comparison of the semester.

Submit Post for April 25 (Article Review #5)

Please add a comment to this post with a direct link to your FINAL Article Review of the semester.

Sunday, April 15, 2012

Submit Post for April 18 (Article Comparison #4)

Please add a comment to this post with a direct link to your fourth Article Comparison.

Assignment: Taking Apart Facebook

In our last class, I told you that I'd ask you to create some high-fidelity wireframes using an artist's website. Instead, I want you to document the Facebook Timeline interface.

For Wednesday you should create at least one wireframe using a computer application of your choice (i.e., not drawn by hand). If you use a tool like Illustrator be sure to find a set of standardized symbols to represent things like images and buttons. I've posted some links to other tools here on our class blog.

The purpose of this exercise is to break down the components of a Facebook profile page. Label each component of the page and explain how it works or what its function is on the page. Use a friend's profile as your model, so you don't focus on editing tools.

Bring both soft copy (editable digital file) and hard copy (a printed page) to class. Consider your printing options when sizing your digital document.

Also, remember to include all the required elements of a wireframe on your document. As we discussed in our last class, important elements include:

  • Project Name
  • Page/Element Name (if applicable)
  • Version Number
  • Date Created
  • Created By
  • Date Last Revised
  • Revised By

Here are some examples of hand-sketched and computer-generated wireframes to inspire you:

Wednesday, April 4, 2012

Wednesday, March 28, 2012

Submit Post for March 28 (Article Comparison #3)

Please add a comment to this post with a direct link to your third Article Comparison. Use the standard format.

Wednesday, March 14, 2012

Wednesday, March 7, 2012

A Sample List of Data Elements

Below you'll find the sample list of data elements that I projected on the screen during our in-class exercise working on the jameskunen.com website. Again, this isn't an exhaustive list for the home page, or necessarily an ideal way to label the pieces, but it gives you some idea of the number of components found on an apparently simple page.



- page title (book title)
- page subtitle (author name)
- book description short
- book description long
- author image small
- author image copyright (caption)
- book excerpts
- book praise long
- book cover image large
- book cover image small
- book cover image medium
- video clip image
- video clip description
- video clip link
- Facebook image
- Facebook link description
- Facebook link
- audio clip description
- audio clip link
- Amazon book image
- Amazon book link
- copyright information
- website credit

Other pages



Possible page type distinctions

Page Type 1: Home
Page Type 2: Bio
Page Type 3: Strawberry, Reckless, How Can You
Page Type 4: StandardOp

Submit Post for March 7 (Article Comparison #2)

Please add a comment to this post with a direct link to your second Article Comparison. Use the same format as the first Article Comparison.

Tuesday, February 28, 2012

Submit Post for February 29 (Article Review #2)

Please add a comment to this post with a direct link to your second Article Review. Follow the same format that you used on February 15.

Monday, February 20, 2012

Submit Post for February 22 (Article Comparison #1)

Please add a comment to this post with a direct link to your first Article Comparison. Include these three elements on separate lines:

1. your first name
2. subject of articles compared
3. direct url for your comparison

For example, if I added a comment for the sample comparison that I created it would look like this:

Justin
New Mac OS Release
http://webarchitecture-sp12.blogspot.com/p/sample-comparison-new-mac-os-release.html

Wednesday, February 15, 2012

Submit Post for February 15 (Article Review #1)

Please add a comment to this post with a direct link to your first Article Review. Include these three elements on separate lines:

1. your first name
2. title of article reviewed
3. direct url for your review (pointing to a post on your blog, NOT to the article you reviewed)

For example, if I added a comment for the sample review that I created it would look like this:

Justin
"The Dirty Little Secrets of Search"
http://webarchitecture-sp12.blogspot.com/p/sample-blog-post-searching-for-trouble.html

Wednesday, February 8, 2012

Second Class Meeting: Creating Your Blogs

Much of our class today will be dedicated to creating your blogs. You'll create individual Blogger accounts to use during the semester.

Your syllabus indicates that a blog title and blog url are due for this session; these will be due by the end of class. Your first article review (blog entry) will be due at the beginning of our next class.

I've posted several links to provide you with information about how to create blog posts (see the "Publishing Student Blogs" module in the right-hand column). Please review these pages carefully as you undertake your first post.

Here's a link to the Blogger site:

Blogger
http://www.blogger.com

Survey Results: Welcome to Web Years

I first used a Web-based survey to learn more about students taking this class in the spring of 2009. Three years later, a few of the questions have changed, but many have not.

This gives us a great opportunity to investigate how a few big trends in technology that you may have read or heard about in the last few years are reflected at a micro level in the classroom. I've pulled a few key questions to compare.

Introductory Survey Results Comparison: Spring 2012 and Spring 2009 (PDF)

Please note: 2012 results are for the group of 13 students present last week, while 2009 results represent a group of 15 students.

Wednesday, February 1, 2012

First Class: Syllabus, Survey, and Reading

Three important links on your first day of class:

Introductory Survey

Please complete this survey before you leave class today.


Class Syllabus
http://www.capitalistofknowledge.com/adv3560sp12/syll_adv3560_20120201.pdf

A copy of your syllabus will be available in PDF form all semester long at this link.



READING ASSIGNMENT

Please read this brief introduction to information architecture before our next class. It's a short blog post, but there's much in it to discuss. You may also be quizzed on the content, so take a close look.

What is 'Information Architecture'?
by Martin Belam
http://www.guardian.co.uk/help/insideguardian/2010/feb/02/what-is-information-architecture

Next, please read this short historical feature about the origins of the Internet. We'll discuss it in class.

How did the Internet start? (Read first 2 pages)
By Jonathan Strickland
http://computer.howstuffworks.com/internet/basics/internet-start.htm