Здесь показаны различия между двумя версиями данной страницы.
черепашки_online [2013/08/05 18:47] 127.0.0.1 внешнее изменение |
черепашки_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> | ||
- | |||
- | ==== Подобные ресурсы ==== | ||
- | Достаточно серьёзная библиотека: | ||
- | === 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// | ||
- | |||
- | |||
- | |||
- | |||