О записи скринкастов
Дата публикации: 21/11/2009Вероятно, многие из вас уже видели очень удобные видеоролики, на которых записан процесс работы в той или иной компьютерной программе, сопровождаемый звуковой дорожкой. Это т.н. скринкасты (screencasts), и типичные видеролики такого типа можно посмотреть, скажем, на сайте Apple. При правильном сценарии ролика скринкасты позволяют создавать очень эффективные учебные видеокурсы. И мне всегда хотелось попробовать сделать их самому. К сожалению, при быстром поиске под платформу Windows я не обнаружил сколько-нибудь удобных утилит для записи экрана, а вот под Маком нашлась замечательная программа "ScreenFlow", о которой я и хочу подробно рассказать.
Процесс создания скринкаста делится на два этапа - собственно запись и ее дальнейшее редактирование. После запуска "ScreenFlow" достаточно выбрать источник сигнала - т.к. кроме записи собственно текущего экрана можно также выбрать web-камеру - и нажать кнопку записи. После запуска ничто, кроме небольшой иконки в строке состояния, не говорит о том, что идет запись. Теперь вы можете начать "показывать", как что-то можно сделать, используя ту или иную программу, работая в обычном темпе.
Изучение языков при помощи "Rosetta Stone"
Дата публикации: 12/04/2009Как известно, расшифровать египетские иероглифы удалось благодаря Розеттскому камню - гранитной плите, найденной в 1799 году вблизи небольшого городка Розетта в Египте. На камне был высечен идентичный текст на трех языках, один из которых, а именно древнегреческий, был хорошо известен лингвистам. Сопоставляя слова на разных языках удалось понять смысл египетских иероглифов.
Подобный подход был применен компанией "Fairfield Language Technologies", которая разработала очень оригинальный курс обучения иностранным языкам. На данный момент предлагается для изучения 31 язык, среди которых кроме обычных европейских языков есть также азиатские и скандинавские языки, а также русский. Посмотреть краткую информацию о данной системе обучения, которая так и называется "Rosetta Stone", можно на официальном сайте.
Я впервые услышал об этом методе изучения иностранных языков достаточно давно, но только на прошлой неделе решил познакомиться с ней всерьез. При этом, в целях чистоты эксперимента я выбрал для изучения язык, который совсем не знаю, а именно итальянский.
Авторы методики называют ее динамическое погружение ("dynamic immersion") и основная идея заключается в изучении языка таким образом, как мы делали это в детстве со своим родным языком. Это достигается несколькими способами:
- В процессе курса происходит показ и озвучивание картинок, из которых нужно выбрать правильную
- Перевод слов и фраз в процессе обучения отсутствует вообще
- Все фразы озвучиваются носителями данного языка, причем дикторов несколько
- Обучение в большой степени построено на логике и интуиции
- Важное значение придается правильному произношению и наличие микрофона практически обязательно, т.к. в программу встроена система распознавания речи и постановки произношения
Несмотря на то, что для изучения предлагается 31 язык, все они базируются на одном и том же наборе изображений. Это и есть тот самый "розетский камень", который фигурирует в названии программы. И, насколько я предполагаю, при успешном изучении одного из языков по этой методике освоение других должно быть уже несколько проще.
Языки программирования для детей
Дата публикации: 27/03/2009В продолжение темы о том, как обучать детей программированию, хочу рассказать об одном интересном и необычном языке под названием "Scratch". Он был придуман в знаменитой медиа-лаборатории Массачусетского Технологического Института (MIT) и в нем используется ряд идей, заложенных еще в Logo и о котором я рассказывал чуть раньше.
В отличие от Logo, язык программирования "Scratch" скорее похож на Lego, т.к. программа создается при помощи цветных блоков, соединяющихся подобно фигуркам Lego. Пример несложной программы, которую я написал, изучая язык, Вы можете видеть слева на рисунке. Забавно также то, что получить код программы можно только в виде рисунка.
При создании нового проекта вы видите симпатичного котенка - он является героем по умолчанию. Вы можете давать ему различные команды и он будет их выполнять. Приведенный выше код заставляет его бегать кругами, а потом здороваться и мяукать! :) В любой момент можно создать своего собственного героя. Причем это можно сделать, либо загрузив готовый рисунок из файла, либо нарисовав его самостоятельно. Несложный графический редактор встроен непосредственно в само приложение.
Любая программа на "Scratch" состоит из главной сцены и нескольких объектов. Для каждого объекта можно написать один или несколько скриптов, реагирующих на определенные события. Вместе с дистрибутивом поставляются неплохие примеры, среди которых встречаются как очень простые программы, так и такие сложные вещи, как "Tetris".
Записки о Mac OS X: Рисование графиков
Дата публикации: 14/03/2009В составе служебных программ "Mac OS X" есть совершенно шикарная программа по рисованию графиков математических функций. Я такую бы очень хотел иметь, когда изучал математику. Правда с тех пор я уже научился рисовать графики на языках программирования. Впрочем, не будем отвлекаться. Построитель графиков в составе "Mac OS X" называется "Grapher" и позволяет строить как 2-мерные, так и 3-мерные графики по аналитическому представлению функции! Я могу просто написать функцию в обычном виде:
y = sin(x)/x
и она тут же отобразится на экране. При этом мне вовсе даже не обязательно задавать диапазон изменений переменной x, т.е. это можно сделать, но вовсе необязательно. Программа сама автоматически подберет наиболее подходящий масштаб, а для его корректировки можно воспользоваться кнопками масштабирования на панели инструментов. Я попробовал графически решить систему двух уравнений и найти решение, которое как мы знаем находится в точке пересечения двух графиков.
На одной координатной плоскости можно нарисовать сразу несколько графиков функций. При этом можно изменять цвет графиков, добавлять текстовые подписи, менять стиль и толщину линий. При написании сложных функций можно вызвать специальную панель, похожую на редактор формул в Microsoft Word. При этом все формулы выглядят абсолютно также, как в учебнике математики.
Немного о Logo
Дата публикации: 11/03/2009Как известно, язык программирования Logo был придуман специально для того, чтобы обучать детей программированию. И он широко использовался, но не у нас и не на платформе PC. В те времена, этак лет 15-20 назад, образовательные программы были все больше на Макинтошах и использовались в американских школах. А тут я вдруг зашел к племяннику, который учится в третьем классе и дополнительно ходит на компьютерные уроки, и увидел, что их обучают тому самому Logo. При этом программа была небольшая и работала под Microsoft Windows.
Мне всегда хотелось повозиться с этим языком программирования, т.к. с одной стороны он достаточно простой и наглядный, а с другой позволяет создавать достаточно сложные рисунки. Напомню немного для тех, кто подзабыл или не помнит основные концепции языка Logo:
- Язык используется для создание рисунков при помощи элементарных команд движения
- Основной герой языка - это "черепашка", которая умеет перемещаться в заданном направлении на указанное число шагов и поворачиваться вокруг себя на произвольный угол
- Рисование осуществляется при помощи подъема и опускания пера, которое, вероятно, находится в передних лапах вышеупомянутой черепашки :)
- Перо может иметь определенный цвет и толщину
Язык сам по себе очень наглядный и команды можно выполнять как напрямую - просто вводя их в командной строке, так и создавая код программы. Последнее, разумеется, самое интересное. Изображение, которые вы можете видеть в иллюстрации к данной заметке, я сделал буквально за пару минут, используя следующую строчку:
REPEAT 36 [FORWARD 250 RIGHT 130]
Это простая команда запускает цикл рисования в 36 шагов и на каждом шаге черепашка перемещается на 250 единиц вперед и после этого поворачивается направо на 130 градусов. Если поэкспериментировать с этими числами, то можно получить и множество других интересных вариантов.
Та версия программы, которую я обнаружил у племянника, называется "MSWLogo" и создана компанией "Softronics Inc". Она распространяется по лицензии GNU и поэтому доступна также и в исходниках. Дистрибутив программы (~2Mb), а также документацию по Logo можно скачать на официальном сайте "MSWLogo". Кроме этого на сайте есть очень неплохой электронный учебник по языку Logo. Он правда на несложном английском, но зато с забавными иллюстрациями.
О чтении лекций по созданию сайтов
Дата публикации: 14/01/2009Каждый раз, когда у меня начинается очередной курс лекций по созданию сайтов, я придумываю для студентов задания. Последние пару лет я использовал следующую базовую схему. Основы верстки и подготовки материала я объясняю на примере какого-нибудь рассказа, а затем похожее задание даю своим студентам, но рассказ уже другой и, кроме того, у каждого свой. Исходный вариант рассказа - это обычный текстовый файл безо всякой разметки и по мере чтения курса он проходит следующие этапы:
- текст рассказа вычищается и преобразуется в корректный XHTML-файл
- при помощи "PhotoShop" создается графический эскиз будущей странички
- производится нарезка и окончательная верстка созданного дизайна при помощи стилей
При этом я придерживаюсь мнения, что учиться верстать нужно, используя обычный текстовый редактор. Другими словами, начиная с "Блокнот-а", а потом постепенно перемещаясь в сторону, скажем, "HomeSite-а". Только в этом случае можно хорошенько разобраться и прочувствовать технологии XHTML и CSS2.