среда, 10 февраля 2016 г.

Белые онлайн доски

Realtimeboard
Realtimeboard [https://realtimeboard.com/ru/] – целая солнечная система досок. Рабочее пространство, как в программе Prezi, делится на множество областей, каждую из которых можно посвятить новому аспекту темы. За один клик к доске прикрепляются пометки, заметки, фигуры, текст, картинки в формате PDF, документы из Google Диска и видео с Youtube или Vimeo. По электронной почте можно пригласить учеников или друзей, поработать с ними вместе, а в финале сохранить презентацию, которая будет показывать разные части доски в заданной вами логике. Об этих и других функциях рассказывается в русскоязычных инструкциях.

Подробная статья в журнале о других досках ... http://www.edutainme.ru/post/11-belykh-dosok-dlya-ucheby-na-rasstoyanii/

Кто хочет получать на свою почту приглашения от меня на конференции, форумы и курсы, оставьте, пожалуйста, свой email в комментариях

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


1.    Capzles Social Storytelling [http://www.capzles.com/] – социальный сторителлинг. Capzles – это один из вариантов визуального представления большой истории. История имеет форму слайдкаста. Кроме классических элементов слайд-шоу, таких как фотографии и текст с гиперссылками, в Capzles можно добавить синхронизированное аудио, видеоролики, презентацию, а также документы Word, Excel и PDF-файлы. Созданную историю можно встраивать в блог или веб-сайт.
2.    UtellStory [http://utellstory.com/] – сервис и сообщество для создания мультимедийных рассказов и обмена ими. Истории могут быть просто из изображений или складываться из комбинации с изображениями, видео, аудиозаписями и фоновой музыкой, чтобы привлечь аудиторию и произвести на неё впечатление. Форма рассказа – слайдшоу.
3.    Сервисы Comic Master [http://www.comicmaster.org.uk/], MakeBeliefsComix [http://www.makebeliefscomix.com/]  Bubblr [http://www.pimpampum.net/en/content/bubblr], предлагают инструменты для создания историй в форме комиксов.
4.     PicLits [http://www.piclits.com/] – сервис для создания очень короткой истории. История должна поместиться на одном изображении. Сервис позволяет помещать комбинацию слов на изображение. Это может быть просто предложение, или заголовок, или стихотворение, цитата, текст и тому подобное. Слова можно помещать на картинку либо методом drag-and-drop из предложенного набора, либо свободным стилем (Freestyle method). Инструмент доступен через смартфоны и планшеты.  
5.    Slidestory [http://www.slidestory.com/] – сервис для создания историй в форме комбинации слайдшоу и голосового рассказа.
6.    Storybird [http://storybird.com/] – инструмент в основном для начальной школы. История создается только по заданным наборам иллюстраций и оформляется в виде книжки. Можно работать с классами (для детей регистрация не требуется). Возможно создание набора заданий и библиотеки рассказов класса. Собственные рисунки добавлять нельзя, что, конечно, ограничивает поле творчества, но сохраняет единство стиля сервиса. На каждом шагу можно получить подробную инструкцию. Распечатать книжку можно за небольшую плату.
7.    ZooBurst [http://www.zooburst.com/] – еще один инструмент сторителлинга, который позволяет представить историю в виде цифровой книги. Книга, кроме того, создается не обычная, а пространственная, то есть 3D. Авторы-разработчики могут использовать коллекцию изображений, имеющихся в базе данных сервиса. Пользователи ZooBurst могут делиться книгами между собой, используя гиперссылки или встраивая книги в свой блог или сайт. Ресурс ZooBurst Basic бесплатный,  варианты Premium и School License с дополнительными функциями требуют ежемесячной или единовременной оплаты. Похожим сервисом, позволяющим создать книгу из истории, является StoryJumper [http://www.storyjumper.com/]. Это удобный инструмент, который позволяет иллюстрировать рассказы, применяя набор интуитивно понятных встроенных инструментов. Реализована возможность использовать не только имеющиеся у автора фотографии, но и графическую коллекцию из базы данных StoryJumper. В отличие от предыдущего сервиса, книга имеет 2 измерения, то есть 2D.
8.    Storify [https://storify.com/] – социальный веб-сервис для создания историй в форме веб-страницы. Особенностью сервиса является и то, что контент веб-страницы формируется из размещенных в других социальных сетях ресурсов – фотографий, видеороликов, звукозаписей, записей блога и так далее.

9.  Pixton [https://www.pixton.com/] – социальный сервис, позволяющий передать историю в форме профессионального комикса. Pixton предоставляет выбор шаблона комикса, выбор главных героев, выбор фона, добавление объектов в сцену и расположение их по слоям, редактирование позы и мимики персонажа. За плату  можно создавать собственные персонажи, редактировать внешний вид шаблонных персонажей, создавать свои сцены и так далее. Как и в аналогичных сервисах, есть возможность поделиться комиксом через ссылку или публикацию на сайте или блоге.  Анимированный комикс можно создать с помощью сервиса PowToon [http://www.powtoon.com/].

вторник, 4 февраля 2014 г.

JavaScript. События

Операторы JavaScript размещаются в контейнере <SCRIPT> и разделяются символом ”;”. Для браузеров, не поддерживающих скрипты, операторы заключают еще в теги комментариев языка HTML, чтобы они не были видны посетителю при просмотре веб-страницы.
<script  type=”text/javascript”>
<!--
       document.write ("Это JavaScript!")
// -->
</script>

Приведенный скрипт выводит на веб-страницу текстовую строку «Это JavaScript!». Подробное объяснение метода write объекта document можно найти на странице 64.
Комментарии JavaScript отличаются от комментариев языка HTML.
// комментарии на одной строке
/*
комментарии на
нескольких строчках
*/
Язык чувствителен к регистру при задании значений параметров!
Сценарии с глобальными функциями и переменными рекомендуется размещать в заголовочном разделе HTML-документа (см. пример в конце следующего раздела). Функции могут быть вызваны многократно.

БАЗОВЫЕ СОБЫТИЯ

Веб-страница, содержащая скрипт, позволяет обрабатывать события, связанные с окном браузера, — такие, как загрузка документа, закрытие окна, появление курсора над объектом страницы, нажатие клавиши мыши или клавиатуры и другие. Скрипт может по-разному реагировать на эти события. Скриптовые программы иногда еще называют сценариями просмотра веб-страницы.
Базовые события JavaScript
onBlur
элемент теряет фокус
onChange
изменение значения текстового поля
onFocus
элемент получает фокус
onCopy
копирование в буфер обмена
onClick
щелчок мышкой в области элемента
onMouseOver
перемещение мышиного курсора на область элемента
onMouseOut
перемещение мышиного курсора за область элемента
onMouseMove
перемещение мышиного курсора в области элемента
onMouseDown
нажатие кнопки мыши
onMouseUp
отпускание кнопки мыши
onReset
нажатие кнопки типа RESET
onSubmit
нажатие кнопки типа SUBMIT
onLoad
завершение загрузки страницы или графического изображения
onUnload
переход на другую страницу или завершение работы браузера
События, как и атрибуты, связываются с тегами языка HTML и не заключаются в контейнер <SCRIPT>.
<IMG SRC = “smile.gifNAME = “wqonMouseOver =
”смени_изо ()” onMouseOut = “верни_изо ()”>
<SELECT  NAME = pict  SIZE = 7   onClick = "ch_pict ()">
<BODY onLoad="ss (); clock ()" BACKGROUND="../pict/lvb.jpg">
<FORM ACTION=”formtest.exe” METHOD=”post” onSubmit=”return проверка_данных ()”>
Из примеров видно, что каждому событию сопоставляется вызов функции, код которой должен быть включен в скрипт на языке JavaScript. Вместо имени функции можно написать небольшой фрагмент кода.
<INPUT TYPE = "button" VALUE = "Щёлкни по мне" onClick = alert ("Ку-ку")>
Команда alert (a) выводит диалоговое окно с сообщением. В качестве аргумента можно указывать имена переменных или выражения. Тогда в окне будет размещено значение переменной или выражения.
Операторы JavaScript могут также размещаться в качестве значения параметра href тега гиперссылки.
<A HREF="javascript: window.alert ('Do you speak English?')"> "Don`t click here" </A>
Если нам необходимо выполнить некоторые действия при выборе гипертекстовой ссылки, но при этом не перегружать текущие страницы, то в параметре HREF можно указать конструкцию:
<A HREF="javascript:void(0)"> kuku </A>
Код JavaScript может быть еще размещен и во внешнем файле (расширением js или jsc). При загрузке веб-страницы этот код докачивается программой просмотра и исполняется так же, как если бы он размещался в самом html-документе. При просмотре текста документа через опцию "Источник" текст скрипта не отображается. В файле, который содержит конструкции JavaScript, HTML-теги не используются.
<script type=”text/javascript” src = timer.jsc>          </script>
Для написания скриптов, управляющих содержимым веб-страницы, необходимо представлять себе иерархию объектов HTML-документа. Управление содержимым веб-страницы после ее загрузки на компьютер клиента лежит в основе технологии Dynamic HTML. JavaScript вместе с каскадными таблицами стилей (CSS) составляют фундамент этой технологии.