American University in Kosovo
Effective Web Design II
0688-398-12 Course Syllabus
1.0 Instructor Information
Faculty:
Cathryn Leyland, M.F.A.
cleyland@aukonline.org, cley@rochester.rr.com
Office hours:
1-2:30 PM MW
Meet in lab 104 if available
If you have questions or concerns about this course that are not covered in this document, contact the instructor
directly. The instructor is here to facilitate learning, but it is your responsibility to make sure that you understand
and complete all the requirements of this course.
2.0 Course Number 0688-398
Sections:
0688-398-12
3.0 Course Title
Effective Web Design II
4.0 Course Structure:
Online discussions and collaborations, online reading and video tutorials, authentic projects,
lectures with demonstration, in-class discussions, computer lab work, presentations.
Credits
Prerequisites
4
Effective Web Design I, Design for Print and Web, PhotoImaging I
Times & location
Spring Quarter
March 8 - May 17
Section
0688-398-10
Days
MW
Time
19:00-20:50
Location
104
Additional information
Sign the attendance sheet each class session. This confirms your involvement and provides documentation in case
of grading questions. Students are expected to attend all scheduled lessons, unless ill or having permission from the
instructor. Students may miss no more than 3 lessons (15% of the course), or that student will fail the course.
Attendance will be taken on a daily basis. Students are responsible for catching up with information,
announcements, and all activities.
Come to class prepared to take notes, save files, and fully participate. At a minimum, students should bring to
every class a pen and paper, and a USB storage device. All electronic devices and phones should be switched off
and put away at the beginning of class. Any disruptions to class will result in a loss of points.
If you miss a class, read through the corresponding demonstration file in the myCourses content area. Points will
be given for in-class exercises and participation, and cannot be made up. This is not an attendance grade.
Students who have special needs related to poor eyesight, learning disabilities, or any similar issue should contact
the instructor at the beginning of the term so that arrangements can be made to provide the necessary assistance.
Effective Web Design II
CR Leyland
p.1 of 10
5.0 Course Description
This course introduces students to dynamic web development, with an emphasis on user-centered web design.
Students will learn to integrate imperatives of user-centered interface with principles of aesthetic design, to bring
effective information architecture in the digital landscape. Current tools in web development will be discussed.
Students will create simple animated graphics and web content in Adobe Flash, or other current web development
software.
Credit 4
Prerequisite Effective Web Design I
Course Objectives
Students will be able to…
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
Be familiar with terminology of Dynamic Web design
Be able to create timelines, keyframes, tweens, edit properties
Understand using bitmaps, setting up instances, buttons, movie clips
Insert Flash files in html-based Web pages
Present innovations in the filed of dynamic Web design
Build sound into animation timelines
Find commercial templates and design for devices
Apply Action Script (AS) to a button symbol
Apply Action Script (AS) to a timeline
Add dynamic changes to a page layout
Present and defend design professionally
Dynamic Web Comparisons
Animation Basics
Symbols, Tweens, Libraries
Page Layout and Web Integration
Field Development
Inserting Sound and video
Mobile Devices
Buttons Action Script
Timeline Action Script
Action Script
Presentations
7.0 Content The instructor reserves the right to make alterations to this schedule at her discretion.
You are welcome to read ahead in the any of the assigned readings.
8.0 Instructional Strategies:
Students will undertake weekly design assignments to develop experience and understanding of editing and
drawing vector graphics, adjusting photographic quality, layout design and prepress processes, text formatting,
working between software programs.







