Course: Interactive Interface Design – ADV 4762 – 2285
Time: Tuesdays, 6-8:30
Location: N/1102
Instructor: Katy Garnier, classes@catherinegarnier.com
Office Hours: Thursdays between 12-5, by appointment
Course Description
This course continues the development of skills learned in the Interactive Animation course, with an emphasis on creating user interfaces. Integrating audio, video, vector animation, and interactive components is a powerful way to engage users of the web. To effectively control these elements, competence with Actionscript is vital. Students will learn to execute rich media content for the web.
Prerequisites
Raster & Vector Graphics, Web I, Web II, Typographic I, II, & III, Interactive Animation.
Grading
10% – Attendance and Class Participation
50% – Small Projects, Weekly Assignments, Quizzes
40% – Final Project
Course Requirements:
Come to class on time. Students arriving more than 15 minutes late may be marked absent.
Attend all classes. Each week we will build on the work learned the week before. If you must miss a class, please let me know ahead of time. It is your responsibility to obtain any missed material from your fellow classmates, and to turn assignments in on time even if you are absent. Students missing more than two classes risk failing the course.
Turn in assignments on time. Work turned in late will lose one letter grade for every week that it is late. Work turned in more than two weeks from the due date will not be accepted. Midterm and Final projects may not be turned in late. Missing Midterm or Final project presentations in class may result in a failing grade for the project.
Ask Questions. This is a technical class, and we will be covering a lot of information in a short time. If you are confused, lost, need clarification, etc, please don’t hesitate to ask questions in class. Chances are your fellow students will benefit from the answers AND this will add to your class participation grade! I am also available between classes via email.
Academic Integrity. Plagiarism and cheating of any kind in the course of academic work will not be tolerated. Academic honesty includes accurate use of quotations, as well as appropriate and explicit citation of sources in instances of paraphrasing and describing ideas, or reporting on research findings or any aspect of the work of others (including that of instructors and other students). These standards of academic honesty and citation of sources apply to all forms of academic work (examinations, essays, theses, computer work, art and design work, oral presentations, and other projects). It is the responsibility of students to learn the procedures specific to their discipline for correctly and appropriately differentiating their own work from that of others. Compromising your academic integrity may lead to serious consequences, including (but not limited to) one or more of the following: failure of the assignment, failure of the course, academic warning, disciplinary probation, suspension from the university, or dismissal from the university.
Required Textbooks
There are no required textbooks for this class, however I will recommend both online and offline resources for further learning and reference throughout the semester.
Course Outline
(Note: this is subject to change if I feel the pace of the class needs to be altered)
| Week | Date | Lecture Topic | In Class Exercise | Homework Assigned | Homework Due |
| 1 | 8/30/2011 | Overview, Introductions | Flash/Actionscript Quiz | Animated Banner Test, Favorite Flash | |
| 2 | 9/6/2011 | Building a Simple Interface: Setting up Your File, Creating the ActionScript, Defining Variables, Using Trace, Mathematical Operations, Functions, Buttons and Mouse Events, Working with Text Fields, Creating feedback / error messaging, Conditional Statements |
Building an Adding Machine | Guess a Number Game | Animated Banner Test, Favorite Flash |
| 3 | 9/13/2011 | Understanding the Display List, Adding and Manipulating Objects with AS3, Display Object Properties and Methods,Targeting Objects, Arrays and Loops | Row of Symbols, Mad Libs | Mad Libs, Grid of Symbols | Guess A Number Game |
| 5 | 9/27/2011 | The Drawing API | Custom Cursor | Drawing App | |
| 6 | 10/11/2011 | Timers and Frame-based Events, Animating with Code, Hit Testing | Bouncing balls | Code Animation | Drawing App |
| 7 | 10/18/2011 | Quiz, Drag and Drop Events | Making draggable objects, Drop Targets | Matching Game | Code Animation |
| 8 | 10/25/2011 | Loading External Assets, Tweens and Transitions, Third Party Libraries | Loading photos and swfs | Interactive Photo Album | Matching Game |
| 9 | 11/1/2011 | Using XML to load data, Loading and playing audio | Building an audio player | Jukebox | Interactive Photo Album |
| 10 | 11/8/2011 | Loading and playing video | Building a video Player | Final Project | Jukebox |
| 11 | 11/15/2011 | More Third Party Libraries | Project Concept Presentations | Final Project Process Flow / Wireframes | |
| 12 | 11/29/2011 | Publishing for iOS, Flash Alternatives | One on ones | Final Project Storyboards | |
| 13 | 12/6/2011 | Odds and Ends, Quiz, Final Project Work Session | Quiz #2, One on ones | Final Project Draft | |
| 14 | 12/13/2011 | Final Project Work Session | One on ones | Final Project Draft | |
| 15 | 12/20/2011 | Final Project Presentations | Final Project Presentations | Final Project |