# data[].attributes.body
This is just for creating background beats; very simplistic and easy to use. Needs Chrome or Flash to function! Create a background beat, save it, and attach it!

Have fun with this! Attach samples of your work below (in the 'comments' section). I've attached a short example below!

Drum Beat Creator (Simple)
http://www.html5drummachine.com/

# data[].attributes.body
This is just like the drum beat machine, but more complex.

Have fun with it! Attach samples of your work below in the 'comments' section!

Orbit Sampler (Advanced)
http://www.dreampipe.io/orbit/

# data[].attributes.body
Using http://sketchtoy.com/, students can create amazing sketches that save online, use tracers, can be played backwards and forwards, and can edit each others' work (without destroying the original copy) all with a click!

POST YOUR FINISHED WORK BELOW THIS POST IN THE 'COMMENTS' SECTION!

Here are some student examples!
http://sketchtoy.com/62031346
http://sketchtoy.com/65055374

Here's a Mr. Giraldi example!
http://sketchtoy.com/68356056

# data[].attributes.headline
Beginner Level Coding (Part 1 - Lightbot)

# data[].attributes.subject
Beginner Level Coding (Part 1 - Lightbot)

# data[].attributes.body
This is a Math-based introduction to coding, teaching students the basics of writing up coding procedures! It will teach you how to tell a computer to execute certain commands, including (very important) sequences and loops!

Lightbot Hour http://lightbot.com/hour-of-code.html

# data[].attributes.headline
Beginner Level Coding (Part 2 - Spritebox)

# data[].attributes.subject
Beginner Level Coding (Part 2 - Spritebox)

# data[].attributes.body
This will build off what you learned from Lightbot (commands, sequences, loops) in a fun adventure!

Spritebox Hour
http://spritebox.com/hour.html

# data[].attributes.headline
Beginner Level Coding (Part 3 - Code Boogie)

# data[].attributes.subject
Beginner Level Coding (Part 3 - Code Boogie)

# data[].attributes.body
Step 1 - Go to the following activity to learn a bit about coding!

Code Boogie -> https://santatracker.google.com/codeboogie.html (Click on 'Dance Class')

Step 2 - Now that you're comfortable with coding, go to the following link! Today we'll be making elves dance!

Code Boogie -> https://santatracker.google.com/codeboogie.html (Go to 'Dance Freestyle')

Step 3 - Make your elf dance a routine that has at least six moves!
When you're done, click 'Share', and then copy and paste the website address to the 'comments' section below this post!

# data[].attributes.headline
Beginner Level Coding (Part 4 - PlayLab)

# data[].attributes.subject
Beginner Level Coding (Part 4 - PlayLab)

# data[].attributes.body
Using your knowledge of simple coding, use the following website to create your own simple story!

STEP ONE
Go to this website, and choose one of three themes to work with!
https://code.org/playlab

STEP TWO
Watch the Hour of Code introduction video!

STEP THREE
Work through the levels; once you've got a good grasp of the fundamentals of coding (the coding we're doing today is called 'Javascript' coding), move to the final level. From there, you'll be creating a free form story!

STEP FOUR
When you've finished your story/video game short, click 'Run', and then 'Finish'. You'll be provided with a video link of your completed product. Click on the 'comments' section and attach it!

# data[].attributes.body
Now that we've all got some experience with beginning to code (with Lightbot and Spritebox), we're going to be creating our own game, activity, or story using coding!

EXAMPLES
1. Justin Trudeau's Hockey Game
https://studio.code.org/c/298948598
2. Mr. Giraldi's Ping Pong Game
https://studio.code.org/c/397701221
3. Mr. Waddles Survival Game
https://studio.code.org/c/223987674
4. Play Lab Smash Brothers
https://studio.code.org/c/217220362
5. Mr. Giraldi's World
https://studio.code.org/c/216843084

CHOOSE ONE OF THE FOLLOWING, AND SUBMIT YOUR ACTIVITY (BY A WEBSITE LINK) HERE ON PADLET IN THE COMMENTS SECTION!
1. Minecraft Designer
https://studio.code.org/s/minecraft/stage/1/puzzle/1

2. Star Wars Designer
https://studio.code.org/s/starwarsblocks/stage/1/puzzle/1

3. Frozen Designer
https://studio.code.org/s/frozen/stage/1/puzzle/1

4. Maze Designer
https://studio.code.org/hoc/1

