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

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


черепашки_online

Различия

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

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

черепашки_online [2013/10/29 11:05]
черепашки_online [2019/06/24 20:29] (текущий)
Строка 1: Строка 1:
 +====== Черепашки ONLINE ======
 +В данном разделе размещаются ссылки на ресурсы,​ посвященные типу программ,​ которым можно дать общее название "​Turtle graphics"​ - "​Черепашья графика"​.
 +Основные критерии отбора,​ рассматриваемых в разделе,​ программ - возможность работы с ресурсом в режиме online и наличие свободного (бесплатного) доступа к ресурсу.
 +"​**Черепашья графика** — принцип организации библиотеки графического вывода,​ построенный на метафоре Черепахи,​ воображаемого (а в некоторых экспериментах и реального) роботоподобного устройства,​ которое перемещается по экрану или бумаге и поворачивается в заданных направлениях,​ при этом оставляя (или, по выбору,​ не оставляя) за собой нарисованный след заданного цвета и ширины.
 +...
 +Впервые,​ по-видимому,​ черепашья графика была применена при реализации языка программирования Лого, в дальнейшем использовалась в ряде графических библиотек и систем программирования..."​ Более подробно см.:
 +  *  ru: [[http://​ru.wikipedia.org/​wiki/​Черепашья_графика|Черепашья_графика]];​
 +  *  en: [[wp>​Turtle_graphics]]
 +
 +"​**Лого** (англ. **Logo**) — язык программирования высокого уровня,​ разработанный в 1967 году Сеймуром Папертом и Идит Харель в образовательных целях для обучения детей дошкольного и младшего школьного возраста основным концепциям программирования (рекурсии,​ расширяемости и пр.).
 +Logo также обеспечивает среду, в которой дети могут развивать свои навыки рассуждений и решений задач"​. Более подробно см.:
 +  *  ru: [[http://​ru.wikipedia.org/​wiki/​Лого_(язык_программирования)|Лого_(язык_программирования)]];​
 +  *  en: [[wp>​Logo_(programming_language)]]
 +Со времени появления данного направления было разработано множество приложений данного типа для различных версий операционных систем и платформ,​ данные приложения имели свои особенности (преимущества и недостатки) и создавались под различные операционные системы и платформы... ​
 +За последние годы, с развитием Интернет,​ появился тип программ,​ работать с которыми можно используя веб-интерфейс,​ что дает данному типу программ ряд определенных преимуществ:​
 +  * работоспособность приложения практически не зависит от типа операционной системы (необходимое условие для работы - наличие любой операционной системы с браузером,​ имеющим интерпретатор javaScript)((ученик для работы с данном типом программ может использовать персональный планшетный компьютер,​ например;​ необходим лишь доступ к сети Интернет));​
 +  * единый пользовательский интерфейс для работы в учебном учреждении и дома без необходимости приобретать (скачивать,​ копировать и т.п.) и инсталлировать учебные программы; ​
 +  * многие подобные сервисы обеспечивают совместный доступ к учебным материалам и результатам работы,​ что дает определенные преимущества для организации коллективных форм работы…
 +
 +===== Обзор ресурсов =====
 +==== Начальный уровень ====
 +Начинающим постигать азы программирования TURTLE рекомендую:​
 +[[http://​en.literateprograms.org/​Turtle_graphics_%28JavaScript%29|Turtle graphics (JavaScript)]]
 +[[http://​en.literateprograms.org/​Special:​Downloadcode/​Turtle_graphics_%28JavaScript%29]]
 +Относительно простой тренажер,​ имеющий одиннадцать основных инструкций (команд). ​
 +Данный тренажер имеет относительно несложный код, написанный на javaScript, что дает возможность преподавателю модернизировать программу:​ осуществить перевод описания среды на другой язык ((изначально описание среды приведено на английском языке)),​ заменить названия инструкций (команд),​ управляющих "​черепашкой",​ изменить стилевое оформление...
 +<​note>​Внимание! Технологии,​ используемые при создании данного приложения,​ ориентированы на перспективы,​ связанные с развитием пятой версии основного языка разметки web-страниц [[http://​ru.wikipedia.org/​wiki/​HTML5|HTML5]]. Не все еще браузеры могут отображать данное приложение. Разработчик рекомендует использовать:​ Safari,​Opera,​Firefox ​ </​note> ​
 +Ссылка на копию данного приложения на этом сайте:
 +[[http://​intepra.ru/​turtle/​terrapin.htm|terrapin.htm]]
 +
 +Ссылка на приложение с переводом на русский язык:
 +[[http://​intepra.ru/​turtle/​terrapin_ru.htm|terrapin_ru.htm]]
 +
 +Варианты использования данного приложения при подготовке к ГИА
 +[[http://​intepra.ru/?​p=138]]
 +
 +<note tip>​Файл самодостаточен:​ javaScript включен в состав HTML, что позволяет преподавателю видоизменять интерфейс пользователя (например,​ заменить описание на английском языке на русский) и программную часть приложения (имеется возможность перевести не только сопроводительный текст, но и (при крайней необходимости) наименования основных команд управления черепашкой):​ сохраните файл на своем компьютере и получите рабочую копию.</​note>​
 +
 +==== Подобные ресурсы ====
 +
 +[[http://​www.berniepope.id.au/​html/​js-turtle/​turtle.html]] - Javascript Turtle Graphics
 +
 +Достаточно серьёзная библиотека:​
 +=== JSXGraph ===
 +[[http://​jsxgraph.uni-bayreuth.de/​wp/​|JSXGraph]]
 +Варианты реализации приложений на программной базе данной библиотеки:​
 +
 +[[http://​jsxgraph.uni-bayreuth.de/​wiki/​index.php/​Turtle_Graphics|Turtle Graphics]]
 +
 +[[http://​jsxgraph.uni-bayreuth.de/​wiki/​index.php/​Programming_turtle_graphics#​Input|Programming turtle graphics]]
 +
 +=== Tom's JavaScript Machine ===
 +[[http://​www.win.tue.nl/​~wstomv/​edu/​javascript/​machine.html|JavaScript Machine]]
 +
 +[[http://​www.win.tue.nl/​~wstomv/​edu/​javascript/​tg-machine.html?​_program=var%20t%20%3D%20new%20TurtleGraphics.Turtle%28%29%3B%0Avar%20N%20%3D%20readNum%28%29%3B%0A%0Avar%20i%20%3D%200%3B%0Awhile%20%28i%20!%3D%20N%29%20{%0A%20%20t.Move%281%29%3B%0A%20%20t.Turn%28360%20%2F%20N%29%3B%0A%20%20i%20%3D%20i%20%2B%201%3B%0A}%0Awriteln%28t.log%29%3B%0A;​_input=5#​machine|Еще одна ссылка]]
 +
 +=== Logo Interpreter ===
 +[[http://​www.calormen.com/​logo/​|Logo Interpreter]]
 +
 +=== Turtlewax ===
 +[[https://​github.com/​davebalmer/​turtlewax|Turtlewax]]
 +
 +И достаточно "​наполненный"​ пример:​
 +
 +[[http://​www.grrok.com/​turtle/​|Turtle_]]
 +
 +=== Эксперименты с фрактальной графикой ===
 +
 +[[http://​davebalmer.wordpress.com/​2011/​01/​03/​turtle-wax-logo-style-graphics-re-imagined-for-javascript-and-html5-canvas/​|Fractal 1]]
 +
 +[[http://​www.dafishinsea.com/​blog/​2010/​08/​15/​166/​|Fractal 2]]
 +
 +[[http://​dobbse.net/​thinair/​2008/​12/​logo-fractals-recursion.html|Logo,​ Fractals, and Recursion]]
 +
 +[[http://​dobbse.net/​thinair/​2010/​12/​javascript-turtle-graphics.html|javascript turtle graphics]]
 +
 +[[https://​github.com/​dobbs/​turtle/​blob/​master/​fractal.js|dobbs/​turtle]]
 +
 +[[https://​github.com/​dobbs/​turtle]]
 +
 +=== Papert―logo in your browser ===
 +[[http://​code.google.com/​p/​papert/​]]
 +[[http://​logo.twentygototen.org/​]]
 +[[http://​logo.twentygototen.org/​0MdhcUBY]]
 +
 +
 +=== ALGORITHM INK ===
 +Проект,​ требующий опыта в области программирования и наличие эстетического вкуса:
 +
 +[[http://​azarask.in/​projects/​algorithm-ink/#​99fdc2df|ALGORITHM INK]]
 +
 +Материал подготовил:​
 +
 + --- //​[[sergey.kondrashov@gmail.com|Кондрашов Сергей Владимирович]] 2011/02/27 20:22//
 + 
 +
 +
 +