Design:  Stories  /  Animation  

(web  url  for  lesson  page)  

Summary  
This  facilitator  guide  is  intended  to  guide  the  instructor  through  introducing  the  design  processes  going  
from  the  idea  stage  through  a  script  or  storyboard  to  an  algorithm  design  or  flow  chart  to  a  programmed  
animation.      This  guide  is  intended  to  guide  the  facilitator  through  the  introduction  of  the  problem  solving  
process  in  developing  Alice  programs  specifically  for  Animations.    This  includes  the  concepts  of  design  
thinking,  script  writing,  storyboarding,  set  design,  algorithm  development  and  flow  charts.  This  should  be  
one  of  the  early  lessons  in  The  Alice  Project’s  curriculum  as  these  skills  will  be  referenced  and  can  be  used  
as  a  basis  for  future  project  based  learning  in  Alice.    This  lesson  assumes  that  the  participants  have  learned  
the  basics  of  the  Scene  Editor  and  the  Code  Editor.    This  project  is  the  broadest  approach  to  designing  and  
implementing  an  animation  in  Alice.    The  time  spent  on  this  project  can  be  shortened  for  a  quick  design  
exercise  or  be  extended  to  be  a  long  in  depth  creative  project  depending  on  the  time  allotted  and/or  the  
exercises  assigned.    Extensions  of  this  lesson  that  build  on  these  concepts  include  lessons  on  designing  for  
interactive  worlds  and  game  design  at  alice.org.  

Learning  Objectives  
• What  is  the  iterative  problem  solving  process  
• What  is  an  Animation  “problem”  
• What  are  the  key  components  of  a  story  
• What  is  a  Script  or  Storyboard  
• What  is  an  Algorithm  Design  or  Flow  Chart  
• How  to  translate  a  story  or  storyboard  into  an  Algorithm  Design  or  Flow  Chart  
• How  to  translate  a  story  or  storyboard  into  a  Set  Design  
 
Lesson  Overview    
• Introduction    
• Lesson  on  Design  
• Student  Work  Session  
• OR  Guided  Student  Work  Session  
• Assessment    
• Debrief  /  Students  Share  Work  

Skills  Overview  
This  project  was  developed  for  use  with  Alice  3.  The  following  Alice  3  skills  will  be  learned  through  the  
lesson  and  additional  resources  for  them  are  linked  to  in  the  How  to  Resources  section  and  in  the  tutorial  
exercise.  Optional  educational  activities  can  be  incorporated  based  on  their  relevance  to  the  required  
steps  for  the  project.    

Design  Basics      
Creating  a  storyboard  /  script  from  a  problem  statement  
Identifying  Object-­‐Action  pairs  in  a  scrip  or  storyboard  
Creating  an  algorithm  /  flow  chart  from  a  storyboard  /  script    
Identifying  Background  Information  for  set  design  in  a  storyboard  /  script    
 
Prep  +  Materials  
Classroom  Resources  
Computer  Access  
This  lesson  does  not  require  computer  access  for  the  students.  
 
Presentation  +  Lecturing  
Ideally,  you  should  be  able  to  present  the  lesson  ppt  in  front  of  the  class.  Depending  on  your  
approach,  you  may  also  want  to  be  able  to  demonstrate  and  guide  the  class  through  the  exercise.  
 
Supporting  Materials  
You  may  want  students  to  have  access  to  the  How  To…  resources  that  accompany  this  lesson.    This  
can  be  achieved  by  insuring  they  have  access  to  the  Alice.org  website  for  downloading  the  
materials.    You  may  also  wish  to  download,  print,  and  distribute  the  accompanying  materials.  
 
Software  Requirements  
None    
 
Time  
The  lesson  is  designed  to  take  45m-­‐90m,  depending  on:    
• The  inclusion  of  the  lesson  presentation    
• Time  spent  on  optional  learning  activities  
• Complexity  of  exercises  or  projects  assigned  
• Time  spent  debriefing    

Introduction  
Tell  the  students  that  they  will  be  shown  how  to  design  an  Alice  animation.  Describe  the  class  activity  and  
discuss  the  skills  they  will  acquire  in  the  process.    
 
