8
Sharing Alice Exporting Movies, Code, and Web Pages By Elizabeth Liang under the direction of Professor Susan Rodger Duke University July 2009, modified July 2011

Sharing Alice Exporting Movies, Code, and Web Pages By Elizabeth Liang under the direction of Professor Susan Rodger Duke University July 2009, modified

Embed Size (px)

Citation preview

Page 1: Sharing Alice Exporting Movies, Code, and Web Pages By Elizabeth Liang under the direction of Professor Susan Rodger Duke University July 2009, modified

Sharing AliceExporting Movies, Code, and Web Pages

By Elizabeth Liangunder the direction of

Professor Susan RodgerDuke University

July 2009, modified July 2011

Page 2: Sharing Alice Exporting Movies, Code, and Web Pages By Elizabeth Liang under the direction of Professor Susan Rodger Duke University July 2009, modified

Exporting Alice Worlds

So you’ve created an spectacular Alice World (.a2w) and now you want to share it with the world. Alice provides you with the tools to do that by exporting the world as a Video, a Web page, and the Code for Printing so that others can view your world without using Alice or create it for themselves in Alice.

This tutorial will go through how to create each type of export and begin to explain how you can use them to share your Alice experience with your friends, students, teachers, and any one else. We will be working with an Alice world we already made by following the functions tutorial. It is called hugWorld.a2w. You can do this tutorial with any completed Alice world you want. We recommend one trying it with both interactive and non interactive worlds and worlds that have methods you create.

This file is the Alice world we will do this tutorial with. The following files are what we will create using this tutorial.

Page 3: Sharing Alice Exporting Movies, Code, and Web Pages By Elizabeth Liang under the direction of Professor Susan Rodger Duke University July 2009, modified

Part 1: Exporting a Video

Click on File and select Export Video…

Alice will prompt you to save the world before opening a new player. Name the movie, NOTE THE LOCATION OF WHERE YOU ARE SAVING THE MOVIE, and then select Record. The world will start playing.

Page 4: Sharing Alice Exporting Movies, Code, and Web Pages By Elizabeth Liang under the direction of Professor Susan Rodger Duke University July 2009, modified

Part 1: Exporting a Video

When the animation is done, click Stop Recording next to the Record button. Then click Export Video.

That is it. You will need to browse to find the new movie file. You should see a .mov file appear in the directory you saved your world in. Click on it to play the movie.

Note: Not all computers will be able to watch a .mov file. You can use another program to convert the file into other video formats such as .avi and .mp4. For Macs the movie will appear sped up. You can edit the duration of methods in Alice to fix this by adding extra “wait”s in your code.

Page 5: Sharing Alice Exporting Movies, Code, and Web Pages By Elizabeth Liang under the direction of Professor Susan Rodger Duke University July 2009, modified

Part 2: Exporting the Code

To get a document with the code, go to File and Export Code for Printing…

You will see a list of all the methods and events and functions used in the world. Select the ones you want to see (events and all open tabs get added automatically) and use browse to create an html document to save the code as. Click Export Code when you are finished.

Page 6: Sharing Alice Exporting Movies, Code, and Web Pages By Elizabeth Liang under the direction of Professor Susan Rodger Duke University July 2009, modified

Part 2: Exporting the Code

Open the newly created .html file and you can see that all the code is laid out on the page just as it is normally in Alice.

You can print this document if you want to a hardcopy of the code or you can upload it as a webpage.

The .html files you created can be edited with any .html editor to customize just like any other webpage.

Page 7: Sharing Alice Exporting Movies, Code, and Web Pages By Elizabeth Liang under the direction of Professor Susan Rodger Duke University July 2009, modified

Part 3: Exporting a Web Page

To export your world as a web page click on File in the upper left corner of Alice and select Export As A Web Page…

A window will pop up, fill in the fields and then click Save.

The webpage will contain a simple video of the Alice world. The Size in browser will set how large you want the video to be.

Click on Browse to set where you want to create the directory for the webpage.

You can also show the code for the world on the webpage if you like. More about creating a webpage of the code later.

NOTE: THIS PART MAY NOT WORK FOR MOST PEOPLE, IT IS THE OLD WAY BEFOREYOU COULD MAKE VIDEOS IN ALICE. MOST PEOPLE SHOULD JUST MAKE THE VIDEOS, USING PART 1 OF THIS TUTORIAL.

Page 8: Sharing Alice Exporting Movies, Code, and Web Pages By Elizabeth Liang under the direction of Professor Susan Rodger Duke University July 2009, modified

Part 3: Exporting a Web Page

Open the newly created folder in the directory you saved it in. You will see three files inside: the .a2w Alice World, the .html file with the same name as the directory, and aliceapplet.jar.

Open the .html page in a browser to see the webpage Alice created for you. The applet will convert the Alice world into a video with a simple player. Try this out, you may need to download additional files for it to work.

When you upload the page, upload the entire folder and link to the .html file.

Note: The video on created on the webpage is not an accurate translation of your Alice world. You will find that sometimes nothing will happen or only certain methods and calls get played.