5. Disney Infinity Designer
https://studio.code.org/s/infinity/stage/1/puzzle/1

6. Classical Play Lab Designer
https://studio.code.org/s/playlab/stage/1/puzzle/1

7. Gumball Designer
https://studio.code.org/s/gumball/stage/1/puzzle/1

8. Ice Age Designer
https://studio.code.org/s/iceage/stage/1/puzzle/1

9. Artist (Sketch) Designer
https://studio.code.org/s/artist/stage/1/puzzle/1

# data[].attributes.body
This is for advanced coders! We're all familiar with the basics of coding (like in Lightbot, Spritebox, and Code Boogie), and now we can try the following...

CHOOSE ONE ADVENTURE TO SPEND YOUR COMPUTER TIME ON!

1. CODE COMBAT

Choose your hero and code your way through the ogre patrols, lava pits, and laser beams of Kithgard Dungeon. Level up, earn gems, and loot magic items to unlock new programming powers!

https://codecombat.com/play?hour_of_code=true

2. DRAGON DASH

Design your own custom dragon, then use programming to guide it through fun puzzles on its quest for treasure and coins! You'll have to navigate through complex castles, find power-ups, and conquer knights to get all the treasure.

https://www.tynker.com/hour-of-code/dragon-dash

3. PHYSICS CANNON

Make an awesome 2-player cannon game and challenge your friends to play with you! You'll start with a partially programmed version of the game, so you need to program the left cannon. Once you've got both cannons firing, you'll set up platforms and other items to knock over. Make it your own by adding extra features and customizing the theme!

https://www.tynker.com/ide/?p=546eaeef84aafa3125000012

4. HOT WHEELS

Learn to program with Hot Wheels in this high-octane racing game! Choose from a wide selection of cars, then learn to program as you navigate through complex race tracks. Jump over obstacles, skid around corners, and win the race. You can even program your own race tracks and challenge your friends to race on them.

https://www.tynker.com/hour-of-code/hot-wheels

5. CODE MONSTERS

Explore the enchanted forest to capture monsters and learn how to program them by completing coding puzzles. Collect, code, and evolve all the unique monsters. Devise strategies based on your monsters’ abilities so they can battle in the multiplayer arena. Whose code will win?

https://www.tynker.com/courses/code-monsters/map

6. CODING PIRATES

Captain Hack is a pirate looking for treasure. He also writes treasure maps, and writing those like writing code. He (the player) uses "pirate code" for this. It is a symbol-based programming language, used for instructions and even AI behaviors. movements, loops, GO-TO's, true/false-statements are all core parts of the game. The players are guided through a tutorial and presented for the posibilities, step by step. There are no correct solution for the tutorial levels, so the user can chose whatever solution they like.

https://www.codingpiratesgame.com/play

7. CODE COMMANDER
In this game, you will learn how to program an army to fight the evil Goblin King! Once your army grows, you can even battle other players!
https://www.tynker.com/courses/code-commander/map

8. DEBUGGER
Design a custom hero and play as that character through this multi-level adventure game. You'll need to use your coding skills to solve puzzles, fight bugs, and save the motherboard!
https://www.tynker.com/lesson/host?c=setup

# data[].attributes.headline
Expert Level Coding (Where Mr. Giraldi no longer can help you!)

# data[].attributes.subject
Expert Level Coding (Where Mr. Giraldi no longer can help you!)

# data[].attributes.body
3D World Creation (Frogger)
https://agentcubesonline.com/Ristretto3D/public/Ristretto3D.html?nid=967565&edit=true&hour_of_code&language=English

PlayCanvas 3D Creation (Go to 'Sign Up' after previewing what you can make here with a lot of time and dedication!)
https://playcanvas.com/

Here are some examples of PlayCanvas projects
Master Archer https://playcanv.as/p/JERg21J8/

Swoop https://playcanv.as/p/JtL2iqIH/

# data[].attributes.headline
Aminah's World (Primary Level/Simple Art)

# data[].attributes.subject
Aminah's World (Primary Level/Simple Art)

# data[].attributes.body
One great thing about websites that allow us to explore and play with art is that we may be encouraged to go on from there to try a similar activity in real life. Aminah's World is a website presented by the Columbus Museum of Art. Here kids can choose a digital background then build a collage by layering kente cloth and other fabric scraps, found objects, shells, and yarn. Objects can be moved and re-sized, and the result printed out.

http://aminahsworld.org/

Take a screen grab and post your art in the 'comments' section below!

# data[].attributes.body
At Bomomo, children can experiment to their heart's content. There's a range of interesting tools, and the best way to discover what they can do is to simply try them. Click one of the icons at the bottom of the screen, then move and click your mouse to make a cool abstract composition. If you can't save the creation, try taking a screen grab of it.

http://bomomo.com/

Post your picture below in the comments!

# data[].attributes.headline
Graffiti Art (Junior Level/Advanced Image Cloning)

# data[].attributes.subject
Graffiti Art (Junior Level/Advanced Image Cloning)

# data[].attributes.body
STEP ONE (Graffiti Creation)
Using a 'graffiti creator' site (which works a lot like tattoo/font/image creation sites, meaning that most of it is 'pay-locked' for the average person to use), I want you to create your name in graffiti. The site we'll be using is linked below. Please choose a style (out of the nine being offered), then create your name and add a number of effects.

Chrome 5 Graffiti -> http://www.graffiticreator.net/htm/creator_chrome5.htm#.Wd51EFtSzDc

STEP TWO (Image Cloning)
Like most 'pay-locked' sites, you're unable to move forward unless you buy a product or pay for what you've created. There's a common work around for this, sometimes referred to as 'image cloning' or 'printscreen cropping'.
1. When you've finished your product, move your mouse to the corner of the screen, make sure all your graffiti is on the screen in front of you, and press (once) the PRTSCRN button in the top right corner of your keyboard. This saves a picture to a temporary file on your computer.
2. Open the Paint application (available for free on any computer that has Windows). Click 'paste' or CTRL+V on your keyboard. The screenshot that was just temporary saved will appear.
3. Using the cropping tool, create a rectangle around your graffiti. Make sure to not include anything else indicating that this is a screenshot, and then click 'Crop'.
4. Click 'Save As', and save this picture to your computer.

STEP THREE (Upload to Padlet)
In the 'comments' section below, post your graffiti art!

# data[].attributes.headline
Scrap Colouring (Primary Level/Simple Art)

# data[].attributes.subject
Scrap Colouring (Primary Level/Simple Art)

# data[].attributes.body
ScrapColoring is an online coloring site with an innovative concept. Forget about printable coloring pages: ScrapColoring's colorful and customizable patterns give a very rich variety of choices for kids to develop their artistitic sense, and provide them with hours of fun and creativity.

http://scrapcoloring.com/

Posting your picture below in the comments!

# data[].attributes.headline
Beatbox Creator (Music - Beginner/Introduction)

# data[].attributes.subject
Beatbox Creator (Music - Beginner/Introduction)

# data[].attributes.body
This site is an introduction to online music making (through beatboxing). There's four separate games linked here, all of which can only be recorded through screen-capture software (but serve as an excellent primary introduction to online music making)!

http://www.incredibox.com/

# data[].attributes.body
Animoto turns your photos and video clips into professional video slideshows in minutes. Fast, free and shockingly simple - it makes 'awesome' easy!

You will need to create an account, but no payment is required!

https://animoto.com/

# data[].attributes.body
Click and choose. Drag and drop. Edit and play. That's Animaker!

Animated videos, done right!

You'll have to create an account, but it's free to make animation up to two minutes!

https://www.animaker.com/

# data[].attributes.body
Make your own composition, hit the 'Share' button, and post it in the comments section below!

https://www.google.com/logos/2017/fischinger/fischinger17.html

# data[].attributes.body
This is an excellent music history piece that also teaches kids how to use a turntable! Unfortunately music off this site can't be shared via a web link. It's still a great music introduction tool, especially if you're researching Hip Hop!

https://www.google.com/logos/2017/hiphop/hiphop17.html

# data[].attributes.body
Using Pivot Animator (Part 2) you can create and capture stick animations. You will need to make an account, but it's free to make and use. There are advanced versions of this software, but our school computers aren't powerful enough to support them!

https://www.rollapp.com/launch/pivotanimator

# data[].attributes.body
This is a drag and drop poster making site. It can create amazing looking posters, which can be shared via a website link, downloaded or printed! It's completely free, although there are pictures that you need to pay money if you want to use. A work around for this is to download pictures you want to use off the internet (make sure that they're high definition pictures), upload them to the site, and use those instead!

www.canva.com

