![][1] Одной из целью популяризации DIY-робототехники, для меня, является привлечение внимания к IT, к программированию. И в этом плане мне интересны визуальные среды программирования, где простым Drag&Drop можно создавать программы. Для тех кто только начинает изучать компьютер — такой способ программирования может на начальном этапе вызвать интерес (благодаря своей простоте), и дальше уже способствовать к самостоятельному изучению (чего-то более сложного). Думаю многие слышали про **Scratch** — это «классика жанра» (созданная в MIT, идея 2003 и выход в релиз 1.0 в январе 2006 году), но для его работы необходимо установка ПО на компьютер (или Flash). Некоторое время назад в University of California at Berkeley была разработана система **Snap!**, интерфейсе которой близок к Scratch, но **работает в браузере**, на базе классических html/js/css. То есть для работы с ней — вам достаточно только браузера (и к тому же [она open-source][2]). Вот о веб-системе визуального программирования Snap! я и хочу рассказать. Изучать что-то новое всегда интересно на каком либо примере из жизни, вот я и решил попробовать задачу рисования и озвучивания азбуки Морзе — этапы решения этой задачи и будет содержимым данной публикации. Программа будет при нажатии на клавиши — рисовать соответствующие символы, и так же «озвучивать». На КДПВ приведена итоговая программа, и справа написано «HI HABR, HABR HI».

<div class="spoiler"><b class="spoiler_title">Живое демо</b><div class="spoiler_text">Если кому-то хочется сразу увидеть результат, то <a href="http://makeitlab.ru/snap/snap.html#open:http://makeitlab.ru/snap_demo/morse_code.xml">демо здесь</a>.
Управление:
"<b>клавиша вверх</b>" — инициализация параметров и очистка (лучше нажать после загрузки — выставится ширина точек) "<b>клавиша вниз</b>" — перевод строки клавиши "<b>h</b>", "<b>i</b>", "<b>a</b>", "<b>b</b>", "<b>r</b>" — рисование и озвучивание соотв. буквы с помощью азбуки Морзе.
</div>
</div>

[Читать дальше →][3]

[1]: //habrastorage.org/files/ece/de7/353/ecede735364542bcb5515ddaa2e1d96c.jpg
[2]: https://github.com/jmoenig/Snap--Build-Your-Own-Blocks
[3]: http://habrahabr.ru/post/242323/#habracut