- This paper proposes the use of an interactive web based problem solving application that utilises flowchart based programming and code generation to address the issues faced by novice programmers. The application focuses on using flowcharts to visualise programming concepts, as well as the development of visual solutions to basic programming problems, from which syntactically correct program code is generated. The animation features and interaction between the visual and code representations reinforce student understanding of both the visual solution and program statement flow. Ongoing work on student usability analysis is reported, as is ongoing development of an online learning environment that will further couple the application with a classroom pedagogy based on the principles of scaffolding support. Their combined use aims to increase comprehension and maintain student motivation when engaging in the introductory levels of programming.