Before coding...

Phase II of our project taught us that we need a plan before we start coding. Thinking about the activities, how the user interacts with them and covering all possible user cases is important. We used Balsamiq to create the images and Microsoft Visio to enter the info in the boxes with the elements and classes. The link for Balsamiq is http://www.balsamiq.com/products/mockups#. It is free and very easy to use.