Art 249 – Online Syllabus

ART 249 – Interface Design II, Fall 2013 KAPI’OLANI COMMUNITY COLLEGE New Media Arts University of Hawai’i

RAPHAEL LOWE – Instructor

Class Meets:

  • 31188 – Art 249 Interface Design II (Online Distance Learning)

Phone: 808.734.9560 office
Email: [email protected]   I will respond to you within 24 hours.
Office: Naio 101, Office Hours may be held in computer Labs instead of Office if necessary.
Office Hours:  I can be available to you on campus any weekday while I’m here but must be by appointment as I have to schedule around my normal work commitments.
Online Chat Availability: I will be on Collaborate (Tuesdays from 1-3pm) if you need to catch me online for any help. It’s an open room for anyone and everyone.


ART 249 Interface Design II (3 credits)
6 hours lecture/lab per week

Prerequisites: Art 128 with a grade of “C” or higher; Art 229 with a grade of “C” or higher; satisfactory completion of a portfolio review or acceptance into a NMA AS specialization.

Interface Design 2 builds upon interface design skills learned in Interface Design 1. Students plan, design and build web sites and audience specific interfaces for the internet on a more comprehensive level. Technical emphasis will be placed on learning web standard compliant web design using HTML and CSS (Cascading Style Sheets).


Upon successful completion of ART 249, the student should be able to:

  • Analyze user-centered designs that demonstrate a need for web standards and CCS.
  • Demonstrate the ability to research topics in interface design and analyze basic information structures and organize them into comprehensive information hierarchies.
  • Analyze and apply the visual elements of line, shape, value, color, texture, time, and the design principles of balance, rhythm, emphasis, contrast, variation, repetition, and unity to interface design assignments.
  • Explain accessibility, cross-platform, and browser related issues with regard to CCS, Flash, and HTML.
  • Demonstrate a clear understanding of the full web site development process by completing all phases from the preliminary planning stage through design explorations and revisions to the final coded and launched product.
  • Experiment by taking risks through the process of exploration during the creative problem solving process.
  • Demonstrate strong group communication skills and the ability to speak clearly during critiques while defending the conceptual merits of work produced for the course.


The method of instruction will include online video lectures & demonstrations, project development, individual instruction, group board discussions, and critiques. Examples are presented when important to describe course content. Class projects and procedures are the focus of many course discussions.

While you will be expected to work on your own time, it will be important to demonstrate your progress routinely. I will be giving feedback to each individual student as we progress, and I plan to have routine videos posted to the class to give you an idea of how everyone is doing as a group.

I will be recording your progress and class participation each week.


Lectures, demonstrations and general online participation is an important aspect of this course. While attendance doesn’t mean as much on an online course where you are expected to work on your own time, demonstrating progress to me when an assignment is due does. A big requirement of this couse is to turn in assignments, on time, when they are due and to actively participate in online communication with each other and with your instructor.


Your attendance on this online course will be measured by your routine activity on online discussions and your reliable submission of work when project assignments are due.


A. Project Assignments 80 %

  1. Clarity of Conceptual Understanding 40%
    Students will demonstrate their conceptual understanding of project assignments by creating preliminary sketches and drawings and by meeting each projects technical specifications. Students may also be asked to show their understanding by submitting clearly written, well-conceptualized statements, and by showing strong group communication skills during critiques
  2. Quality of Execution of Assignments 40%
    Each student will be expected to create resources (sketches, creative briefs, coded interfaces, digital designs, etc.) based on project guidelines. Additionally they will complete tutorials and projects that demonstrate their ability to execute specific software and coding techniques. The quality of these techniques and materials will be assessed in the final grade evaluation based on the successful application of the technology in working interactive models

B. Participation/Attendance 20%

Students will be expected to participate as active class members. This includes regular online participation; meeting all project deadlines; completing production time outside of class in the lab environment; and participating as dependable team members. During critiques, all students are expected to participate as both presenters and active critics


