Storyboard Proposal

| October 3, 2018

Storyboard Proposal

Show data table for This chart displays the number of
completed topics versus the total number of topics within module Storyboard
Proposal..

Topic Completion

Number of Tasks Completed

Pace value

Item status

Tooltip

Completion

0

0

Success

0 of 2
topics complete

List of Topics and Sub-Modules for Storyboard Proposal
ยท.umuc.edu/d2l/le/content/70058/viewContent/3477165/View” title=”‘Storyboard Proposal (Due 6/7/2015)’ – Assignments”>Storyboard
Proposal (Due 6/7/2015)
Top of Form
.png” alt=”https://learn.umuc.edu/d2l/img/0/D2L_LE_Core.EditDateRange.infDueDate.png?v=10.3.0.791-144″>Due Jun 7, 2015 11:59 PM
Bottom of Form
The final project will be a Flash-based website that will be
developed over the term as skills are learned. You are to submit a storyboard
proposal for your final project at the end of week 3. The proposal should use
principles of sound design and provide the following information:
1.
Provide the purpose of the website.
2.
Provide a visual site map (storyboard) of the entire website,
illustrating the linkage between all topic areas within the site.
3.
Map the multimedia aspects of the site to map graphics, sound,
animation, and video to specific topic areas and the overall site.
4.
Provide a “mockup” of the visual look and feel of the
site.
5.
Provide information as to how navigation will be used throughout
the site.
6.
Provide a schedule of the work to be done.
Submit the completed files as an attachment using the following
formats: LastnameCourseSectionProposal.xlsx (e.g.
CordiCMST3416380Proposal.xlsx) and LastnameCourseSectionProposal.pptx (e.g.
CordiCMST3416380Proposal.pptx).
How Will This Assignment Be Graded?

Assignment Grading Rubric

Criteria

Weight

1.
Provide the purpose of the website.

5%

2.
Provide a visual site map (storyboard) of the entire website, illustrating
the linkage between all topic areas within the site.

25%

3.
Map the multimedia aspects of the site to map graphics, sound, animation, and
video to specific topic areas and the overall site.

25%

4.
Provide a “mockup” of the visual look and feel of the site.

20%

5.
Provide information as to how navigation will be used throughout the site.

10%

6.
Schedule

10%

7. Save and upload it using the
format and file naming described above

5%

Storyboard Overview
The following is an overview of a concept known as
“storyboarding”. Essentially, a storyboard is the plan or
“blueprint” for a Project. It is often used when creating a movie or
commercial but applies very well to creating a project, especially a website.
For our purposes, we are going to create a website using Flash instead of
traditional HTML. It is very important to map out the navigation and areas of a
website. A storyboard is the tool to use in order to create the mappings and
blueprint for your entire site.
Where Do I Start?
Good design is built around fulfilling requirements. Often, it
is difficult to receive clear, concise requirements. Fortunately, the
requirements for the Final Project can be found in the Syllabus! Start with the
requirements. It may be helpful to write each requirement on a “Post
It” note so that you can rearrange the location of each requirement. We
have two types of requirements: Content and Format. The Content will be created
by you when you choose a topic for your site. The Format requirements are laid
out in the Project Description. Think about where you will address the format
requirements. Do you really want a video to run every time the user navigates
to the home page? Where on my site is the best place to insert a user input
form? In general think about sites you have visited — what aspects do you
like, what annoy you?
I recommend that you create a site that has a main page that
links to three to five “sections”. Navigation should be intuitive so
that the user can get back to the main “page” at any time and not be
so deep that the user gets lost. Each “section” should have more
detailed information, but an entirely new page does not have to load. For
example, if a user clicks on a particular section, a text box might appear with
more detailed information or a video may run, etc. The point of all this is to
conduct proper planning for your Project. The more you put into the planning,
the easier the implementation and storyboarding is an important piece of the
process.
Storyboard Template
The following is an example of how I would create a storyboard
for a project using Microsoft Powerpoint. The format is not as important as the
content. It is important to establish an Outline and apply formatting, content
and ideas of how the subject areas will be designed into your storyboard.
Attached is a template you can use for your storyboard. The
template is built in Powerpoint. The idea is to replace “Section” and
“Detail” on the Hierarchy slide with Subjects and Detail you plan to
use in your project. I have set up the slides so that if you view the
powerpoint file in the slide show mode, when you click on the hierarchical
boxes, the user is taken to the slide corresponding to the box on the drawing.
For example, if you click on “Detail 2.1” you will be taken to the
“Detail 2.1” slide. Once you populate the structure for your site, using
the hierarchical diagram as a guide, then you should provide a “mock
up” or storyboard for the section of your site that corresponds to the
slide. If you use the “Detail 2.1” slide as an example, provide the
background graphics and any buttons, forms, animations, etc. that you plan to
present in this section. You may need to simply describe the animation or
provide a very rough sketch of your graphics using Powerpoint drawing tools.
The point is to plan your site and create a mock or very high-level design
before diving into the project. Proper planning will certainly lead to smoother
implementation.
Please note that the storyboard does not have to be completed in
Microsoft Powerpoint. You can use any tool you like, but if it is not created
in Microsoft Office, please wrap up your Storyboard in a .pdf file so that I
can read it. I am looking for a hierarchical structure as well as a mock up of
the Sections and Section Details that you plan to incorporate into your site.

