piit computer science summer camp - alice july 9, 2012 brenda parker computer science department...

PIIT Computer Science PIIT Computer Science Summer Camp - AliceSummer Camp - AlicePIIT Computer Science PIIT Computer Science Summer Camp - AliceSummer Camp - Alice

July 9, 2012July 9, 2012Brenda ParkerBrenda Parker

Computer Science DepartmentComputer Science DepartmentMTSUMTSU

04/21/23 Brenda Parker - Alice Workshop

2

Welcome

• MTSU• Computer Science Department• Computer Lab – KOM 267• Alice Camp


3

Introduction• Introduce yourself to your

neighbor• Prepare to introduce your

neighbor to the class– Name– School– Interesting fact!


4

Rules• Feel free to take a break when

needed• Restrooms are out the door to

your right in the main hallway• Feel free to ask questions• No talking during presentations


5

Purpose of Workshop• Learn some of the fundamental

concepts involved in programming in a “fun” way

• Learn to use Alice to create animations, games and videos.

Sample Student Projects

• evilrobotloss.avi• FroggerProject.avi

TRY AN ALICE GAME!• Start Alice (Click on the Alice 2.2

icon on the desktop)• Choose EXAMPLES • Double click on flightSimulator• Click PLAY• Close ALICE when finished!

CREATING GAMES and Videos

• You have a lot to learn to create good games and videos in Alice

• Each day you will learn Alice concepts

• Try to use knowledge learned each day to create a “great” final project!


9

Workshop Agenda• Short explanations on Alice will be given• Practice sessions will be interspersed

during each day• Short questions or game after each

practice session (Prizes on last day of workshop to winners on best scores!)

• Participants will be asked to demonstrate their creations


10

Part I – Alice BasicsAlice Workshop

• What is Alice?• Why use Alice?• Alice Basics – The Alice

Environment• Example Worlds• Alice Texts


11

What is Alice?• Software

– Free– Educational programming language– Named after Lewis Carroll’s Alice in

Wonderland– offered by Carnegie Mellon University– Download at http://www.alice.org


12


– uses a 3D programming environment – makes it easy to create an animation for

telling a story, playing an interactive game, or a video to share on the web.

– designed to be a first exposure to programming.

– creates a virtual world with objects (people, animals, vehicles, etc) and animate the objects


13


– Allows the creation of passive and interactive animations• Passive animations (watch the resulting

video)• Interactive animation (user participates

in the animation – game)

What is computer programming?

• Computer program – step-by-step set of instructions telling a computer how to perform a specific task.

• Computer language – a language a programmer may use to create a computer program: C, C++, Java, BASIC, etc

04/21/23 14Brenda Parker - Alice Workshop

What is computer programming?

• Programmers must learn the needed programming language

• Programming in Alice is easy– All instructions are on tiles– Use drag and drop instructions to create a

program

• Learning Alice makes it easy to learn other programming languages!


Terms• Object – anything that can be manipulated by

a computer program.– Dog– Cat

• Instance of an object– Oscar – is an instance of a dog– Spot – is an instance of a dog

• Method – program that manipulates an object– Oscar.hop()– Spot.bark()


Terms• Properties – values that describe

an object– Example: Oscar’s properties may be:

• Black• 30 pounds• Hyper-active


TermsA Function is - • method that computes and returns

a value• Example: Suppose that we have 2

penguins in our world (Sam and Joe). We can use a function to calculate the distance between Sam and Joe!


18

Questions1. What is a program?2. Who creates programs?3. Name a programming language.4. What is an “object”?5. What is a “method”?6. What is a “function”? 7. Dog is an object and Oscar is an

_________ of a dog object.


How do we create programs in Alice?

1. Choose a world2. Place objects in our world3. Choose methods for our objects



21

Alice Basics• Environment• How to Create a Passive Animation• How to Create an Interactive

Animation

Alice Environment• When programming, users are

required to use an IDE (Integrated Development Environment)

• An IDE is a program that helps users create computer programs.

• We will be using the Alice IDE



23

Object Tree

Details Area Editor Area

Events Area


24

EnvironmentObject Tree Window

• Lists the predefined objects in the world– Camera– Light– Ground