Lesson  Overview    
For  this  lesson,  you  can  present  the  lesson  several  different  ways.    One  option  is  to  run  completely  through  
the  supplied  power  point  slides  to  give  an  overview  of  the  problem  solving  process  and  how  it  correlates  
to  the  Alice  design  and  development  process  and  concepts.    You  could  also  integrate  sample  exercises  into  
the  presentation  at  the  relevant  topic  moments.    The  level  of  detail  and  time  spent  on  the  lesson  may  be  
determined  by  how  you  plan  to  facilitate  the  exercise  and  the  skill  level  of  your  students.  
 
Exercise  Facilitation  
There  are  several  options  for  how  to  allow  the  participants  to  design  and  implement  an  Alice  animation  
using  the  outlined  design  process:  
 
Option  1  (Open  Student  Work  Session)  
With  groups  that  do  well  independently  you  may  allow  them  to  create  the  storyboard  /  algorithm  
for  a  project  of  their  own  design  (in  this  case  the  tutorial  exercise  is  the  open  ended  option),  or  you  
can  give  them  one  (or  several)  of  the  provided  challenge  exercises  for  more  directed  projects  or  for  
students  needing  ideas  to  get  started.    Additionally,  you  might  want  to  provide  them  with  the  
tutorial  exercise  or  ppt  slides  for  this  lesson  as  a  guide  for  the  steps  they  should  follow  in  the  design  
process.    
 
Option  2  (Guided  Work  Session  –  Instructor  Led)  
Alternatively,  you  may  also  break  the  session  up  into  smaller  segments  or  Modules.    Each  module  
includes  demonstrating  or  discussing  in  more  detail  each  skill  before  applying  them  and  allow  for  
break  points  to  check  in  with  participants.    You  can  approach  this  in  two  ways  
• Follow  the  step-­‐by-­‐step  directions  for  the  module  on  the  exercise  online  or  as  a  handout    
• Or  demonstrate  the  steps  to  the  class  using  projection  and  then  have  them  do  the  step  
demonstrated.    
 
Module  1:    Brainstorming  (Defining  the  Problem)  
Step  1.    Brainstorm  ideas  for  the  story  to  be  animated.    Hand  out  or  display  story  starter  ideas.    
Ensure  everyone  has  an  idea  to  move  forward  with.  
 
Module  2:    Write  a  script  or  draw  a  storyboard  (Understand  the  Problem)  
Step  2  -­‐  3.    Have  the  students  write  a  story  script  or  draw  a  storyboard.    Ensure  everyone  has  
successfully  created  the  sketch  /  script.  
   
Module  3:    Create  an  algorithm  design  or  flow  chart  (Design  a  Plan)  
Step  4  -­‐  5.    Have  students  identify  the  nouns  (objects)  and  verbs  (actions)  in  the  script  or  storyboard  
description.      Translate  the  events  into  steps  and  directions  in  an  algorithm  or  components  of  a  
flow  chart.  Ensure  everyone  has  successfully  written  an  algorithm  or  drawn  a  flow  chart.  
 
Module  4:    Draw  a  set  design  (Design  a  Plan  pt  2)  
Step  6  -­‐  8.    Have  the  students  identify  the  background  information  and  characters  in  the  script  or  
storyboard  and  create  a  sketch  or  description  of  the  virtual  environment.    Ensure  everyone  has  
successfully  created  the  sketch  /  description.  
 
Module  5:  Build  the  scene  (Implement  Design  –  Scene  Building)  
Step  9  -­‐  13.    From  the  set  design  or  description  of  the  environment  use  the  scene  builder  in  Alice  to  
create  a  virtual  environment.  Ensure  that  everyone  has  created  a  scene.  
 
Module  6:  Add  comments  to  myFirstMethod  (Implement  Design  –  Optional)  
 Step  14  –  17.    Use  the  comments  tool  from  the  control  panel  to  outline  the  algorithm  design  or  
flow  chart  in  comments  in  myFirstMethod.    Ensure  everyone  has  added  comments  outlining  their  
story  in  the  code  editor.  
 
Module  7:  Program  the  animation  (Implement  Design)  
Step  18  –  19.    Use  the  code  editor  to  construct  all  or  part  of  the  animation.  Ensure  everyone  has  
successfully  add  code  statements  to  myFirstMethod.    
 
Module  8:  Run  the  animation  (Test)  
Step  20  –  21.    Run  and  test  your  animation  as  often  as  desired.  Ensure  everyone  is  able  to  run  their  
animation.    
 
