IIST 659 Final Proje..

advertisement
IIST 659 Final Project
Date Due: TDB
Project Description: Prepare a minimum of a 3 page holiday web site.
The initial page must contain a Flash created holiday card. The card must be approximately 40-50
seconds long, containing at least four animations created with a motion or shape ‘tween, and at least one
of the animations should make use of a motion path. The Flash file should also have a background sound
track, and use graphics both created in Flash and imported from Photoshop. The card must contain text
that was created in Flash. The card should not loop continuously, but come to a stop at the end of the
presentation. The Flash card must reside on a web page on which it is integrated visually with the rest of
the page including background color and other colors used on the page, navigation to the other pages on
the site, text if desired, any other pictures you wish to use, roll-over images, etc. I will provide a 30
second music background for you to use if you do not have one you prefer to use. Size on the page is up
to you but remember usability in determining your size. People should not have to scroll to see the
whole card unless there is a good reason to make the scroll.
The theme of the card and your approach to it is yours to determine. The card is a vehicle to demonstrate
what you have learned and mastered in Flash. All the elements mentioned above must be contained in
the Flash page. You are required to include your working .FLA file and all other work files along with
your web site files.
The second page of the site will be text and image based. It can be comprised of the text I provide or it
can be text you write. It can use the images provided by me to go with the text or it can make use of
your own images. The page is to be a summary of your year, much like the cards many people write and
send that recap their family’s year.
The page must make use of both text and photos. The photos provided will require some manipulation to
optimize them for the web. If you choose to provide your own photos, they must demonstrate similar
ability. All work Photoshop and photo work files must be handed in with the assignment.
The navigation should be visually integrated into the page. The page must also include navigation to
move within the rest of the web site.
The final page is a little more free-form. It is to be comprised of a poem, verse, song lyrics, text passage,
or other text-based content that is related to the holiday theme. This text passage must be illustrated in
the following way. The title should be an image that contains the title as text, and some other form of
illustration, either one you create from scratch or one you have found elsewhere and incorporated into a
graphic for the title image.
The page must contain at least 4 other images. At least two of the images must be created from scratch
by you in Photoshop. They can contain photos, but must demonstrate some other use of Photoshop
beyond the simple use of photography, i.e. the use of filters, layer effects, etc. They do not need to
contain photos. The other two images can be ones you have found elsewhere or created from scratch.
You must include all of your Photoshop work files when handing in your project. This page must also
contain navigation to move within the site as a whole.
Overall, the site should work visually as a whole. You should know that you are in the same site when
you move from page to page. The text, both headlines and body text, should be styled for readability and
to supplement the themes of the site. Background color, text and link color, and other color elements
must work together to form a coherent whole. You should demonstrate the ability to do some kind of
interactive roll-over type image at lest once on the site. You should be able to move easily within the site
with the navigation. All images MUST have alt tags.
You MUST hand in all files used to create the site including .PSD (Photoshop work) files, .FLA (Flash
work) files, and any other working files that you used to create your final project.
You must test your site with at least 3 subjects. You must write a short description of the results of your
testing and indicate any and all changes you made as a result of that testing. If you do not make changes,
you must justify why you felt no changes were needed.
Grading criteria will be as follows:
A = 3.7 to 4.0
A- = 3.4 to 3.6
B+ = 3.1 to 3.3
B = 2.7 to 3.00
B- = 2.4 to 2.6
C+ = 2.1 to 2.3
C = 2.0 to 2.2
C- = 1.7 to 2.0
D = 1.0 to 1.7
Meeting the minimum requirements will earn you a B, i.e. 3.0. Therefore,
Meeting the minimum requirements on Page 1 will earn you 1.2 points
Meeting the minimum requirements on Page 2 will earn you .6 points
Meeting the minimum requirements on Page 3 will earn you .6 points
Meeting the minimum requirements for the overall site will earn you .6 points
For a total of 3.0 points
Page 1 – Flash page – 40% of the overall grade. Meeting minimum requirements earns you 1.2
points. Maximum total points on this section is 1.6
At a minimum the Flash must contain all of the following
At least 4 tweened animations with at least 1 use of a motion path - .09 pts each= total .36 pts
Flash-based text - .2 pts
Flash graphics (created in Flash) - .2 pts
Imported graphics (created or manipulated in Photoshop) – .2 pts
Sound track - .2 pts.
Stop action at the end of the animations - .04 pts.
The Flash must be integrated into the page. It should be compatible with the rest of the page layout. The
page must have navigation to the rest of the site.
To obtain credit beyond the minimum demonstrate the ability to use
A movie clip with a ‘tweened animation with its own timeline that is also animated within your
main movie = +.2 pts.
A layer mask created in Flash = +.1 pts.
A longer animation of 80-90 seconds using a piece of music of your own choosing= +.2 pts.
Page 2 – Year in Review 20% of the overall grade. Meeting minimum requirements earns you .6
points. Maximum total points on this section is .8
This page must contain all of the following
Text and accompanying photos placed in relation to the text - .25 pts
Some demonstration of the ability to create an interactive image, i.e. one that responds to some
form of user input such as a roll-over or other user-controlled behavior. - .25 pts
An ability to crop images that you feel need to be cropped to eliminate unnecessary areas - .05
pts
An ability to scale images to an appropriate size for the web - .05 pts
To obtain extra credit beyond the minimum your page may include:
Additional images that you have created or manipulated in Photoshop. Each additional image
must demonstrate a different Photoshop technique, layer effect or filter. Make sure to include
your work files and indicate the technique used in your 1-3 page summary of the site. Maximum
of 2 additional images = +.05 pts, total .1 pt.
An animation created in Photoshop using images you have either created or manipulated. = +.1
pts.
Additional User interactivity on the page, i.e roll-overs, etc. - .1 pts each
Page 3 – Holiday text passage and illustrations 20% of the overall grade. Meeting minimum
requirements earns you .6 points. Maximum total points on this section is .8
At a minimum, this page must include all of the following
Text passage of your choosing - .1 pts
Title illustration that includes text created in Photoshop - .3 pts
At least 4 Other illustrations
 At least 2 Illustrations created by you from scratch in Photoshop. These may contain or
