Дружелюбный Русский Алгоритмический язык, Который Обеспечивает Наглядность/Надёжность
Здесь показаны различия между двумя версиями данной страницы.
Следующая версия | Предыдущая версия Последняя версия Следующая версия справа и слева | ||
aleksandr_shilin._ehnciklopedija_programmy_is_drakon [2015/01/22 15:54] Александр Шилин создано |
aleksandr_shilin._ehnciklopedija_programmy_is_drakon [2016/11/30 20:03] Паронджанов В. Д. |
||
---|---|---|---|
Строка 1: | Строка 1: | ||
- | ====== Примеры работы с ИС Дракон ====== | + | ====== Примеры работы с программой «ИС Дракон» ====== |
+ | [[http://drakon.su/|Визуальный язык ДРАКОН]]\\ | ||
+ | [[http://drakon.su/knigi_vladimira_parondzhanova._skachat|Книги по визуальному языку ДРАКОН]]\\ | ||
+ | [[http://drakon.su/programma_is_drakon|Программа Геннадия Тышова «ИС Дракон» ]] | ||
+ | [[http://drakon.su/programma_is_drakon?rev=1418275943|Старая версия документа]] | ||
- | + | //Замечание.// Программа ИС Дракон периодически обновляется. B ней могут быть отличия от изложенного в статье. Общие приемы работы сохраняются. | |
- | Материалы про визуальный язык Дракон для работы, с которым предназначена ИС Дракон можно найти вот здесь: | + | |
- | + | ||
- | [[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]] | + | |
- | + | ||
- | ЗАМЕЧАНИЕ: Программа ИС Дракон периодически обновляется и в ней могут быть отличия от изложенного в статье. Общие приемы работы сохраняются. | + | |
- | ==== Пример 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/|Инженер-центр. Примеры работы с ИС Дракон]] |