Module  9:  Cycle  through  the  design  process  (Iterate)  
Step  22.    After  testing  revisit  the  different  steps  of  the  problem  solving  process  as  many  times  as  
needed  till  happy  with  the  animation.  Ensure  everyone  is  continuing  to  iterate  through  the  design  
process  to  incrementally  build  or  revise  their  animation.    
 
Assessment  (Optional)  
You  can  use  the  supplied  bank  of  assessment  questions,  challenges,  and  exercises  to  quiz  your  students  on  
the  retention  of  their  new  skills.    
 
Class  Regroup  +  Summary    
We  recommend  regrouping  as  a  class  to  discuss  challenges  and  successes,  to  share  projects,  and  to  offer  
feedback,  both  among  the  participants  and  about  the  curriculum  itself.    There  are  provided  reflection  
questions.  
 

Standards  
Interim 2016 CSTA K-12 CS Standards
Algorithms and Programs - 1B-A-2-1:
Apply collaboration strategies to support problem solving within the design cycle of a
program

Algorithms and Programs - 2-A-2-1:

Solicit  and  integrate  peer  feedback  as  appropriate  to  develop  or  refine  a  program  
 
Lesson  Material  Talking  Points  Guide  
 
Slide  1  –  3  Design  –  Overview  –  Design  Thinking  
-­‐ At  its  core,  computer  programming  designs  and  implements  creative  solutions  to  address  
human  needs.    
-­‐ The  problem-­‐solving  approach  typically  used  in  Computer  Science  is  based  on  the  traditional  
problem  solving  steps  used  in  Mathematics  courses…  for  example,  Algebra  word  problems.  
-­‐ The  problem-­‐solving  approach  can  be  applied  in  Alice  represented  in  a  cyclic  model.    
-­‐ The  cycle  includes  four  major  steps:    
o Analyze  and  understand  the  task/problem  
 o Design  a  plan  
o Implement  the  design  
o Test  
 
Slide  4  What  is  an  Alice  Problem?  
-­‐ A  problem  can  be  a  creative  problem.    In  Alice  your  problems  are  something  like:  
o I  want  to  create  a  story  where  ….  
o I  want  to  build  a  world  where….  
o I  want  to  build  a  game  where…..  
-­‐ Defining  your  problem  for  Alice  can  be  done  through  a  creative  brainstorming  process  
-­‐ For  a  story  brainstorm  think  about  starters  such  as  favorite  songs,  jokes,  eCards,  comic  strips,  
books  and  more.  
 
Slide  6  -­‐  7  Understanding  an  Alice  Problem  
-­‐ The  goal  of  understanding  your  problem  is  to  be  able  to  better  plan  a  design  solution.    
-­‐ Different  Alice  goals  will  have  different  options  for  deconstructing  the  problem  and  have  
different  key  points  of  information.    
o An  animation  can  be  represented  by  a  script  or  a  storyboard  
o An  interactive  open  world  might  require  a  map  with  discreet  storyboards  for  points  of  
interest  
o A  game  will  require  a  design  document  that  helps  you  think  about  how  you  win  or  lose  
and  conditional  game  interactions  and  scoring  
-­‐ This  lesson  will  focus  on  understanding  an  animation  problem  
 
Slide  8  -­‐  13  Writing  a  story  or  drawing  a  storyboard    
-­‐ The  primary  objective  of  understanding  the  problem  by  writing  a  story  or  drawing  a  storyboard  
is  to:  
o Where  does  the  animation  take  place?  
o What  characters  are  involved  in  the  story?  
o What  are  the  key  events  in  the  story?  
-­‐ Writing  a  script  or  storyboard  will  help  you  think  through  the  key  elements  of  the  story  to  be  
animated.    Either  is  a  good  way  to  explore  and  understand  your  story  before  starting  to  build  
the  scene  and  program  your  animation.  
o A  script  is  a  set  of  directions  for  a  director  to  program  a  play  on  a  stage.    The  important  
parts  of  a  script  are:  
! Set  design  descriptions  introducing  the  scene  
! Directions  for  movements  around  the  scene    
! Specific  dialogue    
o A  storyboard  is  a  frame  by  frame  visual  representation  of  a  story  used  for  planning  
animations  or  films.    Each  frame  is  a  sketch,  and  sometimes  includes  a  caption  
describing  the  intention  of  the  frame,  to  communicate:  
! Visual  cues  about  where  the  event  is  happening    
! Representations  of  who  or  what  is  the  focus  of  the  scene  
! Representations  of  or  notes  describing  what  is  happening  
! The  details  of  the  sketches  are  minimal,  with  only  enough  to  convey  key  story  
bits.    The  goal  is  to  tell  the  entire  story  in  the  simplest  visuals  possible.    
 o While  both  are  great  ways  to  better  understand  and  flesh  out  the  details  of  your  story  
and  iterate  a  storyboard  for  animation  can  be  very  helpful  because  it:  
! Can  be  quicker  than  writing  out  all  of  the  details  
! Gives  extra  information  about  the  framing  of  the  camera  that  is  important  to  
think  about  in  animations  
! Gives  more  visual  information  about  the  scene  that  can  be  helpful  for  planning  
your  animation  
 
Slide  14  -­‐  15  Designing  a  Program  (Design  a  Plan)    
-­‐ The  planning  process  is  not  just  for  the  entire  program  
-­‐ There  will  be  times  when  a  portion  of  the  problem  requires  decomposition    
o Solve  a  complex  problem  by  breaking  it  down  into  a  series  of  simpler  problems  to  be  
solved  
o When  all  the  simpler  problems  are  solved,  the  complex  problem  will  be  solved  
o This  involves  the  same  problem  solving  process  
-­‐ It  would  be  good  practice  to  refer  to  the  problem  design  diagram  throughout  the  problem-­‐
solving  process,  and  throughout  the  course  
-­‐ To  design  a  plan  for  animating  our  story,  we  combine  set  design  with  program  design  
o The  set  design  will  be  translated  into  the  3D  scene  of  an  Alice  world    
o The  program  design  will  be  translated  into  program  code    
-­‐ Remember,  a  design  plan  can  be  broad  and  generalized  to  span  an  entire  task,  or  it  can  be  a  
segment  of  a  larger  whole.  
 
Slide  16  -­‐  21  Algorithm  Design  
-­‐ An  algorithm  consists  of  a  step-­‐by-­‐step  list  of  actions  that  provides  a  description  of  how  to  
perform  the  task.    
-­‐ In  Alice  the  objects  and  actions  are  needed  for  outlining  the  steps  to  be  performed  in  carrying  
out  the  task.  
-­‐ To  recognize  a  task  description,  ask  if  this  describes  the  plot  directly  in  the  form  of:  
o Objects  and  actions  (e.g.,  penguin  skates)?  
o Information  about  how  an  action  is  performed  (e.g.,  penguin  skates  slowly)  
-­‐ In  the  story  example,  the  objects  (nouns)  are  highlighted  in  blue  and  the  actions  (verbs)  in  red.    
o Note  that  not  all  nouns  and  verbs  are  highlighted.  We  have  highlighted  only  those  that  
are  essential  to  creating  the  animation  
-­‐ The  algorithm  design  will  need  to  add  formatting  that  describes  how  multiple  actions  should  be  
performed:  
o The  Do  in  order  format  indicates  the  instructions  are  to  be  performed  in  sequence  
o The  Do  together  at  the  beginning  of  a  block  set  of  instructions  tells  you  that  they  are  to  
be  performed  simultaneously  
 
Slide  22  –  25  Flow  Chart  Design  
-­‐ A  common  way  to  present  programs  and  user  experiences  are  different  types  of  activity  
diagrams,  or  flow  charts.    These  charts  visually  represent  the  flow  of  the  program  or  process  
(smaller  part  of  a  program),  and  data,  as  the  program  executes.  
o Flow  charts  are  good  for  representing  non-­‐linear  program  flows  and  can  also  help  to  
show  more  complex  interactions  an  d  dependencies  like  simultaneous  events,  user  
inputs  decision  points,  and  repetitions  
 o There  are  a  standard  set  of  symbols  that  can  be  used  
! Filled  circle  or  round  rectangle  –  Where  the  program  (or  process)  begins  
! Arrows  –  show  the  directional  path  or  flow  through  the  program  or  process  
! Boxes  –  Typically  the  main  component  of  an  activity  diagram.    
• Show  the  activity  that  will  take  place  at  that  stage  in  the  process  
• Can  represent  a  simple  activity,  or  a  more  complex  sub-­‐process  
! Solid  lines  –  allows  you  to  represent  concurrent  activities;  in  other  words  
activities  that  take  place  at  the  same  time  in  the  process.  
! Diamond  –  represent  decision  points  in  the  flow  of  the  program  
   
