26.11.2012 Views

Comm. 5510: Advanced Web Design Introduction Required Texts ...

Comm. 5510: Advanced Web Design Introduction Required Texts ...

Comm. 5510: Advanced Web Design Introduction Required Texts ...

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

<strong>Comm</strong>. <strong>5510</strong>: <strong>Advanced</strong> <strong>Web</strong> <strong>Design</strong><br />

Instructor: Ray Dahl – ray.dahl@gmail.com<br />

Phone: 801.647.9550<br />

Meets: Tuesday 6:00-9:00 pm; LNCO 2950<br />

Office Hours: By Appointment only<br />

<strong>Introduction</strong><br />

This course challenges you to communicate visually using the web. Our emphasis is on the act of<br />

designing aesthetically pleasing and usable web messages for specific user groups.<br />

Due to the strict enrollment limit and the number of students on the wait list, REGISTERED<br />

STUDENTS MUST ATTEND CLASS ON THE FIRST DAY IN ORDER TO RETAIN THEIR SPOTS<br />

IN CLASS. Students who miss the first day forfeit their positions and must drop the class or risk<br />

earning a failing grade for the class. Those on the wait list will be added as space allows, according to<br />

COMM major status and number of credits toward graduation.<br />

Prerequisite: <strong>Comm</strong> 3550 and completion of COMM 3510 or another “for credit” web design course.<br />

<strong>Required</strong> <strong>Texts</strong><br />

• <strong>Design</strong>ing with <strong>Web</strong> Standards (3 rd Ed.) by Zeldman<br />

• The Elements of User Experience by Garrett<br />

• <strong>Web</strong> <strong>Design</strong> in a Nutshell by Robbins (recommended) or<br />

• Dynamic HTML: The Definitive Guide by Goodman (recommended)<br />

Other Requirements<br />

• Email account<br />

• Persistence in the face of adversity<br />

• <strong>Web</strong> site hosted by the U within the first week of class<br />

• Creative thinking and attention to detail<br />

• Beginning Photoshop and DreamWeaver ability<br />

• A USB flash drive<br />

Topics<br />

•XHTML, CSS and JavaScript<br />

•Developing semantically informed web pages<br />

•visual communication: layout, color, form, texture, figure/ground relationships, consistency<br />

•effective, user-friendly design: courteous navigation, download times, cross-platform<br />

compatibility; usability testing<br />

•understanding vocabulary of New Media


Notes<br />

•This course emphasizes use of the three core interface design languages (XHTML, CSS and<br />

JavaScript). This is a code focused class. No prior programming experience is required.<br />

•If you are completely comfortable with application-based computing and learn technical<br />

concepts easily, you will probably do very well in this course as long as you keep up with the<br />

assignments<br />

•Students are discouraged from taking this course simultaneously with other production/design<br />

courses due to the heavy workload typically associated with such courses<br />

Critical Thinking & Learning by Doing<br />

This course is designed to allow you to actively struggle with hands-on exploration of web design. This<br />

material is best learned by doing, you will learn more thoroughly by completing exercises that require<br />

you to work with the concepts, theories, and facts. Media design is often risky, messy, and timeconsuming.<br />

Ultimately, it is highly satisfying.<br />

I view my students as critical thinkers with existing and emerging knowledge. I assume you desire new<br />

methods for organizing and expressing your creativity and analyses. During the semester I expect you<br />

to take in information for analysis, synthesis, and criticism. I expect you to cogently express your<br />

analyses verbally, graphically, electronically, and in writing to your classmates and myself. In order to<br />

be successful in this class, you will need to work productively and ethically on your own and with other<br />

students.<br />

Attendance<br />

Due to the strict enrollment limit and the number of students on the wait list, registered students must<br />

attend class on the first day in order to retain their spots in class. Students who miss the first day forfeit<br />

their positions and must drop the class or risk earning a failing grade for the class. Those on the wait<br />

list will be added as space allows, according to COMM major status and number of credits toward<br />

graduation.<br />

Due to the workshop nature of the course, attendance is critical to your success. Being tardy and/or<br />

absent will negatively impact your ability to keep up with the concepts presented in class. The natural<br />

consequence of missing class time will be poor performance and poor grades. <strong>Comm</strong>on courtesy to<br />