• Lists objects placed by the user– Penguin– Snowman


25

EnvironmentDetails Area Window

• Shows information about selected object in the Object Tree

• Properties– Tell color, size, etc

• Methods– Each method does something (shows what the

object can do)– Sam.flapWings

• Functions– Each function computes and returns something

• Penguin’s width is 18.

Alice Methods• In Alice, there are two kinds of

methods:– Primitive – basic behaviors for objects

(provided by the Alice IDE)– User-defined methods – methods that

the programmer creates• We will work with Primitive

Methods first!



27

Practice I1. Place your flash drive into your

computer.2. Create a folder on your flash drive

called YourLastNameAliceFiles3. Open Alice 2.24. Close the Welcome Window We will now set preferences so that all

pictures and videos will be saved on your flash drive.

How to Set Preferences5. Choose EditPreferences 6. Choose

GeneralBrowseE:/yourLastNameAliceFilesSet Directory

7. Choose ScreenGrabBrowse

E:/yourLastNameAliceFilesSet Directory8. Set the base filename to: YourLastName9. Click OK


28

Practice I10. Click on an object in the Object

Tree11. Examine the Properties,

Methods and Functions associated with the selected object


29

Practice Test I1.

C

D

A

B


Practice Test I2. What is the purpose of the “methods” tab? 3. What is the difference between “methods”

and “functions”? 4. Name a property of the ground object. 5. Name a method listed for the camera object. 6. Name a function listed for the light object. 7. How do we select an object? 8. In the above picture, which object is selected?



32

Alice BasicsHow to Create Passive

Animations• 4 Step Process to create an

animation– STEP 1: Choose a world– STEP 2: Choose objects for your world– STEP 3: Choose activities (methods)

for your objects– STEP 4: Play your animation


33

STEP 1Choose your world

environment

1.Click FileNew World

2.Click Templates

3.Click desired World

4.Click OPEN


34

STEP 2Choose Objects for your world

1. Click “Add Objects”


35


2. Choose “Local Gallery”

ST


36


3. Choose desired 4. Choose desired

gallery object


37


5. Click “Add instance to World”


38

STEP 2Choose Objects for your

world

6. Name objects if desired!Right click on object in the object tree and choose rename


39

Step 2Choose Objects for your

world7. Position objects in your world

-Use “Click and Drag”

-Use sub-circuit buttons”


40

Step 2Add Objects to your

World8. Click when all objects

have been added and positioned.


41

Practice II1. Click FileNew World2. Choose Templates3. Choose World (Double click on desired world)4. Add Objects- Add at least 2 animals + 2 Nature5. Position Objects6. Rename objects (right click on object in Object

Tree and choose rename)7. Click DONE8. Save your world in your folder on your flash

drive and call it day1.a2w (FileSave World)

Practice II Test1. What is the first step in creating an animation

in Alice? 2. Name three types of worlds users may choose

from when creating an animation. 3. What does “passive” animation mean? 4. Explain how to rename an object.5. What do the following mouse controls buttons

do?

6. What button should be pushed when all objects have been added and positioned?

7. How can you change the color of an object in your world?



43

Step 3Choose activities

(methods) for your objects

1. Click on desired object in the Object Tree.

2. Choose desired method from the list of Methods.

3. Drag the desired method to the Editor Window.

Choosing Activities for Objects

Note that all objects have sub-parts. To see the sub-parts, click on + in the Object Tree.



45



1. Click on desired object in the Object Tree.


46



2. Click METHODSand choose desired method from the Method List for that object.


47



3. Drag the desired method to the Editor Window.


48

Step 4Play Animation

• Example AnimationslakeSkater.a2wSnow_man_story.a2w


49

Practice III1. Click on one object2. Click and drag 2 methods for that

object to the Editor Window3. Click on another object4. Click and drag 2 methods for that

object to the Editor Window5. Play your video!6. Save your world – (day1.a2w)!

Practice III Test1. When creating activities for the objects in

your world, you must first ___________________________.

2. Which tab in the Details Area should be chosen when choosing activities for the objects in your world?

3. When choosing activities for your objects, you should drag the desired _____ from the ______________ to the ___________

4. What button should be selected to actually see your animation?

