Визуальный язык ДРАКОН

Дружелюбный Русский Алгоритмический язык, Который Обеспечивает Наглядность/Надёжность

Инструменты пользователя

Инструменты сайта


aleksandr_shilin._ehnciklopedija_programmy_is_drakon

Различия

Здесь показаны различия между двумя версиями данной страницы.

Ссылка на это сравнение

Следующая версия
Предыдущая версия
aleksandr_shilin._ehnciklopedija_programmy_is_drakon [2015/01/22 15:54]
Александр Шилин создано
aleksandr_shilin._ehnciklopedija_programmy_is_drakon [2020/08/18 17:31]
Паронджанов В. Д.
Строка 1: Строка 1:
-====== Примеры работы с ИС Дракон ====== +====== Примеры работы с программой ​«ИС Дракон» ======
- +
- +
- +
-Материалы ​про ​визуальный язык Дракон для работы,​ с которым предназначена ИС Дракон ​можно найти вот здесь:​ +
- +
-[[http://​drakon.su/​|http://​drakon.su/​]] +
- +
-Книги по визуальному языку Дракон можно найти здесь:  +
- +
-[[http://​drakon.su/​knigi_vladimira_parondzhanova._skachat|http://​drakon.su/​knigi_vladimira_parondzhanova._skachat]] +
- +
-Страница,​ посвящённая ​ИС Дракон ​здесь:  +
- +
-[[http://​drakon.su/​programma_is_drakon?​rev=1418275943|http://​drakon.su/​programma_is_drakon?​rev=1418275943]] +
- +
-ЗАМЕЧАНИЕ:​ Программа ИС Дракон периодически обновляется и в ней могут быть отличия от изложенного в статье. Общие приемы работы сохраняются.+
  
 +Программа ИС Дракон периодически обновляется. B ней могут быть отличия от изложенного в статье. Общие приемы работы сохраняются.
    
  
-==== Пример 01. Делаем простую Дракон-схему. ==== +[[/primer01|Пример 01. Делаем простую Дракон-схему.]]
- +
-Здесь пойдёт речь о том, как работать с ИС Дракон. Появилась необходимость объяснить работу ИС Дракон людям не занимавшимся программированием и не сталкивавшимся с рисованием блок-схем на компьютере. +
- +
-Если будет возможность,​ то поговорим в дальнейшем о правилах конструирования Дракон-схем. Пока же речь пойдёт только о том, как их рисовать в ИС Дракон. +
- +
-Допустим мы хотим нарисовать простую Дракон-схему. Вот такую:​ +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​1.png?​800x653}} +
- +
-Начнём рисовать эту схему. +
- +
-Запустим ИС Дракон и посмотрим на стартовый экран:​ +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​2.png?​800x443}} +
- +
-Выберем меню «Файл» и в нём пункт «Новый»:​ +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​3.png}} +
- +
-Увидим такую картинку:​ +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​4.png}} +
- +
-Встанем курсором мыши в середину белого поля появившегося листа с названием «Новый_02.drt» и нажмём правую кнопку мыши. Появится контекстное меню. Выберем в нём пункт «Примитив»:​ +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​5.png?​800x598}} +
- +
-Появится вот такая заготовка нашей схемы:​ +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​6.png}} +
- +
-Щёлкнем курсором мыши по верхней части прямоугольника,​ выделенного пунктиром:​ +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​7.png}} +
- +
-Внизу экрана появится поле для ввода текстовой информации:​ +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​8.png}} +
- +
-В это поле для ввода текстовой информации вобьём текстовую строку:​ «Алгоритм возможных решений проблемы быстрой разрядки смартфона». +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​9.png}} +
- +
-После чего щёлкнем курсором мыши по овалу с надписью «?​Заголовок»:​ +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​10.png}} +
- +
-Хотелось бы вписать в этот овал нашу следующую строку «Мой смартфон быстро разряжается. Почему?​». Но поле для ввода текста внизу исчезло. Поэтому щёлкнем ещё раз курсором мыши по овалу с надписью «?​Заголовок». Внизу появится поле для ввода текста. Введём туда наш текст:​ +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​11.png}} +
- +
-Чтобы строка появилась в овале, нам надо выйти из режима ввода текста на Дракон-листе. Для этого можно щёлкнуть курсором мыши на овал с надписью «Конец»:​ +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​12.png}} +
- +
-Хотя надпись вошла в нашу иконку Заголовка схемы, но она расположена в четырёх строках. А на нашем рисунке она уместилась в двух строках. Потому что иконка на рисунке шире, чем у нас на схеме. Надо изменить ширину нашей иконки Заголовка схемы. +
- +
-Как изменить ширину иконки?​ +
- +
-Выделим указателем мышки нужную нам иконку:​ +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​13.png}} +
- +
-Нажмём правую кнопку мыши (ПКМ) и увидим контекстное меню: +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​14.png?​800x603}} +
- +
-В этом меню легко находим пункт «Ширина иконы»,​ этот пункт ведёт нас в ещё одно меню, где есть три возможности изменения ширины иконы:​ +
- +
-Больше (+) +
- +
-Меньше (-) +
- +
-Исходная (*) +
- +
-Очевидно,​ что «Больше» - это увеличение ширины. «Меньше» - это уменьшение ширины. А вот про «Исходная» - непонятно,​ но сейчас разберёмся. +
- +
-Нажмём «Больше» и получим картинку:​ +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​15.png}} +
- +
-То, что надо! +
- +
-Чисто из баловства выберем и нажмём пункт «Ширина иконы» - «Больше» ещё раз: +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​16.png}} +
- +
-Ширина увеличилась,​ но строки по-прежнему две. +
- +
-А вот теперь выберем и нажмём пункт «Ширина иконы» - «Исходная»:​ +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​17.png}} +
- +
-Ширина вернулась к исходной ширине иконы. +
- +
-Чтобы не прыгать в меню – подменю для изменения ширины иконы, можно использовать клавиши,​ указанные в скобках:​ +
- +
-Больше (+) +
- +
-Меньше (-) +
- +
-Исходная (*) +
- +
-Выделим иконку и нажмём клавишу «+»: +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​18.png}} +
- +
-Ширина изменилась. +
- +
-Запомним. ​Для изменения ширины иконы:​ +
- +
-1.     ​Выделяем икону. +
- +
-2.     Нажимаем ​клавиши:​ «+» - увеличить ширину. «-» -уменьшить ширину. «*» - исходный размер. +
- +
-Продолжаем рисование картинки:​ +
- +
-Нам надо нарисовать такой длинный ромб, который разделяет пути в нашей схеме. Можно сказать,​ что нам надо нарисовать разветвление схемы посредством ромба. +
- +
-Ромбы – это тоже иконка. И нам надо эту иконку вставить после первой уже заполненной нами иконки. +
- +
-У нас даже обозначена точка возможной вставки следующей на схеме иконки:​ +
- +
-{{http://ec-1c.ru/​probachegollibo/​topics/​13.01.15/​19.png}} +
- +
-Встаём указателем мыши (УМ) на эту точку и жмём праву кнопку мыши (ПКМ), видим очередное контекстное меню: +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​20.png}} +
- +
-Большое меню! +
- +
-Но нам нужен только один пункт: «Развилка». Ну да, разделение маршрута ​схемы на два рукава. Жмём пункт «Развилка»:​ +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​21.png}} +
- +
-О! На рисунке путь «Да» уходит у нас вправо,​ а не вниз, как сейчас получилось. Надо поменять ветки маршрута «Да» и «Нет» местами. Ну, поскольку «Да» и «Нет» - это явно принадлежности нашего только что вставленного ромба «Развилка»,​ то надо работать с этой иконкой. +
- +
-Работаем с иконкой «Развилка». Она уже выделена. Встанем на неё указателем мыши (УМ) и нажмём праву кнопку мыши (ПКМ). Видим контекстное меню иконки «Развилка»:​ +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​22.png?​800x740}} +
- +
-Выберем в нём пункт «Да/ Нет». Получим то, что нам надо: +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​23.png}} +
- +
-Теперь надо воткнуть в иконку развилка вместо надписи «?​Вопрос» наш текст вопроса:​ «Последний раз заряжал смартфон больше 2 дней назад?​». +
- +
-Щёлкнем указателем мыши (УМ) по иконе с надписью «?​Вопрос» и внизу появится знакомое поле для ввода текста:​ +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​24.png}} +
- +
-Впишем туда наш вопрос:​ +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​25.png}} +
- +
-Чтобы строка появилась в нашей иконке «Развилка»,​ нам надо выйти из режима ввода текста на Дракон-листе. Для этого можно щёлкнуть курсором мыши на овал с надписью «Конец»:​ +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​26.png}} +
- +
-Выделим снова указателем мыши (УМ) иконку «Развилка» и увеличим её ширину (клавиша «+» - я нажал её два раза), чтобы она не была такой «бочкообразной»:​ +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​27.png}} +
- +
-Продолжаем рисование картинки:​ +
- +
-На очереди у нас иконка похожая на параллелограмм. С надписью:​ «Возможные причины быстрой разрядки». +
- +
-Точка вставки иконки у нас уже есть: +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​28.png}} +
- +
-Встаём в эту точку указателем мыши «УМ» и нажимаем правую кнопку мыши (ПКМ). Видим контекстное меню: +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​29.png}} +
- +
-В контекстном меню выбираем пункт «Переключатель». Так мы вставим иконку «Переключатель»:​ +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​30.png}} +
- +
-Иконка «Переключатель» оказалась непростой. Она состоит не из одной иконки с надписью «?​Выбор»,​ а к ней привязаны ещё две иконки с надписями «?​Вариант». И это радует:​ не надо рисовать отдельно иконки «вариант»,​ они бесплатно прилагаются к иконке с надписью «?​Выбор». +
- +
-Заполняем нужными нам надписями иконки с надписями «?​Выбор» и «?​Вариант» (мы уже знаем как это делать):​ +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​31.png}} +
- +
-Но у нас нет третьего Варианта:​ «Запущено много программных приложений». Его надо как-то добавить. Нам надо добавить его в схему справа от варианта «Неоптимальный режим электропитания». Будем идти от этой иконки. Выделим её указателем мыши (УМ) и нажмём правую клавишу мыши, появится контекстное меню: +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​32.png?​800x774}} +
- +
-Обратим внимание на два пункта меню: +
- +
-I– Вариант +
- +
-–I Вариант +
- +
-Чёрточка справа от значка «I» явно намекает нам на возможность вставить иконку «Вариант» СЛЕВА от текущей иконки «Вариант». Нам как бы показывают:​ I– от текущей иконки будет влево проведена черта и к черте приделана новая иконка «Вариант». Новая иконка будет СЛЕВА. +
- +
-Чёрточка слева от значка «I» явно намекает нам на возможность вставить иконку «Вариант» СПРАВА от текущей иконки «Вариант». Нам как бы показывают:​ –I от текущей иконки будет вправо проведена черта и к черте приделана новая иконка «Вариант». Новая иконка будет СПРАВА. +
- +
-Наш выбор: –I Вариант:​ +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​33.png?​800x701}} +
- +
-Впишем надпись в третью иконку «Вариант»:​ +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​34.png?​800x700}} +
- +
-После этого поочерёдно выберем каждую из вновь введённых иконок (это одна иконка «Переключатель» с надписью «Возможные причины быстрой разрядки» и три иконки «Вариант») и подгоним ширину этих иконок под ширину иконки «Развилка» (надпись:​ «Последний раз заряжал смартфон больше 2 дней назад?​»). Иконку «Заголовок» тоже немного расширим. Подгонять будем клавишей «+»: +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​35.png?​800x554}} +
- +
-Продолжаем рисование картинки:​ +
- +
-На очереди у нас прямоугольная иконка с надписью «Зайди в настройки смартфона». +
- +
-Куда её вставлять нам понятно – точка вставки уже есть. Встанем на точку вставки новой иконки указателем мыши (УМ) и нажмём правую клавишу мыши, появится контекстное меню: +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​36.png?​800x594}} +
- +
-Выберем пункт «I Действие». Заодно стало понятно – что такое значок «I». Этот значок означает,​ что этим пунктом меню мы вставляем какую-то иконку (Icon – по-английски). А пункты со значком «Is» - наверное означают иконку выбора (Icon Select – английскими словами). Ну это так. Догадки. +
- +
-Итак, мы выбрали пункт «I Действие»:​ +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​37.png?​800x602}} +
- +
-Заполним в новой иконке надпись и сделаем ей нужную нам ширину:​ +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​38.png?​800x622}} +
- +
-Но точно такую же иконку нам надо вставить и в ветки остальных вариантов. Скучно опять рисовать то, что уже было нарисовано один раз. +
- +
-Поэтому выделим иконку с надписью «Зайди в настройки смартфона». Выделим её указателем мыши (УМ) и нажмём правую клавишу мыши, появится контекстное меню: +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​39.png?​800x501}} +
- +
-Выберем пункт «B Копировать иконку». Очередная догадка:​ буква «B» намекает на работу с буфером для копирования данных (копируем в буфер, вставляем из буфера). В данном случае копируем выделенную иконку в буфер. То же самое можно сделать и сочетанием клавиш «Ctrl + С» - стандартное сочетание для копирования данных. +
- +
-Итак, мы скопировали иконку в буфер. +
- +
-Теперь встанем в точку вставки новой иконки указателем мыши (УМ) и нажмём правую клавишу мыши, появится контекстное меню: +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​40.png?​800x594}} +
- +
-Выберем пункт «B Вставить из буфера»:​ +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​41.png?​800x272}} +
- +
-О! Вставлена готовая иконка. С надписью. С нужной шириной. Так же вставляем эту иконку и в третью ветку выбора вариантов:​ +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​42.png?​800x258}} +
- +
-Продолжаем рисование картинки:​ +
- +
-Точно таким же способом делаем иконки с надписью:​ «Найди раздел «Устройство»». +
- +
-Вставляем иконку «Действие». Заполняем её надписью:​ «Найди раздел «Устройство»». Потом делаем нужную ширину иконки клавишей «+». +
- +
-Потом копируем сделанную иконку в буфер. И вставляем её из буфера в соседнюю ветку:​ +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​43.png?​800x631}} +
- +
-Продолжаем рисование картинки:​ +
- +
-И далее, обыденно,​ без особых ухищрений вставляем недостающие иконки «Действие» в каждую из веток наших вариантов. Действуем по одному и тому же порядку:​ +
- +
-1.     ​Вставляем иконку «Действие» в нужное место. +
- +
-2.     ​Заполняем иконку «Действие» нужной надписью. +
- +
-3.     ​Делаем иконке «Действие» нужную ширину. +
- +
-Получаем такую картинку (но в указанной на картинке точки, ещё нет последней иконки «Действие» с надписью «Смартфон давно не заряжался! Просто поставь свой смартфон на зарядку»):​ +
- +
-{{http://​ec-1c.ru/​probachegollibo/​topics/​13.01.15/​44.png?​800x719}} +
- +
-Вставляем указанную точку иконку «Действие». Заполняем её надписью:​ «Смартфон давно не заряжался! Просто поставь свой смартфон на зарядку». Потом делаем нужную ширину иконки клавишей «+».+
  
-Картинка готова.+[[/​primer0201|Пример 02. Придумываем и делаем очень простую Дракон-схему. Часть 1.]]
  
-{{http://ec-1c.ru/​probachegollibo/​topics/​13.01.15/​45.png?​800x651}}+[[/primer0202|Пример 02. Придумываем и делаем очень простую Дракон-схемуЧасть 2.]]
  
-На этом пример будем считать оконченным.+[[http://​ec-1c.ru/​news/​shop_news/​10818/​|Инженер-центр. Примеры работы с ИС Дракон]]
aleksandr_shilin._ehnciklopedija_programmy_is_drakon.txt · Последние изменения: 2020/08/18 17:31 — Паронджанов В. Д.