Графическийредактор схем

ALLTED Web UI

Содержание

• О пакете ALLTED• ALLTED Studio и NetALLTED• Анализ редакторов• Web-технологии• Javascript и Dojo Toolkit• ALLTED Web UI• Описание интерфейса• Составление схемы: элемент• Составление схемы: линия• Генерация кода• Описание элемента• Выводы

О пакете ALLTED

ALLTED является CAE-системой (Computer Aided Engineering) длямоделирования, анализа и проектирования таких устройств, как системыуправления и динамические системы, составленных из электронных, гидравлических, пневматических, механических, электрических, электромагнитных и других физических элементов. Это может бытьсделано как для каждой технологии в отдельности, так и для ихкомбинации. Системы этого типа широко используются в современнойробототехнике, станках с ЧПУ (числовым программным управлением), испытательном оборудовании, дорожной технике, сельскохозяйственнойсфере.

Структура ALLTED позволяет пользователю достаточно легкопереходить от базисных режимов моделирования к анализу, а от анализак проектированию. Взаимодействие пользователя с программойосуществляется посредством проблемно-ориентированного входногоязыка, с помощью которого описывается исходная информация обобъектах и задачах исследования.

ALLTED Studio и NetALLTEDПомимо оригинального консольного приложения, в настоящее времясуществуют следующие интерфейсы для использования возможностейпакета ALLTED:

ALLTED Studio

Среда разработки для Windows, основанная наконсольной версии ALLTED. Позволяет вмногооконном режиме редактировать текстовыефайлы заданий, схем и библиотек; имеетвстроенный графический редактор схем ипостроитель графиков. Разработана в 2002 году.

NetALLTED

Веб-версия пакета ALLTED. Предоставляет возможность выполнятьрасчеты на удаленном вычислительномкластере. Доступна по адресуhttp://allted.kpi.ua

Анализ редакторовФункциональные возможности, которые должны присутствовать всхемном редакторе:

МасштабированиеБуфер обменаРисование геометрических примитивовРедактор библиотеки элементовПривязка к сеткеИзменение цветовой схемыВерификация схем

Функционал, присутствие которого желательно в редакторе:

Вставка рисунка с файлаСохранение в графическом форматеЛинейкаПоиск элемента на схемеПодсчет статистикиАвтоматическое резервное копирование

Microsoft Silverlight — это программнаяплатформа, включающая в себя плагин длябраузера, который позволяет запускатьприложения, содержащие анимацию, векторную графику и аудио-видео ролики

Web-технологии

Мультимедийная платформа компании Adobe для создания веб-приложений илимультимедийных презентаций. Широкоиспользуется для создания рекламныхбаннеров, анимации, игр, а такжевоспроизведения на веб-страницах видео- иаудиозаписей.

JavaScript и Dojo Toolkit

JavaScript — объектно-ориентированныйскриптовый язык программирования. Наиболееширокое применение находит в браузерах какязык сценариев для придания интерактивностивеб-страницам.Основные черты: динамическая типизация,

автоматическое управление памятью, прототипное программирование, функции какобъекты первого класса.Является зарегистрированным товарным знакомкомпании Sun Microsystems, Inc.

Dojo — свободная модульная библиотекаJavaScript. Разработана с целью упроститьразработку основанных на JavaScript и AJAXприложений и сайтов. Разработкабиблиотеки была начата Алексом Русселом в2004 году.

IBM и Sun Microsystems анонсировалиофициальную поддержку Dojo, включаявклад в разработку ядра библиотеки. Спонсорами и партнерами фреймворка такжеявляются компании AOL, Google, Zend Technologies и Mozilla Foundation.

ALLTED Web UI

В 2009 году, на основе фреймворкаDojo Toolkit была начата разработкапользовательского интерфейса кпакету ALLTED под названиемALLTED Web UI (User Interface).

Целью проекта является созданиеоблегченного варианта редакторасхем с генерацией кода, который нетребует значительных системныхресурсов.

На сегодняшний день, ALLTED Web UI являетсяединственным в Интернете редактором схем с открытымдоступом, основанным на JavaScript и, как следствие, нетребующим от конечного пользователя наличия каких-либо дополнительных средств (таких как Adobe Flash Player или Java Runtime Virtual Machine), кромесовременного web-браузера.

Описание интерфейса

Интерфейс редактора схем ALLTED Web UI состоит из следующих элементов:

1. Панель инструментовСодержит сгруппированные поназначению кнопки для вызоваразличных функций и интерактивнуюстроку подсказки.

2. Дополнительная панельСодержит кнопку для вызова функциигенерации кода, вывода графическогофайла и “ползунок” для изменениямасштаба.

3. Область рисованияОбласть, на которой производитсясоставление схемы.

4. ВкладкиПереключение между вкладками“ToolBox” (выбор элементов схем), “Elements” (редактирование свойствэлементов) и “Project” (редактированиесвойств проекта).

5. Панель элементовВыбор доступных элементов схем для размещенияв области рисования.

6. Статусная строкаОтображает текущее состояние приложения, координаты мыши и т.д.

Составление схемы: элемент

Последовательность действий для добавления элемента вобласть рисования:

1. Выбрать необходимый элемент в панели элементов щелчкоммыши.

2. Разместить курсор над местом в области рисования, в котороенужно вставить элемент, и совершить щелчок мыши. Послеэтого можно продолжать размещение подобных элементов такимже образом.

3. Для отмены режима рисования элемента в панелиинструментов необходимо выбрать новый режим (Cursor, Handили Line). Также можно воспользоваться кнопкой Esc наклавиатуре либо выбрать другой элемент в панели элементов.

4. Вставленные элементы активируются по щелчку мыши (втаком состоянии над ними можно совершать действия п.5). Подвойному щелчку открывается вкладка редактированияпараметров выбранного элемента.

5. Над выделенными элементами можно совершать операцииповорота на 90° и удаления (кнопки Rotate и Deleteсоответственно).

1

21

4

5

31

Составление схемы: линия

Последовательность действий для рисования линии(соединения элементов):

1. Выбрать в панели инструментов режим Wire.

2. Разместить курсор над узлом элемента (выделен краснымцветом) и совершить щелчок мыши. После этого при движениикурсора будет отображаться текущая возможная траекториялинии.

3. Закончить рисование линии нажатием на узел другогоэлемента. Для отмены режима рисования элемента в панелиинструментов необходимо выбрать новый режим Cursor. Такжеможно воспользоваться кнопкой Esc на клавиатуре.

4. Над нарисованной линией можно совершать операцииудаления (кнопка Delete) и перетаскивания.

5. Рисование линии также можно начинать и завершать снажатия в произвольной области уже существующей линии. Втаком случае будем создан новый узел (см. рис.)

5

1

21

31

4

Описание элемента

Генерация кода

В соотвествии с нарисованной схемой, при нажатии кнопки Compile на экранвыводится результат генерация кода описания для пакета ALLTED.

Пример генерации кода:

Выводы

1. Проведено анализ современных схемных редакторов.

2. Сформулированы требования, которым должен удовлетворять

графический схемный редактор.

3. Проведено анализ технологий разработки веб-приложений.

4. Обоснован выбор инструментов для разработки веб-редактора.

5. Разработан графический веб-редактор электронных схем.

6. Проверено работоспособность редактора на схемах с курсов

учебного процесса кафедры СП.

Спасибо за внимание!

Мельничук РоманНТУУ КПИ, кафедра СП, группа ДА-71

© 2011