Computer Science Computer Science - Storyboard & Flowchart Assignment

AAB – Storyboard & Flowchart Assignment

· Use a nursery rhyme, or other short story. 

· You may use a take off, in other words a remix of a nursery rhyme in good taste, if you would like to achieve the required criteria.

· The story should have a minimum of 4 images for the scenes past the information image, which means you will need to duplicate the pages you download to get the required number you will need for your story.

1. An image that starts the story.  This should include:

· The story name

· Your Name

· Your Class Name

2. A minimum of 3 additional scene images with appropriate detail of the dialogue, action (what is happening, the motion in the scene), sound, etc. for the scene.

3. A clear division of scenes for a decision, i.e. scene 1 might go to scene 3 if the no, or blue choice is selected, whereas scene 1 may go to scene 2 if the yes, or red choice was selected.

4. Ending story image which concludes the story with dialogue, action, sound, etc.) and provides any reference material as needed.

Your story must contain

1. Action (movement)

2. A question that one or more of you characters must answer that requires a binary answer with a different consequence depending on the answer that could happen in the scenes (will need a scene for each option).  Remember a binary answer could be (yes, no), (on, off), (cat, dog) etc.  The separate scene for each should depict the dialogue, action, sound, etc. that happens depending on the binary answer.

3. Additional details and scenes are needed.

Suggestion: Plan your work with pseudocode!

1. Think up the story or use an existing one and add a twist of fate depending on the binary choice made.

2. Write pseudocode of what will happen (high level abstraction).

3. Create images.

4. Add the text of action, sound, etc.

Show that you can do this, but this is not needed to be perfect art, etc.  Technique is what we need to know that you understand.

Use one of the following templates or make your own template, but the elements must be included. 

You may create a template by hand or using a Web2.0 storyboard template (free version). 

Please make sure you are including at least what is on the templates given here.

Create a Flowchart for the Story

· Using the storyboard that you completed you will now create a flowchart.  Remember a flowchart is a set of shapes that provide a different view of what a creation is to be like. This is a flow of steps, the shapes tell what is happening from beginning to end.

· Here are two parts that you might want to take note of. A flowchart will use various shapes to tell a story including the

· oval shape for start and end

· input shape for all items required for later use

· process shape for a scene change and sound

· decision diamond shape for a question 

· circle shape with a unique letter to pass of to more of the flowchart on a another page that starts with the same circle letter (catches the pass).  This is a pass and catch for large flowcharts that do not fit on one page because the words would be too small.

Remember inside the shapes are short caption type information. For example:

· a list of inputs

· the process(es) to take place prior to the next process or step

· a shortened form of the question is a decision (diamond) shape, for example:

· want bread?    

· mixed completely?

· times up?

· apple or banana

· the choices of the answers to the above questions, i.e. yes and no, apple or banana go on individual arrow lines exiting from the points of the decision diamond.  Exit arrows from a decision are always from the points and input into a point of the decision diamond. See module resources.

Your flowchart must contain the following:

1. Heading at the top of the page with name and your storyboard's name

2. Start and stop shapes with appropriate word inside 

3. Action shapes  

4. Decision shape with appropriate choice conditions for question and answer on arrows

5. Scene changes 

6. Other inputs or processes in the story you created.

Plan your flowchart!

1. Examine your story prior to starting..

2. Mark portions that are inputs, processes, decisions with a  code, like a I, P, D to get a quick idea of the shapes needed.  

3. Lay out the flow down the page, portrait or landscape.  

4. Use lines with arrows to connect the shapes, this shows flow direction.  Remember that decisions require a (yes, no), (red, green) label next to the line that proceeds with the decision.  

5. Plan your work so that you do not cross lines. 

6. Add the text required in the shapes.