Создание цифровой образовательной модели Разработка внешнего интерфейса программы

На базе типового примера создаем прямоугольную область с помощью стандартного инструмента для рисования (среды Stratum) «Прямоугольник». Данную область называем Field, она будет служить графическим полем для демонстрации тригонометрических функций. Справа от нее размещаем стандартные кнопки, необходимые для выбора функций, а также окна, для демонстрации формул, промежуточных значений, необходимых для расчета, и значений самих функций. На против каждой кнопки выбора добавляем название одной из тригонометрических функций: синус, косинус, тангенс, котангенс. С помощью текстовых объектов составляем формулы для вычисления значений функций. Для объединения отдельных объектов в группу используется стандартная функция «Создать группу», получаем единый объект, отражающий необходимую формулу. Каждому объекту в его свойствах задаем уникальное название: «f1», «f2», «f3» и «f4» соответственно. После чего помещаем объекты друг на друга в окно для формул. В окно для промежуточных значений добавляем текстовые объекты x, y, α и R. Напротив каждого из них создаем еще по одному пустому текстовому окну и называем соответственно: «TextX», «TextY» и «TextAlfa», - радиус оставляем постоянным, равным 1. В окне значений функций также добавляем текстовые объекты, в них пишем: «sin (x) =», «cos (x) =», «tg (x) =» и «ctg (x) =», - и называем соответственно: «sinx», «cosx», «tgx» и «ctgx». Важно не копировать объекты, а создавать каждый раз заново, иначе, в виду особенностей среды Stratum, компилятор может посчитать эти объекты за один, и будет изменять их значения одновременно.

1 – кнопка, позволяющая выбрать тригонометрическую функцию

2 – кнопка, показывающая задание

3 – формула, по которой высчитывается функция

4 – окно промежуточных данных

5 – окно значения функции

6 – кнопка выхода

7 – кнопка «Заново», генерирующая случайный сценарий программы

8 – кнопка показать/скрыть сетку

9 – актуальное значение функции

10 – вспомогательная линия для функции

11 – дужка угла

12 – радиус-вектор единичной окружности

13 – перпендикуляр к оси ОХ (dx)

14 – точка за которую нужно двигать

15 – перпендикуляр к оси OY (dy)

16 – единичная окружность

17 – линия функции

Отрисовка основных элементов программы

Так как основной задачей данного проекта является наглядная демонстрация (тригонометрических функций), то важной частью создания модели является отрисовка.

Определим, какие именно элементы необходимо изобразить:

• сетка;

• ось абсцисс и ординат, шкала и подписанные на ней деления;

• единичная окружность;

• радиус-вектор;

• управляющая точка, благодаря которой можно будет изменять угол наклона радиус-вектора;

• перпендикуляр к оси Х (x);

• перпендикуляр к оси Y (y);

• линия синуса;

• линия косинуса;

• линия тангенса;

• линия котангенса;

• функциональна линия к линии тангенса;

• функциональная линия к линии котангенса;

• дополнительная точка для тангенса и котангенса.

Рисование данных элементов реализовано в помощью стандартных функций, изученных в процессе написания программы (см. Приложение 2). Реализация сетки представлена в имидже GridForCircle [Типовой пример], реализация осей, шкалы и подписей представлена в имидже SystemKoord2 [Типовой пример], реализация всех остальных элементов представлена в имидже Graph (см. Приложение 3).