Abstract
In this article, a computer based program chart developing method is proposed. Hierarchical compact description chart (HCP chart) has been proposed for upper process software development. Originally, it was drawn with hand. A script based drawing method has been proposed which translates directives into HCP chart graphics. In this article, GUI based drawing method is proposed based on HTML5 and JavaScript. HCP chart is constructed with symbols and relation lines. Symbols denote each role in a process, such as processing unit, iteration, switch condition, and input/output data elements. Their relations are shown with lines. All components and their relations of HCP chart are put on the graphic window directly. Thus, users design HCP chart easily and can intuitively understand total process. Data sharing functions are also implemented for collaborative software development.
