Lifting the hood of the computer: program animation with the Teaching Machine

The teaching of computer programming concepts is hampered by the difficulty students have in visualizing the dynamic processes that are controlled by the static texts of computer programs. This is no surprise, as the students have never actually seen these processes. To reveal what is happening “under the hood” of the computer, we have developed a new tool for program animation: the Teaching Machine. It shows an abstraction that captures some of the ways high-level programmers think of machines, by modeling aspects of both the underlying processor and the compiler. As a program executes, the Teaching Machine can show the flow of control through the source code, the evaluation of expressions, and the changing values of data objects in the memory. The Teaching Machine allows considerable flexibility. Views that are not relevant to an example can be hidden. Execution steps can be as large as a complete subroutine call or as small as a single arithmetic operation. Memory can be viewed in any of four different formats, including a box and arrow representation, which allows automatic animation of algorithms on data structures such as linked lists and trees. We have used the Teaching Machine in a number of ways: as an animated blackboard for an instructor to use in the classroom; as an application that students can use to investigate either canned examples or their own programs; as an component in a Web tutorial; and as the centrepiece of a series of tutorial videos. The Teaching Machine has been used in a first course on programming, a second course on programming, and a course on data structures