originate with photos but must demonstrate an ability to manipulate those photos using
filters, layer masks, or special effects on layers or other Photoshop manipulation - .05 pts
each, total .1 pts
 At least two other illustrations that can be gotten from anywhere but that must be related to
the text and placed in an appropriate place within the text. - .05 pts each, total .1 pts
To obtain credit beyond the minimum demonstrate the ability to use
Additional illustrations appropriate to the text passage that have either been created by you or
manipulated in Photoshop for an appropriate effect. Each additional image must demonstrate a
different Photoshop technique, layer effect or filter. Make sure to include your work files and
indicate the technique used in your 1-3 page summary of the site. = +.05
An animation created as a GIF = +.1 pts.
A second Flash animation = + 2pts
A flash animation to add sound of your choice to this page = +2 pts
Overall Site Design – 20% of the overall grade. Meeting minimum requirements earns you .6
points. Maximum total points on this section is .8
At a minimum, the site must demonstrate the following
An ability to control background color, text color, text styles, link colors and the overall color
palettes using either inline styles or styles contained in the head of the document of the pages to
create a coherent whole - .2 pts
Consistent use of some elements, banners, colors placement and styling of navigation, etc. within
the site to create a sense of consistency for the site as a whole - .1 pts
ALT tags on all images. - .05 pts
Site testing summary and indications of changes made as the result of testing - .25 pts
To obtain credit beyond the minimum demonstrate the ability to use
A single style sheet to control the look of the entire site the entire site = +.5 pts.
HTML code that validates according to W3C standards, 1 page, two pages or all three pages =
+.33 pts per page
Testing on additional subjects up to a total of 5 additional subjects = +.1 point each
You must submit all your work files in a form that demonstrates as
much as possible the work you have done to accomplish the project.
You must also include a short, 1-3 page text description of how and
where your site makes use of, or contains each of the required
elements and the extra credit elements that you have included. This
document should also list all the work files that have been
submitted with your project.
Download