# data[].attributes.body
This is a fantasy tank builder; using your coding skills, you can make the tank point-and-shoot game for yourself/others to play! 'Export' your code with a description of your game here; 'import' that student's code to play their game! Make sure to make it an actual game, not a broken spam activity!

https://iblobtouch.github.io/

# data[].attributes.headline
BeFunky (Online Photo Editor and Collage Maker_

# data[].attributes.subject
BeFunky (Online Photo Editor and Collage Maker_

# data[].attributes.body
This free site specializes in drag and drop design, making graphic design, photo editing and collage making very user-friendly. You can make some really outstanding pieces of art in a short amount of time!

https://www.befunky.com/

Example #1
Before editing https://imgur.com/a/kpEAn
After editing
https://imgur.com/a/RAJE3

Example #2
https://imgur.com/a/sHbo3

# data[].attributes.body
This one is a mid-November to December only activity, but using centred photos (uploaded to school computers) we can create festive dances and use the share button showcase to the rest of the school! These can even be looped and posted to our school TV screen in the lobby downstairs!

Elf Yourself
http://elfyourself.com

Elf Yourself Example  http://elfyourself.com?mId=71300156

Elf Yourself (2017 Activity)
https://padlet.com/markgiraldi/techclubelfyourself

# data[].attributes.headline
Story Jumper (Language/Art Cross Curricular) Book Creator

# data[].attributes.subject
Story Jumper (Language/Art Cross Curricular) Book Creator

# data[].attributes.body
This site is a drag-and-drop book creation site; you can make books to be read and shared online (even using a microphone to include audio), and can get them professionally printed (although at a cost). You can make some beautiful pieces of work on this! Check out Mr. G's two examples for an idea. This site works especially well when used with graphic design sites like Canva!

Story Jumper
https://www.storyjumper.com

Story Examples
Stefan and the Giant Sea Monster https://www.storyjumper.com/book/index/44874206/59e3a633bc189

Sofia and the Popcorn Dragon https://www.storyjumper.com/book/index/43618646/59e3a669e1bef

# data[].attributes.body
This is excellent for Primary students, especially during the holiday season! Students can mix and match to make their own tune, then click 'Share' and post their work!

Elf Jamband
https://santatracker.google.com/jamband.html

# data[].attributes.headline
Beginner Level Coding (Part 3, Activity 2 - Code a Snowflake)

# data[].attributes.subject
Beginner Level Coding (Part 3, Activity 2 - Code a Snowflake)

# data[].attributes.body
Use the following website (also part of Google's Santa Tracker website opening in December) to code a snowflake and end up with the end result being a beautiful electronic Christmas card (or print-out if so desired)! Click 'share' and post your work in the comments section!

Code a Snowflake -> https://santatracker.google.com/snowflake.html

# data[].attributes.headline
Work Compilations for the Tech Club (2017-2018)

# data[].attributes.subject
Work Compilations for the Tech Club (2017-2018)

# data[].attributes.body
Sketch Toy - https://padlet.com/markgiraldi/techclubsketch
Week of Code - https://padlet.com/markgiraldi/techclubweekofcode

# data[].attributes.body
Click and choose. Drag and drop. Edit and play. That's Animaker! Animated videos, done right! You'll have to create an account, but it's free to make animation up to two minutes! Use your student Google account to sign up (and later to log in)!

Website - https://www.animaker.com/

# data[].attributes.headline
Tech Club Week 1 Instructions (January 8th)

# data[].attributes.subject
Tech Club Week 1 Instructions (January 8th)

# data[].attributes.body
Step 1 - Learning About Animaker
Before using Animaker, watch this video -> https://www.youtube.com/watch?v=ImTiE7_Qz9M

Step 2 - Create Your Account
Go to Animaker ( https://www.animaker.com/ ), click 'Register for Free', and use your student Google account to sign up! This will be your log in from now on!

Step 3 - Play Around With 'Create a Video'
Click on 'Create a Video' on your account and have some fun! We'll be making videos for Sherwood Mills next week, but not yet!

Examples
The Importance of Water - https://www.youtube.com/watch?v=HSENz13ZFxo
Travel Around The World Facts - https://www.youtube.com/watch?v=SPFfYlAMvuI
Super Bowl Facts - https://www.youtube.com/watch?v=yQ3ZitZun8s
Top 10 Most Visited Cities in the World - https://www.youtube.com/watch?v=1hvtiFOsb7Y
Motivation Short - https://www.youtube.com/watch?v=NWUXJJDukF0

# data[].attributes.body
Use the attachment below to install Mineshafter on our school computers!

After opening it up and installing it, login with your student e-mail! Mr. Giraldi will be creating a Coding Club world (Creative) for you to build in!

Fighting each other will get you removed from Coding Club for the duration of our 'world creation' activities!

# data[].attributes.attachment_link.description
A free alternative to the Minecraft online services

# data[].attributes.body
Program animals and other Minecraft creatures in your own version of Minecraft!

https://studio.code.org/s/minecraft/stage/1/puzzle/1

# data[].attributes.body
After going through the beginner's guide and playing around, check out these more advanced tutorials!

http://wiki.roblox.com/index.php?title=Learn_Roblox

# data[].attributes.attachment_link.description
If you're new to Roblox and want to learn how to make your first game, we recommend our Getting Started Guide .

# data[].attributes.body
Minecraft is back for the Hour of Code with a brand new activity! Journey through Minecraft with code.

https://studio.code.org/s/hero/stage/1/puzzle/1

# data[].attributes.body
After making your account, read the following beginner's guide!

http://wiki.roblox.com/index.php?title=Getting_Started

# data[].attributes.attachment_link.description
Welcome! If you landed here, we assume you've never built a game with Roblox, but don't worry, we'll get you started as quickly as possible.

# data[].attributes.body
Mineshafter and Roblox
https://padlet.com/markgiraldi/roblox

Winter Walk Day Media
https://padlet.com/markgiraldi/media

Animaker Lessons
https://padlet.com/markgiraldi/techclubanimaker

Sketch Toy Activity
https://padlet.com/markgiraldi/techclubsketch

Tech Club Week of Code
https://padlet.com/markgiraldi/techclubweekofcode

Javascript (Code Combat)
https://padlet.com/markgiraldi/codingclubadvanced

Links to Investigate
https://www.tynker.com/hour-of-code/
https://www.tynker.com/ide/plugins/start?sectionname=map&chapterid=&ct=149800334
https://scratch.mit.edu/
http://www.crunchzilla.com/code-monster
https://blockly-games.appspot.com/
https://codecombat.com/play
https://codecombat.com/

Music Tech Experts
https://padlet.com/markgiraldi/techclubmusic

Art Tech Experts
https://padlet.com/markgiraldi/techclubart

Coding Tech Experts (Beginner)
https://padlet.com/markgiraldi/techclubbeginnercoding

Coding Tech Experts (Advanced)
https://padlet.com/markgiraldi/techclubadvancedcoding

# data[].attributes.body
Use the attachment below to install Roblox Studio on our school computers!

After opening it up and installing it, make an account! Use your student e-mail for this.

# data[].attributes.body
To use Team Create, go to the View tab in ROBLOX Studio, and then click on theTeam Create button. If the feature is turned off, click on the green Turn On button. The game must be published in order for team create to be used. When clicked, it will restart ROBLOX Studio and enable Team Create.

You'll have a link to use for your friends to click and join it; feel free to copy and paste it here in the comments section!

# data[].attributes.body
Use code to take Alex or Steve on an adventure.

https://studio.code.org/s/mc/stage/1/puzzle/1

# data[].attributes.headline
Beginner Level Coding (Part 3, Activity 2 - Code a Snowflake)

# data[].attributes.subject
Beginner Level Coding (Part 3, Activity 2 - Code a Snowflake)

# data[].attributes.body
Use the following website (also part of Google's Santa Tracker website opening in December) to code a snowflake and end up with the end result being a beautiful electronic Christmas card (or print-out if so desired)! Click 'share' and post your work in the comments section!

Code a Snowflake -> https://santatracker.google.com/snowflake.html

# data[].attributes.body
1. WeaveSilk.com – Create something soothing.

2. DrawAStickman.com – Draw a stickman and watch him go on an adventure.

3. DrawACat.net – Draw a cat and watch her play with a ball.

5. SketchSwap.com – Sketch something and get a sketch back.

6. Pixelator.co – Share your canvas with others, and create a masterpiece pixel by pixel.

7. Bomomo.com – Create art with a lot of different lines.

8. BallDroppings.com – Bounce balls off of lines and create music.

9. Patatap.com – Use your keyboard to make music.

10. RonWinter.tv/drums.html – Create more music with your keyboard.

11. ButtonBass.com – Create dubstep and electronic music.

12. IncrediBox.com – Select different melodies, beats, effects, and more to make music.