Создаем интерактивный виртуальный тур в сервисе УДОБА

Создаем интерактивный виртуальный тур в сервисе УДОБА

технология

Создаем интерактивный виртуальный тур в сервисе УДОБА

Виртуальные туры, созданные в сервисе УДОБА, можно дополнить интерактивными функциями: объяснениями, видео, звуками и опросами. Или связать несколько 360-градусных фотографий друг с другом.

Ниже пример виртуального интерактивного тура, созданного в сервисе УДОБА. Используйте стрелки навигации или мышку, чтобы рассмотреть сцены, и нажимайте на метки, чтобы увидеть дополнительный материал.

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

Откройте сервис УДОБА. Зарегистрируйтесь. Для этого нажмите «Войти» (в верхнем правом углу сайта или зеленая кнопка в центре). Переключитесь на вкладку «Регистрация». Заполните поля. Подтвердите регистрацию по ссылке, которая придет на электронную почту.

Нажмите «Добавить» — серая кнопка по центру.

Нажмите на поле со словами «Интерактивный контент». Здесь содержится база мультимедийных форматов: презентаций, видео, опросов, онлайн-игр и другого функционал на основе H5P. В этом же разделе находится «360-градусное окружение» — интерактивный виртуальный тур.

Нажмите на кнопку «Подробности», затем — на синюю кнопку «Использовать».

Откроется редактор Virtual Tour (360). Впишите заголовок. Добавьте первую панорамную сцену — нажмите на синюю кнопку «+ New scene» (новая сцена), чтобы загрузить широкоформатную фотографию помещения, достопримечательности или улицы.

