Computer Science Tools Review

9ipArbkiEReviewing the live adaptation of Ghost in the Shell has put me in the mood to present some other reviews and so without further adieu I will be presenting my Top Ten for Computer Science Teaching Tools. These are presented in no particular order or ranking and I would be very happy to have someone add to the list in the comments section below if I miss one of your favorite tools or programs.

greenfootOne of my personal favorite programming tools will always be the Educational Java IDE Greenfoot.  I believe that this is one of the most comprehensive and useful combinations of curriculum and tools available for teaching Java and the basic concepts of Object Oriented Programming.  Notice I added both of those qualifiers.  There are certainly more effective programming interfaces and some tools that make learning the basics of programming simpler but to combine both of those things into a single application, Greenfoot can not be beaten.  The program creator, Michael Kölling, is first and foremost, an educator rather than simply a programmer, and this is apparent in the way that he designed the Greenfoot application to bring out the basic tenets of programming, and specifically Object Oriented design while hiding much of the complicated boiler-plate code that students will get to soon enough in Eclipse or Net Beans.  Rather than begin in a procedural mode teaching loops and variables and other constructs and then bringing class into it  (There I go…bringing class into it) Michael starts off with proper class design principles from the beginning and teaches constructs along with OOP design.  The best time to build a mind-set, in this case, for Object Oriented Programming, is in the beginning and that is exactly what Greenfoot does.

arduinoMy next favorite tool is the combination programming environment and hardware that make up the Arduino system. In order to get students interested in programming and code creation we need to get them engaged. Nothing creates interest and focuses attention better than creating something that works. Lights flash. servos turn. robots move. All of these things tie the attention of the young programmer onto the task in a manner that does not seem at all tedious or difficult. With the Arduino programming environment concepts like functions, methods, variables, loops, and program logic can be taught in bite-sized portions that don’t overwhelm the young programmer. Also Arduino provides an avenue to teach fundamentals of engineering, circuit design, and making in general. Considering the price of the hardware, this is an excellent investment for a part of your classroom budget each year.

With that, the first edition of my Top Ten Computer Science Teaching Tools comes to a close.  I will continue the list tomorrow and try to finish by the end of the week.  If you have suggestions or comments, please list them below.  Also, “likes” are appreciated.


Useful Skills in Canvas

Canvas_vertical_colorDuring this edition of Technology in Education I will demonstrate the easiest method (that I know of anyhow) to integrate video into Canvas pages.  This technique will work with YouTube, Microsoft SharePoint, or any other video hosting service that allows embedding via the iframe tag.  Once again we will be using the HTML editor.First we need to select the video we wish to embed into the page we are editing.  On YouTube, videos that are available for embedding, as most are, will have a link to create the embed code for you.  You will merely need to copy this code and paste it into the html already in your page.  If we wish to include this video from OnRamps, for example, we first need to find it on YouTube…chrome_2017-03-10_17-22-58

Once we have located our video we need to find the “Share” link located directly under the title…

chrome_2017-03-10_17-26-10As you can see, the “Share” link is marked with a curved arrow and the word “Share”.





Clicking that link will reveal the sharing options we can make use of. The option we want to select is “Embed”.


Selecting “Embed” will generate a snippet of html code containing our “iframe” that will allow us to embed the video into our page and have it play as though it were part of the page we are creating.  We need to copy the highlighted code and then paste it into the page we are editing using the HTML Editor.


Once the code is pasted into our page’s html we can click the “Save” button and view the results of our work…


Your students will be able to watch this video, assuming they have access to YouTube, without the distraction of the “Up Next” list along the right border of the page.  .


They can access only the material that you want them to view.  Be aware that if the video is hosted on a secure server like Microsoft SharePoint, your students may have to provide a username and password to access the content.  If you look carefully at the code pasted in the example above you will notice that it says rather than as the source of the video.  This is because I am forced to download all videos originating from YouTube and re-host them on our SharePoint video server because students at my school do not have unlimited access to the YouTube site.  It does not matter what source you use, as long as their material is available via an “iframe”

If the material in this post has been of any help, please leave a like a comment, if nothing else, to let me know you are out there 🙂