В поисках идей: периодическая таблица химических элементов.

Нашел классный интерактив на сайте http://www.ptable.com

Каждый элемент таблицы связан с страницей Wikpedia, на которой можно найти его описание. Кроме этого, сайт доступен на больше чем 20 языках.

Кроме этого доступны фильтры и сортировки, группирование и многое другое.

Elearning Examples - примеры интерактивов

Отличный сборник интереснейших интерактивов и инфографики.

http://elearningexamples.com

Все разбито по категориям. Здесь вы найдете интерактивы, начиная от самых простеньких, заканчивая 3D.

30 примеров использования Slideshows

Интересная подборка примеров использования Slideshows на интернет сайтах.

Увидеть ее можно здесь

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

Еще один классный интерактив на The New York Times

И так продолжаем сбор ссылок на интересные интерактивы на сайте The New York Times.

Вот еще один пример интересной визуализации данных:

Casualties of War

Предыдущий интерактив мы рассматривали здесь - Еще одна интересная визуализация на The New York Times

Примеры создания интерактивов с помощью Javascript

В продолжении серии статей о разработке JavaScript объектов для курсов, хочу предложить вам еще несколько библиотек с помощью которых можно делать интересные и интерактивные объекты, не используя Flash )

Полную статью можно найти здесь: http://ow.ly/1rWfp

Я же хочу привести примеры использования.

1. jFancyTile:

- страница с примером использования: jfancytile_a_jquery_tile_shifting_image_viewer_plugin

- пример: http://demo.marcofolio.net/jfancytile/

- сама библиотека: jfancytile/download

2. Making a Mosaic Slideshow With jQuery & CSS

- страница с примером использования: mosaic-slideshow-jquery-css

- пример: mosaic-slideshow-jquery-css/demo

- сама библиотека: mosaic-slideshow-jquery-css/demo.zip

3. CJ Flashy Slide Show 1.1
- страница с примером использования, там же и пример: cj-flashy-slide-show/1.1.0

4. jqFancyTransitions – Slideshow with strip effects
- страница с примером использования: http://workshop.rs/2009/12/image-gallery-with-fancy-transitions-effects/
- пример: http://workshop.rs/projects/jqfancytransitions/
- сама библиотека: http://code.google.com/p/jqfancytransitions/downloads/list

5. Nivo Slider – The Most awesome jQuery Image Slider
- страница с примером использования, там же и пример: http://nivo.dev7studios.com/
- сама библиотека: http://dev7studios.com/downloads/15

Интерактив: Moving Boxes

Недавно я рассказывал о jQuery библиотеке для создания анимации. Сейчас же предлагаю вашей внимании интерактив разработанный на той же библиотеке.

http://css-tricks.com/moving-boxes/

Там же есть еще 2 интерактива:
http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/
http://css-tricks.com/startstop-slider/

Если я все правильно понял, то их можно скачать и использовать у себя в курсах.

Кто то пробовал использовать такое?

Интересный интерактив - пулемет "Максим" )

Хочу поделиться ссылкой на интересный интерактив которые обьеденяет 3D и Timeline. В нижней части можно смотреть историю пулемета "Максим", кроме этого пользователь может покрутить его или рассмотреть основные узлы.

Интересно наверно было бы использовать его в курсах для клиентов, например, для демонстрации какого то продукта - машины, компьютера...

http://visualrian.ru/images/large/564379

Интересная реализация интерактива

Уже давно у меня лежит эта ссылка, вот наконец то дошли руки что бы поделиться. Интересная реализация интерактива Timeline.

The Scale of the Universe by Fotoshop

(после загрузки нажмите Play)

Интересная идея для интерактива в курс

Хочу поделиться с вами с идеей для интерактива в электронный курс. Нашел я ее случайно изучая возможности jQuery библиотеки.

Как его использовать через обычный html и javascript код вы можете найти здесь: Step By Step To Create Content Slider using jFlow, A Minimalist jQuery Plugin

Демонстрацию результата можно найти здесь: content-slider

(на мой взгляд это не самый красочный пример, но... лучше только на картинке к этой статьи ) )

Наверно на флеше она будет выглядеть лучше ;)

Как вам? Встречали вы что то подобное? Может есть примеры получше?

Обучение пользования компьютера от BBC

Интересный мини курс по пользованию компьютером от BBC. Стоит отметить интересное использование видео, аудио технологий.

Интересный интерактив: British History Timeline

Предлагаю вашему вниманию интерактив, с помощью которого BBC иллюстрирует историю Великобритании.
http://www.becominghuman.org/

Интересный интерактив: Inside the White House

Нашел интересный интерактив, с помощью которого можно очень наглядно показать школьникам-студентам как выглядит план Белого дома (США), историческую информацию о нем, фотографии и панорамные изображения

http://www.msnbc.msn.com/id/30932789/ns/politics-white_house

Кроме этого на сайте CNN есть тоже интересная визуализация:

http://edition.cnn.com/2009/POLITICS/02/02/inside.thewhitehouse/

Интересная идея. да и реализация не плохая. Ее можно использовать, например, в курсах где нужно показать план эвакуации, месторасположение каких то объектов на плане.

Какие у вас есть варианты?