Во всплывающем окне выберите, какую фотографию будете нажимать: «360 image» (панорамное фото» или «Static image» (обычное фото).

Впишите название сцены в поле «Scene Title».

Чтобы загрузить фотографию, нажмите на кнопку «Добавить» под надписью «Scene Background» (фон сцены). Нажмите в правом верхнем углу синюю кнопку «Done».

Панорамная фотография отобразиться в большом окне в центре экрана. Над ней расположена редакторская панель, которая позволяет добавлять на изображение интерактивные метки (слева направо): переход на другую сцену, текст, изображение, аудио, видео, викторина «выбери правильное утверждение», опрос.

Нажмите на значок и во всплывающем окне добавьте нужную информацию. Чтобы метка с дополнительным материалом появилась на изображении, нажмите в правом верхнем углу синюю кнопку «Done».

Чтобы добавить несколько сцен и связать их друг с другом, сначала под основным изображением нажмите на синюю кнопку «+ New scene» (новая сцена). Выберите, панорамную или обычную фотографию загружаете, впишите заголовок и загрузите фотографию.

Чтобы связать сцены между собой, после загрузки изображения в верхней панели нажмите на стрелочку «Go To Scene» (переход на сцену). Во всплывающем окне выберите, на какую именно сцену вы перенаправляете пользователя.

Повторите операцию для следующей сцены. Чтобы переключиться между ними, под изображением выберите «Current scene» (текущая сцена) — нажмите и переключитесь на нужную.

Когда все сцены и информация к ним будет добавлена, прокрутите мышкой ниже и нажмите на зеленую кнопку «Сохранить».

После обработки сервис откроет полученный результат. Чтобы получить ссылку для расшаривания нажмите «Переиспользовать», затем «Copy content». Или скопируйте из адресной строки.

Чтобы встроить фотослайдер на сайт, нажмите «Вставить» и скопируйте код.

Инструкция актуальна на май 2022 года.

Спецпроекты sdelano.media

Над материалом работала
Ольга Бердецкая

Иллюстрации:
скриншоты сервиса УДОБА

Знаете похожие технологии? Расскажите о своем опыте, нам интересно!

Проверяем была ли изменена фотография: сервис Forensically

Проверяем была ли изменена фотография: сервис Forensically

технология

Проверяем была ли изменена фотография: сервис Forensically

Сервис Forensically — это набор бесплатных инструментов для криминалистической экспертизы цифровых изображений. Он является альтернативой сервису FotoForensics, который заблокировал доступ российским пользователям.

Для проверки иллюстраций в сервисе Forensically мы использовали две фотографии: одна с сайта pixabay.com (пользователя под ником friday2022), вторая — она же, но дополнительно обработанная и с добавленным элементом.

Откройте сервис Forensically. Нажмите «Open File» (открыть файл) в верхней строке, загрузите изображение для проверки.

Инструменты для экспертизы фотографий находятся в колонке справа.

Magnifier (Лупа)

Цифровое увеличительное стекло — наведите мышку на фотографию, чтобы поближе рассмотреть даже самые мелкие детали на изображении. Цифровая лупа увеличивает размер файла в пикселях в дополнение к контрасту в окне.

Чтобы изменить контраст файла для анализа, выберите в «Enhancement» (улучшение) одну функцию из трех:
 

  • Histogram Equalization (выравнивание гистограммы) — более продвинутый вариант, он сохраняет исходное качество файла и предотвращает потенциальную потерю данных,
  • Auto Contrast (автоконтраст) — сохраняет цвета нетронутыми,
  • Auto Contrast by Channel (автоконтраст по каналам) — вы может изменить исходную контрастность изображения или файла.
Clone Detection (клон)

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

Настройки функции:
 

  • Minimal Similarity (минимальное сходство) — определяет, насколько клонированные пиксели должны быть похожи на оригинал,
  • Minimal Detail (минимальные детали) — блоки с меньшей детализацией не учитываются при поиске клонов,
  • Minimal Cluster Size (минимальный размер кластера) — определяет, сколько клонов необходимо найти, чтобы они отображались в результатах,
  • Blocksize (размер блока) — определяет размер блоков, используемых для обнаружения клонов,
  • Maximal Image Size (максимальный размер изображения) — максимальная ширина или высота изображения, используемого для поиска клона. Для анализа больших изображений требуется больше времени,
  • Show Quantized Image (показать квантованное изображение) — показывает изображение после его сжатия. Полезно настроить минимальное сходство и минимальную детализацию. Блоки, которые были отклонены из-за недостаточной детализации, отображаются черным цветом.
Error Level Analysis (анализ уровня ошибок)

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

Рекомендуется использовать этот инструмент с осторожностью, поскольку результаты могут поначалу несколько сбивать с толку.

На что обращать внимание:
 

  • края — они должны иметь одинаковую яркость в результате анализа уровня ошибок. Все высококонтрастные края должны быть похожи друг на друга, все низкоконтрастные края должны выглядеть одинаково. На оригинальной фотографии низкоконтрастные края должны быть почти такими же яркими, как и высококонтрастные,
  • текстуры — похожие текстуры должны иметь аналогичную окраску. Области с большей детализацией поверхности, такие как крупный план баскетбольного мяча, скорее всего, будут иметь более высокий результат анализа уровня ошибок, чем гладкая поверхность,
  • поверхности — независимо от фактического цвета поверхности, все плоские поверхности должны иметь примерно одинаковую окраску.

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

Noise Analysis (анализ шума)

Основан на алгоритме обратного подавления шума. Вместо того, чтобы удалять шум из изображения, он удаляет остальную часть изображения. Это чрезвычайно полезно, если вы хотите обнаружить определенные манипуляции с изображением, таких как аэрография, деформации, деформация и клонирование с коррекцией перспективы. Для достижения наилучших результатов рекомендуется использовать изображения очень высокого качества.

Функции инструмента:
 

  • Noise Amplitude (амплитуда шума) — делает шум ярче;
  • Equalize Histogram (выравнивание гистограммы) — применяет выравнивание гистограммы к шуму. Это может раскрыть вещи, но также может их скрыть. Вы должны попробовать как выравнивание гистограммы, так и масштабирование для анализа на шум;
  • Magnifier Enhancement (улучшение лупы) — доступно три различных улучшения: выравнивание гистограммы, автоконтраст и автоконтраст по каналам;
  • Opacity (непрозрачность) — если вы уменьшите его, увидите больше исходного изображения.
Level Sweep (развертка уровня)

Инструмент позволяет быстро просмотреть гистограмму изображения. Он увеличивает контраст определенных уровней яркости. Использование этого инструмента заключается в том, чтобы сделать края, которые были введены при копировании и вставке содержимого, более заметными.

Чтобы использовать этот инструмент, просто наведите указатель мыши на изображение и прокрутите колесико мыши. Ищите интересные разрывы в изображении.

В настройки инструмента входит:
 

  • Sweep — позиция на гистограмме для проверки, параметр меняется колесиком мыши при наведении курсора на изображение, это позволяет прокручивать гистограмму,
  • Width — ширина среза гистограммы для проверки,
  • Opacity — если вы уменьшите его, увидите больше исходного изображения.

Luminance Gradient (градиент яркости)

Инструмент анализирует изменения яркости по осям «x» и «y» изображения. Он показывает, как освещены разные части изображения, чем помогает найти аномалии. Части изображения, находящиеся под одинаковым углом (к источнику света) и при одинаковом освещении, должны иметь одинаковый цвет.

Другое использование — проверка краев. Подобные ребра должны иметь одинаковые градиенты. Если градиенты на одном краю значительно острее, чем на остальных, это признак того, что изображение могло быть скопировано. Инструмент также хорошо выявляет шумы и артефакты сжатия.

Исходя из анализа иллюстраций, проведенного в сервисе Forensically, первоначальное изображение было обработано, на нем был замене фон. Или на новый фон добавлены элементы: женщина и дерево.

Инструкция актуальна на май 2022 года.

Спецпроекты sdelano.media

Над материалом работала
Ольга Бердецкая

Иллюстрации:
скриншоты сервиса Forensically

Знаете похожие технологии? Расскажите о своем опыте, нам интересно!

Как создать фотослайдер: сервис УДОБА

Как создать фотослайдер: сервис УДОБА

технология

Как создать фотослайдер:
сервис УДОБА

Фотослайдер позволяет пользователям интерактивно сравнивать два изображения. Создать фотографии в режиме «было/стало» можно быстро и бесплатно в сервисе УДОБА.

Откройте сервис УДОБА. Зарегистрируйтесь. Для этого нажмите «Войти» (в верхнем правом углу сайта или зеленая кнопка в центре). Переключитесь на вкладку «Регистрация». Заполните поля. Подтвердите регистрацию по ссылке, которая придет на электронную почту.

В колонке слева нажмите «Моя библиотека». Раздел также найдете в верхнем меню своим именем. Затем нажмите «Добавить» — серая кнопка по центру.

Нажмите на поле со словами «Интерактивный контент». Здесь содержится база мультимедийных форматов: презентаций, видео, опросов, онлайн-игр и другого функционал на основе H5P. В этом же разделе находится «Сопоставление изображений» — фотослайдер.

Нажмите на кнопку «Подробности». Затем на синюю кнопку «Использовать».

Впишите заголовок. Подготовьте для слайдера фотографию «было» и фотографию «стало», убедитесь, что размер изображений совпадает. Загрузите первое фото и впишите «Альтернативный текст» — здесь, например, можно указать дату. Повторите со вторым изображением.

Перейдите к «Настройкам обратной связи». Здесь можно установить позицию фотослайдера — в середине, в начале, в конце (укажите процент), его направление и цвет.

Прокрутите мышкой вниз, нажмите зеленую кнопку «Сохранить». Откроется фотослайдер. Чтобы получить ссылку для расшаривания нажмите «Переиспользовать», затем «Copy content». Или скопируйте из адресной строки.

Чтобы встроить фотослайдер на сайт, нажмите «Вставить» и скопируйте код.

Инструкция актуальна на мая 2022 года.

Спецпроекты sdelano.media

Над материалом работала
Ольга Бердецкая

Иллюстрации:
скриншоты сервиса УДОБА

Знаете похожие технологии? Расскажите о своем опыте, нам интересно!

Как в один клик добавить красок черно-белому фото

Как в один клик добавить красок черно-белому фото

технология
Как в один клик добавить красок черно-белому фото
Нейросеть поможет раскрасить архивные снимки. Специальный сервис от Mail.ru бесплатно и в один клик добавит красок черно-белому фото.
Так будет выглядеть черно-белая фотография после обработки. Чтобы сравнить фотографии до использования сервиса от Mail.ru и после, двигайте бегунок по центру.
Откройте сервис от Mail.ru. Загрузите архивную черно-белую фотографию — нажмите на синюю кнопку «Выбрать фотографию».

Дождитесь, когда технология Vision сервиса Mail.ru найдет и устранит дефекты на снимке и раскрасит его.

Полученный результат можно отправить себе на рабочую почту или скачать на компьютер. Ограничений на количество черно-белых фотографий, загруженных на обработку, на сервисе нет. Он был создан для «раскрашивания» архивных военных снимков.
Инструкция актуальна на май 2022 года.
Читайте также
https://sdelano.media/photoretrica/
https://sdelano.media/photowithoutbackground/
https://sdelano.media/bigjpg/
Над материалом работала
Ольга Бердецкая
Иллюстрации:
скриншоты сервиса от Mail.ru

Знаете похожие технологии? Расскажите о своем опыте, нам интересно!

Создаем учебный материал в виде ветвящегося сценария: сервис УДОБА

Создаем учебный материал в виде ветвящегося сценария: сервис УДОБА

технология

Создаем учебный материал в виде ветвящегося сценария:
сервис УДОБА

Ветвящийся сценарий, созданный в сервисе УДОБА, визуально похож на интерактивную презентацию. В него можно добавлять не только текстовые шаги, но и презентацию, фотографии и видео, в том числе интерактивные.

«Ветвящийся сценарий позволяет авторам предоставлять учащимся широкий выбор интерактивного контента и вариантов его изучения. Выбор, который сделают учащиеся, определит следующий контент, который они увидят. Может использоваться для создания дилемм, игр, вариации сложности заданий в рамках персонализированного обучения и самостоятельного обучения», — так описан формат на сервисе УДОБА.

Выглядит он так.

Откройте сервис УДОБА. Зарегистрируйтесь. Для этого нажмите «Войти» (в верхнем правом углу сайта). Переключитесь на вкладку «Регистрация». Заполните поля. Подтвердите регистрацию по ссылке, которая придет на электронную почту.

В колонке слева нажмите «Моя библиотека». Раздел также найдете в верхнем меню своим именем. Затем нажмите «Добавить» — серая кнопка по центру.

Нажмите на поле со словами «Интерактивный контент». Здесь содержится база мультимедийных форматов: презентаций, видео, опросов, онлайн-игр и другого функционал на основе H5P. В этом же разделе находится «Ветвящийся сценарий».

Нажмите на кнопку «Подробности». Затем на синюю кнопку «Использовать».

Откроется пустой холст. Вверху напишите заголовок.

Чтобы создать ветвящийся сценарий, перетащите тип контента из левого меню в центр. На выбор: презентация, текст, фотография, интерактивная фотография, интерактивное видео и видео.

Перетащив тип контента в центр, сразу откроется редактор, куда нужно добавить содержание.

Заполните поля. Нажмите в правом верхнем углу открывшегося окна синюю кнопку «Done».

Чтобы материал стал ветвящимся, перетащите в центральное поле тип контента «Branching Question» (Ветвящийся вопрос) — синяя кнопка в левом меню.

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

Есть четыре возможности:

1. Пользователь увидит новый контент — просто добавьте нужный тип контента под эту ветку.

2. Пользователь увидит новый вопрос ветвления — перетащите новый ответвляющийся вопрос под эту альтернативу.

3. Пользователь вернется в существующую ветку. Чтобы настроить функцию, откройте «Advanced branching options» (Дополнительные параметры ответвления). В разделе «Special action if selected» (Особое действие, если оно выбрано) выберите «Jump to another branch» (Перейти к другой ветке). Затем выберите ветку, к которой должен перейти пользователь.

4. Сценарий завершится пользовательской обратной связью и опционально — оценкой. Чтобы настроить функцию, откройте «Advanced branching options» (Дополнительные параметры ответвления). В разделе «Special action if selected» (Особое действие, если оно выбрано) выберите «Custom end scenario» (Пользовательский сценарий завершения). Ниже заполните поля «Feedback» (Отзывы). Если вы оставите «Отзыв» пустым, альтернатива приведет к «Сценарию завершения по умолчанию».

Добавьте контент в сценарий, распределите его по веткам. Если альтернатива настроена на возврат к существующему пути, рядом с блоком появится значок с двумя стрелками. Если альтернатива завершит путь — она помечается в виде очерченного круга (если не задан сценарий окончания) или флажком (если задан сценарий окончания).

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

Ветвящийся сценарий предусматривает два типа подсчета очков.
 

  • «Статически установить счет для каждого конечного сценария» — устанавливаете баллы за каждый финальный сценарий.
  • «Динамически рассчитывать баллы по ответам пользователей» — даете баллы за каждое содержание и за каждую альтернативу внутри ветвящегося вопроса. Окончательный балл рассчитывается как сумма баллов, которые пользователь заработал, пока не дошел до конца.
  • Нет подсчета очков — дойдя до конца, пользователь получит только обратную связь.

Вы можете предварительно просмотреть свой контент, для этого нажмите на «Preview» в правом верхнем углу поля для редактирования.

Каждый блок можно отредактировать — наведите на него, нажмите на шестеренку и выберите «Edit content» (Редактировать контент).

Проверив работу, прокрутите мышкой вниз и нажмите зеленую кнопку «Сохранить». Вы получите готовую ссылку для расшаривания. Или нажмите «Переиспользовать» под курсом, затем «Copy content».

Чтобы встроить на сайт, нажмите «Вставить» и скопируйте код.

Инструкция актуальна на апрель 2022 года.

Над материалом работала
Ольга Бердецкая

Иллюстрации:
скриншоты сервиса УДОБА

Знаете похожие технологии? Расскажите о своем опыте, нам интересно!

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: