44

Choreo Graph Tutorial Slideshow

Embed Size (px)

Citation preview

Page 1: Choreo Graph Tutorial Slideshow
Page 2: Choreo Graph Tutorial Slideshow
Page 3: Choreo Graph Tutorial Slideshow

This tutorial is intended to:

Introduce all the tools in the app

Illustrate a sample activity that can be done

using the app

About this Tutorial

Page 4: Choreo Graph Tutorial Slideshow

Choreo Graph lets you play with

geometry & graphs to make pictures

of your cat, friend, or action figure

perform some cool moves.

What is Choreo Graph?

Page 5: Choreo Graph Tutorial Slideshow

Choreo Graph was inspired by dance and movement

We developed a tool that

allows students to explore

the deep mathematics

that is involved in

choreographing the motion

of things kids care about.

Page 6: Choreo Graph Tutorial Slideshow

Rotations, Translations & Coordinates

Page 7: Choreo Graph Tutorial Slideshow

In the app, you’re playing with angles, translations (sliding

a part from one spot to another), and coordinate grids.

The graphs are mathematical models for the way motion

changes throughout your animation.

Rotations, Translations & Coordinates(Believe it or not, you’re doing math)

Page 8: Choreo Graph Tutorial Slideshow

Sample Activity: The Symmetrical Dance Challenge

Page 9: Choreo Graph Tutorial Slideshow

Create a dance

Express symmetry in

the movements of your

dancer.

Page 10: Choreo Graph Tutorial Slideshow

TELL THE STORY is covered later in this tutorial.

To get started, tap:

Page 11: Choreo Graph Tutorial Slideshow

Build Your Dancer

You will be

prompted to take

a picture.

Then, choose one picture from the scroll.

Page 12: Choreo Graph Tutorial Slideshow

Build Your Dancer

You can begin to

digitally cut out the

parts of your

dancer that you

would like to make

move.

Trace carefully with your finger− you can pinch out to

zoom in and improve precision. If satisfied, tap the check

mark, or click the X and discard what you’ve done.

Page 13: Choreo Graph Tutorial Slideshow

Build Your Dancer

This will let you access, share, or work on it again

later.

Build Your Dancer

Name and save

your scene.

Page 14: Choreo Graph Tutorial Slideshow

Build Your Dancer

You can now

select a photo to

trace your next

part.

It could be the same photo or mix in a different one.

Page 15: Choreo Graph Tutorial Slideshow

Repeat the BUILD process by

tracing and saving parts.

Page 16: Choreo Graph Tutorial Slideshow

Animate

Your Dancer

Once you have all the parts you want for your

dancer, you are ready to make your dancer move

on the ANIMATE stage.

Page 17: Choreo Graph Tutorial Slideshow

The line graph shows how the selected part

changes through time. You can set the angle at

moments in the animation represented by nodes

in the graph.

Animate

Your Dancer

using the Graph

Controller

Each part you

create has a

Graph

Controller that

controls how

your dancer

moves.

Page 18: Choreo Graph Tutorial Slideshow

Animate

Your Dancer

Stretch a node of the line graph up or down to set

the part’s angle of rotation at that moment of the

animation.

Page 19: Choreo Graph Tutorial Slideshow

Animate

Your Dancer

using Angles

This will show you all the angles of rotation that you

have applied to your dancer. (Angles are also displayed

on the graphs above).

Tap the wrench

and TOGGLE on

ANGLES

Page 20: Choreo Graph Tutorial Slideshow

Animate

Your Dancer

using Angles

Notice at the

same moment in

each graph, one

angle is 75° and

the other is -75°.

Paying close attention to these angle measurements

can be helpful in creating symmetry.

Page 21: Choreo Graph Tutorial Slideshow

Animate

Your Dancer

using

Translation

Tap the wrench

and TOGGLE on

TRANSLATION.

This will show

the path your

dancer travels.

To add translations to your dance, select the part

you want to move and then choose a node on its

line graph. Drag the part to a new position on the

stage.

Page 22: Choreo Graph Tutorial Slideshow

Animate

Your Dancer

using

Translation

You can set the location of your dancer for each

node of the line graph.

Page 23: Choreo Graph Tutorial Slideshow

Animate

Your Dancer

using the Grid

Tap the wrench

and TOGGLE on

GRID.

