Постоянные разделы Knopka setev2.jpg Shkaf knopka2.jpg Promknopka.jpg Masterklass.jpg ПОМОЩЬ.png Web202.jpg
Текущие активности Веб-квест.png Knopkatree.jpg Knopkagra.jpg History knopka.jpg Knopkaprof.jpg Knopkaafgan.jpg

Mockflow

Материал из Wiki-Сибириада
Перейти к: навигация, поиск


Автор страницы

Марина Орешко

Информация о сервисе

  • Mockflow - это целый пакет сервисов для создания интерактивных интерфейсов сайтов и приложений. Есть в этом наборе шаблон "AnnotatePro" для создания интерактивных плакатов. Загрузив изображение, можно добавить к нему большое количество разнообразных фигурок, меток, эффектов, прикрепить ссылки, тексты, изображения, Youtube-ролики, карты и презентации c сервиса Slideshare. Можно получить прямую ссылку на плакат или код для вставки на сайт и в блог.
  • С одного аккаунта можно создать только один интерактивный плакат.

Как работать в сервисе

Регистрация

  • Для работы в сервисе необходима регистрация. Заходим на сайт Mockflow, нажимаем "Get Started for FREE". В дальнейшем, чтобы зайти в личный кабинет, можно использовать кнопку "Login".
  • При регистрации указываем своё имя, адрес электронной почты, придумываем пароль. Доступна регистрация с использованием аккаунта Google, но работает она нестабильно. Лучше регистрироваться по адресу электронной почты.

Создание интерактивного плаката

  • Выбираем шаблон AnnotatePro (слева) и загружаем изображение (Select Image).
  • После выбора нажимаем на кнопки в правом верхнем углу: сначала - "Next", потом "Upload". Далее нажимаем "Annotate Image". Открывается конструктор для добавления меток.
  • На изображение можно добавить тексты, картинки (загрузить с ПК), различные стрелки, скобки, фигуры, кнопки, в том числе анимированные (помечены надписью "Anim"). Не все шрифты поддерживают кириллицу. Чтобы добавить метку, мышью перетягиваем её в нужное место на картинке.
  • Теперь добавляем интерактивность. Выбрав метку, щёлкаем справа внизу кнопку "Add Interaction" и прикрепляем к метке тексты, ссылки, изображения, видео, карты и презентации. Все метки и интерактивности можно настроить на свой вкус: выбрать цвет, размер, толщину линий, фон и т.д.
  • Ссылки к меткам добавляем не правой клавишей "мыши", а через сочетание клавиш "Ctrl+V".
  • В разделе "Effects" можно добавить необычные эффекты к картинке - пикселизация, лупа, размытие, а в разделе "Stickers" - необычные надписи, стрелочки, смайлики, стикеры. К каждому стикеру можно добавить интерактивность.

Распространение

Полученный результат сохраняем кнопкой "Save" (сверху слева). А через кнопку «Share» делимся со зрителями интерактивным плакатом. Можно получить прямую ссылку на плакат или код для вставки на сайт и в блог.

Как разместить в вики

1. Откройте страницу вики, куда хотите вставить виджет, и переходите в режим Правка
2. Разместите код для вставки виджета
  {{#widget:Iframe
   |url=
   |width=600
   |height=400
   |border=0
   }}
3. Откройте страницу сервиса с вашей работой, найдите html-код, скопируйте часть кода


4.Вставьте скопированное в код виджета после url=
{{#widget:Iframe
   |url=https://annotatepro.mockflow.com/embed.jsp?id=d66df624a6fae6d7aea0965f731e6c71
   |width=600
   |height=400
   |border=0
   }}

Примеры

Минералы Кольского Севера

Ссылки на полезные материалы

Источник — «http://wiki-sibiriada.ru/Mockflow»
Личные инструменты
Пространства имён
Варианты
Действия
Навигация
Инструменты