classmates and the professor demands on-time arrival, and hard work during class.<br />

Students who participate in officially sanctioned University activities (e.g., marching band, debate,<br />

athletics) will be permitted to turn work in early and/or make up assignments without penalty. Official<br />

absences must be documented at least one week prior to the absence.<br />

Professional Civility<br />

All class members are expected to behave professionally and treat others with civility. Cellular phones<br />

must be turned off or silent during class. Students are expected to wait until after class to place and<br />

receive calls. Racist, homophobic, and sexist behavior/comments directed at class members are<br />

unprofessional and therefore inappropriate. Unprofessional behavior will be politely but immediately<br />

and firmly addressed by the professor.<br />

The Classroom<br />

Our workspace is full of expensive and fragile equipment that we have the privilege of using. No


drinking or eating will be allowed during class - please do not make me remind you. Be respectful of<br />

your tuition dollars at work -- do not foul your own nest! DO NOT ALLOW NON-CLASS MEMBERS<br />

INTO THE LAB. Unnecessary and/or inappropriate use of our machines increases the risk of downtime<br />

and your inability to complete your projects on time.<br />

Integrity<br />

Strict standards of academic honesty will be enforced. Academic dishonesty will be prosecuted to the<br />

fullest extent possible. The Student Code is published in the University course schedule. Students have<br />

specific rights in the classroom as detailed in the code. The code also specifies proscribed conduct that<br />

involves cheating on tests, plagiarism, and/or collusion, as well as fraud, theft, etc. Students may<br />

receive sanctions for violating one or more of these codes. Cheating and plagiarism will result in<br />

appropriate penalties, such as a failing grade on a specific assignment or in the course and/or expulsion<br />

from the course. Students have the right to appeal such action to the Student Behavior <strong>Comm</strong>ittee.<br />

Incompletes<br />

Incompletes will not be granted.<br />

Copyright<br />

Work produced in this class is copyrighted by the student. Continued attendance to this course<br />

constitutes permission for your work to be used by the professor as examples in courses, public<br />

lectures, academic publications, and other not-for-profit, fair-use practices.<br />

Registrar's Message<br />

The Registrar cautions you that withdrawing from a course and the other registration issues are the<br />

student's responsibility. The last day to drop the class is Wednesday January 19, 2011 and the last day<br />

to withdraw without tuition penalty is Friday March 4, 2011.<br />

Requests for Reevaluation<br />

The burden of proof in any disagreement over evaluation of student performance rests with the student.<br />

If you desire reevaluation of a grade for an assignment or activity you must submit your request and<br />

rationale in writing. Your request must identify the specific change requested and provide a reasoned<br />

argument and evidence in support of that change. Any request for reevaluation must be made within<br />

one week of receipt of the original evaluation.<br />

Content Accommodations<br />

The University recognizes that students’ sincerely-held core beliefs may make it difficult for students to<br />

fulfill some requirements of some courses or majors. …It is the student’s obligation to determine,<br />

before the last day to drop courses without penalty, when course requirements conflict with the<br />

student’s sincerely-held core beliefs. If there is such a conflict, the student should consider dropping the<br />

class. A student who finds this solution impractical may request a content accommodation from the<br />

instructor. Though the University provides, through this policy, a process by which a student may make<br />

such a request, the policy does not oblige the instructor to grant the request, except in those cases when<br />

a denial would be arbitrary and capricious or illegal.


Note from Instructor on Accommodation: All readings in this course are required and considered to be<br />

an integral part of instruction. While you may exercise your privilege to request an accommodation<br />

under University Policy, I will not grant any content accommodations.<br />

Disability Accommodations<br />

The University of Utah seeks to provide equal access to its programs, services and activities for people<br />

with disabilities. If you will need accommodations in the class, reasonable prior notice needs to be<br />

given to the Center for Disability Services, 162 Olpin Union Building, 581-5020 (V/TDD). CDS will<br />

work with you and the instructor to make arrangements for accommodations.<br />

All written information in this course can be made available in alternative format with prior notification<br />

to the Center for Disability Services.<br />

The Student Handbook is a good resource to consult. See www.acs.utah.edu/sched/handbook/toc.htm<br />

for details on these or other student issues<br />