Slide  26  -­‐  29  Set  Designs  –  Background  Details  
-­‐ Based  on  the  background  information  from  the  script  or  storyboard  a  set  design  will  be  
translated  into  the  3D  scene  of  an  Alice  world    
o Scripts  often  include  a  description  of  the  setting  
o Each  frame  of  a  storyboard  will  give  you  information  about  the  background  
-­‐ A  quality  set  will  give  the  story  a  sense  of  place  and  history.    
-­‐ Each  prop  needs  a  reason  for  being  included,  whether  to  describe  location  or  show  aspects  of  a  
character’s  personality.  
-­‐ Some  animations  will  only  need  a  single  location  and  set  design  similar  to  a  theater  set  will  be  
enough.    More  complex  animations  that  move  through  space  and  include  camera  moves  may  
require  a  larger  environment  and  will  require  a  level  or  world  design  approach.  
 
Slide  30  -­‐  32  Programming  an  Animation  (Implement  Design)  
-­‐ Computer  programming  problem  solving  begins  with  the  goal  of  writing  code  to  perform  a  task  
and  often  involves  repeated  steps.    
-­‐ Newly  written  code  requires  frequent  testing,  and  it  is  possible  that  revisions  will  be  needed  
along  the  way.    
-­‐ The  problem-­‐solving  approach  used  in  Alice  is  represented  in  a  cyclic  model.    
-­‐ Remember,  a  design  plan  can  be  broad  and  generalized  to  span  an  entire  task,  or  it  can  be  a  
segment  of  a  larger  whole.  
-­‐ You  can  approach  implementing  your  design  incrementally  for  small  parts  of  the  whole  and  
continue  to  revisit  the  design  cycle  into  smaller  components  until  it  is  easy  to  translate  the  
algorithm  into  Alice  code  
-­‐ Use  comments  to  outline  your  program  before  implementing  to  make  it  easier  to  track  your  
progress  and  for  you  and  others  to  understand  what  parts  of  the  code  are  intended  to  
implement  
 
Slide  33  -­‐  35  Running  a  Program  (Test)  
-­‐ Testing  in  Alice  was  designed  to  be  easy  so  that  you  can  test  often.    This  allows  you  to  easily:  
o Test  your  codes  functionality  to  find  bugs  
o Test  your  design  to  see  if  you  like  the  way  it  feels  
-­‐ Alice  has  tools  that  allow  you  to  disable  code  to  test  parts  of  your  program  or  fast  forward  to  
later  parts  of  your  program  to  help  you  incrementally  test  parts  of  your  implementation  quickly  
 
Slide  36  –  38  Tips  and  Tricks  
-­‐ Students  often  want  to  skip  the  design  process  and  proceed  directly  to  writing  the  computer  
program  
 o For  simple  problems  students  may  not  see  the  benefits,  and  think  that  a  formal  design  
process  is  not  necessary.    It  is  possible  that  they  are  actually  doing  the  design  process  
implicitly  or  informally  without  knowing  it.  
o For  more  complex  problems,  such  as  longer  Alice  animations,  students  will  discover  that  
an  informal  design  process  will  be  frustrating  and  inefficient  
-­‐ In  many  cases  the  design  process  will  not  result  in  a  final  algorithm  design  that  aligns  with  Alice  
level  code  statements.    Students  can  continue  to  iterate  through  the  cycle  to  break  down  
problems  into  more  detailed  plans  until  they  are  confident  they  can  implement  the  design.      
-­‐ Even  simple  animations  might  require  multiple  locations  or  scenes.    In  Alice  due  to  the  one  
environment  constraint  students  can  set  up  separate  scenes  in  different  locations  of  the  
environment  and  use  multiple  camera  locations  to  pointing  at  the  sets  to  cut  from  one  location  
to  another.    
 
Exercise  Facilitation  Step-­‐by-­‐Step    
These  step-­‐by-­‐step  directions  are  for  the  guided  facilitation  option  3  that  uses  the  Design  Tutorial  as  a  
basis  for  the  hands-­‐on  experience  for  the  session.    They  can  be  followed  in  addition  to  having  first  gone  
through  the  whole  ppt  lesson  or  we  have  provided  information  for  integrating  the  exercise  into  the  .ppt  
lesson  allowing  you  to  jump  back  and  forth  from  the  lesson  to  practice.  

Module  1:  Brainstorming  (Defining  the  Problem)  

