Разработка визуального проекта начинается с планирования и структурирования, то есть создания проекта системы.
Для описанных выше краевых задач необходимо использовать диаграмму классов и диаграмму переходов состояний.
Между классами TProg и TForm1 существует отношение композиции - отношение между классами, всегда один является неотъемлемой частью второго. На диаграмме классов композиция изображается линией с закрашенным ромбом, указывающим на класс большей сложности, в который происходит включение объектных полей.
Представим диаграмму классов приложения решения задач с применением классов TProg и TForm1 (рис. 19).
Проект решения задач должен реализовывать диаграмму переходов состояний интерфейса, представленную на рисунке 20. Эта диаграмма предназначена для моделирования различных состояний системы, она применяется при описании динамики поведения системы.
Диаграмма переходов состояний главного окна проекта решения задач с применением класса TProg. |

По диаграмме переходов состояний главного окна проекта решения задач с применением класса TProg определяются обрабатываемые события:
- С1 – инициализация приложения – событие onActivate формы;
- C2, C3, C4 – выбор соответствующих опций главного меню;
- C5 – ввод правильных данных или выдача сообщения об ошибке для неправильных данных – событие OnClick;
- С6 – переключение доступности/недоступности таблицы StringGrid1 и кнопки «Матрица» – событие onChange окна ввода;
- С7 – визуальный вывод результатов в таблицу StringGrid2, обработчики событий Button2Click, Button3Click, Button4Click;
- С8 – вывод результатов в файл, события Bitbtn1Click, Bitbtn2Click, Bitbtn3Click;
- С8, С9 – нажатие кнопок «Следующая» или «Предыдущая» – события Button5Click, Button6Click;
- С10 – выбор пункта меню «Выход» – событие N3Click.