Sunday, December 7, 2014

Hour of Java Code Tutorial Videos

Next week, participate in the Hour of Code by following a coding curriculum. These programs are designed to familiarize students with JAVA, a language that is used in the professional world, the curriculum consists of three simple assignments:
  • Hello World - Your very first Java program, but with a twist
  • Transforming Images - Build your very own Instagram
  • Create Your Very Own Flag
Hosted on Vocareum , an online coding management system that is integrated with Edmodo, you can access this curriculum using your existing Edmodo username and password. Sign up by sending your name, email address to or visit and get ready to bring the 21st century to your students!

Introduction to the Vocareum Platform:

Instructions Hello World Assignment:

Instructions Transform Images Assignment:

Instructions Create Your Own Flag:

Thank you for your feedback Mrs. McAnlis.  
These directions will clarify the ones posted in Vocareum. 

Let's make your own flag. We will start by changing the colors of the background
  1. Go to panel1.setBackground( and change blue to any of these colors:
    red, green, blue, yellow, cyan, magenta, orange, pink, black, white, gray, lightGray, or darkGray.
  2. Now change the colors on panel2 and panel3.
  3. Click Build
  4. Click Run
  5. Go to the FILE tab and click on myflag.jpg

Now let's change the shape of the flag:
  1. Locate pane.setLayout(new GridLayout(1, 3)); and change the 1 to 2 and the 3 to 2
  2. Locate JPanel panel3 = new JPanel();
  3. Press enter to go to the line right below it
  4. Type the code JPanel panel4 = new JPanel();
  5. Locate panel3.setBackground(
  6. Press enter to go to the line right below it
  7. Type panel4.setBackground(;
  8. Change the of this new panel to another primary color.
  9. Type pane.add(panel4); below pane.add(panel3);
  10. The "String outfile" names the name your flag will have when you have finished it.
  11. Click Build and Run to create your new myflag.jpg
  12. Click on the "Files" tab and click on the "myflag.jpg" to view your flag after build and running it.

Have fun. Get Creative.
  • Pick a COUNTRY FLAG and try to make it or invent one of your own.
  • Show us your flag!
  • Use the Snip tool in your accessories folder in Windows to take a screen shot or Command-Control-Shift-4 on MAC
  • Ask your teacher to email your screen shot to
  • We will post the best ones on Mrs. V's blog Fantastic Digital Tools

These details will also be posted to the Edmodo Hour of Code Community