Alice Part 4: Intro to Events & Project

Level 1:

Tutorial: Introduction to Events

http://www.alice.org/wp-content/uploads/2017/11/Tutorial-Introduction-to-Events.pdf

You do not have to follow this tutorial exactly - make it your own.

Post this either as a video (include your blog address in the video) or a Google slideshow.

Level 2:

Tutorial: The Bloodhound Project OR MAKE YOUR OWN

http://www.alice.org/wp-content/uploads/2019/01/Bloodhound_Alice_Desert_Living_Project.pdf

Using the tutorial as a guide, make your own version or something similar.

Should have the same number and/or more procedures.

Post this either as a video (include your blog address in the video) or a Google slideshow.

Alice - Part 3: Making Procedural Methods

Level 1:

Tutorial: Control Structures Do Together

http://www.alice.org/wp-content/uploads/2017/11/Tutorial_-Control-Structure-Do-Together.pdf

Follow the tutorial exactly.

Post: 1 screen shot (example below), and, a video clip of your completed tutorial.

Level 2:

Tutorial: Making Procedural Methods

http://www.alice.org/wp-content/uploads/2017/10/Tutorial-Making-Procedural-Methods.pdf

Follow the tutorial exactly.

Get a screen shot for each sub section, make a Google slideshow.

 

Level 3:

Tutorial: Making Procedural Methods - Make Your Own

http://www.alice.org/wp-content/uploads/2017/10/Tutorial-Making-Procedural-Methods.pdf

Using the previous tutorial as a guide, make your own version.
Should have the same number or more procedures.

Post this either as a video (include your blog address in the video) or a Google slideshow.

Alice - Part 2: Building A Program

Part 2: Building A Program

Notes:

Use snipping tool to screen shot and post all of your progress.
Use the links or go to the class Handout folder for Alice resources.
You need 5-7 screenshots for EACH level.  Add a text box to explain what you are showing in each picture.
Use Google Slides to display.

Level 1:

Hello World: First Alice Program

http://www.alice.org/resources/exercise-and-project/hello-world/

Follow the tutorial exactly (as done in class)

For this one only: post the final screen shot

Level 2:

Tutorial: Building A Program

http://www.alice.org/wp-content/uploads/2017/05/BuildingAProgram_TutorialExercise.pdf 

Follow the tutorial exactly.

Get a screen shot for each sub section, make a Google slideshow.

Make sure your screen shots show your code, like this:

Level 3:

Tutorial: Build Your Own Program

Build your own program.

Must have multiple characters, follow the same steps for Level 2 tutorial.
Add in at least 2 other Procedures code options.
Make it original and interesting.
Get a screen shot for each sub section, make a Google slideshow.

Alice - Part 1: Getting Started with Alice

Part 1: Getting Started with Alice

Watch this overview video clip first:

http://www.alice.org/resources/how-tos/scene-editor-overview/

Notes:
Use snipping tool to screen shot and post all of your progress.
Use the links or go to the class Handout folder for Alice resources.
You need 5-7 screenshots for EACH level.
Use Google Slides to display.

Level 1:

Open Alice 3 on your computer.

Go to Alice: Getting Started Building a Scene

http://www.alice.org/resources/lessons/building-a-scene/

The first tutorial we will be following is how to build a basic scene.

Scroll done to Skills Included In This Lesson

Start with the Scene Editor Overview

Go through the other How To’s as needed

Follow the Tutorial Scene Building pdf and complete

For quick reference how to videos:

http://www.alice.org/resources/alice-3-how-tos/

Level 2:

Choose your own background and characters and build your own scene.

Must have:

Template, Theme, 10+ characters/objects

Level 3:

Complete the Building A Castle exercise:

http://www.alice.org/resources/exercise-and-project/build-a-castle/

Level 4:

Build your own castle/building/structure.

Post everything when finished.

No posts = no marks.

What to do with your screenshots

POWERPOINT suggestion:

 -organized your images into separate ONEDRIVE  folders and rename/renumber them

 Go to Desktop PowerPoint  – chose Insert-Photo Album

and choose the folder - then all the images – 1 per page – fit to slide

and make changes as necessary - 

VERY IMPORTANT

add a caption per slide (insert wordart)

make them large and readable

(Describe what is new about each slide)

How to Embed slide shows on your blog using Google Slides

Go to Google Slides:

https://docs.google.com/presentation/u/0/ 

 - choose File- import slides - find the powerpoint file you saved.
Choose file - Publish to the Web
Choose the EMBED tab
Slide size : small  Auto-advance Slides: every 2 seconds
CHECK BOX both start and restart
copy the code - paste into HTML section of blog post

Photoshop Warmup

Photoshop Warmup

1. Following the tutorial in class, make the name banner using your name, with a different background picture.  Include at least 5-7 pictures and a background. 

https://www.pexels.com/

2. Other tutorial: Complete the example below, then find your own tutorial to complete:

Example: Camouflage Effect PS Tutorial

Link:  

https://www.youtube.com/watch?v=hgPnXL_jGTI&t=31s

or

Combine a Crocodile and a Frog in Photoshop

LINK:

https://design.tutsplus.com/tutorials/quick-tip-combine-a-crocodile-and-a-frog-in-photoshop--psd-22326

Major Canadian Sporting Moments

Major Canadian Sporting Moments

US Open Championship

1. Bianca Andreescu become the first Canadian to win a major tennis championship this past weekend, winning the US Open.

Provide 3 images of her winning 

Provide 1 embedded YOUTUBE video showing her wining/of her match

All in Table 1

Tables

2. Find 3 other significant Canadian sporting events moments that have happened in history.  For each, 

Provide a 3 sentence summary of the event

Provide 1 image

Provide 3 embedded YOUTUBE videos

(All in table 2)

Blog Enhancers

• add a banner http://www.bannersnack.com/

              custom size 1500 x 200   (Edit Header)

• Avaton maker https://avatarmaker.com/ 
• Alien avatar http://chir.ag/alien (image gadget)
  

Predicting your grade

body { background-color: #93B874; }

• make 4 transparent animated GIFs: 
• https://ezgif.com/maker 
• 2 numbers
• 1 % sign
• 1 letter

Add a background colour

<div style="background: peru;">

</div>

Use the following CODE to fix the background issue behind the transparent images.

Go to:

Design - Layout - Template Designer - Advanced - (scroll down to) - Add CSS

then paste in the following:

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,

.BlogList .item-thumbnail img {

  padding: 0 !important;

  border: none !important;

  background: none !important;

  -moz-box-shadow: 0px 0px 0px transparent !important;

  -webkit-box-shadow: 0px 0px 0px transparent !important;

  box-shadow: 0px 0px 0px transparent !important;

}