The primary software packages used in this class are Adobe Photoshop, Dreamweaver, and Flash, which will be installed on all computers in class and in the labs.

All students are required to have hosting space to post their designs, assignments, and ultimately their final web site. Students are required to purchase a hosting plan with a third party hosting provider. Past students have purchased hosting plans from Bluehost, iPage Super Green Hosting, and GoDaddy (these are just a few of many hosting providers available). Plans should include ample disk space (ie. more than 2GB or unlimited), support for CGI, PHP, and MySQL, multiple domain hosting (to host more than one site), oneclick install/support for WordPress, Joomla, and Drupal (popular CMS options), and a low, competitive price (an example rate is around $3-$5/month – this is subject to change based upon current trends for hosting prices).

In addition to producing digital designs, students will be required to submit sketches as scanned digital copies. While it is not required, it is recommended that you purchase a cheap sketchbook and a set of black and/or grayscale markers. I also recommend the use of sketch apps that include easy sharing capabilities (i.e. Penultimate, Bamboo Paper, Paper, etc.) Additional materials may include backup media (such as external hard drives, blank cd/dvd’s, or a usb flash card) and printer paper.


There are no required texts for this course. Readings will be supplied by the instructor on a week to week basis, in either paper handout form or online.

Recommended, but not required, texts:


Grading Policy:
Grading is based on assignments and projects as well as an overall review of your work at the end of the semester. Your overall participation is also calculated into your final grade. It is the responsibility of the student to collect handouts, take notes, complete and turn in assignments on due dates. Make-up assignments will be administered only in cases where there is a valid medical reason accompanied by a doctor’s note. The assigned projects must be turned in on the due date. Missing a deadline will result in a full letter grade reduction for that project unless there is a valid medical reason or a family emergency. An additional 10 points will be deducted for each additional class day the assignment is due. Disruptive or argumentative behavior will result in a lower grade during final grade evaluation or dismissal from class.

Note: Any student missing the final semester critique or not turning in a final project without prior permission will have a full letter grade taken off the final semester grade

Grading System:

All projects are worth 100 points each.

A 90-100 ; B 80-89 ; C 70-79 ; D 60-69 ; F 0-59

There are 5 important milestones during the semester worth 100 pts each in grading. Grades will be posted online via Laulima at each milestone.

  1. Preliminary Research: Creative Brief, Site Map & Wireframes
  2. Design Process: Rounds 1 and 2
  3. Midterm Point: Approved Final Designs
  4. Final: Finished Coded Website
  5. Class Participation


Extended time in a distraction-free environment is an appropriate accommodation based on a student’s disability.

If you are a student with a documented disability and have not voluntarily disclosed the nature of your disability and the support you need,  you are invited to contact the Disability Support Services Office, `Iliahi 113, 734-9552 , or email [email protected] for assistance.

**Please Note: Syllabus is subject to change with Advance notice from Instructor.


A college campus is a community with specific behavior expectations designed to allow all students, faculty, and staff to flourish.  Please familiarize yourself with KCC’s Student Conduct Code in the course catalog.  You should know your rights and responsibilities on campus.  The Student Conduct Code describes specific campus policies related to:  drug and alcohol use, smoking, lethal weapons, sexual harassment and sexual assault, academic honesty, nondiscrimination, and family privacy.   In all campus environments, Disruptive Behavior will not be tolerated.  This means: any speech or action that (1) is disrespectful, offensive, and/or threatening; (2) interferes with the learning activities of other students; (3) impedes the delivery of college services; and/or (4) has a negative impact in any learning environment.The instructor reserves the right to ask a student to leave the classroom at any point if a student exhibits behavior that is not in accordance with the KCC Student Conduct Code.


Discriminatory or rude comments of any kind, particularly regarding gender, ethnicity, sexual orientation, or religion, will not be tolerated.


Continue building your sites this week (Week 12). Remember to always test your site along the way and constantly validate your code.

Please make appointments to see/talk to me if you need help.