1.Концепция программы
Программа FlexAbility была задумана, как архитектор тестов, предназначенных для проверки уровня знаний пользователя после прохождения курса дистанционного обучения. Простой и понятный интерфейс программы FlexAbility позволяет работать с ней даже начинающим пользователям ПК.
FlexAbility построен из отдельных модулей, комбинируя которые, пользоаватель сможет самостоятельно собрать себе такой вариант программы, который нужен именно ему, и отказаться от ненужных для него функций.
Есть еще одна не менее, а может и более важная идея, которая легла в основу наших разработок. FlexAbility создан для того, чтобы обеспечить пользователям полную свободу! Это ключевая идея нашего проекта, поэтому мы разрабатывали систему так, чтобы пользователь не был ограничен никакими узкими рамками при использовании нашего продукта.
2. Интерфейс FlexAbility.
1) Главное меню
Главное меню FlexAbility содержит функции, общие для всей программы.
Меню "File" позволяет производить необходимые действия с файлами: создавать (New), сохранять (Save), загружать (Open), просматривать предыдущие (Recent Files) и менять настройки самого редактора (Preferences).
Меню "Edit" позволяет управлять рабочими кадрами, создавать (Insert Frame), удалять (Delete Frame) их, переключатся с одного кадра на другой, а также отвечает за добавление объектов (Image, Label, Hotspot, TextInput, Message, Checkbox) и их удаление (Delete Object). Здесь же имеется возможность включения/отключения вспомогательной сетки (Grid) и привязки к ее узлам (Snap to Grid).
Меню "Help" содержит вызов справки (Help), а также сведения о программе (About FlexAbility).
2) Панель инструментов
Панель инструментов FlexAbility содержит кнопки, дублирующие часть функций главного меню.
2.1)Кнопка "Image" позволяет вставить в рабочее поле кадра изображение.
Для загрузки изображения с жесткого диска кликните по кнопке Source. В появившемся диалоговом окне укажите в строке "папка" путь до необходимого изображения.
Перемещать изображение можно двумя способами: при помощи мыши и при помощи клавиатуры. Для перемещения мышью необходимо навести курсор на изображение и зажать левую клавишу. При дальнейшем передвижении мыши, перемещение изображения будет в точности соответствовать изменению положения курсора. Для перемещения изображения с помощью клавиатуры, убедитесь, что оно выделено. Убедившись в этом зажмите клавишу Ctrl, Shift или Alt и нажмите несколько раз на клавишу управления курсором. Изображение каждый раз будет перемещаться на фиксированное расстояние.
Информацию об изображении узнать и отредактировать можно в поле "Свойства изображения", которое появляется, когда пользователь делает изображение активным, кликая по нему левой клавишей мыши. В нем отображаются следущие параметры: id, название изображения, позиция по координате x и y относительно правого верхнего угла кадра, размеры изображения (ширина и высота), размер изображения (в байтах). Также в этом поле пользователь может проделывать следущие операции: сделать изображение видимым/невидимым (Visible), заблокировать/разблокировать изображение (Lock), сохранять пропорции при увеличении/уменьшении (Keep proportions).
Для изменения размеров изображения сделайте его активным. Наведите курсор на одну из точек, располагающихся по периметру избражения. После того, как курсор примет вид двунаправленной стрелки, зажмите левую клавишу мыши и начните ее перемещать.
Чтобы сделать размер изображения первоначальным, нажмите на кнопку "restore" в строке "original sizes".
2.2) Кнопка "Hotspot" позволяет отметить на рабочем поле активного кадра область, необходимую для какой-либо определенной функции. При этом для разработчика она будет видимой (подсвеченной красным цветом), а для пользователя останется незамеченной, так как никак не будет выделяться не мониторе ПК.
Информацию об области "Hotspot" узнать и отредактировать можно в поле "Свойства изображения", которое появляется, когда пользователь делает "Hotspot" активным, кликая по нему левой клавишей мыши. В нем отображаются следущие параметры: id, название, позиция по координате x и y относительно правого верхнего угла кадра, размеры (ширина и высота). Также в этом поле пользователь может проделывать следущие операции: сделать "Hotspot" видимым/невидимым (Visible), заблокировать/разблокировать "Hotspot" (Lock), сохранять пропорции при увеличении/уменьшении (Keep proportions), прикрепить "Hotspot" к другому кадру (выбрать имя кадра, к которому необходимо прикрепить в строке "Go to frame")
Перемещать область "Hotspot" можно двумя способами: при помощи мыши и при помощи клавиатуры. Для перемещения мышью необходимо навести курсор на область "Hotspot" и зажать левую клавишу. При дальнейшем передвижении мыши, перемещение области "Hotspot" будет в точности соответствовать изменению положения курсора. Для перемещения области "Hotspot" с помощью клавиатуры, убедитесь, что оно выделено. Убедившись в этом, зажмите клавишу Ctrl, Shift или Alt и нажмите несколько раз на клавишу управления курсором. Область "Hotspot" каждый раз будет перемещаться на фиксированное расстояние.
Изменение размеров области "Hotspot" происходит по тому же алгоритму, что и изменение размеров изображения.
2.3) Кнопка "Label" позволяет разместить на рабочем поле кадра текстовую область.
В поле "Свойства" можно отредактировать следущие параметры: непосредственно сам текст, вид шрифта, размер шрифта, границы области. Текст можно выделить курсивом, подчеркиванием и жирным написанием. Также в этом поле отображаются следущие параметры: имя объекта, id, позиция по координате x и y относительно правого верхнего угла кадра, размеры объекта. Можно сделать объект "Label" видимым/невидимым (Visible), заблокировать/разблокировать "Label" (Lock), сохранить пропорции при увеличении/уменьшении (Keep proportions).
2.4) Кнопка "TextInput" позволяет разместить на рабочем поле кадра текстовую область.
В поле "Свойства" можно отредактировать следущие параметры: непосредственно сам текст, вид шрифта, размер шрифта. Текст можно выделить курсивом, подчеркиванием и жирным написанием. Также в этом поле отображаются следущие параметры: имя объекта, id, позиция по координате x и y относительно правого верхнего угла кадра, размеры объекта (ширина и высота). Можно сделать объект "TextInput" видимым/невидимым (Visible), многострочным/однострочным (Multiline), заблокировать/разблокировать "TextInput" (Lock), сохранить пропорции при увеличении/уменьшении (Keep proportions).
Перемещать область "TextInput" можно двумя способами: при помощи мыши и при помощи клавиатуры. Для перемещения мышью необходимо навести курсор на область "TextInput" и зажать левую клавишу. При дальнейшем передвижении мыши, перемещение области "TextInput" будет в точности соответствовать изменению положения курсора. Для перемещения области "TextInput" с помощью клавиатуры, убедитесь, что оно выделено. Убедившись в этом, зажмите клавишу Ctrl, Shift или Alt и нажмите несколько раз на клавишу управления курсором. Область "TextInput" каждый раз будет перемещаться на фиксированное расстояние.
Изменение размеров области "TextInput" происходит по тому же алгоритму, что и изменение размеров изображения.
2.5) Кнопка "Message" позволяет разработчику
2.6) Кнопка "Checkbox" позволяет разместить на рабочем поле кадра кнопку - флажок.
Информацию об области "Checkbox" узнать и отредактировать можно в поле "Свойства изображения", которое появляется, когда пользователь делает "Checkbox" активным, кликая по нему левой клавишей мыши. В нем отображются следущие параметры: id, название, позиция по координате x и y относительно правого верхнего угла кадра, размеры (ширина и высота). Также в этом поле пользователь может проделывать следущие операции: сделать "Checkbox" видимым/невидимым (Visible), заблокировать/разблокировать "Checkbox" (Lock), сохранять пропорции при увеличении/уменьшении (Keep proportions), сделать "Checkbox" изначально включеным/выключенным.
Перемещать кнопку - флажок "Checkbox" можно двумя способами: при помощи мыши и при помощи клавиатуры. Для перемещения мышью необходимо навести курсор на кнопку - флажок "Checkbox" и зажать левую клавишу. При дальнейшем передвижении мыши, перемещение кнопки - флажка "Checkbox" будет в точности соответствовать изменению положения курсора. Для перемещения кнопки - флажка "Checkbox" с помощью клавиатуры, убедитесь, что она выделена. Убедившись в этом зажмите клавишу Ctrl, Shift или Alt и нажмите несколько раз на клавишу управления курсором. Кнопка - флажок "Checkbox" каждый раз будет перемещаться на фиксированное расстояние.
Изменение размеров области "Checkbox" происходит по тому же алгоритму, что и изменение размеров изображения.
2.7) Кнопка "Button" позволяет разместить на рабочем поле кадра кнопку.
Информацию об области "Button" узнать и отредактировать можно в поле "Свойства изображения", которое появляется, когда пользователь делает "Button" активным, кликая по нему левой клавишей мыши. В нем отображются следущие параметры: id, название, позиция по координате x и y относительно правого верхнего угла кадра, размеры (ширина и высота). Также в этом поле пользователь может проделывать следущие операции: сделать "Button" видимым/невидимым (Visible), заблокировать/разблокировать "Button" (Lock), сохранять пропорции при увеличении/уменьшении (Keep proportions). Изначально кнопка ("Button") будет добавляться по умолчанию с надписью "Button". Для того, чтобы изменить эту надпись, введите новый текст в поле ввода в строку "Default text".
Перемещать кнопку "Button" можно двумя способами: при помощи мыши и при помощи клавиатуры. Для перемещения мышью необходимо навести курсор на кнопку "Button" и зажать левую клавишу. При дальнейшем передвижении мыши, перемещение кнопки "Button" будет в точности соответствовать изменению положения курсора. Для перемещения кнопки "Button" с помощью клавиатуры, убедитесь, что она выделена. Убедившись в этом зажмите клавишу Ctrl, Shift или Alt и нажмите несколько раз на клавишу управления курсором. Кнопка "Button" каждый раз будет перемещаться на фиксированное расстояние.
Изменение размеров области "Button" происходит по тому же алгоритму, что и изменение размеров изображения.
3) Работа с кадрами
Имя кадра, который активен в данный момент, отображается в левом верхнем углу рабочего поля кадра.
Для работы с кадрами предусмотрена отдельная панель задач (Timeline), располагающаяся под рабочим полем кадра. С ее помощью можно создавать новые кадры, переключаться между кадрами, перемещать кадры относительно друг друга.
В поле "Свойства" можно отредактировать следущие параметры: имя кадра, описание кадра, следущий кадр.
Для изменения описания кадра нажмите на кнопку "Edit description" и введите описание в поле "description".
Для изменения имени кадра введите новое имя в поле "Frame name".
3.1) Создание нового кадра.
3.1.1) File => New
3.1.2) Кнопка "+" в панели задач для кадров.
3.1.3) Кнопка "+" => Frame в поле "Structure".
4) панель объектов (Structure)
Панель объектов сделана в виде "дерева" и призвана максимально облегчить переключение и взаимосвязь между кадрами и объектами.
Эта панель объединяет в себе функции панели инструментов и кадровой панели задач (Timeline). Здесь можно проводить все операции по созданию, удалению и редактированию кадров (Frame) и объектов (Image, Label, Hotspot, TextInput, Message, Checkbox).
4.1 Контекстное меню (правая клавиша мыши)
С помощью правой клавиши мыши пользователь имеет возможность вызывать контекстное меню. В нем заложены следущие функции: раскрыть/свернуть ветку "дерева", вставить кадр (Frame), объект (Image, Label, Hotspot, TextInput, Message, Checkbox), прикрепить объект к другому кадру (выбрать имя кадра, к которому необходимо прикрепить в строке "Go to frame"), удалить объект, переименовать объект.
Все объекты и кадры дублируются в "дереве" на панели объектов. Просматривать и редактировать объекты и кадры можно переключаясь между ними в "дереве". Информация об активном элементе будет появляться в поле "Свойства".
5) Рабочее поле кадра
5.1) Контекстное меню (правая клавиша мыши)
С помощью правой клавиши мыши пользователь имеет возможность вызывать контекстное меню, в которое заложены функции по изменению положения объектов (Image, Label, Hotspot, TextInput, Message, Checkbox) "по глубине" относительно друг друга.
5.1.1) "Bring to Front". Объект отрисуется поверх всех остальных объектов.
5.2.2) "Send to Back". Объект отрисуется под всеми остальными объектами.
5.2.3) "Bring to Front". Объект переместится на одну "ступеньку" выше.
5.2.4) "Send Backward". Объект переместится на одну "ступеньку" ниже.
6) Работа со сценариями. Разработчик имеет возможность работать только с ОДНИМ сценарием (задачей).
6.1 Загрузка сценариев. Загрузка сценариев с жесткого диска производится с помощью пункта меню "Scenario". Кликнув на него, разработчик имеет возможность просмотреть все сохраненные сценарии и выбрать необходимый.
|