Finally, there are several areas on the web that address storyboarding. I
recommend that you research this topic as there are several articles and
examples that may be helpful. Below is a link that provides some information
surrounding storyboarding as well as some templates, but is by no means the
authoritative source. If you have experience with video production, these
should be familiar concepts.
.the-flying-animator.com/index.html”>http://www.the-flying-animator.com/index.html

Time Management
Time Management is critical when completing a project. Any
development in Flash can be considered a project, therefore good time
management skills are required in order to complete projects on time. Whether
you work for yourself or are hired to develop a project, you will need to plan
your project and be able to report when you will be complete. One of the best
tools for project management is the Gannt Chart. A Gannt chart tracks
activities or tasks, assigns start and end dates and allows the creator to
develop a “flow” of work for the project. Commercial software such as
MIcrosoft Project is available to create Gannt charts. You may want to research
Gannt charts on the web to obtain a better understanding. Attached is a sample
Gannt chart that can be used for the Final Project. Along with the storyboard,
I expect you to submit a Gannt chart for your project, so that I know you have
planned the work for your Final Project. At a high level, the tasks can be
broken down into Planning, Design, Development and Implementation. One of the
big secrets to Project or Program Management is to allocate more time than you
think you can afford to Planning. The greater the planning performed for a
given project, the easier the implementation.

Using the Template
Note that this template was created in MS Excel 2007. It should
work in both Microsoft Excel and Open Office. I am also attaching a .pdf
version so that you can see the format if you do not have software that can
read this file and what to recreate it. To use the attached template, insert
specific tasks under the headings such as Planning, Design, Development, etc.
You can insert rows by highlighting the entire row and inserting a row (right
click, insert). Assign Task numbers when creating tasks so that they correspond
to the summary tasks. For example, If you insert a task such as “Create
Storyboard” (which should be on every Gannt Chart), you will want to
number it 1.1 or 1.x depending on where in the planning group you add this
task. Provide a start and end date. Note that the summary “Planning”
should be a “roll up” of the tasks underneath it. So if all Planning
tasks end by 4/15/12, then the Planning task should have an end date of 4/15/12
or the latest date of the group tasks. For each task, select values for the
“Status” and “Work Complete” fields. These are drop down
boxes, you will need to select one value for each task. The Duration, Tracker
and Days Remaining fields are all calculated and are based on the % Complete,
End Date and Current Date fields. The value of -40196 is a default value where
no end date is provided. Once you provide an end date for your task, the Days
remaining will calculate to a “normal” value.

It is not a requirement to use the attached spreadsheet, but I am expecting a
similar chart that captures the tasks associated with your Final Project. It
may be helpful to list each of the Final Project requirements as an individual
task so that you do not miss any. These should show up in the Design area at a
minimum. You may also want to include them in the Development area. If you use
software other than MS Excel, please provide your Gannt chart as a .pdf file or
graphic so that I can read the file. Attach this file along with your
storyboard.
.umuc.edu/content/enforced/70058-026984-01-2155-OL1-6380/CMST341%20Storyboard%20Template.pptx?_&d2lSessionVal=aztbkTlFRL4dCZD6eBKWcw1xX”>CMST 341 Storyboard Template
.umuc.edu/content/enforced/70058-026984-01-2155-OL1-6380/CMST%20341%20Gannt%20Chart%20Template.xlsx?_&d2lSessionVal=aztbkTlFRL4dCZD6eBKWcw1xX”>CMST 341 Gannt Chart Template

Get a 30 % discount on an order above $ 50
Use the following coupon code:
NEWYEAR
Order your paper today and get a 30% discountOrder Now
Positive SSL