Goal  –  Complete  Steps  1  of  Tutorial  Exercise  
Students  will  be  able  to  define  a  story  problem  by  brainstorming  a  story  idea.  
 
Media  
• Allow  students  to  surf  the  internet  looking  for  ideas  based  on  the  provided  starting  points  
• /Or  provide  story  starter  ideas  materials  of  your  choosing    
• /Or  facilitate  a  brainstorming  activity  as  a  group  
 
Talking  Points  
• Emphasize  that  problem  solving  is  a  dynamic  process,  that  there  is  testing  and  revision  of  the  
design  throughout  the  problem  solving  process  so  their  initial  idea  can  change  and  be  improved  on.  
• Some  ideas  for  sparking  story  ideas  are:  
o Characters  singing  your  favorite  song  or  animating  a  music  video  
o Characters  telling  jokes  (ex.  A  knock  knock  joke)  
o Your  favorite  internet  meme  
o Funny  or  sentimental  eCards  
o Existing  comics  strips  and  cartoons  
o Even  a  serious  conversation  or  event  
• You  might  want  the  students  to  present  /  share  their  story  ideas.  

Module  2:  Write  a  script  or  draw  a  storyboard  (Understand  the  Problem)  
Goal  –  Complete  Steps  2-­‐3  of  Tutorial  Exercise  
Students  will  be  able  to  understand  their  story  by  translating  their  story  idea  into  either  a  script  or  a  
storyboard.  
 
Media  
• Show  slides  8-­‐12  of  the  Program  Design  In  Alice  presentation  
• /Or  share  example  scripts  or  storyboards  
• /Or  demonstrate  writing  part  of  a  script  or  drawing  a  frame  of  a  storyboard  
 
Talking  Points  
• Emphasize  that  students  should  be  sure  to  include  background  information  about  the  scene  
including  information  about  the  environments  and  the  props  in  the  world.  
• Be  sure  students  focus  on  the  critical  events  or  actions  from  the  story    
• You  might  want  the  students  to  present  /  share  their  script  /  storyboards.  
 
Module  3:  Create  an  algorithm  design  or  flow  chart  (Design  a  Plan)  
Goal  –  Complete  Steps  4-­‐5  of  Tutorial  Exercise  
Students  will  be  able  to  translate  a  script  or  storyboard  into  an  algorithm  design  or  flow  chart  by  
identifying  the  objects  (nouns)  and  actions  or  events  (verbs)  of  their  story.  
 
Media  
• Show  slides  17-­‐20  and  23-­‐25  of  the  Program  Design  In  Alice  presentation  
• /Or  share  examples  of  Alice  algorithm  designs  and  Alice  flow  charts  
• /Or  demonstrate  translating  a  story  into  and  algorithm  design  or  flow  chart  
• You  may  distribute  the  StoryboardTemplat.pdf  
 
Talking  Points  
• The  objects  and  actions  are  needed  for  outlining  the  steps  to  be  performed  in  carrying  out  the  task.  
• To  recognize  a  task  description,  ask  if  this  describes  the  plot  directly  in  the  form  of:  
o Objects  and  actions  (e.g.,  penguin  skates)?  
o Information  about  how  an  action  is  performed  (e.g.,  penguin  skates  slowly)  
• Identify  the  nouns  (objects)  of  the  story.  Identify  the  verbs  (actions)    
o Note  that  not  all  nouns  and  verbs  are  highlighted.  Identify  only  those  that  are  essential  to  
creating  the  animation  
• Identify  the  supporting  details  (information  about  how  an  action  is  performed)  
• Identify  what  order  the  actions  occur  in  and  if  they  happen  in  order  or  simultaneously  
• You  might  want  the  students  to  present  /  share  their  algorithm  /  flow  chart.  
 
Module  4:  Draw  a  set  design  (Design  a  Plan  pt  2)  
Goal  –  Complete  Steps  6-­‐8  of  Tutorial  Exercise  
Students  will  be  able  to  translate  background  information  into  a  simple  set  or  level/world  design  
 
Media  
• Show  slides  27-­‐28  of  the  Program  Design  In  Alice  presentation  
• /Or  share  examples  of  a  set  design  or  level  design  
• /Or  demonstrate  translating  a  script  or  storyboard  into  a  set  or  level  design  sketch  
 
Talking  Points  
• Analyze  your  script  or  storyboard  for  determining  where  your  story  takes  place  and  what  
background  props  you  need  to  support  your  story.  
o Think  about  what  camera  locations  you  need  to  support  the  different  views  represented  in  
storyboards  or  locations  in  a  script  
 