5. How many methods can be placed in the Editor Window?



51

FYIIt is easy to create a picture from your

Alice world.How?1. Make sure Alice knows where to save

your picture (We set preferences to take care of this!)

2. Click Play3. Click Pause4. Click Take Picture

Practice IV1. Play your video and take a picture

at the end of your video!2. Choose one of the following:

1. Page AL 53 – Japanese Fan Dancer2. Page AL 54 – A Penguin Demonstration3. Page AL 56 – American Chicken

Famers Association


For your information

1. How can we remove undesired objects and methods?

----Drag object/method to the “trash can”


For your information

2. How do we use the Camera Control Arrows?----VERY CAREFULLY! DO NOT USE!



55

Part II- Control StructuresAlice Camp

• Do in order• Do together• Loop• Decision Structure


56

Control Structures

• Do in order– Instructions placed inside this

structure will be executed in the order that they appear

– Example:


57

Control Structures• Do in order

– Advantage• Easy to learn about sequential logic• Easy to delete a group of statements


58

Control Structures

• Do together– Allows multiple actions to occur at

the same time– Provides an interesting effect!– Example: 4 penguins form a chorus

line!


59

Control Structures• Loop

– Easy way to perform same instructions multiple times


60

Control Structures• If Else


61

Examplechorusline.a2wchorusline2.a2wchorusline.a2wchorusline2.a2w

Practice V1. Open your day1.a2w file (if it is

not already open)2. Add two control structures to your

Alice world. You can use a Loop or a Do together or a Do in Order.

3. Save your video4. Play your video5. Save a picture.


62

Practice VIChoose from 1 of the following:1. Page AL 120 – Three Penguin

Dance2. Page AL 27 – Create a New

Ice Skater World3. Create your own Alice world

which tells a story AND contains Control Structures


Practice IV Test1. How do you change the default settings in Alice? 2. What is the purpose of “Screen Grab”? 3. Why would you want to change the default setting in

Alice? 4. Name two advantages for using the “Do in order”

control structure. 5. What is the purpose of the “Do together” structure? 6. What is a “Loop”? 7. Where on the Alice screen are the control structures

located?8. Name 4 control structures found in Alice. 9. How do you save a picture of your world in Alice? 10. When instructed to do so, where does Alice save a

picture of your world? 11. When a world picture is saved, what file name is the

picture given?


How to Print your Program

• To print your program, you will need to export your program to a web page.

• Go to AL48 in your Alice text and following the instructions listed.

• Make sure that your code is exported to your folder on your flash drive

CONTESTCreate a new world of your

choosing, add and position objects in your new world.

We will vote on the most creative and interesting WORLD and story!


67

References• http://aliceprogramming.net

– Helpful information on Teaching with Alice

• http://alice.org– Download Alice

• http://visualization.sju.edu– Archive of Alice newsletters, grants, useful

information


68

Part IVReferences

• http://www.cs.duke.edu/csed/alice/– Workshop materials & tutorials

• http://www.cis.uab.edu/programs/alice-festival/– Alice Contest in UAB


69

Part IVReferences

• http://www-groups.dcs.st-and.ac.uk/~history/BiogIndex.html– Index of famous Mathematicians

• http://www.alice.org/kelleher/storytelling/index.html– Download StoryTelling Alice (appeals

to middle school students)


70

Part IVReferences

• http://www.cs.duke.edu/csed/des/demos/Animations.html– Screen shots of student Alice worlds

• http://www.cis.uab.edu/gray/Pubs/npr-4-3-07.mp3– Interview on NPR radio regarding UAB’s K-12

outreach efforts in Alabama (5 minute discussion on CS education, job market, Alice)


71

Part IVReferences

• Randy Pausch – Carnegie Mellon professor gives The Last Lecture with comments regarding Alice

• http://www.youtube.com/watch?v=ji5_MqicxSo


72

Class DemonstrationsVolunteers????


73

GREAT JOB!

Thank you for your attention today!

piit computer science summer camp - alice july 9, 2012 brenda parker computer science department...

Documents

use alice

alice game

alice conceptstry

alice basicsalice workshopwhat

lewis carrolls alice

day of workshop

computer programming

computer language