Template for Applet Design stage

General Instructions: The template shown is an example. Please add more slides wherever required. Include look of the applet (screenshot) and text for explaining the possible actions in alternate slides. There should be button(s) to view the theory. Please specify what theory text will be shown in response. The storyboard content should be strictly adhered to while developing your design. All images shown in storyboard should be shown here also.

Illustrate every user interaction mentioned in storyboard + any more you want to suggest. Retain the questionnaire for self-assessment of user mentioned in the storyboard. Please specify how the animation will provide interactivity, like taking parameter values from the user or modifying in-built values based on mouse movement. Consider all aspects of the animation while designing the template including stop/continue/clear/previous/next etc., functionalities that may be required.

User inputs should be validated and boundary conditions should be mentioned through a mouse over or as a static text along with input box.

The blue band at the bottom will have suggestions about the slide contents.

Design of the window for the animation

1

< TITLE OF ANIMATION>

< NAME OF DEVELOPER>

Describe the concept chosen and illustrate how you want to explain the concept in the animation(refer to storyboard).

2

Problem statement: Refer to the storyboard(use bullets). 3

Problem statement: Give illustrations (refer to storyboard).

4

Draw Data Flow Diagram (DFD) for your animation design 5

6

When loaded, the applet will look like this

When loaded, the applet will look like this

Give opening screen shot 7

Give detailed work flow for functionality of each of your buttons, say when button1 is clicked(use bulleted list).

8

Give the screenshot(S2) after button1 is clicked 9

Explain the next set of actions in screenshot, S2

4

10

11Give how the window will look like in response to action of

previous slide [ Add more slides likewise]

Specify where/how and what theory will appear in proper sequence of slides with images as in storyboard.

12

Display questionnaire with answer keys for self-assessment of user (refer to storyboard).

13

Links for further reading/references 14