Статья "Технология ThingLink в помощь учителю-сайтостроителю"

Нестеренко Олеся Викторовна

Учитель математики и информатики

МАОУ СОШ №45 г. Калининграда

Технология ThingLink в помощь учителю - сайтостроителю

ThingLink - сервис, позволяющий превращать статические картинки в интерактивные объекты, где для каждого объекта на картинке можно выбрать и установить ссылку на web-страницу, презентацию, видео и т.п. В сервисе есть возможность коллективной работы по созданию меток для изображения. Можно добавить приложение на сайт или в блог, сделать уже имеющиеся фотографии, рисунки в блоге интерактивными.

С помощью сервиса ThingLink готовыми изображениями с интерактивными компонентами можно делиться в социальных сетях, а так же можно получить HTML код для встраивания изображения на сайты, блоги.

С помощью данного сервиса можно создать:

• интерактивный учебный плакат по изучаемой теме;

• интерактивную обложку книги со ссылками, статью о писателе или поэте, электронную версию книги и т.п.

• интерактивный портрет со ссылками на биографию, созданные произведения (для писателей, поэтов) или сделанные открытия (для ученых);

• интерактивные фотографии города со ссылками на статьи и фотографии достопримечательностей;

• интерактивные фотографии природы со ссылками на статьи, видео и др. материалы о растениях и деревьях.

Рис 1 http://www.thinglink.com/ - сервис создания мультимедийных плакатов

Пошаговая инструкция создания интерактивных объектов

1. В адресной строке набираем адрес http://www.thinglink.com/.

2. Для регистрации на сайте нажмите кнопку

Вход для регистрации

Рис 2. Доступ к регистрации в сервисе ThingLink

3. Пройти регистрацию на сайте, заполнив обязательные поля: имя, адрес, пароль, подтверждение пароля. Если у вас уже есть регистрация на FaceBook или Twitter.

Нажмите на кнопку Sign up for free для отправки ваших данных и создания новой учетной записи.

Рис 3. Регистрация в сервисе ThingLink 

4. Е

   Нажмите на кнопку LOG IN для входа в систему для зарегистрированных пользователей

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

Рис 4. Вход для зарегистрированных пользователей в сервисе ThingLink 

Рис 5. Ввод логина и пароля на сайте ThingLink 

Рис 6. Вход в личный кабинет на сайте ThingLink 

5. Д ля загрузки рисунка или фотографии с персонального компьютера необходимо нажать кнопку

Рис 7. Загрузка изображения на сайте ThingLink 

6. В ыбрать загружаемы файл с изображением и нажать открыть.

Рис 8. Выбор загружаемого изображения 

Рис 9. Вид изображения в сервисе после его загрузки

7. Далее необходимо разместить метку на изображении с помощью кнопки , установив плюсик в нужном месте рисунка. После этого появится окно, где можно ввести ссылку (на сайт, видео, изображение, презентацию в интернете и т.д.); описание или текст для метки; найти по поиску информацию (видео, аудио, интерактивные рисунки).

Ввод ссылки на сайт, видео, изображение в интернете

Рис 10. Окно для ввода ссылок, текста, иконок для меток

Добавление ссылки, текста и иконки

Рис 11. Вид изображения после установки метки

На данном примере будет показано, как можно вставить изображение с интерактивными ссылками на свой сайт.  Эта иллюстрация может даже заменить главное меню сайта.

8. В поле ввести адрес страницы сайта (например, адрес страницы «Портфолио учителя» на странице персонального сайта учителя).

9. В поле ввести текст, описывающий данный раздел или просто заголовок раздела, а также вставить иконку, выбрав ее цвет и форму, после чего сохранить, нажав кнопку .

10. Далее устанавливаются метки для остальных объектов изображения и нажимаем кнопку «Сохранить» .

Рис 12. Вид изображения после установки меток на всех объектах изображения

Рис 13. Вид готового изображения

11. Полученное мультимедийное изображение можно при необходимости редактировать, нажав кнопку .

12. Нажав кнопку (только не в своем аккаунте), можно скопировать HTML код страницы и вставить его на страницу своего сайта.

13. Просмотреть полученный результат после сохранения и обновления страницы сайта.

Рис 14. HTML код страницы

Вставка

HTML кода интерактивного изображения

Рис 15. Вставка HTML кода интерактивного изображения

Рис 16. Вид мультимедийного изображения на странице сайта

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ

1. http://lesayau.ucoz.ru/

2. http://wiki-sibiriada.ru/index.php/ThingLink

3. http://images.yandex.ru/yandsearch?text=%D1%80%D0%B8%D1%81%D1%83%D0%BD%D0%BE%D0%BA%20%D0%BF%D0%BE%D0%BB%D0%BA%D0%B0%20%D0%B4%D0%BB%D1%8F%20%D0%BA%D0%BD%D0%B8%D0%B3&img_url=http%3A%2F%2Ffs134.www.ex.ua%2Fshow%2F13313701%2F13313701.jpg%3F100&pos=2&rpt=simage&lr=22&noreask=1&source=wiz - ссылка на рисунок «полка для книг».

4. https://www.thinglink.com/