The GRID will display the coordinates of each part at

any given point in your animated dance sequence.

Page 24: Choreo Graph Tutorial Slideshow

Animate

Your Dancer

Helpful Hint:

COPY or CLEAR

all rotation

values by

holding down

a highlighted

line graph

Copying allows you to paste those values into another

line graph, resulting in the other part replicating

the movement.

Page 25: Choreo Graph Tutorial Slideshow

Animate

Your Dancer

Looking at the two graphs allows you to easily

manipulate the values so that they are opposites,

and thereby symmetrical.

Page 26: Choreo Graph Tutorial Slideshow

There you have it…

A SymmetricalDance!

Page 27: Choreo Graph Tutorial Slideshow

Share Your Dance

Choreo Graph will automatically save your project, but

you can save a video to your camera roll that you can

share over email or on other social platforms.

Page 28: Choreo Graph Tutorial Slideshow

Tell the Story

Page 29: Choreo Graph Tutorial Slideshow

Choreo Graph also allows students to create a multi-media

reflection report about their projects in TELL THE STORY.

Tap:

Page 30: Choreo Graph Tutorial Slideshow

Create a

Reflection

Report

Tap “+” to create a new report or tap on a report

you’ve already made to access it, edit it, or share it.

Page 31: Choreo Graph Tutorial Slideshow

Create a Report

You are given a

few template

options.

Blank allows you to customize your reflection.

Page 32: Choreo Graph Tutorial Slideshow

Create a Report

In this template,

notice that you

can edit the title

and subtitle.

Then, start adding media and/or text with different

layout options.

Page 33: Choreo Graph Tutorial Slideshow

Create a Report

Here we chose

to add the video

of our Symmetry

Dance.

Tapping the “+” allows you to continue adding

text and media.

Page 34: Choreo Graph Tutorial Slideshow

Create a Report

Adding

screenshots and

text is a great

way to reflect on

what you made

and the math

you have used in

Choreo Graph.

Teachers are invited to scaffold the reflection as they

see fit by offering students suggestions for what to

include.

Page 35: Choreo Graph Tutorial Slideshow

Create a Report

Once the

reflection report

is complete

and you have

effectively

told the story,

you have the

option to

share to our

Teaching Hub.

Visit noticing.nysci.org/resources for ways to share work.

Page 36: Choreo Graph Tutorial Slideshow

The possibilities for making

things move and exploring math

at the same time are endless.

Page 37: Choreo Graph Tutorial Slideshow

Additional Features and Help

Page 38: Choreo Graph Tutorial Slideshow

Music

To enhance your

animations, add

some music to

the mix.

Back on the BUILD stage there are a few musical

options to choose from.

Page 39: Choreo Graph Tutorial Slideshow

Props and People

Another option

on the BUILD

stage is PROPS

and PEOPLE.

These are pre-traced pieces that can make it

easier to get started with Choreo Graph.

Page 40: Choreo Graph Tutorial Slideshow

Help

For extra help

while in the app,

tap the “?”.

You will see highlighted help information

as shown.

Page 41: Choreo Graph Tutorial Slideshow

ANGLES

Measuring angles

Rotation, positive and

negative direction

Acute, obtuse and right

angles

Complementary and

supplementary angles

Math Concepts that can be taught with Choreo Graph

GRAPHING

Coordinates

Translation

Distance (distance formula)

Slope

Linear equations

Systems of equations

Parallel and perpendicular

lines

Page 42: Choreo Graph Tutorial Slideshow

For classroom activities, visit: www.nysci.org/noticing/resources

For more information, FAQ’s, other info, check out our website:

www.nysci.org/noticing

We hope you have a lot of fun with Choreo Graph, and learn

some things about rotations, translations, graphs, and

coordinate grids in the process.

Resources Thanks very much for checking

out the tutorial.

Page 43: Choreo Graph Tutorial Slideshow

More Noticing Tools from NYSCI

Size Wise lets you explore ratios and proportions while making funny

pictures that make things seem wildly larger or smaller than they really

are.

Volumize lets you explore surface area and volume as you take 2D

photos of things in the world and make them 3-dimensional.

Fraction Mash allows you to explore fractions while creating crazy

photo mashups.

Playground Physics allows you to uncover and analyze the physics in

what you do.

Page 44: Choreo Graph Tutorial Slideshow