Как составить свою азбуку морзе

Время на прочтение
9 мин

Количество просмотров 50K

Одной из целью популяризации DIY-робототехники, для меня, является привлечение внимания к IT, к программированию. И в этом плане мне интересны визуальные среды программирования, где простым Drag&Drop можно создавать программы. Для тех кто только начинает изучать компьютер — такой способ программирования может на начальном этапе вызвать интерес (благодаря своей простоте), и дальше уже способствовать к самостоятельному изучению (чего-то более сложного).

Думаю многие слышали про Scratch — это «классика жанра» (созданная в MIT, идея 2003 и выход в релиз 1.0 в январе 2006 году), но для его работы необходимо установка ПО на компьютер (или Flash). Некоторое время назад в University of California at Berkeley была разработана система Snap!, интерфейсе которой близок к Scratch, но работает в браузере, на базе классических html/js/css. То есть для работы с ней — вам достаточно только браузера (и к тому же она open-source).

Вот о веб-системе визуального программирования Snap! я и хочу рассказать.

Изучать что-то новое всегда интересно на каком либо примере из жизни, вот я и решил попробовать задачу рисования и озвучивания азбуки Морзе — этапы решения этой задачи и будет содержимым данной публикации.

Программа будет при нажатии на клавиши — рисовать соответствующие символы, и так же «озвучивать». На КДПВ приведена итоговая программа, и справа написано «HI HABR, HABR HI».

Начало

Для старта системы Snap! достаточно открыть эту страничку в браузере.

Вот что мы увидим после старта:

Если у вас не было опыта работы со Scratch, то поясним принцип работы с такой системой:

Видим три области (упрощенно):

• слева
• центральная
• справа

Слева отображаются блоки, которые мы с помощью мышки можем переносить на центральную область, и соединять между собой (от этого произошло название программы — «snap»). При нажатии на блоке — происходит его выполнение, и всех соединенных вместе блоков.

Выполнение блоков на центральной области — отображается на правой области, где мы видим «курсор».

Возможно кто-то помнит систему программирования Logo (Черепашка), где подавая команды на перемещение, и рисование — можно было бы рисовать фигуры. С этого примера и начнём.

Первое знакомство

Для первого знакомства с работой в Snap! нарисуем квадрат.

Вверху над блоками отображаются типы блоков (обращаем внимание, что они разного цвета):

• Движение — здесь мы управляем движением и местоположением «курсора»
• Внешность — здесь мы управляем внешним видом «курсора» — который по сути «спрайт»
• Звук — здесь мы можем воспроизводить звуки
• Перо — это функции для рисования
• Управление — с помощью этих блоков мы можем добавлять логику
• Сенсоры — это обратная связь из «мира» где живёт «курсор» — определение касаний и т.п.
• Операторы — это математические функции, условия, циклы
• Переменные — здесь можно определять переменные

Для рисования квадрата напишем программу в свободном стиле:

10. опустить перо
20. повторить 4 раза:
30.   двинуться вперёд на 50 пикселей
40.   повернуться вправо на 90 градусов

Начнем:

1. выберем раздел «Перо», и перетащим блок “опустить перо” в центральную область.
2. выберем раздел «Движение», и перетащим блок “передвинуться на 10 шагов“, после — изменим значение 10, на 50.
3. перетаскиваем блок “повернуться по часовой на 15 градусов” — изменим 15 на 90.
4. соединим блоки «передвижения» и «поворот» — для этого захватим «повернуть» и передвинем его к нижней части блока «передвинуть» до появления светлой полосы — индикатора соединения блоков — и отпускаем блок — после этого два блока становятся соединенными.

Если мы сейчас нажмем на этих блоках — то наш курсор начнёт двигаться и поворачиваться, при каждом нажатии. Но он не рисует, для этого просто нажмем на блоке “опустить перо” — после этого курсор будет рисовать. И нажав 4 раза — нарисуем квадрат.

Теперь очистим зону рисования, для этого выберем раздел «Перо» и нажмем на блоке “убрать всё” (можно не переносить в рабочую зону).

5. выбираем раздел «Управление», и перенесем блок “повторять 10“, в рабочую область, и изменим 10 на 4.
6. переносим блоки “опустить перо” и блоки «передвинуть/повернуть», внутрь блока «повторять» — до их автоматического соединения с блоком.
7. так же из раздела «Управления» — перенесём блок “Когда щелкнуть на (зеленый флаг)“, в рабочую область, и прикрепляем её к верней части блока «повторять».

Всё мы закончили нашу программу, теперь нажимая на «зелёном флажке», справа вверху (над зоной рисования) — мы будем стартовать нашу программу рисования.

