Мастер-класс Практическое освоение социального сервиса Dabbleboard/Код виджета

Материал из Saratov FIO Wiki
Перейти к навигации Перейти к поиску

Этап IV

Вставляем интерактивную доску-онлайн - в блог

Нам предстоит сделать несколько простых шагов:

Шаг 1:

Ищем кнопку Embed Image/Widget (см. рисунок 1), нажимаем

Рисунок 1

Doska blog1 tr .jpg


Шаг 2:

Открывается окно (см. рисунок 2)

Рисунок 2

Doska blog2 tr .jpg


Шаг 3:

Можно выбрать "Разрешить просмотр, но запретить редактирование" (Синий цвет). 
Мы работаем с зелёным цветом . 
Ставим галочку в Include chat, видим запись в Embed HTML(Вставьте HTML), нажимаем Copy

Рисунок 3 Doska blog3 tr .jpg

Шаг 4:

Уходим в свой блог. Создаём новое сообщение (см. рисунок 4)

Рисунок 4

Doska blog4 tr .jpg

Шаг 5:

Вставляем в поле текста блога скопированный HTML (см. рисунок 5). 
Пишем тему сообщения. Нажимае кнопку Опубликовать сообщение

Рисунок 5

Doska blog5 tr .jpg

Шаг 6:

Нажимаем Посмотреть сообщение (см. рисунок 6)

Рисунок 6

Doska blog6 tr .jpg

Шаг 7:

Видим  в своём блоге доску on-line. Радуемся, что всё получилось. 
Продолжите совместную одновременную работу на созданной вами карте... каждый из СВОЕГО блога.Пишем, рисуем на доске из блога.   
Убеждаемся, что то же самое появилось и на исходной доске.


Рисунок 7


Doska blog7 tr .jpg


У меня получилось так, можете оставить свой след и на этой доске.

Шаг 8:

Возвращаемся на страницу Мастер-класс Практическое освоение социального сервиса Dabbleboard и пишем Рефлексию