Graded Assignments<br />

Skill Building Modules = 30% An extension of the in class presentations and weekly reading where<br />

you will add a page to your site showing mastery of the presented techniques. There will be three skill<br />

building modules assigned during the semester.<br />

Mid-term: Project brief = 30% (Due: 1 March 2011 )<br />

Final site delivery = 30% Post your completed site for review by the course instructor and the client<br />

Present site to Client = 10% Present your finished product to the client. (26 April 2011)<br />

Regarding late work: Assignments are due at the beginning of class on the week assigned. If your<br />

work is not complete and ready for review at that time you will not be eligible for full credit for that<br />

task. You will be allowed one week to complete the work with a 50% deduction in points available.


Arthritis Program Project Brief (30% of final grade)<br />

The project brief is a multiple document project planning tool. Prepare the following documents and<br />

deliver them as a cohesive package. Due in class on 1 March 2011.<br />

• Statement of purpose: A brief document describing the goals, purpose and function the<br />

proposed site. (1-2 pages)<br />

• Audience analysis: A document describing in broad terms the intended audiences for the<br />

project. Describe the types of audiences that the site is designed to cater to. For each identified<br />

audience create a detailed persona to represent the primary users for of the site. Limit yourself<br />

to two or three personae. (4-6 pages)<br />

• Site Architecture: A document detailing the content that will be delivered on the site. Describe<br />

the rational behind the site organization. Include a site map which presents the information<br />

hierarchy. (2-3 pages)<br />

• <strong>Design</strong> guide: This document presents detailed layouts for the home page and content pages.<br />

Include with the mockups a narrative describing the theme, metaphor and rational behind the<br />

design. (3-5 pages)<br />

Project: Arthritis Program <strong>Web</strong> Site<br />

(30% of final grade)<br />

The Utah Department of Health arthritis education program needs a new web site. We will be<br />

managing the redesign. Participants in the class will be broken into design teams. Each team will be<br />

responsible for designing and developing a new site for the arthritis education program. Our client will<br />

select the design that meets their organizational constrains and best fulfills the goals for their program.<br />

The site will conform to the following general criteria:<br />

• <strong>Design</strong>ed with a DreamWeaver template managing the look of the site<br />

• The template must be compliant with the state Department of Health style guidelines.<br />

• Using an original theme developed by your team<br />

• Valid XHTML 1.0<br />

• Valid CSS 2.0<br />

• Original graphic design that conforms to the department of health style guide<br />

• Maximum page size 200Kb (Including all XHTML, CSS, scripting and images)<br />

• No broken links


Schedule<br />

Date Topic Reading Assignment Due<br />

1 January <strong>Introduction</strong> Garrett Ch 1<br />

Zeldman Ch 1 & 5<br />

18 January XHTML review<br />

DreamWeaver Fundamentals<br />

25 January CSS review<br />

Meet the Client<br />

1 February Francine Goitz - Product Planning<br />

JavaScript introduction<br />

8 February Persona <strong>Design</strong><br />

CSS 3<br />

15 February Dave Broschinsky - Affinity<br />

Diagramming<br />

22 February Kip Henrie - Graphic <strong>Design</strong><br />

DreamWeaver Templates<br />

1 March Client Visit<br />

Tables<br />

Garrett Ch 2<br />

Zeldman Ch 6<br />

Garrett Ch 3<br />

Zeldman Ch 8 & 9<br />

Garrett Ch 4<br />

Zeldman Ch 15<br />

Garrett Ch 5<br />

Zeldman Ch 10 & 12<br />

Garrett Ch 6<br />

Garrett Ch 7<br />

Zeldman Ch 13 & 16<br />

Anderson Ch 11<br />

Cederholm Ch 7<br />

8 March Forms HeadFirst Forms<br />

15 March Form Validation<br />

22 March Spring Break<br />

29 March Laura Dahl - Writing and Editing<br />

for the <strong>Web</strong><br />

5 April Accessibility Zeldman Ch 7<br />

12 April HTML 5<br />

19 April Lab Night<br />

Syllabus Module Due<br />

Layout Module Due<br />

Site Brief is Due<br />

Zeldman Ch 14 Form Module Due<br />

26 April Present finished sites to client Site presentations to<br />

client

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!