Вот что получилось:

Создание азбуки Морзе

Базовые вещи теперь понятны, теперь приступим к реализации нашей идеи по азбуке Морзе. Вспомним, что кодирование происходит с помощью точки и тире. Поэтому нам надо сделать две функции:

• одна будет рисовать точки
• а вторая тире.

(для нового проекта, если не хотим сохранять текущие изменения — можем просто обновить страничку).

Рисование точки

1. Переходим в раздел «Перо» — переносим блок “установить размер пера 1” — и выставляем его 10. Так будет видно хорошо точку.
2. Из раздела «Движение» переносим блок “передвинуться на 10 шагов” — и выставляем 1 шаг. Так мы нарисуем точку (т.к. кисточка имеет диаметр 10 пикселей — она нарисуем нам окружность).
3. И не забудем перенести блок “опустить перо” из раздела «Перо» — иначе мы ничего не увидим 🙂
4. Соединяем все блоки, и получается:

Видим, что наш «курсор» закрывает нарисованную точку, для решения этой проблемы — мы просто уменьшим размеры «курсора»:
5. В разделе «Внешность» находим и переносим блок “установить размер в 100” и выставляем его 10. (и прикрепляем его к нашим блокам сверху).
6. Так же сделаем чтобы курсор переходи дальше, но без рисования, для этого перемещаем (и соединяем) блок “поднять перо” из раздела «Перо»
7. Добавляем блок “передвинуть на 10 шагов” из раздела «Движение» — и прикрепляем вниз к нашим блокам, и изменяем 10 шагов на 15.

В итоге получаем (предварительно очистив зону «Перо» — “убрать все“):

Точка справа — это есть наш уменьшенный «курсор» — в этом месте начнется следующее рисование.

Рисование тире

Для рисования тире — нам нужно только увеличить параметр движения с 1 до 10 шагов, а остальное оставить без изменений.

В Snap! есть возможность клонировать блоки, для этого на наших блоках нажимаем правой клавишей мыши, и выбираем «продублировать» — появится дубль, и переносим его вниз. И меняем значение в блоке “передвинуть на 1 шаг“, на 15.

Нажимаем на этом сборном блоке, результат:

Видим, что мы нарисовали «тире»!

Обработка нажатий

Теперь мы можем попробовать привязать выполнение наших блоков, не к нажатию по ним, а к нажатию клавиш на клавиатуре.

Например, сделаем: нажатие «0» — точка, нажатие «1» — тире (клавиши на основной клавиатуре).

1. Для этого переходим в раздел «Управление» и выбираем блок “Когда нажать «пробел» клавишу“, и прикрепляем его сверху нашей группы блоков (где рисуется точка). И выбираем в выпадающем списке вместо «пробела» — «0»
2. Такой же блок переносим, и прикрепляем сверху группы блоков «тире», и выбираем вместо «пробел» — «1».

Получаем, и проверяем:

Напомню, очистку зоны рисования можно сделать «Перо» — «убрать все», и перемещение курсора в начало: «Движение» — «перейти в точку х [0] y [0]»

Механизм сообщений

В англоязычном варианте азбуки Морзе буква «А» закодирована, с помощью «точка», «тире». Так же после символа должна быть небольшая задержка — отступ (пробел).

Для реализации этой задачи мы будем использовать механизм сообщений в Snap! — мы будем перехватывать нажатие на клавишу «А», и (согласно кодированию этой буквы в азбуке Морзе) последовательно посылать сообщения «точка», «тире» и «пробел» (dot, dash, space).

А в текущих функциях/блоках где происходит рисование по нажатию — мы заменим на выполнение по получению сигнала.

Таким образом у нас будет три сигнала (события):
* dot
* dash
* space

Начнем:
1. перенесем из раздела «Управление» блок “когда я получу []“
2. открепим блоки что рисуют точку, от “когда нажать 0 клавишу” — для этого можно захватить первый блок снизу, у нас это “установить размер в 10“, и перенести его в сторону — блоки отсоединятся от верхнего.
3. прикрепляем блок “когда я получу []” к нашим блокам рисующим точку — прикрепляем сверху.
4. удаляем единичный блок «когда нажать 0 клавишу» — для этого переносим его из рабочей зоны, на на левую область блоков.
5. выставляем получаемое сообщение в блоке “когда я получу ” — в выпадающем списке выбираем «новый» и вводим “dot“
6. для генерации сообщения — переносим из раздела «Управление» блок — “переслать [] всем и ждать“, и в выпадающем списке выбираем сообщение “dot“.