Reading assignments
Design projects: group and individual
Video Tutorials and Web-based instruction
Class discussions, online and in the classroom
Student research of professional design examples
Instructor feedback
Written summaries of reading, or quizzes
9.0 Text and Materials
Required Text
Students at American University of Kosovo will use e-books from Wallace library, and assigned articles. Log on
with your DCE password. The course will have assigned readings, exercises, and video tutorials. Click links:
Adobe Flash CS3 Professional Bible [electronic resource]
Reinhardt, Robert and Snow Dowd, Hoboken, N.J. : Wiley Pub., Inc, c2007 (Norwood, Mass. : Books24x7.com)
John Wiley & Sons © 2007 (1272 pages) ISBN:9780470119372
http://albert.rit.edu/record=b2233380~S3
http://ezproxy.rit.edu/login?url=http://library.books24x7.com/library.asp?^B&bookid=22734
Lynda.com videos
Effective Web Design II
CR Leyland
p.2 of 10
Learning content may be assigned from Adobe.com, reputable online articles and close-captioned videos, e-books
from Wallace library, and assigned articles. Log on at Wallace with your DCE password.
Supplement project ideas with:
Foundation ActionScript 3.0 with Flash CS3 and Flex [electronic resource]
Webster, Steve. Berkeley, Calif. : Designer to Designer, c2008 (Norwood, Mass. : Books24x7.com)
You will find wonderful support through Adobe.com and Lynda.com's Hands On Training (H.O.T.) videos. A
portion of these have free access, while more advanced ones of each series are blocked. If a topic is blocked, try
finding an earlier version of the product (videos for Creative Suite 2).
Materials
Required Software
AUK students will have access to the educational version of Adobe Creative Suite in lab 104. Most software
companies have 30-day trials.
Students should be ready to use the web sites they designed in the prerequisite course, to upload additional
content from projects and exercises. If a web site is not established, a student should set up RIT ITS hosting space
during the first two weeks of class.
Grades are based on effort, participation, timely completion of work, adherence to assignments, complexity of
work, support of other students, academic integrity, and understanding of concepts covered.
4-6%
20%
4%
70%
Quizzes or detailed, factual information written on reading assignments in Reading Summary Dropbox
Participation in class discussions, exercises, and interactive research activities
Presentation of work
Design projects and exercises
Following instructions is very important; each project contains specific learning elements and skill sets. A
beautifully designed layout that does not meet the objectives for that week might get a failing grade.
One dropbox will be used for one late or revised project. Discussions, quizzes, exercises and reading summaries
cannot be made up. Submit your work well before the deadlines. Do not e-mail image files, or add late work to
other areas of myCourses.rit.edu – they will not be accepted or looked at. If students begin to do this, a 2-point
penalty will be enforced. Use Tiger File Exchange if you feel it important to send files outside myCourses.
https://fileexchanger.rit.edu/
The instructor reserves the right to lower or exceed points given an individual for assigned projects. Please keep
your successes confidential, and do not request points based on what others have gained. If you feel you have
worked harder on another on the group project, it is your responsibility to present your efforts through the files that
you upload, and explanations of your part in the project.
Activity and Assignment point values
Discussions and Research
20
Design Projects, Exercises
67
Reading Summaries or quizzes 5+
Presentations
8
Course Total Points
100
Effective Web Design II
2 pts. average weekly; discussions, effort, focus.
Credit for discussions only if researched before, and presented.
Projects show understanding of weekly demonstrations and readings
5 pts. per quiz or 3 for reading summary, no extended deadlines.
2+3+3 pts. Prepared and interacted with others’ presentations
CR Leyland
p.3 of 10
Points
Grade
Evaluation Rubric, based on RIT grading scale
90-100
A
Excellent quality of work. All instructions followed, skill shown in processes,
design sensibility evidenced, project relates to the skill sets, turned in on time.
80-89
B
Above average quality of work. Project may be weak in one area: turned in late,
instructions misunderstood, craftsmanship careless, effort shown moderate.
70-79
C
Average quality of work. Project instructions ignored or re-interpreted, minimal
effort applied, design aspects careless or unkempt. Remember that a “C” is not a
shameful grade.
60-69
D
Below average quality of work. A project might have effort applied, but no
attention given to the skill sets related to the project.
0-59
F
Unacceptably poor quality of work. Project does not meet course objectives.
Questions about your grade? Read comments in myCourses dropboxes before emailing instructor for clarification.
Academic Integrity
All work and materials that you submit for a grade must be your own work. Copying the work of others, using
unapproved materials during exams and quizzes, or taking credit for work that you did not do, are considered
cheating and will not be tolerated. If you cheat on an exam, quiz, or assignment you fail the course—no debate.
Refer to the student handbook aukonline.org/docs/student-handbook/
The use of published content is only acceptable when you properly cite the original source of the material. Include
notes on source with all your images. No designed or written content will be accepted from prior coursework or
improper sources. Include proof of originality and metadata, through File/Info or Properties. The instructor and
AUK reserve the right to take reasonable action in cases where academic integrity was not upheld.
Additional Recommended Resources
If you find that you need additional information on a topic, or your text does not arrive on time, find Books 24/7
and Safari at Wallace Library, wally.rit.edu, for free access to comparable e-books with your DCE login.
Articles and tutorials are listed in the weekly assignments
Lynda.com's Hands On Training
The videos assigned for the course are closed-captioned and have free access. Full subscriptions are available from
Lynda.com, but are not required for the course.
Adobe.com http://www.adobe.com/designcenter/
http://www.indesignusergroup.com/ From Adobe
http://www.adobe.com/devnet/flash/
http://blogs.adobe.com/flashplatform/
http://www.lynda.com/home/ViewCourses.aspx?lpk0=267
http://www.tutvid.com/tutorials/flash/index.php
http://www.graphicmania.net/category/adobe-flash/
http://www.scriptlance.com/projects/1264625790.shtml – source for freelance jobs scripting
Effective Web Design II
CR Leyland
p.4 of 10
Discussions
Students will read each others’ contributions, participate in discussions, and respond to each others’ research.
MyCourses.rit.edu
Minimum technical requirements for course management system at http://online.rit.edu/students/support/
Optional supporting downloads: Silverlight, Xara.com, Adobe.com, Corel.com, XNview.com. Irfanview, com,
Gimp.org. Most software companies have 30-day trials. http://picasa.google.com/
Online Photo Sources: Copyright-free, Royalty-free, for personal and educational use, and microstock firms –
using crowd-sourcing for larger collection of cheaper, less professional images.
us.fotolia.com
Shutterstock.com
Dreamstime.com
iStockphoto.com
Freefoto.com
Freeimages.co.uk
Fotosearch.com
Copyrightfreeimages.com
Gimp-savvy.com-NOAA, NASA
Professional Stock Photos and PLUS (Picture Licensing Universal System) Coalition
Jupiter.com
PicScout.com
Pro.corbis.com
2.digitalrailroad.net
Belay Development
Creative.gettyimage.com
Pentagram Design
PACA (Picture Archive Council NewsCom.com
Workbook Stock
of America)
Epictura.com
Last revised 2/10 CR Leyland
Effective Web Design II
CR Leyland
p.5 of 10
Effective Web Design II
0688-398-12
Cathryn R. Leyland
Adobe Flash, Dreamweaver
4 credits
cley@rochester.rr.com
crlcss@rit.edu
Weekly Activity
R
Assigned reading and video tutorials in
preparation for quiz or written summary
P
Participation in class with demonstration,
discussions, and exercises TR 1900-2050
D
Research for design discussions
Pr
Design Projects
One late assignment per course may be uploaded to the Late dropbox, with one letter grade drop.
1. Dynamic Web Introduction
Project: exercises
MW Mar. 8, 10
Syllabus: Looked through the syllabus, in Mycourses.rit.edu content area.
Discussion: Look up links for dynamic web glossary discussion in class, and report on findings.
Silverlight
Dynamic Web Pages Static Web Pages human-computer interaction, interaction design,
Flash Screen Multimedia technologies
communication design Speech Synthesis Markup Language (SSML)
Mobile Profile or Open Mobile Alliance Dynamic HTML WHATWG Timed Text Markup Language (TTML)
XHTML
HTML5
New Types of Web Pages display technology Unobtrusive JavaScript Semantic markup Latest W3C conventions 3
dimensional vector layout
screen readers
To make up participation points for Day 1a Monday (not Day 1b Wednesday), present one of these topics in class by Mar 15.
To get credit, the topic must be one that has not been presented.
Exercises: Practice drawing in Flash. Sign up for attendance to confirm your involvement.
Project: In-class exercises are part of your grade, and important for learning the course content. No need to upload
these unless you see grades missing.
Be ready to use web sites designed in the prerequisite EWDI. You will upload additional content from projects and
exercises. If a web site is not established, set up RIT ITS hosting space during the first two weeks of class.
Reading and Tutorials:
1. XML Prague 2010. http://www.xmlprague.cz/2010/sessions.html Watch at least 20 minutes of Internet
broadcasts this weekend from the XML conference in Prague, March 13-14. Broadcasts are live all weekend
during the conference. Prepare a 3-minute presentation for class. If viewing is not possible, replace with
finding information on Web, on new trends. Have enough information that you will be able to present
something new if someone else took the same topic.
2. See chart in syllabus. Take notes on the reading, to prepare for quiz.
If absent for a quiz, reading summaries replace with fewer points. Write 500+ words of detailed, factual processes
in your own words. Graded on how professionally, accurately, and concisely you conveyed assigned sinformation.
Effective Web Design II
CR Leyland
p.6 of 10
2. Timelines, Tweens and Animation
Project: Animation drawing MW Mar. 15, 17
Discussion: Present what you gained from the March 13-14 conference videos.
Project: Create motion tween animations
Exercises: Layers, tweens, symbols. Simple drawings and animation in Flash.
Reading and Tutorials: see chart
3. Symbols, Movie Clips, and Libraries
Project: Animation
MW Mar. 22, 24
Discussion: Look up Flash games and present them. Describe what movements would need to be scripted.
Project: Flash animation using 5+ vector images, motion and shape tweens.
Exercises: Symbols, Movie Clips, and Libraries
Reading and Tutorials: see chart
For next week, research a topic related to week 1 discussion topics on dynamic web design or development
4. Integrating Flash with Site and Photoshop Project: Uploaded swf
MW Mar. 29, 31
Graduate students need to get an early start on this, as they will publish their work.
Discussion: Before class, find an html-based site that uses flash in a banner, opening, map, or portfolio.
Exercises: Exporting files from Photoshop. Layout design in Flash. Integrating swf files in html sites
Project: Upload a bitmap-based swf file into an html page on your site–see instructions. Submit links to dropbox
as txts files and pasted as comments early in the week. Project must be completed before dropbox locking time.
Keep in mind that later in the quarter, you will work with an interactive photo arrangement.
Reading and Tutorials: see chart
5. Trends and Innovationssssss
Easter Mon 5 Constitution Day Fri 9
W Apr. 7
Discussion: Present your research on a recent development in dynamic web content.
Project: Begin animation that will be used for sound project. See instructions.
Reading and Tutorials: see chart
6. Inserting Sound
Project: Sound Anim.
MW Apr. 13, 15
Discussion: Bring up ideas for sources of sound and video files
Project: Timeline activity with sound following the animation.
Exercises: Finding and storing sounds, animation with sound applied.
Reading and Tutorials: see chart
7. Flash for Mobile Devices
Project: Device File
MW Apr. 20, 22
Discussion: Interactive graphics you have seen on mobile devices
Project: Small graphic designed for a mobile device, see instructions.
Exercises: Designing with device templates
Reading and Tutorials: see chart
Possible Summary Write 500 words of detailed, factual summary of readings and tutorials up to this date in
Reading Dropbox before locking date. No points for generalizations or opinion. No extended deadlines.
Effective Web Design II
CR Leyland
p.7 of 10
8. Action Script Buttons
Project: Action Script
MW Apr. 27, 29
Discussion: Show interactive graphics and clickable areas on web sites.
Project: Applying Action Script to button symbols.
Exercises: Applying Action Script to button symbols.
Reading and Tutorials: see chart
9. Action Script Photo Gallery
Project: Photo Gallery MW May. 4, 6
Discussion: Show dynamic photo galleries that you have seen on the Web – portfolios, car sales, etc.
Project: Begin preparing a photo gallery that you will upload to your site, applying Action Script to timeline and
button symbols.
Exercises: Applying Action Script to timeline and button symbols.
Reading and Tutorials: see chart
10. Action Script Scrolling Photo Gallery
Project: Photo Gallery
MW May. 11, 13
Discussion: Integrative
Project: Action Script applied in different ways to accomplish a complex set of actions. See instructions.
Exercises: More complexities Action Script
Reading and Tutorials: see chart
11. Presentations
Exam week
Interaction with Presentations
Date TBD
You may use the lab time to meet in person for presentations, or use the online discussion board at
mycourses.rit.edu, as long as your instructor has evidence that you all have presented your work to each other.
Present your work from the whole quarter, including the collaborative projects. Save screen shots of your projects
from this class to the public folder labeled Presentations. Show them in class, and talk about your work from the
course – discoveries, how you got through obstacles. Grading is based on your preparation, presentation, and
participation.
Remember…
Only one late assignment will be accepted in the Late Work Dropbox, before dropbox locks. Locking dates show
specific times due; these will not se extended. Print these out for yourself early in the quarter.
Late work drops one letter grade for the project. Students may not upload late projects to other unlocked areas of
MyCourses, or email files. Use Tiger File Exchange if you feel it important to send files outside myCourses.rit.edu.
https://fileexchanger.rit.edu/
Participation in presentations are graded, considering interactive discussion and preparation.
Certain activities cannot be made up when missed: quizzes and discussion of readings, videos, and design examples
take place during class. Do not email or add these to other areas of myCourses.rit.edu – files will not be
accepted, viewed or graded unless in the designated spot.
The instructor reserves the right to lower or exceed points given an individual for assigned projects. Please keep
your successes confidential, and do not request points based on what others have gained. If you feel you have
worked harder on another on the group project, it is your responsibility to present your efforts through the files that
you upload, and explanations of your part in the project.
Effective Web Design II
CR Leyland
p.8 of 10
If you have questions regarding your grade in the course, you should first check your status in myCourses.rit.edu.
Then e-mail the instructor for clarification on grades received. The instructor is required to be available to answer
student questions for 24 hours after he enters his final grades into the SIS system. All course materials (copies of
tests, group projects) will be kept by the instructor for 1 year. Since grades are always available in
myCourses.rit.edu, changes will only be made before the final grades are submitted to SIS. Once the Registrar has
received grades, no changes will be made for any reason.
Reading
Adobe Flash CS3 Professional Bible
Ebook at Wallace
Week 1
(Start reading for week 2)
Reinhardt, Robert, Snow Dowd
Hoboken, N.J. : Wiley Pub., Inc.
March 13-14 XML Conference
Streaming Broadcast Internet- watch 20 minutes+
Week 2
Part I - Introduction to Flash Web Production
Chapter 1 - Understanding the Flash CS3 Framework
Chapter 2 - Exploring Web Technologies
Chapter 3 - Planning Flash Projects
Week 3
Part II - Mastering the Flash Environment
Chapter 4 - Interface Fundamentals
Chapter 5 - Drawing in Flash
Chapter 6 - Symbols, Instances, and the Library
Chapter 7 - Applying Color
Chapter 8 - Working with Text
Chapter 9 - Modifying Graphics
Week 4
Look up current innovation topic to present in class
Week 5
Part III - Creating Animation and Effects
Chapter 10 - Animation Strategies
Chapter 11 - Timeline Animation
Chapter 12 - Applying Filters and Effects
Chapter 13 - Applying Layer Types
Chapter 14 - Character Animation Techniques
Week 6
Part IV - Integrating Media Files with Flash
Chapter 15 - Adding Sound
Chapter 16 - Importing Artwork
Chapter 17 - Displaying Video
Week 7
Part V - Adding Interactivity to Flash Movies
Chapter 18 - Actions and Event Handlers
Chapter 19 - Building Timelines and Interactions
Chapter 20 - Making Your First Flash CS3 Project
Part VI - Distributing Flash Movies
Chapter 21 - Publishing Flash Movies
Chapter 22 - Integrating Flash Content,Web Pages
Week 8
Part VII - Approaching ActionScript
Chapter 24 - Knowing the Nuts and Bolts of Code
Chapter 25 - Controlling Movie Clips
Use textbook and online tutorials to help you with
Print Layout Design
CR Leyland
p.9 of 10
project, beyond class exercises. Code may be saved
and pasted.
Chapter 26 - Using Functions and Arrays
Chapter 27 - Interacting with Movie Clips
Week 9
Part VIII - Applying ActionScript
Chapter 28 - Animating with ActionScript
Chapter 29 - Sharing and Loading Assets
Chapter 30 - Sending Data in and out of Flash
Chapter 31 - Applying HTML and Text Field
Formatting
Chapter 32 - Creating a Game in Flash
Week 10
Part IX - Integrating Components, Data-Binding
Chapter 34 - Using Components
Chapter 35 - Binding Data and Events to AS2
Components
Chapter 36 - Building Image Gallery Component
Week 11
Part X - Appendixes
Appendix A - Using the CD-ROM
Appendix B - Guest Experts' Information
Appendix C - Digital Audio Basics
Appendix D - Digital Video Basics
Print Layout Design
CR Leyland
p.10 of 10