Module  5:  Build  the  Scene  (Implement  Design  –  Scene  Building)    
Goal  –  Complete  Steps  9-­‐13  of  Tutorial  Exercise  
Students  will  use  their  set  or  level  design  as  a  blueprint  to  build  out  their  scene  using  the  scene  editor.    
 
Media  
• Use  materials  from  the  Building  a  Scene  Lesson  and  related  how  to  materials  
• /Or  demonstrate  and  refresh  the  basics  of  the  Alice  scene  editor  
 
Talking  Points    
 • Remember  what  you  learned  about  using  the  scene  editor  and  refer  to  how  tos  and  quick  
references  to  help  you  build  out  your  scene.  
 
Module  6:  Add  comment  to  myFirstMethod  (Implement  Design  –  Optional)  
Goal  –  Complete  Steps  14-­‐17  of  Tutorial  Exercise  
Students  will  be  able  to  translate  their  algorithm  design  or  flow  chart  into  comments  inside  Alice  for  
reference  when  building  their  program.  
 
Media  
• Show  an  example  of  a  translated  algorithm  in  comments  in  myFirstMethod  in  Alice  
• /Or  demonstrate  adding  comments  into  myFirstMethod  in  Alice  
 
Talking  Points    
• Comments  can  be  a  great  way  to  keep  track  of  what  segments  of  your  code  are  supposed  to  do  and  
are  critical  for  helping  others  decipher  your  code  
 
Module  7:  Program  the  animation  (Implement  Design)  
Goal  –  Complete  Steps  18-­‐19  of  Tutorial  Exercise  
Students  will  use  their  transferred  comments,  algorithm  design,  or  flow  chart  as  a  blueprint  to  build  out  
their  animation  using  the  code  editor.    
 
Media  
• Use  materials  from  the  Programming  in  Alice  Lesson  and  related  how  to  materials  
• /Or  demonstrate  and  refresh  the  basics  of  the  Alice  code  editor  
 
Talking  Points    
• Remember  what  you  learned  about  using  the  code  editor  and  refer  to  how  tos  and  quick  
references  to  help  you  build  out  your  scene.  
• Don’t  forget  that  you  can  follow  the  design  process  and  problem  solving  steps  for  parts  of  the  
whole  so  don’t  feel  that  you  have  to  implement  the  whole  animation  all  at  once.  

Module  8:  Run  the  animation  (Test)  

Goal  –  Complete  Steps  20-­‐21  of  Tutorial  Exercise  
Students  will  be  able  to  run  all  or  parts  of  their  animation  to  evaluate  the  outcome  and  determine  if  they  
need  to  revisit  and  rethink  the  design  problem  or  the  technical  design  plan  or  implementation.  
 
Media  
• Show  unsuccessful  animations  to  show  how  they  can  be  critiqued  as  designs  or  technically    
• /Or  demonstrate  a  quick  failure  such  as  the  do-­‐together  cancelation  issue  and  show  the  technical  
iteration  
 
Talking  Points    
• The  design  and  problem  solving  process  is  a  cyclical  process  designed  to  allow  you  to  test  and  
redesign  as  often  as  you  need.    
• Alice  is  designed  specifically  to  allow  you  to  easily  compile  and  run  your  world  so  that  you  can  test  
and  fix  often  so  take  advantage  of  that.  
Module  9:  Cycle  through  the  design  process  (Iterate)  
Goal  –  Complete  Step  22  of  Tutorial  Exercise  
Students  will  understand  that  the  problem  solving  and  design  process  is  a  cyclical  system  and  that  after  
testing  you  can  return  to  understanding  the  problem,  designing  a  plan,  or  implementation  to  fix  problems  
that  arise  depending  on  the  issue.      
 
Media  
• Show  the  problem  solving  process  diagram  (slide  3  of  Design  a  Program  in  Alice  presentation)  
 
Talking  Points    
• The  problem  solving  process  is  a  cycle  where  each  step  can  be  revisited  as  often  as  you  need.  Be  
sure  to  think  about  whether  the  problem  you  are  facing  is  a  story  problem  or  a  technical  problem  
and  jump  back  to  that  step  in  the  cycle  and  make  changes.  
  
Reflection  Questions  
 
1. To  be  written  
 
2. To  be  written  
 
3. To  be  written