Вот что у нас должно получиться:

Сейчас при нажатии на блоке “переслать [dot] всем и ждать” — будет происходить посылка сообщения, и активация/выполнение всех блоков кто «подписаны» на это сообщение, в нашем примере — блок, что рисует точку.

Начальные параметры

Произведём небольшой «рефакторинг».

У нас есть часто повторяемые операции, и их можно вынести в отдельную «функцию», и вызывать её при нажатии на клавишу «вверх». Там будет:

• выставление курсора в начало
• очистка экрана
• выставление размера курсора
• выставление размера точки рисования.

Вынесем эти блоки из наших блоков рисования точки и тире.

Так же доработаем блок «тире», вместо обработки нажатия клавиши — так же будет срабатывать на получение сообщения “dash“.

И добавим обработку блока «пробел» — «space» — он будет выполнять только передвижение курсора — для выполнения отступа между «буквами» кода Морзе.

Вот, что у нас получилось:

Кодирование символов

Ну вот, наконец-то мы подошли к самому главному — кодированию символа A. Чтобы при нажатии на «а» — происходило рисование соотв. букве коду Морзе.

Для этого мы используем блок “когда нажать [] клавишу” из Управления, и блоки “переслать всем и ждать” оттуда же. Конкретно, для буквы А, мы должны выслать «точку», «тире», и далее «пробел» (соответственно сигналы: «dot», «dash», «space»).

Вот что получается:

Переменные и перенос строки

В процессе работы я понял, что без переноса строки будет не очень удобно рисовать азбуку морзе. Поэтому сделаем функцию «перенос строки», и назначим её на нажатие клавиши курсора «вниз».

Для выполнения переноса строки необходимо выполнить две задачи:
1. передвинуть курсор на начало по оси X
2. передвинуть курсор на следующую строку (по оси Y) на высоту строки.

Для их реализации я решил ввести две переменные:
* начало текста по оси X (left_border)
* высота строки (line_height)

Значение переменной left_border будет использоваться при выставлении начальной позиции (мы изменим с 0, на -200 чтобы рисование начиналось с левой части экрана).

Для добавления переменной, необходимо нажать слева вверху на разделе «Переменные», и там на “Объявить переменную“:

Таким же образом объявим переменную «line_height».

После добавления переменные будут отображены слева (для того чтобы их можно было Drag&Drop и вставить в арифметические операции, условия и т.п.), и так же значение переменной будет транслироваться на экран рисования — чтобы отключить отображение на экране — достаточно нажать слева от переменной (на панели Переменных).

Теперь мы можем выставить значения этим переменным, с помощью блока “придать [] значение [0]” в разделе «Переменные» — перенесём эти блоки в нашу «Функцию инициализации». И выставим для left_border = -200, для line_height = 20.

Вот как выглядит в результате наша функция инициализации и переноса строки:

арифметические команды находятся в разделе «Операторы», а саму переменную мы Drag&Drop из раздела «Переменные» — в соотв. поле функции (обращаем внимание на разные формы).

Кодирование оставшихся букв

По аналогии с буквой А, мы закодируем буквы H, I, B, R:

Звук

Сохранение/экспорт проекта

В заключении

Конечно, это лишь малая часть возможностей Snap!, и думаю в следующих публикациях мы попробуем на практике другие возможности системы — в частности взаимосвязь с внешними системами, в том числе Arduino.

На мой взгляд наличие такой визуальной системы могло бы добавить интереса в уроки информатики, а если бы ещё были уроки робо-информатики — то думаю программирование было бы интересным и востребованным в школе 🙂

Ресурсы:

• Официальная страничка Snap! системы (snap.berkeley.edu)
• Руководство пользователя по Snap! v.4.0 (на английском), 77 стр.
• Страничка Snap! проекта на gihub

Если вам интересно поделиться опытом, и быть в курсе — русскоязычная ВК группа по Snap!

Азбука Морзе (код Морзе) – это система связи для кодирования любого символа в двух различных длительностях сигналов, называемых точками и тире. Азбука Морзе разработана Сэмюэлем Ф. Б. И в дальнейшем стала использоваться в телеграфии для передачи секретной информации. Больше всего она использовалась во время Второй мировой войны. Код Морзе можно формировать с помощью постукивания, мигающего света или письма. Код Морзе доступен в двух вариантах: оригинальный и международный код. В международной версии азбуки Морзе оригинальная версия модифицируется путем удаления пробелов и создания тире определенной длины.

Код Морзе может быть использован для кодирования алфавитов и цифр. Он, в основном, используется в радиосвязи и океанской связи, а также является частью подготовки солдат. Его очевидным достоинством по сравнению со всеми другими современными методами передачи информации является то, что прием информации при его использовании можно осуществлять при очень слабом уровне сигнала, ниже уровня шумов – в этих условиях не может работать ни одна современная система связи (широкополосные сигналы не в счет, приводить в сравнение их здесь некорректно).

Язык всегда был барьером для азбуки Морзе, так как трудно выполнить код для диакритических символов на другом языке. Есть несколько известных слов, которые считаются важной особенностью азбуки Морзе, например “SOS”. SOS (расшифровывается как Save Our Souls) – означает спасение наших душ. Он был создан как универсальный сигнал бедствия.

На следующем рисунке показана азбука Морзе для английского алфавита от A до Z.

В этой статье мы рассмотрим создание генератора кода Морзе на основе платы Arduino Uno, который будет принимать символы из окна монитора последовательной связи и конвертировать их в код Морзе с помощью зуммера. Статья переведена с иностранного сайта, поэтому представленный генератор кода Морзе работает только с английским алфавитом (впрочем, как и все другие аналогичные статьи на эту тему, которые мне удалось найти в рунете). Но, поняв принцип этого проекта, вы легко можете переписать его программу для работы с русским алфавитом – если вы сделаете это, будем вам признательны если поделитесь кодом этой программы с другими посетителями нашего сайта (могу включить код вашей программы в текст данной статьи).

Необходимые компоненты

1. Плата Arduino Uno (купить на AliExpress).
2. Зуммер (купить на AliExpress).
3. Макетная плата.
4. Соединительные провода.

Схема проекта

Схема генератора кода Морзе на основе платы Arduino Uno представлена на следующем рисунке.

Как вы можете видеть, схема очень проста. Просто соедините положительный контакт зуммера с контактом 8 платы Arduino Uno, а его отрицательный контакт – к земле платы Arduino Uno. Загрузите код программы в плату Arduino и можете начинать печатать символы в окне монитора последовательной связи – зуммер начнет издавать сигналы кода Морзе, соответствующие данным символам. Также схему можно усовершенствовать, включив в нее ЖК дисплей 16х2.

Полный код программы приведен в конце статьи, здесь же мы кратко рассмотрим его основные фрагменты.

Сначала в программе объявим переменную, в которую будем записывать символы, которые мы в дальнейшем будем конвертировать в код Морзе.

Затем объявим контакт 8, к которому подключен зуммер, и определим вид тона, который будет использоваться для сигнала, издаваемого зуммером. Более подробно об использовании различных тонов (pitches) можно прочитать в статье про проигрывание мелодий с помощью функции Tone() на Arduino. Также определим длительность тире и точки.

Затем в функции void loop(), если по последовательному порту поступают какие либо данные, мы будем сохранять их в символьном массиве indata. Мы будем записывать в этот массив символы поочередно (по одному), используя команду inData[index1]. После этого команда variable.toUppercase() используется для изменения символов нижнего регистра в соответствующие символы верхнего регистра (то есть из строчных букв делаются заглавные). Затем мы формируем звуки, соответствующие каждому из этих символов.

Далее функции MorseDot и MorseDash используются для формирования звука точки и тире соответственно.

Затем функция GetChar используется для формирования соответствующего кода для всех символов алфавита – именно ее вы должны изменить если хотите переделать эту программу для генерации кода Морзе для русского алфавита. В результате каждый символ будет представлен последовательностью звуков, соответствующих его коду Морзе.

После того, как вы загрузите программу в плату Arduino, вы можете начинать печатать символы в окне монитора последовательной связи (не более 6 – ограничение в программе). Чтобы передать напечатанную последовательность символов в плату Arduino, нажмите “Ввод” на клавиатуре. Мы для примера напечатали символы ‘SOS’ (сигнал бедствия) – результат работы проекта вы можете посмотреть в видео, приведенном в конце статьи.

Исходный код программы (скетча)

Видео, демонстрирующее работу проекта

Источник статьи

Загрузка…

7 314 просмотров

Перевод азбуки Морзе онлайн

Наш онлайн переводчик азбуки Морзе, поможет определить, как правильно пишутся слова и цифры в коде Морзе. Чтобы сгенерировать код Морзе, введите слово и нажмите кнопку, перевести. Так же вы можете перевести закодированный текст в формате сигналов Морзе на кириллический алфавит (русский язык) либо латиницу, английский язык, выбрав второй тип расчета. В ответ онлайн калькулятор подскажет правильное написание слов и цифр в кодировке Морзе (точки и тире), выведя результат на экран.

Таблица кодов